@charset "UTF-8";
/** Ionic CSS Variables **/
@font-face {
  font-family: "gothammedium";
  src: url('gothammedium-webfont.woff2') format("woff2"), url('gothammedium-webfont.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambook";
  src: url('gothambook-webfont.woff2') format("woff2"), url('gothambook-webfont.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambold";
  src: url('gotham-bold-webfont.woff2') format("woff2"), url('gotham-bold-webfont.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  /** primary **/
  --primary: #375acc;
  --blue-lighter: #edf3f5;
  --search-bg: #135191;
  --blue-light: #bccadb;
  --dark-blue: #252324;
  --pagebg: #f6f9fb;
  --green: #31b820;
  --medium-green: #589442;
  --headerColor: #375acc;
  --border-bottom: #797e8e;
  --white: #ffffff;
  --primary-expire: #375bcd;
  --slprimary: #ffea2d;
  --slsecondary: #F95C97;
  --training-color: #097abd;
  --training-module: #105889;
  --training-module-btn: #1b2e6b;
  --training-list-bg: #fbfbfb;
  --game-color: #550f9a;
  --greeting-color: #ff53a2;
  --greeting-pop: #c666d8;
  --not-attempt: #375acc;
  --failed: #d2404d;
  --warning: #fe6b00;
  --extra-light-blue: #ecf5ff;
  --light-gray: #989aa6;
  --annivarsary-bg: #55bce0;
  --diwali-bg: #fa987a;
  --ion-color-primary: #375acc;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #0cd1e8;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #0bb8cc;
  --ion-color-secondary-tint: #24d6ea;
  /** tertiary **/
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;
  /** success **/
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /** danger **/
  --ion-color-danger: #f04141;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --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: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --t2-two-primary: #FF6B00;
  --font-bd: "gothambold";
  --font-md: "gothammedium";
  --font-rg: "gothambook";
  --slprimary-primary: #ff6b00;
  --headerColor-primary: #4a4cb9;
}
:host {
  --overflow: hidden !important;
}
ion-checkbox {
  --background-checked: var(--headerColor) !important;
  --border-color-checked: var(--headerColor) !important;
}
ion-radio {
  --color-checked: var(--white);
  font-size: 18px;
  margin-right: 10px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-self: center;
}
ion-radio.radio-checked {
  --border-width: 0;
}
ion-radio.radio-checked::before {
  content: "";
  position: relative;
  font-family: "icomoon" !important;
  color: var(--headerColor);
  font-size: 16px;
  left: 2px;
}
ion-item {
  --padding-start: 6px;
}
.footer-md:before {
  display: none;
}
ion-toolbar {
  --background: var(--white);
  --min-height: 90px;
  border-bottom: solid 1px #e0dfde;
}
ion-toolbar.faq {
  --min-height: 60px;
}
ion-toolbar ion-title {
  color: var(--dark-blue);
  font-family: var(--font-md);
  white-space: normal;
}
ion-toolbar ion-title .toolbar-title {
  text-overflow: inherit;
  white-space: inherit;
}
ion-toolbar ion-buttons {
  color: var(--dark-blue);
}
.bgDarkBlue ion-toolbar {
  --background: var(--dark-blue);
}
.bgDarkBlue ion-toolbar ion-title {
  color: var(--white);
  font-family: var(--font-md);
}
.bgDarkBlue ion-toolbar ion-buttons {
  color: var(--white);
}
.bgDarkBlue ion-menu-button .icon-menu {
  font-size: 20px;
}
.bgDarkBlue ion-menu-button .icon-menu:before {
  color: var(--white);
}
.header-blue ion-toolbar {
  --background: var(--headerColor);
  border-bottom: solid 1px #e0dfde;
}
.header-blue ion-toolbar ion-title {
  color: var(--white);
  font-family: var(--font-md);
}
.header-blue ion-toolbar ion-buttons {
  color: var(--white);
}
.header-blue ion-toolbar button {
  color: var(--white);
}
.header-blue ion-menu-button .icon-menu {
  font-size: 20px;
}
.header-blue ion-menu-button .icon-menu:before {
  color: var(--white);
}
ion-card {
  box-shadow: 0 6px 6px 0 #42505933 !important;
  border-radius: 4px;
}
.bgLight {
  background: var(--pagebg);
  --background: var(--pagebg);
}
.bg-primary {
  background: var(--headerColor);
  --background: var(--headerColor);
}
.bg-grey-primary {
  background: #425059;
  --background: #425059;
}
.bg-grey-header ion-toolbar {
  --background: #425059;
  border-bottom: 0;
}
.bg-grey-header ion-toolbar ion-title {
  color: var(--white);
  font-family: var(--font-md);
}
.bg-grey-header ion-toolbar ion-buttons {
  color: var(--white);
}
.bg-grey-header ion-toolbar button {
  color: var(--white);
}
ion-menu-button .icon-menu {
  font-size: 20px;
}
ion-menu-button .icon-menu:before {
  color: var(--dark-blue);
}
ion-spinner {
  --color: var(--headerColor) !important;
  color: var(--headerColor) !important;
}
.bg-primary-aso {
  background: var(--headerColor-primary);
  --background: var(--headerColor-primary);
}
@charset "UTF-8";
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;
  justify-content: space-between;
  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);
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
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::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-feature-settings: 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%;
          text-size-adjust: 100%;
}
html:not(.hydrated) body {
  display: none;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
}
html {
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}
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;
  }
}
.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 (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: 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 (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    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 (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: 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 (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 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 (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    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 (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 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;
}
/**reset start**/
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon.eot?iwyas4');
  src:  url('icomoon.eot?iwyas4#iefix') format('embedded-opentype'),
    url('icomoon.ttf?iwyas4') format('truetype'),
    url('icomoon.woff?iwyas4') format('woff'),
    url('icomoon.svg?iwyas4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-events:before {
  content: "\e9bf";
}
.icon-retailers-active:before {
  content: "\e9be";
}
.icon-point-history:before {
  content: "\e9bd";
}
.icon-voucher:before {
  content: "\e9bc";
}
.icon-joining-bonus:before {
  content: "\e9ba";
}
.icon-Random-point:before {
  content: "\e9bb";
}
.icon-expire:before {
  content: "\e9b9";
}
.icon-recent:before {
  content: "\e9b8";
}
.icon-content:before {
  content: "\e9b5";
}
.icon-ond:before {
  content: "\e9b6";
}
.icon-birthday-greeting:before {
  content: "\e9b7";
}
.icon-noun-learning:before {
  content: "\e9b4";
}
.icon-games:before {
  content: "\e9b2";
}
.icon-courses:before {
  content: "\e9b3";
}
.icon-brochure-line:before {
  content: "\e9b0";
}
.icon-brochure-filled:before {
  content: "\e9b1";
}
.icon-csr:before {
  content: "\e9af";
}
.icon-rack-server:before {
  content: "\e9ad";
}
.icon-tower-server:before {
  content: "\e9ae";
}
.icon-upsell:before {
  content: "\e9ac";
}
.icon-password:before {
  content: "\e9ab";
}
.icon-partners-activated:before {
  content: "\e9a9";
  color: #4a4cb9;
}
.icon-partners:before {
  content: "\e9aa";
}
.icon-state:before {
  content: "\e9a8";
}
.icon-social:before {
  content: "\e9a6";
}
.icon-icon-chat:before {
  content: "\e9a7";
}
.icon-add:before {
  content: "\e900";
}
.icon-arrow-down:before {
  content: "\e901";
}
.icon-arrow-left:before {
  content: "\e902";
}
.icon-arrow-right:before {
  content: "\e903";
}
.icon-arrow-up:before {
  content: "\e904";
}
.icon-back:before {
  content: "\e905";
}
.icon-catlauge:before {
  content: "\e906";
}
.icon-coins:before {
  content: "\e907";
}
.icon-edit:before {
  content: "\e908";
}
.icon-filter:before {
  content: "\e909";
}
.icon-home1:before {
  content: "\e90a";
}
.icon-language:before {
  content: "\e90b";
}
.icon-laptops:before {
  content: "\e90c";
}
.icon-desktop:before {
  content: "\e90d";
}
.icon-tablets:before {
  content: "\e90e";
}
.icon-workstations:before {
  content: "\e90f";
}
.icon-Monitors:before {
  content: "\e910";
}
.icon-processor:before {
  content: "\e911";
}
.icon-os:before {
  content: "\e912";
}
.icon-logout1:before {
  content: "\e913";
}
.icon-display:before {
  content: "\e914";
}
.icon-memory:before {
  content: "\e915";
}
.icon-battery-life:before {
  content: "\e916";
}
.icon-weight:before {
  content: "\e917";
}
.icon-submit:before {
  content: "\e918";
}
.icon-reply:before {
  content: "\e919";
}
.icon-send:before {
  content: "\e91a";
}
.icon-menu1:before {
  content: "\e91b";
}
.icon-basic-info:before {
  content: "\e91c";
}
.icon-retailers:before {
  content: "\e91d";
}
.icon-points:before {
  content: "\e91e";
}
.icon-gstn:before {
  content: "\e91f";
}
.icon-query:before {
  content: "\e920";
}
.icon-company-name:before {
  content: "\e921";
}
.icon-call:before {
  content: "\e922";
}
.icon-email-id:before {
  content: "\e923";
}
.icon-address:before {
  content: "\e924";
}
.icon-star-unfill:before {
  content: "\e925";
}
.icon-rate:before {
  content: "\e926";
}
.icon-star-fill:before {
  content: "\e927";
}
.icon-close:before {
  content: "\e928";
}
.icon-user:before {
  content: "\e929";
}
.icon-referal-code:before {
  content: "\e92a";
}
.icon-scheme:before {
  content: "\e92b";
}
.icon-search:before {
  content: "\e92c";
}
.icon-tick:before {
  content: "\e92d";
}
.icon-product:before {
  content: "\e92e";
}
.icon-contact-us1:before {
  content: "\e92f";
}
.icon-terms-conditions:before {
  content: "\e930";
}
.icon-path:before {
  content: "\e931";
  color: #3f8dde;
}
.icon-portfolio:before {
  content: "\e932";
}
.icon-All-products:before {
  content: "\e933";
  color: #bccadb;
}
.icon-profile-icon:before {
  content: "\e934";
  color: #7d97b6;
}
.icon-calling:before {
  content: "\e935";
  color: #718094;
}
.icon-id-card:before {
  content: "\e936";
  color: #718094;
}
.icon-sale-capture:before {
  content: "\e937";
  color: #7d97b6;
}
.icon-sale-capture-add .path1:before {
  content: "\e938";
  color: rgb(255, 255, 255);
}
.icon-sale-capture-add .path2:before {
  content: "\e939";
  margin-left: -1.025390625em;
  color: rgb(255, 255, 255);
}
.icon-sale-capture-add .path3:before {
  content: "\e93a";
  margin-left: -1.025390625em;
  color: rgb(249, 92, 152);
}
.icon-delete1:before {
  content: "\e93b";
}
.icon-under-processlist .path1:before {
  content: "\e93c";
  color: rgb(255, 107, 0);
}
.icon-under-processlist .path2:before {
  content: "\e93d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-download:before {
  content: "\e93e";
}
.icon-news:before {
  content: "\e93f";
  color: #7d97b6;
}
.icon-refresh:before {
  content: "\e940";
  color: #f95c98;
}
.icon-bid1:before {
  content: "\e941";
  color: #7d97b6;
}
.icon-software-peripherals:before {
  content: "\e942";
  color: #fff;
}
.icon-warranty:before {
  content: "\e943";
  color: #bccadb;
}
.icon-cup:before {
  content: "\e944";
}
.icon-refer:before {
  content: "\e945";
}
.icon-graduate-diploma:before {
  content: "\e946";
}
.icon-play:before {
  content: "\e947";
}
.icon-support:before {
  content: "\e948";
}
.icon-dob:before {
  content: "\e949";
}
.icon-anniversary:before {
  content: "\e950";
}
.icon-leaderboard:before {
  content: "\e951";
}
.icon-barcode1:before {
  content: "\e94a";
}
.icon-claimed:before {
  content: "\e94b";
}
.icon-copy-code:before {
  content: "\e94c";
  color: #3f8dde;
}
.icon-pending:before {
  content: "\e94d";
}
.icon-rejected:before {
  content: "\e94e";
}
.icon-date:before {
  content: "\e94f";
}
.icon-special-offer:before {
  content: "\e952";
}
.icon-share:before {
  content: "\e953";
}
.icon-smiley:before {
  content: "\e954";
}
.icon-user-management:before {
  content: "\e955";
}
.icon-pan:before {
  content: "\e956";
}
.icon-attach:before {
  content: "\e957";
}
.icon-upload1:before {
  content: "\e958";
}
.icon-aso-visits:before {
  content: "\e959";
}
.icon-faq:before {
  content: "\e95a";
}
.icon-proconnect-benefits1:before {
  content: "\e95b";
}
.icon-redemption-history1:before {
  content: "\e95c";
}
.icon-reward-catloge:before {
  content: "\e95d";
}
.icon-schemes1:before {
  content: "\e95e";
}
.icon-service-contract-matrix:before {
  content: "\e95f";
}
.icon-brand-speaks:before {
  content: "\e960";
}
.icon-info:before {
  content: "\e961";
}
.icon-partner:before {
  content: "\e962";
}
.icon-switch:before {
  content: "\e963";
}
.icon-menu:before {
  content: "\e964";
}
.icon-upload:before {
  content: "\e965";
}
.icon-switcher:before {
  content: "\e966";
}
.icon-back-black:before {
  content: "\e967";
}
.icon-next-big-arrow:before {
  content: "\e968";
}
.icon-arrow-down-red:before {
  content: "\e969";
}
.icon-arrow-up-green:before {
  content: "\e96a";
}
.icon-home:before {
  content: "\e96b";
  color: #425059;
}
.icon-home-activated:before {
  content: "\e96c";
}
.icon-video-training:before {
  content: "\e96d";
}
.icon-bid:before {
  content: "\e96e";
}
.icon-business:before {
  content: "\e96f";
  color: #425059;
}
.icon-business-active:before {
  content: "\e970";
}
.icon-camera:before {
  content: "\e971";
}
.icon-contact-service:before {
  content: "\e972";
}
.icon-contact-us:before {
  content: "\e973";
}
.icon-contact-us-active:before {
  content: "\e974";
}
.icon-units-sold:before {
  content: "\e975";
}
.icon-termsconditions-active:before {
  content: "\e976";
}
.icon-reward-catalogue:before {
  content: "\e977";
}
.icon-sales:before {
  content: "\e978";
}
.icon-sale-capture-active:before {
  content: "\e979";
}
.icon-schemes:before {
  content: "\e97a";
}
.icon-schemes-active:before {
  content: "\e97b";
}
.icon-achievement-units:before {
  content: "\e97c";
}
.icon-add-sale:before {
  content: "\e97d";
}
.icon-aqs-active:before {
  content: "\e97e";
}
.icon-barcode:before {
  content: "\e97f";
}
.icon-barnd-speak .path1:before {
  content: "\e980";
  color: rgb(66, 80, 89);
}
.icon-barnd-speak .path2:before {
  content: "\e981";
  margin-left: -1em;
  color: rgb(66, 80, 89);
}
.icon-barnd-speak .path3:before {
  content: "\e982";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-barnd-speak .path4:before {
  content: "\e983";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-barnd-speak .path5:before {
  content: "\e984";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-barnd-speak .path6:before {
  content: "\e985";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-barnd-speak .path7:before {
  content: "\e986";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-calendar:before {
  content: "\e987";
}
.icon-delete:before {
  content: "\e988";
}
.icon-exclusive:before {
  content: "\e989";
}
.icon-faqs:before {
  content: "\e98a";
  color: #425059;
}
.icon-filter-black:before {
  content: "\e98b";
}
.icon-go-to-profile:before {
  content: "\e98c";
}
.icon-icon-add-employee:before {
  content: "\e98d";
}
.icon-information:before {
  content: "\e98e";
}
.icon-value-of-invoive:before {
  content: "\e98f";
}
.icon-invoice:before {
  content: "\e990";
}
.icon-redemption-history:before {
  content: "\e997";
}
.icon-language-Active:before {
  content: "\e998";
}
.icon-termsconditions:before {
  content: "\e999";
  color: #425059;
}
.icon-brand-speak-active:before {
  content: "\e991";
}
.icon-invoice-Rejected:before {
  content: "\e992";
}
.icon-invoice-claimed:before {
  content: "\e993";
}
.icon-invoice-Pending1:before {
  content: "\e9a1";
}
.icon-selected:before {
  content: "\e99a";
}
.icon-limited-offer:before {
  content: "\e99b";
}
.icon-logout:before {
  content: "\e99c";
}
.icon-proconnect-benefits-copy:before {
  content: "\e99d";
}
.icon-proconnect-benefits:before {
  content: "\e99e";
}
.icon-products:before {
  content: "\e99f";
}
.icon-products-active:before {
  content: "\e9a0";
}
.icon-edit-one:before {
  content: "\e994";
}
.icon-contact-one:before {
  content: "\e995";
}
.icon-aso-approval:before {
  content: "\e996";
}
.icon-pancard:before {
  content: "\e9a2";
}
.icon-zoom:before {
  content: "\e9a3";
}
.icon-region-rank:before {
  content: "\e9a4";
}
.icon-t-3-added:before {
  content: "\e9a5";
}
html,
body {
  height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  /*overflow-y: scroll;*/
  font-size: 14px;
}
* {
  margin: 0;
  padding: 0;
  font-family: var(--font-rg);
}
ul li {
  list-style: none;
}
img {
  border: none;
  max-width: 100%;
  outline: none;
  -webkit-user-select: none;
          user-select: none;
  display: block;
  height: auto;
  width: auto;
}
a {
  color: var(--primary);
  text-decoration: none;
  outline: none;
  background: transparent;
}
code,
kbd,
pre,
samp {
  font-family: arial;
  font-size: 10px;
}
pre {
  white-space: pre-wrap;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 140%;
  background: transparent;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: border-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-bd);
  line-height: 1.5;
  margin: 0;
}
p {
  line-height: 1.45;
  margin: 0;
}
section,
header,
nav,
footer,
aside,
figure,
figcaption,
article,
hgroup {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
textarea {
  resize: none;
  outline: none;
  border: none;
}
::-webkit-input-placeholder {
  color: rgba(var(--primary), 0.5) !important;
}
:-moz-placeholder {
  color: rgba(var(--primary), 0.5) !important;
}
::-moz-placeholder {
  color: rgba(var(--primary), 0.5) !important;
}
.clear:before,
.clear:after {
  display: table;
  content: " ";
}
.clear:after {
  clear: both;
}
.clear {
  *zoom: 1;
}
select {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clear {
  clear: both;
}
a {
  transition: #fff 0.6s ease-in-out;
}
dl,
dd {
  margin-bottom: 0;
}
::selection {
  background: #375acc;
  color: #fff;
  text-shadow: none;
}
/****/
.border-radius {
  border-radius: 10px;
}
.border-radius-top {
  border-radius: 10px 10px 0 0;
}
.paddingLR {
  padding-left: 20px;
  padding-right: 20px;
}
.paddingTB {
  padding-top: 20px;
  padding-bottom: 20px;
}
.menu-item.active .multilevel-menu .item {
  color: var(--headerColor);
}
.menu-item .menu-icons .icon-home::before {
  color: var(--headerColor);
}
ion-menu ion-header:after {
  height: 0 !important;
  display: none;
}
ion-menu ion-toolbar {
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-start: 0px;
  --padding-end: 0px;
  border-bottom: 0;
}
ion-menu .height100 {
  min-height: 70px;
}
ion-menu .height100.item {
  display: flex;
  justify-content: space-around;
  padding-bottom: 10px;
}
ion-menu .height100.item p {
  position: absolute;
  display: flex;
  align-self: flex-end;
  font-size: 12px;
  color: var(--headerColor);
  width: 100%;
  bottom: -3px;
}
@media screen and (min-width: 320px) {
  ion-menu .height100.item p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  ion-menu .height100.item p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  ion-menu .height100.item p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  ion-menu .height100.item p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  ion-menu .height100.item p {
    font-size: 14px;
  }
}
ion-menu .logout {
  padding-left: 20px;
  background: #f7fafd;
}
ion-menu .logout .item {
  --background: #f7fafd;
  padding: 8px 0 8px 0;
  --inner-border-width: 0 0 0px 0;
  --min-height: initial;
}
ion-menu .logout .item ion-label {
  color: var(--dark-blue);
  font-family: var(--font-md);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  ion-menu .logout .item ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  ion-menu .logout .item ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  ion-menu .logout .item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  ion-menu .logout .item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  ion-menu .logout .item ion-label {
    font-size: 16px;
  }
}
ion-menu .logout .item i {
  margin-right: 20px;
  font-size: 20px;
  color: #bccadb;
}
@media screen and (min-width: 320px) {
  ion-menu .logout .item i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  ion-menu .logout .item i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  ion-menu .logout .item i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  ion-menu .logout .item i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  ion-menu .logout .item i {
    font-size: 22px;
  }
}
ion-menu .app-version {
  text-align: center;
  color: var(--border-bottom);
  padding: 5px 5px;
  background-color: #fbfbfb;
  text-transform: capitalize;
  font-size: 12px;
  font-family: var(--font-md);
  position: absolute;
  bottom: 0;
  z-index: 9;
  right: 80px;
}
@media screen and (min-width: 320px) {
  ion-menu .app-version {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  ion-menu .app-version {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  ion-menu .app-version {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  ion-menu .app-version {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  ion-menu .app-version {
    font-size: 14px;
  }
}
ion-menu .menu-header {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
ion-menu .menu-header .img-header-wrap {
  width: 120px;
  margin-right: 10px;
}
ion-menu .menu-header .img-header-wrap:last-child {
  margin-right: 0;
}
ion-menu .menu-header .img-header-wrap:first-child {
  max-width: 70px;
}
ion-menu .menu-header h2 {
  font-size: 18px;
  color: var(--dark-blue);
  align-self: center;
}
@media screen and (min-width: 320px) {
  ion-menu .menu-header h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  ion-menu .menu-header h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  ion-menu .menu-header h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  ion-menu .menu-header h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  ion-menu .menu-header h2 {
    font-size: 20px;
  }
}
ion-menu .menu-header h2 small {
  display: block;
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  ion-menu .menu-header h2 small {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  ion-menu .menu-header h2 small {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  ion-menu .menu-header h2 small {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  ion-menu .menu-header h2 small {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  ion-menu .menu-header h2 small {
    font-size: 16px;
  }
}
ion-menu .multi-level-dropdown {
  background-color: #fbfbfb;
  padding: 0;
  position: relative;
  left: 0px;
  width: 100%;
  z-index: 99;
}
ion-menu .multi-level-dropdown ion-menu-toggle .item {
  padding-left: 10px;
  --background: transparent;
  animation: slide-left 0.3s ease-in 0s 1 alternate forwards;
  margin-right: 5px;
  margin-left: 80px;
  width: calc(100% - 80px);
}
@keyframes slide-left {
  from {
    transform: translateX(-100px);
  }
  to {
    transform: translateX(0);
  }
}
ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-icons {
  margin-right: 10px;
  font-size: 20px;
  width: 25px;
}
ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-icons .icon-profile-icon::before,
ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-icons .icon-sale-capture::before,
ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-icons .icon-news::before,
ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-icons .icon-home::before {
  color: var(--headerColor);
}
ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-label-style {
  color: var(--headerColor);
  font-family: var(--font-md);
  font-size: 14px;
  font-weight: normal;
}
@media screen and (min-width: 320px) {
  ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-label-style {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-label-style {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-label-style {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-label-style {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  ion-menu .multi-level-dropdown ion-menu-toggle .item .menu-label-style {
    font-size: 16px;
  }
}
ion-menu .multilevel-menu .item {
  border-bottom: 0;
  margin: 0 20px;
  --inner-border-width: 0 0 0 0;
  position: relative;
  --background: transparent;
  --min-height: 40px;
  margin-right: 1px;
  width: calc(100% - 10px);
}
ion-menu .multilevel-menu .item.active ion-icon {
  color: var(--primary);
}
ion-menu .multilevel-menu .item.active .menu-label-style {
  color: var(--primary);
}
ion-menu .multilevel-menu .item .menu-icons {
  margin-right: 45px;
  color: var(--headerColor);
  font-size: 22px;
}
ion-menu .multilevel-menu .item ion-label {
  color: var(--headerColor);
  font-family: var(--font-md);
  font-size: 16px;
  font-weight: 500;
  z-index: 9;
}
@media screen and (min-width: 320px) {
  ion-menu .multilevel-menu .item ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  ion-menu .multilevel-menu .item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  ion-menu .multilevel-menu .item ion-label {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  ion-menu .multilevel-menu .item ion-label {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  ion-menu .multilevel-menu .item ion-label {
    font-size: 18px;
  }
}
ion-menu .multilevel-menu .item .arrow {
  right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary);
  z-index: 1;
  font-family: "icomoon" !important;
  display: none;
}
ion-menu .multilevel-menu.active {
  background-color: #f7fafd;
}
ion-menu ion-menu-toggle .item {
  border-bottom: 0;
  margin: 0 20px;
  --inner-border-width: 0 0 0 0;
  position: relative;
  margin-right: 2px;
}
ion-menu ion-menu-toggle .item.active ion-icon {
  color: var(--dark-blue);
}
ion-menu ion-menu-toggle .item.active .menu-label-style {
  color: var(--dark-blue);
  white-space: normal;
}
ion-menu ion-menu-toggle .item .menu-icons {
  margin-right: 45px;
  color: var(--headerColor);
  width: 22px;
  font-size: 22px;
}
ion-menu ion-menu-toggle .item .menu-icons ion-icon {
  display: initial;
}
.login-container {
  height: 100vh;
  padding-top: 0;
}
.login-container .backBtn {
  position: absolute;
  top: 20px;
  width: auto;
  left: 20px;
  font-family: var(--font-bd);
}
body {
  font-family: var(--font-md);
}
@media (max-width: 320px) {
  .login-container {
    padding-top: 15vh;
  }
}
.backBtn {
  width: 0;
  position: relative;
  display: block;
  z-index: 999;
}
.backBtn.terms-Cond {
  width: 45px;
  height: 45px;
  z-index: 99;
}
.backBtn .icon-icon-back {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
ion-title {
  width: calc(100% - 42px);
}
.header-container .backBtn {
  width: 35px;
  left: 5px;
  height: 35px;
  --background: transparent;
  --box-shadow: none;
  --background: transparent;
  --background-activated: transparent;
  transition: transparent;
  --background-focused: transparent;
  --background-hover: transparent;
  --ripple-color: transparent;
}
.header-container .backBlckBtn {
  color: black;
  width: 35px;
  left: 5px;
  height: 35px;
  --box-shadow: none;
  --background: transparent;
  --background-activated: transparent;
  transition: transparent;
  --background-focused: transparent;
  --background-hover: transparent;
  --ripple-color: transparent;
}
.header-container .toolbar-container {
  padding: 10px 16px 10px 20px;
  z-index: 11;
}
.header-container.header-no-border {
  border-bottom: 0;
}
.header-container.header-no-border::after {
  display: none;
}
.login-welcome {
  color: var(--white);
  padding: 0 30px;
  margin-bottom: 40px;
}
.login-welcome img {
  max-width: 100px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 60px;
  margin-top: 60px;
}
.login-welcome h1 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .login-welcome h1 {
    font-size: 34px;
  }
}
@media screen and (min-width: 360px) {
  .login-welcome h1 {
    font-size: 36px;
  }
}
@media screen and (min-width: 400px) {
  .login-welcome h1 {
    font-size: 38px;
  }
}
@media screen and (min-width: 480px) {
  .login-welcome h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 500px) {
  .login-welcome h1 {
    font-size: 44px;
  }
}
.login-welcome p {
  letter-spacing: 1px;
  font-size: 16px;
  text-align: left;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .login-welcome p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .login-welcome p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .login-welcome p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .login-welcome p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .login-welcome p {
    font-size: 18px;
  }
}
.login-welcome h2 {
  margin-bottom: 30px;
  font-size: 35px;
  font-family: var(--font-rg);
  line-height: 1;
}
@media screen and (min-width: 320px) {
  .login-welcome h2 {
    font-size: 33px;
  }
}
@media screen and (min-width: 360px) {
  .login-welcome h2 {
    font-size: 35px;
  }
}
@media screen and (min-width: 400px) {
  .login-welcome h2 {
    font-size: 37px;
  }
}
@media screen and (min-width: 480px) {
  .login-welcome h2 {
    font-size: 39px;
  }
}
@media screen and (min-width: 500px) {
  .login-welcome h2 {
    font-size: 43px;
  }
}
.login-welcome h2 span {
  font-family: var(--font-bd);
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .login-welcome h2 span {
    font-size: 38px;
  }
}
@media screen and (min-width: 360px) {
  .login-welcome h2 span {
    font-size: 40px;
  }
}
@media screen and (min-width: 400px) {
  .login-welcome h2 span {
    font-size: 42px;
  }
}
@media screen and (min-width: 480px) {
  .login-welcome h2 span {
    font-size: 44px;
  }
}
@media screen and (min-width: 500px) {
  .login-welcome h2 span {
    font-size: 48px;
  }
}
.login-letsin {
  margin: 0 auto;
  width: calc(100% - 40px);
  border-radius: 17px 17px 0 0;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  bottom: 0;
  background-color: var(--white);
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 40px 20px;
}
.login-letsin.login-two .btn-container {
  flex-direction: column;
  position: relative;
}
.login-letsin.login-two .btn-container .btn-info {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.login-letsin.login-two .btn-container .btn {
  position: relative;
}
.login-letsin.login-two .btn-container .btn.btn-secondary {
  background: var(--t2-two-primary);
}
.login-letsin.login-two .btn-container .information-icon {
  width: 22px;
  height: 22px;
  border-radius: 100px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}
.login-letsin.login-two .btn-container .information-icon i {
  font-size: 24px;
  color: var(--ion-color-light-contrast);
}
.login-letsin.login-two p {
  font-family: var(--font-md);
  font-size: 12px;
  opacity: 0.7;
  margin-top: 16px;
  text-align: center;
}
@media screen and (min-width: 320px) {
  .login-letsin.login-two p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .login-letsin.login-two p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .login-letsin.login-two p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .login-letsin.login-two p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .login-letsin.login-two p {
    font-size: 14px;
  }
}
.btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.btn-container .btn {
  background: var(--white);
  margin: 0 auto;
  width: auto;
  padding: 13px 20px;
  min-height: 50px;
  color: #252324;
  text-transform: capitalize;
  border-radius: 50px;
  border: solid 1px #252324;
  font-family: var(--font-bd);
  font-size: 14px;
}
.btn-container .btn span {
  font-family: var(--font-bd);
  padding-left: 5px;
}
.btn-container .btn.active {
  color: var(--white);
  background: #252324;
  box-shadow: 0 7px 16px 0 #4250594c;
}
.btn-container .btn-big {
  width: 80%;
}
.hd2 {
  margin-bottom: 40px;
  font-size: 24px;
  color: var(--dark-blue);
  padding-left: 0px;
}
@media screen and (min-width: 320px) {
  .hd2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 360px) {
  .hd2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 400px) {
  .hd2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .hd2 {
    font-size: 26px;
  }
}
@media screen and (min-width: 500px) {
  .hd2 {
    font-size: 26px;
  }
}
/****loging**/
.login-otp-container {
  min-height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  --highlight-color-valid: transparent;
  --inner-border-width: 0 0 0px 0;
  --border-width: 0 0 0px 0;
}
.login-otp-container #wrapper {
  margin-top: 65px;
}
#partitioned {
  padding-left: 7px;
  letter-spacing: 28px;
  border: 0;
  background-image: linear-gradient(to left, white 70%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 50px 1px;
  background-repeat: repeat-x;
  background-position-x: 35px;
  width: 220px;
  min-width: 220px;
  background-color: transparent;
  margin: 0 auto;
  color: var(--dark-blue);
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  #partitioned {
    font-size: 22px;
  }
}
@media screen and (min-width: 360px) {
  #partitioned {
    font-size: 24px;
  }
}
@media screen and (min-width: 400px) {
  #partitioned {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  #partitioned {
    font-size: 26px;
  }
}
@media screen and (min-width: 500px) {
  #partitioned {
    font-size: 26px;
  }
}
.form-row {
  display: inherit;
}
.form-row .ion-item {
  display: inherit;
  margin: 0;
  padding: 0;
  color: var(--dark-blue);
}
.form-row .item-native {
  border-color: var(--border-bottom);
}
.form-row .labelStyle {
  color: var(--border-bottom);
  font-size: 12px;
  display: block;
  width: 100%;
  letter-spacing: 1px;
  max-width: inherit;
  font-family: var(--font-md);
  margin-bottom: 6px;
}
@media screen and (min-width: 320px) {
  .form-row .labelStyle {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .form-row .labelStyle {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .form-row .labelStyle {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .form-row .labelStyle {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .form-row .labelStyle {
    font-size: 14px;
  }
}
.form-row .labelStyle.label-stacked {
  transform-origin: initial;
  transform: initial;
}
.form-row ion-input {
  font-size: 14px;
  display: block;
  width: 100%;
  font-family: var(--font-md);
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .form-row ion-input {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .form-row ion-input {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .form-row ion-input {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .form-row ion-input {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .form-row ion-input {
    font-size: 16px;
  }
}
.form-row ion-input input {
  padding: 0;
  padding-inline-start: 0 !important;
  font-weight: bold;
}
.form-login .formOuter {
  margin-bottom: 10px;
}
.form-login .formOuter h5 {
  font-size: 16px;
  color: var(--dark-blue);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .form-login .formOuter h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .form-login .formOuter h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .form-login .formOuter h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .form-login .formOuter h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .form-login .formOuter h5 {
    font-size: 18px;
  }
}
.form-login .formOuter.company-address {
  display: block;
}
.form-login .formOuter.panCardDiv {
  flex-wrap: wrap;
  padding: 0 16px;
}
.form-login .formOuter.panCardDiv.login-pancard {
  margin-bottom: 0;
}
.form-login .formOuter.panCardDiv .pan-card-info {
  padding-bottom: 20px;
  width: 100%;
}
.form-login .formOuter.panCardDiv .pan-card-info h4 {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .form-login .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .form-login .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .form-login .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .form-login .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .form-login .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 16px;
  }
}
.form-login .formOuter.panCardDiv .pan-card-info h4.rejected-pan {
  color: #ff0033;
}
.form-login .formOuter.panCardDiv .pan-card-info p {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .form-login .formOuter.panCardDiv .pan-card-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .form-login .formOuter.panCardDiv .pan-card-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .form-login .formOuter.panCardDiv .pan-card-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .form-login .formOuter.panCardDiv .pan-card-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .form-login .formOuter.panCardDiv .pan-card-info p {
    font-size: 16px;
  }
}
.form-login .formOuter.panCardDiv .formPrimaryInput {
  height: 160px;
  border: dashed 1px var(--blue-light);
  align-items: center;
  --inner-border-width: 0 0 0 0;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
  --padding-start: 0px;
  --inner-padding-end: 0px;
}
.form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap {
  width: 100%;
}
.form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview {
  height: 160px;
  padding: 5px;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 0;
  margin-right: 0;
  border: 0;
}
.form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview img {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  object-fit: fill;
}
.form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #fff;
  color: #000;
  border-radius: 50%;
}
.form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 20px;
  }
}
.form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap img {
  margin: 0 auto;
  margin-bottom: 20px;
  width: auto;
}
.form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
  font-size: 14px;
  color: var(--dark-blue);
  margin: 0 auto;
  width: inherit;
}
@media screen and (min-width: 320px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .form-login .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 16px;
  }
}
.form-login .formOuter.panCardDiv button {
  color: var(--primary);
  font-size: 14px;
  margin: 0 auto;
  width: inherit;
}
@media screen and (min-width: 320px) {
  .form-login .formOuter.panCardDiv button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .form-login .formOuter.panCardDiv button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .form-login .formOuter.panCardDiv button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .form-login .formOuter.panCardDiv button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .form-login .formOuter.panCardDiv button {
    font-size: 16px;
  }
}
.form-login .formOuter.panCardDiv.sale-invoice {
  padding: 0;
}
.form-login .formOuter.panCardDiv.sale-invoice .formPrimaryInput {
  height: 58px;
  margin-bottom: 0;
}
.form-login .formOuter.panCardDiv.sale-invoice .formPrimaryInput.error {
  border: solid 1px #f04141;
}
.form-login .formOuter.panCardDiv.sale-invoice .formPrimaryInput .pancard-wrap {
  width: 60%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.form-login .formOuter.panCardDiv.sale-invoice .formPrimaryInput .pancard-wrap img {
  margin: initial;
}
.form-login .formOuter ion-checkbox {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  --border-radius: 2px;
  --border-color: #546c8b;
  --border-width: 2px;
  --border-radius: 50%;
  --background-checked: #375acc;
  --border-color-checked: #375acc;
}
.form-login .formOuter .formPrimaryInput.checkbox {
  --inner-border-width: 0 0 0 0;
  --border-color: transparent;
  margin: 0 auto;
  text-align: left;
  max-width: 100%;
  border-bottom: none;
  margin-bottom: 40px;
  border: 0;
}
.form-login .formOuter .formPrimaryInput.checkbox .labelStyle {
  margin-bottom: 0px;
  text-align: left;
  display: initial;
  width: auto;
  letter-spacing: initial;
  color: var(--border-bottom);
  font-size: 14px;
  font-family: var(--font-rg);
  overflow: initial;
  max-width: max-content;
}
@media screen and (min-width: 320px) {
  .form-login .formOuter .formPrimaryInput.checkbox .labelStyle {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .form-login .formOuter .formPrimaryInput.checkbox .labelStyle {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .form-login .formOuter .formPrimaryInput.checkbox .labelStyle {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .form-login .formOuter .formPrimaryInput.checkbox .labelStyle {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .form-login .formOuter .formPrimaryInput.checkbox .labelStyle {
    font-size: 16px;
  }
}
.form-login .formOuter .formPrimaryInput span {
  font-family: var(--font-md);
  color: #252324;
  font-size: 14px;
  margin-bottom: -2px;
  z-index: 9999;
  direction: initial;
  cursor: pointer;
}
@media screen and (min-width: 320px) {
  .form-login .formOuter .formPrimaryInput span {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .form-login .formOuter .formPrimaryInput span {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .form-login .formOuter .formPrimaryInput span {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .form-login .formOuter .formPrimaryInput span {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .form-login .formOuter .formPrimaryInput span {
    font-size: 16px;
  }
}
.form-login .formOuter .formPrimaryInput span.Error {
  color: #ff0033;
}
.form-login .formOuter.accept-checkbox .formPrimaryInput.checkbox .labelStyle {
  display: inline-block;
  padding-left: 5px;
  white-space: normal;
}
.otpScreen .formPrimaryInput {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.otpScreen .item-input {
  --border-width: 0;
}
.otpScreen .item-input .item-inner {
  padding: 0;
  --highlight-color-valid:transparent;
}
.otpScreen .item-input .item-inner .input-wrapper {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.otpScreen .labelStyle {
  position: relative;
  margin-bottom: 5px;
}
.otpScreen .otpWrapper {
  width: 100%;
  position: relative;
}
.login-container-fgm-step3-box {
  margin-bottom: 25px;
  position: relative;
}
.login-container-fgm-step3-box.border-bott {
  position: relative;
}
.login-container-fgm-step3-box.border-bott:after {
  content: "";
  width: calc(100% + 80px);
  left: -30px;
  bottom: -10px;
  position: absolute;
  height: 1px;
  background: #ecf1f5;
}
.login-container-fgm-step3-box:last-child {
  margin-bottom: 0;
}
.login-container-fgm-step3-box h2 {
  color: var(--dark-blue);
  font-size: 14px;
  padding-bottom: 20px;
}
@media screen and (min-width: 320px) {
  .login-container-fgm-step3-box h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .login-container-fgm-step3-box h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .login-container-fgm-step3-box h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .login-container-fgm-step3-box h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .login-container-fgm-step3-box h2 {
    font-size: 16px;
  }
}
.login-container-fgm-step3-box .select-mtm-wrap h3 {
  color: var(--dark-blue);
  font-size: 14px;
  padding-bottom: 20px;
}
@media screen and (min-width: 320px) {
  .login-container-fgm-step3-box .select-mtm-wrap h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .login-container-fgm-step3-box .select-mtm-wrap h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .login-container-fgm-step3-box .select-mtm-wrap h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .login-container-fgm-step3-box .select-mtm-wrap h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .login-container-fgm-step3-box .select-mtm-wrap h3 {
    font-size: 16px;
  }
}
.select-mtm-wrap {
  border: solid 1px var(--blue-light);
  padding: 20px;
  border-radius: 6px;
  overflow: hidden;
}
.select-mtm-wrap.no-border {
  border: 0;
}
.select-mtm-wrap .select-mtm-btn .btn-container {
  width: 50%;
  margin-left: auto;
}
.select-mtm-wrap .select-mtm-btn .btn-container .btn {
  text-align: right;
}
.select-mtm-wrap .select-mtm-head {
  margin: -20px -20px 0 -20px;
}
.select-mtm-wrap .select-mtm-head h4 {
  padding: 8px;
  text-align: center;
  color: var(--dark-blue);
  font-size: 15px;
  background: #f0f7ff;
}
@media screen and (min-width: 320px) {
  .select-mtm-wrap .select-mtm-head h4 {
    font-size: 13px;
  }
}
@media screen and (min-width: 360px) {
  .select-mtm-wrap .select-mtm-head h4 {
    font-size: 15px;
  }
}
@media screen and (min-width: 400px) {
  .select-mtm-wrap .select-mtm-head h4 {
    font-size: 17px;
  }
}
@media screen and (min-width: 480px) {
  .select-mtm-wrap .select-mtm-head h4 {
    font-size: 17px;
  }
}
@media screen and (min-width: 500px) {
  .select-mtm-wrap .select-mtm-head h4 {
    font-size: 17px;
  }
}
.select-mtm-wrap .select-mtm-head p {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  background-color: rgba(255, 107, 0, 0.15);
}
.select-mtm-wrap .select-mtm-head p span {
  color: var(--dark-blue);
  font-size: 13px;
}
@media screen and (min-width: 320px) {
  .select-mtm-wrap .select-mtm-head p span {
    font-size: 11px;
  }
}
@media screen and (min-width: 360px) {
  .select-mtm-wrap .select-mtm-head p span {
    font-size: 13px;
  }
}
@media screen and (min-width: 400px) {
  .select-mtm-wrap .select-mtm-head p span {
    font-size: 15px;
  }
}
@media screen and (min-width: 480px) {
  .select-mtm-wrap .select-mtm-head p span {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .select-mtm-wrap .select-mtm-head p span {
    font-size: 15px;
  }
}
.select-mtm-wrap .select-mtm-head p button {
  color: var(--primary);
  font-weight: bold;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .select-mtm-wrap .select-mtm-head p button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .select-mtm-wrap .select-mtm-head p button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .select-mtm-wrap .select-mtm-head p button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .select-mtm-wrap .select-mtm-head p button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .select-mtm-wrap .select-mtm-head p button {
    font-size: 16px;
  }
}
.select-mtm-wrap .wrap-cont {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
.select-mtm-wrap .wrap-cont .wrap-div {
  flex: 1;
  padding-right: 10px;
}
.select-mtm-wrap .wrap-cont .wrap-div p {
  color: var(--border-bottom);
  padding-bottom: 5px;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .select-mtm-wrap .wrap-cont .wrap-div p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .select-mtm-wrap .wrap-cont .wrap-div p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .select-mtm-wrap .wrap-cont .wrap-div p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .select-mtm-wrap .wrap-cont .wrap-div p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .select-mtm-wrap .wrap-cont .wrap-div p {
    font-size: 14px;
  }
}
.select-mtm-wrap .wrap-cont .wrap-div h2 {
  color: var(--dark-blue);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .select-mtm-wrap .wrap-cont .wrap-div h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .select-mtm-wrap .wrap-cont .wrap-div h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .select-mtm-wrap .wrap-cont .wrap-div h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .select-mtm-wrap .wrap-cont .wrap-div h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .select-mtm-wrap .wrap-cont .wrap-div h2 {
    font-size: 16px;
  }
}
.select-mtm-wrap .wrap-cont .wrap-div:last-child {
  padding-right: 0;
}
.select-mtm-wrap ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.select-mtm-wrap ul li span {
  width: 80%;
  color: var(--border-bottom);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .select-mtm-wrap ul li span {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .select-mtm-wrap ul li span {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .select-mtm-wrap ul li span {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .select-mtm-wrap ul li span {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .select-mtm-wrap ul li span {
    font-size: 16px;
  }
}
.select-mtm-wrap ul li button {
  width: 48px;
  color: var(--dark-blue);
  text-align: center;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .select-mtm-wrap ul li button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .select-mtm-wrap ul li button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .select-mtm-wrap ul li button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .select-mtm-wrap ul li button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .select-mtm-wrap ul li button {
    font-size: 16px;
  }
}
.barcode-title {
  padding-bottom: 8px;
}
.barcode-title h2 {
  color: var(--dark-blue);
  font-size: 14px;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .barcode-title h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .barcode-title h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .barcode-title h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .barcode-title h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .barcode-title h2 {
    font-size: 16px;
  }
}
.barcode-title h2 img {
  display: inline-block;
  margin-left: 5px;
}
.barcode-title p {
  color: var(--border-bottom);
  font-size: 12px;
  margin-bottom: 8px;
}
@media screen and (min-width: 320px) {
  .barcode-title p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .barcode-title p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .barcode-title p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .barcode-title p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .barcode-title p {
    font-size: 14px;
  }
}
.formOuter {
  margin-bottom: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.formOuter.gst-verify .select-mtm-btn {
  position: absolute;
  right: 30px;
  padding: 10px 0 10px 30px;
  z-index: 999;
}
.formOuter.img-cap-preview {
  flex-wrap: wrap;
}
.formOuter.halfInput {
  display: flex;
  justify-content: space-between;
}
.formOuter.halfInput ion-item {
  width: 48%;
}
.formOuter.select-mtm {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.formOuter.select-mtm .formPrimaryInput {
  width: 80%;
  border: solid 1px var(--blue-light);
  --border-width: 0 0 0 0;
}
.formOuter.select-mtm .formPrimaryInput .barcode {
  border: 0;
  background: none;
}
.formOuter.select-mtm button {
  width: 48px;
  color: var(--dark-blue);
  text-align: center;
  border: solid 1px var(--blue-light);
  background: #f0f7ff;
}
.formOuter textarea {
  font-size: 14px;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .formOuter textarea {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .formOuter textarea {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .formOuter textarea {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .formOuter textarea {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .formOuter textarea {
    font-size: 16px;
  }
}
.formOuter textarea::placeholder {
  color: var(--border-bottom) !important;
  font-size: 12px !important;
  font-family: var(--font-md);
}
.formOuter textarea::-webkit-input-placeholder {
  color: var(--border-bottom) !important;
  font-size: 12px !important;
  font-family: var(--font-md);
}
.formOuter textarea:-moz-placeholder {
  /* Firefox 18- */
  color: var(--border-bottom);
  font-size: 12px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .formOuter textarea:-moz-placeholder {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .formOuter textarea:-moz-placeholder {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .formOuter textarea:-moz-placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .formOuter textarea:-moz-placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .formOuter textarea:-moz-placeholder {
    font-size: 14px;
  }
}
.formOuter textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--border-bottom);
  font-size: 12px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .formOuter textarea::-moz-placeholder {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .formOuter textarea::-moz-placeholder {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .formOuter textarea::-moz-placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .formOuter textarea::-moz-placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .formOuter textarea::-moz-placeholder {
    font-size: 14px;
  }
}
.formOuter textarea:-ms-input-placeholder {
  color: var(--border-bottom);
  font-size: 12px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .formOuter textarea:-ms-input-placeholder {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .formOuter textarea:-ms-input-placeholder {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .formOuter textarea:-ms-input-placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .formOuter textarea:-ms-input-placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .formOuter textarea:-ms-input-placeholder {
    font-size: 14px;
  }
}
.formOuter textarea::placeholder {
  color: var(--border-bottom);
  font-size: 12px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .formOuter textarea::placeholder {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .formOuter textarea::placeholder {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .formOuter textarea::placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .formOuter textarea::placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .formOuter textarea::placeholder {
    font-size: 14px;
  }
}
.formOuter .formPrimaryInput {
  padding-left: 0;
  background: transparent;
  display: inherit;
  width: 100%;
  --border-color: var(--blue-light);
  --min-height: 40px;
  --inner-padding-end: 6px;
}
.formOuter .formPrimaryInput.disabled {
  opacity: 0.5;
}
.formOuter .formPrimaryInput.custom-elastic {
  --inner-padding-end: 0;
  border: 0;
  --inner-border-width: 0 0 0px 0;
  --padding-start: 0;
}
.formOuter .formPrimaryInput.custom-elastic textarea {
  padding-top: 10px;
  min-height: 100px;
  border: 1px solid #e0dfde;
  border-radius: 8px;
  padding-left: 10px;
}
.formOuter .formPrimaryInput mbsc-select {
  width: 100%;
}
.formOuter .formPrimaryInput mbsc-select .mbsc-control-w {
  font-size: initial;
}
.formOuter .formPrimaryInput mbsc-select:disabled {
  opacity: 0.5;
}
.formOuter .formPrimaryInput mbsc-select .mbsc-input-wrap:after {
  content: "";
  font-family: "icomoon" !important;
  color: var(--dark-blue);
  border: none;
  font-size: 10px;
  top: 0;
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .formOuter .formPrimaryInput mbsc-select .mbsc-input-wrap:after {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .formOuter .formPrimaryInput mbsc-select .mbsc-input-wrap:after {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .formOuter .formPrimaryInput mbsc-select .mbsc-input-wrap:after {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .formOuter .formPrimaryInput mbsc-select .mbsc-input-wrap:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .formOuter .formPrimaryInput mbsc-select .mbsc-input-wrap:after {
    font-size: 16px;
  }
}
.formOuter .formPrimaryInput.error {
  border-bottom: solid 1px #f04141;
}
.formOuter .formPrimaryInput.error.custom-elastic {
  border-bottom: solid 1px #f04141;
}
.border-all {
  border: solid 1px #e7e7e7;
  border-radius: 8px;
  overflow: hidden;
  --inner-border-width: 0 0 0px 0;
}
.height100 {
  min-height: 100px;
}
.bottom-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
}
.bottom-fixed button {
  width: 100%;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.text-input-container {
  border-bottom: solid 1px #e7e7e7;
}
.text-input-container.login-otp-container {
  border-bottom: none;
}
.text-input-container.login-otp-container #partitioned {
  color: #000;
  border-bottom: solid 1px #000;
}
.text-input-container input {
  width: 100%;
  border: none;
  padding: 10px !important;
}
.text-input-container input:focus {
  outline: none;
}
ion-select::part(icon) {
  display: none !important;
}
.otp-button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.otp-button-container p {
  margin: 10px 0;
  color: var(--border-bottom);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .otp-button-container p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .otp-button-container p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .otp-button-container p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .otp-button-container p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .otp-button-container p {
    font-size: 16px;
  }
}
.otp-button-container button {
  background: none;
  font-size: 14px;
  color: var(--headerColor);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .otp-button-container button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .otp-button-container button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .otp-button-container button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .otp-button-container button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .otp-button-container button {
    font-size: 16px;
  }
}
.head-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.head-wrap .back-button {
  left: -14px;
  top: 19px;
}
/**brand list**/
.bl-filter {
  margin: 0 0 16px 0;
}
.bl-filter-input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 20px;
  padding: 0 10px;
  background: transparent;
  height: 60px;
  overflow: hidden;
  color: var(--border-bottom);
  border: solid 2px #e0dfde;
}
.bl-filter-input .icon-search {
  font-size: 20px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .bl-filter-input .icon-search {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .bl-filter-input .icon-search {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .bl-filter-input .icon-search {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .bl-filter-input .icon-search {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .bl-filter-input .icon-search {
    font-size: 22px;
  }
}
.bl-filter-input .icon-filter {
  font-size: 22px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .bl-filter-input .icon-filter {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .bl-filter-input .icon-filter {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .bl-filter-input .icon-filter {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .bl-filter-input .icon-filter {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .bl-filter-input .icon-filter {
    font-size: 24px;
  }
}
.bl-filter-input .formPrimaryInput {
  --ion-background-color: transparent !important;
  --ion-border-color: transparent !important;
  --border-color: transparent;
  color: var(--white);
  font-size: 14px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .bl-filter-input .formPrimaryInput {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .bl-filter-input .formPrimaryInput {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .bl-filter-input .formPrimaryInput {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .bl-filter-input .formPrimaryInput {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .bl-filter-input .formPrimaryInput {
    font-size: 16px;
  }
}
.bl-filter-input .formPrimaryInput.item-has-focus {
  --highlight-background: none;
}
.bl-filter-input .formOuter {
  width: 100%;
}
.bl-filter-input .formPrimaryInput:focus {
  --ion-border-color: transparent !important;
}
.filterlist-scroll {
  width: calc(100% - 25px);
  margin: 0 auto;
}
.filter-scroll-inner {
  overflow-x: scroll;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: nowrap;
  padding: 16px 0 10px 0;
}
.filter-scroll-inner .filter-options:first-child {
  margin-left: 0;
}
.filter-scroll-inner .filter-options p {
  line-height: 1.2;
  white-space: nowrap;
}
.filter-options {
  flex-wrap: nowrap;
  margin-left: 20px;
  color: #edf3f5;
  position: relative;
  cursor: pointer;
}
.filter-options p {
  font-family: var(--font-bd);
  color: var(--blue-light);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .filter-options p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .filter-options p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .filter-options p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .filter-options p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .filter-options p {
    font-size: 14px;
  }
}
.filter-options i {
  margin-bottom: 5px;
  display: inline-block;
}
.filter-options i span {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .filter-options i span {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .filter-options i span {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .filter-options i span {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .filter-options i span {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .filter-options i span {
    font-size: 30px;
  }
}
.filter-options i span:before {
  color: var(--blue-light);
}
.filter-options.active p {
  color: var(--headerColor);
  font-family: var(--font-bd);
}
.filter-options.active i span:before {
  color: var(--headerColor);
}
.filter-options.active:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 16px;
  border-radius: 2.5px;
  left: 0;
  top: calc(100% + 5px);
  background: var(--headerColor);
}
.bl-list-container {
  background: #edf3f5;
  padding: 16px;
}
.bl-list-container .bl-list-container-inner {
  background: var(--white);
  border-radius: 10px;
}
.bl-list-container .bl-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 16px 25px 16px 16px;
  position: relative;
  border-bottom: 1px solid #ecf1f5;
}
.bl-list-container .bl-list:after {
  content: "";
  color: var(--primary);
  font-family: "icomoon" !important;
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
@media screen and (min-width: 320px) {
  .bl-list-container .bl-list:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .bl-list-container .bl-list:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .bl-list-container .bl-list:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .bl-list-container .bl-list:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .bl-list-container .bl-list:after {
    font-size: 18px;
  }
}
.bl-list-container .bl-list .bl-list-image {
  width: 96px;
  height: 80px;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 16px;
}
.bl-list-container .bl-list .bl-list-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bl-list-container .bl-list .bl-list-data {
  width: calc(100% - 112px);
}
.bl-list-container .bl-list .bl-list-data .small {
  font-size: 12px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .bl-list-container .bl-list .bl-list-data .small {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .bl-list-container .bl-list .bl-list-data .small {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .bl-list-container .bl-list .bl-list-data .small {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .bl-list-container .bl-list .bl-list-data .small {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .bl-list-container .bl-list .bl-list-data .small {
    font-size: 14px;
  }
}
.bl-list-container .bl-list .bl-list-data h4 {
  font-size: 18px;
  margin-bottom: 6px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .bl-list-container .bl-list .bl-list-data h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .bl-list-container .bl-list .bl-list-data h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .bl-list-container .bl-list .bl-list-data h4 {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .bl-list-container .bl-list .bl-list-data h4 {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .bl-list-container .bl-list .bl-list-data h4 {
    font-size: 20px;
  }
}
.bl-list-container .bl-list .bl-list-data .button-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.bl-list-container .bl-list .bl-list-data .button-wrap span {
  font-size: 12px;
  color: var(--primary);
  padding-right: 5px;
}
.bl-list-container .bl-list .bl-list-data .button-wrap span i {
  margin-right: 3px;
}
@media screen and (min-width: 320px) {
  .bl-list-container .bl-list .bl-list-data .button-wrap span {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .bl-list-container .bl-list .bl-list-data .button-wrap span {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .bl-list-container .bl-list .bl-list-data .button-wrap span {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .bl-list-container .bl-list .bl-list-data .button-wrap span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .bl-list-container .bl-list .bl-list-data .button-wrap span {
    font-size: 14px;
  }
}
.tag-container {
  margin: 0 -3px;
}
.tag-container .tag {
  display: inline-block;
  background: #edf3f5;
  padding: 3px 6px;
  border-radius: 10px;
  font-size: 10px;
  color: var(--border-bottom);
  letter-spacing: 1px;
  margin: 3px;
}
@media screen and (min-width: 320px) {
  .tag-container .tag {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .tag-container .tag {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .tag-container .tag {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .tag-container .tag {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .tag-container .tag {
    font-size: 16px;
  }
}
/**filter**/
.hd3 {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-bd);
}
@media screen and (min-width: 320px) {
  .hd3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .hd3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .hd3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .hd3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .hd3 {
    font-size: 18px;
  }
}
.filter-sec1 {
  border-bottom: 1px solid #edf3f5;
}
.filter-sec1 .hd3 {
  color: var(--dark-blue);
}
.filter-category-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.filter-category-list .filter-options {
  text-align: center;
  margin: 10px 0;
  width: 33.33%;
}
.filter-category-list .filter-options p {
  color: var(--border-bottom);
  font-size: 14px;
  white-space: initial;
}
@media screen and (min-width: 320px) {
  .filter-category-list .filter-options p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .filter-category-list .filter-options p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .filter-category-list .filter-options p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .filter-category-list .filter-options p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .filter-category-list .filter-options p {
    font-size: 16px;
  }
}
.filter-category-list .filter-options i {
  margin-bottom: 5px;
  display: inline-block;
}
.filter-category-list .filter-options i span {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .filter-category-list .filter-options i span {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .filter-category-list .filter-options i span {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .filter-category-list .filter-options i span {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .filter-category-list .filter-options i span {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .filter-category-list .filter-options i span {
    font-size: 30px;
  }
}
.filter-category-list .filter-options i span::before {
  color: var(--border-bottom);
}
.filter-category-list .filter-options.active p {
  color: var(--primary);
}
.filter-category-list .filter-options.active i span::before {
  color: var(--primary);
}
.filter-sec1 .filter-options.active:after {
  background: none;
}
.tag-container-dark {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.tag-container-dark .tag.active {
  background-color: var(--slprimary);
  color: var(--dark-blue);
  border: solid 1px var(--slprimary);
}
.tag-container-dark .tag {
  padding: 10px 20px;
  color: var(--white);
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  border-radius: 25px;
  border: solid 1px #ffffff;
  background-color: var(--headerColor);
  font-family: var(--font-md);
  margin-bottom: 15px;
}
@media screen and (min-width: 320px) {
  .tag-container-dark .tag {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .tag-container-dark .tag {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .tag-container-dark .tag {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .tag-container-dark .tag {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .tag-container-dark .tag {
    font-size: 16px;
  }
}
/**button**/
button {
  outline: none !important;
}
.footer-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.footer-button-container button {
  width: 100%;
  background: var(--dark-blue);
  color: var(--white);
  font-family: var(--font-md);
  font-size: 14px;
  padding: 20px 0;
}
@media screen and (min-width: 320px) {
  .footer-button-container button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .footer-button-container button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .footer-button-container button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .footer-button-container button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .footer-button-container button {
    font-size: 16px;
  }
}
.footer-button-container button:last-child {
  border-left: solid 1px #ffffff;
}
.footer-button-container button:first-child {
  border-left: 0;
}
.filter-applied {
  opacity: 0.6;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .filter-applied {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .filter-applied {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .filter-applied {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .filter-applied {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .filter-applied {
    font-size: 14px;
  }
}
.border-left {
  border-left: 1px solid var(--white);
}
ion-title {
  font-family: var(--font-md);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  ion-title {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  ion-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  ion-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  ion-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  ion-title {
    font-size: 16px;
  }
}
.back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  height: 56px;
  width: 56px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
}
.add-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  height: 56px;
  width: 56px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  font-size: 16px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  margin-right: 5px;
}
@media screen and (min-width: 320px) {
  .add-button {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .add-button {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .add-button {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .add-button {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .add-button {
    font-size: 18px;
  }
}
.add-button.img-wrap {
  border-radius: 50%;
  overflow: hidden;
  border: solid 1px #ccc;
}
.add-button.img-wrap img {
  max-width: 100%;
}
.add-button i {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .add-button i {
    font-size: 22px;
  }
}
@media screen and (min-width: 360px) {
  .add-button i {
    font-size: 24px;
  }
}
@media screen and (min-width: 400px) {
  .add-button i {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .add-button i {
    font-size: 26px;
  }
}
@media screen and (min-width: 500px) {
  .add-button i {
    font-size: 26px;
  }
}
/**search**/
.search-message-container {
  display: flex;
  padding: 16px;
  justify-content: center;
}
.search-message-container button {
  font-size: 14px;
  background: none;
  color: var(--primary);
  font-family: var(--font-md);
  margin-left: auto;
}
@media screen and (min-width: 320px) {
  .search-message-container button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .search-message-container button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .search-message-container button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .search-message-container button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .search-message-container button {
    font-size: 16px;
  }
}
.search-message-container p {
  font-size: 12px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .search-message-container p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .search-message-container p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .search-message-container p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .search-message-container p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .search-message-container p {
    font-size: 14px;
  }
}
.search-result-container {
  padding: 20px 16px;
}
.search-result-container p {
  margin-bottom: 20px;
  font-family: var(--font-md);
}
/**scheme**/
.scheme-list {
  position: relative;
  min-height: 200px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 48px 14px 14px;
  border-radius: 20px;
  box-shadow: 0 6px 6px 0 rgba(66, 80, 89, 0.2);
  background-color: #4749a6;
  cursor: pointer;
}
.scheme-list ion-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .scheme-list ion-icon {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .scheme-list ion-icon {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .scheme-list ion-icon {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .scheme-list ion-icon {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .scheme-list ion-icon {
    font-size: 30px;
  }
}
.scheme-list img {
  border-radius: 10px;
}
.img-responsive {
  margin: 0 auto;
  display: block;
}
.img-full {
  width: 100% !important;
  margin: 0 auto;
  display: block;
  border-radius: 25px;
}
.scheme-detail-box {
  margin: -100px auto;
  width: calc(100% - 16px);
  position: relative;
  z-index: 4;
}
.scheme-detail-box .scheme-detail-inner {
  background: var(--white);
  border-radius: 20px;
  text-align: center;
  padding: 32px 0;
}
.scheme-detail-table-data {
  padding: 16px 0;
}
.scheme-detail-table-data ion-row {
  padding: 16px;
  display: flex;
}
.scheme-detail-table-data ion-row div {
  font-family: var(--font-md);
  text-align: left;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .scheme-detail-table-data ion-row div {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .scheme-detail-table-data ion-row div {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .scheme-detail-table-data ion-row div {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .scheme-detail-table-data ion-row div {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .scheme-detail-table-data ion-row div {
    font-size: 16px;
  }
}
.scheme-detail-table-data .scheme-detail-header {
  border-top: 1px solid var(--blue-light);
  border-bottom: 1px solid var(--blue-light);
  padding: 6px 16px;
}
.scheme-detail-table-data .scheme-detail-header div {
  font-weight: bold;
  color: var(--blue-light);
}
.rsmall {
  width: 20%;
}
.rbig {
  width: 60%;
}
/**schme new**/
.scheme-detail-container img {
  width: 100%;
  margin-bottom: 20px;
}
.scheme-detail-container p {
  margin: 0 16px 16px 16px;
  font-family: var(--font-md);
}
/**register**/
.register-container .common-header {
  background: var(--headerColor);
}
.register-container .common-header .common-header-wrap {
  padding: 30px 20px 20px;
}
.register-container .form-inner-head {
  margin-bottom: 20px;
}
.register-container .form-inner-head h2 {
  font-size: 18px;
  font-family: var(--font-bd);
  margin-bottom: 4px;
}
@media screen and (min-width: 320px) {
  .register-container .form-inner-head h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .register-container .form-inner-head h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .register-container .form-inner-head h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .register-container .form-inner-head h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .register-container .form-inner-head h2 {
    font-size: 20px;
  }
}
.register-container .form-inner-head p {
  font-size: 14px;
  font-family: var(--font-md);
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .register-container .form-inner-head p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .register-container .form-inner-head p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .register-container .form-inner-head p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .register-container .form-inner-head p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .register-container .form-inner-head p {
    font-size: 16px;
  }
}
.register-container .priority-box {
  border: solid 1px var(--blue-light);
  margin-bottom: 16px;
}
.register-container .priority-box .priority-row {
  background: #f0f7ff;
  border: solid 1px var(--blue-light);
}
.register-container .priority-box .priority-row h2 {
  color: var(--dark-blue);
  font-size: 14px;
  font-family: var(--font-md);
  text-align: center;
  padding: 10px 5px;
}
@media screen and (min-width: 320px) {
  .register-container .priority-box .priority-row h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .register-container .priority-box .priority-row h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .register-container .priority-box .priority-row h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .register-container .priority-box .priority-row h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .register-container .priority-box .priority-row h2 {
    font-size: 16px;
  }
}
.register-container .priority-box .priotity-wrap {
  padding: 20px 14px;
}
.register-container .priority-box .priotity-wrap .formOuter {
  margin-bottom: 20px;
}
.register-container .priority-box .priotity-wrap .formOuter:last-child {
  margin-bottom: 0px;
}
.register-container form {
  padding: 20px;
}
.register-container .formOuter {
  margin-bottom: 25px;
}
.register-container .formOuter.check-box {
  margin-bottom: 0px;
}
.register-container .formOuter .labelStyle {
  transform-origin: initial;
  transform: initial;
  white-space: normal;
}
.common-header p {
  font-size: 16px;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .common-header p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .common-header p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .common-header p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .common-header p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .common-header p {
    font-size: 18px;
  }
}
.nxtLine {
  display: block;
  font-family: inherit;
}
/**product list**/
.product-list-count {
  height: 30px;
  width: 30px;
  background: var(--primary);
  color: var(--white);
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
}
@media screen and (min-width: 320px) {
  .product-list-count {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .product-list-count {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .product-list-count {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .product-list-count {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .product-list-count {
    font-size: 14px;
  }
}
.product-list-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.product-list-col {
  width: calc(50% - 20px);
  text-align: center;
  margin: 10px;
}
.product-list-col .small {
  font-size: 10px;
  letter-spacing: 1px;
}
@media screen and (min-width: 320px) {
  .product-list-col .small {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .product-list-col .small {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .product-list-col .small {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .product-list-col .small {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .product-list-col .small {
    font-size: 16px;
  }
}
.product-list-col p {
  font-family: var(--font-md);
  margin-bottom: 4px;
}
.product-list-col .product-image-thumb {
  width: 100%;
  min-height: 100px;
  background: var(--blue-light);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.business-info {
  background: #fff;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.business-info .profile-user-row ion-card {
  width: 100%;
  padding: 5px 0;
  margin: 0;
  margin-bottom: 0;
  background-color: var(--white);
  box-shadow: initial !important;
}
.business-info .profile-user-row ion-card h2 {
  color: var(--dark-blue);
  margin-bottom: 0px;
  font-size: 14px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .business-info .profile-user-row ion-card h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .business-info .profile-user-row ion-card h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .business-info .profile-user-row ion-card h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .business-info .profile-user-row ion-card h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .business-info .profile-user-row ion-card h2 {
    font-size: 16px;
  }
}
.business-info .profile-user-row ion-card h2 span {
  font-family: var(--font-md);
}
.business-info .profile-user-row ion-card .profile-data-wrapper {
  display: flex;
  justify-content: space-between;
}
.business-info .profile-user-row ion-card .profile-data-wrapper .profile-user-data {
  width: calc(50% - 10px);
}
.business-info .profile-user-row ion-card .profile-data-wrapper .profile-user-data .small {
  color: var(--borderr-bottom);
}
.business-info .profile-user-row ion-card .profile-data-wrapper .profile-user-data .business-type {
  font-family: var(--font-md);
  font-size: 14px;
  color: var(--dark-blue);
  margin-top: 5px;
}
@media screen and (min-width: 320px) {
  .business-info .profile-user-row ion-card .profile-data-wrapper .profile-user-data .business-type {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .business-info .profile-user-row ion-card .profile-data-wrapper .profile-user-data .business-type {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .business-info .profile-user-row ion-card .profile-data-wrapper .profile-user-data .business-type {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .business-info .profile-user-row ion-card .profile-data-wrapper .profile-user-data .business-type {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .business-info .profile-user-row ion-card .profile-data-wrapper .profile-user-data .business-type {
    font-size: 16px;
  }
}
/**footer menu*/
.footer-menu-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: inset 0 0.5px 0 0 #bccadb;
  background: var(--white);
}
.footer-menu-container .footer-fab {
  top: -75px;
}
.footer-menu-container .footer-fab img {
  padding: 10px;
}
.footer-menu-container button.active {
  color: var(--headerColor);
}
.footer-menu-container button.active i:before {
  color: var(--headerColor);
}
.footer-menu-container button.active i.icon-icon-chat:before {
  color: var(--headerColor);
}
.footer-menu-container button.active p {
  font-family: var(--font-bd);
  color: var(--headerColor);
  display: block;
}
.footer-menu-container button {
  background: transparent;
  text-align: center;
  color: var(--dark-blue);
  flex: 1;
  padding: 13px 0;
  z-index: 999;
}
.footer-menu-container button i {
  font-size: 20px;
  margin-bottom: 4px;
  display: inline-block;
}
@media screen and (min-width: 320px) {
  .footer-menu-container button i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .footer-menu-container button i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .footer-menu-container button i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .footer-menu-container button i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .footer-menu-container button i {
    font-size: 22px;
  }
}
.footer-menu-container button i:before {
  color: var(--blue-light);
}
.footer-menu-container p {
  font-family: var(--font-bd);
  color: var(--blue-light);
  font-size: 10px;
  display: none;
}
@media screen and (min-width: 320px) {
  .footer-menu-container p {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .footer-menu-container p {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .footer-menu-container p {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .footer-menu-container p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .footer-menu-container p {
    font-size: 16px;
  }
}
/**product detail**/
.color-white {
  color: var(--white);
}
.color-white button i:before {
  color: var(--white);
}
.product-detail-container .point-card {
  margin: 20px;
}
.product-detail-container .product-detail-box {
  margin: -20px auto;
  position: relative;
  z-index: 4;
  margin-bottom: 20px;
  background: var(--white);
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
  padding: 0 16px;
}
.product-detail-container .product-detail-box .product-detail-data-container {
  padding: 0;
}
.product-detail-container .product-detail-box .product-info {
  padding: 12px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.product-detail-container .product-detail-box .product-info .heading {
  font-size: 14px;
  font-family: var(--font-md);
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info .heading {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info .heading {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info .heading {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info .heading {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info .heading {
    font-size: 16px;
  }
}
.product-detail-container .product-detail-box .product-info.description {
  padding: 12px;
  background-color: #ecf5ff;
  flex-direction: column;
  margin: 0 16px;
  margin-bottom: 16px;
}
.product-detail-container .product-detail-box .product-info .product-info-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.product-detail-container .product-detail-box .product-info .product-info-box .box-info {
  flex: 1;
  padding-right: 10px;
}
.product-detail-container .product-detail-box .product-info .product-info-box .box-info h2 {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info .product-info-box .box-info h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info .product-info-box .box-info h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info .product-info-box .box-info h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info .product-info-box .box-info h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info .product-info-box .box-info h2 {
    font-size: 16px;
  }
}
.product-detail-container .product-detail-box .product-info .product-info-box .box-info:last-child {
  padding-right: 0;
}
.product-detail-container .product-detail-box .product-info .product-info-head h4 {
  position: relative;
}
.product-detail-container .product-detail-box .product-info .product-info-head h4:after {
  position: absolute;
  right: 26px;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-family: icomoon;
  color: var(--dark-blue);
  line-height: 1;
}
.product-detail-container .product-detail-box .product-info .product-info-head.active h4:after {
  content: "";
}
.product-detail-container .product-detail-box .product-info .product-info-body {
  padding-top: 14px;
}
.product-detail-container .product-detail-box .product-info h1 {
  font-size: 18px;
  color: var(--dark-blue);
  padding-top: 10px;
  padding-bottom: 6px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info h1 {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info h1 {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info h1 {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info h1 {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info h1 {
    font-size: 20px;
  }
}
.product-detail-container .product-detail-box .product-info h2 {
  font-size: 22px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info h2 {
    font-size: 24px;
  }
}
.product-detail-container .product-detail-box .product-info h2 span {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info h2 span {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info h2 span {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info h2 span {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info h2 span {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info h2 span {
    font-size: 18px;
  }
}
.product-detail-container .product-detail-box .product-info h2 .rupee-symb {
  font-size: 18px;
  padding-left: 15px;
  padding-right: 4px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info h2 .rupee-symb {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info h2 .rupee-symb {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info h2 .rupee-symb {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info h2 .rupee-symb {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info h2 .rupee-symb {
    font-size: 20px;
  }
}
.product-detail-container .product-detail-box .product-info h3.part-number {
  color: var(--border-bottom);
  font-family: var(--font-md);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info h3.part-number {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info h3.part-number {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info h3.part-number {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info h3.part-number {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info h3.part-number {
    font-size: 16px;
  }
}
.product-detail-container .product-detail-box .product-info h4 {
  font-size: 12px;
  color: var(--border-bottom);
  font-family: var(--font-rg);
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info h4 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info h4 {
    font-size: 14px;
  }
}
.product-detail-container .product-detail-box .product-info p {
  font-size: 16px;
  color: var(--border-bottom);
  word-break: break-word;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info p {
    font-size: 18px;
  }
}
.product-detail-container .product-detail-box .product-info ul li {
  list-style: disc;
  margin-left: 16px;
  color: var(--border-bottom);
  padding-bottom: 15px;
  font-size: 16px;
  word-break: break-word;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info ul li {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info ul li {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info ul li {
    font-size: 18px;
  }
}
.product-detail-container .product-detail-box .product-info .product-detail-info-list {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: solid 1px #ecf1f5;
}
.product-detail-container .product-detail-box .product-info .product-detail-info-list:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.product-detail-container .product-detail-box .product-info .product-detail-info-list h3 {
  color: var(--dark-blue);
  font-size: 14px;
  width: 45%;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info .product-detail-info-list h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info .product-detail-info-list h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info .product-detail-info-list h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info .product-detail-info-list h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info .product-detail-info-list h3 {
    font-size: 16px;
  }
}
.product-detail-container .product-detail-box .product-info .product-detail-info-list p {
  width: 45%;
}
.product-detail-container .product-detail-box .product-info.prodect-dt-up {
  flex-direction: column;
}
.product-detail-container .product-detail-box .product-info.prodect-dt-up h4 {
  margin-bottom: 10px;
}
.product-detail-container .product-detail-box .product-info.prodect-dt-up ul li {
  color: var(--dark-blue);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-box .product-info.prodect-dt-up ul li {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-box .product-info.prodect-dt-up ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-box .product-info.prodect-dt-up ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-box .product-info.prodect-dt-up ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-box .product-info.prodect-dt-up ul li {
    font-size: 16px;
  }
}
.product-detail-container .product-detail-box .product-detail-inner {
  border-radius: 20px;
  padding: 32px 16px;
}
.product-detail-container .product-detail-box .product-detail-inner .common-header {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.product-detail-container .product-detail-box .product-detail-inner .common-header .hd3 {
  margin-bottom: 0;
}
.product-detail-container .bid-container .bid-info-wrap h4 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: var(--dark-blue);
  font-family: var(--font-md);
  padding: 0 30px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .bid-info-wrap h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .bid-info-wrap h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .bid-info-wrap h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .bid-info-wrap h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .bid-info-wrap h4 {
    font-size: 16px;
  }
}
.product-detail-container .bid-container .bid-info-wrap h4 span:last-child {
  color: var(--border-bottom);
  padding-left: 5px;
}
.product-detail-container .bid-container .bid-info {
  display: flex;
  padding: 30px;
}
.product-detail-container .bid-container .bid-info.lastBid {
  background: #f6f9fb;
  margin: 0 30px;
  margin-top: 5px;
}
.product-detail-container .bid-container .bid-info.lastBid .bid-box h5.fail {
  color: #ff0033;
}
.product-detail-container .bid-container .bid-info.lastBid .bid-box h5.pass {
  color: #ff0033;
}
.product-detail-container .bid-container .bid-info.bid-status-closed {
  border-bottom: solid 1px #dee3ea;
  margin: 30px;
  padding: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.product-detail-container .bid-container .bid-info .bid-box {
  flex: 1;
  border-left: solid 1px #dee3ea;
  padding-left: 5px;
  margin-left: 5px;
}
.product-detail-container .bid-container .bid-info .bid-box:first-child {
  border-left: none;
  padding-left: 0px;
  margin-left: 0px;
  flex: 2;
}
.product-detail-container .bid-container .bid-info .bid-box h5 {
  font-size: 14px;
  color: var(--dark-blue);
  font-family: var(--font-md);
  text-transform: capitalize;
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .bid-info .bid-box h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .bid-info .bid-box h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .bid-info .bid-box h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .bid-info .bid-box h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .bid-info .bid-box h5 {
    font-size: 16px;
  }
}
.product-detail-container .bid-container .bid-info .bid-box h5.upcoming {
  color: #4ec1e0;
}
.product-detail-container .bid-container .bid-info .bid-box h5.ongoing {
  color: var(--headerColor);
}
.product-detail-container .bid-container .bid-info .bid-box h5.closed {
  color: #ff0033;
}
.product-detail-container .bid-container .bid-info .bid-box p {
  font-size: 14px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .bid-info .bid-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .bid-info .bid-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .bid-info .bid-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .bid-info .bid-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .bid-info .bid-box p {
    font-size: 16px;
  }
}
.product-detail-container .bid-container .bid-start-wrap {
  text-align: center;
  padding: 30px 20px;
  background: var(--dark-blue);
  border-radius: 10px;
  box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.07);
  margin: 0 20px;
  margin-bottom: 30px;
}
.product-detail-container .bid-container .bid-start-wrap.ongoing .bid-start {
  text-align: left;
  justify-content: space-between;
  align-items: center;
}
.product-detail-container .bid-container .bid-start-wrap.ongoing .bid-start .bid-start-box {
  width: 100%;
  padding: 0 7px;
}
.product-detail-container .bid-container .bid-start-wrap.ongoing .bid-start .bid-start-box:last-child {
  padding-right: 0;
}
.product-detail-container .bid-container .bid-start-wrap.ongoing .bid-start .bid-start-box.num-bid {
  width: auto;
  padding: 0 4px;
}
.product-detail-container .bid-container .bid-start-wrap.bid-start-won {
  background: url('cup.png') right 5px bottom no-repeat #50ae4d;
  text-align: left;
}
.product-detail-container .bid-container .bid-start-wrap.bid-start-won .bid-start {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.product-detail-container .bid-container .bid-start-wrap.bid-start-won .bid-start .bid-start-box {
  padding: 0;
  padding-bottom: 10px;
  width: 100%;
}
.product-detail-container .bid-container .bid-start-wrap.bid-start-won .bid-start .bid-start-box:last-child {
  padding-bottom: 0;
}
.product-detail-container .bid-container .bid-start-wrap.bid-start-won .bid-start h3 {
  color: var(--white);
}
.product-detail-container .bid-container .bid-start-wrap.bid-start-won .bid-start p {
  color: var(--white);
}
.product-detail-container .bid-container .bid-start-wrap .bid-start {
  display: flex;
  justify-content: space-evenly;
}
.product-detail-container .bid-container .bid-start-wrap .bid-start .bid-start-box {
  padding: 0 5px;
}
.product-detail-container .bid-container .bid-start-wrap .bid-start .bid-start-box.num-bid {
  border-radius: 4px;
  border: solid 2px #899bb2;
  position: relative;
  top: -7px;
}
.product-detail-container .bid-container .bid-start-wrap .bid-start .bid-start-box.num-bid h3 {
  text-align: center;
}
.product-detail-container .bid-container .bid-start-wrap .bid-start .bid-start-box.num-bid:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background: #899bb2;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.product-detail-container .bid-container .bid-start-wrap .bid-start h3 {
  font-size: 16px;
  color: var(--white);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start h3 {
    font-size: 18px;
  }
}
.product-detail-container .bid-container .bid-start-wrap .bid-start p {
  font-size: 14px;
  color: #899bb2;
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .bid-start-wrap .bid-start p {
    font-size: 16px;
  }
}
.product-detail-container .bid-container .bid-start-wrap .select-mtm-btn {
  border-top: solid 1px #dee3ea;
  margin-top: 15px;
  padding-top: 15px;
  margin-bottom: -10px;
}
.product-detail-container .bid-container .bid-start-wrap .select-mtm-btn .btn-container .btn {
  background: transparent;
}
.product-detail-container .bid-container .bid-start-wrap .select-mtm-btn .btn-container .btn i {
  margin-right: 3px;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .bid-start-wrap .select-mtm-btn .btn-container .btn i {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .bid-start-wrap .select-mtm-btn .btn-container .btn i {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .bid-start-wrap .select-mtm-btn .btn-container .btn i {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .bid-start-wrap .select-mtm-btn .btn-container .btn i {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .bid-start-wrap .select-mtm-btn .btn-container .btn i {
    font-size: 18px;
  }
}
.product-detail-container .bid-container .bid-description {
  padding: 0 30px 30px 30px;
}
.product-detail-container .bid-container .bid-description h4 {
  font-size: 15px;
  color: var(--dark-blue);
  font-family: var(--font-md);
  margin-bottom: 6px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .bid-description h4 {
    font-size: 13px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .bid-description h4 {
    font-size: 15px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .bid-description h4 {
    font-size: 17px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .bid-description h4 {
    font-size: 17px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .bid-description h4 {
    font-size: 17px;
  }
}
.product-detail-container .bid-container .bid-description p {
  color: var(--border-bottom);
  font-size: 14px;
  padding-bottom: 8px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .bid-description p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .bid-description p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .bid-description p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .bid-description p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .bid-description p {
    font-size: 16px;
  }
}
.product-detail-container .bid-container .bid-description ul li {
  list-style-type: disc;
  padding-bottom: 24px;
  font-size: 14px;
  color: var(--border-bottom);
  margin-left: 15px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .bid-description ul li {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .bid-description ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .bid-description ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .bid-description ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .bid-description ul li {
    font-size: 16px;
  }
}
.product-detail-container .bid-container .bid-description ul li:last-child {
  padding-bottom: 0;
}
.product-detail-container .bid-container .bid-description table {
  font-family: var(--font-md);
  border-collapse: collapse;
  margin: 0 auto;
}
.product-detail-container .bid-container .bid-description table td,
.product-detail-container .bid-container .bid-description table th {
  border: 1px solid #ccc;
  padding: 8px;
}
.product-detail-container .bid-container .bid-description table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.product-detail-container .bid-container .bid-description table tr:hover {
  background-color: #ddd;
}
.product-detail-container .bid-container .bid-description table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--dark-blue);
  color: var(--white);
}
.product-detail-container .bid-container .product-view {
  display: flex;
  justify-content: space-between;
  color: var(--primary);
  border-radius: 4px;
  background-color: #edf3f5;
  padding: 20px 26px;
  font-size: 16px;
  margin: 0 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .bid-container .product-view {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .bid-container .product-view {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .bid-container .product-view {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .bid-container .product-view {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .bid-container .product-view {
    font-size: 18px;
  }
}
.bid-listing ion-card {
  padding: 20px 12px 12px;
  margin: 0 16px;
  height: 100%;
  margin-bottom: 20px;
  background: #375acc;
  border-radius: 20px;
  box-shadow: 0 6px 6px 0 #42505933;
}
.bid-listing ion-card.ongoing {
  background-image: linear-gradient(to bottom, #73c1f1, #3f8dde);
}
.bid-listing ion-card.closed {
  background-color: #375acc;
}
.bid-listing ion-card.upcoming {
  background-color: #375acc;
}
.bid-listing ion-card .img-wrap {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 34px;
  height: 200px;
  cursor: pointer;
}
.bid-listing ion-card .img-wrap img {
  width: 100%;
  object-fit: cover;
}
.bid-listing ion-card .bid-info-wrap {
  border-radius: 20px;
  background-color: #ffffff;
  padding: 11px 30px;
  position: relative;
}
.bid-listing ion-card .bid-info-wrap .icon-arrow-right {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
.bid-listing ion-card .offerLable {
  background: #2d4aa9;
  color: var(--white);
  cursor: pointer;
}
.bid-listing ion-card .offerLable.won {
  background: #50ae4d;
  color: var(--white);
}
.bid-listing ion-card .offerLable.upcoming {
  background: #1d3174;
  color: var(--white);
}
.bid-listing ion-card .offerLable.ongoing {
  background: #3f8dde;
  color: var(--white);
}
.bid-listing ion-card h2 {
  font-size: 16px;
  color: var(--dark-blue);
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .bid-listing ion-card h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .bid-listing ion-card h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .bid-listing ion-card h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .bid-listing ion-card h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .bid-listing ion-card h2 {
    font-size: 18px;
  }
}
.bid-listing ion-card .row-bid {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.bid-listing ion-card .row-bid:last-child {
  margin-bottom: 0px;
}
.bid-listing ion-card .row-bid .bid-box {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.bid-listing ion-card .row-bid .bid-box:last-child {
  border-right: 0;
  padding-left: 10px;
}
.bid-listing ion-card .row-bid .bid-box h5 {
  font-size: 12px;
  color: var(--dark-blue);
  margin-bottom: 5px;
  line-height: 1;
}
@media screen and (min-width: 320px) {
  .bid-listing ion-card .row-bid .bid-box h5 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .bid-listing ion-card .row-bid .bid-box h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .bid-listing ion-card .row-bid .bid-box h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .bid-listing ion-card .row-bid .bid-box h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .bid-listing ion-card .row-bid .bid-box h5 {
    font-size: 14px;
  }
}
.bid-listing ion-card .row-bid .bid-box h5.bid-at {
  color: var(--headerColor);
}
.bid-listing ion-card .row-bid .bid-box p {
  font-size: 12px;
  color: var(--border-bottom);
  line-height: 1;
  margin-top: auto;
}
@media screen and (min-width: 320px) {
  .bid-listing ion-card .row-bid .bid-box p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .bid-listing ion-card .row-bid .bid-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .bid-listing ion-card .row-bid .bid-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .bid-listing ion-card .row-bid .bid-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .bid-listing ion-card .row-bid .bid-box p {
    font-size: 14px;
  }
}
.bid-listing.exclusive-listing ion-card .offerLable.closed {
  background: #2d4aa9;
  color: var(--white);
}
.bid-listing.home-scheme-container ion-card {
  margin: 0px;
  text-align: left;
  width: 100%;
  padding-bottom: 26px;
}
.bid-listing.home-scheme-container ion-card img {
  margin-top: 30px;
}
.bid-listing.home-scheme-container ion-card .row-bid {
  margin-top: 10px;
}
.bid-listing.home-scheme-container ion-card .row-bid .bid-box {
  width: initial;
  padding-right: 10px;
}
.bid-listing.home-scheme-container ion-card .row-bid .bid-box h2 {
  color: var(--white);
}
.bid-listing.home-scheme-container ion-card .row-bid .bid-box:last-child {
  padding-right: 0;
}
.bid-listing.home-scheme-container ion-card .row-bid .bid-box p {
  color: #3f8dde;
  font-family: var(--font-md);
}
.bid-listing.home-scheme-container ion-card .row-bid .bid-box h5 {
  color: var(--white);
  margin-bottom: 3px;
}
.bid-listing.home-scheme-container ion-card .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 5px;
}
.border-bottom {
  border-bottom: 1px solid var(--blue-light);
}
.category-detail-wrap {
  margin: 20px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 7px 16px 0 #818aa34c;
}
.product-detail-container.bid-background {
  background: var(--white);
}
.product-detail-container.referral-cont .product-detail-slider {
  background: var(--headerColor);
  padding-bottom: 50px;
}
.product-detail-container.referral-cont .product-detail-box {
  padding: 0px 20px;
}
.product-detail-container.referral-cont .product-detail-box.top-line:before {
  content: "";
  top: 4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  height: 3px;
  width: 60px;
  background: #e1e4e5;
}
.product-detail-container.referral-cont .product-detail-box .product-detail-inner {
  padding: 60px 0;
}
.product-detail-container.referral-cont .product-detail-box .product-detail-inner .common-header {
  padding-left: 0;
}
.product-detail-container.referral-cont .product-detail-box .product-detail-inner .common-header .hd3 {
  color: var(--dark-blue);
}
.product-detail-container.referral-cont .referal-box {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  background: #f6f9fb;
}
.product-detail-container.referral-cont .referal-box h4 {
  font-size: 18px;
  font-family: var(--font-bd);
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .product-detail-container.referral-cont .referal-box h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.referral-cont .referal-box h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.referral-cont .referal-box h4 {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.referral-cont .referal-box h4 {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.referral-cont .referal-box h4 {
    font-size: 20px;
  }
}
.product-detail-container.referral-cont .referal-box-info p {
  color: var(--border-bottom);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.referral-cont .referal-box-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.referral-cont .referal-box-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.referral-cont .referal-box-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.referral-cont .referal-box-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.referral-cont .referal-box-info p {
    font-size: 16px;
  }
}
.product-detail-container .product-detail-data-container {
  padding: 0 16px;
}
.product-detail-container .product-detail-data-container .product-detail-data-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 16px;
}
.product-detail-container .product-detail-data-container .product-detail-data-row h6 {
  font-family: var(--font-bd);
  letter-spacing: 0;
  font-size: 14px;
  margin-bottom: 4px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row h6 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row h6 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row h6 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row h6 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row h6 {
    font-size: 16px;
  }
}
.product-detail-container .product-detail-data-container .product-detail-data-row p {
  font-size: 14px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row p {
    font-size: 16px;
  }
}
.product-detail-container .product-detail-data-container .product-detail-data-row .product-detail-data-icon {
  width: 14px;
  margin-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
}
.product-detail-container .product-detail-data-container .product-detail-data-row .product-detail-data-icon i {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row .product-detail-data-icon i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row .product-detail-data-icon i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row .product-detail-data-icon i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row .product-detail-data-icon i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container .product-detail-data-container .product-detail-data-row .product-detail-data-icon i {
    font-size: 22px;
  }
}
.product-detail-container .product-detail-data-container .product-detail-data-row .product-detail-data-icon i:before {
  color: var(--headerColor);
}
.product-detail-container .product-detail-data-container .product-detail-data-row .product-detail-data-text {
  width: calc(100% - 30px);
}
.top-line {
  position: relative;
}
.top-line:before {
  content: "";
  top: -24px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  height: 3px;
  width: 60px;
  background: #e1e4e5;
}
.product-detail-slider {
  min-height: 336px;
}
.product-detail-slider .swiper-pagination {
  bottom: 18px;
}
.product-detail-slider .swiper-pagination .swiper-pagination-bullet {
  background: var(--white);
  border: 1px solid #e1e1e1;
}
.product-detail-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--headerColor);
}
.slider-wrap .swiper-container {
  overflow: visible;
}
.slider-wrap .swiper-pagination-bullets {
  text-align: left;
  width: auto;
  left: 25px;
  bottom: -30px;
}
.slider-wrap.no-bullet .swiper-pagination-bullets {
  display: none;
}
.noDot .swiper-pagination-bullet {
  display: none;
}
/**home**/
.home-brand-logo-container ion-toolbar {
  --background: var(--white);
}
.home-brand-logo-container ion-buttons {
  color: #000;
}
.home-brand-logo-container img {
  margin: 0 auto;
  max-width: 70px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-process {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #1d3174;
  padding: 6px 16px;
  border-radius: 16px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.profile-process img,
.profile-process i {
  width: 26px;
  margin-right: 8px;
  font-size: 22px;
  color: var(--white);
  opacity: 0.6;
}
.profile-process h3 {
  width: calc(100% - 40px);
  color: #a1b5cc;
  font-size: 12px;
  font-family: var(--font-rg);
}
@media screen and (min-width: 320px) {
  .profile-process h3 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .profile-process h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .profile-process h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .profile-process h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .profile-process h3 {
    font-size: 14px;
  }
}
.rejected-aso .profile-process {
  background: rgba(255, 255, 255, 0.5);
}
.rejected-aso .profile-process img,
.rejected-aso .profile-process i {
  color: #f04141;
}
.rejected-aso .profile-process h3 {
  color: #f04141;
}
.home-user-container {
  border-radius: 10px;
  margin: 0 auto 30px;
  width: calc(100%);
  position: relative;
}
.home-user-container.points-earned {
  background: var(--dark-blue);
  display: flex;
  align-items: center;
}
.home-user-container.points-earned .img-wrap {
  width: 40px;
  margin-right: 20px;
}
.home-user-container.points-earned i.icon-star-fill {
  color: var(--slprimary-primary);
  font-size: 22px;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 5px;
  position: relative;
  top: -5px;
}
.home-user-container.points-earned i.icon-arrow-right {
  color: var(--white);
}
.home-user-container.points-earned .img-info {
  width: calc(100% - 80px);
  padding: 0 5px;
}
.home-user-container.points-earned .img-info h3 {
  font-size: 26px;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .home-user-container.points-earned .img-info h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container.points-earned .img-info h3 {
    font-size: 26px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container.points-earned .img-info h3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container.points-earned .img-info h3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container.points-earned .img-info h3 {
    font-size: 28px;
  }
}
.home-user-container.points-earned .img-info h3 span {
  font-size: 13px;
  color: var(--white);
  opacity: 0.78;
}
@media screen and (min-width: 320px) {
  .home-user-container.points-earned .img-info h3 span {
    font-size: 11px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container.points-earned .img-info h3 span {
    font-size: 13px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container.points-earned .img-info h3 span {
    font-size: 15px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container.points-earned .img-info h3 span {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container.points-earned .img-info h3 span {
    font-size: 15px;
  }
}
.home-user-container.points-earned .img-info h3 img {
  display: inline-block;
  margin-left: 5px;
}
.home-user-container.points-earned .img-info p {
  font-size: 16px;
  color: var(--white);
  opacity: 0.78;
}
@media screen and (min-width: 320px) {
  .home-user-container.points-earned .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container.points-earned .img-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container.points-earned .img-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container.points-earned .img-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container.points-earned .img-info p {
    font-size: 18px;
  }
}
.home-user-container.points-earned .img-info p span {
  font-size: 13px;
}
@media screen and (min-width: 320px) {
  .home-user-container.points-earned .img-info p span {
    font-size: 11px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container.points-earned .img-info p span {
    font-size: 13px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container.points-earned .img-info p span {
    font-size: 15px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container.points-earned .img-info p span {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container.points-earned .img-info p span {
    font-size: 15px;
  }
}
.home-user-container.points-earned .img-info i {
  color: var(--border-bottom);
}
.home-user-container.points-earned .icon-arrow-right {
  color: var(--border-bottom);
}
.home-user-container.profile-process {
  background: #fff0e6;
  padding: 10px 16px;
}
.home-user-container.profile-process h3 {
  font-size: 12px;
  font-family: var(--font-bd);
}
@media screen and (min-width: 320px) {
  .home-user-container.profile-process h3 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container.profile-process h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container.profile-process h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container.profile-process h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container.profile-process h3 {
    font-size: 14px;
  }
}
.home-user-container.profile-process i {
  color: var(--dark-blue);
}
.home-user-container.profile-reject {
  background: #F6D9DB;
  padding: 10px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.home-user-container.profile-reject h3 {
  font-size: 12px;
  font-family: var(--font-bd);
  color: var(--failed);
}
@media screen and (min-width: 320px) {
  .home-user-container.profile-reject h3 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container.profile-reject h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container.profile-reject h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container.profile-reject h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container.profile-reject h3 {
    font-size: 14px;
  }
}
.home-user-container.profile-reject i {
  width: 26px;
  margin-right: 8px;
  font-size: 22px;
  opacity: 0.6;
  color: var(--failed);
}
.home-user-container h3 {
  font-size: 22px;
  color: var(--dark-blue);
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.1;
}
@media screen and (min-width: 320px) {
  .home-user-container h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container h3 {
    font-size: 24px;
  }
}
.home-user-container h3.user-name {
  cursor: pointer;
}
.home-user-container h3.user-name span {
  font-family: var(--font-bd);
}
.home-user-container h3.user-name span.user-name-text {
  display: flex;
}
.home-user-container h3.user-name span:first-child {
  margin-right: 5px;
}
.home-user-container h3 .switch-btn {
  margin-top: initial;
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .home-user-container h3 .switch-btn {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container h3 .switch-btn {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container h3 .switch-btn {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container h3 .switch-btn {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container h3 .switch-btn {
    font-size: 24px;
  }
}
.home-user-container p {
  font-size: 12px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .home-user-container p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container p {
    font-size: 14px;
  }
}
.home-user-container .point-earned {
  margin-top: 20px;
  opacity: 1;
  font-size: 12px;
  font-family: var(--font-bd);
}
@media screen and (min-width: 320px) {
  .home-user-container .point-earned {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container .point-earned {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container .point-earned {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container .point-earned {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container .point-earned {
    font-size: 14px;
  }
}
.home-user-container .point-earned i {
  margin-right: 6px;
}
.home-user-container .point-earned i:before {
  color: var(--white);
}
.home-user-container .user {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  height: 47px;
  width: 47px;
  border-radius: 50%;
  background: var(--dark-blue);
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.5);
  object-fit: cover;
}
.home-user-container .user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-user-container .user ion-icon {
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .home-user-container .user ion-icon {
    font-size: 38px;
  }
}
@media screen and (min-width: 360px) {
  .home-user-container .user ion-icon {
    font-size: 40px;
  }
}
@media screen and (min-width: 400px) {
  .home-user-container .user ion-icon {
    font-size: 42px;
  }
}
@media screen and (min-width: 480px) {
  .home-user-container .user ion-icon {
    font-size: 44px;
  }
}
@media screen and (min-width: 500px) {
  .home-user-container .user ion-icon {
    font-size: 48px;
  }
}
.home-user-container .user ion-img {
  height: 40px;
  width: 40px;
}
.home-scheme-container {
  margin-bottom: 30px;
}
.home-scheme-container.video ion-card {
  margin: 0;
}
.home-scheme-container.video ion-card .filter-row-result {
  margin-bottom: initial;
}
.home-scheme-container.video ion-card .filter-row-result .video-box {
  margin-bottom: 0;
}
.home-scheme-container .home-scheme-slider {
  border-radius: 10px;
  overflow: hidden;
}
.home-scheme-container .home-scheme-slider .img-full {
  border-radius: 10px;
}
.home-scheme-container .home-scheme-slider ion-slides {
  /*margin-bottom: 40px;*/
  border-radius: 10px;
}
.home-scheme-container .home-scheme-slider .swiper-pagination {
  position: relative;
  bottom: 0px;
  text-align: left;
}
.home-scheme-container .home-scheme-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--dark-blue);
}
.bid-listing .swiper-pagination {
  position: relative;
  bottom: 5px;
}
.scheme-container ion-card {
  margin-inline-start: 16px;
  margin-inline-end: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 20px;
  box-shadow: 0 6px 6px 0 rgba(66, 80, 89, 0.2);
  background-color: var(--headerColor);
  padding: 20px 16px;
}
.scheme-container ion-card img {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 26px;
  cursor: pointer;
}
.scheme-container ion-card p {
  font-size: 16px;
  color: var(--white);
  cursor: pointer;
}
@media screen and (min-width: 320px) {
  .scheme-container ion-card p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .scheme-container ion-card p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .scheme-container ion-card p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .scheme-container ion-card p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .scheme-container ion-card p {
    font-size: 18px;
  }
}
.scheme-container.scheme-no-tag .scheme-list {
  padding: 14px 14px 14px;
}
.scheme-container.scheme-no-tag img {
  margin-top: 0;
}
.home-exclusive-product-container.list-prod-page .home-exclusive-product-list {
  padding: 16px;
}
.home-exclusive-product-list-container {
  display: flex;
  margin: 0 -8px;
  flex-wrap: wrap;
}
.home-exclusive-product-list-container .home-exclusive-product-list {
  background: var(--blue-lighter);
  border-radius: 10px;
  padding: 35px 16px 16px;
  width: calc(50% - 16px);
  margin: 8px;
  position: relative;
}
.home-exclusive-product-list-container .home-exclusive-product-list .img-responsive {
  margin-bottom: 10px;
}
.home-exclusive-product-list-container .home-exclusive-product-list h5 {
  font-family: var(--font-md);
  font-size: 14px;
  margin-bottom: 4px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .home-exclusive-product-list-container .home-exclusive-product-list h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .home-exclusive-product-list-container .home-exclusive-product-list h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .home-exclusive-product-list-container .home-exclusive-product-list h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .home-exclusive-product-list-container .home-exclusive-product-list h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .home-exclusive-product-list-container .home-exclusive-product-list h5 {
    font-size: 16px;
  }
}
.home-exclusive-product-list-container .home-exclusive-product-list .small {
  font-family: var(--font-md);
  color: var(--border-bottom);
  letter-spacing: 0px;
  opacity: 0.6;
}
.small {
  font-size: 12px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .small {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .small {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .small {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .small {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .small {
    font-size: 14px;
  }
}
/**query**/
.select-drpdwn {
  background: var(--white);
}
.select-drpdwn .select-icon {
  visibility: hidden;
}
.select-drpdwn ion-item {
  padding: 0 16px;
  --border-color: 0;
  --border-width: 0 0 0px 0;
}
.select-drpdwn ion-item i {
  color: var(--headerColor);
  font-size: 14px;
  margin-right: 5px;
}
@media screen and (min-width: 320px) {
  .select-drpdwn ion-item i {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .select-drpdwn ion-item i {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .select-drpdwn ion-item i {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .select-drpdwn ion-item i {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .select-drpdwn ion-item i {
    font-size: 16px;
  }
}
.select-drpdwn ion-item .labelStyle {
  display: inherit;
  --color: var(--border-bottom);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .select-drpdwn ion-item .labelStyle {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .select-drpdwn ion-item .labelStyle {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .select-drpdwn ion-item .labelStyle {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .select-drpdwn ion-item .labelStyle {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .select-drpdwn ion-item .labelStyle {
    font-size: 16px;
  }
}
.select-drpdwn ion-item ion-select {
  margin-left: 5px;
  font-size: 14px;
  --border-width: 0px;
}
@media screen and (min-width: 320px) {
  .select-drpdwn ion-item ion-select {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .select-drpdwn ion-item ion-select {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .select-drpdwn ion-item ion-select {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .select-drpdwn ion-item ion-select {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .select-drpdwn ion-item ion-select {
    font-size: 16px;
  }
}
.query-container {
  margin-top: 0;
}
.query-container.saleDetail {
  margin-top: 0;
}
.query-container.video-page ion-card:last-child .video-box {
  margin-bottom: 10px;
}
.query-container .statusReport {
  margin-bottom: 15px;
  background: var(--white);
  position: relative;
}
.query-container .statusReport.sale-capture-report {
  padding: 26px;
}
.query-container .statusReport.sale-capture-report:after {
  position: absolute;
  content: "";
  font-family: icomoon;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  font-size: 14px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .query-container .statusReport.sale-capture-report:after {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .statusReport.sale-capture-report:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .statusReport.sale-capture-report:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .statusReport.sale-capture-report:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .statusReport.sale-capture-report:after {
    font-size: 16px;
  }
}
.query-container .statusReport.sale-capture-report.indetail:after {
  display: none;
}
.query-container .statusReport.sale-capture-report.verified {
  border-left: solid 5px #50ae4d;
}
.query-container .statusReport.sale-capture-report.pending {
  border-left: solid 5px #ff6b00;
}
.query-container .statusReport.sale-capture-report.rejected {
  border-left: solid 5px #ff0033;
}
.query-container .statusReport.sale-capture-report .sale-row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 26px;
}
.query-container .statusReport.sale-capture-report .sale-row.rejected {
  display: block;
  margin: 26px -26px -26px;
  padding: 10px 26px 26px;
  background-color: #fff3f3;
  padding-bottom: 26px !important;
}
.query-container .statusReport.sale-capture-report .sale-row.rejected .btn-container .btn {
  background: transparent;
  color: var(--primary);
}
.query-container .statusReport.sale-capture-report .sale-row .icon-capture {
  font-size: 13px;
  font-style: italic;
  display: flex;
}
.query-container .statusReport.sale-capture-report .sale-row .icon-capture img {
  width: 20px;
  margin-right: 10px;
}
@media screen and (min-width: 320px) {
  .query-container .statusReport.sale-capture-report .sale-row .icon-capture {
    font-size: 11px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .statusReport.sale-capture-report .sale-row .icon-capture {
    font-size: 13px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .statusReport.sale-capture-report .sale-row .icon-capture {
    font-size: 15px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .statusReport.sale-capture-report .sale-row .icon-capture {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .statusReport.sale-capture-report .sale-row .icon-capture {
    font-size: 15px;
  }
}
.query-container .statusReport.sale-capture-report .sale-row:last-child {
  padding-bottom: 0;
}
.query-container .statusReport.sale-capture-report .sale-row .row-left {
  flex: 1.5;
  padding-right: 5px;
}
.query-container .statusReport.sale-capture-report .sale-row .row-right {
  flex: 1;
}
.query-container .statusReport.sale-capture-report .sale-row p {
  font-size: 14px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .query-container .statusReport.sale-capture-report .sale-row p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .statusReport.sale-capture-report .sale-row p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .statusReport.sale-capture-report .sale-row p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .statusReport.sale-capture-report .sale-row p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .statusReport.sale-capture-report .sale-row p {
    font-size: 16px;
  }
}
.query-container .statusReport.sale-capture-report .sale-row h4 {
  font-size: 16px;
  font-family: var(--font-md);
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .query-container .statusReport.sale-capture-report .sale-row h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .statusReport.sale-capture-report .sale-row h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .statusReport.sale-capture-report .sale-row h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .statusReport.sale-capture-report .sale-row h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .statusReport.sale-capture-report .sale-row h4 {
    font-size: 18px;
  }
}
.query-container .statusReport.sale-capture-report .sale-row h4.verified {
  color: #50ae4d;
}
.query-container .statusReport.sale-capture-report .sale-row h4.pending {
  color: #ff6b00;
}
.query-container .statusReport.sale-capture-report .sale-row h4.rejected {
  color: #ff0033;
}
.query-container .statusReport .query-row {
  padding: 0;
}
.query-container .statusReport .query-row .query-row-data {
  width: calc(100%);
  padding: 10px 16px;
}
.query-container .statusReport .query-row .query-row-data .icon-arrow-right {
  position: absolute;
  top: 12px;
  right: 20px;
  color: var(--primary);
}
.query-container .statusReport .query-row .query-row-data .statusText {
  color: var(--dark-blue);
}
.query-container .invoice-status {
  padding: 16px 26px;
  display: flex;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
  background-color: white;
}
.query-container .invoice-status .img-wrap {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  overflow: hidden;
  margin-top: 3px;
}
.query-container .invoice-status .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.query-container .invoice-status .invoice-info p {
  font-size: 16px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .query-container .invoice-status .invoice-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .invoice-status .invoice-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .invoice-status .invoice-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .invoice-status .invoice-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .invoice-status .invoice-info p {
    font-size: 18px;
  }
}
.query-container .invoice-status .invoice-info p.verified {
  color: #50ae4d;
}
.query-container .invoice-status .invoice-info p.pending {
  color: #ff6b00;
}
.query-container .invoice-status .invoice-info p.rejected {
  color: #ff0033;
}
.query-container .invoice-status .invoice-info p.reject-reason {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .query-container .invoice-status .invoice-info p.reject-reason {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .invoice-status .invoice-info p.reject-reason {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .invoice-status .invoice-info p.reject-reason {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .invoice-status .invoice-info p.reject-reason {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .invoice-status .invoice-info p.reject-reason {
    font-size: 16px;
  }
}
.query-container .invoice-status .invoice-info p.returned {
  color: #dc8000;
}
.query-container .mtm-details h4 {
  color: var(--border-bottom);
  font-size: 14px;
  padding: 20px 26px 10px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .query-container .mtm-details h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .mtm-details h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .mtm-details h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .mtm-details h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .mtm-details h4 {
    font-size: 16px;
  }
}
.query-container .mtm-details .mtm-wrap {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
  background-color: white;
  margin-bottom: 10px;
}
.query-container .mtm-details .mtm-wrap .point-earned {
  display: flex;
  justify-content: space-between;
  padding: 18px 30px;
  align-items: center;
}
.query-container .mtm-details .mtm-wrap .point-earned .point-earned-box {
  padding-right: 10px;
}
.query-container .mtm-details .mtm-wrap .point-earned .point-earned-box:last-child {
  padding-right: 0;
}
.query-container .mtm-details .mtm-wrap .point-earned .point-earned-box h2 {
  color: var(--dark-blue);
  font-size: 22px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box h2 {
    font-size: 24px;
  }
}
.query-container .mtm-details .mtm-wrap .point-earned .point-earned-box h2 img {
  display: inline-block;
  margin-left: 5px;
}
.query-container .mtm-details .mtm-wrap .point-earned .point-earned-box p {
  color: var(--border-bottom);
  font-size: 14px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .mtm-details .mtm-wrap .point-earned .point-earned-box p {
    font-size: 16px;
  }
}
.query-container .mtm-details .mtm-wrap .mtm-head {
  padding: 26px;
  position: relative;
}
.query-container .mtm-details .mtm-wrap .mtm-head:after {
  position: absolute;
  right: 26px;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-family: icomoon;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .query-container .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 18px;
  }
}
.query-container .mtm-details .mtm-wrap .mtm-head.active:after {
  content: "";
}
.query-container .mtm-details .mtm-wrap .mtm-head h3 {
  font-size: 16px;
  color: var(--dark-blue);
  padding-bottom: 6px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .query-container .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 18px;
  }
}
.query-container .mtm-details .mtm-wrap .mtm-head p {
  font-size: 14px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .query-container .mtm-details .mtm-wrap .mtm-head p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .mtm-details .mtm-wrap .mtm-head p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .mtm-details .mtm-wrap .mtm-head p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .mtm-details .mtm-wrap .mtm-head p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .mtm-details .mtm-wrap .mtm-head p {
    font-size: 16px;
  }
}
.query-container .mtm-details .mtm-wrap .mtm-head.inactive:after {
  content: "";
}
.query-container .mtm-details .mtm-wrap .mtm-body {
  padding: 26px;
  border-top: solid 1px #ecf1f5;
}
.query-container .mtm-details .mtm-wrap .mtm-body h5 {
  font-family: var(--font-md);
  padding-bottom: 24px;
  font-size: 14px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .query-container .mtm-details .mtm-wrap .mtm-body h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .mtm-details .mtm-wrap .mtm-body h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .mtm-details .mtm-wrap .mtm-body h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .mtm-details .mtm-wrap .mtm-body h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .mtm-details .mtm-wrap .mtm-body h5 {
    font-size: 16px;
  }
}
.query-container .mtm-details .mtm-wrap .mtm-body ul li {
  list-style-type: disc;
  padding-bottom: 24px;
  font-size: 14px;
  color: var(--border-bottom);
  margin-left: 15px;
}
@media screen and (min-width: 320px) {
  .query-container .mtm-details .mtm-wrap .mtm-body ul li {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-container .mtm-details .mtm-wrap .mtm-body ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-container .mtm-details .mtm-wrap .mtm-body ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-container .mtm-details .mtm-wrap .mtm-body ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-container .mtm-details .mtm-wrap .mtm-body ul li {
    font-size: 16px;
  }
}
.query-container .mtm-details .mtm-wrap .mtm-body ul li:last-child {
  padding-bottom: 0;
}
.responses-sec {
  position: relative;
}
.responses-sec:after {
  width: calc(100% + 40px);
  position: absolute;
  content: "";
  top: 0;
  height: 1px;
  background: #ecf1f5;
  left: 0;
  right: 0;
}
.responses-sec .query-row.status-reply {
  margin-top: 16px;
  border-bottom: solid 1px #ecf1f5;
  padding-bottom: 20px;
}
.responses-sec .query-row.status-reply:first-child {
  padding-top: 20px;
  border-bottom: none;
}
.responses-sec .query-row.status-reply .small {
  color: var(--border-bottom);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .responses-sec .query-row.status-reply .small {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .responses-sec .query-row.status-reply .small {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .responses-sec .query-row.status-reply .small {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .responses-sec .query-row.status-reply .small {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .responses-sec .query-row.status-reply .small {
    font-size: 14px;
  }
}
.responses-sec .query-row.status-reply p {
  font-size: 14px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .responses-sec .query-row.status-reply p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .responses-sec .query-row.status-reply p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .responses-sec .query-row.status-reply p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .responses-sec .query-row.status-reply p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .responses-sec .query-row.status-reply p {
    font-size: 16px;
  }
}
.add-query-page ion-card {
  padding: 40px 16px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
  background: var(--white);
}
.add-query-page.t2-card ion-card {
  padding: 20px 16px;
}
.query-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 8px;
}
.query-row .query-row-image {
  width: 54px;
  height: 54px;
  margin-right: 16px;
  background: var(--blue-light);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.query-row .query-row-image i {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .query-row .query-row-image i {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .query-row .query-row-image i {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .query-row .query-row-image i {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .query-row .query-row-image i {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .query-row .query-row-image i {
    font-size: 30px;
  }
}
.query-row .query-row-image i:before {
  color: var(--border-bottom);
}
.query-row .query-row-data {
  width: calc(100% - 70px);
}
.query-row .query-row-data .small {
  margin-bottom: 6px;
  letter-spacing: 1px;
  color: var(--border-bottom);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .query-row .query-row-data .small {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .query-row .query-row-data .small {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .query-row .query-row-data .small {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .query-row .query-row-data .small {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .query-row .query-row-data .small {
    font-size: 14px;
  }
}
.query-row .query-row-data p {
  color: var(--dark-blue);
  letter-spacing: 1px;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .query-row .query-row-data p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-row .query-row-data p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-row .query-row-data p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-row .query-row-data p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-row .query-row-data p {
    font-size: 16px;
  }
}
.query-row .query-row-data .hd3 {
  font-size: 14px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .query-row .query-row-data .hd3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .query-row .query-row-data .hd3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .query-row .query-row-data .hd3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .query-row .query-row-data .hd3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .query-row .query-row-data .hd3 {
    font-size: 16px;
  }
}
.query-row .query-row-data .status-message {
  margin-top: 16px;
}
.query-row .query-row-data .btn-container .btn {
  min-height: auto;
  padding: 10px 30px;
}
.status-container {
  margin: 8px -4px;
}
.status-container span {
  display: inline-block;
  padding: 3px 10px;
  margin: 0 4px;
  border-radius: 20px;
  font-size: 10px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .status-container span {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .status-container span {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .status-container span {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .status-container span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .status-container span {
    font-size: 16px;
  }
}
.status-container span.dark {
  background: var(--primary);
  color: var(--white);
}
.status-container span.light {
  background: var(--blue-lighter);
  color: var(--dark-blue);
}
.status-container span.closed {
  background: #50ae4d;
  color: var(--white);
}
.dot {
  display: inline-block;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: var(--green);
  margin-right: 4px;
}
.query-detail-row .query-row-data {
  width: 100%;
  position: relative;
}
.query-detail-row .query-row-data .status-container {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.query-detail-row .query-row-data .status-container.status-category {
  right: -30px;
}
.query-detail-row .query-row-data .status-container.status-category span.dark {
  background: #4ec1e0;
  padding-right: 20px;
}
.hd4 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
  font-family: var(--font-bd);
}
@media screen and (min-width: 320px) {
  .hd4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .hd4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .hd4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .hd4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .hd4 {
    font-size: 16px;
  }
}
.hd4 span {
  font-size: 10px;
  font-family: var(--font-md);
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .hd4 span {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .hd4 span {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .hd4 span {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .hd4 span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .hd4 span {
    font-size: 16px;
  }
}
.height60 {
  min-height: 60px !important;
}
.height60 textarea {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
}
.query-row .query-row-image.query-detail-row-image {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background: var(--blue-lighter);
}
.query-row .query-row-image.query-detail-row-image i {
  font-size: 16px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .query-row .query-row-image.query-detail-row-image i {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .query-row .query-row-image.query-detail-row-image i {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .query-row .query-row-image.query-detail-row-image i {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .query-row .query-row-image.query-detail-row-image i {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .query-row .query-row-image.query-detail-row-image i {
    font-size: 18px;
  }
}
/**profile**/
.profile-cont-wrap {
  padding: 20px 20px;
}
.profile-cont-wrap.on-search-page {
  padding: 0;
}
.profile-cont-wrap.on-search-page .bl-filter-input {
  background: #ecf5ff;
  border-radius: 0;
  border: 0;
}
.profile-cont-wrap .search-field-container {
  padding-bottom: 20px;
}
.profile-cont-wrap .profile-user-data .hd5 {
  display: inline-block;
  position: relative;
}
.profile-cont-wrap .profile-user-data .hd5.profile-verified:after {
  position: absolute;
  content: "";
  top: 6px;
  left: calc(100% + 5px);
  width: 20px;
  height: 20px;
  background: url('approved-white.svg') center center no-repeat;
}
.profile-user-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
}
.profile-image-wrap {
  position: relative;
  margin-right: 16px;
}
.profile-image-wrap .profile-user-image {
  height: 47px;
  width: 47px;
  border: 1px solid var(--white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.profile-image-wrap .profile-user-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.profile-image-wrap span {
  width: 18px;
  height: 18px;
  background: var(--white);
  border-radius: 50%;
  position: absolute;
  bottom: -9px;
  text-align: center;
  font-size: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
}
@media screen and (min-width: 320px) {
  .profile-image-wrap span {
    font-size: 6px;
  }
}
@media screen and (min-width: 360px) {
  .profile-image-wrap span {
    font-size: 8px;
  }
}
@media screen and (min-width: 400px) {
  .profile-image-wrap span {
    font-size: 10px;
  }
}
@media screen and (min-width: 480px) {
  .profile-image-wrap span {
    font-size: 10px;
  }
}
@media screen and (min-width: 500px) {
  .profile-image-wrap span {
    font-size: 10px;
  }
}
.profile-image-wrap span i {
  line-height: 20px;
  color: var(--dark-blue);
}
.profile-user-data {
  width: calc(100% - 86px);
}
.profile-user-data .small {
  font-family: var(--font-rg);
  color: #dbdada;
}
.profile-user-data .user-point-container {
  padding: 1px 0;
  margin-top: 8px;
}
.profile-user-data .progress-bar {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
  justify-content: space-between;
  padding-right: 10px;
}
.profile-user-data .progress-bar:after {
  content: "";
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 100%;
  height: 1px;
  background: #1d3174;
  right: 24px;
}
.profile-user-data .progress-bar li {
  margin-right: 5px;
  width: 23px;
  height: 23px;
  font-size: 14px;
  background: #1d3174;
  color: var(--white);
  border-radius: 50%;
  line-height: 23px;
  text-align: center;
  z-index: 9;
}
.profile-user-data .progress-bar li.under-process {
  width: auto;
  background: #375acc;
  position: relative;
  margin-right: -8px;
  margin-left: 10px;
}
.profile-user-data .progress-bar li.under-process:after {
  content: "";
  position: absolute;
  margin-right: 10px;
  width: 23px;
  height: 23px;
  font-size: 14px;
  background: url('under-progress.svg') #fff center center no-repeat;
  border-radius: 50%;
  line-height: 23px;
  text-align: center;
  z-index: 9;
  left: -26px;
}
.profile-user-data .progress-bar li.under-process span {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .profile-user-data .progress-bar li.under-process span {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data .progress-bar li.under-process span {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data .progress-bar li.under-process span {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data .progress-bar li.under-process span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data .progress-bar li.under-process span {
    font-size: 14px;
  }
}
.profile-user-data .progress-bar li.not-approved {
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  line-height: initial;
  font-size: 12px;
  margin-right: 5px;
  background: var(--headerColor);
}
@media screen and (min-width: 320px) {
  .profile-user-data .progress-bar li.not-approved {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data .progress-bar li.not-approved {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data .progress-bar li.not-approved {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data .progress-bar li.not-approved {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data .progress-bar li.not-approved {
    font-size: 14px;
  }
}
.profile-user-data .progress-bar li.approved {
  background: #50ae4d;
  border: solid 1px #ffffff;
}
.profile-user-data .progress-bar li.rejected {
  width: auto;
  background: var(--headerColor);
  position: relative;
  margin-right: -8px;
  margin-left: 12px;
}
.profile-user-data .progress-bar li.rejected:after {
  content: "X";
  position: absolute;
  margin-right: 10px;
  width: 23px;
  height: 23px;
  background: #ffffff;
  font-size: 14px;
  color: #ff0033;
  border-radius: 50%;
  line-height: 23px;
  text-align: center;
  z-index: 9;
  left: -26px;
}
.profile-user-data .user-point {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 100px;
}
.profile-user-data .user-point span {
  display: inline-block;
}
.profile-user-data .user-point .user-icon {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  border: 1px solid #fff;
  border-radius: 4px;
}
.profile-user-data .user-point .user-icon .icon-points {
  color: var(--white);
}
.profile-user-data .user-point .user-icon img {
  width: 12px;
}
.profile-user-data .user-point .user-point {
  font-family: var(--font-md);
  padding: 3px 10px 3px 7px;
  font-size: 10px;
  color: var(--slprimary);
  letter-spacing: 1px;
}
@media screen and (min-width: 320px) {
  .profile-user-data .user-point .user-point {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data .user-point .user-point {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data .user-point .user-point {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data .user-point .user-point {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data .user-point .user-point {
    font-size: 16px;
  }
}
.profile-user-data.profile-data-user {
  width: 100% !important;
  margin-bottom: 10px;
}
.profile-user-data.profile-data-user .progress-bar {
  justify-content: center;
  margin-top: 0;
}
.profile-user-data.profile-data-user .progress-bar li {
  margin-left: 20px;
}
.profile-user-data.profile-data-user .progress-bar li.under-process {
  margin-left: 30px !important;
}
.profile-user-data.profile-data-user .progress-bar li.rejected {
  margin-left: 30px !important;
}
.profile-user-data.profile-data-user .progress-bar:after {
  width: 85%;
}
.hd5 {
  font-size: 22px;
  color: var(--white);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .hd5 {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .hd5 {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .hd5 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .hd5 {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .hd5 {
    font-size: 24px;
  }
}
.profile-user-tab-container {
  padding: 0 0 16px 0;
  display: flex;
  align-items: flex-start;
  overflow: scroll;
}
.profile-user-tab-container .profile-user-item {
  text-align: center;
  margin-left: 20px;
  position: relative;
  cursor: pointer;
}
.profile-user-tab-container .profile-user-item i {
  margin-bottom: 10px;
  font-size: 30px;
  display: none;
}
@media screen and (min-width: 320px) {
  .profile-user-tab-container .profile-user-item i {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-tab-container .profile-user-item i {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-tab-container .profile-user-item i {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-tab-container .profile-user-item i {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-tab-container .profile-user-item i {
    font-size: 30px;
  }
}
.profile-user-tab-container .profile-user-item i:before {
  color: var(--blue-light);
}
.profile-user-tab-container .profile-user-item p {
  font-size: 12px;
  font-family: var(--font-bd);
  color: #a1b5cc;
  white-space: nowrap;
}
@media screen and (min-width: 320px) {
  .profile-user-tab-container .profile-user-item p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-tab-container .profile-user-item p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-tab-container .profile-user-item p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-tab-container .profile-user-item p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-tab-container .profile-user-item p {
    font-size: 14px;
  }
}
.profile-user-tab-container .profile-user-item:first-child {
  margin-left: 0;
}
.profile-user-item.active i {
  display: none;
}
.profile-user-item.active i:before {
  color: var(--white);
}
.profile-user-item.active p {
  color: var(--slprimary);
}
.profile-user-item.active:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  width: 16px;
  height: 4px;
  border-radius: 2.5px;
  background-color: var(--slprimary);
}
.profile-user-data-container {
  border-radius: 20px;
  background-color: var(--white);
  margin-right: 16px;
  margin-left: 16px;
  margin-top: 16px;
  margin-bottom: 20px;
}
.profile-user-data-container .update-date {
  font-size: 14px;
  padding: 15px 14px;
  color: var(--border-bottom);
  opacity: 0.7;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .update-date {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .update-date {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .update-date {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .update-date {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .update-date {
    font-size: 16px;
  }
}
.profile-user-data-container .card-body .info-head {
  color: var(--dark-blue);
  font-size: 14px;
  font-family: var(--font-bd);
  padding-bottom: 15px;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .card-body .info-head {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .card-body .info-head {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .card-body .info-head {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .card-body .info-head {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .card-body .info-head {
    font-size: 16px;
  }
}
.profile-user-data-container.certificate {
  border-radius: 20px;
  background-color: var(--white);
  margin-right: 16px;
  margin-left: 16px;
  margin-top: 16px;
  height: calc(100% - 40px);
}
.profile-user-data-container.certificate ion-card {
  padding: 16px;
}
.profile-user-data-container.certificate ion-card .data-img {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px;
}
.profile-user-data-container.certificate ion-card h2 {
  font-size: 16px;
  color: var(--dark-blue);
  font-family: var(--font-md);
  margin-bottom: 20px;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container.certificate ion-card h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container.certificate ion-card h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container.certificate ion-card h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container.certificate ion-card h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container.certificate ion-card h2 {
    font-size: 18px;
  }
}
.profile-user-data-container.certificate ion-card .btn-container {
  margin-bottom: 20px;
  justify-content: space-between;
}
.profile-user-data-container.certificate ion-card .btn-container h2 {
  margin-bottom: 0;
}
.profile-user-data-container.certificate ion-card .btn-container .btn {
  margin: 0;
}
.profile-user-data-container .formOuter {
  margin-bottom: 10px;
}
.profile-user-data-container .formOuter h5 {
  font-size: 16px;
  color: var(--dark-blue);
  font-family: var(--font-md);
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .formOuter h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .formOuter h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .formOuter h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .formOuter h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .formOuter h5 {
    font-size: 18px;
  }
}
.profile-user-data-container .formOuter h5 .prof-unapproved {
  width: 17px;
  height: 23px;
  align-self: center;
}
.profile-user-data-container .formOuter h5 .prof-unapproved img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.profile-user-data-container .formOuter.panCardDiv {
  flex-wrap: wrap;
  padding: 16px;
}
.profile-user-data-container .formOuter.panCardDiv .pan-card-info {
  padding-bottom: 20px;
  width: 100%;
}
.profile-user-data-container .formOuter.panCardDiv .pan-card-info h4 {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info h4 {
    font-size: 16px;
  }
}
.profile-user-data-container .formOuter.panCardDiv .pan-card-info h4.rejected-pan {
  color: #ff0033;
}
.profile-user-data-container .formOuter.panCardDiv .pan-card-info p {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .formOuter.panCardDiv .pan-card-info p {
    font-size: 16px;
  }
}
.profile-user-data-container .formOuter.panCardDiv .formPrimaryInput {
  height: 160px;
  border: dashed 1px var(--blue-light);
  align-items: center;
  --inner-border-width: 0 0 0 0;
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
  --padding-start: 0px;
  --inner-padding-end: 0px;
}
.profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap {
  width: 100%;
}
.profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview {
  padding: 0px;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 0;
  margin-bottom: 0;
  min-height: 160px;
}
.profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview img {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  object-fit: cover;
}
.profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #fff;
  color: #000;
  border-radius: 50%;
}
.profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap.pan-preview button i {
    font-size: 20px;
  }
}
.profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap img {
  margin: 0 auto;
  width: auto;
}
.profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
  font-size: 14px;
  color: var(--dark-blue);
  margin: 0 auto;
  width: inherit;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .formOuter.panCardDiv .formPrimaryInput .pancard-wrap button {
    font-size: 16px;
  }
}
.profile-user-data-container .formOuter.panCardDiv button {
  color: var(--primary);
  font-size: 14px;
  margin: 0 auto;
  width: inherit;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .formOuter.panCardDiv button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .formOuter.panCardDiv button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .formOuter.panCardDiv button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .formOuter.panCardDiv button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .formOuter.panCardDiv button {
    font-size: 16px;
  }
}
.profile-user-data-container.aso h2 {
  font-size: 14px;
  color: var(--dark-blue);
  margin-bottom: 12px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .profile-user-data-container.aso h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container.aso h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container.aso h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container.aso h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container.aso h2 {
    font-size: 16px;
  }
}
.profile-user-data-container.aso ion-card {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  background: #fbfbfb;
  border-radius: 20px;
  box-shadow: 0 6px 6px 0 rgba(66, 80, 89, 0.2) !important;
  margin-bottom: 16px;
}
.profile-user-data-container.aso ion-card .data-img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: solid 1px var(--headerColor);
  object-fit: contain;
  margin-right: 16px;
}
.profile-user-data-container.aso ion-card .data-img img {
  width: 100%;
  height: 100%;
}
.profile-user-data-container.aso ion-card .data-img-info {
  width: calc(100% - 64px);
}
.profile-user-data-container.aso ion-card .data-img-info h3 {
  font-size: 16px;
  color: var(--dark-blue);
  font-family: var(--font-md);
  line-height: initial;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container.aso ion-card .data-img-info h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container.aso ion-card .data-img-info h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container.aso ion-card .data-img-info h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container.aso ion-card .data-img-info h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container.aso ion-card .data-img-info h3 {
    font-size: 18px;
  }
}
.profile-user-data-container.aso ion-card .data-img-info p {
  font-size: 12px;
  color: var(--headerColor);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .profile-user-data-container.aso ion-card .data-img-info p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container.aso ion-card .data-img-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container.aso ion-card .data-img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container.aso ion-card .data-img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container.aso ion-card .data-img-info p {
    font-size: 14px;
  }
}
.profile-user-data-container.aso ion-card .data-img-info p.role-primary {
  color: var(--border-bottom);
  margin: 4px 0;
}
.profile-user-data-container.aso ion-card i {
  color: var(--headerColor);
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container.aso ion-card i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container.aso ion-card i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container.aso ion-card i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container.aso ion-card i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container.aso ion-card i {
    font-size: 22px;
  }
}
.profile-user-data-container.aso ion-card i.icon-contact-one {
  cursor: pointer;
  height: 26px;
}
.profile-user-data-container ion-card {
  margin: 0;
  background: none;
  box-shadow: initial !important;
  overflow: initial;
  padding: 16px;
}
.profile-user-data-container ion-card.updated-column {
  background-color: #fff9f9;
  border-left: solid 3px #ff2626;
}
.profile-user-data-container .profile-user-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 10px;
}
.profile-user-data-container .profile-user-row.rejected-aso {
  margin-top: 0;
  margin-bottom: 0;
}
.profile-user-data-container .profile-user-row.call-status .internal-row div {
  margin-top: 0px;
}
.profile-user-data-container .profile-user-row .profile-user-icon {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-right: 16px;
}
.profile-user-data-container .profile-user-row .profile-user-icon i {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .profile-user-row .profile-user-icon i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .profile-user-row .profile-user-icon i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .profile-user-row .profile-user-icon i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .profile-user-row .profile-user-icon i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .profile-user-row .profile-user-icon i {
    font-size: 22px;
  }
}
.profile-user-data-container .profile-user-row .profile-user-icon i:before {
  color: var(--dark-blue);
}
.profile-user-data-container .profile-user-row .profile-user-icon ion-icon {
  color: var(--headerColor);
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .profile-user-data-container .profile-user-row .profile-user-icon ion-icon {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .profile-user-data-container .profile-user-row .profile-user-icon ion-icon {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .profile-user-data-container .profile-user-row .profile-user-icon ion-icon {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .profile-user-data-container .profile-user-row .profile-user-icon ion-icon {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .profile-user-data-container .profile-user-row .profile-user-icon ion-icon {
    font-size: 22px;
  }
}
.profile-user-data-container .profile-user-row .profile-user-data {
  width: calc(100% - 96px);
}
.profile-user-data-container .profile-user-row .profile-user-data.profile-process {
  width: 90%;
  margin-bottom: 10px;
  margin-top: -10px;
  margin: -10px auto auto;
}
.profile-user-data-container .profile-user-row .profile-user-data.profile-reject {
  background: #F6D9DB;
}
.profile-user-data-container .profile-user-row .profile-user-data.profile-reject h3 {
  color: var(--failed);
}
.profile-user-data-container .profile-user-row .profile-user-data.profile-reject i {
  color: var(--failed);
}
.profile-user-data-container .profile-user-row .profile-user-data p {
  font-family: var(--font-md);
  color: var(--dark-blue);
}
.profile-user-data-container .profile-user-row .profile-user-data .small {
  color: var(--border-bottom);
}
.profile-user-data-container .profile-user-row .profile-approved {
  width: 30px;
  height: 25px;
  margin-right: 20px;
  align-self: center;
}
.profile-user-data-container .profile-user-row .profile-approved img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.internal-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.internal-row div {
  width: 100%;
  margin: 10px 0;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bonus-pop.video-pop .overlay .popup {
  padding: 5px;
}
.bonus-pop.video-pop .overlay .popup .close-btn {
  background: var(--white);
  width: 30px;
  height: 30px;
  z-index: 9;
  border-radius: 50%;
  top: -10px;
  right: -10px;
}
.bonus-pop.video-pop .overlay .popup .content {
  padding: 0;
  max-height: initial;
  overflow: hidden;
  max-width: initial;
}
.bonus-pop.congratulation-pop .overlay .popup {
  background: var(--primary);
}
.bonus-pop.congratulation-pop .overlay .popup .close-btn {
  color: var(--white);
}
.bonus-pop.congratulation-pop .overlay .popup .content {
  color: var(--white);
  min-height: 30vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bonus-pop.congratulation-pop .overlay .popup .content img {
  margin: 0 auto 10px;
  width: 80px;
}
.bonus-pop.congratulation-pop .overlay .popup .content h3 {
  color: var(--white);
  font-size: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 320px) {
  .bonus-pop.congratulation-pop .overlay .popup .content h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop.congratulation-pop .overlay .popup .content h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop.congratulation-pop .overlay .popup .content h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop.congratulation-pop .overlay .popup .content h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop.congratulation-pop .overlay .popup .content h3 {
    font-size: 22px;
  }
}
.bonus-pop.congratulation-pop .overlay .popup .content p {
  color: var(--white);
}
.bonus-pop .register-container {
  max-height: 70vh;
  overflow-y: scroll;
  padding-bottom: 0;
}
.bonus-pop .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  z-index: 9999;
}
.bonus-pop .overlay .popup {
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  width: 90%;
  position: relative;
  transition: all 5s ease-in-out;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  text-align: center;
}
.bonus-pop .overlay .popup .icon-image img {
  max-width: 150px;
  margin: 0 auto 20px;
  min-width: 70px;
}
.bonus-pop .overlay .popup.force-update .img-wrap {
  margin: -20px;
  margin-bottom: 20px;
}
.bonus-pop .overlay .popup.force-update .content h3 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup.force-update .content h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup.force-update .content h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup.force-update .content h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup.force-update .content h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup.force-update .content h3 {
    font-size: 20px;
  }
}
.bonus-pop .overlay .popup.force-update .content p {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup.force-update .content p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup.force-update .content p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup.force-update .content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup.force-update .content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup.force-update .content p {
    font-size: 16px;
  }
}
.bonus-pop .overlay .popup .profile-user-data-container {
  max-height: 65vh;
  overflow-y: scroll;
  margin-bottom: 10px;
}
.bonus-pop .overlay .popup .profile-user-data-container::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.bonus-pop .overlay .popup .profile-user-data-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--headerColor);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.bonus-pop .overlay .popup .profile-user-data-container.update-primary {
  margin: 0;
}
.bonus-pop .overlay .popup .profile-user-data-container.update-primary .profile-user-row {
  margin-bottom: 0;
}
.bonus-pop .overlay .popup .profile-user-data-container.update-primary .profile-user-row .profile-user-icon {
  height: auto;
  width: 30px;
  margin-right: 5px;
}
.bonus-pop .overlay .popup .profile-user-data-container.update-primary .profile-user-row .profile-user-data {
  width: calc(100% - 35px);
}
.bonus-pop .overlay .popup.catalogue .form-login .formOuter .formPrimaryInput.checkbox {
  margin-top: 5px;
  margin-bottom: 10px;
}
.bonus-pop .overlay .popup.catalogue .Error {
  margin-bottom: 15px;
  display: block;
}
.bonus-pop .overlay .popup.catalogue .content {
  overflow-y: scroll;
  max-height: 59vh;
  max-width: 100%;
}
.bonus-pop .overlay .popup.catalogue .content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.bonus-pop .overlay .popup.catalogue .content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--headerColor);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.bonus-pop .overlay .popup.catalogue .content ul:after {
  display: none;
}
.bonus-pop .overlay .popup.catalogue .content ul li {
  margin-bottom: 20px;
  color: var(--border-bottom);
  list-style-type: disc;
  display: list-item;
  margin-left: 20px;
}
.bonus-pop .overlay .popup .slide-img-wrap {
  width: 320px;
  height: 480px;
  overflow: hidden;
}
.bonus-pop .overlay .popup .slide-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  padding: 25px 0;
}
.bonus-pop .overlay .popup .close-btn {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 16px;
  color: #000;
  width: 30px;
  height: 30px;
  z-index: 999;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup .close-btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup .close-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup .close-btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup .close-btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup .close-btn {
    font-size: 18px;
  }
}
.bonus-pop .overlay .popup .delete-btn {
  position: absolute;
  right: 10px;
  top: 30px;
  font-size: 16px;
  width: 35px;
  height: 35px;
  background: var(--white);
  border-radius: 50%;
  color: #000;
  z-index: 999;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup .delete-btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup .delete-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup .delete-btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup .delete-btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup .delete-btn {
    font-size: 18px;
  }
}
.bonus-pop .overlay .popup h3 {
  color: var(--dark-blue);
  font-size: 16px;
  margin-bottom: 10px;
  font-family: var(--font-md);
  text-align: center;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup h3 {
    font-size: 18px;
  }
}
.bonus-pop .overlay .popup ul {
  position: relative;
  overflow: hidden;
}
.bonus-pop .overlay .popup ul:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: -15px;
  margin: 0 auto;
  background: #bccadb;
  left: 24px;
  z-index: -1;
}
.bonus-pop .overlay .popup ul li {
  display: flex;
  margin-bottom: 40px;
  align-items: center;
}
.bonus-pop .overlay .popup ul li:last-child {
  margin-bottom: 9px;
}
.bonus-pop .overlay .popup ul li.under-process span {
  color: #ff6b00;
  border: solid 2px #ff6b00;
  background: var(--white);
  position: relative;
}
.bonus-pop .overlay .popup ul li.under-process span:after {
  position: absolute;
  content: "";
  bottom: -13px;
  width: 18px;
  height: 18px;
  border: solid 2px var(--white);
  background: url('not-approved.svg') center center no-repeat;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
}
.bonus-pop .overlay .popup ul li.under-process span i.icon-id-card::before, .bonus-pop .overlay .popup ul li.under-process span i.icon-calling::before {
  color: #ff6b00;
}
.bonus-pop .overlay .popup ul li.rejected span {
  color: #ff0033;
  border: solid 2px #ff0033;
  background: var(--white);
  position: relative;
}
.bonus-pop .overlay .popup ul li.rejected span:after {
  position: absolute;
  content: "";
  bottom: -13px;
  width: 18px;
  height: 18px;
  border: solid 2px var(--white);
  background: url('rejected.svg') center center no-repeat #ffffff;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
}
.bonus-pop .overlay .popup ul li.rejected span i.icon-id-card::before, .bonus-pop .overlay .popup ul li.rejected span i.icon-calling::before {
  color: #ff0033;
}
.bonus-pop .overlay .popup ul li.approved span {
  color: #50ae4d;
  border: solid 2px #50ae4d;
  background: var(--white);
  position: relative;
}
.bonus-pop .overlay .popup ul li.approved span:after {
  position: absolute;
  content: "";
  bottom: -13px;
  width: 18px;
  height: 18px;
  border: solid 2px var(--white);
  background: url('approved-id.svg') center center no-repeat #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
}
.bonus-pop .overlay .popup ul li.approved span i.icon-id-card::before, .bonus-pop .overlay .popup ul li.approved span i.icon-calling::before {
  color: #50ae4d;
}
.bonus-pop .overlay .popup ul li span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #bccadb;
  color: var(--border-bottom);
  text-align: center;
  line-height: 55px;
  margin-right: 15px;
}
.bonus-pop .overlay .popup ul li span i {
  font-size: 20px;
}
.bonus-pop .overlay .popup ul li p {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup ul li p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup ul li p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup ul li p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup ul li p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup ul li p {
    font-size: 18px;
  }
}
.bonus-pop .overlay .popup img {
  margin: 20px auto;
  display: inline-block;
}
.bonus-pop .overlay .popup .content {
  margin: 0 auto;
}
.bonus-pop .overlay .popup .content .redeem-row .redeem-row-box {
  padding-bottom: 10px;
  display: flex;
  justify-content: space-evenly;
}
.bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p {
  text-align: left;
  font-size: 12px;
  padding-bottom: 0;
  margin-right: 10px;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p {
    font-size: 14px;
  }
}
.bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p span {
  font-family: var(--font-md);
  color: var(--headerColor);
  display: block;
}
.bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p span:last-child {
  font-size: 12px;
  font-family: var(--font-rg);
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p span:last-child {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p span:last-child {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p span:last-child {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p span:last-child {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p span:last-child {
    font-size: 14px;
  }
}
.bonus-pop .overlay .popup .content .redeem-row .redeem-row-box p:last-child {
  margin-right: 0;
}
.bonus-pop .overlay .popup .content .redeem-row h2 {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup .content .redeem-row h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup .content .redeem-row h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup .content .redeem-row h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup .content .redeem-row h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup .content .redeem-row h2 {
    font-size: 20px;
  }
}
.bonus-pop .overlay .popup .content .redeem-row h2 span {
  width: 80%;
  text-align: left;
}
.bonus-pop .overlay .popup .content .redeem-row h2 span:last-child {
  width: 20%;
  text-align: right;
}
.bonus-pop .overlay .popup .content h2 {
  font-family: var(--font-md);
  font-size: 16px;
  text-align: center;
  color: var(--dark-blue);
  line-height: 1;
  margin-bottom: 5px;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup .content h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup .content h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup .content h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup .content h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup .content h2 {
    font-size: 18px;
  }
}
.bonus-pop .overlay .popup .content h2 span {
  font-size: 16px;
  display: block;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup .content h2 span {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup .content h2 span {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup .content h2 span {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup .content h2 span {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup .content h2 span {
    font-size: 18px;
  }
}
.bonus-pop .overlay .popup .content p {
  font-size: 14px;
  color: var(--border-bottom);
  padding-bottom: 16px;
  text-align: center;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup .content p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup .content p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup .content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup .content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup .content p {
    font-size: 16px;
  }
}
.bonus-pop .overlay .popup .content h4 {
  font-size: 16px;
  text-align: center;
  color: var(--dark-blue);
  padding: 10px 0;
}
@media screen and (min-width: 320px) {
  .bonus-pop .overlay .popup .content h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .bonus-pop .overlay .popup .content h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .bonus-pop .overlay .popup .content h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .bonus-pop .overlay .popup .content h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .bonus-pop .overlay .popup .content h4 {
    font-size: 18px;
  }
}
.bonus-pop .overlay .popup .content .swiper-container-horizontal > .swiper-pagination-bullets,
.bonus-pop .overlay .popup .content .swiper-pagination-custom,
.bonus-pop .overlay .popup .content .swiper-pagination-fraction {
  bottom: -3px;
  text-align: left;
}
.bonus-pop .overlay .popup .bottom-fixed {
  position: relative;
}
.bonus-pop .overlay .popup .bottom-new-btn {
  border-top: 1px solid #e0dfde;
  margin: 0 -20px;
  margin-bottom: -20px;
}
.bonus-pop .overlay .popup .bottom-new-btn .btn {
  font-family: var(--font-md);
  color: var(--headerColor);
  width: 100%;
  min-height: initial;
  padding: 20px 6px;
  border: 0;
  border-right: 1px solid #e0dfde;
  border-radius: 0;
}
.bonus-pop .overlay .popup .bottom-new-btn .btn:first-child {
  color: var(--dark-blue);
}
.bonus-pop .overlay .popup .bottom-new-btn .btn:last-child {
  border-right: 0;
  color: var(--headerColor);
}
.footer-pop {
  box-shadow: 0 -6px 4px 0 rgba(36, 49, 66, 0.34);
  background-color: #ffffff;
  padding: 20px 16px;
  position: relative;
}
.footer-pop.bid-pop {
  padding: 0px;
  border-radius: 30px;
  z-index: 9999;
  top: 50%;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 90%;
}
.footer-pop.bid-pop:after {
  width: 100%;
  height: 100%;
}
.footer-pop.bid-pop button .icon-close {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .footer-pop.bid-pop button .icon-close {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .footer-pop.bid-pop button .icon-close {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .footer-pop.bid-pop button .icon-close {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .footer-pop.bid-pop button .icon-close {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .footer-pop.bid-pop button .icon-close {
    font-size: 18px;
  }
}
.footer-pop.bid-pop .footer-pop-wrap {
  margin-top: 20px;
}
.footer-pop.bid-pop .footer-pop-wrap h4 {
  font-size: 14px;
  color: var(--dark-blue);
  margin-bottom: 15px;
}
@media screen and (min-width: 320px) {
  .footer-pop.bid-pop .footer-pop-wrap h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .footer-pop.bid-pop .footer-pop-wrap h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .footer-pop.bid-pop .footer-pop-wrap h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .footer-pop.bid-pop .footer-pop-wrap h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .footer-pop.bid-pop .footer-pop-wrap h4 {
    font-size: 16px;
  }
}
.footer-pop.bid-pop .footer-pop-wrap form {
  padding: 0 16px;
}
.footer-pop.bid-pop .footer-pop-wrap form .formOuter {
  flex-wrap: wrap;
}
.footer-pop.bid-pop .footer-pop-wrap form .formOuter ion-item {
  border-radius: 8px;
  border: solid 1px #e0dfde;
  overflow: hidden;
  --min-height: 50px;
}
.footer-pop.bid-pop .footer-pop-wrap form .formOuter .labelStyle {
  color: var(--border-bottom);
  font-size: 12px;
  display: block;
  width: 100%;
  letter-spacing: 1px;
  max-width: inherit;
  font-family: var(--font-md);
  margin-bottom: 6px;
}
@media screen and (min-width: 320px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .labelStyle {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .labelStyle {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .labelStyle {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .labelStyle {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .labelStyle {
    font-size: 14px;
  }
}
.footer-pop.bid-pop .footer-pop-wrap form .formOuter .labelStyle.label-stacked {
  transform-origin: initial;
  transform: initial;
}
.footer-pop.bid-pop .footer-pop-wrap form .formOuter .error {
  padding-top: 5px;
  color: #ff0033;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .error {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .error {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .error {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .error {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .footer-pop.bid-pop .footer-pop-wrap form .formOuter .error {
    font-size: 14px;
  }
}
.footer-pop.bid-pop .footer-pop-wrap .pop-info {
  display: flex;
  margin-bottom: 20px;
}
.footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box {
  border-right: solid 1px #dee3ea;
  padding-right: 10px;
  margin-right: 10px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box:last-child {
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
}
.footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box h5 {
  font-size: 14px;
  color: var(--dark-blue);
  font-family: var(--font-md);
  word-break: break-all;
  margin-bottom: 5px;
  line-height: 1.2;
}
@media screen and (min-width: 320px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box h5 {
    font-size: 16px;
  }
}
.footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box p {
  font-size: 12px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .footer-pop.bid-pop .footer-pop-wrap .pop-info .pop-info-box p {
    font-size: 14px;
  }
}
.footer-pop.bid-pop .footer-pop-wrap .btn-container .btn {
  width: 100%;
  min-height: 55px;
  margin: 0 -16px;
  border-radius: 0;
  color: var(--headerColor);
}
.footer-pop button {
  background: transparent;
}
.footer-pop button.right-btn {
  position: absolute;
  right: 5px;
  top: 3px;
  z-index: 9;
  padding: 10px;
}
.footer-pop button .icon-close {
  font-size: 14px;
}
.footer-pop .rating-cont {
  margin-bottom: 30px;
  position: relative;
}
.footer-pop .rating-cont .icon {
  margin-right: 15px;
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .footer-pop .rating-cont .icon {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .footer-pop .rating-cont .icon {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .footer-pop .rating-cont .icon {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .footer-pop .rating-cont .icon {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .footer-pop .rating-cont .icon {
    font-size: 30px;
  }
}
.footer-pop .rating-cont .icon-star-fill {
  color: #375acc;
}
.footer-pop .rating-cont:after {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  background: #ecf1f5;
  left: -20px;
  right: 0;
  bottom: -15px;
}
.footer-pop p {
  font-size: 14px;
  padding-bottom: 10px;
}
@media screen and (min-width: 320px) {
  .footer-pop p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .footer-pop p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .footer-pop p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .footer-pop p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .footer-pop p {
    font-size: 16px;
  }
}
.footer-pop .formOuter {
  margin-bottom: 30px;
}
.footer-pop .formOuter .height60 {
  height: 60px;
}
.footer-pop .formOuter textarea {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .footer-pop .formOuter textarea {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .footer-pop .formOuter textarea {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .footer-pop .formOuter textarea {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .footer-pop .formOuter textarea {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .footer-pop .formOuter textarea {
    font-size: 18px;
  }
}
.register-container {
  padding-bottom: 60px;
}
.register-container mbsc-calendar .mbsc-input {
  padding: 0;
}
.register-container mbsc-calendar .mbsc-input .mbsc-label {
  font-size: 12px;
  color: var(--border-bottom);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .register-container mbsc-calendar .mbsc-input .mbsc-label {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .register-container mbsc-calendar .mbsc-input .mbsc-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .register-container mbsc-calendar .mbsc-input .mbsc-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .register-container mbsc-calendar .mbsc-input .mbsc-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .register-container mbsc-calendar .mbsc-input .mbsc-label {
    font-size: 14px;
  }
}
.register-container mbsc-calendar .mbsc-input input {
  border-bottom: none;
  color: var(--dark-blue);
  height: initial;
  border-bottom: none;
  direction: ltr;
  font-family: var(--font-rg);
}
.register-container mbsc-calendar .mbsc-input input:focus {
  border-bottom: none;
}
.register-container .mbsc-material .mbsc-input {
  padding-left: 0px;
  padding-top: 0;
  padding-bottom: 0;
}
.register-container .mbsc-material .mbsc-input .mbsc-label {
  font-size: 12px;
  color: var(--border-bottom);
  font-family: var(--font-md);
  display: inline-block;
}
@media screen and (min-width: 320px) {
  .register-container .mbsc-material .mbsc-input .mbsc-label {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .register-container .mbsc-material .mbsc-input .mbsc-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .register-container .mbsc-material .mbsc-input .mbsc-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .register-container .mbsc-material .mbsc-input .mbsc-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .register-container .mbsc-material .mbsc-input .mbsc-label {
    font-size: 14px;
  }
}
.register-container .mbsc-material .mbsc-input input {
  border-bottom: none;
  font-size: 14px;
  height: initial;
  color: var(--dark-blue);
  font-family: var(--font-bd);
}
@media screen and (min-width: 320px) {
  .register-container .mbsc-material .mbsc-input input {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .register-container .mbsc-material .mbsc-input input {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .register-container .mbsc-material .mbsc-input input {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .register-container .mbsc-material .mbsc-input input {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .register-container .mbsc-material .mbsc-input input {
    font-size: 16px;
  }
}
.register-container .mbsc-material .mbsc-input input:focus {
  border-bottom: none;
}
.register-container .mbsc-material .mbsc-input input:disabled {
  border-bottom: none;
  opacity: 1;
}
.register-container .btn-container .btn {
  border-radius: 0;
  width: 100%;
  height: 60px;
}
.alert-wrapper {
  border-radius: 20px;
}
.alert-wrapper .alert-head {
  text-align: center;
}
.alert-wrapper .alert-head .alert-title {
  font-size: 16px;
  font-family: var(--font-md);
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .alert-wrapper .alert-head .alert-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .alert-wrapper .alert-head .alert-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .alert-wrapper .alert-head .alert-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .alert-wrapper .alert-head .alert-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .alert-wrapper .alert-head .alert-title {
    font-size: 18px;
  }
}
.alert-wrapper .alert-head .alert-sub-title {
  font-size: 14px;
  font-family: var(--font-rg);
  color: var(--dark-blue);
  opacity: 0.5;
  line-height: 1.3;
  margin-top: 5px;
}
@media screen and (min-width: 320px) {
  .alert-wrapper .alert-head .alert-sub-title {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .alert-wrapper .alert-head .alert-sub-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .alert-wrapper .alert-head .alert-sub-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .alert-wrapper .alert-head .alert-sub-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .alert-wrapper .alert-head .alert-sub-title {
    font-size: 16px;
  }
}
.alert-wrapper .alert-button-group {
  padding-bottom: 0px;
  padding-top: 0px;
  flex-wrap: initial;
  justify-content: center;
  border-top: 1px solid #e0dfde;
  padding-inline-end: 0;
  padding-inline-start: 0;
  align-items: center;
}
.alert-wrapper .alert-button-group .alert-button {
  background: none;
  margin: 0 auto;
  margin-right: 10px;
  width: auto;
  padding: 20px 6px;
  color: var(--headerColor);
  text-transform: capitalize;
  border-radius: 0;
  font-family: var(--font-bd);
  font-size: 16px;
  margin-inline-end: 0;
  border-right: 1px solid #e0dfde;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .alert-wrapper .alert-button-group .alert-button {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .alert-wrapper .alert-button-group .alert-button {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .alert-wrapper .alert-button-group .alert-button {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .alert-wrapper .alert-button-group .alert-button {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .alert-wrapper .alert-button-group .alert-button {
    font-size: 18px;
  }
}
.alert-wrapper .alert-button-group .alert-button .alert-button-inner {
  justify-content: center;
  font-family: var(--font-md);
}
.alert-wrapper .alert-button-group .alert-button:last-child {
  margin-right: 0;
  border-right: 0;
}
.alert-wrapper .alert-button-group .alert-button:first-child {
  color: var(--dark-blue);
}
.Error {
  color: var(--ion-color-danger);
  font-size: 12px;
  padding-top: 5px;
}
@media screen and (min-width: 320px) {
  .Error {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .Error {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .Error {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .Error {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .Error {
    font-size: 14px;
  }
}
.scheme-detail-container p {
  font-family: var(--font-bd);
}
.scheme-detail-container table {
  font-family: var(--font-md);
  border-collapse: collapse;
  width: 90% !important;
  margin: 0 auto;
}
.scheme-detail-container table td,
.scheme-detail-container table th {
  border: 1px solid #ddd;
  padding: 8px;
}
.scheme-detail-container table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.scheme-detail-container table tr:hover {
  background-color: #ddd;
}
.scheme-detail-container table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--dark-blue);
  color: var(--white);
}
.swiper-pagination-bullet {
  background: var(--blue-light);
  opacity: 1;
  height: 4px;
  width: 4px;
}
.swiper-pagination-bullet-active {
  background: var(--slprimary);
  width: 16px;
  height: 4px;
  border-radius: 2px;
}
.language ion-item {
  padding: 5px 0;
  min-height: auto;
  --inner-border-width: 0 0 0px 0;
  background: #fbfbfb;
  --background: #fbfbfb;
  margin-bottom: 16px;
  border-radius: 10px;
  overflow: hidden;
}
.language ion-item ion-label {
  margin-left: 16px;
  color: var(--dark-blue);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .language ion-item ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .language ion-item ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .language ion-item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .language ion-item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .language ion-item ion-label {
    font-size: 16px;
  }
}
.language ion-item.item-radio-checked {
  background: var(--headerColor);
  --background: var(--headerColor);
  --transition: none;
}
.language ion-item.item-radio-checked ion-label {
  color: var(--white);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .language ion-item.item-radio-checked ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .language ion-item.item-radio-checked ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .language ion-item.item-radio-checked ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .language ion-item.item-radio-checked ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .language ion-item.item-radio-checked ion-label {
    font-size: 16px;
  }
}
.language.business-type ion-item {
  padding: 20px 14px;
  border-radius: 4px;
  background-color: #edf2f8;
  border: 0;
  margin-bottom: 14px;
  --background: transparent;
  --padding-start: 0px;
}
.language.business-type ion-item ion-label {
  margin-left: 12px;
  color: var(--dark-blue);
  font-size: 14px;
  white-space: initial;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .language.business-type ion-item ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .language.business-type ion-item ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .language.business-type ion-item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .language.business-type ion-item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .language.business-type ion-item ion-label {
    font-size: 16px;
  }
}
.language.business-type ion-item ion-label span {
  display: block;
  font-size: 12px;
  margin-top: 6px;
}
@media screen and (min-width: 320px) {
  .language.business-type ion-item ion-label span {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .language.business-type ion-item ion-label span {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .language.business-type ion-item ion-label span {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .language.business-type ion-item ion-label span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .language.business-type ion-item ion-label span {
    font-size: 14px;
  }
}
.language.business-type ion-item ion-radio {
  align-self: flex-start;
}
.language.business-type ion-item.item-radio-checked {
  background: #cad8e9;
  --background: #cad8e9;
}
.language.business-type.t2 ion-item ion-radio {
  align-self: initial;
}
.mandatory {
  color: var(--border-bottom);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .mandatory {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .mandatory {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .mandatory {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .mandatory {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .mandatory {
    font-size: 14px;
  }
}
.headerTitle {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  font-size: 16px;
  max-width: 70%;
  margin: 0 auto;
}
@media screen and (min-width: 320px) {
  .headerTitle {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .headerTitle {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .headerTitle {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .headerTitle {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .headerTitle {
    font-size: 18px;
  }
}
.alertionic-pop .alert-wrapper {
  border-radius: 20px;
}
.alertionic-pop .alert-head {
  padding-top: 10px;
}
.alertionic-pop .alert-message {
  order: -1;
  padding-top: 20px !important;
  padding-bottom: 0;
  text-align: center;
}
.alertionic-pop .alert-message i {
  font-size: 45px;
  color: var(--primary);
}
.alertionic-pop .alert-message img {
  display: inline-block;
}
.popup-new-theme .alert-wrapper .alert-message img {
  max-width: 160px;
  margin: 0 auto 20px;
}
ion-footer .btn-container {
  width: 100%;
}
ion-footer .btn-container .btn {
  background: var(--dark-blue);
  color: var(--white);
  min-height: 60px;
  border-radius: 0;
  width: 100%;
  border-left: 1px solid var(--white);
}
ion-footer .btn-container .btn:first-child {
  border-left: 0;
}
.no-internet-container {
  position: relative;
  height: calc(100vh - 155px);
}
.no-internet-container .no-internet-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}
.no-internet-container .no-internet-wrap i {
  color: var(--blue-light);
  font-size: 100px;
  margin-bottom: 30px;
  display: block;
}
.no-internet-container .no-internet-wrap img {
  margin: 0 auto 20px;
}
.no-internet-container .no-internet-wrap .arrow {
  position: relative;
  right: -40px;
}
.no-internet-container .no-internet-wrap h3 {
  font-size: 20px;
  text-align: center;
  font-family: var(--font-bd);
  margin-bottom: 14px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .no-internet-container .no-internet-wrap h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .no-internet-container .no-internet-wrap h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .no-internet-container .no-internet-wrap h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .no-internet-container .no-internet-wrap h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .no-internet-container .no-internet-wrap h3 {
    font-size: 22px;
  }
}
.no-internet-container .no-internet-wrap p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 30px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .no-internet-container .no-internet-wrap p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .no-internet-container .no-internet-wrap p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .no-internet-container .no-internet-wrap p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .no-internet-container .no-internet-wrap p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .no-internet-container .no-internet-wrap p {
    font-size: 16px;
  }
}
.no-internet-container.no-internet-container-half {
  height: calc(70vh - 155px);
}
.no-internet-container.no-greeting-container .no-internet-wrap h3 {
  color: var(--white);
}
.select-mtm-btn .btn-container .btn {
  width: auto;
  background: var(--white);
  color: var(--headerColor);
  padding: 0;
  height: initial;
  min-height: initial;
  border: 0;
}
.pancard-wrap.pan-preview {
  height: 160px;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 0;
  margin-right: 0;
  border: 0;
}
.pancard-wrap.pan-preview img {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  object-fit: cover;
}
.pancard-wrap.pan-preview button {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 6px;
  top: 6px;
  background: #fff;
  color: #000;
  border-radius: 50%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 5px #000;
}
.pancard-wrap.pan-preview button i {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .pancard-wrap.pan-preview button i {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .pancard-wrap.pan-preview button i {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .pancard-wrap.pan-preview button i {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .pancard-wrap.pan-preview button i {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .pancard-wrap.pan-preview button i {
    font-size: 16px;
  }
}
.popOverlay::after {
  content: "";
  z-index: 9999;
  width: 100%;
  height: calc(100% + 55px);
  background: rgba(36, 49, 66, 0.8);
  position: absolute;
  top: 0;
}
.compatible-device h4 {
  font-size: 14px;
  font-family: var(--font-md);
  padding-bottom: 10px;
  color: var(--dark-blue);
  padding-top: 10px;
}
@media screen and (min-width: 320px) {
  .compatible-device h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .compatible-device h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .compatible-device h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .compatible-device h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .compatible-device h4 {
    font-size: 16px;
  }
}
.compatible-device ion-card {
  padding: 12px 20px 12px 12px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: #edf3f5;
  justify-content: space-between;
  margin: 0;
  margin-bottom: 15px;
}
.compatible-device ion-card .img-wrap {
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 10px;
}
.compatible-device ion-card .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.compatible-device ion-card .img-info {
  width: calc(100% - 100px);
}
.compatible-device ion-card .img-info p {
  font-size: 14px;
  color: var(--dark-blue);
  text-align: left;
}
@media screen and (min-width: 320px) {
  .compatible-device ion-card .img-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .compatible-device ion-card .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .compatible-device ion-card .img-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .compatible-device ion-card .img-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .compatible-device ion-card .img-info p {
    font-size: 16px;
  }
}
.compatible-device ion-card i {
  color: var(--primary);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .compatible-device ion-card i {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .compatible-device ion-card i {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .compatible-device ion-card i {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .compatible-device ion-card i {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .compatible-device ion-card i {
    font-size: 14px;
  }
}
.category-list .category-type {
  padding: 26px;
  padding-bottom: 0;
  background-color: #fbfbfb;
  border-radius: 10px;
}
.category-list .category-type h2 {
  font-size: 14px;
  color: var(--dark-blue);
  padding-bottom: 26px;
}
@media screen and (min-width: 320px) {
  .category-list .category-type h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .category-list .category-type h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .category-list .category-type h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .category-list .category-type h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .category-list .category-type h2 {
    font-size: 16px;
  }
}
.category-list .category-type .product-type {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
}
.category-list .category-type .product-type .img-wrap-cont {
  margin: 0 3px 26px;
  margin-right: 16px;
  padding: 28px 23px 28px 24px;
  border-radius: 20px;
  box-shadow: 0 6px 6px 0 #42505933;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  cursor: pointer;
}
.category-list .category-type .product-type .img-wrap-cont .img-wrap {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.category-list .category-type .product-type .img-wrap-cont .img-wrap i {
  text-align: center;
  font-size: 30px;
  color: var(--headerColor);
  font-weight: 600;
}
@media screen and (min-width: 320px) {
  .category-list .category-type .product-type .img-wrap-cont .img-wrap i {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .category-list .category-type .product-type .img-wrap-cont .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .category-list .category-type .product-type .img-wrap-cont .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .category-list .category-type .product-type .img-wrap-cont .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .category-list .category-type .product-type .img-wrap-cont .img-wrap i {
    font-size: 30px;
  }
}
.category-list .category-type .product-type .img-wrap-cont .img-wrap i.icon-All-products::before {
  color: var(--headerColor);
}
.category-list .category-type .product-type .img-wrap-cont p {
  font-size: 14px;
  color: var(--headerColor);
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .category-list .category-type .product-type .img-wrap-cont p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .category-list .category-type .product-type .img-wrap-cont p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .category-list .category-type .product-type .img-wrap-cont p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .category-list .category-type .product-type .img-wrap-cont p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .category-list .category-type .product-type .img-wrap-cont p {
    font-size: 16px;
  }
}
.category-list .category-type.by-brand {
  position: relative;
  background: var(--white);
}
.category-list .category-type.by-brand h2 {
  color: var(--dark-blue);
}
.category-list .category-type.by-brand ion-card {
  background: var(--white);
  padding: 0;
  margin: 0;
  z-index: 1;
  box-shadow: none !important;
}
.category-list .category-type.by-brand ion-card .ion-card-row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  margin-right: -10px;
}
.category-list .category-type.by-brand ion-card .ion-card-row:after {
  position: absolute;
  height: 2px;
  height: 0;
  background: var(--white);
  left: 0;
  width: 100%;
  bottom: 0;
  right: 0;
  content: "";
}
.category-list .category-type.by-brand ion-card .ion-card-row .img-wrap {
  width: calc(33.33% - 10px);
  margin-right: 10px;
  margin-bottom: 15px;
  cursor: pointer;
}
.category-list .category-type.by-brand ion-card .ion-card-row .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category-list .category-type.by-brand ion-card .ion-card-row .img-wrap:nth-child(3) {
  margin-right: 0;
}
.category-list .category-type.by-series .seies-box-wrap .series-row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.category-list .category-type.by-series .seies-box-wrap .series-row .series-box {
  width: 100%;
  margin-bottom: 14px;
  box-shadow: 0 3px 12px 0 rgba(36, 49, 66, 0.11);
  background-color: #f6f9fb;
  border-radius: 20px;
  background-color: #ecf5ff;
  padding: 18px 16px 19px 20px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.category-list .category-type.by-series .seies-box-wrap .series-row .series-box:after {
  position: absolute;
  content: "";
  font-family: "icomoon" !important;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--dark-blue);
}
.category-list .category-type.by-series .seies-box-wrap .series-row .series-box h3 {
  color: var(--dark-blue);
  font-size: 16px;
  text-align: center;
  font-family: var(--font-md);
  line-height: 1;
  word-break: break-word;
}
@media screen and (min-width: 320px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box h3 {
    font-size: 18px;
  }
}
.category-list .category-type.by-series .seies-box-wrap .series-row .series-box p {
  font-size: 14px;
  color: var(--dark-blue);
  text-align: center;
}
@media screen and (min-width: 320px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .category-list .category-type.by-series .seies-box-wrap .series-row .series-box p {
    font-size: 16px;
  }
}
.category-list .category-type:last-child {
  padding-bottom: 70px;
}
.category-filter .brand-filter {
  padding: 20px 0px 10px 30px;
}
.category-filter .brand-filter h2 {
  color: var(--white);
  font-size: 14px;
  font-family: var(--font-md);
  padding-bottom: 10px;
}
@media screen and (min-width: 320px) {
  .category-filter .brand-filter h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .category-filter .brand-filter h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .category-filter .brand-filter h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .category-filter .brand-filter h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .category-filter .brand-filter h2 {
    font-size: 16px;
  }
}
.category-filter .brand-filter .scroll-inner {
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px 0;
}
.category-filter .brand-filter .scroll-inner span {
  padding: 10px 20px;
  color: var(--white);
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  border-radius: 25px;
  border: solid 1px #ffffff;
  background-color: var(--headerColor);
  font-family: var(--font-md);
  cursor: pointer;
}
@media screen and (min-width: 320px) {
  .category-filter .brand-filter .scroll-inner span {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .category-filter .brand-filter .scroll-inner span {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .category-filter .brand-filter .scroll-inner span {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .category-filter .brand-filter .scroll-inner span {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .category-filter .brand-filter .scroll-inner span {
    font-size: 16px;
  }
}
.category-filter .brand-filter .scroll-inner span.active {
  background-color: var(--slprimary);
  color: var(--dark-blue);
  border: solid 1px var(--slprimary);
}
.category-filter .filter-result .filter-accord {
  padding: 0 30px;
}
.category-filter .filter-result .filter-accord .filter-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 0;
}
.category-filter .filter-result .filter-accord .filter-head h2 {
  color: var(--white);
  font-size: 14px;
  font-family: var(--font-md);
  padding-right: 10px;
}
@media screen and (min-width: 320px) {
  .category-filter .filter-result .filter-accord .filter-head h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .category-filter .filter-result .filter-accord .filter-head h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .category-filter .filter-result .filter-accord .filter-head h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .category-filter .filter-result .filter-accord .filter-head h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .category-filter .filter-result .filter-accord .filter-head h2 {
    font-size: 16px;
  }
}
.category-filter .filter-result .filter-accord .filter-head h2 span {
  font-family: var(--font-bd);
}
.category-filter .filter-result .filter-accord .filter-head i {
  color: var(--white);
}
.category-filter .filter-result .filter-accord .filterbody {
  padding-bottom: 25px;
}
.category-filter .filter-result .filter-apply-result {
  padding: 15px;
  background-color: #f6f9fb;
}
.category-filter .filter-result .filter-apply-result p {
  font-size: 12px;
  color: var(--border-bottom);
  text-align: center;
}
@media screen and (min-width: 320px) {
  .category-filter .filter-result .filter-apply-result p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .category-filter .filter-result .filter-apply-result p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .category-filter .filter-result .filter-apply-result p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .category-filter .filter-result .filter-apply-result p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .category-filter .filter-result .filter-apply-result p {
    font-size: 14px;
  }
}
.category-filter .filter-result .filter-apply-result p span {
  color: var(--dark-blue);
}
.category-filter .filter-result .filter-prod-wrap {
  margin: 30px 18px;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 7px 16px 0 #818aa34c;
  background-color: #ffffff;
  padding: 30px 24px;
}
.category-filter .filter-result .filter-prod-result {
  margin-bottom: 20px;
}
.category-filter .filter-result .filter-prod-result h2 {
  text-align: left;
  color: var(--headerColor);
  font-size: 16px;
  padding-bottom: 20px;
}
@media screen and (min-width: 320px) {
  .category-filter .filter-result .filter-prod-result h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .category-filter .filter-result .filter-prod-result h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .category-filter .filter-result .filter-prod-result h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .category-filter .filter-result .filter-prod-result h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .category-filter .filter-result .filter-prod-result h2 {
    font-size: 18px;
  }
}
.category-detail-container {
  padding-bottom: 56px;
}
.category-detail-container .key-feature {
  margin: 20px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 0;
}
.category-detail-container .key-feature ion-card {
  margin: 0;
}
.category-detail-container .key-feature ion-card .filter-row-result .video-box {
  margin-bottom: 0;
}
.category-detail-container .product-detail-slider {
  min-height: 250px;
  margin: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.category-detail-container .product-detail-slider .img-wrap {
  margin-top: 55px;
}
.category-detail-container .product-detail-slider .img-wrap img {
  margin: 0 auto;
}
.category-detail-container .filterlist-scroll {
  background: var(--headerColor);
  width: calc(100% - 25px);
}
.category-detail-container .filterlist-scroll .filter-scroll-inner {
  padding: 16px 10px 10px 10px;
  justify-content: flex-start;
  margin-bottom: 12px;
}
.category-detail-container .filterlist-scroll .filter-scroll-inner .filter-options p {
  padding: 0;
  font-size: 12px;
  font-family: var(--font-bd);
  color: #a1b5cc;
}
@media screen and (min-width: 320px) {
  .category-detail-container .filterlist-scroll .filter-scroll-inner .filter-options p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .category-detail-container .filterlist-scroll .filter-scroll-inner .filter-options p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .category-detail-container .filterlist-scroll .filter-scroll-inner .filter-options p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .category-detail-container .filterlist-scroll .filter-scroll-inner .filter-options p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .category-detail-container .filterlist-scroll .filter-scroll-inner .filter-options p {
    font-size: 14px;
  }
}
.category-detail-container .filterlist-scroll .filter-scroll-inner .filter-options.active p {
  color: var(--slprimary);
}
.category-detail-container .filterlist-scroll .filter-scroll-inner .filter-options.active:after {
  background: var(--slprimary);
}
.category-detail-container .product-detail-container .product-detail-box {
  margin: 0 auto;
}
.category-detail-container .mtm-feature ion-card {
  padding: 20px;
  padding-right: 30px;
  border-radius: 4px;
  box-shadow: 0 3px 12px 0 rgba(36, 49, 66, 0.11);
  background-color: white;
  margin: 0;
  position: relative;
  border-bottom: solid 1px #e0dfde;
}
.category-detail-container .mtm-feature ion-card:after {
  content: "";
  position: absolute;
  top: 26px;
  right: 20px;
  font-family: "icomoon";
  color: var(--dark-blue);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .category-detail-container .mtm-feature ion-card:after {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .category-detail-container .mtm-feature ion-card:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .category-detail-container .mtm-feature ion-card:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .category-detail-container .mtm-feature ion-card:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .category-detail-container .mtm-feature ion-card:after {
    font-size: 16px;
  }
}
.category-detail-container .mtm-feature ion-card h4 {
  color: var(--border-bottom);
  font-size: 12px;
  font-family: var(--font-rg);
}
@media screen and (min-width: 320px) {
  .category-detail-container .mtm-feature ion-card h4 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .category-detail-container .mtm-feature ion-card h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .category-detail-container .mtm-feature ion-card h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .category-detail-container .mtm-feature ion-card h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .category-detail-container .mtm-feature ion-card h4 {
    font-size: 14px;
  }
}
.category-detail-container .mtm-feature ion-card h4 span {
  color: var(--dark-blue);
}
.category-detail-container .mtm-feature ion-card p {
  color: var(--dark-blue);
  font-size: 16px;
  padding-bottom: 5px;
  font-family: var(--font-bd);
}
@media screen and (min-width: 320px) {
  .category-detail-container .mtm-feature ion-card p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .category-detail-container .mtm-feature ion-card p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .category-detail-container .mtm-feature ion-card p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .category-detail-container .mtm-feature ion-card p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .category-detail-container .mtm-feature ion-card p {
    font-size: 18px;
  }
}
.category-detail-container .mtm-feature ion-card .mtm-row {
  display: flex;
  justify-content: space-between;
}
.category-detail-container .mtm-feature ion-card .mtm-row .counter {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 13px 6px;
  background-color: #ecf5ff;
  font-size: 12px;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (min-width: 320px) {
  .category-detail-container .mtm-feature ion-card .mtm-row .counter {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .category-detail-container .mtm-feature ion-card .mtm-row .counter {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .category-detail-container .mtm-feature ion-card .mtm-row .counter {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .category-detail-container .mtm-feature ion-card .mtm-row .counter {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .category-detail-container .mtm-feature ion-card .mtm-row .counter {
    font-size: 14px;
  }
}
.category-detail-container .mtm-feature ion-card .mtm-row .mtm-row-box {
  width: 50%;
  padding-right: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.category-detail-container .mtm-feature ion-card .mtm-row .mtm-row-box h4 {
  padding-bottom: 0px;
}
.category-detail-container .mtm-feature ion-card .mtm-row .mtm-row-box p {
  padding-bottom: 4px;
}
.category-detail-container .mtm-feature ion-card .mtm-row .mtm-row-box:last-child {
  padding-right: 0;
}
.category-detail-container .compatible-accesories {
  margin: 0 20px;
  padding: 20px 0;
  background: var(--white);
  border-radius: 20px;
  overflow: hidden;
}
.category-detail-container .warranty-img {
  margin: 0 30px;
  padding: 20px 0;
}
.category-detail-container .warranty-img ion-card {
  background-color: var(--white);
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.category-detail-container .warranty-img ion-card .img-wrap img {
  width: 100%;
}
.filter-row-result {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -2px;
  position: relative;
}
.filter-row-result:after {
  position: absolute;
  height: 2px;
  height: 0;
  background: var(--white);
  left: 0;
  width: 100%;
  bottom: 0;
  right: 0;
  content: "";
}
.filter-row-result .video-box {
  margin: 10px 10px 0;
  min-height: 100px;
  max-height: 180px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
.filter-row-result .video-box .img-wrap {
  position: relative;
  overflow: hidden;
}
.filter-row-result .video-box .img-wrap::after {
  content: "";
  background-image: linear-gradient(to bottom, #00000000, #080930);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;
  left: 0;
}
.filter-row-result .video-box .img-wrap img {
  width: 100%;
}
.filter-row-result .video-box .video-info {
  position: absolute;
  padding: 15px 15px;
  bottom: 0;
  width: 100%;
  z-index: 10;
  top: 0;
  background: rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.filter-row-result .video-box .video-info p {
  width: 80%;
  color: var(--white);
  font-size: 16px;
  text-align: left;
  position: absolute;
  left: 10px;
  bottom: 20px;
}
@media screen and (min-width: 320px) {
  .filter-row-result .video-box .video-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .filter-row-result .video-box .video-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .filter-row-result .video-box .video-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .filter-row-result .video-box .video-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .filter-row-result .video-box .video-info p {
    font-size: 18px;
  }
}
.filter-row-result .video-box .video-info .img-wrap-inner {
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.filter-row-result .video-box .video-info .full-screen {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
}
.filter-row-result .result-box {
  width: 50%;
  padding: 10px 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.filter-row-result .result-box.single-box {
  width: 100%;
  border-right: 0;
}
.filter-row-result .result-box .img-wrap {
  padding-bottom: 15px;
  margin-top: auto;
  margin-bottom: auto;
}
.filter-row-result .result-box .img-wrap img {
  margin: 0 auto;
  max-width: 150px;
}
.filter-row-result .result-box p {
  font-size: 14px;
  text-align: center;
  color: var(--dark-blue);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .filter-row-result .result-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .filter-row-result .result-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .filter-row-result .result-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .filter-row-result .result-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .filter-row-result .result-box p {
    font-size: 16px;
  }
}
.waran-heading {
  text-align: center;
  padding: 20px;
}
.waran-heading p {
  color: var(--slprimary);
}
.product-detail-container.pop-top {
  margin: 20px 18px 0 18px;
}
.product-detail-container.pop-top .prod-head-title {
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-family: var(--font-bd);
  max-width: 75%;
  margin: 0 auto;
}
@media screen and (min-width: 320px) {
  .product-detail-container.pop-top .prod-head-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.pop-top .prod-head-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.pop-top .prod-head-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.pop-top .prod-head-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.pop-top .prod-head-title {
    font-size: 18px;
  }
}
.product-detail-container.pop-top .status-report {
  padding: 12px 17px 12px 17px;
  border-radius: 10px;
  box-shadow: 0 7px 16px 0 #818aa34c;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  max-width: 80%;
  margin: 0 auto;
  position: relative;
  top: 24px;
  z-index: 9;
}
.product-detail-container.pop-top .status-report .img-wrap {
  width: 30px;
  margin-right: 16px;
}
.product-detail-container.pop-top .status-report .img-wrap i {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.pop-top .status-report .img-wrap i {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.pop-top .status-report .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.pop-top .status-report .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.pop-top .status-report .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.pop-top .status-report .img-wrap i {
    font-size: 30px;
  }
}
.product-detail-container.pop-top .status-report h4 {
  font-size: 14px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .product-detail-container.pop-top .status-report h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.pop-top .status-report h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.pop-top .status-report h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.pop-top .status-report h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.pop-top .status-report h4 {
    font-size: 16px;
  }
}
.product-detail-container.pop-top .product-detail-box {
  margin: 0 0 20px 0;
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
  padding-top: 30px;
}
.product-detail-container.pop-top .product-detail-box .product-info {
  flex-direction: column;
  padding: 16px;
  border-bottom: solid 1px #e0dfde;
}
.product-detail-container.pop-top .product-detail-box .product-info ul {
  margin-top: 20px;
}
.product-detail-container.pop-top .product-detail-box .product-info h4 {
  color: var(--dark-blue);
  font-size: 14px;
  font-family: var(--font-bd);
}
@media screen and (min-width: 320px) {
  .product-detail-container.pop-top .product-detail-box .product-info h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.pop-top .product-detail-box .product-info h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.pop-top .product-detail-box .product-info h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.pop-top .product-detail-box .product-info h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.pop-top .product-detail-box .product-info h4 {
    font-size: 16px;
  }
}
.product-detail-container.pop-top .product-detail-box .product-info p {
  color: var(--border-bottom);
  font-family: var(--font-rg);
  word-break: break-word;
}
.product-detail-container.detail-design {
  padding-top: 20px;
}
.product-detail-container.detail-design .product-detail-box {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.product-detail-container.detail-design .product-detail-box .product-info {
  padding: 16px;
}
.point-earned {
  display: flex;
  justify-content: space-between;
  padding: 18px 30px;
  align-items: center;
  background: var(--white);
  margin: 0 auto;
}
.point-earned .point-earned-box {
  padding-right: 10px;
}
.point-earned .point-earned-box:last-child {
  padding-right: 0;
}
.point-earned .point-earned-box h2 {
  color: var(--dark-blue);
  font-size: 22px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .point-earned .point-earned-box h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .point-earned .point-earned-box h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .point-earned .point-earned-box h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .point-earned .point-earned-box h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .point-earned .point-earned-box h2 {
    font-size: 24px;
  }
}
.point-earned .point-earned-box p {
  color: var(--border-bottom);
  font-size: 14px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .point-earned .point-earned-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .point-earned .point-earned-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .point-earned .point-earned-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .point-earned .point-earned-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .point-earned .point-earned-box p {
    font-size: 16px;
  }
}
.product-detail-container.reward-point {
  background: var(--white);
}
.product-detail-container.reward-point .head-wrap {
  background: var(--dark-blue);
  padding: 26px 20px 60px 20px;
  flex-wrap: wrap;
}
.product-detail-container.reward-point .head-wrap .point-earned {
  padding: 18px 24px;
  background-image: linear-gradient(to bottom, #1ca0f2, #3ccefa);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width: 100%;
  margin: initial;
}
.product-detail-container.reward-point .head-wrap .point-earned .point-earned-box h2 {
  color: #fff12d;
}
.product-detail-container.reward-point .head-wrap .point-earned .point-earned-box p {
  color: var(--white);
}
.product-detail-container.reward-point .head-wrap .bottom-point {
  text-align: center;
  color: var(--white);
  box-shadow: 0 3px 12px 0 #2431421b;
  background-color: #1ca0f2;
  padding: 18px 10px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 14px;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .head-wrap .bottom-point {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .head-wrap .bottom-point {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .head-wrap .bottom-point {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .head-wrap .bottom-point {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .head-wrap .bottom-point {
    font-size: 16px;
  }
}
.product-detail-container.reward-point .head-wrap .bottom-point .number {
  color: #fff12d;
  font-size: 18px;
  margin-right: 5px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .head-wrap .bottom-point .number {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .head-wrap .bottom-point .number {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .head-wrap .bottom-point .number {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .head-wrap .bottom-point .number {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .head-wrap .bottom-point .number {
    font-size: 20px;
  }
}
.product-detail-container.reward-point .head-wrap .bottom-point img {
  width: 11px;
}
.product-detail-container.reward-point .head-wrap .list-head {
  display: block;
  width: 100%;
  position: relative;
}
.product-detail-container.reward-point .head-wrap .list-head .img-wrap img {
  width: 100%;
}
.product-detail-container.reward-point .head-wrap .list-head .img-wrap-info {
  width: 100%;
  position: absolute;
  bottom: 20px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}
.product-detail-container.reward-point .head-wrap .list-head .img-wrap-info h2 {
  font-size: 24px;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info h2 {
    font-size: 26px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info h2 {
    font-size: 26px;
  }
}
.product-detail-container.reward-point .head-wrap .list-head .img-wrap-info p {
  font-size: 16px;
  color: var(--white);
  opacity: 0.7;
  text-shadow: 0 2px 4px #00000080;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .head-wrap .list-head .img-wrap-info p {
    font-size: 18px;
  }
}
.product-detail-container.reward-point .catalogue-container {
  padding: 20px;
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box {
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  box-shadow: 0 3px 12px 0 #2431421b;
  background-color: #ffffff;
  padding: 20px 14px;
  align-items: flex-start;
  margin-bottom: 16px;
  position: relative;
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box:last-child {
  margin-bottom: 0;
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box:last-child .img-wrap:after {
  display: none;
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .img-wrap {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  z-index: 9;
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .img-wrap:after {
  position: absolute;
  content: "";
  left: 21px;
  right: 0;
  top: 36px;
  height: 100%;
  width: 1px;
  background-color: #e0e0e0;
  z-index: -1;
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .img-wrap img {
  width: 100%;
  height: 100%;
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info {
  width: calc(100% - 40px);
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info p {
  color: var(--primary);
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 1;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info p {
    font-size: 14px;
  }
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h3 {
  color: var(--border-bottom);
  padding-bottom: 20px;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h3 {
    font-size: 22px;
  }
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h4 {
  font-size: 14px;
  color: var(--dark-blue);
  opacity: 0.3;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box .history-info h4 {
    font-size: 16px;
  }
}
.product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box i {
  align-self: center;
  color: var(--border-bottom);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box i {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box i {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box i {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box i {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .redemption-history .redemption-history-box i {
    font-size: 14px;
  }
}
.product-detail-container.reward-point .catalogue-container .catalogue-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-detail-container.reward-point .catalogue-container .redeem-amount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0 3px 12px 0 #00000033;
  background-color: #394553;
  position: relative;
  margin-top: -60px;
  margin-bottom: 30px;
}
.product-detail-container.reward-point .catalogue-container .redeem-amount p {
  color: #2cffbe;
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p {
    font-size: 24px;
  }
}
.product-detail-container.reward-point .catalogue-container .redeem-amount p span {
  color: var(--white);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p span {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p span {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p span {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p span {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount p span {
    font-size: 16px;
  }
}
.product-detail-container.reward-point .catalogue-container .redeem-amount i {
  color: var(--border-bottom);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount i {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount i {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount i {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount i {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .redeem-amount i {
    font-size: 16px;
  }
}
.product-detail-container.reward-point .catalogue-container h2 {
  font-size: 22px;
  font-family: var(--font-md);
  color: var(--border-bottom);
  padding-bottom: 15px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container h2 {
    font-size: 24px;
  }
}
.product-detail-container.reward-point .catalogue-container .exclusive-head {
  margin-bottom: 10px;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0 30px 0;
  margin-left: -20px;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list {
  flex-wrap: wrap;
  overflow-x: initial;
  margin-left: 0;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list .brand-box {
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 3px 12px 0 #2431421b;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list .brand-box .img-wrap {
  display: block;
  height: initial;
  border: 0;
  width: initial;
  border-radius: 6px;
  padding: 0;
  position: relative;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list .brand-box .img-wrap .disabled-wrap {
  position: absolute;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  padding: 10px;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list .brand-box .img-wrap .disabled-wrap .disabled-text {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
  text-shadow: 0 2px 9px rgba(0, 0, 0, 0.7);
  color: #fff12d;
  text-transform: uppercase;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list .brand-box .img-wrap .disabled-wrap .disabled-text {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list .brand-box .img-wrap .disabled-wrap .disabled-text {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list .brand-box .img-wrap .disabled-wrap .disabled-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list .brand-box .img-wrap .disabled-wrap .disabled-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list .brand-box .img-wrap .disabled-wrap .disabled-text {
    font-size: 16px;
  }
}
.product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list.brand-list {
  flex-wrap: initial;
  padding-bottom: 0px;
  margin-left: 0;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div.catalogue-list.brand-list .brand-box {
  margin-right: 20px;
  min-width: 100%;
  position: relative;
  overflow: hidden;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box {
  margin-left: 20px;
  border-radius: 6px;
  position: relative;
  width: calc((100% / 3) - 20px);
  margin-bottom: 15px;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box:nth-child(3) {
  margin-right: 0;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-wrap {
  display: flex;
  height: 60px;
  border: solid 1px #ccc;
  padding: 5px;
  align-items: center;
  border-radius: 0;
  margin-bottom: 8px;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-wrap img {
  width: 100%;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-wrap.reward-brand-icon img {
  width: auto;
  margin: 0 auto;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info {
  padding: 20px;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info .head-title-wrap {
  position: relative;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info .head-title-wrap ul {
  position: relative;
  min-width: 120px;
  left: -5px;
  top: -15px;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info .head-title-wrap ul li {
  padding: 5px;
  font-size: 22px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info .head-title-wrap ul li {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info .head-title-wrap ul li {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info .head-title-wrap ul li {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info .head-title-wrap ul li {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info .head-title-wrap ul li {
    font-size: 24px;
  }
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info h3 {
  font-size: 14px;
  font-family: var(--font-md);
  color: var(--dark-blue);
  padding-bottom: 25px;
  display: flex;
  white-space: normal;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info h3 {
    font-size: 16px;
  }
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info h3 span {
  margin-right: 9px;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info h3 span .icon-arrow-down {
  margin-top: 6px;
  display: block;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p {
  font-size: 12px;
  color: var(--border-bottom);
  white-space: normal;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p {
    font-size: 14px;
  }
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p span {
  display: flex;
  align-items: center;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p span i {
  margin-right: 5px;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.redeem {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.redeem {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.redeem {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.redeem {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.redeem {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.redeem {
    font-size: 18px;
  }
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.pink-color {
  color: var(--primary);
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.claimed {
  color: #14a943;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.pending {
  color: #ff6a00;
}
.product-detail-container.reward-point .catalogue-container .scrollable-div .brand-box .img-info p.rejected {
  color: #e54d4d;
}
.product-detail-container.reward-point .catalogue-container .category-div-wrap {
  padding: 20px 0;
}
.product-detail-container.reward-point .catalogue-container .category-div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product-detail-container.reward-point .catalogue-container .category-div .category-box {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 15px;
  position: relative;
  min-height: 135px;
}
.product-detail-container.reward-point .catalogue-container .category-div .category-box .img-wrap {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.product-detail-container.reward-point .catalogue-container .category-div .category-box .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-detail-container.reward-point .catalogue-container .category-div .category-box .img-wrap.reward-brand-icon img {
  width: auto;
  margin: 0 auto;
}
.product-detail-container.reward-point .catalogue-container .category-div .category-box p {
  position: absolute;
  color: #fbfbfb;
  font-size: 16px;
  font-family: var(--font-bd);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  text-shadow: 0 2px 4px #00000080;
}
@media screen and (min-width: 320px) {
  .product-detail-container.reward-point .catalogue-container .category-div .category-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-detail-container.reward-point .catalogue-container .category-div .category-box p {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-detail-container.reward-point .catalogue-container .category-div .category-box p {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-detail-container.reward-point .catalogue-container .category-div .category-box p {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-detail-container.reward-point .catalogue-container .category-div .category-box p {
    font-size: 18px;
  }
}
.exclusive-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.exclusive-head h3 {
  color: var(--dark-blue);
  font-family: var(--font-md);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .exclusive-head h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .exclusive-head h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .exclusive-head h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .exclusive-head h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .exclusive-head h3 {
    font-size: 16px;
  }
}
.exclusive-head a {
  font-size: 12px;
  color: var(--border-bottom);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .exclusive-head a {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .exclusive-head a {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .exclusive-head a {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .exclusive-head a {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .exclusive-head a {
    font-size: 14px;
  }
}
.exclusive-head a i {
  margin-left: 6px;
}
.animate-glow {
  animation: glow 1s ease-in-out infinite alternate;
  display: inline-block;
  margin-left: 5px;
}
.matrix-container {
  padding-bottom: 20px;
  background: #3e8cde;
}
.matrix-container .matrix-table img {
  display: block;
}
.bg-social-matrix {
  background: #FBFBFB;
  --background: #FBFBFB;
}
.home-scheme-container.home-offers .home-scheme-slider {
  margin-top: 45px;
  overflow: initial;
}
.home-scheme-container.home-offers .home-scheme-slider .swiper-container {
  overflow: initial;
}
.home-scheme-container.home-offers .home-scheme-slider .swiper-container .swiper-pagination {
  margin-top: 6px;
}
.timer-countdown {
  display: flex;
  justify-content: center;
  align-items: center;
}
.timer-countdown span {
  position: relative;
  width: 42px;
  height: 42px;
  padding: 5px;
  color: var(--white);
  margin-right: 10px;
  font-size: 21px;
  border-radius: 8px;
  background-color: #e74e48;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timer-countdown span::after {
  position: absolute;
  content: ":";
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  color: #000000;
  font-size: 20px;
}
.timer-countdown span:last-child {
  margin-right: 0;
}
.timer-countdown span:last-child::after {
  display: none;
}
.filter-btn {
  border: solid 1px var(--border-bottom);
  border-radius: 6px;
  padding: 7px;
  font-size: 14px;
  color: var(--border-bottom);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .filter-btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .filter-btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .filter-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .filter-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .filter-btn {
    font-size: 16px;
  }
}
.filter-btn i {
  margin-left: 4px;
}
.filter-apply .icon-filter {
  position: relative;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .filter-apply .icon-filter {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .filter-apply .icon-filter {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .filter-apply .icon-filter {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .filter-apply .icon-filter {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .filter-apply .icon-filter {
    font-size: 22px;
  }
}
.filter-apply .icon-filter:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  background: var(--white);
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.catalouge-detail {
  padding-bottom: 50px;
}
.catalouge-detail .head {
  overflow: hidden;
  object-fit: cover;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 7px 16px 0 #4250594c;
}
.catalouge-detail .head img {
  width: 100%;
  height: 100%;
}
.catalouge-detail .head .img-info {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  align-items: flex-end;
  text-align: left;
}
.catalouge-detail .head .img-info .voucher-amount {
  background: var(--white);
}
.catalouge-detail .head .img-info .voucher-amount h3 {
  font-size: 30px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .catalouge-detail .head .img-info .voucher-amount h3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .head .img-info .voucher-amount h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .head .img-info .voucher-amount h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .head .img-info .voucher-amount h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .head .img-info .voucher-amount h3 {
    font-size: 30px;
  }
}
.catalouge-detail .head .img-info .voucher-amount p {
  font-size: 14px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .catalouge-detail .head .img-info .voucher-amount p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .head .img-info .voucher-amount p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .head .img-info .voucher-amount p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .head .img-info .voucher-amount p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .head .img-info .voucher-amount p {
    font-size: 16px;
  }
}
.catalouge-detail .head .img-info .voucher-date h4 {
  font-size: 14px;
  color: var(--headerColor);
}
@media screen and (min-width: 320px) {
  .catalouge-detail .head .img-info .voucher-date h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .head .img-info .voucher-date h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .head .img-info .voucher-date h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .head .img-info .voucher-date h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .head .img-info .voucher-date h4 {
    font-size: 16px;
  }
}
.catalouge-detail .head .img-info .voucher-date h4.pending {
  color: var(--dark-blue);
}
.catalouge-detail .head .img-info .voucher-date p {
  font-size: 12px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .catalouge-detail .head .img-info .voucher-date p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .head .img-info .voucher-date p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .head .img-info .voucher-date p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .head .img-info .voucher-date p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .head .img-info .voucher-date p {
    font-size: 14px;
  }
}
.catalouge-detail .head.grayscale {
  position: relative;
}
.catalouge-detail .head.grayscale::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(213, 210, 210, 0.8);
  cursor: none;
}
.catalouge-detail .detail-view {
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 7px 16px 0 #818aa34c;
  background-color: #ffffff;
  margin: 20px;
}
.catalouge-detail .detail-view h2 {
  font-size: 22px;
  padding-bottom: 20px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view h2 {
    font-size: 24px;
  }
}
.catalouge-detail .detail-view .voucher-status {
  padding: 20px 0;
  margin-bottom: 15px;
}
.catalouge-detail .detail-view .voucher-status .pending-head {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
  align-items: baseline;
}
.catalouge-detail .detail-view .voucher-status .pending-head .img-wrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px var(--dark-blue);
}
.catalouge-detail .detail-view .voucher-status .pending-head .img-wrap i {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .img-wrap i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .img-wrap i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .img-wrap i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .img-wrap i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .img-wrap i {
    font-size: 22px;
  }
}
.catalouge-detail .detail-view .voucher-status .pending-head .status-data {
  width: calc(100% - 48px);
  display: flex;
  flex-wrap: wrap;
}
.catalouge-detail .detail-view .voucher-status .pending-head .status-data p {
  font-size: 22px;
  font-family: var(--font-bd);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p {
    font-size: 20px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p {
    font-size: 22px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p {
    font-size: 24px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p {
    font-size: 24px;
  }
}
.catalouge-detail .detail-view .voucher-status .pending-head .status-data p .need-help {
  color: var(--headerColor);
  font-size: 14px;
  text-align: right;
  font-family: var(--font-md);
  width: max-content;
  margin-top: initial;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p .need-help {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p .need-help {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p .need-help {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p .need-help {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data p .need-help {
    font-size: 16px;
  }
}
.catalouge-detail .detail-view .voucher-status .pending-head .status-data span {
  font-size: 12px;
  color: var(--dark-blue);
  display: block;
  width: 100%;
  margin-top: 10px;
  display: block;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data span {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data span {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data span {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .voucher-status .pending-head .status-data span {
    font-size: 14px;
  }
}
.catalouge-detail .detail-view .voucher-status .status-reason {
  color: var(--border-bottom);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .voucher-status .status-reason {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .voucher-status .status-reason {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .voucher-status .status-reason {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .voucher-status .status-reason {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .voucher-status .status-reason {
    font-size: 16px;
  }
}
.catalouge-detail .detail-view .voucher-status .voucher-code {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #f2f2f2;
}
.catalouge-detail .detail-view .voucher-status .voucher-code:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.catalouge-detail .detail-view .voucher-status .voucher-code p {
  font-size: 14px;
  padding-bottom: 8px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code p {
    font-size: 16px;
  }
}
.catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy {
  display: flex;
  justify-content: space-between;
}
.catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy span {
  font-size: 18px;
  width: 80%;
  letter-spacing: 1.13px;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy span {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy span {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy span {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy span {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy span {
    font-size: 20px;
  }
}
.catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy i {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .voucher-status .voucher-code .voucher-copy i {
    font-size: 22px;
  }
}
.catalouge-detail .detail-view .order-id {
  color: var(--border-bottom);
  padding-bottom: 20px;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .order-id {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .order-id {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .order-id {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .order-id {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .order-id {
    font-size: 14px;
  }
}
.catalouge-detail .detail-view .date-valid {
  font-size: 14px;
  color: var(--primary);
  padding-bottom: 25px;
  display: block;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .date-valid {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .date-valid {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .date-valid {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .date-valid {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .date-valid {
    font-size: 16px;
  }
}
.catalouge-detail .detail-view .form-login {
  margin-bottom: 12px;
}
.catalouge-detail .detail-view .form-login .formOuter {
  margin-bottom: 5px;
  flex-wrap: wrap;
}
.catalouge-detail .detail-view .form-login .formOuter .formPrimaryInput {
  margin-bottom: 3px;
  border-radius: 5px;
  box-shadow: 0 3px 12px 0 #2431421c;
  --border-width: 0;
  border: solid 1px #e0dfde;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  --min-height: 50px;
}
.catalouge-detail .detail-view .form-login .formOuter .Error {
  padding-left: 7px;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .form-login .formOuter .Error {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .form-login .formOuter .Error {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .form-login .formOuter .Error {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .form-login .formOuter .Error {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .form-login .formOuter .Error {
    font-size: 14px;
  }
}
.catalouge-detail .detail-view .form-login i {
  font-size: 12px;
  color: var(--border-bottom);
  margin-bottom: 5px;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .form-login i {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .form-login i {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .form-login i {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .form-login i {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .form-login i {
    font-size: 14px;
  }
}
.catalouge-detail .detail-view .terms-cond {
  background: #fbfbfb;
  padding: 20px;
  margin: 0 -20px;
}
.catalouge-detail .detail-view .terms-cond h3 {
  font-size: 14px;
  padding-bottom: 10px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .terms-cond h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .terms-cond h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .terms-cond h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .terms-cond h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .terms-cond h3 {
    font-size: 16px;
  }
}
.catalouge-detail .detail-view .terms-cond .content p {
  font-size: 14px;
  color: var(--border-bottom);
  line-height: 1.67;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .terms-cond .content p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .terms-cond .content p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .terms-cond .content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .terms-cond .content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .terms-cond .content p {
    font-size: 16px;
  }
}
.catalouge-detail .detail-view .terms-cond .content li {
  font-size: 14px;
  color: var(--border-bottom);
  line-height: 1.67;
  margin-left: 14px;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .terms-cond .content li {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .terms-cond .content li {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .terms-cond .content li {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .terms-cond .content li {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .terms-cond .content li {
    font-size: 16px;
  }
}
.catalouge-detail .detail-view .terms-cond .content-link {
  font-size: 12px;
  color: var(--headerColor);
  line-height: 1.3;
}
@media screen and (min-width: 320px) {
  .catalouge-detail .detail-view .terms-cond .content-link {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .catalouge-detail .detail-view .terms-cond .content-link {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .catalouge-detail .detail-view .terms-cond .content-link {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .catalouge-detail .detail-view .terms-cond .content-link {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .catalouge-detail .detail-view .terms-cond .content-link {
    font-size: 14px;
  }
}
.terms-applied {
  display: flex;
  color: var(--dark-blue);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .terms-applied {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .terms-applied {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .terms-applied {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .terms-applied {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .terms-applied {
    font-size: 14px;
  }
}
.terms-applied p {
  margin-right: 8px;
}
.formOuter .mbsc-material .mbsc-input input {
  border-bottom: none;
}
.formOuter .mbsc-material .mbsc-input input:focus {
  border-bottom: none;
}
.fixed-fab {
  position: fixed;
  right: 30px;
  bottom: 60px;
}
.disable:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
  position: absolute;
  left: 0;
  top: 0;
}
.block-user {
  border-radius: 4px;
  background-color: #ffe6e6;
  padding: 18px 25px;
}
.block-user li {
  color: #ff103f;
  font-size: 14px;
  list-style-type: initial;
}
@media screen and (min-width: 320px) {
  .block-user li {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .block-user li {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .block-user li {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .block-user li {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .block-user li {
    font-size: 16px;
  }
}
.blur-background {
  filter: blur(7px);
}
.text-ellip {
  white-space: initial;
  text-transform: capitalize;
  color: var(--dark-blue);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .text-ellip {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .text-ellip {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .text-ellip {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .text-ellip {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .text-ellip {
    font-size: 14px;
  }
}
.matrix-social-container {
  margin-left: 16px;
  margin-right: 16px;
}
.matrix-social-container img {
  margin: 0 auto 20px;
}
.infinite-scroll-enabled {
  background: var(--white);
}
.switch-btn {
  margin-top: 22px;
}
.switch-btn .btn-container {
  justify-content: flex-start;
}
.switch-btn .btn-container .btn {
  text-transform: initial;
  margin: initial;
  color: var(--t2-two-primary);
  background: var(--ion-color-medium-contrast);
}
.contact-new-fild .contact-add-fild {
  padding: 26px 26px 5px;
}
.contact-new-fild .contact-add-fild h2 {
  color: var(--border-bottom);
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .contact-new-fild .contact-add-fild h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .contact-new-fild .contact-add-fild h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .contact-new-fild .contact-add-fild h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .contact-new-fild .contact-add-fild h2 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .contact-new-fild .contact-add-fild h2 {
    font-size: 18px;
  }
}
.contact-new-fild .contact-add-fild .btn-container {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.contact-new-fild .contact-add-fild .btn-container .btn {
  background: var(--ion-color-primary-contrast);
  color: var(--dark-blue);
  margin: 0 15px 15px 0;
  border-radius: 8px;
  text-transform: capitalize;
  box-shadow: 4px 4px 8px #e8ebf0;
}
.contact-new-fild .contact-add-fild .btn-container .btn h3 {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .contact-new-fild .contact-add-fild .btn-container .btn h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .contact-new-fild .contact-add-fild .btn-container .btn h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .contact-new-fild .contact-add-fild .btn-container .btn h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .contact-new-fild .contact-add-fild .btn-container .btn h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .contact-new-fild .contact-add-fild .btn-container .btn h3 {
    font-size: 16px;
  }
}
.contact-new-fild .contact-add-fild .btn-container .btn.active {
  background: var(--primary);
  color: var(--ion-color-primary-contrast);
}
.brand-persent-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
  margin-left: 5px;
}
.brand-persent-box h2 {
  font-size: 14px;
  margin-bottom: 10px;
  opacity: 0.5;
}
@media screen and (min-width: 320px) {
  .brand-persent-box h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .brand-persent-box h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .brand-persent-box h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .brand-persent-box h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .brand-persent-box h2 {
    font-size: 16px;
  }
}
.brand-persent-box .brand-persent {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.brand-persent-box .brand-persent p {
  width: 48%;
  font-size: 12px;
  margin-top: 10px;
}
@media screen and (min-width: 320px) {
  .brand-persent-box .brand-persent p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .brand-persent-box .brand-persent p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .brand-persent-box .brand-persent p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .brand-persent-box .brand-persent p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .brand-persent-box .brand-persent p {
    font-size: 14px;
  }
}
.brand-persent-box .brand-persent p span {
  margin-top: 5px;
  display: block;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .brand-persent-box .brand-persent p span {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .brand-persent-box .brand-persent p span {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .brand-persent-box .brand-persent p span {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .brand-persent-box .brand-persent p span {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .brand-persent-box .brand-persent p span {
    font-size: 18px;
  }
}
.menu-item:last-child {
  margin-bottom: 20px;
}
.mbsc-mobiscroll .mbsc-select-ic {
  display: none !important;
  opacity: 0;
}
.home-scheme-container .home-schem-wrap {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 0px 0 0px;
  margin-top: 20px;
}
.home-scheme-container .home-schem-wrap.retailList {
  border-radius: 20px;
  box-shadow: 0 6px 6px 0 rgba(66, 80, 89, 0.2);
  background-color: #f9fafc;
  padding: 20px;
  margin-bottom: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 0;
  margin: 20px;
}
.home-scheme-container .home-schem-wrap.retailList .user {
  margin-right: 12px;
  overflow: initial;
  position: relative;
}
.home-scheme-container .home-schem-wrap.retailList .user img.update-profile {
  position: absolute;
  width: 20px !important;
  height: 20px !important;
  top: -6px;
}
.home-scheme-container .home-schem-wrap.retailList .user .icon-edit-one {
  bottom: -5px;
  right: 0;
  position: absolute;
  background: var(--headerColor);
  color: var(--white);
  border-radius: 50%;
  padding: 4px;
  width: 20px;
  height: 20px;
  font-size: 10px;
  border: 1px solid var(--white);
}
.home-scheme-container .home-schem-wrap.retailList .home-scheme-content {
  width: calc(100% - 75px);
}
.home-scheme-container .home-schem-wrap.retailList .verification-stage p {
  font-size: 12px;
  color: var(--border-bottom);
  margin-top: 15px;
}
@media screen and (min-width: 320px) {
  .home-scheme-container .home-schem-wrap.retailList .verification-stage p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .home-scheme-container .home-schem-wrap.retailList .verification-stage p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .home-scheme-container .home-schem-wrap.retailList .verification-stage p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .home-scheme-container .home-schem-wrap.retailList .verification-stage p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .home-scheme-container .home-schem-wrap.retailList .verification-stage p {
    font-size: 14px;
  }
}
.home-scheme-container .home-schem-wrap.retailList .icon-arrow-right {
  right: 15px;
  top: 25px;
  position: absolute;
}
.home-scheme-container .home-schem-wrap.retailList .icon-arrow-right::before {
  color: var(--dark-blue);
}
.home-scheme-container .home-schem-wrap.retailList .btn-container {
  width: 100%;
  position: relative;
}
.home-scheme-container .home-schem-wrap.retailList .btn-container .btn {
  color: var(--headerColor);
  background: none;
  border: 0;
  padding: 20px;
  min-height: initial;
  margin-bottom: -20px;
}
.home-scheme-container .home-schem-wrap.retailList .patn-box {
  background: #fff;
  margin: 16px -20px 0;
  width: calc(100% + 40px);
  padding: 16px;
}
.home-scheme-container .home-schem-wrap.retailList .patn-box .verification-stage p {
  margin-top: 0;
}
.home-scheme-container .home-schem-wrap.retailList .patn-box .progress-bar {
  padding-right: 0;
}
.home-scheme-container .home-schem-wrap:first-child {
  margin-top: 10px;
  border-top: none;
}
.home-scheme-container .home-schem-wrap .user {
  width: 46px;
  height: 46px;
  margin-right: 12px;
  overflow: hidden;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--dark-blue);
}
.home-scheme-container .home-schem-wrap .user ion-icon {
  width: 100%;
  height: 100%;
  color: #243142;
}
.home-scheme-container .home-schem-wrap .user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.home-scheme-container .home-schem-wrap .home-scheme-content {
  width: calc(100% - 75px);
}
.home-scheme-container .home-schem-wrap .home-scheme-content h3 {
  color: var(--dark-blue);
  font-size: 16px;
  font-family: var(--font-md);
  padding-bottom: 5px;
  word-break: break-word;
}
@media screen and (min-width: 320px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content h3 {
    font-size: 18px;
  }
}
.home-scheme-container .home-schem-wrap .home-scheme-content p {
  color: var(--border-bottom);
  font-size: 12px;
  font-family: var(--helvetica);
}
@media screen and (min-width: 320px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content p {
    font-size: 14px;
  }
}
.home-scheme-container .home-schem-wrap .home-scheme-content .btn-container {
  justify-content: flex-start;
  padding-top: 5px;
}
.home-scheme-container .home-schem-wrap .home-scheme-content .btn-container .btn {
  font-size: 12px;
  margin-left: 0;
  padding: 5px 13px;
  min-height: auto;
}
@media screen and (min-width: 320px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content .btn-container .btn {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content .btn-container .btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content .btn-container .btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content .btn-container .btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .home-scheme-container .home-schem-wrap .home-scheme-content .btn-container .btn {
    font-size: 14px;
  }
}
.home-scheme-container .home-schem-wrap .icon-arrow-right {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .home-scheme-container .home-schem-wrap .icon-arrow-right {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .home-scheme-container .home-schem-wrap .icon-arrow-right {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .home-scheme-container .home-schem-wrap .icon-arrow-right {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .home-scheme-container .home-schem-wrap .icon-arrow-right {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .home-scheme-container .home-schem-wrap .icon-arrow-right {
    font-size: 16px;
  }
}
.home-scheme-container .home-schem-wrap .icon-arrow-right:before {
  color: var(--primary);
}
.home-scheme-container.home-offers .home-scheme-slider {
  margin-top: 45px;
  overflow: initial;
}
.home-scheme-container.home-offers .home-scheme-slider .swiper-container {
  overflow: initial;
}
.home-scheme-container.home-offers .home-scheme-slider .swiper-container .swiper-pagination {
  margin-top: 6px;
}
.home-scheme-container {
  margin-bottom: 20px;
  margin-top: 20px;
}
.home-scheme-container .home-scheme-slider {
  border-radius: 20px;
  overflow: hidden;
}
.home-scheme-container .home-scheme-slider .filter-row-result .video-box {
  border-radius: 0;
}
.home-scheme-container .home-scheme-slider .img-full {
  border-radius: 20px;
}
.home-scheme-container .home-scheme-slider ion-slides {
  border-radius: 20px;
}
.home-scheme-container .home-scheme-slider ion-slides ion-slide {
  cursor: pointer;
  height: auto;
}
.home-scheme-container .home-scheme-slider ion-slides ion-slide .box-blue-primary {
  padding: 12px;
  border-radius: 20px;
  box-shadow: 0 6px 6px 0 rgba(66, 80, 89, 0.2);
  background-color: var(--headerColor);
  margin-inline-end: 0;
  margin-inline-start: 0;
  margin-bottom: 0;
  height: auto;
}
.home-scheme-container .home-scheme-slider ion-slides ion-slide .slide-img-wrapp {
  height: 215px;
  width: 100%;
}
.home-scheme-container .home-scheme-slider ion-slides ion-slide .slide-img-wrapp .img-full {
  object-fit: cover;
}
.home-scheme-container .home-scheme-slider .swiper-pagination {
  position: relative;
  bottom: 0px;
  text-align: left;
  left: 10px;
}
.home-scheme-container .home-scheme-slider .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--dark-blue);
}
.home-scheme-container.video ion-card {
  margin: 0;
}
.home-scheme-container.video ion-card .filter-row-result {
  margin-bottom: initial;
}
.home-scheme-container.video ion-card .filter-row-result .video-box {
  margin-bottom: 0;
}
.progress-bar {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
  justify-content: space-between;
  padding-right: 10px;
  width: 100%;
}
.progress-bar:after {
  content: "";
  position: absolute;
  transform: translateY(-50%);
  top: 30%;
  width: 85%;
  height: 2px;
  background: #f4f4f4;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.progress-bar li {
  text-align: center;
  z-index: 9;
  background: transparent;
  width: 16%;
  display: flex;
  flex-wrap: wrap;
  color: #bfbfbf;
}
.progress-bar li i {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-bottom: 5px;
}
@media screen and (min-width: 320px) {
  .progress-bar li i {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .progress-bar li i {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .progress-bar li i {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .progress-bar li i {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .progress-bar li i {
    font-size: 20px;
  }
}
.progress-bar li span {
  display: block;
  width: 100%;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .progress-bar li span {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .progress-bar li span {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .progress-bar li span {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .progress-bar li span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .progress-bar li span {
    font-size: 14px;
  }
}
.progress-bar li.under-process {
  color: #ff6b00;
}
.progress-bar li.under-process .icon-calling::before {
  color: #ff6b00;
}
.progress-bar li.not-approved {
  background: #3f8dde;
}
.progress-bar li.not-approved .icon-calling::before {
  color: #3f8dde;
}
.progress-bar li.approved {
  color: #50ae4d;
}
.progress-bar li.approved .icon-calling::before {
  color: #50ae4d;
}
.progress-bar li.rejected {
  color: #ff0033;
}
.progress-bar li.rejected .icon-calling::before {
  color: #ff0033;
}
.reward-container .reward-head {
  padding: 20px;
}
.reward-container .reward-head ion-card {
  margin: 0;
  margin-bottom: 30px;
  border-radius: 20px;
  --background: var(--headerColor-primary);
}
.reward-container .reward-head ion-card .reward-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 20px 0 20px;
}
.reward-container .reward-head ion-card .reward-row .reward-box {
  width: 48%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.reward-container .reward-head ion-card .reward-row .reward-box .img-wrap {
  width: 32px;
  margin-right: 8px;
}
.reward-container .reward-head ion-card .reward-row .reward-box .img-wrap i {
  color: var(--slprimary-primary);
  font-size: 20px;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 5px;
}
.reward-container .reward-head ion-card .reward-row .reward-box h3 {
  font-size: 30px;
  color: var(--white);
  text-align: left;
  font-family: var(--font-md);
  width: 100%;
  line-height: 1.2;
  margin-bottom: 8px;
}
@media screen and (min-width: 320px) {
  .reward-container .reward-head ion-card .reward-row .reward-box h3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .reward-head ion-card .reward-row .reward-box h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .reward-head ion-card .reward-row .reward-box h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .reward-head ion-card .reward-row .reward-box h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .reward-head ion-card .reward-row .reward-box h3 {
    font-size: 30px;
  }
}
.reward-container .reward-head ion-card .reward-row .reward-box .reward-point-info {
  width: calc(100% - 40px);
}
.reward-container .reward-head ion-card .reward-row .reward-box .reward-point-info p {
  font-family: var(--font-md);
  font-size: 14px;
  color: #a1b5cc;
  text-align: left;
  width: 70%;
  line-height: 1.2;
}
@media screen and (min-width: 320px) {
  .reward-container .reward-head ion-card .reward-row .reward-box .reward-point-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .reward-head ion-card .reward-row .reward-box .reward-point-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .reward-head ion-card .reward-row .reward-box .reward-point-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .reward-head ion-card .reward-row .reward-box .reward-point-info p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .reward-head ion-card .reward-row .reward-box .reward-point-info p {
    font-size: 16px;
  }
}
.reward-container .reward-head ion-card .reward-row .reward-box.one-box h3 {
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .reward-container .reward-head ion-card .reward-row .reward-box.one-box h3 {
    font-size: 38px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .reward-head ion-card .reward-row .reward-box.one-box h3 {
    font-size: 40px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .reward-head ion-card .reward-row .reward-box.one-box h3 {
    font-size: 42px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .reward-head ion-card .reward-row .reward-box.one-box h3 {
    font-size: 44px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .reward-head ion-card .reward-row .reward-box.one-box h3 {
    font-size: 48px;
  }
}
.reward-container .reward-head .reward-tab ul {
  display: flex;
  margin-top: -15px;
}
.reward-container .reward-head .reward-tab ul li {
  padding: 14px 0;
  margin-right: 40px;
  white-space: nowrap;
  font-size: 12px;
  width: auto;
  font-family: var(--font-md);
  color: var(--border-bottom);
  text-align: center;
  position: relative;
  justify-content: flex-start;
}
@media screen and (min-width: 320px) {
  .reward-container .reward-head .reward-tab ul li {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .reward-head .reward-tab ul li {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .reward-head .reward-tab ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .reward-head .reward-tab ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .reward-head .reward-tab ul li {
    font-size: 14px;
  }
}
.reward-container .reward-head .reward-tab ul li.active {
  color: var(--headerColor-primary);
}
.reward-container .reward-head .reward-tab ul li.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 16px;
  height: 4px;
  border-radius: 2.5px;
  background-color: var(--headerColor-primary);
  left: 0;
}
.reward-container .reward-head .reward-tab ul li:last-child {
  margin-right: 0;
}
.reward-container .reward-details-list .list-tab {
  margin: 20px auto;
  width: 75%;
  display: flex;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 3px 12px 0 #2431421b;
}
.reward-container .reward-details-list .list-tab li {
  padding: 10px;
  font-size: 14px;
  color: var(--dark-blue);
  background: transparent;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 320px) {
  .reward-container .reward-details-list .list-tab li {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .reward-details-list .list-tab li {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .reward-details-list .list-tab li {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .reward-details-list .list-tab li {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .reward-details-list .list-tab li {
    font-size: 16px;
  }
}
.reward-container .reward-details-list .list-tab li.active {
  color: var(--white);
  background: var(--headerColor-primary);
}
.reward-container .current-leader {
  font-family: var(--font-bd);
  font-size: 14px;
  color: var(--dark-blue);
  text-align: left;
  padding: 16px;
  box-shadow: 0 7px 16px 0 rgba(129, 138, 163, 0.3);
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 20px 20px 0 0;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .reward-container .current-leader {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .current-leader {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .current-leader {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .current-leader {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .current-leader {
    font-size: 16px;
  }
}
.reward-container .current-leader h2 {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .reward-container .current-leader h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .current-leader h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .current-leader h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .current-leader h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .current-leader h2 {
    font-size: 16px;
  }
}
.reward-container .current-leader .current-slect {
  margin-left: auto;
}
.reward-container .current-leader .current-slect ion-item {
  --min-height: initial;
  --border-width: 0;
  --inner-padding-end: 0;
}
.reward-container .current-leader .current-slect ion-item ion-label {
  font-family: var(--font-bd);
  color: var(--border-bottom);
  font-size: 14px;
  margin-right: 5px;
}
@media screen and (min-width: 320px) {
  .reward-container .current-leader .current-slect ion-item ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .current-leader .current-slect ion-item ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .current-leader .current-slect ion-item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .current-leader .current-slect ion-item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .current-leader .current-slect ion-item ion-label {
    font-size: 16px;
  }
}
.reward-container .current-leader .current-slect ion-item ion-select {
  font-family: var(--font-md);
  font-size: 14px;
  max-width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .reward-container .current-leader .current-slect ion-item ion-select {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .current-leader .current-slect ion-item ion-select {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .current-leader .current-slect ion-item ion-select {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .current-leader .current-slect ion-item ion-select {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .current-leader .current-slect ion-item ion-select {
    font-size: 16px;
  }
}
.reward-container .table-leader {
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 20px;
  box-shadow: 0 7px 16px 0 rgba(129, 138, 163, 0.3);
  margin-bottom: 30px;
  overflow: hidden;
}
.reward-container .table-leader table {
  border-collapse: collapse;
  width: 100%;
}
.reward-container .table-leader table tr {
  border-bottom: solid 1px #dbdada;
}
.reward-container .table-leader table tr:last-child {
  border-bottom: none;
}
.reward-container .table-leader table td {
  text-align: left;
  padding: 20px 10px;
  color: var(--dark-blue);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .reward-container .table-leader table td {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .table-leader table td {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .table-leader table td {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .table-leader table td {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .table-leader table td {
    font-size: 16px;
  }
}
.reward-container .table-leader table td:nth-child(3) {
  text-align: right;
}
.reward-container .table-leader table td:nth-child(4) {
  text-align: right;
}
.reward-container .table-leader table td h3 {
  font-size: 15px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .reward-container .table-leader table td h3 {
    font-size: 13px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .table-leader table td h3 {
    font-size: 15px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .table-leader table td h3 {
    font-size: 17px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .table-leader table td h3 {
    font-size: 17px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .table-leader table td h3 {
    font-size: 17px;
  }
}
.reward-container .table-leader table td p {
  font-size: 12px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .reward-container .table-leader table td p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .table-leader table td p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .table-leader table td p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .table-leader table td p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .table-leader table td p {
    font-size: 14px;
  }
}
.reward-container .table-leader table td span {
  color: var(--white);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  font-size: 11px;
}
.reward-container .table-leader table td span.gold {
  background: #ffb900;
  border: solid 2px #ffec00;
}
.reward-container .table-leader table td span.silver {
  background: #9da7af;
  border: solid 2px #d2d4d8;
}
.reward-container .table-leader table td span.bronze {
  background: #d97c5b;
  border: solid 2px #f0ab86;
}
.reward-container .table-leader table td span.default {
  color: #000;
}
.reward-container .table-leader table th {
  text-align: left;
  padding: 20px 10px;
  background-color: #eae7ff;
  color: var(--dark-blue);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .reward-container .table-leader table th {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .reward-container .table-leader table th {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .reward-container .table-leader table th {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .reward-container .table-leader table th {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .reward-container .table-leader table th {
    font-size: 14px;
  }
}
.reward-container .table-leader table th:nth-child(1) {
  text-align: center;
}
.reward-container .table-leader table th:nth-child(3) {
  text-align: right;
}
.reward-container .table-leader table th:nth-child(4) {
  text-align: right;
}
.reward-container .table-leader.region-table td {
  text-align: left !important;
}
.reward-container .table-leader.region-table th {
  text-align: left !important;
}
.reward-container .table-leader.leader-table {
  border-radius: 0 0 20px 20px;
}
.mbsc-material .mbsc-cal .mbsc-cal-btn {
  width: 1.25em;
  height: 1.25em;
  padding: 0;
  line-height: 1.25em;
  font-size: 2em;
  border-radius: 2em;
}
.mbsc-material .mbsc-cal .mbsc-cal-day-date {
  text-align: center;
  box-sizing: content-box;
  display: inline-block;
  width: 2.461539em;
  height: 2.461539em;
  margin: 0.153846em 0;
  line-height: 2.461539em;
  font-size: 0.8125em;
  border: 2px solid transparent;
  border-radius: 2em;
}
.mbsc-cal-month,
.mbsc-cal-year {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 2.222223em;
}
.mbsc-fr-btn-cont .mbsc-fr-btn-w .mbsc-fr-btn-e {
  cursor: pointer;
  width: auto;
  font-size: 0.9375em;
  color: #375acc !important;
}
ion-infinite-scroll {
  visibility: hidden !important;
}
circle-progress svg text {
  font-size: 60px;
}
.recent-tag {
  display: flex;
  margin-bottom: 15px;
  margin-right: -20px;
}
.recent-tag .add-sales .recent-sales {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.recent-tag .add-sales .recent-sales .img-wrapp {
  border: 1px solid var(--primary);
  border-radius: 50%;
  padding: 2px;
  margin-bottom: 4px;
}
.recent-tag .add-sales .recent-sales .img-wrapp .img-wrapp-inner {
  width: 58px;
  height: 58px;
  background: var(--primary);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recent-tag .add-sales .recent-sales span {
  font-size: 12px;
  color: var(--border-bottom);
}
.recent-tag .sales-tags {
  display: flex;
  overflow-x: auto;
  margin-left: 10px;
}
.recent-tag .sales-tags ion-slides ion-slide {
  padding-left: 5px;
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-right: 0px;
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list .img-wrapp {
  border: 1px solid var(--primary);
  border-radius: 50%;
  padding: 2px;
  margin-bottom: 4px;
  position: relative;
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list .img-wrapp.active {
  border-width: 2px;
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list .img-wrapp .count {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  width: 15px;
  height: 15px;
  background: red;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-style: normal;
  color: var(--white);
  border: 1px solid var(--white);
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list span {
  font-size: 12px;
  color: var(--border-bottom);
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list.gaming .img-wrapp {
  border-color: var(--game-color);
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list.training .img-wrapp {
  border-color: var(--training-color);
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list.training .img-wrapp {
  border-color: var(--training-color);
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list.schemes .img-wrapp {
  border-color: var(--primary);
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list.greeting .img-wrapp {
  border-color: var(--greeting-color);
}
.recent-tag .sales-tags ion-slides ion-slide .tags-list.active .img-wrapp {
  border-width: 2px;
}
.training-games-wrapper {
  margin: 0 20px 20px;
}
.redeem-now {
  text-align: center;
}
.redeem-now button {
  color: var(--primary);
  font-size: 12px;
  border-radius: 17px;
  background: var(--white);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px var(--primary);
  margin-top: 10px;
  padding: 8px 20px;
}
@media screen and (min-width: 320px) {
  .redeem-now button {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .redeem-now button {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .redeem-now button {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .redeem-now button {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .redeem-now button {
    font-size: 14px;
  }
}
.new-tag {
  line-height: normal;
  margin-bottom: 5px;
  margin-top: -2px;
}
.new-tag span {
  background: var(--primary);
  border-radius: 50px;
  display: inline-flex;
  padding: 3px 10px;
  font-size: 11px;
  color: var(--white);
  margin: 0;
}
.segment-lists {
  padding: 20px 0;
  position: sticky;
  top: -2px;
  z-index: 100;
  background: var(--white);
}
.segment-lists ion-segment ion-segment-button {
  padding: 6px 25px;
  border: 1px solid var(--primary);
  border-radius: 30px;
  min-height: auto;
  --padding-start: 0px;
  --padding-end: 0px;
  margin-right: 10px;
  text-transform: none;
  --indicator-color: transparent;
}
.segment-lists ion-segment ion-segment-button ion-label {
  font-size: 14px;
  color: var(--primary);
}
@media screen and (min-width: 320px) {
  .segment-lists ion-segment ion-segment-button ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .segment-lists ion-segment ion-segment-button ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .segment-lists ion-segment ion-segment-button ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .segment-lists ion-segment ion-segment-button ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .segment-lists ion-segment ion-segment-button ion-label {
    font-size: 16px;
  }
}
.segment-lists ion-segment ion-segment-button.segment-button-checked {
  background: var(--primary);
  color: var(--white);
}
.segment-lists ion-segment ion-segment-button.segment-button-checked ion-label {
  color: var(--white);
}
.segment-lists ion-segment ion-segment-button:first-child {
  margin-left: 20px;
}
.segment-lists ion-segment ion-segment-button:last-child {
  margin-right: 20px;
}
.segment-lists ion-segment::-webkit-scrollbar {
  display: none;
}
.point-history {
  padding: 16px;
  background: var(--white);
  margin: 20px;
  border-radius: 20px;
  box-shadow: 0 7px 16px 0 rgba(66, 80, 89, 0.5);
}
.status-mnth {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}
.point-card-list .point-card {
  border-radius: 10px;
  box-shadow: 0 6px 6px 0 rgba(66, 80, 89, 0.2);
  background: var(--white);
  margin-bottom: 20px;
  display: flex;
  padding: 0;
}
.point-card-list .point-card .point-date {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--extra-light-blue);
  text-align: center;
  min-width: 90px;
}
.point-card-list .point-card .point-date h3 {
  font-size: 14px;
  color: var(--dark-blue);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .point-card-list .point-card .point-date h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .point-card-list .point-card .point-date h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .point-card-list .point-card .point-date h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .point-card-list .point-card .point-date h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .point-card-list .point-card .point-date h3 {
    font-size: 16px;
  }
}
.point-card-list .point-card .point-date p {
  color: var(--border-bottom);
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .point-card-list .point-card .point-date p {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .point-card-list .point-card .point-date p {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .point-card-list .point-card .point-date p {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .point-card-list .point-card .point-date p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .point-card-list .point-card .point-date p {
    font-size: 16px;
  }
}
.point-card-list .point-card .point-detail {
  padding: 10px;
  width: 100%;
}
.point-card-list .point-card .point-detail .point-heading {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.point-card-list .point-card .point-detail .point-heading i {
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  border-radius: 4px;
  color: var(--white);
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .point-card-list .point-card .point-detail .point-heading i {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .point-card-list .point-card .point-detail .point-heading i {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .point-card-list .point-card .point-detail .point-heading i {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .point-card-list .point-card .point-detail .point-heading i {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .point-card-list .point-card .point-detail .point-heading i {
    font-size: 16px;
  }
}
.point-card-list .point-card .point-detail .point-heading h2 {
  font-size: 12px;
  font-family: var(--font-md);
  color: var(--border-bottom);
  flex: 1;
}
@media screen and (min-width: 320px) {
  .point-card-list .point-card .point-detail .point-heading h2 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .point-card-list .point-card .point-detail .point-heading h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .point-card-list .point-card .point-detail .point-heading h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .point-card-list .point-card .point-detail .point-heading h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .point-card-list .point-card .point-detail .point-heading h2 {
    font-size: 14px;
  }
}
.point-card-list .point-card .point-detail .point-heading.birthday i {
  background: var(--greeting-color);
}
.point-card-list .point-card .point-detail .point-heading.gaming i {
  background: var(--game-color);
}
.point-card-list .point-card .point-detail .point-heading.primary-heading i {
  background: var(--primary-expire);
}
.point-card-list .point-card .point-detail .point-heading.join-bonus i {
  background: #FAD400;
}
.point-card-list .point-card .point-detail .point-heading.random-point i {
  background: #D5752E;
}
.point-card-list .point-card .point-detail .point-heading.redeem-bg i {
  background: var(--medium-green);
}
.point-card-list .point-card .point-detail .point-heading.training i {
  background: var(--training-color);
}
.point-card-list .point-card .point-detail .point-heading.expiring i {
  background: var(--failed);
}
.point-card-list .point-card .point-detail .point-cont {
  display: flex;
  align-items: center;
}
.point-card-list .point-card .point-detail .point-cont .points {
  display: flex;
  width: 100%;
  align-items: center;
}
.point-card-list .point-card .point-detail .point-cont .points ion-label {
  font-size: 12px;
  font-family: var(--font-md);
  margin-right: 8px;
  display: inline-block;
}
@media screen and (min-width: 320px) {
  .point-card-list .point-card .point-detail .point-cont .points ion-label {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .point-card-list .point-card .point-detail .point-cont .points ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .point-card-list .point-card .point-detail .point-cont .points ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .point-card-list .point-card .point-detail .point-cont .points ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .point-card-list .point-card .point-detail .point-cont .points ion-label {
    font-size: 14px;
  }
}
.point-card-list .point-card .point-detail .point-cont .points h4 {
  font-size: 16px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .point-card-list .point-card .point-detail .point-cont .points h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .point-card-list .point-card .point-detail .point-cont .points h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .point-card-list .point-card .point-detail .point-cont .points h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .point-card-list .point-card .point-detail .point-cont .points h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .point-card-list .point-card .point-detail .point-cont .points h4 {
    font-size: 18px;
  }
}
.point-card-list .point-card .point-detail .point-cont .points-expiry {
  width: 100%;
  text-align: right;
}
.point-card-list .point-card .point-detail .point-cont .points-expiry ion-label {
  font-size: 8px;
  padding: 6px;
  border-radius: 10px;
  font-family: var(--font-md);
  display: inline-block;
  white-space: nowrap;
}
@media screen and (min-width: 320px) {
  .point-card-list .point-card .point-detail .point-cont .points-expiry ion-label {
    font-size: 6px;
  }
}
@media screen and (min-width: 360px) {
  .point-card-list .point-card .point-detail .point-cont .points-expiry ion-label {
    font-size: 8px;
  }
}
@media screen and (min-width: 400px) {
  .point-card-list .point-card .point-detail .point-cont .points-expiry ion-label {
    font-size: 10px;
  }
}
@media screen and (min-width: 480px) {
  .point-card-list .point-card .point-detail .point-cont .points-expiry ion-label {
    font-size: 10px;
  }
}
@media screen and (min-width: 500px) {
  .point-card-list .point-card .point-detail .point-cont .points-expiry ion-label {
    font-size: 10px;
  }
}
.point-card-list .point-card .point-detail .point-cont.expiring .points ion-label {
  color: var(--primary);
}
.point-card-list .point-card .point-detail .point-cont.expiring .points-expiry ion-label {
  color: var(--primary);
  background: var(--extra-light-blue);
}
.point-card-list .point-card .point-detail .point-cont.expired .points ion-label {
  color: var(--failed);
}
.point-card-list .point-card .point-detail .point-cont.expired .points-expiry ion-label {
  color: var(--failed);
  background: #f6d9db;
}
.point-card-list .point-card .point-detail .point-cont.redeemed .points ion-label {
  color: var(--medium-green);
}
.point-card-list .point-card .point-detail .point-cont.redeemed .points-expiry ion-label {
  color: var(--medium-green);
  background: #dde9d8;
}
.greeting-details .greeting-list {
  margin: 20px 20px 0;
}
.greeting-details .greeting-list .communication-header {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 0 0 20px;
}
.greeting-details .greeting-list .communication-header .greeting-icon {
  margin-left: 20px;
  margin-right: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  box-shadow: none;
  color: var(--dark-blue);
}
.greeting-details .greeting-list .communication-header .greeting-icon i {
  margin-left: 20px;
  cursor: pointer;
}
.greeting-details .greeting-list .communication-header .greeting-textarea h2 {
  font-size: 12px;
  color: var(--light-gray);
}
@media screen and (min-width: 320px) {
  .greeting-details .greeting-list .communication-header .greeting-textarea h2 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .greeting-details .greeting-list .communication-header .greeting-textarea h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .greeting-details .greeting-list .communication-header .greeting-textarea h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .greeting-details .greeting-list .communication-header .greeting-textarea h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .greeting-details .greeting-list .communication-header .greeting-textarea h2 {
    font-size: 14px;
  }
}
.greeting-details .greeting-list .communication-header .greeting-textarea h2 strong {
  color: var(--dark-blue);
}
.greeting-header {
  --min-height: 56px;
}
.greetings-banner {
  position: relative;
  height: calc(100vh - 160px);
  border-radius: 25px;
  text-align: center;
}
.greetings-banner .greetings-banner-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 20px 20px;
  text-align: center;
}
.greetings-banner .greetings-banner-text img {
  display: inline-block;
  margin-bottom: 10px;
}
.greetings-banner .greetings-banner-text h3 {
  color: var(--white);
  font-family: var(--font-md);
  font-size: 20px;
}
.greetings-banner .greetings-banner-text h2 {
  font-size: 20px;
  color: var(--white);
  margin-bottom: 15px;
  font-family: var(--font-md);
}
.greetings-banner .greetings-banner-text h2 strong {
  font-family: var(--font-bold);
}
.greetings-banner .greetings-banner-text p {
  color: var(--white);
  font-size: 14px;
  margin-bottom: 15px;
}
@media screen and (min-width: 320px) {
  .greetings-banner .greetings-banner-text p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .greetings-banner .greetings-banner-text p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .greetings-banner .greetings-banner-text p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .greetings-banner .greetings-banner-text p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .greetings-banner .greetings-banner-text p {
    font-size: 16px;
  }
}
.greetings-banner .greetings-banner-text .pop-points p {
  margin-bottom: 0;
}
.greetings-banner .greetings-bnner-img {
  height: 100%;
}
.greetings-banner .greetings-bnner-img img {
  border-radius: 24px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.greeting-redeem {
  margin: 5px 0;
  display: flex;
  justify-content: center;
}
.greeting-redeem button {
  background: var(--dark-blue);
  color: var(--white);
  padding: 8px 16px;
  font-size: 12px;
  border-radius: 16px;
  display: flex;
  align-items: center;
}
.greeting-redeem button i {
  margin-top: 4px;
  margin-left: 5px;
}
.reward-slide {
  margin: 20px 20px 0;
}
.reward-slide ion-slides .swiper-pagination {
  text-align: center !important;
}
.point-reward ion-slides ion-slide {
  text-align: left;
}
.point-reward ion-slides ion-slide .point-card {
  width: 100%;
  margin: 0 20px;
}
.point-reward ion-slides ion-slide .point-card .point-info .current-point h2 {
  color: #b5d9ff;
}
.point-reward ion-slides ion-slide .point-card .point-info .current-point .point-img p {
  font-size: 14px;
  color: #b5d9ff;
}
.point-reward ion-slides ion-slide:first-child .point-card {
  width: 100%;
}
.point-reward ion-slides ion-slide:first-child .point-card .point-info .current-point h2 {
  color: var(--white);
}
.point-reward ion-slides ion-slide:first-child .point-card .point-info .current-point .point-img p {
  font-size: 14px;
  color: var(--white);
}
.point-reward ion-slides .swiper-pagination {
  text-align: center !important;
}
.page-title {
  padding: 20px 20px 0;
}
.page-title h3 {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .page-title h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .page-title h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .page-title h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .page-title h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .page-title h3 {
    font-size: 16px;
  }
}
.item-has-value ion-select .select-text {
  display: none;
}
.greeting-list {
  margin: 20px;
}
.greeting-card {
  padding: 30px 20px;
  display: flex;
  border-radius: 25px;
  margin-bottom: 20px;
  align-items: center;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}
.greeting-card .card-details {
  margin-right: 20px;
  width: 47%;
}
.greeting-card .card-details .card-title p {
  font-size: 14px;
  color: var(--white);
}
.greeting-card .card-details .card-title b {
  font-size: 14px;
  color: var(--white);
}
.greeting-card .card-details .recd-point {
  border: 1px solid var(--white);
  padding: 10px;
  border-radius: 10px;
  margin: 10px 0;
}
.greeting-card .card-details .recd-point p {
  font-size: 12px;
  color: var(--white);
}
.greeting-card .card-details .recd-point .points {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--white);
}
.greeting-card .card-details .recd-point .points img {
  width: 20px;
  display: inline-block;
  margin-right: 5px;
}
.greeting-card .card-details .view-btn {
  --background: #0f0a12;
  color: var(--white);
  --border-radius: 10px;
  display: inline-flex;
  align-items: center;
  font-size: 8px;
  --padding-start: 12px;
  --padding-end: 12px;
  --padding-top: 10px;
  --padding-bottom: 10px;
  height: auto;
}
.greeting-card .card-details .view-btn i {
  margin-left: 5px;
  margin-top: 3px;
}
.greeting-card .card-img {
  max-width: 120px;
}
.greeting-card.birthday {
  background: var(--greeting-pop);
}
.greeting-card.anniversary {
  background: var(--annivarsary-bg);
}
.greeting-card.diwali {
  background: var(--diwali-bg);
}
.custom-toast::part(message) {
  display: flex;
  align-items: center;
}
.custom-toast::part(message) img {
  margin-right: 10px;
}
.whats-new .img-wrapp {
  max-height: 250px;
  margin-bottom: 10px;
  cursor: pointer;
}
.whats-new .img-wrapp img {
  object-fit: contain;
  height: 100%;
  border-radius: 20px;
}
.primary-btns {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0px;
  z-index: 99;
}
.primary-btns.foot-prime-btn {
  bottom: 60px;
}
.primary-btns.greeting-claim-btn {
  position: relative;
  left: inherit;
  bottom: inherit;
}
.primary-btns.video-claim-btn .claim-btn {
  color: var(--dark-blue);
  background: var(--white);
}
.claim-btn {
  padding: 10px 18px;
  box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.3);
  background: var(--dark-blue);
  color: var(--white);
  border-radius: 25px;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin: 0 5px;
}
@media screen and (min-width: 320px) {
  .claim-btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .claim-btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .claim-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .claim-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .claim-btn {
    font-size: 16px;
  }
}
.claim-btn img {
  width: 20px;
  display: inline-block;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
}
.claim-btn b {
  padding: 0 5px;
}
.claim-btn.btn-primary {
  color: var(--white);
  background: var(--primary);
}
.footer-space {
  --padding-bottom: 100px;
}
.setting-modal .modal-wrapper {
  background: url('video-bg.png');
  background-size: 100% 100%;
}
.setting-modal .modal-wrapper ion-header ion-toolbar {
  --background: transparent;
  border: none !important;
}
.setting-modal .modal-wrapper ion-header ion-toolbar ion-buttons {
  color: var(--white);
}
.setting-modal .modal-wrapper ion-header ion-toolbar ion-buttons button {
  color: var(--white);
}
.setting-modal .modal-wrapper ion-header ion-toolbar ion-title {
  color: var(--white);
}
.setting-modal .modal-wrapper ion-header::after {
  background: none;
}
.greeting-footer-space {
  --padding-bottom: 70px;
}
.scheme-table {
  overflow: auto;
  width: 100%;
}
.not-found-icon {
  opacity: 0.5;
}
.revamp-filter textarea.ng-invalid {
  opacity: 0.4;
}
.revamp-filter textarea.ng-valid {
  opacity: 1;
}
.no-box-padding {
  padding: 0 !important;
}
@media only screen and (min-width: 768px) {
  .whats-new .img-wrapp {
    max-height: inherit;
  }

  .home-scheme-container .home-scheme-slider ion-slides ion-slide .slide-img-wrapp {
    height: auto;
  }

  a {
    cursor: pointer;
  }

  ion-menu ion-menu-toggle .item {
    cursor: pointer;
  }

  .filter-scroll-inner::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  .login-two p {
    font-size: 13px !important;
  }

  ion-menu-button .icon-menu {
    width: 48px;
  }
}
.filterpopover .popover-wrapper .popover-content {
  left: 20px !important;
}
.sortpopover .popover-wrapper .popover-content {
  left: auto !important;
  right: 20px !important;
}
.mbsc-fr-hdr {
  padding: 10px;
}
.testesd {
  --inner-padding-end: 0;
  --padding-start: 0;
  --border-width: 0 0 0px 0;
  --inner-border-width: 0 0 0px 0;
  width: 100%;
}
.testesd .filter-form-rejected {
  width: 100%;
  margin-bottom: 20px;
}
.testesd .filter-form-rejected ion-label {
  font-size: 14px;
  color: var(--border-bottom);
  margin-bottom: 10px;
}
.testesd .filter-form-rejected .new-input {
  --border-width:0px !important;
  --inner-border-width: 0px !important;
  --inner-padding-end: 0px !important;
  --padding-start: 0px;
}
.testesd .filter-form-rejected .new-input ion-input {
  border: 1px solid #ccc;
  border-radius: 10px;
  --padding-start: 10px;
  font-family: var(--font-bd);
  --padding-end: 10px;
}
.uploadBtn {
  margin-top: 10px;
}
.scroll-auto {
  overflow: auto;
}
.staticPage {
  margin: 16px 16px 40px;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
  padding: 0 0 10px 0;
  background-color: var(--white);
}
.staticPage.faq p {
  font-family: var(--font-rg);
}
.staticPage.faq p strong {
  font-family: var(--font-bd);
}
.staticPage.faq p a {
  font-family: var(--font-bd);
}
.staticPage p {
  font-family: var(--font-md);
  color: var(--border-bottom);
  font-size: 14px;
  line-height: 1.6;
  margin-top: 10px;
  padding-top: 10px;
}
@media screen and (min-width: 320px) {
  .staticPage p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .staticPage p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .staticPage p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .staticPage p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .staticPage p {
    font-size: 16px;
  }
}
.staticPage ol,
.staticPage ul {
  margin: 0 30px;
}
.staticPage ol li,
.staticPage ul li {
  font-family: var(--font-md);
  color: var(--border-bottom);
  font-size: 14px;
  margin-top: 15px;
  list-style-type: disc;
  line-height: 1.6;
}
@media screen and (min-width: 320px) {
  .staticPage ol li,
.staticPage ul li {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .staticPage ol li,
.staticPage ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .staticPage ol li,
.staticPage ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .staticPage ol li,
.staticPage ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .staticPage ol li,
.staticPage ul li {
    font-size: 16px;
  }
}
.scheme-detail-container .outer-info-container {
  background: var(--white);
  border-radius: 20px 20px;
  margin: 0 16px;
  margin-bottom: 20px;
}
.scheme-detail-container .detail-info {
  padding: 30px;
}
.scheme-detail-container .detail-info p:empty {
  display: none;
}
.scheme-detail-container .detail-info h4 {
  font-family: var(--font-md);
  font-size: 16px;
  color: var(--dark-blue);
  padding-bottom: 14px;
}
@media screen and (min-width: 320px) {
  .scheme-detail-container .detail-info h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .scheme-detail-container .detail-info h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .scheme-detail-container .detail-info h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .scheme-detail-container .detail-info h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .scheme-detail-container .detail-info h4 {
    font-size: 18px;
  }
}
.scheme-detail-container .detail-info .scheme-detail-inner p {
  color: var(--border-bottom);
  line-height: 1.6;
  font-size: 14px;
  margin: 0;
  margin-bottom: 30px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .scheme-detail-container .detail-info .scheme-detail-inner p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .scheme-detail-container .detail-info .scheme-detail-inner p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .scheme-detail-container .detail-info .scheme-detail-inner p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .scheme-detail-container .detail-info .scheme-detail-inner p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .scheme-detail-container .detail-info .scheme-detail-inner p {
    font-size: 16px;
  }
}
.scheme-detail-container .detail-info .scheme-detail-inner p a {
  padding: 10px 20px !important;
  display: inline-block;
}
.scheme-detail-container p {
  font-family: var(--font-bd);
}
.scheme-detail-container table {
  font-family: var(--font-md);
  border-collapse: collapse;
  width: 90% !important;
  margin: 0 auto 20px;
}
.scheme-detail-container table td,
.scheme-detail-container table th {
  font-size: 14px;
  border: 1px solid var(--border-bottom);
  padding: 8px;
  color: var(--border-bottom);
  text-align: center;
}
@media screen and (min-width: 320px) {
  .scheme-detail-container table td,
.scheme-detail-container table th {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .scheme-detail-container table td,
.scheme-detail-container table th {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .scheme-detail-container table td,
.scheme-detail-container table th {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .scheme-detail-container table td,
.scheme-detail-container table th {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .scheme-detail-container table td,
.scheme-detail-container table th {
    font-size: 16px;
  }
}
.scheme-detail-container table th {
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: var(--bg-secondary);
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .scheme-detail-container table th {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .scheme-detail-container table th {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .scheme-detail-container table th {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .scheme-detail-container table th {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .scheme-detail-container table th {
    font-size: 16px;
  }
}
.scheme-detail-container .scheme-heading-banner {
  margin: 0 16px;
  margin-top: 16px;
}
.scheme-detail-container .scheme-heading-banner img {
  border-radius: 20px;
}
.offerLable {
  background: #303275;
  color: var(--white);
  font-size: 12px;
  text-align: center;
  position: absolute;
  right: 14px;
  top: 12px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  font-family: var(--font-rg);
  border-radius: 25px;
  text-transform: capitalize;
  cursor: pointer;
}
@media screen and (min-width: 320px) {
  .offerLable {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .offerLable {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .offerLable {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .offerLable {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .offerLable {
    font-size: 14px;
  }
}
.mbsc-material .mbsc-cal .mbsc-cal-btn {
  color: var(--headerColor);
}
.mbsc-material .mbsc-fr-popup {
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2);
}
.mbsc-material .mbsc-fr-popup .mbsc-fr-w {
  background: var(--white);
  border-radius: 10px;
}
.mbsc-material .mbsc-fr-popup .mbsc-fr-w .mbsc-sel-filter-cont {
  padding: 1.2em;
  border-bottom: 1px solid #d5d5d5;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .mbsc-material .mbsc-fr-popup .mbsc-fr-w .mbsc-sel-filter-cont {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .mbsc-material .mbsc-fr-popup .mbsc-fr-w .mbsc-sel-filter-cont {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .mbsc-material .mbsc-fr-popup .mbsc-fr-w .mbsc-sel-filter-cont {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .mbsc-material .mbsc-fr-popup .mbsc-fr-w .mbsc-sel-filter-cont {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .mbsc-material .mbsc-fr-popup .mbsc-fr-w .mbsc-sel-filter-cont {
    font-size: 18px;
  }
}
.mbsc-material .mbsc-sc-whl-gr .mbsc-sc-whl-w {
  margin: 0;
  padding: 0;
}
.mbsc-material .mbsc-sc-whl-sc .mbsc-sc-itm {
  font-size: 14px;
  text-align: left;
}
@media screen and (min-width: 320px) {
  .mbsc-material .mbsc-sc-whl-sc .mbsc-sc-itm {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .mbsc-material .mbsc-sc-whl-sc .mbsc-sc-itm {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .mbsc-material .mbsc-sc-whl-sc .mbsc-sc-itm {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .mbsc-material .mbsc-sc-whl-sc .mbsc-sc-itm {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .mbsc-material .mbsc-sc-whl-sc .mbsc-sc-itm {
    font-size: 16px;
  }
}
.mbsc-material .mbsc-sc-whl-sc .mbsc-sc-itm.mbsc-btn-e {
  font-family: var(--font-rg);
  padding: 0px 15px 0 15px;
  color: var(--dark-blue);
  border-bottom: 1px solid var(--blue-light);
  white-space: normal;
  line-height: 1.2 !important;
  display: flex;
  align-items: center;
}
.mbsc-material .mbsc-sc-whl-sc .mbsc-sc-itm.mbsc-ic-checkmark {
  background: var(--headerColor);
  color: var(--white);
  padding: 0px 35px 0 15px;
}
.mbsc-material .mbsc-fr-btn-cont {
  display: flex !important;
  justify-content: flex-end;
}
.mbsc-material .mbsc-fr-btn-cont .mbsc-fr-w .mbsc-fr-btn-w {
  padding: 0.5em;
  width: auto !important;
}
.mbsc-material .mbsc-fr-btn-cont .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn {
  color: var(--headerColor);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .mbsc-material .mbsc-fr-btn-cont .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .mbsc-material .mbsc-fr-btn-cont .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .mbsc-material .mbsc-fr-btn-cont .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .mbsc-material .mbsc-fr-btn-cont .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .mbsc-material .mbsc-fr-btn-cont .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn {
    font-size: 16px;
  }
}
.mbsc-material .mbsc-sc-whl-gr-c .mbsc-sc-whl-gr {
  padding: 0em 0;
}
.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-whl-c .mbsc-sc-itm-sel::before {
  color: var(--white);
  left: auto;
  right: 3px;
  font-size: 20px;
  top: 7px;
}
@media screen and (min-width: 320px) {
  .mbsc-material .mbsc-sc-whl-multi .mbsc-sc-whl-c .mbsc-sc-itm-sel::before {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .mbsc-material .mbsc-sc-whl-multi .mbsc-sc-whl-c .mbsc-sc-itm-sel::before {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .mbsc-material .mbsc-sc-whl-multi .mbsc-sc-whl-c .mbsc-sc-itm-sel::before {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .mbsc-material .mbsc-sc-whl-multi .mbsc-sc-whl-c .mbsc-sc-itm-sel::before {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .mbsc-material .mbsc-sc-whl-multi .mbsc-sc-whl-c .mbsc-sc-itm-sel::before {
    font-size: 22px;
  }
}
.mbsc-material .mbsc-sel-empty-v {
  font-size: 16px;
  color: var(--dark-blue);
  opacity: 1;
}
@media screen and (min-width: 320px) {
  .mbsc-material .mbsc-sel-empty-v {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .mbsc-material .mbsc-sel-empty-v {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .mbsc-material .mbsc-sel-empty-v {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .mbsc-material .mbsc-sel-empty-v {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .mbsc-material .mbsc-sel-empty-v {
    font-size: 18px;
  }
}
.dataNotFound {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.mbsc-fr-btn-cont {
  padding: 0.5em !important;
  text-align: right;
}
.mbsc-fr-btn-cont .mbsc-fr-btn-w {
  width: auto !important;
  color: #375acc;
  height: 2.4em;
  line-height: 2.4em;
  padding: 0 1em;
  border-radius: 2px;
  font-weight: 700;
  text-transform: uppercase;
}
.mbsc-material .mbsc-cal-today {
  color: var(--dark-blue) !important;
}
.mbsc-material .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
  background: #375acc !important;
  color: var(--white);
}
.mbsc-mobiscroll .mbsc-ltr .mbsc-fr-btn-cont {
  text-align: center !important;
}
.mbsc-mobiscroll .mbsc-ltr .mbsc-fr-btn-cont .mbsc-fr-btn-w .mbsc-fr-btn-e {
  padding: 0 !important;
}
.mbsc-cal-picker .mbsc-cal-cell {
  background: var(--white);
}
.mbsc-cal-picker {
  padding: 0 !important;
}
.mbsc-material .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100% !important;
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .sale-row {
  width: 100%;
}
.staticPage.terms-Condition p {
  font-family: var(--font-rg);
}
.staticPage.terms-Condition p strong {
  font-family: var(--font-bd);
}
.reffer-by {
  background: #303275;
  color: var(--white);
  font-size: 12px;
  text-align: center;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  font-family: var(--font-rg);
  border-radius: 25px;
  text-transform: capitalize;
  margin: 20px auto auto;
  justify-content: center;
}
@media screen and (min-width: 320px) {
  .reffer-by {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .reffer-by {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .reffer-by {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .reffer-by {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .reffer-by {
    font-size: 14px;
  }
}
.reffer-by i {
  margin-right: 5px;
}
.login-container {
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login-container.enter-mobile-number {
  width: 100%;
  overflow-y: auto;
  justify-content: flex-end;
}
.login-container.enter-mobile-number form {
  overflow-y: auto;
  width: 100%;
}
.login-container .header-logo {
  width: 50px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
  top: 18px;
}
.login-container .login-letsin .formOuter {
  display: block;
}
.login-container .login-letsin .formOuter .labelStyle {
  width: 100%;
  margin-bottom: 20px;
  font-size: 14px;
  color: #252324;
}
@media screen and (min-width: 320px) {
  .login-container .login-letsin .formOuter .labelStyle {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .login-container .login-letsin .formOuter .labelStyle {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .login-container .login-letsin .formOuter .labelStyle {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .login-container .login-letsin .formOuter .labelStyle {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .login-container .login-letsin .formOuter .labelStyle {
    font-size: 16px;
  }
}
.login-container .login-letsin .formOuter ion-item {
  border-radius: 8px;
  border: solid 1px #e0dfde;
  background-color: #ffffff;
  --border-color: transparent;
  --min-height: 50px;
  overflow: hidden;
}
.entermobile {
  position: relative;
  bottom: 0;
  width: 100%;
}
.entermobile h3 {
  font-size: 24px;
  color: var(--white);
  margin: 0 auto;
  margin-bottom: 20px;
  width: calc(100% - 40px);
}
@media screen and (min-width: 320px) {
  .entermobile h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 360px) {
  .entermobile h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 400px) {
  .entermobile h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  .entermobile h3 {
    font-size: 26px;
  }
}
@media screen and (min-width: 500px) {
  .entermobile h3 {
    font-size: 26px;
  }
}
.text-center {
  text-align: center !important;
}
.login-two {
  position: relative;
  padding: 0 20px;
}
.login-two .btn-container {
  flex-direction: column;
  position: relative;
  align-items: center;
}
.login-two .btn-container .btn-info {
  margin-top: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding-right: 10px;
  min-width: 280px;
}
.login-two .btn-container .btn-info.btn-secondary {
  background: #0f0a12;
}
.login-two .btn-container .btn-info.btn-secondary .information-icon {
  background-color: rgba(86, 81, 81, 0.7);
}
.login-two .btn-container .btn-info.btn-yellow {
  background: #ffea2d;
  color: #1f2029;
}
.login-two .btn-container .btn-info:last-child {
  margin-top: 0;
}
.login-two .btn-container .btn {
  position: relative;
  display: flex;
  align-items: center;
  background: transparent;
  box-shadow: none;
  border: 0;
  min-height: auto;
  margin: 10px 0;
  padding-right: 0;
  text-transform: initial;
}
.login-two .information-icon {
  width: 28px;
  height: 28px;
  border-radius: 100px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  background-color: rgba(0, 0, 0, 0.7);
}
.login-two .information-icon i {
  font-size: 18px;
  color: var(--white);
}
.login-two p {
  font-family: var(--font-md);
  font-size: 10px;
  opacity: 0.8;
  text-align: center;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .login-two p {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .login-two p {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .login-two p {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .login-two p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .login-two p {
    font-size: 16px;
  }
}
.login-two p.btn-yellow {
  color: var(--dark-blue);
}
.bubble-pop {
  background-color: #0f0a12;
  background-color: #231f20;
  border-radius: 100px;
  color: var(--white);
  display: flex;
  align-items: center;
  padding: 5px 30px;
  position: absolute;
  bottom: calc(100% - 10px);
  left: 0;
  margin: 0 auto;
  right: 0;
  min-height: 60px;
  margin-bottom: 20px;
}
.bubble-pop p {
  margin-top: 0;
  font-size: 12px;
  line-height: 1.2;
  opacity: 0.8;
}
@media screen and (min-width: 320px) {
  .bubble-pop p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .bubble-pop p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .bubble-pop p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .bubble-pop p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .bubble-pop p {
    font-size: 14px;
  }
}
.bubble-pop.speech-down {
  background-color: var(--slprimary);
}
.bubble-pop.speech-down p {
  color: #000000;
}
.offer-btn-wrap {
  display: flex;
  padding-left: 10px;
}
.offer-btn-wrap .offer-btn button {
  background-color: var(--dark-blue);
  border-radius: 15px;
}
.formPrimaryInput ion-input {
  color: #252324;
  font-family: var(--font-rg);
}
.formPrimaryInput ion-input input {
  height: 35px;
}
.input-valid {
  border: solid 1px #375acc !important;
}
.sale-capture ion-card {
  margin: 16px;
  padding: 20px 16px;
  border-radius: 20px;
  box-shadow: 0 6px 6px 0 #42505933;
  background-color: #fbfbfb;
}
.sale-capture ion-card.reason-card {
  padding: 20px 16px;
}
.sale-capture ion-card.reason-card .sale-added {
  position: relative;
  margin-bottom: 17px;
  margin-left: -15px;
  margin-right: 0px;
  padding-right: 22px;
  box-sizing: content-box;
}
.sale-capture ion-card.claimed-card {
  padding: 20px 16px;
}
.sale-capture ion-card .card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  align-items: flex-start;
}
.sale-capture ion-card .card-header .btn {
  border-radius: 25px;
  border: solid 1px var(--headerColor);
  background-color: #ffffff;
  height: 32px;
  color: var(--headerColor);
  display: flex;
  align-items: center;
  min-height: initial;
}
.sale-capture ion-card .sale-row {
  display: flex;
  margin-bottom: 16px;
}
.sale-capture ion-card .sale-row:last-child {
  margin-bottom: 0;
}
.sale-capture ion-card .sale-row.edit-btn {
  display: flex;
  justify-content: flex-start;
}
.sale-capture ion-card .sale-row.edit-btn .btn-container .btn {
  min-height: 42px;
}
.sale-capture ion-card .sale-row .sale-box {
  width: 50%;
  padding-right: 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.sale-capture ion-card .sale-row .sale-box h4 {
  color: var(--dark-blue);
  font-size: 16px;
  font-family: var(--font-md);
  margin-bottom: 5px;
  line-height: 1.2;
}
@media screen and (min-width: 320px) {
  .sale-capture ion-card .sale-row .sale-box h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture ion-card .sale-row .sale-box h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture ion-card .sale-row .sale-box h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture ion-card .sale-row .sale-box h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture ion-card .sale-row .sale-box h4 {
    font-size: 18px;
  }
}
.sale-capture ion-card .sale-row .sale-box p {
  color: var(--border-bottom);
  font-size: 12px;
  margin-top: auto;
}
@media screen and (min-width: 320px) {
  .sale-capture ion-card .sale-row .sale-box p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture ion-card .sale-row .sale-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture ion-card .sale-row .sale-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture ion-card .sale-row .sale-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture ion-card .sale-row .sale-box p {
    font-size: 14px;
  }
}
.sale-capture ion-card .sale-row .sale-box:last-child {
  padding-right: 0;
}
.sale-capture ion-card .sale-added {
  color: var(--border-bottom);
  font-size: 12px;
  background-color: #ecf5ff;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 10px;
  left: 0;
}
@media screen and (min-width: 320px) {
  .sale-capture ion-card .sale-added {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture ion-card .sale-added {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture ion-card .sale-added {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture ion-card .sale-added {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture ion-card .sale-added {
    font-size: 14px;
  }
}
.sale-capture ion-card .claimed-by {
  margin-top: 30px;
  position: relative;
}
.sale-capture ion-card .claimed-by:after {
  content: "";
  position: absolute;
  top: -15px;
  width: calc(100% + 35px);
  height: 1px;
  background: #e0dfde;
  left: -15px;
  right: 0;
}
.sale-capture ion-card .info-icon {
  display: flex;
  align-items: flex-start;
}
.sale-capture ion-card .info-icon .img-wrap {
  width: 30px;
  margin-right: 15px;
}
.sale-capture ion-card .info-icon .img-wrap i {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .sale-capture ion-card .info-icon .img-wrap i {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture ion-card .info-icon .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture ion-card .info-icon .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture ion-card .info-icon .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture ion-card .info-icon .img-wrap i {
    font-size: 30px;
  }
}
.sale-capture ion-card .info-icon .img-wrap .icon-invoice-Pending1 {
  color: #ff5500;
}
.sale-capture ion-card .info-icon .img-wrap .icon-invoice-Rejected {
  color: #e2241b;
}
.sale-capture ion-card .info-icon .img-wrap .icon-invoice-claimed {
  color: var(--headerColor);
}
.sale-capture ion-card .info-icon .img-wrap .icon-invoice-claimed.pending {
  color: #ff5500;
}
.sale-capture ion-card .info-icon .img-wrap .icon-invoice-claimed.pending::before {
  content: "";
}
.sale-capture ion-card .info-icon .img-wrap .icon-invoice-claimed.rejected {
  color: #e2241b;
}
.sale-capture ion-card .info-icon .img-wrap .icon-invoice-claimed.rejected::before {
  content: "";
}
.sale-capture ion-card .info-icon .img-info {
  align-self: center;
}
.sale-capture ion-card .info-icon .img-info h5 {
  line-height: 1;
  color: var(--dark-blue);
  margin-bottom: 3px;
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .sale-capture ion-card .info-icon .img-info h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture ion-card .info-icon .img-info h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture ion-card .info-icon .img-info h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture ion-card .info-icon .img-info h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture ion-card .info-icon .img-info h5 {
    font-size: 18px;
  }
}
.sale-capture ion-card .info-icon .img-info p {
  color: var(--border-bottom);
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .sale-capture ion-card .info-icon .img-info p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture ion-card .info-icon .img-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture ion-card .info-icon .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture ion-card .info-icon .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture ion-card .info-icon .img-info p {
    font-size: 14px;
  }
}
.sale-capture ion-card .info-icon .icon-right i {
  color: var(--dark-blue);
}
.sale-capture ion-card .sale-row-primary {
  border-radius: 0 0 20px 20px;
  background-color: #ecf5ff;
  margin: 0 -16px -20px -16px;
  padding: 10px 16px;
}
.sale-capture-detail {
  padding: 15px 20px;
}
.sale-capture-detail .status-report {
  padding: 12px 17px 12px 17px;
  border-radius: 10px;
  box-shadow: 0 7px 16px 0 #818aa34c;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  max-width: 80%;
  margin: 0 auto;
  position: relative;
  top: 30px;
  z-index: 9;
}
.sale-capture-detail .status-report .img-wrap {
  width: 30px;
  margin-right: 16px;
}
.sale-capture-detail .status-report .img-wrap i {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .sale-capture-detail .status-report .img-wrap i {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail .status-report .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail .status-report .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail .status-report .img-wrap i {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail .status-report .img-wrap i {
    font-size: 30px;
  }
}
.sale-capture-detail .status-report .img-wrap .icon-invoice-Pending1 {
  color: #ff5500;
}
.sale-capture-detail .status-report .img-wrap .icon-invoice-Rejected {
  color: #e2241b;
}
.sale-capture-detail .status-report .img-wrap .icon-invoice-claimed {
  color: var(--headerColor);
}
.sale-capture-detail .status-report .img-wrap .icon-invoice-claimed.pending {
  color: #ff5500;
}
.sale-capture-detail .status-report .img-wrap .icon-invoice-claimed.pending::before {
  content: "";
}
.sale-capture-detail .status-report .img-wrap .icon-invoice-claimed.rejected {
  color: #e2241b;
}
.sale-capture-detail .status-report .img-wrap .icon-invoice-claimed.rejected::before {
  content: "";
}
.sale-capture-detail .status-report h4 {
  font-size: 14px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .sale-capture-detail .status-report h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail .status-report h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail .status-report h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail .status-report h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail .status-report h4 {
    font-size: 16px;
  }
}
.sale-capture-detail .status-report h4 i {
  font-size: 20px;
  color: var(--headerColor);
}
@media screen and (min-width: 320px) {
  .sale-capture-detail .status-report h4 i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail .status-report h4 i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail .status-report h4 i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail .status-report h4 i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail .status-report h4 i {
    font-size: 22px;
  }
}
.sale-capture-detail .sale-detail-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}
.sale-capture-detail .sale-detail-header .img-wrap {
  width: 95px;
  height: 95px;
  margin-right: 16px;
  border-radius: 20px;
  position: relative;
}
.sale-capture-detail .sale-detail-header .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.sale-capture-detail .sale-detail-header .img-wrap .img-zoom {
  color: var(--dark-blue);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--white);
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
  align-items: center;
  font-family: var(--font-md);
  font-style: initial;
  right: -10px;
  bottom: -10px;
  z-index: 1;
}
.sale-capture-detail .sale-detail-header .img-wrap .img-zoom .icon-invoice {
  font-size: 14px;
}
.sale-capture-detail .sale-detail-header .img-wrap .img-zoom h3 {
  font-family: var(--font-md);
  font-size: 12px;
  line-height: 1.1;
  position: relative;
  right: -6px;
  top: 3px;
}
.sale-capture-detail .sale-detail-header .img-info {
  width: 60%;
}
.sale-capture-detail .sale-detail-header .img-info h5 {
  color: var(--white);
  font-size: 16px;
  margin-bottom: 5px;
}
@media screen and (min-width: 320px) {
  .sale-capture-detail .sale-detail-header .img-info h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail .sale-detail-header .img-info h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail .sale-detail-header .img-info h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail .sale-detail-header .img-info h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail .sale-detail-header .img-info h5 {
    font-size: 18px;
  }
}
.sale-capture-detail .sale-detail-header .img-info p {
  color: #b5d9ff;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .sale-capture-detail .sale-detail-header .img-info p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail .sale-detail-header .img-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail .sale-detail-header .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail .sale-detail-header .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail .sale-detail-header .img-info p {
    font-size: 14px;
  }
}
.sale-capture-detail .sale-detail-header .btn-container .btn {
  min-height: 42px;
}
.sale-capture-detail .sale-invoice-preview {
  display: flex;
  justify-content: flex-start;
  margin-right: -10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.sale-capture-detail .sale-invoice-preview p {
  font-size: 13px;
  margin-bottom: 15px;
  width: 100%;
  color: #fff;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .sale-capture-detail .sale-invoice-preview p {
    font-size: 11px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail .sale-invoice-preview p {
    font-size: 13px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail .sale-invoice-preview p {
    font-size: 15px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail .sale-invoice-preview p {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail .sale-invoice-preview p {
    font-size: 15px;
  }
}
.sale-capture-detail .sale-invoice-preview .img-wrap {
  width: calc(20% - 10px);
  margin-right: 10px;
  height: 70px;
  margin-bottom: 10px;
  border: solid 0.25px #ccc;
  border-radius: 20px;
  box-shadow: 0 7px 16px 0 #818aa34c;
  overflow: hidden;
}
.sale-capture-detail .sale-invoice-preview .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sale-capture-detail ion-card {
  background: #fff;
  padding: 56px 20px 20px;
  border-radius: 20px;
  box-shadow: 0 7px 16px 0 #818aa34c;
  margin: 0;
}
.sale-capture-detail ion-card .card-title {
  font-family: var(--font-bd);
  font-size: 14px;
  color: var(--dark-blue);
  margin-bottom: 16px;
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .card-title {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .card-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .card-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .card-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .card-title {
    font-size: 16px;
  }
}
.sale-capture-detail ion-card .sale-row {
  display: flex;
  margin-bottom: 16px;
}
.sale-capture-detail ion-card .sale-row:last-child {
  margin-bottom: 0;
}
.sale-capture-detail ion-card .sale-row.areatext p {
  margin-bottom: 10px;
  padding-left: 12px;
}
.sale-capture-detail ion-card .sale-row.areatext ion-item textarea {
  font-size: 14px;
  color: var(--dark-blue);
  min-height: 100px;
  width: 100%;
  padding: 10px;
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .sale-row.areatext ion-item textarea {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .sale-row.areatext ion-item textarea {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .sale-row.areatext ion-item textarea {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .sale-row.areatext ion-item textarea {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .sale-row.areatext ion-item textarea {
    font-size: 16px;
  }
}
.sale-capture-detail ion-card .sale-row.comments.for-border {
  position: relative;
  margin-top: 22px;
}
.sale-capture-detail ion-card .sale-row.comments.for-border:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  opacity: 0.7;
  background-color: var(--dark-blue);
  top: -10px;
  left: 0;
  right: 0;
}
.sale-capture-detail ion-card .sale-row.comments:last-child {
  margin-bottom: 16px;
}
.sale-capture-detail ion-card .sale-row.comments .sale-box h4 {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.2;
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box h4 {
    font-size: 16px;
  }
}
.sale-capture-detail ion-card .sale-row.comments .sale-box .description {
  padding: 12px;
  background-color: #fbfbfb;
  flex-direction: column;
  margin-bottom: 17px;
}
.sale-capture-detail ion-card .sale-row.comments .sale-box .description:last-child {
  margin-bottom: 0;
}
.sale-capture-detail ion-card .sale-row.comments .sale-box .description p {
  color: var(--border-bottom);
  font-size: 12px;
  padding-bottom: 10px;
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description p {
    font-size: 14px;
  }
}
.sale-capture-detail ion-card .sale-row.comments .sale-box .description h3 {
  color: var(--dark-blue);
  font-size: 14px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .sale-row.comments .sale-box .description h3 {
    font-size: 16px;
  }
}
.sale-capture-detail ion-card .sale-row .sale-box {
  width: 50%;
  padding-right: 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.sale-capture-detail ion-card .sale-row .sale-box h4 {
  color: var(--dark-blue);
  font-size: 16px;
  font-family: var(--font-md);
  margin-bottom: 5px;
  line-height: 1.2;
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .sale-row .sale-box h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .sale-row .sale-box h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .sale-row .sale-box h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .sale-row .sale-box h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .sale-row .sale-box h4 {
    font-size: 18px;
  }
}
.sale-capture-detail ion-card .sale-row .sale-box p {
  color: var(--border-bottom);
  font-size: 12px;
  margin-top: auto;
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .sale-row .sale-box p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .sale-row .sale-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .sale-row .sale-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .sale-row .sale-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .sale-row .sale-box p {
    font-size: 14px;
  }
}
.sale-capture-detail ion-card .sale-row .sale-box:last-child {
  padding-right: 0;
}
.sale-capture-detail ion-card .mtm-details {
  position: relative;
  padding-top: 20px;
}
.sale-capture-detail ion-card .mtm-details:after {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  background: #e0dfde;
  top: 0px;
  left: -20px;
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap {
  padding: 14px 20px 13px 12px;
  background-color: #fbfbfb;
  margin-bottom: 10px;
  box-shadow: 0 6px 6px 0 #a1b5cc4c;
  overflow: hidden;
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head {
  position: relative;
  color: var(--dark-blue);
  font-family: var(--font-bd);
  padding-bottom: 14px;
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head:last-child {
  padding-bottom: 0;
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head:after {
  position: absolute;
  right: 0px;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-family: icomoon;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head:after {
    font-size: 18px;
  }
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head.active:after {
  content: "";
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head h3 {
  font-size: 16px;
  color: var(--dark-blue);
  padding-bottom: 6px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head h3 {
    font-size: 18px;
  }
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head p {
  font-size: 12px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head p {
    font-size: 14px;
  }
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-head.inactive:after {
  content: "";
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body {
  padding-top: 14px;
  border-top: solid 1px #ecf1f5;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body:after {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  background: #e0dfde;
  top: 0;
  left: -15px;
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-wrap {
  width: 20px;
  margin-right: 12px;
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info h5 {
  font-family: var(--font-md);
  font-size: 16px;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info h5 {
    font-size: 18px;
  }
}
.sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info p {
  font-size: 12px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .sale-capture-detail ion-card .mtm-details .mtm-wrap .mtm-body .img-info p {
    font-size: 14px;
  }
}
.sale-capture-detail.mt-top {
  padding: 25px 20px;
  padding-top: 0;
  margin-top: -25px;
}
.perofrmance-wrapper {
  padding: 20px;
}
.no-target {
  padding: 28px 32px 28px 32px;
  border-radius: 20px;
  background-color: var(--primary);
  overflow: hidden;
  margin-bottom: 60px;
}
.no-target img {
  max-width: 80%;
  margin: 0 auto;
}
.no-target .no-target-data {
  margin-top: 10px;
}
.no-target .no-target-data h5 {
  color: var(--white);
  font-size: 16px;
  margin-bottom: 5px;
  text-align: center;
}
@media screen and (min-width: 320px) {
  .no-target .no-target-data h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .no-target .no-target-data h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .no-target .no-target-data h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .no-target .no-target-data h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .no-target .no-target-data h5 {
    font-size: 18px;
  }
}
.no-target .no-target-data p {
  color: var(--white);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .no-target .no-target-data p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .no-target .no-target-data p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .no-target .no-target-data p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .no-target .no-target-data p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .no-target .no-target-data p {
    font-size: 16px;
  }
}
.bg-dark {
  --background: #1f2029;
  background-color: #1f2029;
  padding-bottom: 20px;
}
.graph-card {
  display: flex;
  color: var(--white);
  margin-bottom: 40px;
}
.graph-card .graph-icon {
  margin-right: 16px;
}
.graph-card .graph-icon img {
  min-width: 20px;
}
.graph-card .graph-body {
  width: 100%;
}
.graph-card .graph-body h5 {
  font-size: 14px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .graph-card .graph-body h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .graph-card .graph-body h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .graph-card .graph-body h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .graph-card .graph-body h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .graph-card .graph-body h5 {
    font-size: 16px;
  }
}
.graph-card .graph-body h5 .info-point {
  font-size: 17px;
}
.graph-card .graph-body p {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .graph-card .graph-body p {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .graph-card .graph-body p {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .graph-card .graph-body p {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .graph-card .graph-body p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .graph-card .graph-body p {
    font-size: 16px;
  }
}
.graph-overall-data {
  margin-bottom: 50px;
}
.graph-overall-data h1 {
  color: var(--white);
  font-size: 40px;
  margin-bottom: 10px;
}
.graph-overall-data .graph-sensex-wrapper {
  display: flex;
  justify-content: space-between;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item {
  display: flex;
  flex: 1;
  min-width: 50%;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item .sensex-icons {
  margin-right: 14px;
  min-width: 40px;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item .sensex-icons i {
  font-size: 40px;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body h5 {
  font-size: 14px;
  color: var(--white);
  margin-bottom: 4px;
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body h5 {
    font-size: 16px;
  }
}
.graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body p {
  font-size: 10px;
  color: #a1b5cc;
}
@media screen and (min-width: 320px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body p {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body p {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body p {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item .graph-sensex-body p {
    font-size: 16px;
  }
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.sensex-exceeded .sensex-icons i {
  color: #10c142;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.sensex-exceeded .graph-sensex-body h5 {
  color: #10c142;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.sensex-failed .sensex-icons i {
  color: #ea2034;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.sensex-failed .graph-sensex-body h5 {
  color: #ea2034;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.sensex-progress .sensex-icons i {
  color: #FFEA2D;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.sensex-achieved .sensex-icons {
  background-color: #375ACC;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: self-start;
  width: 40px;
  height: 40px;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.sensex-achieved .sensex-icons i {
  color: var(--white);
  font-size: 18px;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees {
  flex-direction: column;
  align-items: flex-end;
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees h4 {
  font-size: 16px;
  color: var(--white);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees h4 {
    font-size: 18px;
  }
}
.graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees p {
  font-size: 10px;
  color: #a1b5cc;
}
@media screen and (min-width: 320px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees p {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees p {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees p {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .graph-overall-data .graph-sensex-wrapper .sensex-item.target-rupees p {
    font-size: 16px;
  }
}
.card-wrapper {
  box-shadow: 0 7px 16px 0 rgba(129, 138, 163, 0.3);
  background-color: #ffffff;
  border-radius: 20px;
  margin-left: 16px;
  margin-right: 16px;
  min-height: 100px;
}
.card-wrapper .card-title {
  padding: 20px;
  border-top: 1px solid #e0dfde;
}
.card-wrapper .card-title .title-navigation {
  display: flex;
}
.card-wrapper .card-title .title-navigation li {
  color: #797e8e;
  font-size: 14px;
  margin-right: 50px;
}
@media screen and (min-width: 320px) {
  .card-wrapper .card-title .title-navigation li {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .card-wrapper .card-title .title-navigation li {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .card-wrapper .card-title .title-navigation li {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .card-wrapper .card-title .title-navigation li {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .card-wrapper .card-title .title-navigation li {
    font-size: 16px;
  }
}
.card-wrapper .card-title .title-navigation li.active {
  color: #375acc;
  font-family: var(--font-bd);
  padding-bottom: 3px;
  border-bottom: 3px solid #375acc;
}
.card-wrapper .card-title .title-navigation li:last-child {
  margin-right: 0;
}
.card-wrapper .card-title:first-child {
  border-top: 0;
}
.card-wrapper .card-body-wrapper {
  border-top: 1px solid #e0dfde;
}
.card-wrapper .card-body-wrapper .listing-items {
  padding: 16px 20px;
  border-bottom: 1px solid #e0dfde;
}
.card-wrapper .card-body-wrapper .listing-items:last-child {
  border-bottom: none;
}
.card-wrapper .card-body-wrapper .listing-items.for-so {
  display: flex;
  justify-content: space-between;
}
.card-wrapper .card-body-wrapper .listing-items.for-so .listing-header-wrap {
  width: 100%;
}
.card-wrapper .card-body-wrapper .listing-items.for-so .profile-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 16px;
  border: 1px solid var(--dark-blue);
}
.card-wrapper .card-body-wrapper .listing-items.for-so .profile-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.card-wrapper .card-body-wrapper .listing-items.for-so .listing-header {
  flex-wrap: wrap;
  margin-bottom: 13px;
}
.card-wrapper .card-body-wrapper .listing-items.for-so .listing-header h5 {
  color: var(--dark-blue);
  width: 100%;
}
.card-wrapper .card-body-wrapper .listing-items.for-so .listing-header p {
  font-size: 12px;
  font-family: var(--font-md);
  color: var(--headerColor);
}
@media screen and (min-width: 320px) {
  .card-wrapper .card-body-wrapper .listing-items.for-so .listing-header p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .card-wrapper .card-body-wrapper .listing-items.for-so .listing-header p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .card-wrapper .card-body-wrapper .listing-items.for-so .listing-header p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .card-wrapper .card-body-wrapper .listing-items.for-so .listing-header p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .card-wrapper .card-body-wrapper .listing-items.for-so .listing-header p {
    font-size: 14px;
  }
}
.card-wrapper .card-body-wrapper .listing-items .listing-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.card-wrapper .card-body-wrapper .listing-items .listing-header h5 {
  color: #375acc;
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 {
    font-size: 16px;
  }
}
.card-wrapper .card-body-wrapper .listing-items .listing-header h5 span {
  font-size: 12px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 span {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 span {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 span {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-header h5 span {
    font-size: 14px;
  }
}
.card-wrapper .card-body-wrapper .listing-items .listing-header i {
  color: #2A2A33;
  font-size: 16px;
}
.card-wrapper .card-body-wrapper .listing-items .listing-body {
  display: flex;
  justify-content: space-between;
}
.card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items h4 {
  color: #252324;
  font-size: 14px;
  margin-bottom: 3px;
}
@media screen and (min-width: 320px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items h4 {
    font-size: 16px;
  }
}
.card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items p {
  font-size: 12px;
  color: #797e8e;
}
@media screen and (min-width: 320px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items p {
    font-size: 14px;
  }
}
.card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items .sm-icons i {
  font-size: 14px;
}
.card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items .sm-icons .icon-arrow-up-green {
  color: #10c142;
}
.card-wrapper .card-body-wrapper .listing-items .listing-body .listing-body-items .sm-icons .icon-arrow-down-red {
  color: #ea2034;
}
.graph-conatiner {
  width: 100%;
  margin-bottom: 40px;
  position: relative;
}
.graph-conatiner:after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 100%;
  height: 95%;
  background-image: linear-gradient(to top, #1f3992, #2744a7, #2f4fbc, #375ad3, #3e66e9);
  z-index: -1;
  background-repeat: repeat-x;
  background-size: 100% 100%;
  background-position: center;
}
.revamp-filter {
  padding: 20px 16px;
  margin-bottom: 30px;
}
.revamp-filter ion-card {
  margin: 0;
  padding: 30px 20px;
  border-radius: 20px;
  box-shadow: 0 7px 16px 0 #818aa34c;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.revamp-filter ion-card .card-title {
  font-family: var(--font-md);
  font-size: 16px;
  color: var(--dark-blue);
  margin-bottom: 16px;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .card-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .card-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .card-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .card-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .card-title {
    font-size: 18px;
  }
}
.revamp-filter ion-card .form-bg-full {
  background: #fbfbfb;
  margin: 0 -20px;
  padding: 20px 16px;
  margin-bottom: 20px;
}
.revamp-filter ion-card .form-bg-full:last-child {
  margin-bottom: 0;
}
.revamp-filter ion-card .form-bg-full .img-wrap {
  min-height: 160px;
  border-radius: 12px;
  max-height: 160px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.revamp-filter ion-card .form-bg-full .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.revamp-filter ion-card .form-bg-full .img-wrap .del-btn {
  position: absolute;
  width: 25px;
  height: 25px;
  color: var(--headerColor);
  font-size: 16px;
  background-color: transparent;
  top: 20px;
  right: 20px;
  border-radius: 50%;
  background: #fff;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .form-bg-full .img-wrap .del-btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .form-bg-full .img-wrap .del-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .form-bg-full .img-wrap .del-btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .form-bg-full .img-wrap .del-btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .form-bg-full .img-wrap .del-btn {
    font-size: 18px;
  }
}
.revamp-filter ion-card .filter-form {
  margin-bottom: 30px;
}
.revamp-filter ion-card .filter-form .border-all {
  border: none;
}
.revamp-filter ion-card .filter-form .disabled {
  opacity: 0.5;
}
.revamp-filter ion-card .filter-form .pancard-wrap {
  min-height: 150px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.revamp-filter ion-card .filter-form .pancard-wrap.pan-preview img {
  width: 100%;
}
.revamp-filter ion-card .filter-form .pancard-wrap.pan-preview button {
  width: 24px;
  height: 24px;
  padding: 2px;
  right: 2px;
  top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--headerColor);
  color: var(--white);
}
.revamp-filter ion-card .filter-form .pancard-wrap.pan-preview button .icon-close {
  font-size: 10px;
}
.revamp-filter ion-card .filter-form .pancard-wrap img {
  width: 50px;
  margin: 0 auto;
}
.revamp-filter ion-card .filter-form .pancard-wrap button {
  font-size: 18px;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form .pancard-wrap button {
    font-size: 16px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form .pancard-wrap button {
    font-size: 18px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form .pancard-wrap button {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form .pancard-wrap button {
    font-size: 20px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form .pancard-wrap button {
    font-size: 20px;
  }
}
.revamp-filter ion-card .filter-form:last-child {
  margin-bottom: 0;
}
.revamp-filter ion-card .filter-form.accept-checkbox ion-item {
  border-radius: 0;
}
.revamp-filter ion-card .filter-form.accept-checkbox ion-item ion-label {
  margin-left: 10px;
  white-space: normal;
  margin-bottom: 0;
}
.revamp-filter ion-card .filter-form ion-label {
  font-family: var(--font-rg);
  font-size: 12px;
  color: var(--border-bottom);
  margin-bottom: 6px;
  text-align: left;
  display: block;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-label {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-label {
    font-size: 14px;
  }
}
.revamp-filter ion-card .filter-form .tag .btn-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.revamp-filter ion-card .filter-form .tag .btn-container .btn {
  font-size: 12px;
  height: auto;
  padding: 8px 15px;
  border-radius: 50px;
  border: solid 1px #e0dfde;
  background-color: #ffffff;
  margin-bottom: 10px;
  min-height: 40px;
  margin-right: 10px;
  margin-left: initial;
  font-family: var(--font-rg);
  width: calc(50% - 5px);
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form .tag .btn-container .btn {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form .tag .btn-container .btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form .tag .btn-container .btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form .tag .btn-container .btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form .tag .btn-container .btn {
    font-size: 14px;
  }
}
.revamp-filter ion-card .filter-form .tag .btn-container .btn.active {
  color: var(--white);
  background: var(--headerColor);
}
.revamp-filter ion-card .filter-form .tag .btn-container .btn:nth-child(even) {
  margin-right: 0;
}
.revamp-filter ion-card .filter-form .tag.btn-over-auto-fit .btn-container {
  justify-content: flex-start;
}
.revamp-filter ion-card .filter-form .tag.btn-over-auto-fit .btn-container .btn {
  width: auto;
}
.revamp-filter ion-card .filter-form .tag.btn-over-auto-fit .btn-container .btn:nth-child(even) {
  margin-right: 10px;
}
.revamp-filter ion-card .filter-form .ion-item-wrap {
  display: flex;
  justify-content: space-between;
}
.revamp-filter ion-card .filter-form .ion-item-wrap ion-item {
  width: 100%;
}
.revamp-filter ion-card .filter-form .ion-item-wrap button {
  width: 60px;
  border: solid 1px #e0dfde;
  margin-left: 15px;
  border-radius: 8px;
  overflow: hidden;
}
.revamp-filter ion-card .filter-form ion-item {
  --inner-padding-end: 0;
  --min-height: initial;
  --padding-start: 0;
  --border-width: 0 0 0px 0;
  --inner-border-width: 0 0 0px 0;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.revamp-filter ion-card .filter-form ion-item .mbsc-material .mbsc-input {
  padding: 0;
}
.revamp-filter ion-card .filter-form ion-item .select-mtm-btn {
  position: absolute;
  z-index: 99;
  right: 10px;
}
.revamp-filter ion-card .filter-form ion-item ion-select {
  border-radius: 8px;
  border: solid 1px #e0dfde;
  background-color: transparent;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
  padding: 0 10px !important;
  min-width: 100%;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-select {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-select {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-select {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-select {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-select {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-select.date:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--dark-blue);
  font-family: "icomoon";
  height: 45px;
  background: var(--white);
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.date:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.date:after {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.date:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.date:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.date:after {
    font-size: 22px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-select.dropdown:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--dark-blue);
  font-family: "icomoon";
  height: 45px;
  background: var(--white);
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.dropdown:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.dropdown:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.dropdown:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.dropdown:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-select.dropdown:after {
    font-size: 18px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-select input {
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
  padding: 0 10px;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-select input {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-select input {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-select input {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-select input {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-select input {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-input {
  border-radius: 8px;
  border: solid 1px #e0dfde;
  background-color: transparent;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
  padding: 0 10px;
  min-width: 100%;
  padding: 0 10px !important;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-input {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-input {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-input {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-input {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-input {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-input.upload:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--dark-blue);
  font-family: "icomoon";
  height: 45px;
  background: var(--white);
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-input.upload:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-input.upload:after {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-input.upload:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-input.upload:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-input.upload:after {
    font-size: 22px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-input input {
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-input input {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-input input {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-input input {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-input input {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-input input {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item textarea {
  border-radius: 8px;
  background-color: transparent;
  font-family: var(--font-bd);
  font-size: 14px;
  padding: 0 10px;
  min-width: 100%;
  min-height: 90px;
  padding: 10px;
  border: 1px solid #e0dfde;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item textarea {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item textarea {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item textarea {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item textarea {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item textarea {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item mbsc-select {
  border-radius: 8px;
  border: solid 1px #e0dfde;
  background-color: transparent;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
  padding: 0 10px;
  min-width: 100%;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item mbsc-select.date:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--dark-blue);
  font-family: "icomoon";
  height: 45px;
  background: var(--white);
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.date:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.date:after {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.date:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.date:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.date:after {
    font-size: 22px;
  }
}
.revamp-filter ion-card .filter-form ion-item mbsc-select.dropdown:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--dark-blue);
  font-family: "icomoon";
  height: 45px;
  background: var(--white);
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.dropdown:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.dropdown:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.dropdown:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.dropdown:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select.dropdown:after {
    font-size: 18px;
  }
}
.revamp-filter ion-card .filter-form ion-item mbsc-select.dropdown.ng-untouched:after {
  color: #ccc;
}
.revamp-filter ion-card .filter-form ion-item mbsc-select input {
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
  padding-right: 22px;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select input {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select input {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select input {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select input {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-select input {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item mbsc-calendar {
  border-radius: 8px;
  border: solid 1px #e0dfde;
  background-color: transparent;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
  padding: 0 10px;
  min-width: 100%;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item mbsc-calendar.date:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--dark-blue);
  font-family: "icomoon";
  height: 45px;
  background: var(--white);
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.date:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.date:after {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.date:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.date:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.date:after {
    font-size: 22px;
  }
}
.revamp-filter ion-card .filter-form ion-item mbsc-calendar.dropdown:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--dark-blue);
  font-family: "icomoon";
  height: 45px;
  background: var(--white);
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.dropdown:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.dropdown:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.dropdown:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.dropdown:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar.dropdown:after {
    font-size: 18px;
  }
}
.revamp-filter ion-card .filter-form ion-item mbsc-calendar.dropdown.ng-untouched:after {
  color: #ccc;
}
.revamp-filter ion-card .filter-form ion-item mbsc-calendar input {
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar input {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar input {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar input {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar input {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item mbsc-calendar input {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-datetime {
  border-radius: 8px;
  border: solid 1px #e0dfde;
  background-color: transparent;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
  padding: 0 10px;
  min-width: 100%;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime {
    font-size: 16px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-datetime.date:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--dark-blue);
  font-family: "icomoon";
  height: 45px;
  background: var(--white);
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.date:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.date:after {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.date:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.date:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.date:after {
    font-size: 22px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-datetime.dropdown:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--dark-blue);
  font-family: "icomoon";
  height: 45px;
  background: var(--white);
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.dropdown:after {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.dropdown:after {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.dropdown:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.dropdown:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime.dropdown:after {
    font-size: 18px;
  }
}
.revamp-filter ion-card .filter-form ion-item ion-datetime.dropdown.ng-untouched:after {
  color: #ccc;
}
.revamp-filter ion-card .filter-form ion-item ion-datetime input {
  height: 50px;
  line-height: 50px;
  font-family: var(--font-bd);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime input {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime input {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime input {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime input {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .filter-form ion-item ion-datetime input {
    font-size: 16px;
  }
}
.revamp-filter.register-form-primary {
  padding: 0px 0;
  margin-bottom: 0;
  padding-top: 0;
}
.point-card {
  background: var(--headerColor);
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 7px 16px 0 #4250594c;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.point-card .redeem-till-date {
  background: var(--dark-blue);
  padding: 6px 20px 15px 40px;
  display: flex;
  align-items: center;
  margin: -30px;
  margin-top: 20px;
  min-height: 60px;
}
.point-card .redeem-till-date img {
  margin-right: 10px;
}
.point-card .redeem-till-date h2 {
  font-size: 14px;
  color: var(--white);
  display: flex;
  align-items: center;
}
.point-card .redeem-till-date h2 span {
  font-size: 10px;
  margin-left: 10px;
  font-family: var(--font-rg);
}
@media screen and (min-width: 320px) {
  .point-card .redeem-till-date h2 span {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .point-card .redeem-till-date h2 span {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .point-card .redeem-till-date h2 span {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .point-card .redeem-till-date h2 span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .point-card .redeem-till-date h2 span {
    font-size: 16px;
  }
}
.point-card .redeem-till-date i {
  color: var(--white);
  margin-left: auto;
}
.point-card .info-point {
  position: absolute;
  width: 28px;
  height: 28px;
  padding: 7px;
  background-color: #1d3174;
  top: 10px;
  border-radius: 50%;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.point-card .info-point i {
  font-size: 14px;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .point-card .info-point i {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .point-card .info-point i {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .point-card .info-point i {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .point-card .info-point i {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .point-card .info-point i {
    font-size: 16px;
  }
}
.point-card .point-month-data {
  color: var(--white);
  font-size: 16px;
  margin-top: 10px;
}
@media screen and (min-width: 320px) {
  .point-card .point-month-data {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .point-card .point-month-data {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .point-card .point-month-data {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .point-card .point-month-data {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .point-card .point-month-data {
    font-size: 18px;
  }
}
.point-card .point-month-data span {
  font-size: 10px;
  color: #a1b5cc;
}
@media screen and (min-width: 320px) {
  .point-card .point-month-data span {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .point-card .point-month-data span {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .point-card .point-month-data span {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .point-card .point-month-data span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .point-card .point-month-data span {
    font-size: 16px;
  }
}
.point-card .point-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
}
.point-card .point-info .current-point {
  width: 50%;
  border-right: solid 1px #1d3174;
}
.point-card .point-info .current-point h2 {
  font-size: 30px;
  margin-bottom: 10px;
  color: var(--white);
  line-height: 1;
}
@media screen and (min-width: 320px) {
  .point-card .point-info .current-point h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .point-card .point-info .current-point h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .point-card .point-info .current-point h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .point-card .point-info .current-point h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .point-card .point-info .current-point h2 {
    font-size: 30px;
  }
}
.point-card .point-info .current-point .point-img {
  display: flex;
  align-items: center;
}
.point-card .point-info .current-point .point-img .img-wrap {
  width: 41px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin-right: 12px;
}
.point-card .point-info .current-point .point-img .img-wrap i {
  color: #ffea2d;
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .point-card .point-info .current-point .point-img .img-wrap i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .point-card .point-info .current-point .point-img .img-wrap i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .point-card .point-info .current-point .point-img .img-wrap i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .point-card .point-info .current-point .point-img .img-wrap i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .point-card .point-info .current-point .point-img .img-wrap i {
    font-size: 22px;
  }
}
.point-card .point-info .current-point .point-img p {
  font-size: 14px;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .point-card .point-info .current-point .point-img p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .point-card .point-info .current-point .point-img p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .point-card .point-info .current-point .point-img p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .point-card .point-info .current-point .point-img p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .point-card .point-info .current-point .point-img p {
    font-size: 16px;
  }
}
.point-card .point-info .estimated-point {
  display: flex;
  padding-left: 24px;
  flex-wrap: wrap;
  width: 50%;
}
.point-card .point-info .estimated-point h3 {
  color: #b5d9ff;
  font-size: 30px;
  margin-bottom: 10px;
  line-height: 1;
  align-self: flex-end;
  min-width: 50px;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .point-card .point-info .estimated-point h3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 360px) {
  .point-card .point-info .estimated-point h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 400px) {
  .point-card .point-info .estimated-point h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) {
  .point-card .point-info .estimated-point h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 500px) {
  .point-card .point-info .estimated-point h3 {
    font-size: 30px;
  }
}
.point-card .point-info .estimated-point p {
  color: #b5d9ff;
  font-size: 14px;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .point-card .point-info .estimated-point p {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .point-card .point-info .estimated-point p {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .point-card .point-info .estimated-point p {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .point-card .point-info .estimated-point p {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .point-card .point-info .estimated-point p {
    font-size: 16px;
  }
}
.point-card.point-card-two {
  margin: 0;
  background: var(--headerColor-primary);
  padding: 0 !important;
}
.point-card.point-card-two .home-user-container-aso {
  box-shadow: none !important;
  margin-bottom: 0 !important;
}
.point-card.point-card-two .redeem-till-date {
  margin: 0 !important;
}
.point-card.white-card {
  background: var(--white);
}
.point-card.white-card .point-info {
  margin-top: 0;
}
.point-card.white-card .point-info .current-point {
  border-color: transparent !important;
}
.point-card.white-card .point-info .current-point h2 {
  font-size: 50px;
  color: var(--training-color);
}
.point-card.white-card .point-info .current-point .point-img div .img-wrap {
  border: 1px solid var(--training-color);
}
.point-card.white-card .point-info .current-point .point-img div .img-wrap i {
  color: var(--training-color);
}
.point-card.white-card .point-info .current-point p {
  color: var(--border-bottom);
}
.point-card.white-card .point-info .estimated-point h3 {
  color: var(--dark-blue);
}
.point-card.white-card .point-info .estimated-point p {
  color: var(--border-bottom);
}
.training-module {
  background: var(--training-module);
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.training-module .module {
  display: flex;
}
.training-module .module .module-detail {
  width: 68%;
  padding-right: 20px;
}
.training-module .module .module-detail h3 {
  color: var(--white);
  font-family: var(--font-bd);
  margin-bottom: 8px;
  font-size: 12px;
}
.training-module .module .module-detail p {
  color: var(--white);
  font-size: 11px;
}
.training-module .module .module-detail button {
  padding: 8px 16px;
  border-radius: 17px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background: var(--white);
  color: var(--training-module-btn);
  font-size: 12px;
  margin-top: 20px;
}
.training-module .module .module-img {
  width: 32%;
  text-align: right;
}
.training-module .module .module-img img {
  display: inline-block;
}
.no-training-detail {
  box-shadow: 0 7px 16px 0 rgba(66, 80, 89, 0.5);
  background: var(--white);
  padding: 20px;
  margin-bottom: 30px;
  text-align: center;
  border-radius: 20px;
}
.no-training-detail .img-wrapp {
  margin-bottom: 30px;
}
.no-training-detail .img-wrapp img {
  display: inline-block;
}
.no-training-detail p {
  font-size: 14px;
  color: var(--border-bottom);
  margin-bottom: 15px;
}
.no-training-detail button {
  background: var(--primary);
  color: var(--white);
  padding: 10px 20px;
  font-size: 14px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 12px;
}
.training-detail {
  box-shadow: 0 7px 16px 0 rgba(66, 80, 89, 0.5);
  background: var(--white);
  padding: 20px 20px 0;
  margin-bottom: 30px;
  border-radius: 20px;
}
.training-detail .training-detail-title {
  display: flex;
  margin-bottom: 10px;
}
.training-detail .training-detail-title .left-title {
  width: 60%;
}
.training-detail .training-detail-title .right-title {
  width: 40%;
  text-align: right;
}
.training-detail .training-detail-title h3 {
  color: var(--border-bottom);
  font-size: 12px;
  font-family: var(--font-md);
}
.training-detail .training-detail-list {
  padding-bottom: 1px;
}
.training-detail .training-detail-list .training-list {
  display: flex;
  margin-bottom: 20px;
  min-height: 60px;
  border-radius: 10px;
  background: var(--training-list-bg);
  box-shadow: 0 6px 6px 0 rgba(66, 80, 89, 0.2);
  padding: 15px;
}
.training-detail .training-detail-list .training-list .details {
  width: 70%;
  padding-right: 10px;
}
.training-detail .training-detail-list .training-list .details p {
  font-size: 14px;
  font-family: var(--font-md);
  color: var(--dark-blue);
}
.training-detail .training-detail-list .training-list .date {
  width: 30%;
  text-align: right;
}
.training-detail .training-detail-list .training-list .date span {
  color: var(--medium-green);
  font-size: 12px;
  font-family: var(--font-md);
}
.games-wrapper .training-module {
  background: var(--game-color);
}
.games-wrapper .white-card .point-info .current-point {
  border-color: #1d3174 !important;
}
.games-wrapper .white-card .point-info .current-point h2 {
  font-size: 50px;
  color: var(--game-color) !important;
}
.games-wrapper .white-card .point-info .current-point .point-img div .img-wrap {
  border: 1px solid var(--game-color) !important;
}
.games-wrapper .white-card .point-info .current-point .point-img div .img-wrap i {
  color: var(--game-color) !important;
}
.games-wrapper .white-card .point-info .estimated-point h3 {
  min-height: 50px;
  display: flex;
  align-items: center;
}
.games-wrapper .games-detail {
  box-shadow: 0 7px 16px 0 rgba(66, 80, 89, 0.5);
  background: var(--white);
  padding: 20px 20px 0;
  margin-bottom: 30px;
  border-radius: 20px;
}
.games-wrapper .games-detail .game-title {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: center;
}
.games-wrapper .games-detail .game-title .left-title {
  width: 60%;
}
.games-wrapper .games-detail .game-title .left-title h3 {
  color: var(--border-bottom);
  font-size: 12px;
  font-family: var(--font-md);
}
.games-wrapper .game-list .details span {
  font-size: 12px;
  margin-top: 8px;
}
.games-wrapper .game-list .details span.not-attempt {
  color: var(--not-attempt);
}
.games-wrapper .game-list .details span.fail {
  color: var(--failed);
}
.games-wrapper .game-list .details span.wip {
  color: var(--warning);
}
.games-wrapper .game-list .details span.completed {
  color: var(--medium-green);
}
.games-wrapper .game-list .date {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.games-wrapper .game-list .date button {
  color: var(--white);
  background: var(--primary);
  font-size: 12px;
  padding: 6px 15px;
  border-radius: 15px;
}
.games-wrapper .no-training-detail {
  background: none;
  box-shadow: none;
  border-radius: 0;
  padding: 20px 0 2px;
  margin: 0;
}
.email-box {
  display: flex;
  align-items: center;
}
.email-box span {
  border-radius: 17px;
  color: var(--white);
  font-size: 12px;
  padding: 6px 14px;
  background: #6930a0;
  max-width: 90%;
}
.email-box i {
  margin-left: 10px;
}
.email-box i::before {
  color: var(--white);
}
.video-home {
  display: flex;
  justify-content: space-between;
}
.video-home .video-left {
  margin-right: 12px;
  width: 65%;
}
.video-home .video-left .img-wrap {
  width: 100%;
  height: 200px;
  position: relative;
  border-radius: 20px;
  box-shadow: 0 7px 11px 0 #818aa338;
  overflow: hidden;
  cursor: pointer;
}
.video-home .video-left .img-wrap .play-icon {
  position: absolute;
  left: 0;
  right: 0;
  width: 38px;
  height: 38px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
.video-home .video-left .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-home .video-right {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.video-home .video-right .img-wrap {
  width: 100%;
  height: 92px;
  position: relative;
  margin-bottom: 12px;
  border-radius: 20px;
  box-shadow: 0 7px 11px 0 #818aa338;
  overflow: hidden;
}
.video-home .video-right .img-wrap:last-child {
  margin-bottom: 0;
}
.video-home .video-right .img-wrap .play-icon {
  position: absolute;
  left: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
.video-home .video-right .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-page-graph-section {
  border-radius: 20px;
  box-shadow: 0 7px 16px 0 rgba(66, 80, 89, 0.3);
}
.home-page-graph-section .graph-overall-data {
  margin-bottom: 10px;
}
.rounder-button {
  margin-bottom: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rounder-button .info-point {
  width: 28px;
  height: 28px;
  padding: 7px;
  background-color: #0f0a12;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
}
.rounder-button h5 {
  color: #1f2029;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffea2d;
  padding: 3px 15px;
  width: max-content;
  border-radius: 20px;
}
@media screen and (min-width: 320px) {
  .rounder-button h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .rounder-button h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .rounder-button h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .rounder-button h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .rounder-button h5 {
    font-size: 16px;
  }
}
.product-section .prduct-container .card-conatiner {
  display: flex;
  overflow-x: auto;
  flex-wrap: nowrap;
  padding-left: 20px;
  margin-left: -20px;
}
.product-section .prduct-container .card-conatiner .card-items {
  border-radius: 20px;
  box-shadow: 0 10px 16px 0 rgba(66, 80, 89, 0.3);
  padding: 20px 16px;
  margin-right: 16px;
  min-width: 60%;
  margin-bottom: 30px;
  cursor: pointer;
}
.product-section .prduct-container .card-conatiner .card-items:first-child {
  margin-right: 16px;
}
.product-section .prduct-container .card-conatiner .card-items:last-child {
  width: 100%;
  margin-right: 0;
}
.product-section .prduct-container .card-conatiner .card-items .card-header {
  color: #fff;
}
.product-section .prduct-container .card-conatiner .card-items .card-header h4 {
  font-size: 16px;
  margin-bottom: 6px;
}
@media screen and (min-width: 320px) {
  .product-section .prduct-container .card-conatiner .card-items .card-header h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .product-section .prduct-container .card-conatiner .card-items .card-header h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .product-section .prduct-container .card-conatiner .card-items .card-header h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .product-section .prduct-container .card-conatiner .card-items .card-header h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .product-section .prduct-container .card-conatiner .card-items .card-header h4 {
    font-size: 18px;
  }
}
.product-section .prduct-container .card-conatiner .card-items .card-header p {
  font-size: 12px;
}
.product-section .prduct-container .card-conatiner .card-items .image-wrapper {
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 20px;
  border-radius: 20px;
}
.product-section .prduct-container .card-conatiner .card-items .image-wrapper img {
  border-radius: 20px;
  object-fit: cover;
}
.product-section .prduct-container .card-conatiner .card-items .offer-btn {
  display: flex;
}
.product-section .prduct-container .card-conatiner .card-items .offer-btn button {
  background-color: #0f0a12;
  color: #fff;
  font-size: 10px;
  padding: 5px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
@media screen and (min-width: 320px) {
  .product-section .prduct-container .card-conatiner .card-items .offer-btn button {
    font-size: 8px;
  }
}
@media screen and (min-width: 360px) {
  .product-section .prduct-container .card-conatiner .card-items .offer-btn button {
    font-size: 10px;
  }
}
@media screen and (min-width: 400px) {
  .product-section .prduct-container .card-conatiner .card-items .offer-btn button {
    font-size: 12px;
  }
}
@media screen and (min-width: 480px) {
  .product-section .prduct-container .card-conatiner .card-items .offer-btn button {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .product-section .prduct-container .card-conatiner .card-items .offer-btn button {
    font-size: 16px;
  }
}
.product-section .prduct-container .card-conatiner .card-items .offer-btn button.left-icon i {
  margin-right: 3px;
}
.product-section .prduct-container .card-conatiner .card-items .offer-btn button.right-icon i {
  margin-left: 3px;
}
.product-section .prduct-container .card-conatiner .card-items .offer-btn button i {
  font-size: 14px;
  color: #fff;
}
.product-section .prduct-container .card-conatiner .card-items .offer-btn button:last-child {
  margin-left: 0px;
}
.product-section .prduct-container .card-conatiner .card-items.bg-yellow .card-header {
  color: #1f2029;
}
.bg-blue {
  background-color: #375acc;
}
.bg-yellow {
  background-color: #ffea2d;
}
ion-fab-button {
  --background: var(--headerColor);
}
.menu-item .multi-level-dropdown .sub-item {
  cursor: pointer;
}
.menu-item .multi-level-dropdown .sub-item ion-label {
  display: block;
  color: var(--headerColor);
  font-family: var(--font-rg);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .menu-item .multi-level-dropdown .sub-item ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .menu-item .multi-level-dropdown .sub-item ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .menu-item .multi-level-dropdown .sub-item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .menu-item .multi-level-dropdown .sub-item ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .menu-item .multi-level-dropdown .sub-item ion-label {
    font-size: 16px;
  }
}
.menu-item .item-label ion-label {
  display: block;
  overflow: visible;
  z-index: 9;
  color: var(--headerColor);
  font-family: var(--font-md);
  font-size: 16px;
  word-break: break-word;
  white-space: normal;
  min-width: calc(100% - 50px);
}
@media screen and (min-width: 320px) {
  .menu-item .item-label ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .menu-item .item-label ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .menu-item .item-label ion-label {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .menu-item .item-label ion-label {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .menu-item .item-label ion-label {
    font-size: 18px;
  }
}
.menu-item .item-label ion-list {
  display: none;
}
.menu-item .item-label.active ion-label {
  display: block;
  font-family: var(--font-md);
  font-size: 16px;
  z-index: 2;
}
@media screen and (min-width: 320px) {
  .menu-item .item-label.active ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .menu-item .item-label.active ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .menu-item .item-label.active ion-label {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .menu-item .item-label.active ion-label {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .menu-item .item-label.active ion-label {
    font-size: 18px;
  }
}
.menu-item .item-label.active ion-list {
  display: block;
}
.menu-item .item-label.active .menu-icons {
  color: var(--dark-blue);
}
.menu-item .item-label.active .menu-icons .icon-profile-icon::before,
.menu-item .item-label.active .menu-icons .icon-sale-capture::before,
.menu-item .item-label.active .menu-icons .icon-news::before,
.menu-item .item-label.active .menu-icons .icon-home::before {
  color: var(--dark-blue);
}
.menu-item .item-label.parent-active ion-label {
  display: block;
  color: var(--dark-blue);
  font-family: var(--font-md);
  font-size: 16px;
  z-index: 2;
  white-space: normal;
  min-width: calc(100% - 50px);
}
@media screen and (min-width: 320px) {
  .menu-item .item-label.parent-active ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .menu-item .item-label.parent-active ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .menu-item .item-label.parent-active ion-label {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .menu-item .item-label.parent-active ion-label {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .menu-item .item-label.parent-active ion-label {
    font-size: 18px;
  }
}
.menu-item .item-label.parent-active ion-list {
  display: block;
}
.menu-item .item-label.parent-active .menu-label-style {
  display: block;
}
.menu-item .item-label.parent-active .menu-icons {
  color: var(--dark-blue);
}
.menu-item .item-label.parent-active .menu-icons .icon-profile-icon::before,
.menu-item .item-label.parent-active .menu-icons .icon-sale-capture::before,
.menu-item .item-label.parent-active .menu-icons .icon-news::before,
.menu-item .item-label.parent-active .menu-icons .icon-home::before {
  color: var(--dark-blue);
}
.revamp-popup .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(31, 32, 41, 0.8);
  transition: opacity 500ms;
  z-index: 9999;
  overflow: scroll;
}
.revamp-popup .overlay .pop-wrapper {
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  width: 90%;
  position: relative;
  transition: all 5s ease-in-out;
  top: 100px;
  position: relative;
}
.revamp-popup .overlay .pop-wrapper .close {
  position: absolute;
  right: 20px;
  top: 20px;
}
.revamp-popup .overlay .pop-wrapper .close i {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .revamp-popup .overlay .pop-wrapper .close i {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-popup .overlay .pop-wrapper .close i {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-popup .overlay .pop-wrapper .close i {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-popup .overlay .pop-wrapper .close i {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-popup .overlay .pop-wrapper .close i {
    font-size: 22px;
  }
}
.revamp-popup .overlay .pop-wrapper .pop-body {
  padding: 50px 15px 20px;
}
.revamp-popup .overlay .pop-wrapper .pop-body .revamp-filter {
  padding: 0;
}
.revamp-popup .overlay .pop-wrapper .pop-body .revamp-filter ion-card {
  padding: 0;
  box-shadow: none !important;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  --background: none;
}
.revamp-popup .overlay .pop-wrapper .pop-body .revamp-filter ion-card .filter-form {
  margin-bottom: 20px;
}
.revamp-popup .overlay .pop-wrapper .pop-button {
  display: flex;
  justify-content: center;
  border-top: solid 1px #e0dfde;
}
.revamp-popup .overlay .pop-wrapper .pop-button button {
  width: 100%;
  padding: 24px;
  border-right: solid 1px #e0dfde;
  color: var(--dark-blue);
  font-family: var(--font-md);
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .revamp-popup .overlay .pop-wrapper .pop-button button {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-popup .overlay .pop-wrapper .pop-button button {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-popup .overlay .pop-wrapper .pop-button button {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-popup .overlay .pop-wrapper .pop-button button {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-popup .overlay .pop-wrapper .pop-button button {
    font-size: 16px;
  }
}
.revamp-popup .overlay .pop-wrapper .pop-button button.active {
  color: var(--headerColor);
}
.revamp-popup .overlay .pop-wrapper .pop-button button:last-child {
  border-right: none;
}
.outer-primary-radius {
  background: var(--white);
  margin-left: 16px;
  margin-top: 16px;
  margin-right: 16px;
  border-radius: 20px 20px 0 0;
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100% - 32px);
}
.exclusive-list {
  padding: 20px;
}
.exclusive-list .exclusive-box {
  background-color: var(--headerColor);
  width: 100%;
  padding: 12px 14px 16px;
  margin-bottom: 16px;
  border-radius: 20px;
  overflow: hidden;
}
.exclusive-list .exclusive-box .offer-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.exclusive-list .exclusive-box .offer-btn button {
  background-color: #2d4aa9;
  color: #fff;
  font-size: 12px;
  padding: 7px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .exclusive-list .exclusive-box .offer-btn button {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .exclusive-list .exclusive-box .offer-btn button {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .exclusive-list .exclusive-box .offer-btn button {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .exclusive-list .exclusive-box .offer-btn button {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .exclusive-list .exclusive-box .offer-btn button {
    font-size: 14px;
  }
}
.exclusive-list .exclusive-box .offer-btn button.left-icon i {
  margin-right: 3px;
}
.exclusive-list .exclusive-box .offer-btn button.right-icon i {
  margin-left: 3px;
}
.exclusive-list .exclusive-box .offer-btn button i {
  font-size: 14px;
  color: #fff;
}
.exclusive-list .exclusive-box .offer-btn button:last-child {
  margin-left: 8px;
}
.exclusive-list .exclusive-box .img-wrap {
  height: 200px;
  width: 100%;
  margin-top: 20px;
  border-radius: 25px;
}
.exclusive-list .exclusive-box .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.offer-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.offer-btn button {
  background-color: #2d4aa9;
  color: #fff;
  font-size: 12px;
  padding: 7px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .offer-btn button {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .offer-btn button {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .offer-btn button {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .offer-btn button {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .offer-btn button {
    font-size: 14px;
  }
}
.offer-btn button.left-icon i {
  margin-right: 3px;
}
.offer-btn button.right-icon i {
  margin-left: 3px;
}
.offer-btn button i {
  font-size: 14px;
  color: #fff;
}
.offer-btn button:last-child {
  margin-left: 8px;
}
ion-alert .alert-wrapper {
  --max-width: 90%;
  width: 100% !important;
  border-radius: 20px !important;
}
ion-alert .alert-wrapper .alert-radio-group {
  display: flex;
  justify-content: center;
  padding: 30px 20px;
  flex-wrap: wrap;
  background-color: #fbfbfb;
}
ion-alert .alert-wrapper .alert-radio-group .alert-radio-button[aria-checked=true] .alert-button-inner {
  background: var(--headerColor);
  border: solid 1px var(--headerColor);
}
ion-alert .alert-wrapper .alert-radio-group .alert-radio-button[aria-checked=true] .alert-button-inner .alert-radio-label {
  color: #fff;
}
ion-alert .alert-wrapper .alert-radio-group .alert-radio-button[aria-checked=true] .alert-button-inner .alert-radio-icon {
  border-color: var(--white);
  background: var(--white);
  visibility: visible;
  width: 20px;
  height: 20px;
}
ion-alert .alert-wrapper .alert-radio-group .alert-radio-button[aria-checked=true] .alert-button-inner .alert-radio-icon:after {
  content: "";
  position: absolute;
  z-index: 9;
  font-family: "icomoon" !important;
  color: var(--headerColor);
  font-size: 10px;
  top: 0;
  text-align: center;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
ion-alert .alert-wrapper .alert-radio-group .alert-radio-button[aria-checked=true] .alert-button-inner .alert-radio-icon .alert-radio-inner {
  display: none;
}
ion-alert .alert-wrapper .alert-radio-group .alert-radio-button {
  width: 48%;
  max-width: 200px;
  margin-bottom: 10px;
  min-height: 40px;
  height: auto;
  margin-left: 1%;
  margin-right: 1%;
}
ion-alert .alert-wrapper .alert-radio-group .alert-radio-button .alert-button-inner {
  border-radius: 25px;
  border: solid 1px #252324;
  background-color: #ffffff;
}
ion-alert .alert-wrapper .alert-radio-group .alert-radio-button .alert-radio-icon {
  left: 10px;
}
ion-alert .alert-wrapper .alert-radio-group .alert-radio-button .alert-radio-label {
  padding-inline-start: 10px;
  padding-inline-end: 2px;
  color: var(--dark-blue);
  font-family: var(--font-md);
  font-size: 12px;
  text-align: center;
  white-space: normal;
}
@media screen and (min-width: 320px) {
  ion-alert .alert-wrapper .alert-radio-group .alert-radio-button .alert-radio-label {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  ion-alert .alert-wrapper .alert-radio-group .alert-radio-button .alert-radio-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  ion-alert .alert-wrapper .alert-radio-group .alert-radio-button .alert-radio-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  ion-alert .alert-wrapper .alert-radio-group .alert-radio-button .alert-radio-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  ion-alert .alert-wrapper .alert-radio-group .alert-radio-button .alert-radio-label {
    font-size: 14px;
  }
}
.new-input.error {
  border-bottom: solid 1px #f04141 !important;
}
.home-scheme-container.product-section {
  margin-bottom: 0;
}
.product-section .offer-btn {
  justify-content: flex-start;
}
.min-char {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .min-char {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .min-char {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .min-char {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .min-char {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .min-char {
    font-size: 14px;
  }
}
.show-no-year .picker-opts-left {
  visibility: hidden !important;
}
circle-progress svg {
  width: 100%;
  height: auto;
}
.popover-wrapper .popover-content {
  border-radius: 10px;
}
.popover-wrapper .popover-content ion-select-popover ion-list {
  padding-left: 10px;
  --width: auto;
}
.popover-wrapper .popover-content ion-select-popover ion-list ion-radio-group ion-item {
  --inner-border-width: 0 0 0px 0;
  --min-height: auto;
  padding: 10px 0;
}
.popover-wrapper .popover-content ion-select-popover ion-list ion-radio-group ion-item ion-label {
  font-family: var(--font-md);
  text-overflow: inherit;
  white-space: normal;
  flex: content;
}
.popover-wrapper .popover-content ion-select-popover ion-list ion-radio-group ion-item ion-radio {
  opacity: 0;
}
.ion_select {
  width: auto;
}
.ion_select ion-item {
  --min-height: auto;
  --border-width: 0;
  --inner-padding-end: 0;
  min-width: 60px;
  position: relative;
}
.ion_select ion-item ion-select {
  --color: var(--dark-blue);
  font-size: 12px;
  --placeholder-color: var(--dark-blue);
  --placeholder-opacity: 1;
  padding-right: 30px;
}
@media screen and (min-width: 320px) {
  .ion_select ion-item ion-select {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .ion_select ion-item ion-select {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .ion_select ion-item ion-select {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .ion_select ion-item ion-select {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .ion_select ion-item ion-select {
    font-size: 14px;
  }
}
.ion_select ion-item ion-select ion-select-option {
  --padding-start: 0;
}
.ion_select ion-item ion-select::before {
  font-family: "icomoon" !important;
  position: absolute;
  content: "";
  right: 10px;
  top: 0;
  font-size: 13px;
  color: var(--dark-blue);
  background: var(--white);
  pointer-events: none;
}
.ion_select ion-item ion-radio {
  display: none;
}
.rate-visit-tab {
  display: flex;
  margin-bottom: 15px;
}
.rate-visit-tab .profile-user-item {
  position: relative;
  margin-left: 40px;
}
.rate-visit-tab .profile-user-item p {
  font-family: var(--font-md);
  color: var(--border-bottom);
  text-align: center;
}
.rate-visit-tab .profile-user-item.active p {
  color: var(--headerColor);
}
.rate-visit-tab .profile-user-item.active:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  background: var(--headerColor);
  width: 16px;
  height: 4px;
  border-radius: 2.5px;
  background-color: #375acc;
}
.rate-visit-tab .profile-user-item:first-child {
  margin-left: 0;
}
.rate-page .visitDiv {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px var(--border-bottom);
}
.rate-page .visitDiv.novisit {
  border-bottom: none;
  margin-top: 50px;
  padding: 20px;
  text-align: center;
  height: calc(100vh - 120px);
}
.rate-page .visitDiv.novisit .wrap-no-visit {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.rate-page .visitDiv.novisit img {
  max-width: 80px;
  margin-bottom: 20px;
}
.rate-page .visitDiv.novisit p {
  text-align: center;
}
.overlay-pop-black .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
.overlay-pop-black .overlay .popup {
  margin: 0 auto;
  padding: 30px 20px 20px;
  background: #fff;
  border-radius: 25px;
  width: 90%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  animation-name: zoomIn;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.overlay-pop-black .overlay .bottom-new-btn {
  border-top: 1px solid #e0dfde;
  margin: 0 -20px;
  margin-bottom: -20px;
}
.overlay-pop-black .overlay .bottom-new-btn .btn {
  background: none;
  font-family: var(--font-md);
  color: var(--headerColor);
  width: 100%;
  min-height: initial;
  padding: 20px 6px;
  border: 0;
  border-right: 1px solid #e0dfde;
  border-radius: 0;
}
.overlay-pop-black .overlay .bottom-new-btn .btn:first-child {
  color: var(--dark-blue);
}
.overlay-pop-black .overlay .bottom-new-btn .btn:last-child {
  border-right: 0;
  color: var(--headerColor);
}
.overlay-pop-black.registration-pop .overlay .popup {
  text-align: center;
}
.overlay-pop-black.registration-pop .overlay .popup .right-btn i {
  color: var(--white);
}
.overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap img {
  display: inline-block;
  margin: 0px 0 10px;
}
.overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap h3 {
  font-size: 20px;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap h3 {
    font-size: 22px;
  }
}
.overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box {
  justify-content: center;
  margin: 5px 0 10px;
}
.overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box span {
  background: rgba(0, 0, 0, 0.2);
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box span {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box span {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box span {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box span {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box span {
    font-size: 18px;
  }
}
.overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box i {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box i {
    font-size: 14px;
  }
}
@media screen and (min-width: 360px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box i {
    font-size: 16px;
  }
}
@media screen and (min-width: 400px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box i {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box i {
    font-size: 18px;
  }
}
@media screen and (min-width: 500px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .email-box i {
    font-size: 18px;
  }
}
.overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap p {
  font-size: 12px;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap p {
    font-size: 14px;
  }
}
.overlay-pop-black.registration-pop .overlay .popup .footer-pop-wrap .redeem-now button {
  padding: 8px 17px;
}
.overlay-pop-black.registration-pop.training-pop .overlay .popup {
  background: var(--training-module);
}
.overlay-pop-black.registration-pop.games-pop .overlay .popup {
  background: var(--game-color);
}
.overlay-pop-black.registration-pop.greeting-pop .overlay .popup {
  background: var(--greeting-pop);
}
.overlay-pop-black.registration-pop.greeting-pop .overlay .popup .footer-pop-wrap h3 {
  margin: 10px 0;
  font-family: var(--font-md);
}
.overlay-pop-black.registration-pop.greeting-pop .overlay .popup .footer-pop-wrap h4 {
  font-size: 20px;
  color: var(--white);
  font-family: var(--font-md);
}
@media screen and (min-width: 320px) {
  .overlay-pop-black.registration-pop.greeting-pop .overlay .popup .footer-pop-wrap h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .overlay-pop-black.registration-pop.greeting-pop .overlay .popup .footer-pop-wrap h4 {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .overlay-pop-black.registration-pop.greeting-pop .overlay .popup .footer-pop-wrap h4 {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .overlay-pop-black.registration-pop.greeting-pop .overlay .popup .footer-pop-wrap h4 {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .overlay-pop-black.registration-pop.greeting-pop .overlay .popup .footer-pop-wrap h4 {
    font-size: 22px;
  }
}
.pop-points {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.pop-points .pop-details {
  border: 1px dashed var(--extra-light-blue);
  border-radius: 5px;
  padding: 2px;
}
.pop-points .pop-details p {
  background: var(--extra-light-blue);
  padding: 4px 12px;
  border-radius: 5px;
  font-size: 12px;
  color: var(--dark-blue) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .pop-points .pop-details p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .pop-points .pop-details p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .pop-points .pop-details p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .pop-points .pop-details p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .pop-points .pop-details p {
    font-size: 14px;
  }
}
.pop-points .pop-details p h3 {
  margin-bottom: 8px;
}
.pop-points .pop-details p img {
  width: 20px;
  height: 20px;
  margin: 0 5px !important;
}
.pop-points .pop-details p b {
  margin-right: 5px;
}
.custom-fab {
  position: absolute;
  top: unset;
  right: 30px;
  bottom: 90px;
  left: unset;
  z-index: 9999;
}
.custom-fab ion-fab-button {
  --background: var(--primary);
  --background-hover: var(--primary-color);
}
.custom-fab ion-fab-list {
  min-width: inherit;
  width: 100vw;
  right: 0;
  min-height: inherit;
  align-items: flex-end;
  bottom: 60px;
}
.custom-fab ion-fab-list ion-fab-button {
  --background: var(--primary);
  color: var(--white);
  width: 45px;
  height: 45px;
  padding: 2px;
}
.custom-fab ion-fab-list ion-label {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0 0;
  font-size: 14px;
  color: var(--white);
}
.custom-fab .fab-button-close-active {
  position: relative;
}
.custom-fab .fab-button-close-active:before {
  position: fixed;
  content: "";
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.custom-fab .icon-fab {
  background: var(--primary);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  margin: 0 8px 0 10px;
}
.custom-fab .icon-fab i {
  font-size: 14px;
  color: var(--primary-color);
}
.custom-fab.home-fab {
  position: relative;
  bottom: unset;
  right: unset;
  border: 1px solid var(--primary);
  margin-bottom: 4px;
  padding: 2px;
  border-radius: 50%;
}
.custom-fab.home-fab ion-fab-button {
  width: 60px;
  height: 60px;
}
.custom-fab.home-fab ion-fab-list {
  left: 0;
  align-items: flex-start;
  top: 60px;
  bottom: unset;
  right: unset;
}
.custom-fab.home-fab ion-fab-list ion-label {
  flex-direction: row-reverse;
}
.custom-fab.home-fab .icon-fab i {
  color: var(--white);
}
@media only screen and (min-width: 700px) {
  .custom-fab {
    bottom: 40px;
  }
}
.dont-show {
  display: flex;
  justify-content: center;
}
.dont-show label {
  position: relative;
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.dont-show label input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.dont-show label input:checked ~ i {
  background: var(--white);
}
.dont-show label input:checked ~ i::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  width: 8px;
  height: 4px;
  border-left: 1px solid var(--primary);
  border-bottom: 1px solid var(--primary);
  transform: rotate(-45deg) translate(-50%, -50%);
}
.dont-show label i {
  width: 20px;
  height: 20px;
  border: 1px solid var(--white);
  border-radius: 50px;
  margin-right: 8px;
  position: relative;
}
.dont-show label span {
  font-size: 12px;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .dont-show label span {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .dont-show label span {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .dont-show label span {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .dont-show label span {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .dont-show label span {
    font-size: 14px;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.bid-wh-card {
  background: #fff;
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 20px;
  padding: 20px;
  margin-top: 60px;
  margin-bottom: 20px;
}
.bid-wh-card .card-top-box {
  margin-top: -50px;
  background: #fff;
  border-radius: 20px;
  padding: 10px 16px;
  border-radius: 16px;
  box-shadow: 0 7px 16px 0 rgba(129, 138, 163, 0.3);
  margin-bottom: 30px;
}
.bid-wh-card .bid-info {
  display: flex;
  flex-grow: 1;
  width: 100%;
  flex-wrap: wrap;
}
.bid-wh-card .bid-info .bid-box {
  width: calc(55% - 5px);
  margin-right: 5px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}
.bid-wh-card .bid-info .bid-box h5 {
  font-size: 14px;
  color: var(--dark-blue);
  font-family: var(--font-md);
  text-transform: capitalize;
  margin-bottom: 5px;
}
@media screen and (min-width: 320px) {
  .bid-wh-card .bid-info .bid-box h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .bid-wh-card .bid-info .bid-box h5 {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .bid-wh-card .bid-info .bid-box h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .bid-wh-card .bid-info .bid-box h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .bid-wh-card .bid-info .bid-box h5 {
    font-size: 16px;
  }
}
.bid-wh-card .bid-info .bid-box h5.upcoming {
  color: #4ec1e0;
}
.bid-wh-card .bid-info .bid-box h5.ongoing {
  color: #375acc;
}
.bid-wh-card .bid-info .bid-box h5.closed {
  color: #e60734;
}
.bid-wh-card .bid-info .bid-box p {
  font-size: 12px;
  color: var(--border-bottom);
  margin-top: auto;
}
@media screen and (min-width: 320px) {
  .bid-wh-card .bid-info .bid-box p {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .bid-wh-card .bid-info .bid-box p {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .bid-wh-card .bid-info .bid-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .bid-wh-card .bid-info .bid-box p {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .bid-wh-card .bid-info .bid-box p {
    font-size: 14px;
  }
}
.bid-wh-card .bid-info .bid-box:nth-child(2n+0) {
  width: 45%;
  margin-right: 0;
}
.bid-wh-card .bid-hostroy-box .bid-history {
  margin-top: 20px;
}
.bid-wh-card .bid-hostroy-box .bid-history h2 {
  font-family: var(--font-rg);
  font-size: 12px;
  color: var(--border-bottom);
  font-family: var(--font-md);
  margin-bottom: 8px;
}
@media screen and (min-width: 320px) {
  .bid-wh-card .bid-hostroy-box .bid-history h2 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .bid-wh-card .bid-hostroy-box .bid-history h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .bid-wh-card .bid-hostroy-box .bid-history h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .bid-wh-card .bid-hostroy-box .bid-history h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .bid-wh-card .bid-hostroy-box .bid-history h2 {
    font-size: 14px;
  }
}
.bid-wh-card .bid-hostroy-box .bid-history .bid-info {
  box-shadow: 0 6px 6px 0 rgba(161, 181, 204, 0.3);
  background-color: #fbfbfb;
  padding: 0 10px;
}
.bid-wh-card .le-bid-detail .bid-container {
  border-radius: 0;
  box-shadow: initial;
  margin: 0;
  margin-top: 20px;
}
.bid-wh-card .le-bid-detail .bid-container .bid-start-wrap {
  margin: 0;
}
.bid-wh-card .le-bid-detail .bid-container .bid-description {
  padding: 0;
}
.header-logo-primary {
  margin: 0 auto;
  max-width: 100px;
  margin-bottom: auto;
  margin-top: auto;
  padding: 20px 0;
}
.header-logo-primary img {
  max-width: 100px;
}
.new-tag {
  line-height: normal;
  margin-bottom: 5px;
  margin-top: -2px;
}
.new-tag span {
  background: var(--primary);
  border-radius: 50px;
  display: inline-flex;
  padding: 3px 10px;
  font-size: 11px;
  color: var(--white);
  margin: 0;
}
article.communication-rept {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 24px;
  margin-bottom: 20px;
  background: var(--white);
}
article.communication-rept .communication-header {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 24px 24px 0 0;
}
article.communication-rept .communication-header .greeting-icon {
  width: 42px;
  height: 42px;
  margin-right: 20px;
  border-radius: 10px;
  box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.1);
  padding: 9px 0;
  flex: none;
}
article.communication-rept .communication-header .greeting-icon img {
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
article.communication-rept .communication-header .greeting-textarea h2 {
  font-size: 12px;
  color: var(--light-gray);
  font-family: var(--font-rg);
}
@media screen and (min-width: 320px) {
  article.communication-rept .communication-header .greeting-textarea h2 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  article.communication-rept .communication-header .greeting-textarea h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  article.communication-rept .communication-header .greeting-textarea h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  article.communication-rept .communication-header .greeting-textarea h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  article.communication-rept .communication-header .greeting-textarea h2 {
    font-size: 14px;
  }
}
article.communication-rept .communication-header .greeting-textarea h2 span {
  color: var(--dark-blue);
  font-family: var(--font-bd);
}
article.communication-rept .communication-header .greeting-days {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
article.communication-rept .communication-header .greeting-days h2 {
  color: var(--dark-blue);
  font-family: var(--font-bd);
  font-size: 12px;
  margin-left: 5px;
}
@media screen and (min-width: 320px) {
  article.communication-rept .communication-header .greeting-days h2 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  article.communication-rept .communication-header .greeting-days h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  article.communication-rept .communication-header .greeting-days h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  article.communication-rept .communication-header .greeting-days h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  article.communication-rept .communication-header .greeting-days h2 {
    font-size: 14px;
  }
}
article.communication-rept .greeting-icon .icon-download-outline {
  font-size: 20px;
  background: var(--warning-color);
  color: var(--white-color);
  padding: 5px;
  border-radius: 50px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 320px) {
  article.communication-rept .greeting-icon .icon-download-outline {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  article.communication-rept .greeting-icon .icon-download-outline {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  article.communication-rept .greeting-icon .icon-download-outline {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  article.communication-rept .greeting-icon .icon-download-outline {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  article.communication-rept .greeting-icon .icon-download-outline {
    font-size: 22px;
  }
}
article.communication-rept .greeting-points {
  padding: 10px;
  display: flex;
  justify-content: center;
  background: rgba(55, 91, 205, 0.15);
}
article.communication-rept .greeting-points p {
  font-size: 12px;
  color: var(--dark-blue);
}
article.communication-rept .greeting-points .points {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--dark-blue);
}
article.communication-rept .greeting-points .points img {
  width: 20px;
  display: inline-block;
  margin: 0 5px;
}
article.communication-rept .greeting-points .points b {
  margin-right: 5px;
}
article.communication-rept .communication-banners {
  height: 130px;
  width: 100%;
}
article.communication-rept .communication-banners img {
  object-fit: cover;
  height: 130px;
  margin: 0 auto;
  width: 100%;
  background: var(--extra-light);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
/*confetti animation start*/
@keyframes confetti-slow {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
  }
}
@keyframes confetti-medium {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
  }
}
@keyframes confetti-fast {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
  }
}
.confetti-container {
  perspective: 700px;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 25px;
}
.confetti {
  position: absolute;
  z-index: 1;
  top: -10px;
  border-radius: 0%;
}
.confetti--animation-slow {
  animation: confetti-slow 9s linear 1 forwards;
}
.confetti--animation-medium {
  animation: confetti-medium 6s linear 1 forwards;
}
.confetti--animation-fast {
  animation: confetti-fast 3s linear 1 forwards;
}
.animation-container {
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
/*confetti animation end*/
.tab-primary ion-segment {
  display: block;
  white-space: nowrap;
  font-size: 0;
  overflow: auto;
  display: flex;
}
.tab-primary ion-segment::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.tab-primary ion-segment ion-segment-button.segment-button {
  display: inline-block;
  min-width: 90px;
  width: auto;
}
.tab-primary ion-toolbar {
  padding: 0px 4px !important;
  min-height: 43px !important;
}
.tab-primary .toolbar-ios ion-title {
  padding: 0 0px 1px;
}
.tab-primary ion-slide .slide-zoom {
  height: 100%;
  overflow-y: scroll;
}
.tab-primary ion-slides {
  background: transparent;
}
.tab-primary ion-slide {
  padding: 14px 0;
  margin-right: 40px;
  white-space: nowrap;
  font-size: 12px;
  width: auto;
  font-family: var(--font-md);
  color: var(--border-bottom);
  text-align: center;
  position: relative;
}
@media screen and (min-width: 320px) {
  .tab-primary ion-slide {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .tab-primary ion-slide {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .tab-primary ion-slide {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .tab-primary ion-slide {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .tab-primary ion-slide {
    font-size: 14px;
  }
}
.tab-primary ion-slide.active-tab {
  color: var(--headerColor);
}
.tab-primary ion-slide.active-tab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 16px;
  height: 4px;
  border-radius: 2.5px;
  background-color: #375acc;
}
.tab-primary ion-slide:last-child {
  margin-right: 0 !important;
}
.brand-Compe-header {
  background: var(--pagebg);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 14px 10px;
  margin-bottom: 20px;
}
.brand-Compe-header .brand-comp h2 {
  font-size: 12px;
  color: var(--border-bottom);
}
@media screen and (min-width: 320px) {
  .brand-Compe-header .brand-comp h2 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .brand-Compe-header .brand-comp h2 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .brand-Compe-header .brand-comp h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .brand-Compe-header .brand-comp h2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .brand-Compe-header .brand-comp h2 {
    font-size: 14px;
  }
}
.brand-Compe-header .brand-lft {
  width: 100%;
  margin-bottom: 5px;
}
.brand-Compe-header .brand-rgt {
  display: flex;
  align-items: center;
  width: 100%;
  grid-gap: 8px;
  gap: 8px;
}
.brand-Compe-header .brand-rgt li {
  width: calc(100% - 6px);
}
.brand-Compe-header .brand-rgt li.data-total {
  width: calc(34% - 6px);
  display: none;
}
.brand-top-space {
  margin-top: 15px;
}
.brand-comp-head-date {
  margin-bottom: 10px;
}
.brand-comp-head-date h4 {
  font-size: 12px;
  color: var(--border-bottom);
  text-transform: capitalize;
  font-family: var(--font-rg);
}
@media screen and (min-width: 320px) {
  .brand-comp-head-date h4 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .brand-comp-head-date h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .brand-comp-head-date h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .brand-comp-head-date h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .brand-comp-head-date h4 {
    font-size: 14px;
  }
}
.revamp-filter ion-card .brand-compe .brand-filter-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 15px;
  border-bottom: 1px solid var(--blue-lighter);
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.revamp-filter ion-card .brand-compe .brand-filter-form ion-label {
  min-width: 100%;
  padding-bottom: 10px;
  font-size: 14px;
  color: var(--dark-blue);
  font-weight: bold;
  margin-bottom: 0;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .brand-compe .brand-filter-form ion-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .brand-compe .brand-filter-form ion-label {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .brand-compe .brand-filter-form ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .brand-compe .brand-filter-form ion-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .brand-compe .brand-filter-form ion-label {
    font-size: 16px;
  }
}
.revamp-filter ion-card .brand-compe .brand-filter-form ion-input {
  height: 40px;
  line-height: 40px;
}
.revamp-filter ion-card .brand-compe .brand-filter-form .brand-form-col-4 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 8px;
  gap: 8px;
}
.revamp-filter ion-card .brand-compe .brand-filter-form .formPrimaryInput {
  width: calc((100% / 3) - 6px );
}
.revamp-filter ion-card .brand-compe .brand-filter-form .formPrimaryInput.input-total {
  width: calc(34% - 6px);
  display: none;
}
.revamp-filter ion-card .brand-compe .compet-btn-header {
  justify-content: space-between;
  margin-bottom: 20px;
}
.revamp-filter ion-card .brand-compe .compet-btn-header .btn {
  font-family: var(--font-rg);
  color: var(--white);
  font-size: 12px;
  padding: 6px 16px;
  min-height: 26px;
  border: 0;
  margin: 0;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn {
    font-size: 14px;
  }
}
.revamp-filter ion-card .brand-compe .compet-btn-header .btn .icon-add {
  font-size: 8px;
}
.revamp-filter ion-card .brand-compe .compet-btn-header .btn.btn-add {
  background: var(--headerColor);
}
.revamp-filter ion-card .brand-compe .compet-btn-header .btn.btn-remove {
  background: var(--failed);
}
.revamp-filter ion-card .brand-compe .compet-btn-header .btn.btn-remove .icon-add {
  display: none;
}
.revamp-filter ion-card .brand-compe .compet-btn-header .btn-text {
  margin-right: 10px;
}
.revamp-filter ion-card .brand-compe .compet-btn-header .btn-text h3 {
  font-size: 15px;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn-text h3 {
    font-size: 13px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn-text h3 {
    font-size: 15px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn-text h3 {
    font-size: 17px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn-text h3 {
    font-size: 17px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .brand-compe .compet-btn-header .btn-text h3 {
    font-size: 17px;
  }
}
.revamp-filter ion-card .brand-compe .brand-comp-year {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.revamp-filter ion-card .brand-compe .brand-comp-year .filter-form {
  flex: 1;
  margin-bottom: 30px;
}
.revamp-filter ion-card .brand-compe .brand-comp-year .year-boxes {
  margin-left: 20px;
}
.revamp-filter ion-card .brand-compe .brand-comp-year .year-boxes h4 {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .revamp-filter ion-card .brand-compe .brand-comp-year .year-boxes h4 {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .revamp-filter ion-card .brand-compe .brand-comp-year .year-boxes h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .revamp-filter ion-card .brand-compe .brand-comp-year .year-boxes h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .revamp-filter ion-card .brand-compe .brand-comp-year .year-boxes h4 {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .revamp-filter ion-card .brand-compe .brand-comp-year .year-boxes h4 {
    font-size: 14px;
  }
}
.profile-status {
  margin-top: 10px;
  color: var(--white);
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .profile-status {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  .profile-status {
    font-size: 12px;
  }
}
@media screen and (min-width: 400px) {
  .profile-status {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) {
  .profile-status {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .profile-status {
    font-size: 14px;
  }
}
.profile-status .icon-call {
  margin-right: 5px;
}
.ios .language ion-item {
  padding: 0;
}
.ios .language ion-item.item-radio-checked ion-radio {
  width: 25px;
  height: 25px;
}
.ios .language ion-item.item-radio-checked ion-label {
  padding: 10px;
}
.ios .language ion-item ion-radio {
  width: 25px;
  height: 25px;
  border: 1px solid #999;
}
.ios .slider-wrap .backBtn {
  width: auto;
}
.ios .headerTitle {
  position: absolute;
  left: 0;
  right: 0;
  transform: none;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.ios .intro-banner-wrap img {
  height: 240px !important;
}
.ios ion-header .add-button {
  transform: none;
  top: 20%;
}
.ios .menu-container:after {
  z-index: -1;
}
.ios ion-menu .multi-level-dropdown {
  width: 100%;
}
.ios ion-back-button {
  padding-left: 10px;
  color: #333333;
}
.ios .revamp-filter .mbsc-ios .mbsc-select-ic {
  right: -4em;
  opacity: 0;
}
.ios .mbsc-sel-multi .mbsc-sel-filter-cont.mbsc-input {
  margin-top: 12px;
}
.ios .mbsc-sel-multi .mbsc-sel-filter-cont.mbsc-input input {
  height: 3em;
}
.ios .otpScreen ion-input {
  padding: 10px 0 !important;
  position: relative;
}
.ios .otpScreen .native-input {
  height: 100%;
  width: 100%;
  padding: 0;
  text-align: center;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 1;
}
.ios .home-brand-logo-container img {
  height: auto;
}
.ios .profile-user-data-container ion-card {
  padding-top: 10px;
}
.ios .revamp-filter ion-card .filter-form ion-item ion-input input {
  line-height: 1;
}
.ios app-profile ion-back-button,
.ios app-category-filter ion-back-button,
.ios app-whats-new-detail ion-back-button {
  color: var(--white);
}
.ios .alert-wrapper .alert-radio-group .alert-button-inner {
  flex-direction: row-reverse;
}
.ios .alert-wrapper .alert-radio-group .alert-button-inner .alert-radio-icon {
  border-radius: 50%;
  min-width: max-content;
  border: 1px solid #999;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  min-width: max-content;
}
.ios .alert-wrapper .alert-radio-group .alert-radio-button .alert-radio-label {
  min-width: max-content;
  margin-left: -20px;
}
.ios .exit-pop .alert-message {
  padding: 20px 0 30px;
}
.ios app-activate-role .register-container .custom-header {
  position: sticky;
  top: 20px;
  z-index: 9;
  padding: 20px 20px 40px;
}
.ios app-activate-role .register-container .custom-header .backBtn {
  width: auto;
}
.ios .t2-register-container {
  padding-top: 30px;
  margin-top: 30px;
}
.ios .t2-register-container .language.business-type ion-item {
  padding: 20px 14px;
}
.ios .file-upload {
  border-radius: 8px;
  border: solid 1px #e0dfde;
  background-color: transparent;
  overflow: hidden;
  height: 50px;
  min-width: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.ios .file-upload .upload {
  font-family: var(--font-bd);
  font-size: 14px;
  opacity: 0.5;
  color: var(--dark-blue);
}
@media screen and (min-width: 320px) {
  .ios .file-upload .upload {
    font-size: 12px;
  }
}
@media screen and (min-width: 360px) {
  .ios .file-upload .upload {
    font-size: 14px;
  }
}
@media screen and (min-width: 400px) {
  .ios .file-upload .upload {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .ios .file-upload .upload {
    font-size: 16px;
  }
}
@media screen and (min-width: 500px) {
  .ios .file-upload .upload {
    font-size: 16px;
  }
}
.ios .file-upload:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--dark-blue);
  font-family: "icomoon";
  background: var(--white);
  pointer-events: none;
}
@media screen and (min-width: 320px) {
  .ios .file-upload:after {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) {
  .ios .file-upload:after {
    font-size: 20px;
  }
}
@media screen and (min-width: 400px) {
  .ios .file-upload:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 480px) {
  .ios .file-upload:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 500px) {
  .ios .file-upload:after {
    font-size: 22px;
  }
}
@media screen and (min-width: 700px) {
  ion-app {
    max-width: 540px;
    margin: 0 auto;
  }
}
.mbsc-sel-hdn{position:absolute;height:1px !important;width:1px !important;margin:0 !important;padding:0 !important;left:0;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.mbsc-sel .mbsc-sel-gr{padding:0 .25em;opacity:1;font-weight:bold;text-align:left}.mbsc-sel .mbsc-fr-c{position:relative}.mbsc-sel-multi .mbsc-sc-whl-w .mbsc-sc-whl-l{display:none}.mbsc-sel-empty{display:none;opacity:.6;position:absolute;z-index:2;top:50%;left:0;width:100%;height:2em;margin-top:-1em;font-size:1.5em;line-height:2em}.mbsc-sel-empty-v{display:block}.mbsc-sel-filter-clear{position:absolute;top:0;height:100%;width:1.5em;display:none;justify-content:center;align-items:center;cursor:pointer;font-size:1.125em}.mbsc-sel-filter-show-clear{display:flex}.mbsc-sel-input-wrap{position:relative}.mbsc-sel .mbsc-ltr .mbsc-sel-filter-cont .mbsc-sel-filter-input{padding-right:1.5em}.mbsc-sel .mbsc-rtl .mbsc-sel-filter-cont .mbsc-sel-filter-input{padding-left:1.5em}.mbsc-ltr .mbsc-sel-filter-clear{right:0}.mbsc-rtl .mbsc-sel-filter-clear{left:0}.mbsc-mobiscroll .mbsc-sc-whl .mbsc-sel-gr{padding:0 .25em;font-size:1.125em}.mbsc-ltr .mbsc-img-w{text-align:left}.mbsc-ltr .mbsc-img-txt{margin:0 0 0 .5em}.mbsc-rtl .mbsc-img-w{text-align:right}.mbsc-rtl .mbsc-img-txt{margin:0 .5em 0 0}.mbsc-img-w .mbsc-ic{display:inline-block;margin:0 .5em}.mbsc-img-txt{display:inline-block}.mbsc-img-c{min-width:50px;height:28px;margin-top:-2px;display:inline-block;text-align:center;vertical-align:middle;line-height:normal}.mbsc-img{max-height:28px}.mbsc-cal-slide,.mbsc-cal-day,.mbsc-cal-day-i{box-sizing:border-box}.mbsc-cal .mbsc-cal-day-date{text-align:center;box-sizing:content-box}.mbsc-cal-hdr,.mbsc-cal-btn-w,.mbsc-cal-days-c,.mbsc-cal-days,.mbsc-cal-tabbed .mbsc-fr-c .mbsc-sc-whl-gr-c{display:flex}.mbsc-cal-btn-w,.mbsc-cal-month,.mbsc-cal-year,.mbsc-cal-days,.mbsc-cal-days>div{flex:1 auto}.mbsc-cal-c{position:relative;display:inline-block;vertical-align:middle}.mbsc-cal-btn-w{width:50%}.mbsc-cal-month,.mbsc-cal-year{width:1%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.mbsc-cal-btn.mbsc-disabled{opacity:.3;cursor:not-allowed}.mbsc-cal-days{line-height:1.875em;text-align:center}.mbsc-cal-days>div{width:14.285715%}.mbsc-cal-body{position:relative}.mbsc-cal-scroll-c{overflow:hidden;height:100%}.mbsc-cal-scroll{width:100%;height:100%}.mbsc-cal-slide{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}.mbsc-cal-slide:first-child{position:relative}.mbsc-cal-table{display:table;width:100%;height:100%}.mbsc-cal-row{display:table-row}.mbsc-cal-cell{display:table-cell;vertical-align:middle}.mbsc-cal-cell:focus{outline:0}.mbsc-cal-picker{position:absolute;top:0;right:0;bottom:0;left:0;padding:.9375em 0;transition:all .2s ease-in-out}.mbsc-cal-picker .mbsc-cal-cell{width:33.333333%;height:25%;cursor:pointer}.mbsc-cal-h{visibility:hidden;opacity:0}.mbsc-cal-day{max-width:14.285715%;height:16.666667%;position:relative;text-align:center;cursor:pointer}.mbsc-cal-day-i{position:relative;height:100%}.mbsc-cal-day-diff .mbsc-cal-day-i{opacity:.5}.mbsc-cal-week-view .mbsc-cal-day-i,.mbsc-cal-day-diff.mbsc-selected .mbsc-cal-day-i{opacity:1}.mbsc-cal-cell.mbsc-disabled{cursor:not-allowed}.mbsc-cal-cell.mbsc-disabled .mbsc-cal-cell-txt{opacity:.2}.mbsc-cal-hide-diff .mbsc-cal-day-diff{cursor:default}.mbsc-cal-hide-diff .mbsc-cal-day-diff .mbsc-cal-day-i{visibility:hidden}.mbsc-cal-hide-diff .mbsc-cal-table .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-diff:hover{background:none}.mbsc-ltr .mbsc-cal-weeks .mbsc-cal-days{margin-left:1.625em}.mbsc-rtl .mbsc-cal-weeks .mbsc-cal-days{margin-right:1.625em}.mbsc-cal-week-nr{width:1.625em;text-align:center}.mbsc-cal-multi .mbsc-cal-hdr{display:block}.mbsc-cal-multi .mbsc-cal-btn-w{width:auto}.mbsc-cal-multi .mbsc-cal-days,.mbsc-cal-multi .mbsc-cal-slide{padding:0 .5em}.mbsc-fr-liq .mbsc-cal-c{display:block}.mbsc-fr-liq .mbsc-cal-table{table-layout:fixed}.mbsc-calendar.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-overlay{display:none}.mbsc-calendar.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-w{border-radius:0;padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.mbsc-cal-tabs-c{display:none}.mbsc-cal-tabs{display:table;width:100%;margin:0;padding:0;list-style:none}.mbsc-cal-tab{position:relative;width:33.33%;display:table-cell;overflow:hidden;cursor:pointer}.mbsc-cal-tabbed .mbsc-fr-c{position:relative}.mbsc-cal-tabbed .mbsc-w-p{transition:opacity .2s ease-in-out}.mbsc-cal-tabbed .mbsc-sc-whl-gr{width:100%}.mbsc-cal-tabbed .mbsc-sc-whl-gr-c{position:absolute;z-index:1;top:0;left:0;width:100%;max-width:none;height:100%;-ms-box-align:center;align-items:center}.mbsc-cal-tabbed .mbsc-cal-c,.mbsc-cal-tabbed .mbsc-cal-tabs-c{display:block}.mbsc-cal-tabbed .mbsc-fr-pos .mbsc-sc-whl-gr-c{width:auto}.mbsc-cal-has-marks .mbsc-cal-day{padding-bottom:.25em}.mbsc-cal-marks{position:absolute;left:0;right:0;height:.375em;margin-top:-0.125em;overflow:hidden;white-space:nowrap}.mbsc-cal-mark{display:inline-block;vertical-align:top;width:.25em;height:.25em;margin:.0625em;border-radius:.25em}.mbsc-cal-has-txt .mbsc-cal-day{padding-bottom:1em}.mbsc-cal-has-txt .mbsc-cal-day .mbsc-cal-icons{background:none}.mbsc-cal-txt{position:absolute;left:.1em;right:.1em;height:1.6em;line-height:1.6em;overflow:hidden;padding:0 .2em;font-size:.625em;white-space:nowrap}.mbsc-mobiscroll .mbsc-cal-c{padding:.5em}.mbsc-mobiscroll .mbsc-cal-btn-w{font-size:1.125em;line-height:2.222223em}.mbsc-mobiscroll .mbsc-cal .mbsc-cal-btn{width:2.222223em;height:2.222223em;line-height:2.222223em;padding:0;border-radius:2em}.mbsc-mobiscroll .mbsc-cal-picker{border-top:1px solid transparent;background:#f7f7f7}.mbsc-mobiscroll .mbsc-cal-picker .mbsc-cal-cell-i{display:inline-block;height:2em;padding:0 1em;line-height:2em;border-radius:2em;white-space:nowrap}.mbsc-mobiscroll .mbsc-cal-days>div{border-bottom:1px solid #4eccc4;color:#4eccc4;font-size:.6875em}.mbsc-mobiscroll .mbsc-cal-day-date{display:inline-block;width:2.153847em;height:2.153847em;margin:.307692em 0;line-height:2.153847em;font-size:.8125em;border:2px solid transparent;border-radius:2em}.mbsc-mobiscroll .mbsc-cal-today{color:#4eccc4}.mbsc-mobiscroll.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt,.mbsc-mobiscroll .mbsc-cal-cell:focus .mbsc-cal-cell-txt{background:rgba(78,204,196,0.3)}.mbsc-mobiscroll .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt{background:#4eccc4;color:#f7f7f7}.mbsc-mobiscroll .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date{border-color:#4eccc4}.mbsc-mobiscroll .mbsc-cal-week-nr{width:2.363637em;font-size:.6875em;color:#4eccc4}.mbsc-mobiscroll .mbsc-cal-tabs-c{line-height:1.875em;padding:.5em .5em 0 .5em;text-transform:uppercase}.mbsc-mobiscroll .mbsc-cal-tab{border:1px solid #4eccc4;font-size:.7em;padding:0 1.2em;color:#454545}.mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:first-child{border-right:0}.mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:last-child{border-left:0}.mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:last-child{border-right:0}.mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:first-child{border-left:0}.mbsc-mobiscroll .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected{background:#4eccc4;color:#f7f7f7}.mbsc-mobiscroll .mbsc-cal-mark{background:#454545}.mbsc-mobiscroll .mbsc-cal-txt{color:#f7f7f7;background:#454545}.mbsc-mobiscroll .mbsc-cal-icons{color:#454545}.mbsc-ts .mbsc-ts-lbl{display:none}.mbsc-timer .mbsc-timer-lbl{display:none}.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-cont{display:table}.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w{width:1px;text-align:left;display:table-cell;float:none}.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w:first-child{width:auto;text-align:left}.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w .mbsc-fr-btn{display:inline-block;vertical-align:middle;text-align:center;text-decoration:none}.mbsc-anim-trans .mbsc-fr-scroll{overflow:hidden}.mbsc-anim-trans-flip .mbsc-fr-persp,.mbsc-anim-trans-swing .mbsc-fr-persp{perspective:1000px}.mbsc-anim-trans .mbsc-fr-popup,.mbsc-anim-trans .mbsc-fr-overlay{animation-fill-mode:forwards}.mbsc-anim-in .mbsc-fr-popup,.mbsc-anim-in .mbsc-fr-overlay{-webkit-animation-timing-function:ease-out;-webkit-animation-duration:225ms;animation-timing-function:ease-out;animation-duration:225ms}.mbsc-anim-out .mbsc-fr-popup,.mbsc-anim-out .mbsc-fr-overlay{-webkit-animation-timing-function:ease-in;-webkit-animation-duration:195ms;animation-timing-function:ease-in;animation-duration:195ms}.mbsc-anim-in .mbsc-fr-overlay{animation-name:mbsc-anim-f-in}.mbsc-anim-out .mbsc-fr-overlay{animation-name:mbsc-anim-f-out}.mbsc-anim-flip,.mbsc-anim-swing,.mbsc-anim-slidehorizontal,.mbsc-anim-slidevertical,.mbsc-anim-slidedown,.mbsc-anim-slideup,.mbsc-anim-fade{-webkit-backface-visibility:hidden;-webkit-transform:translateX(0);backface-visibility:hidden;transform:translateX(0)}.mbsc-anim-swing,.mbsc-anim-slidehorizontal,.mbsc-anim-slidevertical,.mbsc-anim-slidedown,.mbsc-anim-slideup,.mbsc-anim-fade{transform-origin:0 0}.mbsc-anim-flip,.mbsc-anim-pop{transform-origin:50% 50%}.mbsc-anim-in .mbsc-anim-pop{opacity:1;-webkit-animation-name:mbsc-anim-p-in;-webkit-animation-duration:100ms;-webkit-transform:scale(1);animation-name:mbsc-anim-p-in;animation-duration:100ms;transform:scale(1)}.mbsc-anim-out .mbsc-anim-pop{opacity:0;-webkit-animation-name:mbsc-anim-p-out;-webkit-animation-duration:150ms;animation-name:mbsc-anim-p-out;animation-duration:150ms}.mbsc-anim-trans-pop .mbsc-fr-overlay{animation-duration:150ms}.mbsc-anim-in .mbsc-anim-flip{opacity:1;-webkit-animation-name:mbsc-anim-fl-in;-webkit-transform:scale(1);animation-name:mbsc-anim-fl-in;transform:scale(1)}.mbsc-anim-out .mbsc-anim-flip{opacity:0;animation-name:mbsc-anim-fl-out}.mbsc-anim-in .mbsc-anim-swing{opacity:1;-webkit-animation-name:mbsc-anim-sw-in;transform:scale(1);animation-name:mbsc-anim-sw-in}.mbsc-anim-out .mbsc-anim-swing{opacity:0;animation-name:mbsc-anim-sw-out}.mbsc-anim-in .mbsc-anim-slidehorizontal{opacity:1;-webkit-animation-name:mbsc-anim-sh-in;transform:scale(1);animation-name:mbsc-anim-sh-in}.mbsc-anim-out .mbsc-anim-slidehorizontal{opacity:0;animation-name:mbsc-anim-sh-out}.mbsc-anim-in .mbsc-anim-slidevertical{opacity:1;-webkit-animation-name:mbsc-anim-sv-in;-webkit-transform:scale(1);animation-name:mbsc-anim-sv-in;transform:scale(1)}.mbsc-anim-out .mbsc-anim-slidevertical{opacity:0;animation-name:mbsc-anim-sv-out}.mbsc-anim-in .mbsc-anim-slidedown{-webkit-animation-name:mbsc-anim-sd-in;-webkit-transform:scale(1);animation-name:mbsc-anim-sd-in;transform:scale(1)}.mbsc-anim-out .mbsc-anim-slidedown{-webkit-animation-name:mbsc-anim-sd-out;-webkit-transform:translateY(-100%);animation-name:mbsc-anim-sd-out}.mbsc-anim-in .mbsc-anim-slideup{-webkit-animation-name:mbsc-anim-su-in;transform:scale(1);animation-name:mbsc-anim-su-in}.mbsc-anim-out .mbsc-anim-slideup{-webkit-animation-name:mbsc-anim-su-out;-webkit-transform:translateY(100%);animation-name:mbsc-anim-su-out}.mbsc-anim-in .mbsc-anim-fade{opacity:1;animation-name:mbsc-anim-f-in}.mbsc-anim-out .mbsc-anim-fade{opacity:0;animation-name:mbsc-anim-f-out}@keyframes mbsc-anim-f-in{from{opacity:0}to{opacity:1}}@keyframes mbsc-anim-f-out{from{visibility:visible;opacity:1}to{opacity:0}}@keyframes mbsc-anim-p-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes mbsc-anim-p-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes mbsc-anim-fl-in{from{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes mbsc-anim-fl-out{from{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(-90deg)}}@keyframes mbsc-anim-sw-in{from{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0deg)}}@keyframes mbsc-anim-sw-out{from{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(-90deg)}}@keyframes mbsc-anim-sh-in{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes mbsc-anim-sh-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes mbsc-anim-sv-in{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes mbsc-anim-sv-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes mbsc-anim-sd-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes mbsc-anim-sd-out{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes mbsc-anim-su-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mbsc-anim-su-out{from{transform:translateY(0)}to{transform:translateY(100%)}}.mbsc-fr-w,.mbsc-fr-overlay{-webkit-transform:translateZ(0)}.mbsc-fr{pointer-events:none;z-index:99998;font-weight:normal;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%}.mbsc-fr-lock{touch-action:none}.mbsc-fr-lock-ctx{position:relative}.mbsc-fr-lock.mbsc-fr-lock-ios{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;height:auto}.mbsc-fr-scroll{position:relative;z-index:2;width:100%;height:100%;touch-action:pan-y;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mbsc-fr-scroll:focus{outline:none;outline-offset:-2px}.mbsc-fr-popup{max-width:98%;position:absolute;z-index:2;top:0;left:0;font-size:12px;text-shadow:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}.mbsc-rtl{direction:rtl}.mbsc-fr-popup,.mbsc-fr-btn-cont{box-sizing:border-box}.mbsc-fr .mbsc-fr-w{box-sizing:content-box}.mbsc-fr-w{min-width:200px;overflow:hidden;text-align:center;font-family:arial,verdana,sans-serif}.mbsc-fr,.mbsc-fr-persp,.mbsc-fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0}.mbsc-fr-lock-ctx>.mbsc-fr,.mbsc-fr-lock-ctx .mbsc-fr-persp,.mbsc-fr-lock-ctx .mbsc-fr-overlay{position:absolute}.mbsc-fr-persp{pointer-events:auto;overflow:hidden}.mbsc-fr-overlay{z-index:1;background:rgba(0,0,0,0.7);-webkit-transform:translateZ(0)}.mbsc-fr-liq .mbsc-fr-popup{max-width:100%}.mbsc-fr-top .mbsc-fr-popup,.mbsc-fr-bottom .mbsc-fr-popup{width:100%;max-width:100%}.mbsc-fr-top .mbsc-fr-w,.mbsc-fr-bottom .mbsc-fr-w{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.mbsc-fr-bottom .mbsc-fr-w{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.mbsc-fr-top .mbsc-fr-popup{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.mbsc-fr-inline{position:static;pointer-events:auto}.mbsc-fr-inline .mbsc-fr-popup{position:static;max-width:100%}.mbsc-fr-bubble,.mbsc-fr-bubble .mbsc-fr-persp{position:absolute}.mbsc-fr-bubble .mbsc-fr-arr-w{position:absolute;z-index:1;left:0;width:100%}.mbsc-fr-bubble-top .mbsc-fr-arr-w{top:100%}.mbsc-fr-bubble-bottom .mbsc-fr-arr-w{bottom:100%}.mbsc-fr-bubble .mbsc-fr-arr-i{margin:0 1.75em;position:relative;direction:ltr}.mbsc-fr-bubble .mbsc-fr-arr{display:block}.mbsc-fr-arr{display:none;position:relative;left:0;width:0;height:0;border-width:18px 18px;border-style:solid;margin-left:-18px}.mbsc-fr-bubble-bottom .mbsc-fr-arr{bottom:0}.mbsc-fr-bubble-top .mbsc-fr-arr{top:0}.mbsc-fr-hdn{width:0;height:0;margin:0;padding:0;border:0;overflow:hidden}.mbsc-fr-hdr{overflow:hidden;text-overflow:ellipsis}.mbsc-fr-btn{overflow:hidden;display:block;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}.mbsc-fr-btn-e{cursor:pointer}.mbsc-fr-btn.mbsc-disabled{cursor:not-allowed}.mbsc-fr-btn-cont{display:table;width:100%;text-align:center}.mbsc-fr-btn-cont .mbsc-disabled{opacity:.3}.mbsc-fr-btn-w{vertical-align:top;display:table-cell;position:relative;z-index:5}.mbsc-fr-btn-w .mbsc-fr-btn:before{padding:.375em}.mbsc-mobiscroll .mbsc-fr-w{min-width:16em;background:#f7f7f7;color:#454545;font-size:16px}.mbsc-mobiscroll .mbsc-fr-hdr{padding:0 .6666em;padding-top:.6666em;color:#4eccc4;font-size:.75em;text-transform:uppercase;min-height:2em;line-height:2em}.mbsc-mobiscroll .mbsc-fr-btn-cont{display:block;overflow:hidden;text-align:right;padding:0 .5em .5em .5em}.mbsc-mobiscroll .mbsc-ltr .mbsc-fr-btn-cont{text-align:right}.mbsc-mobiscroll .mbsc-rtl .mbsc-fr-btn-cont{text-align:left}.mbsc-mobiscroll .mbsc-fr-btn-w{display:inline-block}.mbsc-mobiscroll .mbsc-fr-btn{height:2.5em;line-height:2.5em;padding:0 1em;color:#4eccc4;text-transform:uppercase}.mbsc-mobiscroll .mbsc-fr-btn.mbsc-active,.mbsc-mobiscroll.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover{background:rgba(78,204,196,0.3)}.mbsc-mobiscroll.mbsc-fr-center .mbsc-fr-w,.mbsc-mobiscroll.mbsc-fr-bubble .mbsc-fr-w{border-radius:.25em}.mbsc-mobiscroll .mbsc-fr-bubble-bottom .mbsc-fr-arr{border-color:transparent transparent #f7f7f7 transparent}.mbsc-mobiscroll .mbsc-fr-bubble-top .mbsc-fr-arr{border-color:#f7f7f7 transparent transparent transparent}.mbsc-color{font-size:16px}.mbsc-color-scroll-cont{padding:.125em 0 .1875em 0;overflow:hidden}.mbsc-color-cont{display:table;table-layout:fixed;margin:0 auto}.mbsc-color-item-c{position:relative;display:table-cell;padding:.18755em;max-width:4.25em;max-height:4.25em}.mbsc-color-clear-item,.mbsc-color-item{position:relative;min-width:3.5em;min-height:3.5em;margin:.1875em;cursor:pointer}.mbsc-color-clear-item{background:rgba(223,222,222,0.6)}.mbsc-color-clear-cross{position:absolute;height:100%;width:2px;top:0;left:50%;margin-left:-1px;background:red;transform:rotate(-45deg)}.mbsc-color-row{padding:0 .5em}.mbsc-color.mbsc-fr-bubble .mbsc-fr-w,.mbsc-color.mbsc-fr-center .mbsc-fr-w{max-width:286px;min-width:280px}.mbsc-color .mbsc-fr-c{padding:.25em 0}.mbsc-color-vertical .mbsc-color-cont{width:100%;height:100%;white-space:normal;text-align:start}.mbsc-color-vertical .mbsc-color-item-c{display:inline-block;vertical-align:top;text-align:center}.mbsc-color .mbsc-color-slider-cont.mbsc-progress{padding:0}.mbsc-color .mbsc-color-slider-cont .mbsc-progress-cont{padding:1.5em 0}.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track{height:.25em}.mbsc-color .mbsc-color-slider-cont .mbsc-slider-handle-cont{top:.125em}.mbsc-color .mbsc-color-slider-cont .mbsc-slider-step{display:none}.mbsc-color-clear-item:before,.mbsc-color-item:before{position:absolute;width:1em;height:1em;top:50%;left:50%;margin-top:-0.5em;margin-left:-0.5em;color:#f7f7f7;display:none;font-size:1.5em}.mbsc-color-clear-item:before{display:block}.mbsc-color-clear-item,.mbsc-color-input-item-close:before,.mbsc-color-selected::before{display:block;text-shadow:0 0 .125em #000}.mbsc-color-refine-preview{display:table;padding:0 .25em}.mbsc-color-preview-cont{border-top:1px solid #ccc;overflow:hidden;padding-top:.25em}.mbsc-color-preview-item-c{display:table-cell}.mbsc-color-preview-item{min-width:1.875em;width:1.875em;height:1.875em;margin:.25em;cursor:pointer;background:transparent;box-sizing:border-box}.mbsc-color-preview-item-empty{border:1px dashed;border-color:#bbb}.mbsc-color-input{position:relative;display:flex;flex-flow:row wrap;flex-wrap:wrap;justify-content:flex-start}.mbsc-color-input:empty:not(:focus):before{content:attr(data-placeholder);position:absolute;top:50%;margin-top:-0.625em;color:#ccc;font-size:1em}.mbsc-color-input:not(.mbsc-comp){border:1px solid #aaa;min-height:2.125em;width:100%;padding:.125em;box-sizing:border-box}.mbsc-color-input-item{display:inline-block;flex:auto;position:relative;margin:.125em;height:1.5em;width:4.0625em;vertical-align:middle}.mbsc-color-input-hdn{position:absolute;height:1px !important;width:1px !important;margin:0 !important;padding:0 !important;left:0;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.mbsc-color-input-item-close{position:absolute;display:table-cell;top:10%;right:0;height:80%;width:1.75em;color:#fff;border-left:1px solid #fff;text-align:center;line-height:1.25em}.mbsc-form .mbsc-color-input{margin:0;padding:0;border:0;border-radius:0;outline:0;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.ui-input-text .mbsc-color-input{border-color:transparent}.mbsc-mobiscroll .mbsc-color-preview-item{border-radius:1em}.mbsc-mobiscroll .mbsc-color-clear-item,.mbsc-mobiscroll .mbsc-color-item{border-radius:1.75em}.mbsc-mobiscroll .mbsc-color-active,.mbsc-mobiscroll.mbsc-no-touch .mbsc-color-item-c:hover{border-radius:3em;box-shadow:inset 0 0 0 .1875em #4eccc4}.mbsc-mobiscroll .mbsc-color-preview-cont{padding:.25em 0 0 .25em}.mbsc-mobiscroll.mbsc-form .mbsc-color-input{height:auto;min-height:2.125em;padding:0 0 1px 0;background:transparent;border-bottom:1px solid #787878;font-size:1em;color:#1f1f1f}.mbsc-mobiscroll.mbsc-form .mbsc-color-input-item{margin:.25em .125em 0 .125em;border-radius:.125em}.mbsc-range-btn,.mbsc-range-btn-t,.mbsc-range-btn-c{box-sizing:border-box}.mbsc-range-btn-t{display:table;width:100%}.mbsc-range-btn-c{display:table-cell;width:50%}.mbsc-range-btn{text-decoration:none;display:block;cursor:pointer}.mbsc-cal-hide-diff .mbsc-cal-day-diff:after{display:none}.mbsc-mobiscroll .mbsc-range-btn-t{padding:.5em .25em 0 .25em}.mbsc-mobiscroll .mbsc-range-btn{margin:0 .3333em;padding:.3333em;border:1px solid #4eccc4;font-size:.75em;line-height:1.666667em}.mbsc-mobiscroll.mbsc-range .mbsc-range-btn-t .mbsc-range-btn.mbsc-selected{background:#4eccc4;color:#f7f7f7}.mbsc-mobiscroll.mbsc-range .mbsc-fr-w{padding:0}.mbsc-mobiscroll.mbsc-range .mbsc-fr-hdr{padding-top:.6666em}.mbsc-mobiscroll.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date{background:none;border-color:transparent;color:#454545}.mbsc-mobiscroll.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date{background:#4eccc4;border-color:#4eccc4;color:#f7f7f7}.mbsc-mobiscroll.mbsc-range .mbsc-cal-day.mbsc-selected:after{content:'';position:absolute;z-index:-1;top:.25em;left:0;right:0;height:2em;background:rgba(78,204,196,0.3)}.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after{left:50%;margin-left:-1em}.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after{right:50%;margin-right:-1em}.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-first:after,.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after,.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after,.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-last:after{border-top-left-radius:2em;border-bottom-left-radius:2em}.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-last:after,.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after,.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after,.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-first:after{border-top-right-radius:2em;border-bottom-right-radius:2em}.mbsc-sc-whl-o,.mbsc-sc-btn{-webkit-transform:translateZ(0)}.mbsc-sc .mbsc-sc-whl-gr-c,.mbsc-sc .mbsc-sc-whl-c,.mbsc-sc .mbsc-sc-whl-l,.mbsc-sc .mbsc-sc-whl{box-sizing:content-box}.mbsc-sc-whl-gr-c,.mbsc-sc-itm{box-sizing:border-box}.mbsc-sc-whl-gr-c{position:relative;max-width:100%;vertical-align:middle;display:inline-block;overflow:hidden}.mbsc-fr-bottom .mbsc-sc-whl-gr-c:first-child:last-child,.mbsc-fr-top .mbsc-sc-whl-gr-c:first-child:last-child,.mbsc-fr-inline .mbsc-sc-whl-gr-c:first-child:last-child,.mbsc-fr-liq .mbsc-sc-whl-gr-c{display:block}.mbsc-sc-whl-gr{margin:0 auto;position:relative;display:flex;justify-content:center}.mbsc-sc-whl-w{max-width:100%;position:relative}.mbsc-fr-liq .mbsc-sc-whl-w{flex:1 auto}.mbsc-sc-whl-o{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none}.mbsc-sc-whl-l{display:none;position:absolute;top:50%;left:0;right:0;pointer-events:none}.mbsc-sc-whl-w .mbsc-sc-whl-l{display:block}.mbsc-sc-whl{overflow:hidden;border-top:1px solid transparent;border-bottom:1px solid transparent}.mbsc-sc-whl-c{position:relative;z-index:1;top:50%;border-top:1px solid transparent;border-bottom:1px solid transparent}.mbsc-sc-whl-sc{position:relative}.mbsc-sc-itm{position:relative;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbsc-sc-itm-inv,.mbsc-sc-itm-inv-h{opacity:.3}.mbsc-sc-lbl{position:absolute;left:0;right:0;bottom:100%;display:none}.mbsc-sc-lbl-v .mbsc-sc-lbl{display:block}.mbsc-sc-btn{position:absolute;z-index:2;left:0;right:0;cursor:pointer;opacity:1;transition:opacity .2s linear}.mbsc-sc-btn:before{position:absolute;top:0;right:0;left:0}.mbsc-sc-whl-a .mbsc-sc-btn{opacity:0}.mbsc-sc-btn-plus{bottom:0}.mbsc-sc-btn-minus{top:0}.mbsc-sc-whl-gr-3d{perspective:1200px}.mbsc-sc-whl-gr-3d .mbsc-sc-whl{overflow:visible}.mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{overflow:hidden}.mbsc-sc-whl-3d{position:absolute;top:50%;left:0;right:0;transform-style:preserve-3d}.mbsc-sc-itm-3d{position:absolute;width:100%;top:0;left:0;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mbsc-sc-itm-del{display:none}.mbsc-sc-itm-ml{width:100%;height:auto;display:inline-block;vertical-align:middle;white-space:normal}.mbsc-sc-whl-multi .mbsc-sc-itm-sel:before{position:absolute;top:0;left:0;width:1em;text-align:center}.mbsc-mobiscroll .mbsc-sc-whl-gr{padding:.5em .25em}.mbsc-mobiscroll .mbsc-sc-whl-w{margin:0 .25em}.mbsc-mobiscroll .mbsc-sc-lbl-v .mbsc-sc-whl-w{margin-top:1.875em}.mbsc-mobiscroll .mbsc-sc-lbl{color:#4eccc4;font-size:.75em;line-height:2.5em;text-transform:uppercase}.mbsc-mobiscroll .mbsc-sc-whl-l{border-top:1px solid #4eccc4;border-bottom:1px solid #4eccc4}.mbsc-mobiscroll .mbsc-sc-btn{color:#4eccc4;background:#f7f7f7}.mbsc-mobiscroll .mbsc-sc-btn:before{font-size:1.5em}.mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-btn:hover:before,.mbsc-mobiscroll .mbsc-sc-btn.mbsc-active:before{background:rgba(78,204,196,0.3)}.mbsc-mobiscroll .mbsc-sc-itm{padding:0 .25em;font-size:1.375em}.mbsc-mobiscroll .mbsc-sc-itm.mbsc-active{background:rgba(78,204,196,0.3)}.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm{padding:0 1.818181em}.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before{font-size:1.818181em;color:#4eccc4}.mbsc-cloak{visibility:hidden !important}.mbsc-empty{text-align:center;margin:3em;color:inherit}.mbsc-empty h3{margin:.666666em 0;padding:0;color:inherit;font-size:1.5em;font-weight:normal;font-family:inherit}.mbsc-empty p{margin:1em 0;padding:0;font-size:1em;line-height:1.5}@font-face{font-family:'icons_mobiscroll';src:url('icons_mobiscroll.woff?rnylde') format('woff'),url('icons_mobiscroll.woff') format('woff'),url('icons_mobiscroll.ttf?rnylde') format('truetype');font-weight:normal;font-style:normal}.mbsc-ic:before{font-family:'icons_mobiscroll';speak:none;font-style:normal;font-weight:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mbsc-ic-aid::before{content:"\ea01"}.mbsc-ic-airplane::before{content:"\ea04"}.mbsc-ic-alarm2::before{content:"\ea08"}.mbsc-ic-arrow-down5::before{content:"\ea02"}.mbsc-ic-arrow-left4::before{content:"\ea05"}.mbsc-ic-arrow-left5::before{content:"\ea03"}.mbsc-ic-arrow-left6::before{content:"\ea06"}.mbsc-ic-arrow-right4::before{content:"\ea07"}.mbsc-ic-arrow-right5::before{content:"\ea09"}.mbsc-ic-arrow-right6::before{content:"\ea0a"}.mbsc-ic-arrow-up5::before{content:"\ea0b"}.mbsc-ic-attachment::before{content:"\ea10"}.mbsc-ic-backspace::before{content:"\ea0c"}.mbsc-ic-backspace3::before{content:"\ea0d"}.mbsc-ic-backspace4::before{content:"\ea0e"}.mbsc-ic-bars::before{content:"\ea0f"}.mbsc-ic-book::before{content:"\ea11"}.mbsc-ic-bubble::before{content:"\ea12"}.mbsc-ic-bubbles::before{content:"\ea18"}.mbsc-ic-bullhorn::before{content:"\ea17"}.mbsc-ic-calendar::before{content:"\ea13"}.mbsc-ic-camera::before{content:"\ea19"}.mbsc-ic-cart::before{content:"\ea14"}.mbsc-ic-checkmark::before{content:"\ea15"}.mbsc-ic-clock::before{content:"\ea16"}.mbsc-ic-close::before{content:"\ea1a"}.mbsc-ic-cloud-download::before{content:"\ea1b"}.mbsc-ic-cloud-upload::before{content:"\ea1c"}.mbsc-ic-cogs::before{content:"\ea1d"}.mbsc-ic-connection::before{content:"\ea1e"}.mbsc-ic-copy2::before{content:"\ea1f"}.mbsc-ic-copy3::before{content:"\ea20"}.mbsc-ic-credit::before{content:"\ea21"}.mbsc-ic-disk::before{content:"\ea22"}.mbsc-ic-download::before{content:"\ea23"}.mbsc-ic-drawer::before{content:"\ea24"}.mbsc-ic-droplet::before{content:"\ea25"}.mbsc-ic-earth::before{content:"\ea26"}.mbsc-ic-eye-blocked::before{content:"\ea27"}.mbsc-ic-eye::before{content:"\ea28"}.mbsc-ic-fa-globe::before{content:"\ea29"}.mbsc-ic-fa-leaf::before{content:"\ea2a"}.mbsc-ic-fa-mail-reply::before{content:"\ea2b"}.mbsc-ic-fa-retweet::before{content:"\ea2c"}.mbsc-ic-fa-rotate-left::before{content:"\ea2d"}.mbsc-ic-file4::before{content:"\ea2e"}.mbsc-ic-film::before{content:"\ea2f"}.mbsc-ic-flag::before{content:"\ea30"}.mbsc-ic-folder::before{content:"\ea31"}.mbsc-ic-forward::before{content:"\ea32"}.mbsc-ic-foundation-mail::before{content:"\ea3a"}.mbsc-ic-foundation-minus-circle::before{content:"\ea33"}.mbsc-ic-globe::before{content:"\ea35"}.mbsc-ic-heart::before{content:"\ea34"}.mbsc-ic-history::before{content:"\ea36"}.mbsc-ic-home::before{content:"\ea37"}.mbsc-ic-image2::before{content:"\ea38"}.mbsc-ic-ion-android-system-windows::before{content:"\ea39"}.mbsc-ic-ion-bluetooth::before{content:"\ea3b"}.mbsc-ic-ion-close-circled::before{content:"\ea3c"}.mbsc-ic-ion-ios7-arrow-back::before{content:"\ea3d"}.mbsc-ic-ion-ios7-arrow-forward::before{content:"\ea3e"}.mbsc-ic-ion-ios7-checkmark-empty::before{content:"\ea3f"}.mbsc-ic-ion-navigate::before{content:"\ea40"}.mbsc-ic-ios-backspace::before{content:"\ea42"}.mbsc-ic-key2::before{content:"\ea41"}.mbsc-ic-library::before{content:"\ea43"}.mbsc-ic-line-settings::before{content:"\ea44"}.mbsc-ic-link::before{content:"\ea45"}.mbsc-ic-location::before{content:"\ea46"}.mbsc-ic-lock2::before{content:"\ea47"}.mbsc-ic-loop2::before{content:"\ea48"}.mbsc-ic-map::before{content:"\ea4a"}.mbsc-ic-material-arrow-back::before{content:"\ea49"}.mbsc-ic-material-brightness-medium::before{content:"\ea4b"}.mbsc-ic-material-check::before{content:"\ea4c"}.mbsc-ic-material-close::before{content:"\ea4d"}.mbsc-ic-material-crop::before{content:"\ea4e"}.mbsc-ic-material-equalizer::before{content:"\ea4f"}.mbsc-ic-material-filter::before{content:"\ea51"}.mbsc-ic-material-iso::before{content:"\ea50"}.mbsc-ic-material-menu::before{content:"\ea52"}.mbsc-ic-material-more-horiz::before{content:"\ea53"}.mbsc-ic-material-palette::before{content:"\ea54"}.mbsc-ic-material-pause::before{content:"\ea55"}.mbsc-ic-material-people::before{content:"\ea57"}.mbsc-ic-material-photo-size-select-large::before{content:"\ea56"}.mbsc-ic-material-play-arrow::before{content:"\ea58"}.mbsc-ic-material-repeat::before{content:"\ea59"}.mbsc-ic-material-rotate-right::before{content:"\ea5a"}.mbsc-ic-material-shuffle::before{content:"\ea5d"}.mbsc-ic-material-skip-next::before{content:"\ea5b"}.mbsc-ic-material-skip-previous::before{content:"\ea5c"}.mbsc-ic-material-stop::before{content:"\ea5e"}.mbsc-ic-material-texture::before{content:"\ea5f"}.mbsc-ic-material-wb-auto::before{content:"\ea60"}.mbsc-ic-meteo-cloud2::before{content:"\ea61"}.mbsc-ic-meteo-cloud3::before{content:"\ea62"}.mbsc-ic-meteo-cloudy::before{content:"\ea63"}.mbsc-ic-meteo-sun::before{content:"\ea64"}.mbsc-ic-minus::before{content:"\ea65"}.mbsc-ic-mobile::before{content:"\ea66"}.mbsc-ic-music::before{content:"\ea67"}.mbsc-ic-neutral::before{content:"\ea68"}.mbsc-ic-newspaper::before{content:"\ea69"}.mbsc-ic-office::before{content:"\ea6a"}.mbsc-ic-pause2::before{content:"\ea6b"}.mbsc-ic-pencil::before{content:"\ea6c"}.mbsc-ic-phone::before{content:"\ea6d"}.mbsc-ic-play::before{content:"\ea6e"}.mbsc-ic-play3::before{content:"\ea6f"}.mbsc-ic-plus::before{content:"\ea70"}.mbsc-ic-redo2::before{content:"\ea71"}.mbsc-ic-remove::before{content:"\ea72"}.mbsc-ic-reply::before{content:"\ea73"}.mbsc-ic-sad::before{content:"\ea74"}.mbsc-ic-sad2::before{content:"\ea75"}.mbsc-ic-share::before{content:"\ea76"}.mbsc-ic-smiley::before{content:"\ea77"}.mbsc-ic-smiley2::before{content:"\ea79"}.mbsc-ic-stack::before{content:"\ea78"}.mbsc-ic-star::before{content:"\ea7a"}.mbsc-ic-star3::before{content:"\ea7b"}.mbsc-ic-stop2::before{content:"\ea7c"}.mbsc-ic-stopwatch::before{content:"\ea7d"}.mbsc-ic-support::before{content:"\ea7f"}.mbsc-ic-tag::before{content:"\ea80"}.mbsc-ic-thumbs-up::before{content:"\ea7e"}.mbsc-ic-thumbs-up2::before{content:"\ea81"}.mbsc-ic-undo2::before{content:"\ea82"}.mbsc-ic-unlocked::before{content:"\ea85"}.mbsc-ic-upload::before{content:"\ea83"}.mbsc-ic-user4::before{content:"\ea84"}.mbsc-ic-volume-high::before{content:"\ea86"}.mbsc-ic-volume-medium::before{content:"\ea87"}.mbsc-ic-volume-mute2::before{content:"\ea88"}.mbsc-lv-cont{overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:pan-y;user-select:none;touch-action:pan-y;font-size:16px}.mbsc-lv{display:none;position:relative;list-style:none;margin:0;padding:0}.mbsc-lv-v{display:block}.mbsc-lv-gr-title{position:relative;z-index:3;display:block}.mbsc-lv .mbsc-lv-item{position:relative;z-index:2;list-style:none;display:block}.mbsc-lv-mobiscroll{font-family:arial,verdana,sans-serif;padding-top:1px}.mbsc-lv-mobiscroll .mbsc-lv{background:#c9c9c9}.mbsc-lv-mobiscroll .mbsc-lv-item{margin-top:-1px;padding:1.25em;background:#f7f7f7;color:#454545;font-weight:normal}.mbsc-lv-mobiscroll .mbsc-lv-gr-title{padding:0 1.25em;font-size:.75em;text-transform:uppercase;line-height:2em;background:#4eccc4;margin-top:-1px;color:#f7f7f7}@keyframes mbsc-lv-spin{from{transform:rotate(180deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes mbsc-lv-remove-right{to{transform:translateX(100%)}}@keyframes mbsc-lv-remove-left{to{transform:translateX(-100%)}}@keyframes mbsc-lv-add-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes mbsc-lv-add-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes mbsc-lv-pop-in{from{transform:scale(0);opacity:0}to{transform:scale(1)}}@keyframes mbsc-lv-pop-out{from{transform:scale(1)}to{transform:scale(0);opacity:0}}@keyframes mbsc-lv-collapse{from{padding:0;border:0}to{padding:0;border:0;height:0}}@keyframes mbsc-lv-expand{from{padding:0;border:0;height:0}to{padding:0;border:0}}@keyframes mbsc-lv-fill{from{transform:scale(1, 0)}to{transform:scale(1, 1)}}.mbsc-lv-stage-c-v,.mbsc-lv-item,.mbsc-lv-gr-title,.mbsc-lv-ic-text{-webkit-transform:translate3d(0, 0, 0)}.mbsc-lv,.mbsc-lv-fill-item{-webkit-backface-visibility:hidden}.mbsc-lv-rtl{direction:rtl}.mbsc-lv-dummy{display:block;margin-top:-1px;-webkit-backface-visibility:visible}.mbsc-lv-fixed-header{position:fixed;display:none;top:0;left:0;list-style:none;width:100%;z-index:10}.mbsc-lv-fixed-header-ctx{position:absolute}.mbsc-lv .mbsc-lv-item.mbsc-lv-item-swiping{z-index:1;overflow:visible}.mbsc-lv-stage-c{overflow:hidden;position:absolute;top:0;left:0;width:100%;display:none}.mbsc-lv-stage-c-v{display:block}.mbsc-lv-item-new-left{-webkit-transform:translateX(-100%)}.mbsc-lv-item-new-right{-webkit-transform:translateX(100%)}.mbsc-lv-item-remove-right{-webkit-animation:mbsc-lv-remove-right 200ms;-webkit-animation-delay:1ms;animation:mbsc-lv-remove-right 200ms}.mbsc-lv-item-remove-left{-webkit-animation:mbsc-lv-remove-left 200ms;-webkit-animation-delay:1ms;animation:mbsc-lv-remove-left 200ms}.mbsc-lv-item-add-right{animation:mbsc-lv-add-right 200ms}.mbsc-lv-item-add-left{animation:mbsc-lv-add-left 200ms}.mbsc-lv-item-pop-in{animation:mbsc-lv-pop-in 200ms}.mbsc-lv-item-pop-out{animation:mbsc-lv-pop-out 200ms}.mbsc-lv-item-collapse{visibility:hidden;animation:mbsc-lv-collapse 200ms}.mbsc-lv-item-expand{visibility:hidden;animation:mbsc-lv-expand 200ms}.mbsc-lv .mbsc-lv-item.mbsc-lv-item-undo{position:absolute;left:0;right:0}.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-dragging{z-index:100;position:absolute;left:0;right:0;opacity:.9;box-shadow:0 0 .625em rgba(0,0,0,0.5);cursor:pointer;cursor:grabbing}.mbsc-lv-item-dragging .mbsc-lv-handle-c{cursor:grabbing}.mbsc-lv .mbsc-lv-item.mbsc-lv-ph{padding:0;border:0;visibility:hidden}.mbsc-lv-fill-item{position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:#000;opacity:.1}.mbsc-lv-handle-c{position:absolute;z-index:4;top:0;height:100%;width:2.5em;touch-action:none;cursor:pointer;cursor:grab}.mbsc-lv-item-h-right{right:0}.mbsc-lv-item-h-left{left:0}.mbsc-lv-cont.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item{padding-left:2.5em}.mbsc-lv-cont.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item{padding-right:2.5em}.mbsc-lv-handle-bar-c{position:absolute;width:100%;top:50%;margin-top:-7px}.mbsc-lv-handle-bar{position:relative;height:2px;margin:2px .625em;background:#888}.mbsc-lv-ic,.mbsc-lv-ic-m{top:0;text-align:center;text-shadow:none;font-size:.75em}.mbsc-lv-ic-s{position:absolute;top:50%;margin-top:-0.9375em;width:2.8em;height:1.875em;line-height:1.875em;font-size:1.25em}.mbsc-lv-ic-c{position:absolute;top:0;height:100%;line-height:1.875em;color:#fff;cursor:pointer}.mbsc-lv-ic-text{text-shadow:none;font-size:1em}.mbsc-ic-none{border:0}.mbsc-ic-none:before{content:"0";font-size:0;color:rgba(0,0,0,0)}.mbsc-lv-ic-anim .mbsc-lv-ic-s{opacity:0;transform:rotate(180deg)}.mbsc-lv-ic-anim .mbsc-lv-ic-a{opacity:1;-webkit-animation:mbsc-lv-spin 200ms;-webkit-transform:rotate(0);animation:mbsc-lv-spin 200ms;transform:rotate(0)}.mbsc-lv-ic-anim .mbsc-lv-ic-v{opacity:1;-webkit-animation:none;-webkit-transform:rotate(0);animation:none;transform:rotate(0)}.mbsc-lv-ic-left{left:0}.mbsc-lv-ic-move-left{left:0;transform:translateX(-100%)}.mbsc-lv-ic-right .mbsc-lv-ic,.mbsc-lv-ic-move-left .mbsc-lv-ic{right:0}.mbsc-lv-ic-right .mbsc-lv-ic-text,.mbsc-lv-ic-move-left .mbsc-lv-ic-text{padding:0 3.5em 0 .625em}.mbsc-lv-ic-right{right:0}.mbsc-lv-ic-move-right{right:0;transform:translateX(100%)}.mbsc-lv-ic-left .mbsc-lv-ic,.mbsc-lv-ic-move-right .mbsc-lv-ic{left:0}.mbsc-lv-ic-left .mbsc-lv-ic-text,.mbsc-lv-ic-move-right .mbsc-lv-ic-text{padding:0 .625em 0 3.5em}.mbsc-lv-ic-c .mbsc-lv-ic-only{width:0;padding:0 0 0 3.5em}.mbsc-lv-ic-c .mbsc-lv-ic-text-only{padding:0 .625em}.mbsc-lv-multi{position:absolute;top:0;display:none;width:90%;height:100%;table-layout:fixed}.mbsc-lv-multi-ic-right{right:0}.mbsc-lv-multi-ic-left{left:0}.mbsc-lv-right .mbsc-lv-multi-ic-right{display:table}.mbsc-lv-left .mbsc-lv-multi-ic-left{display:table}.mbsc-lv-ic-m{display:table-cell;vertical-align:middle;padding:0 .25em;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbsc-lv-ic-m:before{display:block;padding:.25em 0;font-size:1.333334em}.mbsc-lv-ic-disabled{opacity:.5}.mbsc-lv-sl-c{position:relative;-webkit-animation-fill-mode:forwards;transform:translateX(0)}.mbsc-lv-sl-r{animation:mbsc-lv-remove-left 300ms}.mbsc-lv-sl-l{animation:mbsc-lv-remove-right 300ms}.mbsc-lv-sl-l .mbsc-lv-sl-curr,.mbsc-lv-sl-r .mbsc-lv-sl-curr{position:absolute;top:0;left:0;width:100%}.mbsc-lv-sl-r .mbsc-lv-sl-new{transform:translateX(100%)}.mbsc-lv-sl-l .mbsc-lv-sl-new{transform:translateX(-100%)}.mbsc-lv-arr{position:absolute;top:50%;width:2em;height:2em;font-size:1em;line-height:2em;margin-top:-1em}.mbsc-lv .mbsc-lv-item.mbsc-lv-parent{padding-right:2.25em}.mbsc-lv .mbsc-lv-item.mbsc-lv-back{padding-left:2.25em;z-index:3}.mbsc-lv-parent .mbsc-lv-arr{right:0}.mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr{right:40px}.mbsc-lv-back .mbsc-lv-arr{left:0}.mbsc-lv .mbsc-lv-txt{margin:0;font-weight:normal}.mbsc-lv h1.mbsc-lv-txt{font-size:2em}.mbsc-lv h2.mbsc-lv-txt{font-size:1.5em}.mbsc-lv h3.mbsc-lv-txt{font-size:1.125em}.mbsc-lv h4.mbsc-lv-txt{font-size:1em}.mbsc-lv h5.mbsc-lv-txt{font-size:.875em}.mbsc-lv h6.mbsc-lv-txt{font-size:.625em}.mbsc-lv p.mbsc-lv-txt{font-size:.75em}.mbsc-lv-img{position:absolute;max-height:2.5em;max-width:2.5em;top:50%;transform:translate(-50%, -50%)}.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-left{padding-left:5em}.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-right{padding-right:5em}.mbsc-lv-img-left .mbsc-lv-img{left:2.5em}.mbsc-lv-img-right .mbsc-lv-img{right:0}.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-lv-img-left{padding-left:6.25em}.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img{left:3.75em}.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item.mbsc-lv-img-right{padding-right:6.25em}.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img{right:1.25em}.mbsc-lv-item-ic{position:absolute;top:50%;margin-top:-1em;width:2em;height:2em;line-height:2em;text-align:center}.mbsc-lv-cont .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-left{padding-left:4em}.mbsc-lv-cont .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-right{padding-right:4em}.mbsc-lv-item-ic-left .mbsc-lv-item-ic{left:1em}.mbsc-lv-item-ic-right .mbsc-lv-item-ic{right:1em}.mbsc-lv-handle-left.mbsc-lv-cont .mbsc-lv .mbsc-lv-item-ic-left{padding-left:5.5em}.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic{left:2.5em}.mbsc-lv-handle-right.mbsc-lv-cont .mbsc-lv .mbsc-lv-item-ic-right{padding-right:5.5em}.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic{right:2.5em}.mbsc-lv-mobiscroll.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even){background:#eee}.mbsc-lv-mobiscroll .mbsc-lv-item-hl:after,.mbsc-lv-mobiscroll .mbsc-lv-item-active::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;display:block;background:rgba(78,204,196,0.3)}.mbsc-lv-mobiscroll .mbsc-lv-ic-m{color:#fff}.mbsc-lv-mobiscroll .mbsc-lv-arr{color:#4eccc4}.mbsc-lv-mobiscroll .mbsc-lv-handle-bar{background:#4eccc4}.mbsc-lv-mobiscroll .mbsc-lv-item.mbsc-lv-item-dragging{margin:0;background:#4eccc4;color:#f7f7f7;box-shadow:none}.mbsc-lv-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-handle-bar{background:#f7f7f7}.mbsc-lv-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-arr{color:#f7f7f7}.mbsc-np-hdr{position:relative}.mbsc-np-dsp{direction:ltr;padding:.3125em 1.75em .3125em .5em;text-align:left;font-size:2em;line-height:normal}.mbsc-np-sup{display:inline-block;font-size:.375em;vertical-align:top}.mbsc-np-del{position:absolute;top:0;right:0;height:100%;width:3.5em;text-align:center}.mbsc-np-del:before{display:block;width:100%;position:absolute;top:50%;left:0;margin-top:-0.5em;font-size:2em;line-height:1}.mbsc-np-ph{display:inline-block;min-width:.5625em;text-align:center;vertical-align:top}.mbsc-np-tbl-c{min-width:15em}.mbsc-fr-top .mbsc-np-tbl-c,.mbsc-fr-bottom .mbsc-np-tbl-c{display:block}.mbsc-np-tbl{direction:ltr;display:table;width:100%;font-size:1.375em}.mbsc-np-row{display:table-row}.mbsc-np-btn{position:relative;z-index:0;width:33.33333333%;display:table-cell;text-align:center;vertical-align:middle;height:3em;-webkit-user-select:none}.mbsc-np-btn.mbsc-active{opacity:1}.mbsc-np-time{text-transform:uppercase}.mbsc-np-ts-h,.mbsc-np-ts-m{font-weight:bold}.mbsc-mobiscroll .mbsc-np-del{color:#4eccc4}.mbsc-mobiscroll .mbsc-np-tbl-c{padding:.5em}.mbsc-mobiscroll .mbsc-np-btn.mbsc-disabled{opacity:.5}.mbsc-wdg .mbsc-wdg-c{position:relative;z-index:0;font-size:14px;white-space:normal}.mbsc-wdg .mbsc-ltr .mbsc-wdg-c{text-align:left}.mbsc-wdg .mbsc-rtl .mbsc-wdg-c{text-align:right}.mbsc-wdg .mbsc-wdg-c.mbsc-w-p{padding:1em}[mbsc-page]:not(.mbsc-page){visibility:hidden}.mbsc-page-ctx{margin:0;padding:0;height:100%}.mbsc-page{min-height:100%;font-size:16px;font-family:arial,verdana,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.mbsc-page,.mbsc-page *{box-sizing:border-box}.mbsc-page:before,.mbsc-page:after{content:'';display:table}.mbsc-rtl{direction:rtl}.mbsc-padding{padding:1em}.mbsc-page h1,.mbsc-page h2,.mbsc-page h3,.mbsc-page h4,.mbsc-page h5,.mbsc-page h6{margin:0;padding:0;color:inherit;font-weight:normal;font-family:inherit}.mbsc-page p{margin:1em 0;padding:0;font-size:1em;line-height:1.5}.mbsc-page a{text-decoration:none}.mbsc-page a:hover{text-decoration:underline}.mbsc-page h1{margin:.347826em 0;font-size:2.875em}.mbsc-page h2{margin:.470588em 0;font-size:2.125em}.mbsc-page h3{margin:.666666em 0;font-size:1.5em}.mbsc-page h4{margin:.8em 0;font-size:1.25em}.mbsc-page h5{margin:1.066666em 0;font-size:.9375em}.mbsc-page h6{margin:1.333333em 0;font-size:.75em}.mbsc-ultra-bold{font-weight:900}.mbsc-bold{font-weight:bold}.mbsc-medium{font-weight:500}.mbsc-light{font-weight:300}.mbsc-thin{font-weight:100}.mbsc-italic{font-style:italic}.mbsc-align-left{text-align:left}.mbsc-align-right{text-align:right}.mbsc-align-center{text-align:center}.mbsc-pull-right{float:right}.mbsc-pull-left{float:left}.mbsc-media-fluid{display:block;width:100%}.mbsc-img-thumbnail{width:6em;height:6em;margin:1em}.mbsc-avatar{width:2.5em;height:2.5em;padding:0;border-radius:1.25em}.mbsc-note{position:relative;padding:.75em 1.25em;margin:1em;border:1px solid transparent;font-size:.875em}@media screen and (max-width:600px){.mbsc-note{text-align:center}}.mbsc-mobiscroll.mbsc-page{background:#f7f7f7;color:#454545}.mbsc-mobiscroll a{color:#4eccc4}.mbsc-mobiscroll .mbsc-note{border-radius:.1875em}.mbsc-mobiscroll .mbsc-note,.mbsc-mobiscroll .mbsc-note-primary{color:#074b95;background-color:#a0ccfb}.mbsc-mobiscroll .mbsc-note-secondary{color:#454b50;background-color:#c6cace}.mbsc-mobiscroll .mbsc-note-success{color:#1b4d26;background-color:#8fd8a0}.mbsc-mobiscroll .mbsc-note-danger{color:#a10b09;background-color:#faafaf}.mbsc-mobiscroll .mbsc-note-warning{color:#b46f07;background-color:#fcd9a4}.mbsc-mobiscroll .mbsc-note-info{color:#235b64;background-color:#a6d8e0}.mbsc-mobiscroll .mbsc-note-light{color:#4d4d4d;background-color:#d9d9d9}.mbsc-mobiscroll .mbsc-note-dark{color:#000;background-color:#adafb0}.mbsc-progress{position:relative;display:block;margin:0;z-index:0;-webkit-user-select:none;user-select:none;transform:translate3d(0, 0, 0)}.mbsc-progress progress{display:none}.mbsc-progress .mbsc-input-wrap{position:relative;display:block}.mbsc-progress .mbsc-input-ic{position:absolute;height:2em;width:2em;line-height:2em;text-align:center}.mbsc-progress-cont{position:relative;display:block;width:100%;height:100%;touch-action:pan-y}.mbsc-progress-track{position:relative;display:block;box-sizing:border-box}.mbsc-progress-bar{position:absolute;top:0;left:0;width:0;height:100%}.mbsc-rtl .mbsc-progress-bar{left:auto;right:0}.mbsc-progress-anim .mbsc-progress-bar{transition:width .1s ease-in-out}.mbsc-progress-value{position:absolute;top:50%;width:3em;overflow:hidden;margin-top:-0.5em;line-height:1em}.mbsc-progress-value-right .mbsc-progress-value{right:0;text-align:right}.mbsc-rtl.mbsc-progress-value-right .mbsc-progress-value{right:auto;left:0;text-align:left}.mbsc-progress-value-left .mbsc-progress-value{left:0;text-align:left}.mbsc-rtl.mbsc-progress-value-left .mbsc-progress-value{left:auto;right:0;text-align:right}.mbsc-progress-step-label{position:absolute;top:1em;width:3.5em;font-size:.75em;text-align:center;overflow:hidden}.mbsc-ltr .mbsc-progress-step-label{margin-left:-1.75em}.mbsc-rtl .mbsc-progress-step-label{margin-right:-1.75em}.mbsc-mobiscroll.mbsc-progress{padding:1em}.mbsc-mobiscroll.mbsc-progress .mbsc-label{font-size:.75em}.mbsc-mobiscroll.mbsc-progress .mbsc-input-ic{top:.0625em;margin:0;color:#787878}.mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-ic-left,.mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-ic-right{padding-left:3.25em}.mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-ic-right,.mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-ic-left{padding-right:3.25em}.mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-ic-left .mbsc-left-ic,.mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-ic-right .mbsc-right-ic{right:auto;left:-2.625em}.mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-ic-right .mbsc-right-ic,.mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-ic-left .mbsc-left-ic{left:auto;right:-2.625em}.mbsc-mobiscroll .mbsc-progress-cont{padding:1em 0}.mbsc-mobiscroll .mbsc-progress-track{background:#dedede;border-radius:1em;height:.125em}.mbsc-mobiscroll .mbsc-progress-bar{background:#4eccc4}.mbsc-mobiscroll .mbsc-progress-value{width:3.75em;font-size:.875em}.mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap,.mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap{padding-left:3.5em}.mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap,.mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap{padding-right:3.5em}.mbsc-mobiscroll .mbsc-progress-primary .mbsc-progress-bar{background:#3f97f6}.mbsc-mobiscroll .mbsc-progress-secondary .mbsc-progress-bar{background:#90979E}.mbsc-mobiscroll .mbsc-progress-success .mbsc-progress-bar{background:#43BE5F}.mbsc-mobiscroll .mbsc-progress-danger .mbsc-progress-bar{background:#f5504e}.mbsc-mobiscroll .mbsc-progress-warning .mbsc-progress-bar{background:#f8b042}.mbsc-mobiscroll .mbsc-progress-info .mbsc-progress-bar{background:#5BB7C5}.mbsc-progress.mbsc-slider input{display:none}.mbsc-ltr .mbsc-progress-anim .mbsc-slider-handle-cont{transition:left .1s ease-in-out}.mbsc-rtl .mbsc-progress-anim .mbsc-slider-handle-cont{transition:right .1s ease-in-out}.mbsc-slider-handle-cont{position:absolute;width:2em;height:2em;top:.0625em;margin-top:-1em;cursor:pointer}.mbsc-ltr .mbsc-slider-handle-cont{right:-1em}.mbsc-rtl .mbsc-slider-handle-cont{left:-1em}.mbsc-ltr .mbsc-slider-handle-cont.mbsc-slider-handle-left{left:0}.mbsc-rtl .mbsc-slider-handle-cont.mbsc-slider-handle-left{right:0}.mbsc-ltr .mbsc-progress-track .mbsc-slider-handle-cont{margin-left:-1em}.mbsc-rtl .mbsc-progress-track .mbsc-slider-handle-cont{margin-right:-1em}.mbsc-slider-handle{position:absolute;top:.125em;right:50%;margin:-0.5em -0.5em 0 0;z-index:2}.mbsc-slider-handle-cont .mbsc-slider-handle{box-sizing:content-box}.mbsc-slider .mbsc-slider-handle:focus,.mbsc-slider .mbsc-active .mbsc-slider-handle{outline:0;z-index:15}.mbsc-slider .mbsc-handle-curr{z-index:16}.mbsc-slider-tooltip{position:absolute;right:50%;opacity:0;color:#000}.mbsc-slider-step{position:absolute;top:0;width:.125em;height:100%;margin-left:-0.0625em}.mbsc-mobiscroll.mbsc-slider .mbsc-input-wrap{padding:0 .5em}.mbsc-mobiscroll .mbsc-slider-step{background:#f7f7f7}.mbsc-mobiscroll .mbsc-slider-handle{top:50%;width:1em;height:1em;border-radius:1.125em;background:#4eccc4;transform:scale(1);transition:transform .2s ease-in-out}.mbsc-mobiscroll .mbsc-slider-handle:focus,.mbsc-mobiscroll .mbsc-active .mbsc-slider-handle{transform:scale(1.3)}.mbsc-mobiscroll.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-progress-track{opacity:.4}.mbsc-mobiscroll.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-slider-handle{transform:scale(1)}.mbsc-mobiscroll .mbsc-slider-tooltip{top:-1.91666em;width:2.33333333em;height:2.33333333em;border-radius:2em;margin-right:-1.1666em;line-height:2.33333333em;text-align:center;font-size:.75em;color:#eee;background-color:#4eccc4;z-index:5;transform:scale(.4) translate3d(0, 5em, 0);transition:transform .2s ease-in-out,opacity .2s ease-in-out}.mbsc-mobiscroll .mbsc-slider-handle:focus~.mbsc-slider-tooltip,.mbsc-mobiscroll .mbsc-active .mbsc-slider-tooltip{opacity:1;transform:translate3d(0, 0, 0) scale(1)}.mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-slider-handle:focus,.mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle{transform:scale(.5)}.mbsc-mobiscroll .mbsc-slider-primary .mbsc-slider-tooltip,.mbsc-mobiscroll .mbsc-slider-primary .mbsc-slider-handle{background:#3f97f6}.mbsc-mobiscroll .mbsc-slider-primary .mbsc-progress-bar{background:#3f97f6}.mbsc-mobiscroll .mbsc-slider-secondary .mbsc-slider-tooltip,.mbsc-mobiscroll .mbsc-slider-secondary .mbsc-slider-handle{background:#90979E}.mbsc-mobiscroll .mbsc-slider-secondary .mbsc-progress-bar{background:#90979E}.mbsc-mobiscroll .mbsc-slider-success .mbsc-slider-tooltip,.mbsc-mobiscroll .mbsc-slider-success .mbsc-slider-handle{background:#43BE5F}.mbsc-mobiscroll .mbsc-slider-success .mbsc-progress-bar{background:#43BE5F}.mbsc-mobiscroll .mbsc-slider-danger .mbsc-slider-tooltip,.mbsc-mobiscroll .mbsc-slider-danger .mbsc-slider-handle{background:#f5504e}.mbsc-mobiscroll .mbsc-slider-danger .mbsc-progress-bar{background:#f5504e}.mbsc-mobiscroll .mbsc-slider-warning .mbsc-slider-tooltip,.mbsc-mobiscroll .mbsc-slider-warning .mbsc-slider-handle{background:#f8b042}.mbsc-mobiscroll .mbsc-slider-warning .mbsc-progress-bar{background:#f8b042}.mbsc-mobiscroll .mbsc-slider-info .mbsc-slider-tooltip,.mbsc-mobiscroll .mbsc-slider-info .mbsc-slider-handle{background:#5BB7C5}.mbsc-mobiscroll .mbsc-slider-info .mbsc-progress-bar{background:#5BB7C5}.mbsc-rating.mbsc-progress .mbsc-progress-cont{display:inline-block;width:auto;padding:0 .5em;margin:0 -0.681818em;cursor:pointer}.mbsc-rating .mbsc-progress-cont .mbsc-progress-track{height:auto;background:none}.mbsc-rating .mbsc-ic{font-size:1.375em;margin:0 .181818em}.mbsc-rating.mbsc-progress input{display:none}.mbsc-rating.mbsc-progress .mbsc-progress-cont .mbsc-slider-handle{display:block;position:absolute;width:100%;height:100%;margin:0;top:0;left:0;right:0;background:none;box-shadow:none;border:0;transform:none}.mbsc-rating .mbsc-progress-cont .mbsc-progress-bar{background:none;overflow:hidden}.mbsc-mobiscroll.mbsc-rating .mbsc-label{padding-bottom:.5em}.mbsc-mobiscroll.mbsc-rating .mbsc-progress-track{color:#4eccc4}.mbsc-mobiscroll.mbsc-rating input:disabled~.mbsc-progress-cont .mbsc-progress-track{opacity:.4}.mbsc-mobiscroll.mbsc-rating.mbsc-rating-primary .mbsc-progress-track{color:#3f97f6}.mbsc-mobiscroll.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track{color:#90979E}.mbsc-mobiscroll.mbsc-rating.mbsc-rating-success .mbsc-progress-track{color:#43BE5F}.mbsc-mobiscroll.mbsc-rating.mbsc-rating-danger .mbsc-progress-track{color:#f5504e}.mbsc-mobiscroll.mbsc-rating.mbsc-rating-warning .mbsc-progress-track{color:#f8b042}.mbsc-mobiscroll.mbsc-rating.mbsc-rating-info .mbsc-progress-track{color:#5BB7C5}.mbsc-toast .mbsc-fr-persp,.mbsc-snackbar .mbsc-fr-persp{pointer-events:none}.mbsc-toast .mbsc-fr-overlay,.mbsc-snackbar .mbsc-fr-overlay{display:none}.mbsc-toast.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup,.mbsc-snackbar.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup{border:0;box-shadow:none;line-height:1.428572}.mbsc-snackbar .mbsc-fr-popup{pointer-events:auto}.mbsc-snackbar.mbsc-fr .mbsc-fr-w{min-width:18em;max-width:36em;margin:0 auto;padding:0}.mbsc-snackbar-cont{display:flex;align-items:center}.mbsc-snackbar-msg{flex:1;padding:0 1em}.mbsc-snackbar .mbsc-snackbar-cont .mbsc-snackbar-btn{margin:-1em 0;padding:1em;line-height:1.428572;font-size:1em;font-weight:400}.mbsc-snackbar.mbsc-no-touch.mbsc-fr .mbsc-fr-c .mbsc-btn-flat:not(:disabled):hover{background:none}.mbsc-toast.mbsc-fr .mbsc-fr-w{background:none}.mbsc-toast.mbsc-fr .mbsc-fr-c.mbsc-wdg-c{text-align:center;padding-bottom:4em}.mbsc-toast .mbsc-toast-msg{display:inline-block;min-width:10em;max-width:50em;padding:.857143em 2em}.mbsc-alert.mbsc-fr .mbsc-fr-c.mbsc-wdg-c{padding:1.714286em;max-width:20em}.mbsc-alert .mbsc-fr-c .mbsc-input{padding:0}.mbsc-alert.mbsc-fr h2{margin:0 0 1em 0;padding:0;font-size:1.428572em;font-weight:bold}.mbsc-alert.mbsc-fr p{margin:1em 0;padding:0;font-size:1em}.mbsc-mobiscroll.mbsc-snackbar .mbsc-fr-w{background:#787878;color:#fff}.mbsc-mobiscroll.mbsc-toast .mbsc-toast-msg{background:#787878;opacity:.9;border-radius:.5em;color:#fff}.mbsc-mobiscroll.mbsc-snackbar.mbsc-primary .mbsc-fr-w,.mbsc-mobiscroll.mbsc-toast.mbsc-primary .mbsc-toast-msg{background:#3f97f6;color:#f7f7f7}.mbsc-mobiscroll.mbsc-snackbar.mbsc-secondary .mbsc-fr-w,.mbsc-mobiscroll.mbsc-toast.mbsc-secondary .mbsc-toast-msg{background:#90979E;color:#f7f7f7}.mbsc-mobiscroll.mbsc-snackbar.mbsc-success .mbsc-fr-w,.mbsc-mobiscroll.mbsc-toast.mbsc-success .mbsc-toast-msg{background:#43BE5F;color:#f7f7f7}.mbsc-mobiscroll.mbsc-snackbar.mbsc-danger .mbsc-fr-w,.mbsc-mobiscroll.mbsc-toast.mbsc-danger .mbsc-toast-msg{background:#f5504e;color:#f7f7f7}.mbsc-mobiscroll.mbsc-snackbar.mbsc-warning .mbsc-fr-w,.mbsc-mobiscroll.mbsc-toast.mbsc-warning .mbsc-toast-msg{background:#f8b042;color:#f7f7f7}.mbsc-mobiscroll.mbsc-snackbar.mbsc-info .mbsc-fr-w,.mbsc-mobiscroll.mbsc-toast.mbsc-info .mbsc-toast-msg{background:#5BB7C5;color:#f7f7f7}.mbsc-mobiscroll.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn,.mbsc-mobiscroll.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn,.mbsc-mobiscroll.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn,.mbsc-mobiscroll.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn,.mbsc-mobiscroll.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn,.mbsc-mobiscroll.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn{color:#f7f7f7}.mbsc-mobiscroll .mbsc-empty{color:#787878}[mbsc-form]:not(.mbsc-form){visibility:hidden}.mbsc-form{font-size:16px;font-family:arial,verdana,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;touch-action:manipulation}.mbsc-form:before,.mbsc-form:after{content:'';display:table}.mbsc-form-group{margin:1.5em 0}.mbsc-form-group-inset{margin:2em 1.5em}.mbsc-form-group,.mbsc-form-group-inset{padding-top:0 !important;padding-bottom:0 !important}.mbsc-wdg .mbsc-w-p .mbsc-form{background:none}.mbsc-input .mbsc-fr-inline .mbsc-fr-popup{display:block}.mbsc-err-msg{display:block;font-size:.75em}.mbsc-checkbox,.mbsc-switch,.mbsc-radio,.mbsc-stepper-cont{line-height:1.25em}.mbsc-checkbox,.mbsc-switch,.mbsc-btn,.mbsc-radio,.mbsc-segmented,.mbsc-stepper-cont{position:relative;display:block;margin:0;z-index:0;-webkit-user-select:none;user-select:none}.mbsc-checkbox input,.mbsc-switch input,.mbsc-radio input,.mbsc-segmented input,.mbsc-btn{margin:0;padding:0;border:0;border-radius:0;outline:0;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mbsc-checkbox input,.mbsc-switch input,.mbsc-radio input,.mbsc-select select,.mbsc-segmented input{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;border:0;opacity:0;margin:0}.mbsc-btn,.mbsc-checkbox-box,.mbsc-checkbox-box:after,.mbsc-radio-box,.mbsc-radio-box:after,.mbsc-switch-track,.mbsc-segmented,.mbsc-progress progress,.mbsc-stepper-cont{box-sizing:border-box}.mbsc-segmented .mbsc-segmented-content,.mbsc-btn-flat .mbsc-btn-ic{box-sizing:content-box}.mbsc-desc{display:block;font-size:.75em;opacity:.6}label.mbsc-input,.mbsc-label{margin:0;display:block;font-weight:normal}.mbsc-control-w{max-width:none;margin:0;font-size:1em;font-weight:normal}.mbsc-input textarea{resize:none;overflow:hidden;line-height:1.5em}.mbsc-input .mbsc-textarea-scroll{overflow:auto}.mbsc-select select{top:-1px}.mbsc-select select option{color:initial}.mbsc-select-ic{display:none}.mbsc-checkbox{padding:.5em}.mbsc-checkbox-box{position:absolute;top:50%;display:block;width:1.375em;height:1.375em}.mbsc-checkbox-box:after{content:'';position:absolute;display:block;opacity:0;transform:rotate(-45deg)}.mbsc-checkbox input:checked+.mbsc-checkbox-box:after{opacity:1}.mbsc-radio{padding:.5em}.mbsc-radio-box{position:absolute;top:50%;display:block;width:1.25em;height:1.25em;border-radius:1.25em}.mbsc-radio-box:after{content:'';position:absolute;top:50%;left:50%;width:.625em;height:.625em;margin-top:-0.3125em;margin-left:-0.3125em;border-radius:.625em;opacity:0}.mbsc-radio input:checked+.mbsc-radio-box:after{opacity:1}.mbsc-switch{padding:.5em}.mbsc-switch-track{position:absolute;top:50%;display:block;width:3.375em;height:1.625em;transition:background-color .2s ease-in-out,border .2s ease-in-out}.mbsc-switch .mbsc-switch-track .mbsc-progress-track{height:100%;background:none}.mbsc-switch .mbsc-switch-track .mbsc-slider-handle-cont{top:50%;z-index:4}.mbsc-switch-handle{position:absolute;display:block}.mbsc-switch-txt-off,.mbsc-switch-txt-on{position:absolute;top:0;left:0;display:none;width:100%;height:100%;font-size:.625em;text-align:center;line-height:2em}.mbsc-segmented{display:table;table-layout:fixed;width:100%}.mbsc-segmented .mbsc-segmented-item{margin:0;display:table-cell;position:relative;vertical-align:top;text-align:center;font-size:1em}.mbsc-segmented-content{position:relative;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.875em;font-weight:normal;z-index:2}.mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,.mbsc-disabled .mbsc-segmented-content,.mbsc-segmented input:disabled+.mbsc-segmented-content{z-index:0}.mbsc-stepper{position:absolute;display:block;width:auto;right:1em;top:50%}.mbsc-rtl .mbsc-stepper{right:auto;left:1em}.mbsc-stepper-cont .mbsc-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mbsc-segmented-item:focus{outline:0}.mbsc-stepper input{position:absolute;left:4.142857em;width:4.142857em;height:100%;padding:0;margin:0;border:0;outline:0;box-shadow:none;font-size:.875em;text-align:center;opacity:1;z-index:4;background:transparent;-webkit-appearance:none;-moz-appearance:textfield;appearance:none}.mbsc-stepper input::-webkit-outer-spin-button,.mbsc-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mbsc-form .mbsc-stepper-val-right .mbsc-stepper input{left:auto;right:0}.mbsc-form.mbsc-rtl .mbsc-stepper-val-right .mbsc-stepper input{right:auto;left:0}.mbsc-form .mbsc-stepper-val-left .mbsc-stepper input{left:0}.mbsc-form.mbsc-rtl .mbsc-stepper-val-left .mbsc-stepper input{right:0}.mbsc-stepper .mbsc-segmented-item{width:3.625em}.mbsc-stepper-cont.mbsc-stepper-val-left .mbsc-stepper .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content,.mbsc-stepper-cont.mbsc-stepper-val-right .mbsc-stepper .mbsc-segmented-item:last-child .mbsc-segmented-content{border:0;background:transparent}.mbsc-form .mbsc-stepper-cont .mbsc-stepper{padding:0}.mbsc-segmented-item .mbsc-control,.mbsc-stepper .mbsc-segmented-content{cursor:pointer}.mbsc-disabled .mbsc-segmented-content,.mbsc-segmented input:disabled,.mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content{cursor:not-allowed}.mbsc-btn{position:relative;display:inline-block;overflow:hidden;vertical-align:middle;text-align:center;text-overflow:ellipsis;font-size:1em;cursor:pointer}.mbsc-btn:disabled{cursor:not-allowed}.mbsc-btn:focus{outline:0}.mbsc-btn-ic{line-height:1}.mbsc-btn-group-block .mbsc-btn,.mbsc-btn-block{display:block;width:100%;margin-left:0 !important;margin-right:0 !important}.mbsc-btn-group-justified,.mbsc-btn-group-justified mbsc-button{display:flex;flex-wrap:wrap}.mbsc-btn-group-justified .mbsc-btn,.mbsc-btn-group-justified mbsc-button{flex:1 auto}.mbsc-mobiscroll.mbsc-form{background:#f7f7f7;color:#454545}.mbsc-mobiscroll.mbsc-form *::selection{color:#fff;background:#4eccc4}.mbsc-mobiscroll .mbsc-divider,.mbsc-mobiscroll .mbsc-form-group-title{padding:1.5em 1em .5em 1em;color:#4eccc4}.mbsc-mobiscroll .mbsc-err-msg{padding-top:.75em;font-size:.75em;color:#de3226}.mbsc-mobiscroll .mbsc-input textarea{padding-top:.25em}.mbsc-mobiscroll.mbsc-ltr .mbsc-select input{padding-right:1.25em}.mbsc-mobiscroll.mbsc-rtl .mbsc-select input{padding-left:1.25em}.mbsc-mobiscroll .mbsc-select-ic{position:absolute;display:block;height:1.25em;width:1.25em;top:.5625em;right:0;text-align:center}.mbsc-mobiscroll.mbsc-rtl .mbsc-select-ic{right:auto;left:0}.mbsc-mobiscroll .mbsc-select-inline .mbsc-select-ic{display:none}.mbsc-mobiscroll .mbsc-checkbox{padding:1em 3.125em 1em 1em}.mbsc-mobiscroll.mbsc-rtl .mbsc-checkbox{padding:1em 1em 1em 3.125em}.mbsc-mobiscroll .mbsc-checkbox-box{background:#4eccc4;margin-top:-0.5625em;width:1.125em;height:1.125em;right:1em}.mbsc-mobiscroll.mbsc-rtl .mbsc-checkbox-box{right:auto;left:1em}.mbsc-mobiscroll .mbsc-checkbox-box:after{top:.25em;left:.185em;width:.8125em;height:.4375em;border:.125em solid #fff;border-top:0;border-right:0}.mbsc-mobiscroll .mbsc-checkbox input:disabled+.mbsc-checkbox-box{background:#d6d6d6}.mbsc-mobiscroll .mbsc-checkbox-primary .mbsc-checkbox-box{background:#3f97f6}.mbsc-mobiscroll .mbsc-checkbox-secondary .mbsc-checkbox-box{background:#90979E}.mbsc-mobiscroll .mbsc-checkbox-success .mbsc-checkbox-box{background:#43BE5F}.mbsc-mobiscroll .mbsc-checkbox-danger .mbsc-checkbox-box{background:#f5504e}.mbsc-mobiscroll .mbsc-checkbox-warning .mbsc-checkbox-box{background:#f8b042}.mbsc-mobiscroll .mbsc-checkbox-info .mbsc-checkbox-box{background:#5BB7C5}.mbsc-mobiscroll .mbsc-radio{padding:1em 3.125em 1em 1em}.mbsc-mobiscroll.mbsc-rtl .mbsc-radio{padding:1em 1em 1em 3.125em}.mbsc-mobiscroll .mbsc-radio-box{right:1em;width:1.125em;height:1.125em;margin-top:-0.5625em;background:transparent;border:.125em solid #4eccc4}.mbsc-mobiscroll.mbsc-rtl .mbsc-radio-box{right:auto;left:1em}.mbsc-mobiscroll .mbsc-radio-box:after{width:.5em;height:.5em;margin-top:-0.25em;margin-left:-0.25em;background:#4eccc4;border-radius:.625em}.mbsc-mobiscroll .mbsc-radio input:checked+.mbsc-radio-box{background:transparent}.mbsc-mobiscroll .mbsc-radio input:disabled+.mbsc-radio-box{border-color:#d6d6d6}.mbsc-mobiscroll .mbsc-radio input:disabled+.mbsc-radio-box:after{background:#d6d6d6}.mbsc-mobiscroll .mbsc-radio-primary .mbsc-radio-box{border-color:#3f97f6}.mbsc-mobiscroll .mbsc-radio-primary .mbsc-radio-box:after{background:#3f97f6}.mbsc-mobiscroll .mbsc-radio-secondary .mbsc-radio-box{border-color:#90979E}.mbsc-mobiscroll .mbsc-radio-secondary .mbsc-radio-box:after{background:#90979E}.mbsc-mobiscroll .mbsc-radio-success .mbsc-radio-box{border-color:#43BE5F}.mbsc-mobiscroll .mbsc-radio-success .mbsc-radio-box:after{background:#43BE5F}.mbsc-mobiscroll .mbsc-radio-danger .mbsc-radio-box{border-color:#f5504e}.mbsc-mobiscroll .mbsc-radio-danger .mbsc-radio-box:after{background:#f5504e}.mbsc-mobiscroll .mbsc-radio-warning .mbsc-radio-box{border-color:#f8b042}.mbsc-mobiscroll .mbsc-radio-warning .mbsc-radio-box:after{background:#f8b042}.mbsc-mobiscroll .mbsc-radio-info .mbsc-radio-box{border-color:#5BB7C5}.mbsc-mobiscroll .mbsc-radio-info .mbsc-radio-box:after{background:#5BB7C5}.mbsc-mobiscroll .mbsc-checkbox input:disabled~.mbsc-label,.mbsc-mobiscroll .mbsc-checkbox input:disabled~.mbsc-desc,.mbsc-mobiscroll .mbsc-radio input:disabled~.mbsc-label,.mbsc-mobiscroll .mbsc-radio input:disabled~.mbsc-desc,.mbsc-mobiscroll .mbsc-switch input:disabled~.mbsc-label,.mbsc-mobiscroll .mbsc-switch input:disabled~.mbsc-desc{opacity:.4}.mbsc-mobiscroll .mbsc-checkbox-box:after,.mbsc-mobiscroll .mbsc-radio-box:after{opacity:1;transform:scale(0) rotate(-45deg);transition:transform .1s ease-out}.mbsc-mobiscroll .mbsc-checkbox input:checked+.mbsc-checkbox-box:after,.mbsc-mobiscroll .mbsc-radio input:checked+.mbsc-radio-box:after{opacity:1;transform:scale(1) rotate(-45deg)}.mbsc-mobiscroll .mbsc-btn{margin:.5em;padding:.6875em;background:#4ECCC4;color:#f0f0f0;font-size:1em;text-transform:uppercase}.mbsc-mobiscroll .mbsc-btn-ic{padding-right:.6875em}.mbsc-mobiscroll .mbsc-btn-icon-only .mbsc-btn-ic{padding:0 .5em}.mbsc-mobiscroll .mbsc-btn:disabled{background:#dedede}.mbsc-mobiscroll .mbsc-btn.mbsc-btn-outline:disabled{color:#dedede;border-color:#dedede}.mbsc-mobiscroll.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover{opacity:.8}.mbsc-mobiscroll .mbsc-btn.mbsc-active{opacity:.6}.mbsc-mobiscroll.mbsc-no-touch .mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover{opacity:1;background:rgba(78,204,196,0.1)}.mbsc-mobiscroll .mbsc-btn-flat.mbsc-active{opacity:1;background:rgba(78,204,196,0.3)}.mbsc-mobiscroll .mbsc-btn-flat{background:transparent;color:#4ECCC4;border-color:transparent}.mbsc-mobiscroll .mbsc-btn-flat:disabled{background:transparent;color:#c9c9c9}.mbsc-mobiscroll .mbsc-btn-group,.mbsc-mobiscroll .mbsc-btn-group-justified{padding:0 .5em}.mbsc-mobiscroll .mbsc-btn-group-block{padding:0 1em}.mbsc-mobiscroll .mbsc-btn-primary.mbsc-btn{background:#3f97f6}.mbsc-mobiscroll .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat{color:#3f97f6}.mbsc-mobiscroll .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover{background:rgba(63,151,246,0.2)}.mbsc-mobiscroll .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat.mbsc-active{background:rgba(63,151,246,0.3)}.mbsc-mobiscroll .mbsc-btn-secondary.mbsc-btn{background:#90979E}.mbsc-mobiscroll .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat{color:#90979E}.mbsc-mobiscroll .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover{background:rgba(144,151,158,0.2)}.mbsc-mobiscroll .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat.mbsc-active{background:rgba(144,151,158,0.3)}.mbsc-mobiscroll .mbsc-btn-success.mbsc-btn{background:#43BE5F}.mbsc-mobiscroll .mbsc-btn-success.mbsc-btn.mbsc-btn-flat{color:#43BE5F}.mbsc-mobiscroll .mbsc-btn-success.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover{background:rgba(67,190,95,0.2)}.mbsc-mobiscroll .mbsc-btn-success.mbsc-btn.mbsc-btn-flat.mbsc-active{background:rgba(67,190,95,0.3)}.mbsc-mobiscroll .mbsc-btn-danger.mbsc-btn{background:#f5504e}.mbsc-mobiscroll .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat{color:#f5504e}.mbsc-mobiscroll .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover{background:rgba(245,80,78,0.2)}.mbsc-mobiscroll .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat.mbsc-active{background:rgba(245,80,78,0.3)}.mbsc-mobiscroll .mbsc-btn-warning.mbsc-btn{background:#f8b042}.mbsc-mobiscroll .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat{color:#f8b042}.mbsc-mobiscroll .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover{background:rgba(248,176,66,0.2)}.mbsc-mobiscroll .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat.mbsc-active{background:rgba(248,176,66,0.3)}.mbsc-mobiscroll .mbsc-btn-info.mbsc-btn{background:#5BB7C5}.mbsc-mobiscroll .mbsc-btn-info.mbsc-btn.mbsc-btn-flat{color:#5BB7C5}.mbsc-mobiscroll .mbsc-btn-info.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover{background:rgba(91,183,197,0.2)}.mbsc-mobiscroll .mbsc-btn-info.mbsc-btn.mbsc-btn-flat.mbsc-active{background:rgba(91,183,197,0.3)}.mbsc-mobiscroll .mbsc-btn-light.mbsc-btn{background:#e6e6e6;color:#000}.mbsc-mobiscroll .mbsc-btn-light.mbsc-btn.mbsc-btn-flat{color:#a6a6a6}.mbsc-mobiscroll .mbsc-btn-light.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover{color:#a6a6a6;background:rgba(166,166,166,0.2)}.mbsc-mobiscroll .mbsc-btn-light.mbsc-btn.mbsc-btn-flat.mbsc-active{background:rgba(166,166,166,0.3)}.mbsc-mobiscroll .mbsc-btn-dark.mbsc-btn{background:#47494A}.mbsc-mobiscroll .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat{color:#47494A}.mbsc-mobiscroll .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover{background:rgba(71,73,74,0.2)}.mbsc-mobiscroll .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat.mbsc-active{background:rgba(71,73,74,0.3)}.mbsc-mobiscroll .mbsc-btn-flat.mbsc-btn{background:transparent}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn{background:transparent;border:1px solid #4eccc4;color:#4eccc4}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-active{background:#4eccc4;color:#f7f7f7;opacity:1}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary{border-color:#3f97f6;color:#3f97f6}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active{background:#3f97f6;color:#f7f7f7}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary{border-color:#90979E;color:#90979E}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active{background:#90979E;color:#f7f7f7}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-success{border-color:#43BE5F;color:#43BE5F}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active{background:#43BE5F;color:#f7f7f7}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger{border-color:#f5504e;color:#f5504e}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active{background:#f5504e;color:#f7f7f7}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning{border-color:#f8b042;color:#f8b042}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active{background:#f8b042;color:#f7f7f7}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-info{border-color:#5BB7C5;color:#5BB7C5}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active{background:#5BB7C5;color:#f7f7f7}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-light{border-color:#a6a6a6;color:#a6a6a6}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-light.mbsc-active{background:#a6a6a6;color:#e6e6e6}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark{border-color:#47494A;color:#47494A}.mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active{background:#47494A;color:#f7f7f7}.mbsc-mobiscroll .mbsc-switch{padding:1em 4.375em 1em 1em}.mbsc-mobiscroll.mbsc-rtl .mbsc-switch{padding:1em 1em 1em 4.375em}.mbsc-mobiscroll .mbsc-switch-track{right:1em;width:2.375em;height:.875em;padding:0 .75em;margin-top:-0.4375em;background:#dedede;border-radius:1.25em}.mbsc-mobiscroll.mbsc-rtl .mbsc-switch-track{right:auto;left:1em}.mbsc-mobiscroll .mbsc-switch-handle{top:.25em;left:.25em;margin:0;width:1.5em;height:1.5em;background:#c9c9c9;border-radius:1.25em}.mbsc-mobiscroll.mbsc-rtl .mbsc-switch-handle{right:.25em}.mbsc-mobiscroll .mbsc-active .mbsc-switch-handle{transform:scale(1)}.mbsc-mobiscroll .mbsc-switch input:checked+.mbsc-switch-track{background:#b4e5e2}.mbsc-mobiscroll .mbsc-switch input:checked+.mbsc-switch-track .mbsc-switch-handle{background:#4eccc4}.mbsc-mobiscroll .mbsc-switch input:disabled+.mbsc-switch-track{background:#d6d6d6;opacity:.7}.mbsc-mobiscroll .mbsc-switch input:disabled+.mbsc-switch-track .mbsc-switch-handle{background:#e2e2e2}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-primary input:checked+.mbsc-switch-track{background:#a0ccfb}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-primary input:checked+.mbsc-switch-track .mbsc-switch-handle{background:#3f97f6}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-secondary input:checked+.mbsc-switch-track{background:#c6cace}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-secondary input:checked+.mbsc-switch-track .mbsc-switch-handle{background:#90979E}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-success input:checked+.mbsc-switch-track{background:#8fd8a0}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-success input:checked+.mbsc-switch-track .mbsc-switch-handle{background:#43BE5F}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-danger input:checked+.mbsc-switch-track{background:#faafaf}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-danger input:checked+.mbsc-switch-track .mbsc-switch-handle{background:#f5504e}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-warning input:checked+.mbsc-switch-track{background:#fcd9a4}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-warning input:checked+.mbsc-switch-track .mbsc-switch-handle{background:#f8b042}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-info input:checked+.mbsc-switch-track{background:#a6d8e0}.mbsc-mobiscroll .mbsc-switch.mbsc-switch-info input:checked+.mbsc-switch-track .mbsc-switch-handle{background:#5BB7C5}.mbsc-mobiscroll .mbsc-segmented{padding:.5em 1em}.mbsc-mobiscroll .mbsc-segmented-content{height:2.28571428em;margin:0 -0.071428em;line-height:2.28575em;padding:0 .285714em;border:.142857em solid #4ECCC4;text-transform:uppercase;color:#4ECCC4}.mbsc-mobiscroll .mbsc-stepper input{color:#454545}.mbsc-mobiscroll .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content,.mbsc-mobiscroll .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content{background:#4ECCC4;color:#f7f7f7}.mbsc-mobiscroll .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{background:rgba(78,204,196,0.3)}.mbsc-mobiscroll .mbsc-stepper-cont{padding:1.75em 12.875em 1.75em 1em}.mbsc-mobiscroll.mbsc-rtl .mbsc-stepper-cont{padding:1.75em 1em 1.75em 12.875em}.mbsc-mobiscroll .mbsc-stepper{margin-top:-1.125em}.mbsc-mobiscroll .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,.mbsc-mobiscroll .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,.mbsc-mobiscroll .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content{color:#d6d6d6;border-color:#d6d6d6;background:transparent}.mbsc-mobiscroll .mbsc-stepper input:disabled{color:#d6d6d6;-webkit-text-fill-color:#d6d6d6}.mbsc-mobiscroll .mbsc-segmented input:disabled:checked+.mbsc-segmented-content{background:#d6d6d6;color:#f0f0f0}.mbsc-mobiscroll .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content{background:transparent;color:#d6d6d6}.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(78,204,196,0.1)}.mbsc-mobiscroll .mbsc-segmented-primary .mbsc-segmented-content{border-color:#3f97f6;color:#3f97f6}.mbsc-mobiscroll .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#3f97f6}.mbsc-mobiscroll .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{background:rgba(63,151,246,0.35)}.mbsc-mobiscroll .mbsc-segmented-secondary .mbsc-segmented-content{border-color:#90979E;color:#90979E}.mbsc-mobiscroll .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#90979E}.mbsc-mobiscroll .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{background:rgba(144,151,158,0.35)}.mbsc-mobiscroll .mbsc-segmented-success .mbsc-segmented-content{border-color:#43BE5F;color:#43BE5F}.mbsc-mobiscroll .mbsc-segmented-success.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#43BE5F}.mbsc-mobiscroll .mbsc-segmented-success.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{background:rgba(67,190,95,0.35)}.mbsc-mobiscroll .mbsc-segmented-danger .mbsc-segmented-content{border-color:#f5504e;color:#f5504e}.mbsc-mobiscroll .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#f5504e}.mbsc-mobiscroll .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{background:rgba(245,80,78,0.35)}.mbsc-mobiscroll .mbsc-segmented-warning .mbsc-segmented-content{border-color:#f8b042;color:#f8b042}.mbsc-mobiscroll .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#f8b042}.mbsc-mobiscroll .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{background:rgba(248,176,66,0.35)}.mbsc-mobiscroll .mbsc-segmented-info .mbsc-segmented-content{border-color:#5BB7C5;color:#5BB7C5}.mbsc-mobiscroll .mbsc-segmented-info.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#5BB7C5}.mbsc-mobiscroll .mbsc-segmented-info.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{background:rgba(91,183,197,0.35)}.mbsc-mobiscroll .mbsc-stepper-primary .mbsc-segmented-content{border-color:#3f97f6;color:#3f97f6}.mbsc-mobiscroll .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#3f97f6}.mbsc-mobiscroll .mbsc-stepper-secondary .mbsc-segmented-content{border-color:#90979E;color:#90979E}.mbsc-mobiscroll .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#90979E}.mbsc-mobiscroll .mbsc-stepper-success .mbsc-segmented-content{border-color:#43BE5F;color:#43BE5F}.mbsc-mobiscroll .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#43BE5F}.mbsc-mobiscroll .mbsc-stepper-danger .mbsc-segmented-content{border-color:#f5504e;color:#f5504e}.mbsc-mobiscroll .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#f5504e}.mbsc-mobiscroll .mbsc-stepper-warning .mbsc-segmented-content{border-color:#f8b042;color:#f8b042}.mbsc-mobiscroll .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#f8b042}.mbsc-mobiscroll .mbsc-stepper-info .mbsc-segmented-content{border-color:#5BB7C5;color:#5BB7C5}.mbsc-mobiscroll .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#5BB7C5}.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-primary.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(63,151,246,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-secondary.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(144,151,158,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-success.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(67,190,95,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-danger.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(245,80,78,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-warning.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(248,176,66,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-info.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(91,183,197,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-primary .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(63,151,246,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-secondary .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(144,151,158,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-success .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(67,190,95,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-danger .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(245,80,78,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-warning .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(248,176,66,0.35)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-info .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(91,183,197,0.35)}.mbsc-cal-events{display:none;position:absolute;z-index:4;left:0;right:0;max-width:32em;box-sizing:content-box}.mbsc-cal-events-t{visibility:hidden}.mbsc-cal-events-i{overflow:hidden}.mbsc-cal-events-sc{position:relative;-webkit-backface-visibility:hidden}.mbsc-cal-events-v{display:block}.mbsc-cal-event-list{margin:0;padding:0}.mbsc-cal-event{margin-top:5px;padding:5px 60px 5px 10px;line-height:20px;list-style:none;position:relative;text-align:left;white-space:nowrap;font-size:1em}.mbsc-cal-event:first-child{margin:0}.mbsc-cal-event-color{position:absolute;top:0;left:0;width:5px;height:100%}.mbsc-cal-event-text{overflow:hidden;text-overflow:ellipsis}.mbsc-cal-event-time{display:inline-block;width:5em}.mbsc-cal-event-dur{position:absolute;top:50%;right:5px;height:20px;margin-top:-10px;line-height:20px}.mbsc-cal-events-arr{position:absolute;bottom:-14px;left:50%;width:0;height:0;margin-left:-7px;border:7px solid #fff;border-color:#fff transparent transparent transparent}.mbsc-cal-events-b .mbsc-cal-events-arr{bottom:auto;top:-14px;border-color:transparent transparent #fff transparent}.mbsc-event-list .mbsc-lv .mbsc-lv-gr-title{padding:.5em 1em;line-height:1.5em}.mbsc-event-list .mbsc-lv .mbsc-lv-item{display:flex;font-size:.875em;padding:.714286em 1em}.mbsc-event-list .mbsc-lv .mbsc-lv-gr-title.mbsc-event-empty{text-transform:none;font-size:1em}.mbsc-ltr .mbsc-event-list{text-align:left}.mbsc-rtl .mbsc-event-list{text-align:right}.mbsc-event-color,.mbsc-event-time{flex:0 0 auto}.mbsc-event-time{width:6em;font-size:.714286em;line-height:1.6;min-height:3.2em;opacity:.7}.mbsc-ltr .mbsc-event-time{text-align:right}.mbsc-rtl .mbsc-event-time{text-align:left}.mbsc-event-color{width:1.5px;margin:-0.285714em .714286em}.mbsc-event-txt{line-height:1.142857}.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-hdr{padding:.5em}.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-scroll-c{margin-left:-1px}.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-i{min-height:4em}.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks{top:100%}.mbsc-mobiscroll .mbsc-cal-events{margin:0 0 7px 0;color:#f7f7f7;background:#858585}.mbsc-mobiscroll .mbsc-cal-events-b{margin:7px 0 0 0}.mbsc-mobiscroll .mbsc-cal-event{margin:0;padding:10px 60px 10px 15px;font-size:.75em}.mbsc-mobiscroll .mbsc-cal-event-color{background:#4eccc4}.mbsc-mobiscroll .mbsc-cal-event-time,.mbsc-mobiscroll .mbsc-cal-event-dur{color:#4eccc4}.mbsc-mobiscroll .mbsc-cal-events-arr{border-color:#858585 transparent transparent transparent}.mbsc-mobiscroll .mbsc-cal-events-b .mbsc-cal-events-arr{border-color:transparent transparent #858585 transparent}.mbsc-mobiscroll .mbsc-event-list .mbsc-lv-gr-title{background:#f7f7f7;color:#4eccc4}.mbsc-mobiscroll .mbsc-event-color{background:rgba(69,69,69,0.3)}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-c{padding:0}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days>div{border:0;padding:0 .785714em;font-size:.875em}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-picker{padding-top:1.875em;padding-bottom:0}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table{border-top:1px solid #dedede}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell{border-left:1px solid #dedede;border-bottom:1px solid #dedede}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date{margin:.230769em;margin-bottom:.461538em}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-has-txt .mbsc-cal-day{padding-bottom:1.1875em}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks{margin:-0.5em 1em 0 1em}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-txt{left:.3em;right:.3em;padding:0 .5em}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day{text-align:left}.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day{text-align:right}.mbsc-msr .mbsc-sc-whl-gr{direction:ltr}.mbsc-msr .mbsc-rtl .mbsc-sc-whl-w{order:2}.mbsc-msr .mbsc-rtl .mbsc-msr-whl-unit{order:1}.mbsc-ms-c{text-align:center}.mbsc-ms-top.mbsc-ms-c,.mbsc-ms-bottom.mbsc-ms-c{z-index:9999;position:fixed;left:0;right:0;height:auto}.mbsc-ms-top .mbsc-ms,.mbsc-ms-bottom .mbsc-ms{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.mbsc-ms-bottom.mbsc-ms-c{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.mbsc-ms-top.mbsc-scv-ctx,.mbsc-ms-bottom.mbsc-scv-ctx{position:absolute}.mbsc-ms-top{top:0}.mbsc-ms-bottom{bottom:0}.mbsc-ms{text-align:center;white-space:nowrap}.mbsc-ms-item{position:relative;margin:0;font-size:1em;line-height:1.25;min-width:4em;padding:.75em .5em;text-decoration:none;cursor:pointer;overflow:hidden;transition-property:color,background,border-color,text-shadow;transition-duration:200ms}.mbsc-scv-hasw .mbsc-ms-item{white-space:normal;min-width:0}.mbsc-ms.mbsc-comp a.mbsc-ms-item{font-weight:normal;text-decoration:none}.mbsc-ms .mbsc-ms-item.mbsc-disabled{opacity:.5;cursor:not-allowed}.mbsc-ms-icons .mbsc-ms-item{min-width:6em;padding:1.666667em .5em;font-size:.75em}.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item{padding-top:3em;padding-bottom:.5em}.mbsc-ms-ic:before{position:absolute;top:.25em;left:0;right:0;display:block;text-align:center;line-height:1em}.mbsc-ms-base .mbsc-ms-ic:before{font-size:2em}.mbsc-mobiscroll.mbsc-ms-c{background:#f7f7f7}.mbsc-mobiscroll .mbsc-ms .mbsc-ms-item{color:#454545}.mbsc-mobiscroll.mbsc-ms-c .mbsc-scv-sc .mbsc-ms .mbsc-ms-item.mbsc-active{background:rgba(78,204,196,0.3)}.mbsc-mobiscroll.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover{background:rgba(78,204,196,0.1)}.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item{border:2px solid transparent;border-width:2px 0}.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-sel{border-bottom-color:#4eccc4}.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-top{border-bottom:1px solid #4eccc4}.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom{border-top:1px solid #4eccc4}.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel{border-top-color:#4eccc4;border-bottom-color:transparent}.mbsc-mobiscroll.mbsc-ms-a.mbsc-ms-top{border-bottom:1px solid #ccc}.mbsc-mobiscroll.mbsc-ms-a.mbsc-ms-bottom{border-top:1px solid #ccc}.mbsc-mobiscroll.mbsc-ms-a .mbsc-ms-item-sel{color:#4eccc4}.mbsc-ms-badge{position:absolute;top:.25em;min-width:1.666667em;height:1.666667em;padding:0 .25em;border-radius:2em;line-height:1.666667em;background:red;color:#fff;text-align:center;box-sizing:border-box}.mbsc-ltr .mbsc-ms-badge{left:50%;margin-left:.5em}.mbsc-rtl .mbsc-ms-badge{right:50%;margin-right:.5em}.mbsc-ms-item.mbsc-menu-item-ic{padding:1.666667em .5em;font-size:.75em}.mbsc-ms-item.mbsc-menu-item-ic:before{top:50%;margin-top:-0.5em}.mbsc-ms-icons .mbsc-ms-item.mbsc-menu-item-ic:before{top:.25em;margin-top:0}.mbsc-ms-hamburger.mbsc-ms-c.mbsc-ms-inline{display:inline-block;vertical-align:middle;background:none;border:0}.mbsc-ms-more .mbsc-ms{display:block}.mbsc-ms-more .mbsc-ms-item{min-height:2.857143em}.mbsc-ms-more .mbsc-ms-item.mbsc-ms-ic:before{top:50%;width:2.333334em;margin-top:-0.5em;line-height:1em;font-size:1.714286em}.mbsc-ms-more .mbsc-ms-badge{top:50%;font-size:.857143em;margin-top:-0.833333em}.mbsc-ms-more .mbsc-ltr .mbsc-ms{text-align:left}.mbsc-ms-more .mbsc-ltr .mbsc-ms .mbsc-ms-ic{padding-left:4em}.mbsc-ms-more .mbsc-ltr .mbsc-ms-ic:before{right:auto}.mbsc-ms-more .mbsc-ltr .mbsc-ms-badge{left:auto;right:.5em;margin-left:0}.mbsc-ms-more .mbsc-rtl .mbsc-ms{text-align:right}.mbsc-ms-more .mbsc-rtl .mbsc-ms .mbsc-ms-ic{padding-right:4em}.mbsc-ms-more .mbsc-rtl .mbsc-ms-ic:before{left:auto}.mbsc-ms-more .mbsc-rtl .mbsc-ms-badge{right:auto;left:.5em;margin-right:0}.mbsc-ms-more.mbsc-ms-more-icons .mbsc-fr-popup .mbsc-fr-w{min-width:0}.mbsc-ms-more.mbsc-ms-more-icons .mbsc-wdg-c.mbsc-w-p{padding:0}.mbsc-ms-more.mbsc-ms-more-icons .mbsc-ms .mbsc-ms-ic{padding-left:.714286em;padding-right:.714286em}.mbsc-ms-more.mbsc-ms-more-icons .mbsc-ms-ic:before{position:static;width:1.5em;margin:0}.mbsc-scv-c{overflow:hidden;position:relative;font-size:16px;font-family:arial,verdana,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:pan-y;user-select:none;touch-action:pan-y}.mbsc-scv-sc{position:relative}.mbsc-rtl{direction:rtl}.mbsc-scv,.mbsc-scv-sc,.mbsc-scv-item{display:flex;height:100%}.mbsc-scv{padding:0;margin:0 auto;list-style:none;-webkit-flex-shrink:0;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0)}.mbsc-scv-item{height:auto;-webkit-box-pack:center;-moz-box-pack:center;flex-direction:column;-ms-justify-content:center;justify-content:center;box-sizing:border-box}.mbsc-scv-liq,.mbsc-scv-liq .mbsc-scv-item{flex:1 0 auto}[mbsc-card]:not(.mbsc-card){visibility:hidden}.mbsc-card{position:relative;z-index:1;margin:.75em;border-radius:2px;overflow:hidden}.mbsc-card-header{padding:1em 1em 0 1em}.mbsc-card-content{padding:1em;overflow:hidden}.mbsc-card-footer{padding:1em;border-top:1px solid transparent;clear:both}.mbsc-card h2.mbsc-card-title,.mbsc-card-title{font-size:1.5em;font-weight:normal;margin:0}.mbsc-card h3.mbsc-card-subtitle,.mbsc-card-subtitle{font-size:.875em;font-weight:normal;margin:0}.mbsc-card h3.mbsc-card-subtitle+*,.mbsc-card-subtitle+*,.mbsc-card h2.mbsc-card-title+*,.mbsc-card-title+*{margin-top:.25em}.mbsc-card video,.mbsc-card img:not(.mbsc-avatar):not(.mbsc-img-thumbnail){display:block;width:100%}.mbsc-card-header+img{padding-top:1em}.mbsc-card.mbsc-ltr .mbsc-avatar{float:left;margin-right:.5em}.mbsc-card.mbsc-rtl .mbsc-avatar{float:right;margin-left:.5em}.mbsc-avatar~.mbsc-card-title,mbsc-avatar~.mbsc-card-title{margin-top:0;margin-bottom:0;font-weight:600}.mbsc-card .mbsc-card-content .mbsc-control-w{margin-left:-1em;margin-right:-1em}.mbsc-card .mbsc-card-footer .mbsc-btn{margin:-0.6875em 0 -0.6875em 0}.mbsc-lv .mbsc-lv-item.mbsc-card{margin:.75em;padding:0}.mbsc-card.mbsc-form .mbsc-lv-cont{margin:0}.mbsc-card .mbsc-card-content .mbsc-lv-cont{margin:0 -1em}.mbsc-card-list .mbsc-lv-cont .mbsc-lv,.mbsc-lv-cont .mbsc-card-list.mbsc-lv{background:none}.mbsc-card-list .mbsc-lv-item:not(.mbsc-card){padding:0;background:none}.mbsc-mobiscroll.mbsc-card.mbsc-form{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.3)}.mbsc-mobiscroll .mbsc-card-footer{border-color:#ccc}.mbsc-mobiscroll .mbsc-card h3.mbsc-card-subtitle,.mbsc-mobiscroll .mbsc-card-subtitle{color:#7c7c7c}.mbsc-input{position:relative;display:block;margin:0;z-index:0;-webkit-user-select:none;user-select:none}.mbsc-input input,.mbsc-input select,.mbsc-input textarea{margin:0;padding:0;border:0;border-radius:0;outline:0;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mbsc-input-wrap,.mbsc-input input,.mbsc-input textarea{box-sizing:border-box}.mbsc-input input,.mbsc-input select,.mbsc-input textarea{display:block;width:100%;font-size:1em}.mbsc-input input:focus,.mbsc-input select:focus,.mbsc-input textarea:focus{outline:0}.mbsc-input-wrap{position:relative;display:block}.mbsc-input .mbsc-label{font-size:.875em}.mbsc-input-ic{position:absolute;height:2em;width:2em;line-height:2em;text-align:center}.mbsc-input-toggle{cursor:pointer}.mbsc-ic-right .mbsc-input-ic{right:.5em}.mbsc-ic-left .mbsc-input-ic{left:.5em}.mbsc-ic-right input{padding-right:2.4em}.mbsc-ic-left input{padding-left:2.4em}.mbsc-mobiscroll .mbsc-input input,.mbsc-mobiscroll .mbsc-input textarea{height:2.125em;padding:0 0 1px 0;background:transparent;border-bottom:1px solid #787878;font-size:1em;color:#1f1f1f}.mbsc-mobiscroll .mbsc-input input:focus,.mbsc-mobiscroll .mbsc-input select:focus~input .mbsc-mobiscroll .mbsc-input textarea:focus,.mbsc-mobiscroll .mbsc-input textarea:focus{border-color:#4eccc4}.mbsc-mobiscroll .mbsc-input input:disabled,.mbsc-mobiscroll .mbsc-input textarea:disabled,.mbsc-mobiscroll .mbsc-input select:disabled~input,.mbsc-mobiscroll .mbsc-input select:disabled~.mbsc-select-ic{opacity:.4}.mbsc-mobiscroll .mbsc-input input:-webkit-autofill,.mbsc-mobiscroll .mbsc-input textarea:-webkit-autofill{padding:0 .25em}.mbsc-mobiscroll .mbsc-input{padding:.5em 1em}.mbsc-mobiscroll .mbsc-input.mbsc-err input,.mbsc-mobiscroll .mbsc-input.mbsc-err textarea{padding:0;border-bottom:1px solid #ec2a32}.mbsc-mobiscroll .mbsc-input-ic{top:.0625em;margin:-2px 0 0 0;color:#787878}.mbsc-mobiscroll.mbsc-ltr .mbsc-input.mbsc-ic-left,.mbsc-mobiscroll.mbsc-rtl .mbsc-input.mbsc-ic-right{padding-left:3.25em}.mbsc-mobiscroll.mbsc-ltr .mbsc-input.mbsc-ic-right,.mbsc-mobiscroll.mbsc-rtl .mbsc-input.mbsc-ic-left{padding-right:3.25em}.mbsc-mobiscroll.mbsc-ltr .mbsc-ic-left .mbsc-ic.mbsc-left-ic,.mbsc-mobiscroll.mbsc-rtl .mbsc-ic-right .mbsc-ic.mbsc-right-ic{right:auto;left:-2.625em}.mbsc-mobiscroll.mbsc-ltr .mbsc-ic-right .mbsc-ic.mbsc-right-ic,.mbsc-mobiscroll.mbsc-rtl .mbsc-ic-left .mbsc-ic.mbsc-left-ic{left:auto;right:-2.625em}.mbsc-mobiscroll .mbsc-input .mbsc-label{font-size:.75em}.mbsc-ios .mbsc-sc-whl .mbsc-sel-gr{padding-left:.277777em;color:#9d9d9d;font-weight:normal;font-size:1.222222em}.mbsc-ios.mbsc-sel-gr-whl .mbsc-ltr .mbsc-sc-whl-multi{margin-left:2em}.mbsc-ios.mbsc-sel-gr-whl .mbsc-rtl .mbsc-sc-whl-multi{margin-right:2em}.mbsc-ios .mbsc-sel-filter-cont.mbsc-input{font-size:1.166667em;padding:.5em;background:#c4c4c4}.mbsc-ios.mbsc-fr-center .mbsc-sel-filter-cont{background:#ebebe8}.mbsc-ios .mbsc-sel-filter-cont.mbsc-input input{height:2em;background:#fff;border-radius:.325em}.mbsc-ios .mbsc-sel-filter-clear{width:1.75em;right:.5em;color:#8c8c8c;font-size:1em}.mbsc-ios.mbsc-sel .mbsc-rtl .mbsc-sel-filter-clear{left:.5em}.mbsc-ios .mbsc-sel-filter-cont.mbsc-control-w:before,.mbsc-ios .mbsc-sel-filter-cont.mbsc-control-w:after{border:none}.mbsc-ios .mbsc-dt-whl-y .mbsc-sc-itm{min-width:3.8em}.mbsc-ios .mbsc-dt-whl-m .mbsc-sc-itm{text-align:left}.mbsc-ios .mbsc-dt-whl-d .mbsc-sc-itm,.mbsc-ios .mbsc-dt-whl-h .mbsc-sc-itm,.mbsc-ios .mbsc-dt-whl-date .mbsc-sc-itm{text-align:right}.mbsc-ios .mbsc-cal{font-size:1.333334em}.mbsc-ios .mbsc-cal-hdr{padding-top:.5em}.mbsc-ios .mbsc-cal .mbsc-cal-btn{width:1.73913em;height:1.73913em;padding:0;line-height:1.73913em;font-size:1.4375em}.mbsc-ios .mbsc-cal-year,.mbsc-ios .mbsc-cal-month{font-size:1.125em;line-height:2.222223em}.mbsc-ios .mbsc-cal-picker{background:#f7f7f7}.mbsc-ios .mbsc-cal-picker .mbsc-cal-cell-i{display:inline-block;height:2em;padding:0 1em;line-height:2em;border-radius:2em;white-space:nowrap}.mbsc-ios .mbsc-cal-days>div{font-size:.75em}.mbsc-ios .mbsc-cal-day-scroll-c .mbsc-cal-slide{padding-bottom:.5em}.mbsc-ios .mbsc-cal-cell{border-top:1px solid #ccc}.mbsc-ios .mbsc-cal-hide-diff .mbsc-cal-row:not(:first-child) .mbsc-cal-day-diff{border-top-color:transparent}.mbsc-ios .mbsc-cal-day-date{display:inline-block;width:1.625em;height:1.625em;margin:.3125em 0;line-height:1.625em;border:2px solid transparent;border-radius:2em}.mbsc-ios .mbsc-cal-today{color:#007aff}.mbsc-ios .mbsc-cal-cell:focus .mbsc-cal-cell-txt,.mbsc-ios.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt{background:rgba(0,122,255,0.3)}.mbsc-ios .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt{border-color:#007aff;background:#007aff;color:#fff}.mbsc-ios .mbsc-cal-week-nr{width:2.363636em;font-size:.6875em}.mbsc-ios .mbsc-cal-tabs-c{padding:.666667em .666667em 0 .666667em}.mbsc-ios .mbsc-cal-tab{border:1px solid #007aff;line-height:1.928571em;font-size:1.166667em;padding:0 .714285em;color:#007aff}.mbsc-ios .mbsc-fr-popup .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected{background:#007aff;color:#fff}.mbsc-ios .mbsc-ltr .mbsc-cal-tab:first-child{border-right:0;border-radius:.285714em 0 0 .285714em}.mbsc-ios .mbsc-ltr .mbsc-cal-tab:last-child{border-left:0;border-radius:0 .285714em .285714em 0}.mbsc-ios .mbsc-rtl .mbsc-cal-tab:last-child{border-right:0;border-radius:.285714em 0 0 .285714em}.mbsc-ios .mbsc-rtl .mbsc-cal-tab:first-child{border-left:0;border-radius:0 .285714em .285714em 0}.mbsc-ios .mbsc-cal-has-marks .mbsc-cal-day{padding-bottom:.4375em}.mbsc-ios .mbsc-cal-has-marks .mbsc-cal-day-date{margin:.1875em 0}.mbsc-ios .mbsc-cal-marks{margin-top:-0.0625em}.mbsc-ios .mbsc-cal-mark{width:.375em;height:.375em;border-radius:.375em;background:#ccc;margin:0 .0625em}.mbsc-ios .mbsc-cal-has-txt .mbsc-cal-day{padding-bottom:1em}.mbsc-ios .mbsc-cal-txt{height:1.5em;line-height:1.5em;margin-top:-0.1em;background:#d7eafe;color:#000}.mbsc-ios.mbsc-fr-inline .mbsc-cal-picker{background:#fff}.mbsc-ios.mbsc-fr-center .mbsc-cal-c,.mbsc-ios.mbsc-fr-bubble .mbsc-cal-c{padding:0 .666667em}.mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-w{padding-bottom:0;padding-top:3.75em}.mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-cal-c{padding:0}.mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-cal-day-scroll-c{padding:0}.mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-cont{top:0;bottom:auto;border-bottom:1px solid #ccc}.mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-w{float:right;border:0}.mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-w .mbsc-fr-btn-cont .mbsc-fr-btn-w .mbsc-fr-btn{background:none}.mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-c{float:left}.mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-s .mbsc-fr-btn{font-weight:bold}.mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn.mbsc-active{background:transparent;opacity:.5}.mbsc-ios.mbsc-fr-liq.mbsc-fr-nobtn .mbsc-fr-w{padding:0}.mbsc-ios.mbsc-ts .mbsc-sc-lbl-v{margin:0}.mbsc-ios.mbsc-ts .mbsc-sc-lbl-v .mbsc-ts-lbl{display:inline;visibility:hidden;padding-left:.5em;font-size:.90909em;text-transform:lowercase}.mbsc-ios.mbsc-ts .mbsc-sc-whl-gr{padding:.833333em}.mbsc-ios.mbsc-ts .mbsc-sc-lbl{padding:0 .55em;margin-top:-0.75em;left:auto;top:50%;right:0;width:auto;z-index:3;color:#007aff;font-size:1.666667em;line-height:1.5em;text-transform:lowercase}.mbsc-ios.mbsc-ts .mbsc-rtl .mbsc-sc-lbl{left:0;right:auto}.mbsc-ios.mbsc-ts .mbsc-sc-whl-gr-3d .mbsc-sc-lbl{-webklit-transform:translateZ(88px);transform:translateZ(88px)}.mbsc-ios.mbsc-timer .mbsc-sc-whl-gr{padding:.833333em}.mbsc-ios.mbsc-timer .mbsc-sc-lbl{z-index:3;top:50%;bottom:auto;right:0;left:auto;width:auto;margin-top:-0.75em;padding:0 .55em;color:#007aff;font-size:1.666667em;line-height:1.5em;text-transform:lowercase}.mbsc-ios.mbsc-timer .mbsc-rtl .mbsc-sc-lbl{left:0;right:auto}.mbsc-ios.mbsc-timer .mbsc-sc-whl-gr-3d .mbsc-sc-lbl{-webklit-transform:translateZ(88px);transform:translateZ(88px)}.mbsc-ios.mbsc-timer .mbsc-sc-itm{text-overflow:clip}.mbsc-ios.mbsc-timer .mbsc-sc-lbl-v{margin:0}.mbsc-ios .mbsc-sc-lbl-v .mbsc-timer-lbl{display:inline;visibility:hidden;padding-left:.5em;font-size:.90909em;text-transform:lowercase}.mbsc-ios.mbsc-fr-top .mbsc-fr-btn-cont,.mbsc-ios.mbsc-fr-bottom .mbsc-fr-btn-cont{background:#efefef;padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.mbsc-ios .mbsc-fr-overlay{background:rgba(0,0,0,0.2)}.mbsc-ios .mbsc-fr-w{position:relative;padding-top:3.666667em;background:#f7f7f7;color:#000;font-size:12px;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif}.mbsc-ios .mbsc-fr-has-hdr .mbsc-fr-w{min-width:25em}.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w,.mbsc-ios.mbsc-fr-center .mbsc-fr-w{min-width:16.666667em}.mbsc-ios .mbsc-fr-hdr{position:absolute;z-index:1;top:0;right:0;left:0;line-height:1.25em;padding:.75em 4.375em;color:#000;font-size:1.333334em;font-weight:bold;text-overflow:ellipsis;white-space:nowrap}.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-hdr,.mbsc-ios.mbsc-fr-center:not(.mbsc-cal-liq) .mbsc-fr-hdr{position:relative;padding:.75em .5em;margin-bottom:-1px;border-bottom:1px solid #ccc;white-space:normal}.mbsc-ios .mbsc-fr-btn-cont{position:absolute;top:0;left:0;right:0;display:block;border-bottom:1px solid #ccc}.mbsc-ios .mbsc-ltr .mbsc-fr-btn-cont{text-align:right}.mbsc-ios .mbsc-rtl .mbsc-fr-btn-cont{text-align:left}.mbsc-ios .mbsc-fr-btn{height:2.75em;line-height:2.75em;padding:0 .625em;text-align:center;color:#007aff;font-size:1.333334em}.mbsc-ios .mbsc-fr-btn.mbsc-active{opacity:.5}.mbsc-ios.mbsc-fr-center.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover{background:#ebebe8}.mbsc-ios .mbsc-fr-btn-w{display:inline-block}.mbsc-ios .mbsc-ltr .mbsc-fr-btn-c{float:left}.mbsc-ios .mbsc-rtl .mbsc-fr-btn-c{float:right}.mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn{font-weight:bold}.mbsc-ios.mbsc-fr-bubble .mbsc-fr-w,.mbsc-ios.mbsc-fr-center .mbsc-fr-w{border-radius:8px}.mbsc-ios .mbsc-fr-arr-w{z-index:0}.mbsc-ios .mbsc-fr-arr{position:relative;width:26px;height:26px;background:#f7f7f7;border:0;transform:rotate(-45deg);margin-left:-13px}.mbsc-ios .mbsc-fr-bubble-top .mbsc-fr-arr{top:-17px;border-bottom-left-radius:6px}.mbsc-ios .mbsc-fr-bubble-bottom .mbsc-fr-arr{top:17px;border-top-right-radius:6px}.mbsc-ios.mbsc-fr-bottom .mbsc-fr-overlay,.mbsc-ios.mbsc-fr-top .mbsc-fr-overlay{background:none}.mbsc-ios.mbsc-fr-bottom .mbsc-fr-popup{border-top:1px solid #909090}.mbsc-ios.mbsc-fr-top .mbsc-fr-popup{border-bottom:1px solid #909090}.mbsc-ios.mbsc-fr-center .mbsc-fr-w{padding-top:0;padding-bottom:3.75em}.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w{padding:0}.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-cont{display:table;top:auto;bottom:0;border:0;table-layout:fixed}.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w{display:table-cell;float:none;border-top:1px solid #ccc;border-left:1px solid #ccc}.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w:first-child{border-left:0}.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w{border-left:0;border-right:1px solid #ccc}.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child{border-right:0}.mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:first-child .mbsc-fr-btn,.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:last-child .mbsc-fr-btn{border-radius:0 0 0 .5em}.mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:last-child .mbsc-fr-btn,.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child .mbsc-fr-btn{border-radius:0 0 .5em 0}.mbsc-ios.mbsc-fr-center .mbsc-fr-btn.mbsc-active{background:#ebebe8;opacity:1}.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-cont{position:static;display:block}.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w{display:block;border-left:0;border-right:0}.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn{border-radius:0}.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w:last-child .mbsc-fr-btn{border-radius:0 0 .5em .5em}.mbsc-ios.mbsc-fr-inline .mbsc-fr-w{margin-top:-1px;background:#fff}.mbsc-ios.mbsc-fr-inline .mbsc-fr-c{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w{padding:0}.mbsc-ios.mbsc-progress{display:flex;min-height:4em;margin-top:-1px;padding:.625em 1em;background:#fff;align-items:center;box-sizing:border-box}.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-control-w .mbsc-label{padding:0}.mbsc-ios.mbsc-progress .mbsc-input-ic{top:.0625em;margin:0}.mbsc-ios.mbsc-progress.mbsc-ic-left .mbsc-left-ic,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-right .mbsc-right-ic{right:auto;left:-0.375em}.mbsc-ios.mbsc-progress.mbsc-ic-right .mbsc-right-ic,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-left .mbsc-left-ic{left:auto;right:-0.375em}.mbsc-ios.mbsc-progress .mbsc-input-wrap{position:relative;padding:0 .75em}.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap{padding-left:2.5em}.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap{padding-right:2.5em}.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap{padding-left:3.5em}.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap{padding-right:3.5em}.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap{padding-left:5.5em}.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap{padding-right:5.5em}.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value{left:2.2857em}.mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value,.mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value{right:2.2857em}.mbsc-ios .mbsc-progress-cont{padding:1em 0}.mbsc-ios .mbsc-progress-track{background:#dedede;border-radius:1em;height:.0625em}.mbsc-ios .mbsc-progress-bar{background:#1272dc;z-index:1}.mbsc-ios .mbsc-progress-value{width:3.715em;font-size:.875em;color:#b6b6b6}.mbsc-ios .mbsc-progress-step-label{top:1.333334em;color:#b6b6b6}.mbsc-ios.mbsc-progress.mbsc-ic-left:before,.mbsc-ios.mbsc-progress.mbsc-ic-left:after{left:1em}.mbsc-ios .mbsc-progress-primary .mbsc-progress-bar{background:#3f97f6}.mbsc-ios .mbsc-progress-secondary .mbsc-progress-bar{background:#90979E}.mbsc-ios .mbsc-progress-success .mbsc-progress-bar{background:#43BE5F}.mbsc-ios .mbsc-progress-danger .mbsc-progress-bar{background:#f5504e}.mbsc-ios .mbsc-progress-warning .mbsc-progress-bar{background:#f8b042}.mbsc-ios .mbsc-progress-info .mbsc-progress-bar{background:#5BB7C5}.mbsc-ios .mbsc-slider-handle-cont{top:0}.mbsc-ios .mbsc-slider-handle{top:50%;width:1.75em;height:1.75em;margin:-0.875em -0.875em 0 0;background:#fff;border-radius:1.25em;box-shadow:0 0 1em rgba(0,0,0,0.1),0 0 .0625em rgba(0,0,0,0.15),0 .125em .125em rgba(0,0,0,0.15)}.mbsc-ios .mbsc-slider-tooltip{font-size:.875em;width:3em;margin-right:-1.5em;top:-1em;text-align:center;color:#b6b6b6;opacity:0;transition:opacity .2s ease-in-out}.mbsc-ios .mbsc-slider-handle:focus~.mbsc-slider-tooltip,.mbsc-ios .mbsc-active .mbsc-slider-tooltip{opacity:1}.mbsc-ios .mbsc-slider-step{height:.5em;width:.0625em;margin-top:-0.1875em;margin-left:-0.0625em;background:#dedede}.mbsc-ios.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-progress-track{opacity:.4}.mbsc-ios .mbsc-slider-primary .mbsc-progress-bar{background:#3f97f6}.mbsc-ios .mbsc-slider-secondary .mbsc-progress-bar{background:#90979E}.mbsc-ios .mbsc-slider-success .mbsc-progress-bar{background:#43BE5F}.mbsc-ios .mbsc-slider-danger .mbsc-progress-bar{background:#f5504e}.mbsc-ios .mbsc-slider-warning .mbsc-progress-bar{background:#f8b042}.mbsc-ios .mbsc-slider-info .mbsc-progress-bar{background:#5BB7C5}.mbsc-ios.mbsc-color.mbsc-fr-bubble .mbsc-fr-w,.mbsc-ios.mbsc-color.mbsc-fr-center .mbsc-fr-w{max-width:286px;min-width:280px}.mbsc-ios.mbsc-color .mbsc-fr-c{padding:.25em 0}.mbsc-ios .mbsc-color-active,.mbsc-ios.mbsc-no-touch .mbsc-color-item-c:hover{border-radius:3em;box-shadow:inset 0 0 0 .1875em #007aff}.mbsc-ios .mbsc-color-clear-item,.mbsc-ios .mbsc-color-item{border-radius:1.75em}.mbsc-ios.mbsc-color .mbsc-fr-c{font-size:16px}.mbsc-ios .mbsc-fr-center .mbsc-color-preview-cont{position:absolute;bottom:0;left:0;width:100%}.mbsc-ios .mbsc-color-preview-cont{bottom:2.8125em}.mbsc-ios.mbsc-color .mbsc-slider-step{height:.25em;margin:0}.mbsc-ios .mbsc-color-slider-cont.mbsc-progress{border:0;padding:0 .5em}.mbsc-ios .mbsc-color-slider-cont.mbsc-slider{background:transparent}.mbsc-ios .mbsc-color-slider-cont.mbsc-slider:before,.mbsc-ios .mbsc-color-slider-cont.mbsc-slider:after{display:none}.mbsc-ios .mbsc-color-slider-cont .mbsc-progress-cont{padding:1.5em 0}.mbsc-ios .mbsc-color-preview-item{border-radius:1em;margin:.25em}.mbsc-ios .mbsc-color-refine-preview{padding:.25em}.mbsc-ios.mbsc-form .mbsc-color-input{height:auto;min-height:2.75em;padding:.1875em;background:transparent}.mbsc-ios.mbsc-form .mbsc-color-input-item{height:2em;margin:.1875em;border-radius:.125em}.mbsc-ios.mbsc-form .mbsc-color-input-item-close{line-height:1.625em}.mbsc-ios .mbsc-range-btn-t,.mbsc-ios .mbsc-range-btn-c{width:auto;display:block}.mbsc-ios .mbsc-range-btn{position:relative;min-height:2.75em;padding:.75em 1em;font-size:1.333333em}.mbsc-ios .mbsc-range-btn-v{position:absolute;top:.75em;font-weight:normal}.mbsc-ios .mbsc-ltr .mbsc-range-btn{text-align:left}.mbsc-ios .mbsc-ltr .mbsc-range-btn-v{right:1em}.mbsc-ios .mbsc-rtl .mbsc-range-btn{text-align:right}.mbsc-ios .mbsc-rtl .mbsc-range-btn-v{left:1em}.mbsc-ios .mbsc-range-btn-end{border-bottom:1px solid #ccc}.mbsc-ios .mbsc-range-btn-end .mbsc-range-btn:before{content:'';position:absolute;right:0;left:1em;top:0;border-top:1px solid #ccc}.mbsc-ios .mbsc-range-btn.mbsc-selected .mbsc-range-btn-v{color:#007aff}.mbsc-ios.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date{background:none}.mbsc-ios.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date{background:#007aff}.mbsc-ios.mbsc-range .mbsc-cal-day.mbsc-selected:after{content:'';position:absolute;z-index:-1;top:.3125em;left:0;right:0;height:1.875em;background:#007aff}.mbsc-ios.mbsc-range .mbsc-cal-has-marks .mbsc-cal-day.mbsc-selected:after{top:.1875em}.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after{left:.25em}.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after{right:.25em}.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day.mbsc-cal-sel-start:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day.mbsc-cal-sel-end:after{left:50%;margin-left:-0.9375em}.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day.mbsc-cal-sel-end:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day.mbsc-cal-sel-start:after{right:50%;margin-right:-0.9375em}.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-first:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-last:after{border-top-left-radius:2em;border-bottom-left-radius:2em}.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-last:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after,.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-first:after{border-top-right-radius:2em;border-bottom-right-radius:2em}.mbsc-ios.mbsc-sc.mbsc-fr-top .mbsc-fr-w,.mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w{background:#d1d5db}.mbsc-ios.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w{background:#f7f7f7}.mbsc-ios.mbsc-sc.mbsc-fr-top .mbsc-fr-btn-cont,.mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-btn-cont{border-bottom:0}.mbsc-ios.mbsc-calendar.mbsc-fr-top .mbsc-fr-btn-cont,.mbsc-ios.mbsc-calendar.mbsc-fr-bottom .mbsc-fr-btn-cont{border-bottom:1px solid #ccc}.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-l,.mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-l{border-top:1px solid #aaa;border-bottom:1px solid #aaa}.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-o,.mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-o{background:linear-gradient(#d1d5db, rgba(209,213,219,0) 52%, rgba(209,213,219,0) 48%, #d1d5db)}.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,.mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{background:#d1d5db}.mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o{background:linear-gradient(#fff, rgba(255,255,255,0) 52%, rgba(255,255,255,0) 48%, #fff)}.mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{background:#fff}.mbsc-ios .mbsc-sc-lbl{color:#ababab;line-height:2.5em}.mbsc-ios .mbsc-sc-whl-gr-c{padding:0 3%}.mbsc-ios .mbsc-sc-whl-gr{padding:.833333em}.mbsc-ios .mbsc-sc-lbl-v{margin-bottom:-1.666667em}.mbsc-ios .mbsc-sc-lbl-v .mbsc-sc-whl-gr{padding-top:2.5em;padding-bottom:2.5em}.mbsc-ios .mbsc-sc-whl-l,.mbsc-ios.mbsc-calendar .mbsc-sc-whl-l{display:block;margin:0 -0.833333em;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.mbsc-ios .mbsc-sc-whl-w .mbsc-sc-whl-l{display:none}.mbsc-ios .mbsc-sc-whl-o,.mbsc-ios.mbsc-calendar .mbsc-sc-whl-o{display:block;background:linear-gradient(#f7f7f7, rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f7f7f7)}.mbsc-ios .mbsc-sc-itm{padding:0 .5em;color:#9d9d9d;font-size:1.833333em}.mbsc-ios .mbsc-sc-itm.mbsc-active{background:rgba(0,122,255,0.2)}.mbsc-ios .mbsc-sc-itm-sel{color:#000}.mbsc-ios .mbsc-sc-whl-gr-3d-c .mbsc-sc-whl-l{z-index:3}.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm{color:#000}.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{margin:0 -0.166667em}.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,.mbsc-ios.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{background:#f7f7f7}.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d{font-size:1.666666em;color:#666}.mbsc-ios .mbsc-sc-cp .mbsc-sc-whl .mbsc-sc-itm{text-align:center}.mbsc-ios .mbsc-sc-cp .mbsc-sc-whl-w{padding:2.666667em 0}.mbsc-ios .mbsc-sc-btn{color:#007aff;height:2.666667em !important;line-height:2.666667em !important;opacity:1}.mbsc-ios .mbsc-sc-btn:before{font-size:2em}.mbsc-ios .mbsc-sc-btn.mbsc-active:before{opacity:.5}.mbsc-ios.mbsc-sel-multi .mbsc-sc-whl-l{display:none}.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-whl-o{display:none}.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm{padding:0 1.818181em}.mbsc-ios.mbsc-sel-multi .mbsc-sc-itm{color:#000}.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel{color:#007aff}.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before{font-size:1.818181em}.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-multi .mbsc-sc-whl-o{display:block}.mbsc-ios.mbsc-sel-multi .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{visibility:hidden}.mbsc-lv-ios{font-family:arial,verdana,sans-serif;margin-top:-1px;padding-top:1px}.mbsc-lv-ios .mbsc-lv{background:#ccc}.mbsc-lv-ios .mbsc-lv-item{margin-top:-1px;padding:1em;background:#fff;color:#000;font-weight:normal;text-shadow:none}.mbsc-lv-ios .mbsc-lv-item:before,.mbsc-lv-ios .mbsc-lv-item:after{border-top:1px solid #ccc;content:"";position:absolute;right:0;left:1em}.mbsc-lv-ios .mbsc-lv-item:before{top:0}.mbsc-lv-ios .mbsc-lv-item:after{bottom:0}.mbsc-lv-ios .mbsc-lv-item:first-child:before,.mbsc-lv-ios .mbsc-lv-item:last-child:after,.mbsc-lv-ios .mbsc-lv-back:after{left:0}.mbsc-lv-ios .mbsc-lv-gr-title{margin-top:-1px;padding:2.333334em 1.333334em .5em 1.333334em;background:#efeff4;color:#6d6d72;font-size:.75em;line-height:1.5em;text-transform:uppercase;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.mbsc-lv-ios .mbsc-lv-gr-title:first-child{margin-top:0;border-top:0}.mbsc-lv-ios.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even){background:#FAFAFA}.mbsc-lv-ios .mbsc-lv-item-hl,.mbsc-lv-ios .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active{background:#d9d9d9;border-color:#d9d9d9}.mbsc-lv-ios .mbsc-lv-item.mbsc-lv-item-dragging{margin:0}.mbsc-lv-ios .mbsc-lv-handle-c{width:4em}.mbsc-lv-ios .mbsc-lv-handle-bar{margin:.125em 1em;background:#ccc}.mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item{padding-left:4em}.mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item{padding-right:4em}.mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr{right:3.125em}.mbsc-lv-ios.mbsc-lv-has-fixed-header .mbsc-lv-gr-title,.mbsc-lv-ios.mbsc-lv-fixed-header .mbsc-lv-gr-title{line-height:1.125em;font-size:1em;padding:.4em 1em;border:0;color:#000;font-weight:bold}.mbsc-lv-ios .mbsc-lv-ic-m{color:#777}.mbsc-lv-ios .mbsc-lv-arr{color:#ccc}.mbsc-lv-ios .mbsc-lv-item.mbsc-lv-img-left{padding-left:4.5em}.mbsc-lv-ios .mbsc-lv-item.mbsc-lv-img-right{padding-right:4.5em}.mbsc-lv-ios .mbsc-lv-img-left .mbsc-lv-img{left:2.25em}.mbsc-lv-ios .mbsc-lv-img-right .mbsc-lv-img{right:-0.25em}.mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img{right:2.75em}.mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img{left:5.25em}.mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic{right:4em}.mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic{left:4em}.mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-lv-img-left{padding-left:7.5em}.mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item.mbsc-lv-img-right{padding-right:7.5em}.mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left{padding-left:7em}.mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right{padding-right:7em}.mbsc-lv-ios .mbsc-lv-arr{font-size:1.3125em}.mbsc-lv-ios .mbsc-lv-item-ic-left:before,.mbsc-lv-ios .mbsc-lv-item-ic-left:after{left:4em}.mbsc-lv-ios .mbsc-lv-img-left:before,.mbsc-lv-ios .mbsc-lv-img-left:after{left:4.5em}.mbsc-ios.mbsc-np .mbsc-fr-c{font-size:1.333334em}.mbsc-ios .mbsc-np-btn{border-top:1px solid #ccc;border-left:1px solid #ccc;font-size:1.363637em;height:2.2em}.mbsc-ios .mbsc-np-btn:first-child{border-left:0}.mbsc-ios .mbsc-np-btn.mbsc-active,.mbsc-ios .mbsc-np-btn-empty{background:#d1d5db}.mbsc-ios .mbsc-np-btn.mbsc-disabled{color:#ddd}.mbsc-ios .mbsc-np-ts-h,.mbsc-ios .mbsc-np-ts-m{font-weight:normal}.mbsc-ios .mbsc-np-del:before{font-size:1.125em}.mbsc-ios .mbsc-empty{color:#6e6e6e}.mbsc-ios.mbsc-page{background:#efeff4;color:#000}.mbsc-ios a{color:#1272dc}.mbsc-ios .mbsc-note{border-radius:.25em}.mbsc-ios .mbsc-note,.mbsc-ios .mbsc-note-primary{color:#074b95;background-color:#a0ccfb}.mbsc-ios .mbsc-note-secondary{color:#454b50;background-color:#c6cace}.mbsc-ios .mbsc-note-success{color:#1b4d26;background-color:#8fd8a0}.mbsc-ios .mbsc-note-danger{color:#a10b09;background-color:#faafaf}.mbsc-ios .mbsc-note-warning{color:#9b6006;background-color:#fcd9a4}.mbsc-ios .mbsc-note-info{color:#235b64;background-color:#a6d8e0}.mbsc-ios .mbsc-note-light{color:#4d4d4d;background-color:#fff}.mbsc-ios .mbsc-note-dark{color:#000;background-color:#797c7e}@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){.mbsc-fr-hb.mbsc-ios.mbsc-fr-inline .mbsc-fr-c,.mbsc-fr-hb.mbsc-ios .mbsc-fr-hdr,.mbsc-fr-hb.mbsc-ios .mbsc-fr-btn-cont,.mbsc-fr-hb.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w,.mbsc-fr-hb.mbsc-ios.mbsc-fr-bottom .mbsc-fr-popup,.mbsc-fr-hb.mbsc-ios.mbsc-cal-liq.mbsc-fr-center .mbsc-fr-btn-cont,.mbsc-fr-hb.mbsc-ios.mbsc-calendar .mbsc-fr-popup .mbsc-fr-btn-cont,.mbsc-fr-hb.mbsc-ios .mbsc-cal-day,.mbsc-fr-hb.mbsc-ios .mbsc-cal-sc-m-cell,.mbsc-cal-event-list .mbsc-cal-event:before,.mbsc-cal-event-list .mbsc-cal-event:after,.mbsc-fr-hb.mbsc-ios .mbsc-range-btn-end,.mbsc-fr-hb.mbsc-ios .mbsc-range-btn-end .mbsc-range-btn:before,.mbsc-fr-hb.mbsc-ios .mbsc-np-btn,.mbsc-fr-hb.mbsc-ios.mbsc-ms-more .mbsc-ms-item:after,.mbsc-lv-hb.mbsc-lv-ios .mbsc-lv-item:before,.mbsc-lv-hb.mbsc-lv-ios .mbsc-lv-item:after,.mbsc-lv-hb.mbsc-lv-ios .mbsc-lv-gr-title,.mbsc-lv-hb.mbsc-lv-ios,.mbsc-form-hb.mbsc-ios .mbsc-control-w:before,.mbsc-form-hb.mbsc-ios .mbsc-control-w:after,.mbsc-form-hb.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:before,.mbsc-form-hb.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:after,.mbsc-form-hb.mbsc-ios .mbsc-divider,.mbsc-form-hb.mbsc-ios .mbsc-btn-group{border-width:.5px}}.mbsc-ios.mbsc-rating .mbsc-progress-track{color:#007aff}.mbsc-ios.mbsc-rating.mbsc-progress .mbsc-input-wrap{padding:0}.mbsc-ios.mbsc-rating input:disabled~.mbsc-progress-cont .mbsc-progress-track{opacity:.4}.mbsc-ios.mbsc-rating.mbsc-rating-primary .mbsc-progress-track{color:#3f97f6}.mbsc-ios.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track{color:#90979E}.mbsc-ios.mbsc-rating.mbsc-rating-success .mbsc-progress-track{color:#43BE5F}.mbsc-ios.mbsc-rating.mbsc-rating-danger .mbsc-progress-track{color:#f5504e}.mbsc-ios.mbsc-rating.mbsc-rating-warning .mbsc-progress-track{color:#f8b042}.mbsc-ios.mbsc-rating.mbsc-rating-info .mbsc-progress-track{color:#5BB7C5}.mbsc-ios.mbsc-alert .mbsc-fr-c.mbsc-wdg-c{padding:1.142857em;line-height:1.285714;text-align:center}.mbsc-ios.mbsc-alert h2{margin:.277778em 0;font-size:1.285715em}.mbsc-ios.mbsc-alert p{margin:.357143em 0}.mbsc-ios.mbsc-alert .mbsc-input{margin-top:1.142857em;border:1px solid #ccc;border-radius:0}.mbsc-ios.mbsc-alert .mbsc-input input{height:1.714286em;padding:0 .357143em}.mbsc-ios.mbsc-snackbar .mbsc-fr-w{background:#646464;color:#fff}.mbsc-ios.mbsc-snackbar .mbsc-snackbar-btn{color:#a0cbf8}.mbsc-ios.mbsc-toast .mbsc-toast-msg{background:#646464;border-radius:.5em;color:#fff;opacity:.9}.mbsc-ios.mbsc-snackbar.mbsc-primary .mbsc-fr-w,.mbsc-ios.mbsc-toast.mbsc-primary .mbsc-toast-msg{background:#3f97f6;color:#eee}.mbsc-ios.mbsc-snackbar.mbsc-secondary .mbsc-fr-w,.mbsc-ios.mbsc-toast.mbsc-secondary .mbsc-toast-msg{background:#90979E;color:#eee}.mbsc-ios.mbsc-snackbar.mbsc-success .mbsc-fr-w,.mbsc-ios.mbsc-toast.mbsc-success .mbsc-toast-msg{background:#43BE5F;color:#eee}.mbsc-ios.mbsc-snackbar.mbsc-danger .mbsc-fr-w,.mbsc-ios.mbsc-toast.mbsc-danger .mbsc-toast-msg{background:#f5504e;color:#eee}.mbsc-ios.mbsc-snackbar.mbsc-warning .mbsc-fr-w,.mbsc-ios.mbsc-toast.mbsc-warning .mbsc-toast-msg{background:#f8b042;color:#eee}.mbsc-ios.mbsc-snackbar.mbsc-info .mbsc-fr-w,.mbsc-ios.mbsc-toast.mbsc-info .mbsc-toast-msg{background:#5BB7C5;color:#eee}.mbsc-ios.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn,.mbsc-ios.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn,.mbsc-ios.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn,.mbsc-ios.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn,.mbsc-ios.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn,.mbsc-ios.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn{color:#eee}.mbsc-ios.mbsc-form{background:#efeff4;color:#000}.mbsc-ios.mbsc-form *::selection{color:#fff;background:#1272dc}.mbsc-ios .mbsc-input-ic{color:#7f8797}.mbsc-ios .mbsc-desc{opacity:.5}.mbsc-ios .mbsc-divider,.mbsc-ios .mbsc-form-group-title{position:relative;z-index:2;background:#efeff4;margin-top:-1px;border-bottom:1px solid #ccc;color:#6d6d72;font-size:.75em;line-height:1.5em;text-transform:uppercase}.mbsc-ios .mbsc-divider{padding:2.333334em 1.333334em .5em 1.333334em;border-top:1px solid #ccc}.mbsc-ios .mbsc-form-group-title{padding:.5em 1.333334em}.mbsc-ios.mbsc-ltr .mbsc-select input{padding-right:2.25em}.mbsc-ios.mbsc-rtl .mbsc-select input{padding-left:2.25em}.mbsc-ios .mbsc-select-ic{position:absolute;display:block;height:1.25em;width:1.25em;top:.875em;right:1em;text-align:center}.mbsc-ios.mbsc-rtl .mbsc-select-ic{right:auto;left:1em}.mbsc-ios .mbsc-ic-right .mbsc-select-ic{right:3.4em}.mbsc-ios.mbsc-rtl .mbsc-ic-right .mbsc-select-ic{right:auto;left:3.4em}.mbsc-ios .mbsc-select-inline .mbsc-select-ic{display:none}.mbsc-ios .mbsc-textarea .mbsc-input-wrap{padding:.625em 0}.mbsc-ios .mbsc-textarea textarea{height:3em}.mbsc-ios .mbsc-textarea .mbsc-label{width:auto;max-width:none}.mbsc-ios.mbsc-form .mbsc-checkbox,.mbsc-ios.mbsc-form .mbsc-radio{padding:.875em 3.75em .875em 1em;background:#fff}.mbsc-ios.mbsc-rtl .mbsc-checkbox,.mbsc-ios.mbsc-rtl .mbsc-radio{padding:.875em 1em .875em 3.75em}.mbsc-ios .mbsc-checkbox input:disabled+.mbsc-checkbox-box,.mbsc-ios .mbsc-checkbox input:disabled~.mbsc-label,.mbsc-ios .mbsc-checkbox input:disabled~.mbsc-desc,.mbsc-ios .mbsc-radio input:disabled+.mbsc-radio-box,.mbsc-ios .mbsc-radio input:disabled~.mbsc-label,.mbsc-ios .mbsc-radio input:disabled~.mbsc-desc,.mbsc-ios .mbsc-switch input:disabled+.mbsc-switch-track,.mbsc-ios .mbsc-switch input:disabled~.mbsc-label,.mbsc-ios .mbsc-switch input:disabled~.mbsc-desc{opacity:.3}.mbsc-ios .mbsc-checkbox-box:after,.mbsc-ios .mbsc-radio-box:after{transition:opacity .2s ease-in-out}.mbsc-ios .mbsc-checkbox-box{right:1em;width:1.75em;height:1.75em;margin-top:-0.875em;background:transparent;border:.125em solid #1272dc;border-radius:2em}.mbsc-ios.mbsc-rtl .mbsc-checkbox-box{right:auto;left:1em}.mbsc-ios .mbsc-checkbox-box:after{top:32%;left:26%;width:.75em;height:.375em;border:.125em solid #1272dc;border-top:0;border-right:0}.mbsc-ios .mbsc-checkbox-primary .mbsc-checkbox-box,.mbsc-ios .mbsc-checkbox-primary .mbsc-checkbox-box:after{border-color:#3f97f6}.mbsc-ios .mbsc-checkbox-secondary .mbsc-checkbox-box,.mbsc-ios .mbsc-checkbox-secondary .mbsc-checkbox-box:after{border-color:#90979E}.mbsc-ios .mbsc-checkbox-success .mbsc-checkbox-box,.mbsc-ios .mbsc-checkbox-success .mbsc-checkbox-box:after{border-color:#43BE5F}.mbsc-ios .mbsc-checkbox-danger .mbsc-checkbox-box,.mbsc-ios .mbsc-checkbox-danger .mbsc-checkbox-box:after{border-color:#f5504e}.mbsc-ios .mbsc-checkbox-warning .mbsc-checkbox-box,.mbsc-ios .mbsc-checkbox-warning .mbsc-checkbox-box:after{border-color:#f8b042}.mbsc-ios .mbsc-checkbox-info .mbsc-checkbox-box,.mbsc-ios .mbsc-checkbox-info .mbsc-checkbox-box:after{border-color:#5BB7C5}.mbsc-ios .mbsc-radio-box{right:1.125em;margin-top:-0.625em;background:transparent}.mbsc-ios.mbsc-rtl .mbsc-radio-box{right:auto;left:1.125em}.mbsc-ios .mbsc-radio-box:after{position:absolute;top:44%;left:23%;width:1em;height:.5em;border:.125em solid #1272dc;border-top:0;border-right:0;border-radius:0;transform:rotate(-45deg)}.mbsc-ios .mbsc-radio input:disabled~.mbsc-radio-label{color:#a6a7a6}.mbsc-ios .mbsc-radio-primary .mbsc-radio-box:after{border-color:#3f97f6}.mbsc-ios .mbsc-radio-secondary .mbsc-radio-box:after{border-color:#90979E}.mbsc-ios .mbsc-radio-success .mbsc-radio-box:after{border-color:#43BE5F}.mbsc-ios .mbsc-radio-danger .mbsc-radio-box:after{border-color:#f5504e}.mbsc-ios .mbsc-radio-warning .mbsc-radio-box:after{border-color:#f8b042}.mbsc-ios .mbsc-radio-info .mbsc-radio-box:after{border-color:#5BB7C5}.mbsc-ios .mbsc-btn{margin:.5em .25em;padding:.625em 1.375em;background:#fff;border:0;border-radius:.25em;color:#1272dc}.mbsc-ios .mbsc-btn-ic{padding-right:.625em}.mbsc-ios .mbsc-btn-icon-only .mbsc-btn-ic{padding:0}.mbsc-ios.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover{opacity:.8}.mbsc-ios .mbsc-btn.mbsc-active{opacity:.6}.mbsc-ios .mbsc-btn:disabled{background:#dfdfdf;color:#c4c4c4}.mbsc-ios .mbsc-btn.mbsc-btn-outline:disabled{color:#c4c4c4;border-color:#c4c4c4}.mbsc-ios .mbsc-btn.mbsc-btn-flat{background:transparent;border-color:transparent}.mbsc-ios .mbsc-btn-flat.mbsc-active{opacity:.6}.mbsc-ios .mbsc-btn-flat:disabled{background:transparent;opacity:.8;color:#c4c4c4}.mbsc-ios .mbsc-btn-group,.mbsc-ios .mbsc-btn-group-justified,.mbsc-ios .mbsc-btn-group-block{padding:.5em .75em;background:#efeff4}.mbsc-ios .mbsc-btn-group-block{padding:.5em 1em}.mbsc-ios .mbsc-btn-primary.mbsc-btn{background:#3f97f6;color:#eee}.mbsc-ios .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat{color:#3f97f6}.mbsc-ios .mbsc-btn-secondary.mbsc-btn{background:#90979E;color:#eee}.mbsc-ios .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat{color:#90979E}.mbsc-ios .mbsc-btn-success.mbsc-btn{background:#43BE5F;color:#eee}.mbsc-ios .mbsc-btn-success.mbsc-btn.mbsc-btn-flat{color:#43BE5F}.mbsc-ios .mbsc-btn-danger.mbsc-btn{background:#f5504e;color:#eee}.mbsc-ios .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat{color:#f5504e}.mbsc-ios .mbsc-btn-warning.mbsc-btn{background:#f8b042;color:#eee}.mbsc-ios .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat{color:#f8b042}.mbsc-ios .mbsc-btn-info.mbsc-btn{background:#5BB7C5;color:#eee}.mbsc-ios .mbsc-btn-info.mbsc-btn.mbsc-btn-flat{color:#5BB7C5}.mbsc-ios .mbsc-btn-light.mbsc-btn{background:#fff;color:#000}.mbsc-ios .mbsc-btn-light.mbsc-btn.mbsc-btn-flat{color:#ccc}.mbsc-ios .mbsc-btn-dark.mbsc-btn{background:#47494A;color:#eee}.mbsc-ios .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat{color:#47494A}.mbsc-ios .mbsc-btn-flat.mbsc-btn{background:transparent}.mbsc-ios .mbsc-btn-outline.mbsc-btn{background:transparent;border:1px solid #1272dc;color:#1272dc}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-active{background:#1272dc;color:#efeff4;opacity:1}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary{border-color:#3f97f6;color:#3f97f6}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active{background:#3f97f6;color:#fff}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary{border-color:#90979E;color:#90979E}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active{background:#90979E;color:#fff}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-success{border-color:#43BE5F;color:#43BE5F}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active{background:#43BE5F;color:#fff}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger{border-color:#f5504e;color:#f5504e}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active{background:#f5504e;color:#fff}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning{border-color:#f8b042;color:#f8b042}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active{background:#f8b042;color:#fff}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-info{border-color:#5BB7C5;color:#5BB7C5}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active{background:#5BB7C5;color:#fff}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-light{border-color:#bfbfbf;color:#bfbfbf}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-light.mbsc-active{background:#bfbfbf;color:#fff}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark{border-color:#47494A;color:#47494A}.mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active{background:#47494A;color:#fff}.mbsc-ios.mbsc-form .mbsc-switch{padding:.875em 5em .875em 1em;background:#fff}.mbsc-ios.mbsc-rtl .mbsc-switch{padding:.875em 1em .875em 5em}.mbsc-ios .mbsc-switch-track{right:1em;width:3em;height:1.75em;padding:0;margin-top:-0.96875em;background:#e5e5e5;border:.09375em solid #e5e5e5;border-radius:1.25em;box-sizing:content-box}.mbsc-ios.mbsc-rtl .mbsc-switch-track{right:auto;left:1em}.mbsc-ios .mbsc-switch-track:after{content:'';position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:1.25em;transform:scale(1);transition:transform .2s ease-out}.mbsc-ios .mbsc-switch-track .mbsc-progress-track{margin:0 .875em}.mbsc-ios .mbsc-switch-handle{z-index:2;top:50%;left:50%;width:1.75em;height:1.75em;margin:-0.875em 0 0 -0.875em;background:#fff;border-radius:1.75em;box-shadow:0 0 1em rgba(0,0,0,0.1),0 0 .0625em rgba(0,0,0,0.15),0 .125em .125em rgba(0,0,0,0.15);transition:transform .2s ease-out}.mbsc-ios.mbsc-rtl .mbsc-switch-handle{margin:-0.875em -0.875em 0 0}.mbsc-ios .mbsc-switch input:checked+.mbsc-switch-track{background:#4cd764;border-color:#4cd764}.mbsc-ios .mbsc-switch input:checked+.mbsc-switch-track:after{transform:scale(0)}.mbsc-ios .mbsc-switch-primary.mbsc-switch input:checked+.mbsc-switch-track{border-color:#3f97f6;background:#3f97f6}.mbsc-ios .mbsc-switch-secondary.mbsc-switch input:checked+.mbsc-switch-track{border-color:#90979E;background:#90979E}.mbsc-ios .mbsc-switch-success.mbsc-switch input:checked+.mbsc-switch-track{border-color:#43BE5F;background:#43BE5F}.mbsc-ios .mbsc-switch-danger.mbsc-switch input:checked+.mbsc-switch-track{border-color:#f5504e;background:#f5504e}.mbsc-ios .mbsc-switch-warning.mbsc-switch input:checked+.mbsc-switch-track{border-color:#f8b042;background:#f8b042}.mbsc-ios .mbsc-switch-info.mbsc-switch input:checked+.mbsc-switch-track{border-color:#5BB7C5;background:#5BB7C5}.mbsc-ios .mbsc-segmented{padding:.75em;background-color:#fff}.mbsc-ios .mbsc-stepper{display:block}.mbsc-ios .mbsc-segmented-content{height:2.14285714em;margin-left:-0.07142857em;line-height:2.14285714em;padding:0 .42857em;color:#1272dc;text-transform:capitalize;border:.07142857em solid #1272dc;background:#fff}.mbsc-ios.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content,.mbsc-ios.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content,.mbsc-ios.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content,.mbsc-ios.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content{border-top-left-radius:.25em;border-bottom-left-radius:.25em}.mbsc-ios .mbsc-segmented.mbsc-stepper.mbsc-control-w:before,.mbsc-ios .mbsc-segmented.mbsc-stepper.mbsc-control-w:after{border:0}.mbsc-ios.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content,.mbsc-ios.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content,.mbsc-ios.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content,.mbsc-ios.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content{border-top-right-radius:.25em;border-bottom-right-radius:.25em}.mbsc-ios .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content,.mbsc-ios .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content{background:#1272dc;color:#fff}.mbsc-ios .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{background:rgba(18,114,220,0.3);color:#1272dc}.mbsc-ios .mbsc-stepper-cont{padding:1.5em 11.75em 1.5em 1em;background:#fff}.mbsc-ios.mbsc-rtl .mbsc-stepper-cont{padding:1.5em 1em 1.5em 11.75em}.mbsc-ios .mbsc-stepper{right:1em;margin-top:-1em}.mbsc-ios.mbsc-rtl .mbsc-stepper{right:auto;left:1em}.mbsc-ios .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,.mbsc-ios .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,.mbsc-ios .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content{background:none;color:#c4c4c4;border-color:#c4c4c4}.mbsc-ios .mbsc-stepper input:disabled{color:#c4c4c4;-webkit-text-fill-color:#c4c4c4}.mbsc-ios .mbsc-stepper .mbsc-segmented-item{width:3.25em}.mbsc-ios .mbsc-segmented input:disabled:checked+.mbsc-segmented-content{background:#dfdfdf}.mbsc-ios .mbsc-stepper input{color:#000;width:3.714286em;left:3.714286em;z-index:3}.mbsc-ios.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(18,114,220,0.15)}.mbsc-ios .mbsc-segmented .mbsc-segmented-primary .mbsc-segmented-content{border-color:#3f97f6;color:#3f97f6}.mbsc-ios .mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{color:#3f97f6;background:rgba(63,151,246,0.45)}.mbsc-ios .mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#3f97f6}.mbsc-ios .mbsc-segmented .mbsc-segmented-secondary .mbsc-segmented-content{border-color:#90979E;color:#90979E}.mbsc-ios .mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{color:#90979E;background:rgba(144,151,158,0.45)}.mbsc-ios .mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#90979E}.mbsc-ios .mbsc-segmented .mbsc-segmented-success .mbsc-segmented-content{border-color:#43BE5F;color:#43BE5F}.mbsc-ios .mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{color:#43BE5F;background:rgba(67,190,95,0.45)}.mbsc-ios .mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#43BE5F}.mbsc-ios .mbsc-segmented .mbsc-segmented-danger .mbsc-segmented-content{border-color:#f5504e;color:#f5504e}.mbsc-ios .mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{color:#f5504e;background:rgba(245,80,78,0.45)}.mbsc-ios .mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#f5504e}.mbsc-ios .mbsc-segmented .mbsc-segmented-warning .mbsc-segmented-content{border-color:#f8b042;color:#f8b042}.mbsc-ios .mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{color:#f8b042;background:rgba(248,176,66,0.45)}.mbsc-ios .mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#f8b042}.mbsc-ios .mbsc-segmented .mbsc-segmented-info .mbsc-segmented-content{border-color:#5BB7C5;color:#5BB7C5}.mbsc-ios .mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{color:#5BB7C5;background:rgba(91,183,197,0.45)}.mbsc-ios .mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content{background:#5BB7C5}.mbsc-ios.mbsc-no-touch .mbsc-segmented-primary.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(63,151,246,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-segmented-secondary.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(144,151,158,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-segmented-success.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(67,190,95,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-segmented-danger.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(245,80,78,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-segmented-warning.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(248,176,66,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-segmented-info.mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(91,183,197,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(63,151,246,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(144,151,158,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(67,190,95,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(245,80,78,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(248,176,66,0.15)}.mbsc-ios.mbsc-no-touch .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(91,183,197,0.15)}.mbsc-ios .mbsc-stepper-primary .mbsc-segmented-content{border-color:#3f97f6;color:#3f97f6}.mbsc-ios .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#3f97f6}.mbsc-ios .mbsc-stepper-secondary .mbsc-segmented-content{border-color:#90979E;color:#90979E}.mbsc-ios .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#90979E}.mbsc-ios .mbsc-stepper-success .mbsc-segmented-content{border-color:#43BE5F;color:#43BE5F}.mbsc-ios .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#43BE5F}.mbsc-ios .mbsc-stepper-danger .mbsc-segmented-content{border-color:#f5504e;color:#f5504e}.mbsc-ios .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#f5504e}.mbsc-ios .mbsc-stepper-warning .mbsc-segmented-content{border-color:#f8b042;color:#f8b042}.mbsc-ios .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#f8b042}.mbsc-ios .mbsc-stepper-info .mbsc-segmented-content{border-color:#5BB7C5;color:#5BB7C5}.mbsc-ios .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content{background:#5BB7C5}.mbsc-ios.mbsc-ev-cal .mbsc-fr-w{background:#f7f7f7}.mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-hdr{padding:.5em 0}.mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-picker{padding-top:1.875em;padding-bottom:0;background:#f7f7f7}.mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-scroll-c{background:#fff}.mbsc-ios .mbsc-cal-events{max-width:42em;margin:.5em 0 1em 0}.mbsc-ios .mbsc-cal-events-b{margin:1em 0 .5em 0}.mbsc-ios .mbsc-cal-events-i{margin:0 .5em;background:#fff;border-radius:.5em;box-shadow:0 0 15em rgba(0,0,0,0.2)}.mbsc-ios .mbsc-cal-event{margin:0;padding:1.166667em .916667em 1.166667em 1.916667em;font-weight:bold}.mbsc-ios .mbsc-cal-event:first-child{border:0}.mbsc-ios .mbsc-cal-event-color{top:50%;left:.916667em;margin-top:-0.25em;width:.5em;height:.5em;background:#94b8dd;border-radius:.5em}.mbsc-ios .mbsc-cal-events-arr{width:1.666667em;height:1.666667em;background:#fff;box-shadow:0 0 15em rgba(0,0,0,0.2);border:0;transform:rotate(-45deg);margin-left:-0.833333em;bottom:-0.833333em;border-bottom-left-radius:.5em}.mbsc-ios .mbsc-cal-events-b .mbsc-cal-events-arr{border-top-right-radius:.5em;top:-0.833333em}.mbsc-ios .mbsc-cal-event-dur,.mbsc-ios .mbsc-cal-event-time{font-weight:normal;color:#8e8e8e}.mbsc-ios .mbsc-cal-event-list .mbsc-cal-event{margin-top:-1px}.mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:before,.mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:after{border-top:1px solid #ccc;content:'';position:absolute;right:0;left:1.916667em}.mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:before{top:0}.mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:after{bottom:0}.mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:first-child:before,.mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:last-child:after{left:0}.mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:last-child:after{border:0}.mbsc-ios .mbsc-event-list .mbsc-event-day{color:#000;font-weight:bold}.mbsc-ios .mbsc-event-color{background:#ccc}.mbsc-ios .mbsc-event-empty{border-bottom:0}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days>div{padding:0 .571428em;font-size:.875em}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-slide{padding:0}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell{border-left:1px solid #ccc}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date{margin:.1875em;margin-bottom:.375em}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-has-txt .mbsc-cal-day{padding-bottom:1.125em}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks{margin:-0.5em .875em 0 .875em}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-txt{left:.3em;right:.3em;margin:0;padding:0 .5em}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day{text-align:right}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-txt{text-align:left}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day{text-align:left}.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-txt{text-align:right}.mbsc-ios.mbsc-ms-c{background:#f7f7f7;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.mbsc-ios .mbsc-form-group-title+.mbsc-ms-c{margin-top:-1px}.mbsc-ios .mbsc-ms .mbsc-ms-item{color:#878787}.mbsc-ios.mbsc-ms-top{border-top:0}.mbsc-ios.mbsc-ms-bottom{border-bottom:0}.mbsc-ios.mbsc-ms-nosel .mbsc-ms-item,.mbsc-ios .mbsc-ms .mbsc-ms-item-sel{color:#007aff}.mbsc-ios.mbsc-ms-nosel .mbsc-ms-item.mbsc-active{opacity:.5}.mbsc-ios.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover{background:rgba(0,122,255,0.15)}.mbsc-ios.mbsc-ms-more .mbsc-wdg-c.mbsc-w-p{padding:0}.mbsc-ios.mbsc-ms-more .mbsc-ms-item{padding:1em}.mbsc-ios.mbsc-ms-more .mbsc-ms-item:after{content:"";border-top:1px solid #ccc;position:absolute;right:0;left:1em;bottom:0}.mbsc-ios.mbsc-ms-more .mbsc-ms-item:last-child:after{display:none}.mbsc-ios.mbsc-ms-more .mbsc-ms-ic:after{left:4em}.mbsc-ios.mbsc-ms-more-icons .mbsc-ms-ic:after{left:0}.mbsc-ios.mbsc-card.mbsc-form{margin:1.8em 1em;background:#fff;border-radius:.5em;box-shadow:0 0 1px 1px rgba(204,204,204,0.2)}.mbsc-ios.mbsc-card .mbsc-btn-flat{padding:.625em}.mbsc-ios .mbsc-card-footer .mbsc-btn{margin-top:-0.625em;margin-bottom:-0.625em}.mbsc-ios .mbsc-card-footer{border-color:#ccc}.mbsc-ios .mbsc-card h3.mbsc-card-subtitle,.mbsc-ios .mbsc-card-subtitle{color:#7c7c7c}.mbsc-ios.mbsc-card .mbsc-btn-group-block{background:transparent}.mbsc-ios.mbsc-card .mbsc-lv-ios .mbsc-lv-item:first-child:before{border:0}.mbsc-ios.mbsc-card .mbsc-lv-ios .mbsc-lv-item:last-child:after{border:0}.mbsc-lv-ios .mbsc-card-list .mbsc-lv-item:before,.mbsc-lv-ios .mbsc-card-list .mbsc-lv-item:after{border:0}.mbsc-card-list .mbsc-lv-ios .mbsc-lv-item:before,.mbsc-card-list .mbsc-lv-ios .mbsc-lv-item:after{border:0}.mbsc-ios .mbsc-input{display:flex;padding:0;background:#fff}.mbsc-ios .mbsc-input input{height:2.75em;padding:0 1em;background:transparent}.mbsc-ios .mbsc-input input::-webkit-input-placeholder{color:#ccc}.mbsc-ios .mbsc-input input::-ms-input-placeholder{color:#ccc}.mbsc-ios .mbsc-input input::-moz-placeholder{color:#ccc}.mbsc-ios .mbsc-input-wrap{position:static;-moz-flex:1 auto;flex:1 auto}.mbsc-ios .mbsc-input.mbsc-textarea .mbsc-label{margin-bottom:-0.625em}.mbsc-ios .mbsc-input.mbsc-textarea{flex-direction:column}.mbsc-ios .mbsc-input.mbsc-textarea.mbsc-ic-left .mbsc-label~.mbsc-input-wrap{padding-left:2.25em}.mbsc-ios .mbsc-textarea textarea{height:2.75em;padding:0 1em;background:transparent}.mbsc-ios .mbsc-textarea textarea::-webkit-input-placeholder{color:#ccc}.mbsc-ios .mbsc-textarea textarea::-ms-input-placeholder{color:#ccc}.mbsc-ios .mbsc-textarea textarea::-moz-placeholder{color:#ccc}.mbsc-ios .mbsc-input .mbsc-label,.mbsc-ios .mbsc-progress .mbsc-label{-moz-flex:0 0 auto;flex:0 0 auto;width:30%;max-width:12.5em;overflow:hidden;font-size:1em;line-height:2.75em;color:#020202;white-space:nowrap;text-overflow:ellipsis;box-sizing:content-box}.mbsc-ios.mbsc-ltr .mbsc-input .mbsc-label{padding-left:1em}.mbsc-ios.mbsc-rtl .mbsc-input .mbsc-label{padding-right:1em}.mbsc-ios .mbsc-input select:disabled~input,.mbsc-ios .mbsc-input select:disabled~.mbsc-ic,.mbsc-ios .mbsc-input input:disabled{opacity:.5}.mbsc-ios .mbsc-err-msg{padding:.5em 1.3333em;color:#d8332a}.mbsc-ios .mbsc-input-ic{top:.375em;margin-top:-1px}.mbsc-ios .mbsc-ic-left{z-index:1}.mbsc-ios.mbsc-ltr .mbsc-ic-left .mbsc-input-wrap,.mbsc-ios.mbsc-rtl .mbsc-ic-right .mbsc-input-wrap{padding-left:2.25em}.mbsc-ios.mbsc-ltr .mbsc-ic-right .mbsc-input-wrap,.mbsc-ios.mbsc-rtl .mbsc-ic-left .mbsc-input-wrap{padding-right:2.25em}.mbsc-ios.mbsc-ltr .mbsc-ic-left .mbsc-label{padding-left:3.25em}.mbsc-ios.mbsc-rtl .mbsc-ic-left .mbsc-label{padding-right:3.25em}.mbsc-ios.mbsc-ltr .mbsc-ic-left .mbsc-label~.mbsc-input-wrap{padding-left:0}.mbsc-ios.mbsc-rtl .mbsc-ic-left .mbsc-label~.mbsc-input-wrap{padding-right:0}.mbsc-ios .mbsc-ic-left .mbsc-left-ic,.mbsc-ios.mbsc-rtl .mbsc-ic-right .mbsc-right-ic{right:auto;left:.625em}.mbsc-ios .mbsc-ic-right .mbsc-right-ic,.mbsc-ios.mbsc-rtl .mbsc-ic-left .mbsc-left-ic{left:auto;right:.625em}.mbsc-ios .mbsc-control-w{margin-top:-1px}.mbsc-ios .mbsc-control-w:before,.mbsc-ios .mbsc-control-w:after{border-top:1px solid #ccc;content:"";position:absolute;right:0;left:1em}.mbsc-ios .mbsc-control-w:before{top:0}.mbsc-ios .mbsc-control-w:after{bottom:0}.mbsc-ios .mbsc-form-group-title+.mbsc-control-w:before,.mbsc-ios .mbsc-control-w:first-child:before,.mbsc-ios .mbsc-control-w:last-child:after{left:0}.mbsc-ios .mbsc-control-ng .mbsc-control-w:before,.mbsc-ios .mbsc-control-ng .mbsc-control-w:after{left:1em}.mbsc-ios .mbsc-form-group-title+.mbsc-control-ng .mbsc-control-w:before,.mbsc-ios .mbsc-control-ng:first-child .mbsc-control-w:before,.mbsc-ios .mbsc-control-ng:last-child .mbsc-control-w:after{left:0}.mbsc-ios .mbsc-ic-left:before,.mbsc-ios .mbsc-ic-left:after{left:3.25em}.mbsc-ios .mbsc-err{z-index:2}.mbsc-ios .mbsc-control-w.mbsc-err:after,.mbsc-ios .mbsc-control-w.mbsc-err+.mbsc-err:before,.mbsc-ios .mbsc-control-w.mbsc-err+.mbsc-divider{border-top-color:#ec2a32}.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title+.mbsc-control-w,.mbsc-ios .mbsc-form-group-inset .mbsc-control-w:first-child{border-top-left-radius:.5em;border-top-right-radius:.5em}.mbsc-ios .mbsc-form-group-inset .mbsc-control-w:last-child{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title,.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title+.mbsc-control-w:before,.mbsc-ios .mbsc-form-group-inset .mbsc-control-w:first-child:before,.mbsc-ios .mbsc-form-group-inset .mbsc-control-w:last-child:after{border-width:0}.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w{border-radius:0}.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:before,.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:after{border-width:1px}.mbsc-ios.mbsc-form .mbsc-form-group-inset .mbsc-form-group-title+.mbsc-control-ng .mbsc-control-w:before,.mbsc-ios.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w:before,.mbsc-ios.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w:after{border-width:0}.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title+.mbsc-control-ng .mbsc-control-w,.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w{border-top-left-radius:.5em;border-top-right-radius:.5em}.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.mbsc-ios-dark .mbsc-fr-overlay{background:rgba(255,255,255,0.1)}.mbsc-ios-dark .mbsc-fr-w{background:#080808;color:#ffffff}.mbsc-ios-dark .mbsc-fr-hdr{border-color:#333333;color:#9e9e9e}.mbsc-ios-dark .mbsc-fr-hdr{color:#ffffff}.mbsc-ios-dark .mbsc-fr-nobtn .mbsc-fr-hdr,.mbsc-ios-dark.mbsc-fr-center .mbsc-fr-hdr{border-color:#333333}.mbsc-ios-dark .mbsc-fr-btn-cont,.mbsc-ios-dark.mbsc-cal-liq.mbsc-fr-center .mbsc-fr-btn-cont{border-color:#333333}.mbsc-ios-dark .mbsc-sc-whl-o,.mbsc-ios-dark.mbsc-calendar .mbsc-sc-whl-o{background:linear-gradient(#080808, rgba(8,8,8,0) 52%, rgba(8,8,8,0) 48%, #080808)}.mbsc-ios-dark .mbsc-sc-whl-l,.mbsc-ios-dark.mbsc-calendar .mbsc-sc-whl-l{border-color:#333333}.mbsc-ios-dark .mbsc-sc-itm{color:#9e9e9e}.mbsc-ios-dark .mbsc-sc-itm.mbsc-active{background:rgba(255,132,0,0.2)}.mbsc-ios-dark .mbsc-sc-itm-sel{color:#ffffff}.mbsc-ios-dark .mbsc-sc-btn{color:#ffffff}.mbsc-ios-dark .mbsc-fr-btn{color:#ff8400}.mbsc-ios-dark .mbsc-sc-lbl{color:#ffffff}.mbsc-ios-dark.mbsc-fr-center .mbsc-fr-popup .mbsc-fr-btn-w{border-color:#333333}.mbsc-ios-dark.mbsc-fr-center.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,.mbsc-ios-dark.mbsc-fr-center .mbsc-fr-btn.mbsc-active{background:#262626}.mbsc-ios-dark.mbsc-fr-bottom .mbsc-fr-popup,.mbsc-ios-dark.mbsc-fr-top .mbsc-fr-popup{border-color:#3d3d3d}.mbsc-ios-dark.mbsc-fr-inline .mbsc-fr-w{background:#0f0f0f}.mbsc-ios-dark.mbsc-fr-inline .mbsc-fr-c{border-color:#333333}.mbsc-ios-dark .mbsc-empty{color:#ffffff}.mbsc-ios-dark.mbsc-fr-top .mbsc-fr-btn-cont,.mbsc-ios-dark.mbsc-fr-bottom .mbsc-fr-btn-cont{background:#1c1c1c}.mbsc-ios-dark.mbsc-sc.mbsc-fr-top .mbsc-fr-w,.mbsc-ios-dark.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w,.mbsc-ios-dark .mbsc-fr-bubble-top .mbsc-fr-arr,.mbsc-ios-dark .mbsc-fr-bubble-bottom .mbsc-fr-arr,.mbsc-ios-dark.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w{background:#080808}.mbsc-ios-dark.mbsc-calendar.mbsc-fr-top .mbsc-fr-btn-cont,.mbsc-ios-dark.mbsc-calendar.mbsc-fr-bottom .mbsc-fr-btn-cont{border-color:#333333}.mbsc-ios-dark.mbsc-fr-top .mbsc-sc-whl-l,.mbsc-ios-dark.mbsc-fr-bottom .mbsc-sc-whl-l{border-color:#333333}.mbsc-ios-dark.mbsc-fr-top .mbsc-sc-whl-o,.mbsc-ios-dark.mbsc-fr-bottom .mbsc-sc-whl-o{background:linear-gradient(#080808, rgba(8,8,8,0) 52%, rgba(8,8,8,0) 48%, #080808)}.mbsc-ios-dark.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,.mbsc-ios-dark.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{background:#080808}.mbsc-ios-dark.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o{background:linear-gradient(#0f0f0f, rgba(15,15,15,0) 52%, rgba(15,15,15,0) 48%, #0f0f0f)}.mbsc-ios-dark.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{background:#0f0f0f}.mbsc-ios-dark .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,.mbsc-ios-dark.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{background:#080808}.mbsc-ios-dark .mbsc-sc-whl-gr-3d .mbsc-sc-itm{color:#ffffff}.mbsc-ios-dark .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d{color:#6e6e6e}.mbsc-ios-dark.mbsc-sel-multi .mbsc-sc-itm{color:#ffffff}.mbsc-ios-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel{color:#ff8400}.mbsc-ios-dark .mbsc-sel-filter-cont.mbsc-input input{background:#0f0f0f}.mbsc-ios-dark .mbsc-sel-filter-cont.mbsc-input{background:#3b3b3b}.mbsc-ios-dark.mbsc-fr-center .mbsc-sel-filter-cont{background:#262626}.mbsc-ios-dark .mbsc-sel-filter-show-clear{color:#3b3b3b}.mbsc-ios-dark .mbsc-cal-picker{background:#000000}.mbsc-ios-dark .mbsc-cal-cell{border-color:#333333}.mbsc-ios-dark .mbsc-cal-today{color:#ff8400}.mbsc-ios-dark .mbsc-cal-cell:focus .mbsc-cal-cell-txt,.mbsc-ios-dark.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt{background:rgba(255,132,0,0.3)}.mbsc-ios-dark .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt{border-color:#ff8400;background:#ff8400;color:#ffffff}.mbsc-ios-dark .mbsc-cal-tab{border-color:#ff8400;color:#ff8400}.mbsc-ios-dark .mbsc-fr-popup .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected{background:#ff8400;color:#ffffff}.mbsc-ios-dark .mbsc-cal-mark{background:#333333}.mbsc-ios-dark .mbsc-cal-txt{background:#efdcc3;color:#000000}.mbsc-ios-dark.mbsc-fr-inline .mbsc-cal-picker{background:#0f0f0f}.mbsc-ios-dark.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-cont{border-bottom-color:#333333}.mbsc-ios-dark.mbsc-ev-cal .mbsc-fr-w{background:#000000}.mbsc-ios-dark.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-picker{background:#000000}.mbsc-ios-dark.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-scroll-c{background:#0f0f0f}.mbsc-ios-dark .mbsc-cal-events-i{background:#0f0f0f;box-shadow:0 0 15em rgba(255,255,255,0.2)}.mbsc-ios-dark .mbsc-cal-events-arr{background:#0f0f0f;box-shadow:0 0 15em rgba(255,255,255,0.2)}.mbsc-ios-dark .mbsc-cal-event-list .mbsc-cal-event:before,.mbsc-ios-dark .mbsc-cal-event-list .mbsc-cal-event:after{border-color:#333333}.mbsc-ios-dark .mbsc-event-list .mbsc-lv-gr-title{color:#ffffff}.mbsc-ios-dark .mbsc-event-color{background:#333333}.mbsc-ios-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell{border-color:#333333}.mbsc-ios-dark .mbsc-range-btn-end{border-color:#333333}.mbsc-ios-dark .mbsc-range-btn-end .mbsc-range-btn:before{border-color:#333333}.mbsc-ios-dark .mbsc-range-btn.mbsc-selected .mbsc-range-btn-v{color:#ff8400}.mbsc-ios-dark.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date{background:#ff8400}.mbsc-ios-dark.mbsc-range .mbsc-cal-day.mbsc-selected:after{background:#ff8400}.mbsc-ios-dark.mbsc-timer .mbsc-sc-lbl{color:#ff8400}.mbsc-ios-dark.mbsc-ts .mbsc-sc-lbl{color:#ff8400}.mbsc-ios-dark .mbsc-color-preview{border-color:#3d3d3d}.mbsc-ios-dark.mbsc-ms-c{background:#000000;border-color:#333333}.mbsc-ios-dark .mbsc-ms .mbsc-ms-item{color:#787878}.mbsc-ios-dark.mbsc-ms-nosel .mbsc-ms-item,.mbsc-ios-dark .mbsc-ms .mbsc-ms-item-sel{color:#ff8400}.mbsc-ios-dark.mbsc-ms-more .mbsc-ms-item:after{border-color:#333333}.mbsc-ios-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover{background:rgba(255,132,0,0.15)}.mbsc-ios-dark .mbsc-np-btn{border-color:#333333}.mbsc-ios-dark .mbsc-np-btn.mbsc-active,.mbsc-ios-dark .mbsc-np-btn-empty{background:#242424}.mbsc-ios-dark .mbsc-np-btn.mbsc-disabled{color:#292929}.mbsc-ios-dark.mbsc-page *::selection{background:#ff8b0f;color:#cccccc}.mbsc-ios-dark.mbsc-page{background:#1a1a1a;color:#ffffff}.mbsc-ios-dark.mbsc-form *::selection{background:#ff8b0f;color:#cccccc}.mbsc-ios-dark.mbsc-form{background:#1a1a1a;color:#ffffff}.mbsc-ios-dark .mbsc-input-ic{color:#ffffff}.mbsc-ios-dark .mbsc-divider,.mbsc-ios-dark .mbsc-form-group-title{background:#1a1a1a;border-color:#333333;color:#8f8f8f}.mbsc-ios-dark .mbsc-input{background:#0f0f0f;border-color:#333333}.mbsc-ios-dark .mbsc-control-w:before,.mbsc-ios-dark .mbsc-control-w:after{border-color:#333333}.mbsc-ios-dark .mbsc-control-w.mbsc-err:after,.mbsc-ios-dark .mbsc-control-w.mbsc-err+.mbsc-err:before,.mbsc-ios-dark .mbsc-control-w.mbsc-err+.mbsc-divider{border-top-color:#d8342c}.mbsc-ios-dark .mbsc-input input::-webkit-input-placeholder,.mbsc-ios-dark .mbsc-textarea textarea::-webkit-input-placeholder{color:#cccccc}.mbsc-ios-dark .mbsc-input input::-ms-input-placeholder,.mbsc-ios-dark .mbsc-textarea textarea::-ms-input-placeholder{color:#cccccc}.mbsc-ios-dark .mbsc-input input::-moz-placeholder,.mbsc-ios-dark .mbsc-textarea textarea::-moz-placeholder{color:#cccccc}.mbsc-ios-dark .mbsc-input .mbsc-label,.mbsc-ios-dark .mbsc-input input,.mbsc-ios-dark .mbsc-input textarea{color:#ffffff}.mbsc-ios-dark .mbsc-err-msg{color:#d8342c}.mbsc-ios-dark.mbsc-form .mbsc-checkbox,.mbsc-ios-dark.mbsc-form .mbsc-radio{background:#0f0f0f;border-color:#333333}.mbsc-ios-dark .mbsc-checkbox-box{border-color:#ff8b0f}.mbsc-ios-dark .mbsc-checkbox-box:after{border-color:#ff8b0f}.mbsc-ios-dark .mbsc-radio-box:after{border-color:#ff8b0f}.mbsc-ios-dark .mbsc-radio input:disabled~.mbsc-radio-label{color:#3b3b3b}.mbsc-ios-dark .mbsc-btn{color:#ff8400;background:#3b3b3b}.mbsc-ios-dark .mbsc-btn-outline.mbsc-btn{color:#ff8400;border-color:#ff8400}.mbsc-ios-dark .mbsc-btn-outline.mbsc-btn.mbsc-active{background:#ff8400}.mbsc-ios-dark .mbsc-btn:disabled{background:#212121;color:#3b3b3b}.mbsc-ios-dark .mbsc-btn.mbsc-btn-outline:disabled{border-color:#3b3b3b;color:#3b3b3b}.mbsc-ios-dark a{color:#ff8400}.mbsc-ios-dark .mbsc-btn-group,.mbsc-ios-dark .mbsc-btn-group-justified,.mbsc-ios-dark .mbsc-btn-group-block{background:#1a1a1a;border-color:#333333}.mbsc-ios-dark.mbsc-progress{border-color:#333333;background:#0f0f0f}.mbsc-ios-dark .mbsc-progress-track{background:#4d4d4d}.mbsc-ios-dark .mbsc-progress-bar{background:#ff8400}.mbsc-ios-dark .mbsc-progress-value{color:#bababa}.mbsc-ios-dark .mbsc-progress-step-label{color:#bababa}.mbsc-ios-dark .mbsc-input .mbsc-label,.mbsc-ios-dark .mbsc-progress .mbsc-label{color:#ffffff}.mbsc-ios-dark .mbsc-slider-handle{background:#ffffff;box-shadow:0 0 1em rgba(255,255,255,0.1),0 0 .0625em rgba(255,255,255,0.15),0 .125em .125em rgba(255,255,255,0.15)}.mbsc-ios-dark .mbsc-slider-tooltip{color:#bababa}.mbsc-ios-dark .mbsc-slider-step{background:#4d4d4d}.mbsc-ios-dark.mbsc-form .mbsc-switch{background:#0f0f0f;border-color:#333333}.mbsc-ios-dark .mbsc-switch-track{background:#fff;border-color:#333333}.mbsc-ios-dark .mbsc-switch-track:after{background:#0f0f0f}.mbsc-ios-dark .mbsc-switch-handle{background:#ffffff;box-shadow:0 0 1em rgba(255,255,255,0.1),0 0 .0625em rgba(255,255,255,0.15),0 .125em .125em rgba(255,255,255,0.15)}.mbsc-ios-dark .mbsc-switch input:checked+.mbsc-switch-track{background:#ff8400;border-color:#ff8400}.mbsc-ios-dark .mbsc-segmented{background-color:#0f0f0f}.mbsc-ios-dark .mbsc-segmented-content{color:#ff8b0f;border-color:#ff8b0f;background:#0f0f0f}.mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content,.mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content{background:#ff8b0f;color:#0f0f0f}.mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content{background:rgba(255,139,15,0.3);color:#ff8b0f}.mbsc-ios-dark .mbsc-stepper-val{color:#ffffff}.mbsc-ios-dark .mbsc-stepper-cont{background:#0f0f0f}.mbsc-ios-dark .mbsc-stepper{right:.75em}.mbsc-ios-dark .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,.mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,.mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content{background:none;color:#3b3b3b;border-color:#3b3b3b}.mbsc-ios-dark .mbsc-stepper input:disabled{color:#3b3b3b;-webkit-text-fill-color:#3b3b3b}.mbsc-ios-dark .mbsc-segmented input:disabled:checked+.mbsc-segmented-content{background:#212121}.mbsc-ios-dark .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content{color:#3b3b3b}.mbsc-ios-dark .mbsc-stepper input{color:#ffffff}.mbsc-ios-dark.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content{background:rgba(255,139,15,0.15)}.mbsc-ios-dark.mbsc-rating .mbsc-progress-track{color:#ff8400}.mbsc-lv-ios-dark{border-color:#333333}.mbsc-lv-ios-dark .mbsc-lv{background:#333333}.mbsc-lv-ios-dark .mbsc-lv-item{background:#0f0f0f;border-color:#333333;color:#ffffff}.mbsc-lv-ios-dark .mbsc-lv-item:after,.mbsc-lv-ios-dark .mbsc-lv-item:before{border-color:#333333}.mbsc-lv-ios-dark .mbsc-lv-item-hl,.mbsc-lv-ios-dark .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active{background:#262626;border-color:#262626}.mbsc-lv-ios-dark .mbsc-lv-handle-bar{background:#6e6e6e}.mbsc-lv-ios-dark .mbsc-lv-gr-title{background:#1a1a1a;color:#8f8f8f;border-color:#333333}.mbsc-lv-ios-dark.mbsc-lv-has-fixed-header .mbsc-lv-gr-title,.mbsc-lv-ios-dark.mbsc-lv-fixed-header .mbsc-lv-gr-title{color:#ffffff}.mbsc-lv-ios-dark .mbsc-lv-ic-m{color:#ffffff}.mbsc-lv-ios-dark .mbsc-lv-arr{color:#6e6e6e}.mbsc-lv-ios-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even){background:#212121}.mbsc-ios-dark.mbsc-snackbar .mbsc-snackbar-btn{color:#ff8400}.mbsc-ios-dark .mbsc-color-active,.mbsc-no-touch.mbsc-ios-dark .mbsc-color-item-c:hover{box-shadow:inset 0 0 0 .1875em #ff8400}.mbsc-ios-dark .mbsc-color-preview-item-empty{border-color:#333333}.mbsc-ios-dark .mbsc-color-preview-cont{border-color:#3d3d3d}.mbsc-ios-dark.mbsc-form .mbsc-color-input{color:#ffffff}.mbsc-ios-dark .mbsc-color-clear-item{background:rgba(223,222,222,0.3)}.mbsc-ios-dark.mbsc-card.mbsc-form{background:#0f0f0f;box-shadow:0 0 1px 1px rgba(0,0,0,0.2)}.mbsc-ios-dark .mbsc-card-footer{border-color:#333333}

/*# sourceMappingURL=styles.css.map*/