/*!******************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./style.scss ***!
  \******************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./style.scss (1) ***!
  \**********************************************************************************************************************************************************************************/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
figcaption,
figure {
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 */
button {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

button,
[type=button],
[type=reset],
[type=submit] {
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge.
 */
input {
  overflow: visible;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Add the correct display in IE 9-.
 */
menu {
  display: block;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

:root {
  --container-width: 1388px;
  --default-color: #58595B;
  --default-bg-color: #F5F6FF;
  --default-font: 400 16px/1.5 "Montserrat", sans-serif;
  --color-red: #ED1651;
  --color-green: #299E00;
  --color-blue: #2E3192;
  --color-grey: #58595B;
  --color-black: #000;
  --color-yellow: #FDB813;
  --color-orange: #CF9500;
  --color-white: #fff;
}

/* Typography */
/* Grid system */
/* Spacing / system */
/* Position system */
/* Border system */
/* Form */
.radius-0,
.radius-l-0,
.radius-tl-0 {
  border-top-left-radius: 0px;
}

.radius-0,
.radius-l-0,
.radius-bl-0 {
  border-bottom-left-radius: 0px;
}

.radius-0,
.radius-r-0,
.radius-tr-0 {
  border-top-right-radius: 0px;
}

.radius-0,
.radius-r-0,
.radius-br-0 {
  border-bottom-right-radius: 0px;
}

.radius-2,
.radius-l-2,
.radius-tl-2 {
  border-top-left-radius: 2px;
}

.radius-2,
.radius-l-2,
.radius-bl-2 {
  border-bottom-left-radius: 2px;
}

.radius-2,
.radius-r-2,
.radius-tr-2 {
  border-top-right-radius: 2px;
}

.radius-2,
.radius-r-2,
.radius-br-2 {
  border-bottom-right-radius: 2px;
}

.radius-4,
.radius-l-4,
.radius-tl-4 {
  border-top-left-radius: 4px;
}

.radius-4,
.radius-l-4,
.radius-bl-4 {
  border-bottom-left-radius: 4px;
}

.radius-4,
.radius-r-4,
.radius-tr-4 {
  border-top-right-radius: 4px;
}

.radius-4,
.radius-r-4,
.radius-br-4 {
  border-bottom-right-radius: 4px;
}

.radius-6,
.radius-l-6,
.radius-tl-6 {
  border-top-left-radius: 6px;
}

.radius-6,
.radius-l-6,
.radius-bl-6 {
  border-bottom-left-radius: 6px;
}

.radius-6,
.radius-r-6,
.radius-tr-6 {
  border-top-right-radius: 6px;
}

.radius-6,
.radius-r-6,
.radius-br-6 {
  border-bottom-right-radius: 6px;
}

.radius-8,
.radius-l-8,
.radius-tl-8 {
  border-top-left-radius: 8px;
}

.radius-8,
.radius-l-8,
.radius-bl-8 {
  border-bottom-left-radius: 8px;
}

.radius-8,
.radius-r-8,
.radius-tr-8 {
  border-top-right-radius: 8px;
}

.radius-8,
.radius-r-8,
.radius-br-8 {
  border-bottom-right-radius: 8px;
}

.radius-10,
.radius-l-10,
.radius-tl-10 {
  border-top-left-radius: 10px;
}

.radius-10,
.radius-l-10,
.radius-bl-10 {
  border-bottom-left-radius: 10px;
}

.radius-10,
.radius-r-10,
.radius-tr-10 {
  border-top-right-radius: 10px;
}

.radius-10,
.radius-r-10,
.radius-br-10 {
  border-bottom-right-radius: 10px;
}

.radius-12,
.radius-l-12,
.radius-tl-12 {
  border-top-left-radius: 12px;
}

.radius-12,
.radius-l-12,
.radius-bl-12 {
  border-bottom-left-radius: 12px;
}

.radius-12,
.radius-r-12,
.radius-tr-12 {
  border-top-right-radius: 12px;
}

.radius-12,
.radius-r-12,
.radius-br-12 {
  border-bottom-right-radius: 12px;
}

.radius-14,
.radius-l-14,
.radius-tl-14 {
  border-top-left-radius: 14px;
}

.radius-14,
.radius-l-14,
.radius-bl-14 {
  border-bottom-left-radius: 14px;
}

.radius-14,
.radius-r-14,
.radius-tr-14 {
  border-top-right-radius: 14px;
}

.radius-14,
.radius-r-14,
.radius-br-14 {
  border-bottom-right-radius: 14px;
}

.radius-16,
.radius-l-16,
.radius-tl-16 {
  border-top-left-radius: 16px;
}

.radius-16,
.radius-l-16,
.radius-bl-16 {
  border-bottom-left-radius: 16px;
}

.radius-16,
.radius-r-16,
.radius-tr-16 {
  border-top-right-radius: 16px;
}

.radius-16,
.radius-r-16,
.radius-br-16 {
  border-bottom-right-radius: 16px;
}

.radius-18,
.radius-l-18,
.radius-tl-18 {
  border-top-left-radius: 18px;
}

.radius-18,
.radius-l-18,
.radius-bl-18 {
  border-bottom-left-radius: 18px;
}

.radius-18,
.radius-r-18,
.radius-tr-18 {
  border-top-right-radius: 18px;
}

.radius-18,
.radius-r-18,
.radius-br-18 {
  border-bottom-right-radius: 18px;
}

.radius-20,
.radius-l-20,
.radius-tl-20 {
  border-top-left-radius: 20px;
}

.radius-20,
.radius-l-20,
.radius-bl-20 {
  border-bottom-left-radius: 20px;
}

.radius-20,
.radius-r-20,
.radius-tr-20 {
  border-top-right-radius: 20px;
}

.radius-20,
.radius-r-20,
.radius-br-20 {
  border-bottom-right-radius: 20px;
}

.radius-full {
  border-radius: 100%;
}
/*button*/
.btn {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 10px 16px;
  display: inline-block;
  text-align: center;
  border: none;
  text-decoration: none;
  white-space: nowrap;
}
.btn[disabled=disabled] {
  background: transparent;
}
.btn .icon {
  margin-right: 4px;
}
.btn.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-sm {
  padding: 6px 16px;
}
.btn.btn-lg {
  font-size: 16px;
  line-height: 20px;
  padding: 14px 24px;
  border-radius: 5px;
}
.btn.btn-lg .icon {
  margin-right: 10px;
}
.btn.btn-outline-blue {
  color: var(--color-blue);
  box-shadow: 0px 0px 0px 2px var(--color-blue) inset;
}
.btn.btn-outline-blue:hover {
  background-color: rgba(46, 49, 146, 0.15);
}
.btn.btn-gradient-blue {
  background: linear-gradient(270deg, #5B60EC 1.43%, #1519B0 100%);
  border-radius: 5px;
}
.btn.btn-gradient-blue:hover {
  background: linear-gradient(0deg, #0C1080 -11.46%, #4E52CD 119.79%);
}
.btn.btn-gradient-red {
  background: linear-gradient(90deg, #ED1651 0%, #FF376E 100%);
}
.btn.btn-gradient-red:hover {
  background: linear-gradient(90deg, #D61449 0%, #ED1651 100%);
}
.btn.btn-gradient-yellow {
  background: linear-gradient(267.57deg, #F6BA2C 6.01%, #F99D1C 95.58%);
  color: #000;
}
.btn.btn-gradient-yellow img {
  margin-right: 4px;
}
.btn.btn-gradient-yellow:hover {
  background: linear-gradient(267.57deg, #E19100 6.01%, #FFB838 54.53%);
}
.btn.btn-gradient-green {
  background: linear-gradient(90deg, #7AB72E 9.31%, #2C911C 88.83%);
}
.btn.btn-gradient-green:hover {
  background: linear-gradient(90deg, #7AB72E 9.31%, #2C911C 88.83%);
}
.btn.btn-gradient-grey {
  background: linear-gradient(90deg, #ACABAB 5.43%, #C1C1C1 91.52%);
}
.btn.btn-gradient-grey:hover {
  background: linear-gradient(270deg, #ACABAB 5.43%, #C1C1C1 91.52%);
}

/*badge*/
.badge {
  display: inline-block;
  text-align: center;
  padding: 3px 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  border-radius: 5px;
  text-decoration: none;
}
.badge.badge-sm {
  font-size: 14px;
  line-height: 16px;
  padding: 5px 12px;
}
.badge.badge-green {
  background: linear-gradient(0deg, #BFE88B, #BFE88B);
  color: #299E00;
  box-shadow: 0 0 0 1px #299E00;
}
.badge.badge-grey {
  background: linear-gradient(0deg, #E6E6E6, #E6E6E6);
  box-shadow: 0 0 0 1px #58595B;
}
.badge.badge-yellow {
  background: linear-gradient(0deg, #F6ED95, #F6ED95);
  box-shadow: 0 0 0 1px #CF9500;
}
/* Input */
.form-label {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 16px;
}

.form-control {
  display: block;
  height: 48px;
  width: 100%;
  background: #E6E6E6;
  padding: 12px;
  font-size: 16px;
  border-radius: 5px;
  border: none;
  resize: none;
}
.form-control:focus, .form-control:active {
  outline: none;
}

.input-icon {
  position: relative;
  width: 100%;
}
.input-icon .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
}
.input-icon .form-control {
  padding-left: 48px;
}

.input-group {
  display: flex;
}
.input-group .form-control,
.input-group .btn {
  border-radius: 0;
}
.input-group .form-control:last-child,
.input-group .btn:last-child {
  border-radius: 0 5px 5px 0;
}
.input-group .form-control:first-child,
.input-group .btn:first-child {
  border-radius: 5px 0 0 5px;
}
.input-group .btn {
  height: auto;
}

/* Checkbox/Radio Button */
.label-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Create a custom checkbox */
}
.label-checkbox > input {
  display: none;
}
.label-checkbox .checkmark {
  display: flex;
  position: relative;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  margin-right: 4px;
  background: #fff;
  border: 1px solid #C4C4C4;
  border-radius: 6px;
}
.label-checkbox .checkmark.radio {
  border-radius: 50%;
}
.label-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: block;
  inset: 3px auto auto 7px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.label-checkbox:hover input ~ .checkmark,
.label-checkbox input:checked ~ .checkmark {
  border-color: var(--color-blue);
}
.label-checkbox input:checked ~ .checkmark {
  background: var(--color-blue);
}
.label-checkbox input:checked ~ .checkmark.radio {
  background: #fff;
}
.label-checkbox input:checked ~ .checkmark.radio::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--color-blue);
  border: none;
}
.label-checkbox:hover input:checked ~ .checkmark {
  background: #383CCE;
  border-color: #383CCE;
}
.label-checkbox:hover input:checked ~ .checkmark.radio {
  background: none;
  border-color: var(--color-blue);
}

/* Dropdown Button */
.dropdown-sort {
  position: relative;
  z-index: 1;
}
.dropdown-sort .dropdown-toggle {
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  align-items: center;
  margin: 0;
  border-bottom: 2px solid #C4C4C4;
  color: #212529;
  line-height: 22px;
}
.dropdown-sort .dropdown-menu {
  display: block;
  width: 100%;
  position: absolute;
  padding: 15px 20px;
  margin: 0;
  background: #fff;
  box-shadow: 4px 4px 72px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  border-radius: 0 0 5px 5px;
}
.dropdown-sort .dropdown-checkbox {
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.dropdown-sort .dropdown-checkbox:checked ~ .dropdown-toggle {
  border-bottom-color: var(--color-blue);
  color: var(--color-blue);
}
.dropdown-sort .dropdown-checkbox:checked ~ .dropdown-menu {
  visibility: visible;
  opacity: 1;
}
.dropdown-sort .dropdown-item {
  display: block;
  text-decoration: none;
  padding: 10px;
  color: #58595B;
  border-radius: 5px;
  line-height: 24px;
}
.dropdown-sort .dropdown-item:hover {
  background: #E2E2EC;
  color: var(--color-blue);
}

.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-initial {
  flex-direction: initial;
}
.flex-inherit {
  flex-direction: inherit;
}
.text-center {
  text-align: center !important;
}
.text-start {
  text-align: start !important;
}
.text-end {
  text-align: end !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-justify {
  text-align: justify !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.vertical-align-baseline {
  vertical-align: baseline !important;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-initial {
  display: initial !important;
}
.d-inherit {
  display: inherit !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-table-row-group {
  display: table-row-group !important;
}
.d-table-column-group {
  display: table-column-group !important;
}
.d-table-header-group {
  display: table-header-group !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-items-flex-start {
  align-items: flex-start !important;
}
.align-items-flex-end {
  align-items: flex-end !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-initial {
  align-items: initial !important;
}
.align-items-inherit {
  align-items: inherit !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-flex-start {
  justify-content: flex-start !important;
}
.justify-content-flex-end {
  justify-content: flex-end !important;
}
.justify-content-space-between {
  justify-content: space-between !important;
}
.justify-content-space-around {
  justify-content: space-around !important;
}
.justify-content-space-evenly {
  justify-content: space-evenly !important;
}
.justify-content-initial {
  justify-content: initial !important;
}
.justify-content-inherit {
  justify-content: inherit !important;
}
.grid-gap-0 {
  gap: 0px;
}
.grid-gap-1 {
  gap: 1px;
}
.grid-gap-2 {
  gap: 2px;
}
.grid-gap-3 {
  gap: 3px;
}
.grid-gap-4 {
  gap: 4px;
}
.grid-gap-5 {
  gap: 5px;
}
.grid-gap-6 {
  gap: 6px;
}
.grid-gap-7 {
  gap: 7px;
}
.grid-gap-8 {
  gap: 8px;
}
.grid-gap-9 {
  gap: 9px;
}
.grid-gap-10 {
  gap: 10px;
}
.grid-gap-11 {
  gap: 11px;
}
.grid-gap-12 {
  gap: 12px;
}
.grid-gap-13 {
  gap: 13px;
}
.grid-gap-14 {
  gap: 14px;
}
.grid-gap-15 {
  gap: 15px;
}
.grid-gap-16 {
  gap: 16px;
}
.grid-gap-17 {
  gap: 17px;
}
.grid-gap-18 {
  gap: 18px;
}
.grid-gap-19 {
  gap: 19px;
}
.grid-gap-20 {
  gap: 20px;
}
.grid-gap-21 {
  gap: 21px;
}
.grid-gap-22 {
  gap: 22px;
}
.grid-gap-23 {
  gap: 23px;
}
.grid-gap-24 {
  gap: 24px;
}
.grid-gap-25 {
  gap: 25px;
}
.grid-gap-26 {
  gap: 26px;
}
.grid-gap-27 {
  gap: 27px;
}
.grid-gap-28 {
  gap: 28px;
}
.grid-gap-29 {
  gap: 29px;
}
.grid-gap-30 {
  gap: 30px;
}
.grid-gap-31 {
  gap: 31px;
}
.grid-gap-32 {
  gap: 32px;
}
.grid-gap-33 {
  gap: 33px;
}
.grid-gap-34 {
  gap: 34px;
}
.grid-gap-35 {
  gap: 35px;
}
.grid-gap-36 {
  gap: 36px;
}
.grid-gap-37 {
  gap: 37px;
}
.grid-gap-38 {
  gap: 38px;
}
.grid-gap-39 {
  gap: 39px;
}
.grid-gap-40 {
  gap: 40px;
}
.grid-column-1 {
  grid-template-columns: repeat(1, 1fr);
}

.grid-span-1 {
  grid-column: auto/span 1;
}
.grid-column-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-span-2 {
  grid-column: auto/span 2;
}
.grid-column-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-span-3 {
  grid-column: auto/span 3;
}
.grid-column-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-span-4 {
  grid-column: auto/span 4;
}
.grid-column-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-span-5 {
  grid-column: auto/span 5;
}
.grid-column-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid-span-6 {
  grid-column: auto/span 6;
}
.grid-column-7 {
  grid-template-columns: repeat(7, 1fr);
}

.grid-span-7 {
  grid-column: auto/span 7;
}
.grid-column-8 {
  grid-template-columns: repeat(8, 1fr);
}

.grid-span-8 {
  grid-column: auto/span 8;
}
.grid-column-9 {
  grid-template-columns: repeat(9, 1fr);
}

.grid-span-9 {
  grid-column: auto/span 9;
}
.grid-column-10 {
  grid-template-columns: repeat(10, 1fr);
}

.grid-span-10 {
  grid-column: auto/span 10;
}
.grid-column-11 {
  grid-template-columns: repeat(11, 1fr);
}

.grid-span-11 {
  grid-column: auto/span 11;
}
.grid-column-12 {
  grid-template-columns: repeat(12, 1fr);
}

.grid-span-12 {
  grid-column: auto/span 12;
}
.grid-column-13 {
  grid-template-columns: repeat(13, 1fr);
}

.grid-span-13 {
  grid-column: auto/span 13;
}
.grid-column-14 {
  grid-template-columns: repeat(14, 1fr);
}

.grid-span-14 {
  grid-column: auto/span 14;
}
.grid-column-15 {
  grid-template-columns: repeat(15, 1fr);
}

.grid-span-15 {
  grid-column: auto/span 15;
}
.grid-column-16 {
  grid-template-columns: repeat(16, 1fr);
}

.grid-span-16 {
  grid-column: auto/span 16;
}
.grid-column-17 {
  grid-template-columns: repeat(17, 1fr);
}

.grid-span-17 {
  grid-column: auto/span 17;
}
.grid-column-18 {
  grid-template-columns: repeat(18, 1fr);
}

.grid-span-18 {
  grid-column: auto/span 18;
}
.grid-column-19 {
  grid-template-columns: repeat(19, 1fr);
}

.grid-span-19 {
  grid-column: auto/span 19;
}
.grid-column-20 {
  grid-template-columns: repeat(20, 1fr);
}

.grid-span-20 {
  grid-column: auto/span 20;
}
.grid-column-21 {
  grid-template-columns: repeat(21, 1fr);
}

.grid-span-21 {
  grid-column: auto/span 21;
}
.grid-column-22 {
  grid-template-columns: repeat(22, 1fr);
}

.grid-span-22 {
  grid-column: auto/span 22;
}
.grid-column-23 {
  grid-template-columns: repeat(23, 1fr);
}

.grid-span-23 {
  grid-column: auto/span 23;
}
.grid-column-24 {
  grid-template-columns: repeat(24, 1fr);
}

.grid-span-24 {
  grid-column: auto/span 24;
}
.top-0 {
  top: 0px !important;
}

.right-0 {
  right: 0px !important;
}

.bottom-0 {
  bottom: 0px !important;
}

.left-0 {
  left: 0px !important;
}
.top-2 {
  top: 2px !important;
}

.right-2 {
  right: 2px !important;
}

.bottom-2 {
  bottom: 2px !important;
}

.left-2 {
  left: 2px !important;
}
.top-4 {
  top: 4px !important;
}

.right-4 {
  right: 4px !important;
}

.bottom-4 {
  bottom: 4px !important;
}

.left-4 {
  left: 4px !important;
}
.top-6 {
  top: 6px !important;
}

.right-6 {
  right: 6px !important;
}

.bottom-6 {
  bottom: 6px !important;
}

.left-6 {
  left: 6px !important;
}
.top-8 {
  top: 8px !important;
}

.right-8 {
  right: 8px !important;
}

.bottom-8 {
  bottom: 8px !important;
}

.left-8 {
  left: 8px !important;
}
.top-10 {
  top: 10px !important;
}

.right-10 {
  right: 10px !important;
}

.bottom-10 {
  bottom: 10px !important;
}

.left-10 {
  left: 10px !important;
}
.top-12 {
  top: 12px !important;
}

.right-12 {
  right: 12px !important;
}

.bottom-12 {
  bottom: 12px !important;
}

.left-12 {
  left: 12px !important;
}
.top-14 {
  top: 14px !important;
}

.right-14 {
  right: 14px !important;
}

.bottom-14 {
  bottom: 14px !important;
}

.left-14 {
  left: 14px !important;
}
.top-16 {
  top: 16px !important;
}

.right-16 {
  right: 16px !important;
}

.bottom-16 {
  bottom: 16px !important;
}

.left-16 {
  left: 16px !important;
}
.top-18 {
  top: 18px !important;
}

.right-18 {
  right: 18px !important;
}

.bottom-18 {
  bottom: 18px !important;
}

.left-18 {
  left: 18px !important;
}
.top-20 {
  top: 20px !important;
}

.right-20 {
  right: 20px !important;
}

.bottom-20 {
  bottom: 20px !important;
}

.left-20 {
  left: 20px !important;
}
.top-22 {
  top: 22px !important;
}

.right-22 {
  right: 22px !important;
}

.bottom-22 {
  bottom: 22px !important;
}

.left-22 {
  left: 22px !important;
}
.top-24 {
  top: 24px !important;
}

.right-24 {
  right: 24px !important;
}

.bottom-24 {
  bottom: 24px !important;
}

.left-24 {
  left: 24px !important;
}
.top-26 {
  top: 26px !important;
}

.right-26 {
  right: 26px !important;
}

.bottom-26 {
  bottom: 26px !important;
}

.left-26 {
  left: 26px !important;
}
.top-28 {
  top: 28px !important;
}

.right-28 {
  right: 28px !important;
}

.bottom-28 {
  bottom: 28px !important;
}

.left-28 {
  left: 28px !important;
}
.top-30 {
  top: 30px !important;
}

.right-30 {
  right: 30px !important;
}

.bottom-30 {
  bottom: 30px !important;
}

.left-30 {
  left: 30px !important;
}
.top-32 {
  top: 32px !important;
}

.right-32 {
  right: 32px !important;
}

.bottom-32 {
  bottom: 32px !important;
}

.left-32 {
  left: 32px !important;
}
.top-34 {
  top: 34px !important;
}

.right-34 {
  right: 34px !important;
}

.bottom-34 {
  bottom: 34px !important;
}

.left-34 {
  left: 34px !important;
}
.top-36 {
  top: 36px !important;
}

.right-36 {
  right: 36px !important;
}

.bottom-36 {
  bottom: 36px !important;
}

.left-36 {
  left: 36px !important;
}
.top-38 {
  top: 38px !important;
}

.right-38 {
  right: 38px !important;
}

.bottom-38 {
  bottom: 38px !important;
}

.left-38 {
  left: 38px !important;
}
.top-40 {
  top: 40px !important;
}

.right-40 {
  right: 40px !important;
}

.bottom-40 {
  bottom: 40px !important;
}

.left-40 {
  left: 40px !important;
}
.top-42 {
  top: 42px !important;
}

.right-42 {
  right: 42px !important;
}

.bottom-42 {
  bottom: 42px !important;
}

.left-42 {
  left: 42px !important;
}
.top-44 {
  top: 44px !important;
}

.right-44 {
  right: 44px !important;
}

.bottom-44 {
  bottom: 44px !important;
}

.left-44 {
  left: 44px !important;
}
.top-46 {
  top: 46px !important;
}

.right-46 {
  right: 46px !important;
}

.bottom-46 {
  bottom: 46px !important;
}

.left-46 {
  left: 46px !important;
}
.top-48 {
  top: 48px !important;
}

.right-48 {
  right: 48px !important;
}

.bottom-48 {
  bottom: 48px !important;
}

.left-48 {
  left: 48px !important;
}
.top-50 {
  top: 50px !important;
}

.right-50 {
  right: 50px !important;
}

.bottom-50 {
  bottom: 50px !important;
}

.left-50 {
  left: 50px !important;
}
.top-52 {
  top: 52px !important;
}

.right-52 {
  right: 52px !important;
}

.bottom-52 {
  bottom: 52px !important;
}

.left-52 {
  left: 52px !important;
}
.top-54 {
  top: 54px !important;
}

.right-54 {
  right: 54px !important;
}

.bottom-54 {
  bottom: 54px !important;
}

.left-54 {
  left: 54px !important;
}
.top-56 {
  top: 56px !important;
}

.right-56 {
  right: 56px !important;
}

.bottom-56 {
  bottom: 56px !important;
}

.left-56 {
  left: 56px !important;
}
.top-58 {
  top: 58px !important;
}

.right-58 {
  right: 58px !important;
}

.bottom-58 {
  bottom: 58px !important;
}

.left-58 {
  left: 58px !important;
}
.top-60 {
  top: 60px !important;
}

.right-60 {
  right: 60px !important;
}

.bottom-60 {
  bottom: 60px !important;
}

.left-60 {
  left: 60px !important;
}
.ratio-1\/1 {
  aspect-ratio: 1 / 1;
}

.ratio-4\/3 {
  aspect-ratio: 4 / 3;
}

.ratio-3\/2 {
  aspect-ratio: 3 / 2;
}

.ratio-16\/9 {
  aspect-ratio: 16 / 9;
}

.ratio-21\/9 {
  aspect-ratio: 21 / 9;
}
.p-0,
.pt-0,
.py-0 {
  padding-top: 0px !important;
}

.p-0,
.pe-0,
.px-0 {
  padding-right: 0px !important;
}

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

.p-0,
.ps-0,
.px-0 {
  padding-left: 0px !important;
}
.p-2,
.pt-2,
.py-2 {
  padding-top: 2px !important;
}

.p-2,
.pe-2,
.px-2 {
  padding-right: 2px !important;
}

.p-2,
.pb-2,
.py-2 {
  padding-bottom: 2px !important;
}

.p-2,
.ps-2,
.px-2 {
  padding-left: 2px !important;
}
.p-4,
.pt-4,
.py-4 {
  padding-top: 4px !important;
}

.p-4,
.pe-4,
.px-4 {
  padding-right: 4px !important;
}

.p-4,
.pb-4,
.py-4 {
  padding-bottom: 4px !important;
}

.p-4,
.ps-4,
.px-4 {
  padding-left: 4px !important;
}
.p-6,
.pt-6,
.py-6 {
  padding-top: 6px !important;
}

.p-6,
.pe-6,
.px-6 {
  padding-right: 6px !important;
}

.p-6,
.pb-6,
.py-6 {
  padding-bottom: 6px !important;
}

.p-6,
.ps-6,
.px-6 {
  padding-left: 6px !important;
}
.p-8,
.pt-8,
.py-8 {
  padding-top: 8px !important;
}

.p-8,
.pe-8,
.px-8 {
  padding-right: 8px !important;
}

.p-8,
.pb-8,
.py-8 {
  padding-bottom: 8px !important;
}

.p-8,
.ps-8,
.px-8 {
  padding-left: 8px !important;
}
.p-10,
.pt-10,
.py-10 {
  padding-top: 10px !important;
}

.p-10,
.pe-10,
.px-10 {
  padding-right: 10px !important;
}

.p-10,
.pb-10,
.py-10 {
  padding-bottom: 10px !important;
}

.p-10,
.ps-10,
.px-10 {
  padding-left: 10px !important;
}
.p-12,
.pt-12,
.py-12 {
  padding-top: 12px !important;
}

.p-12,
.pe-12,
.px-12 {
  padding-right: 12px !important;
}

.p-12,
.pb-12,
.py-12 {
  padding-bottom: 12px !important;
}

.p-12,
.ps-12,
.px-12 {
  padding-left: 12px !important;
}
.p-14,
.pt-14,
.py-14 {
  padding-top: 14px !important;
}

.p-14,
.pe-14,
.px-14 {
  padding-right: 14px !important;
}

.p-14,
.pb-14,
.py-14 {
  padding-bottom: 14px !important;
}

.p-14,
.ps-14,
.px-14 {
  padding-left: 14px !important;
}
.p-16,
.pt-16,
.py-16 {
  padding-top: 16px !important;
}

.p-16,
.pe-16,
.px-16 {
  padding-right: 16px !important;
}

.p-16,
.pb-16,
.py-16 {
  padding-bottom: 16px !important;
}

.p-16,
.ps-16,
.px-16 {
  padding-left: 16px !important;
}
.p-18,
.pt-18,
.py-18 {
  padding-top: 18px !important;
}

.p-18,
.pe-18,
.px-18 {
  padding-right: 18px !important;
}

.p-18,
.pb-18,
.py-18 {
  padding-bottom: 18px !important;
}

.p-18,
.ps-18,
.px-18 {
  padding-left: 18px !important;
}
.p-20,
.pt-20,
.py-20 {
  padding-top: 20px !important;
}

.p-20,
.pe-20,
.px-20 {
  padding-right: 20px !important;
}

.p-20,
.pb-20,
.py-20 {
  padding-bottom: 20px !important;
}

.p-20,
.ps-20,
.px-20 {
  padding-left: 20px !important;
}
.p-22,
.pt-22,
.py-22 {
  padding-top: 22px !important;
}

.p-22,
.pe-22,
.px-22 {
  padding-right: 22px !important;
}

.p-22,
.pb-22,
.py-22 {
  padding-bottom: 22px !important;
}

.p-22,
.ps-22,
.px-22 {
  padding-left: 22px !important;
}
.p-24,
.pt-24,
.py-24 {
  padding-top: 24px !important;
}

.p-24,
.pe-24,
.px-24 {
  padding-right: 24px !important;
}

.p-24,
.pb-24,
.py-24 {
  padding-bottom: 24px !important;
}

.p-24,
.ps-24,
.px-24 {
  padding-left: 24px !important;
}
.p-26,
.pt-26,
.py-26 {
  padding-top: 26px !important;
}

.p-26,
.pe-26,
.px-26 {
  padding-right: 26px !important;
}

.p-26,
.pb-26,
.py-26 {
  padding-bottom: 26px !important;
}

.p-26,
.ps-26,
.px-26 {
  padding-left: 26px !important;
}
.p-28,
.pt-28,
.py-28 {
  padding-top: 28px !important;
}

.p-28,
.pe-28,
.px-28 {
  padding-right: 28px !important;
}

.p-28,
.pb-28,
.py-28 {
  padding-bottom: 28px !important;
}

.p-28,
.ps-28,
.px-28 {
  padding-left: 28px !important;
}
.p-30,
.pt-30,
.py-30 {
  padding-top: 30px !important;
}

.p-30,
.pe-30,
.px-30 {
  padding-right: 30px !important;
}

.p-30,
.pb-30,
.py-30 {
  padding-bottom: 30px !important;
}

.p-30,
.ps-30,
.px-30 {
  padding-left: 30px !important;
}
.p-32,
.pt-32,
.py-32 {
  padding-top: 32px !important;
}

.p-32,
.pe-32,
.px-32 {
  padding-right: 32px !important;
}

.p-32,
.pb-32,
.py-32 {
  padding-bottom: 32px !important;
}

.p-32,
.ps-32,
.px-32 {
  padding-left: 32px !important;
}
.p-34,
.pt-34,
.py-34 {
  padding-top: 34px !important;
}

.p-34,
.pe-34,
.px-34 {
  padding-right: 34px !important;
}

.p-34,
.pb-34,
.py-34 {
  padding-bottom: 34px !important;
}

.p-34,
.ps-34,
.px-34 {
  padding-left: 34px !important;
}
.p-36,
.pt-36,
.py-36 {
  padding-top: 36px !important;
}

.p-36,
.pe-36,
.px-36 {
  padding-right: 36px !important;
}

.p-36,
.pb-36,
.py-36 {
  padding-bottom: 36px !important;
}

.p-36,
.ps-36,
.px-36 {
  padding-left: 36px !important;
}
.p-38,
.pt-38,
.py-38 {
  padding-top: 38px !important;
}

.p-38,
.pe-38,
.px-38 {
  padding-right: 38px !important;
}

.p-38,
.pb-38,
.py-38 {
  padding-bottom: 38px !important;
}

.p-38,
.ps-38,
.px-38 {
  padding-left: 38px !important;
}
.p-40,
.pt-40,
.py-40 {
  padding-top: 40px !important;
}

.p-40,
.pe-40,
.px-40 {
  padding-right: 40px !important;
}

.p-40,
.pb-40,
.py-40 {
  padding-bottom: 40px !important;
}

.p-40,
.ps-40,
.px-40 {
  padding-left: 40px !important;
}
.p-42,
.pt-42,
.py-42 {
  padding-top: 42px !important;
}

.p-42,
.pe-42,
.px-42 {
  padding-right: 42px !important;
}

.p-42,
.pb-42,
.py-42 {
  padding-bottom: 42px !important;
}

.p-42,
.ps-42,
.px-42 {
  padding-left: 42px !important;
}
.p-44,
.pt-44,
.py-44 {
  padding-top: 44px !important;
}

.p-44,
.pe-44,
.px-44 {
  padding-right: 44px !important;
}

.p-44,
.pb-44,
.py-44 {
  padding-bottom: 44px !important;
}

.p-44,
.ps-44,
.px-44 {
  padding-left: 44px !important;
}
.p-46,
.pt-46,
.py-46 {
  padding-top: 46px !important;
}

.p-46,
.pe-46,
.px-46 {
  padding-right: 46px !important;
}

.p-46,
.pb-46,
.py-46 {
  padding-bottom: 46px !important;
}

.p-46,
.ps-46,
.px-46 {
  padding-left: 46px !important;
}
.p-48,
.pt-48,
.py-48 {
  padding-top: 48px !important;
}

.p-48,
.pe-48,
.px-48 {
  padding-right: 48px !important;
}

.p-48,
.pb-48,
.py-48 {
  padding-bottom: 48px !important;
}

.p-48,
.ps-48,
.px-48 {
  padding-left: 48px !important;
}
.p-50,
.pt-50,
.py-50 {
  padding-top: 50px !important;
}

.p-50,
.pe-50,
.px-50 {
  padding-right: 50px !important;
}

.p-50,
.pb-50,
.py-50 {
  padding-bottom: 50px !important;
}

.p-50,
.ps-50,
.px-50 {
  padding-left: 50px !important;
}
.p-52,
.pt-52,
.py-52 {
  padding-top: 52px !important;
}

.p-52,
.pe-52,
.px-52 {
  padding-right: 52px !important;
}

.p-52,
.pb-52,
.py-52 {
  padding-bottom: 52px !important;
}

.p-52,
.ps-52,
.px-52 {
  padding-left: 52px !important;
}
.p-54,
.pt-54,
.py-54 {
  padding-top: 54px !important;
}

.p-54,
.pe-54,
.px-54 {
  padding-right: 54px !important;
}

.p-54,
.pb-54,
.py-54 {
  padding-bottom: 54px !important;
}

.p-54,
.ps-54,
.px-54 {
  padding-left: 54px !important;
}
.p-56,
.pt-56,
.py-56 {
  padding-top: 56px !important;
}

.p-56,
.pe-56,
.px-56 {
  padding-right: 56px !important;
}

.p-56,
.pb-56,
.py-56 {
  padding-bottom: 56px !important;
}

.p-56,
.ps-56,
.px-56 {
  padding-left: 56px !important;
}
.p-58,
.pt-58,
.py-58 {
  padding-top: 58px !important;
}

.p-58,
.pe-58,
.px-58 {
  padding-right: 58px !important;
}

.p-58,
.pb-58,
.py-58 {
  padding-bottom: 58px !important;
}

.p-58,
.ps-58,
.px-58 {
  padding-left: 58px !important;
}
.p-60,
.pt-60,
.py-60 {
  padding-top: 60px !important;
}

.p-60,
.pe-60,
.px-60 {
  padding-right: 60px !important;
}

.p-60,
.pb-60,
.py-60 {
  padding-bottom: 60px !important;
}

.p-60,
.ps-60,
.px-60 {
  padding-left: 60px !important;
}
.m--60,
.mt--60,
.my--60 {
  margin-top: -60px !important;
}

.m--60,
.me--60,
.mx--60 {
  margin-right: -60px !important;
}

.m--60,
.mb--60,
.my--60 {
  margin-bottom: -60px !important;
}

.m--60,
.ms--60,
.mx--60 {
  margin-left: -60px !important;
}
.m--58,
.mt--58,
.my--58 {
  margin-top: -58px !important;
}

.m--58,
.me--58,
.mx--58 {
  margin-right: -58px !important;
}

.m--58,
.mb--58,
.my--58 {
  margin-bottom: -58px !important;
}

.m--58,
.ms--58,
.mx--58 {
  margin-left: -58px !important;
}
.m--56,
.mt--56,
.my--56 {
  margin-top: -56px !important;
}

.m--56,
.me--56,
.mx--56 {
  margin-right: -56px !important;
}

.m--56,
.mb--56,
.my--56 {
  margin-bottom: -56px !important;
}

.m--56,
.ms--56,
.mx--56 {
  margin-left: -56px !important;
}
.m--54,
.mt--54,
.my--54 {
  margin-top: -54px !important;
}

.m--54,
.me--54,
.mx--54 {
  margin-right: -54px !important;
}

.m--54,
.mb--54,
.my--54 {
  margin-bottom: -54px !important;
}

.m--54,
.ms--54,
.mx--54 {
  margin-left: -54px !important;
}
.m--52,
.mt--52,
.my--52 {
  margin-top: -52px !important;
}

.m--52,
.me--52,
.mx--52 {
  margin-right: -52px !important;
}

.m--52,
.mb--52,
.my--52 {
  margin-bottom: -52px !important;
}

.m--52,
.ms--52,
.mx--52 {
  margin-left: -52px !important;
}
.m--50,
.mt--50,
.my--50 {
  margin-top: -50px !important;
}

.m--50,
.me--50,
.mx--50 {
  margin-right: -50px !important;
}

.m--50,
.mb--50,
.my--50 {
  margin-bottom: -50px !important;
}

.m--50,
.ms--50,
.mx--50 {
  margin-left: -50px !important;
}
.m--48,
.mt--48,
.my--48 {
  margin-top: -48px !important;
}

.m--48,
.me--48,
.mx--48 {
  margin-right: -48px !important;
}

.m--48,
.mb--48,
.my--48 {
  margin-bottom: -48px !important;
}

.m--48,
.ms--48,
.mx--48 {
  margin-left: -48px !important;
}
.m--46,
.mt--46,
.my--46 {
  margin-top: -46px !important;
}

.m--46,
.me--46,
.mx--46 {
  margin-right: -46px !important;
}

.m--46,
.mb--46,
.my--46 {
  margin-bottom: -46px !important;
}

.m--46,
.ms--46,
.mx--46 {
  margin-left: -46px !important;
}
.m--44,
.mt--44,
.my--44 {
  margin-top: -44px !important;
}

.m--44,
.me--44,
.mx--44 {
  margin-right: -44px !important;
}

.m--44,
.mb--44,
.my--44 {
  margin-bottom: -44px !important;
}

.m--44,
.ms--44,
.mx--44 {
  margin-left: -44px !important;
}
.m--42,
.mt--42,
.my--42 {
  margin-top: -42px !important;
}

.m--42,
.me--42,
.mx--42 {
  margin-right: -42px !important;
}

.m--42,
.mb--42,
.my--42 {
  margin-bottom: -42px !important;
}

.m--42,
.ms--42,
.mx--42 {
  margin-left: -42px !important;
}
.m--40,
.mt--40,
.my--40 {
  margin-top: -40px !important;
}

.m--40,
.me--40,
.mx--40 {
  margin-right: -40px !important;
}

.m--40,
.mb--40,
.my--40 {
  margin-bottom: -40px !important;
}

.m--40,
.ms--40,
.mx--40 {
  margin-left: -40px !important;
}
.m--38,
.mt--38,
.my--38 {
  margin-top: -38px !important;
}

.m--38,
.me--38,
.mx--38 {
  margin-right: -38px !important;
}

.m--38,
.mb--38,
.my--38 {
  margin-bottom: -38px !important;
}

.m--38,
.ms--38,
.mx--38 {
  margin-left: -38px !important;
}
.m--36,
.mt--36,
.my--36 {
  margin-top: -36px !important;
}

.m--36,
.me--36,
.mx--36 {
  margin-right: -36px !important;
}

.m--36,
.mb--36,
.my--36 {
  margin-bottom: -36px !important;
}

.m--36,
.ms--36,
.mx--36 {
  margin-left: -36px !important;
}
.m--34,
.mt--34,
.my--34 {
  margin-top: -34px !important;
}

.m--34,
.me--34,
.mx--34 {
  margin-right: -34px !important;
}

.m--34,
.mb--34,
.my--34 {
  margin-bottom: -34px !important;
}

.m--34,
.ms--34,
.mx--34 {
  margin-left: -34px !important;
}
.m--32,
.mt--32,
.my--32 {
  margin-top: -32px !important;
}

.m--32,
.me--32,
.mx--32 {
  margin-right: -32px !important;
}

.m--32,
.mb--32,
.my--32 {
  margin-bottom: -32px !important;
}

.m--32,
.ms--32,
.mx--32 {
  margin-left: -32px !important;
}
.m--30,
.mt--30,
.my--30 {
  margin-top: -30px !important;
}

.m--30,
.me--30,
.mx--30 {
  margin-right: -30px !important;
}

.m--30,
.mb--30,
.my--30 {
  margin-bottom: -30px !important;
}

.m--30,
.ms--30,
.mx--30 {
  margin-left: -30px !important;
}
.m--28,
.mt--28,
.my--28 {
  margin-top: -28px !important;
}

.m--28,
.me--28,
.mx--28 {
  margin-right: -28px !important;
}

.m--28,
.mb--28,
.my--28 {
  margin-bottom: -28px !important;
}

.m--28,
.ms--28,
.mx--28 {
  margin-left: -28px !important;
}
.m--26,
.mt--26,
.my--26 {
  margin-top: -26px !important;
}

.m--26,
.me--26,
.mx--26 {
  margin-right: -26px !important;
}

.m--26,
.mb--26,
.my--26 {
  margin-bottom: -26px !important;
}

.m--26,
.ms--26,
.mx--26 {
  margin-left: -26px !important;
}
.m--24,
.mt--24,
.my--24 {
  margin-top: -24px !important;
}

.m--24,
.me--24,
.mx--24 {
  margin-right: -24px !important;
}

.m--24,
.mb--24,
.my--24 {
  margin-bottom: -24px !important;
}

.m--24,
.ms--24,
.mx--24 {
  margin-left: -24px !important;
}
.m--22,
.mt--22,
.my--22 {
  margin-top: -22px !important;
}

.m--22,
.me--22,
.mx--22 {
  margin-right: -22px !important;
}

.m--22,
.mb--22,
.my--22 {
  margin-bottom: -22px !important;
}

.m--22,
.ms--22,
.mx--22 {
  margin-left: -22px !important;
}
.m--20,
.mt--20,
.my--20 {
  margin-top: -20px !important;
}

.m--20,
.me--20,
.mx--20 {
  margin-right: -20px !important;
}

.m--20,
.mb--20,
.my--20 {
  margin-bottom: -20px !important;
}

.m--20,
.ms--20,
.mx--20 {
  margin-left: -20px !important;
}
.m--18,
.mt--18,
.my--18 {
  margin-top: -18px !important;
}

.m--18,
.me--18,
.mx--18 {
  margin-right: -18px !important;
}

.m--18,
.mb--18,
.my--18 {
  margin-bottom: -18px !important;
}

.m--18,
.ms--18,
.mx--18 {
  margin-left: -18px !important;
}
.m--16,
.mt--16,
.my--16 {
  margin-top: -16px !important;
}

.m--16,
.me--16,
.mx--16 {
  margin-right: -16px !important;
}

.m--16,
.mb--16,
.my--16 {
  margin-bottom: -16px !important;
}

.m--16,
.ms--16,
.mx--16 {
  margin-left: -16px !important;
}
.m--14,
.mt--14,
.my--14 {
  margin-top: -14px !important;
}

.m--14,
.me--14,
.mx--14 {
  margin-right: -14px !important;
}

.m--14,
.mb--14,
.my--14 {
  margin-bottom: -14px !important;
}

.m--14,
.ms--14,
.mx--14 {
  margin-left: -14px !important;
}
.m--12,
.mt--12,
.my--12 {
  margin-top: -12px !important;
}

.m--12,
.me--12,
.mx--12 {
  margin-right: -12px !important;
}

.m--12,
.mb--12,
.my--12 {
  margin-bottom: -12px !important;
}

.m--12,
.ms--12,
.mx--12 {
  margin-left: -12px !important;
}
.m--10,
.mt--10,
.my--10 {
  margin-top: -10px !important;
}

.m--10,
.me--10,
.mx--10 {
  margin-right: -10px !important;
}

.m--10,
.mb--10,
.my--10 {
  margin-bottom: -10px !important;
}

.m--10,
.ms--10,
.mx--10 {
  margin-left: -10px !important;
}
.m--8,
.mt--8,
.my--8 {
  margin-top: -8px !important;
}

.m--8,
.me--8,
.mx--8 {
  margin-right: -8px !important;
}

.m--8,
.mb--8,
.my--8 {
  margin-bottom: -8px !important;
}

.m--8,
.ms--8,
.mx--8 {
  margin-left: -8px !important;
}
.m--6,
.mt--6,
.my--6 {
  margin-top: -6px !important;
}

.m--6,
.me--6,
.mx--6 {
  margin-right: -6px !important;
}

.m--6,
.mb--6,
.my--6 {
  margin-bottom: -6px !important;
}

.m--6,
.ms--6,
.mx--6 {
  margin-left: -6px !important;
}
.m--4,
.mt--4,
.my--4 {
  margin-top: -4px !important;
}

.m--4,
.me--4,
.mx--4 {
  margin-right: -4px !important;
}

.m--4,
.mb--4,
.my--4 {
  margin-bottom: -4px !important;
}

.m--4,
.ms--4,
.mx--4 {
  margin-left: -4px !important;
}
.m--2,
.mt--2,
.my--2 {
  margin-top: -2px !important;
}

.m--2,
.me--2,
.mx--2 {
  margin-right: -2px !important;
}

.m--2,
.mb--2,
.my--2 {
  margin-bottom: -2px !important;
}

.m--2,
.ms--2,
.mx--2 {
  margin-left: -2px !important;
}
.m-0,
.mt-0,
.my-0 {
  margin-top: 0px !important;
}

.m-0,
.me-0,
.mx-0 {
  margin-right: 0px !important;
}

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

.m-0,
.ms-0,
.mx-0 {
  margin-left: 0px !important;
}
.m-2,
.mt-2,
.my-2 {
  margin-top: 2px !important;
}

.m-2,
.me-2,
.mx-2 {
  margin-right: 2px !important;
}

.m-2,
.mb-2,
.my-2 {
  margin-bottom: 2px !important;
}

.m-2,
.ms-2,
.mx-2 {
  margin-left: 2px !important;
}
.m-4,
.mt-4,
.my-4 {
  margin-top: 4px !important;
}

.m-4,
.me-4,
.mx-4 {
  margin-right: 4px !important;
}

.m-4,
.mb-4,
.my-4 {
  margin-bottom: 4px !important;
}

.m-4,
.ms-4,
.mx-4 {
  margin-left: 4px !important;
}
.m-6,
.mt-6,
.my-6 {
  margin-top: 6px !important;
}

.m-6,
.me-6,
.mx-6 {
  margin-right: 6px !important;
}

.m-6,
.mb-6,
.my-6 {
  margin-bottom: 6px !important;
}

.m-6,
.ms-6,
.mx-6 {
  margin-left: 6px !important;
}
.m-8,
.mt-8,
.my-8 {
  margin-top: 8px !important;
}

.m-8,
.me-8,
.mx-8 {
  margin-right: 8px !important;
}

.m-8,
.mb-8,
.my-8 {
  margin-bottom: 8px !important;
}

.m-8,
.ms-8,
.mx-8 {
  margin-left: 8px !important;
}
.m-10,
.mt-10,
.my-10 {
  margin-top: 10px !important;
}

.m-10,
.me-10,
.mx-10 {
  margin-right: 10px !important;
}

.m-10,
.mb-10,
.my-10 {
  margin-bottom: 10px !important;
}

.m-10,
.ms-10,
.mx-10 {
  margin-left: 10px !important;
}
.m-12,
.mt-12,
.my-12 {
  margin-top: 12px !important;
}

.m-12,
.me-12,
.mx-12 {
  margin-right: 12px !important;
}

.m-12,
.mb-12,
.my-12 {
  margin-bottom: 12px !important;
}

.m-12,
.ms-12,
.mx-12 {
  margin-left: 12px !important;
}
.m-14,
.mt-14,
.my-14 {
  margin-top: 14px !important;
}

.m-14,
.me-14,
.mx-14 {
  margin-right: 14px !important;
}

.m-14,
.mb-14,
.my-14 {
  margin-bottom: 14px !important;
}

.m-14,
.ms-14,
.mx-14 {
  margin-left: 14px !important;
}
.m-16,
.mt-16,
.my-16 {
  margin-top: 16px !important;
}

.m-16,
.me-16,
.mx-16 {
  margin-right: 16px !important;
}

.m-16,
.mb-16,
.my-16 {
  margin-bottom: 16px !important;
}

.m-16,
.ms-16,
.mx-16 {
  margin-left: 16px !important;
}
.m-18,
.mt-18,
.my-18 {
  margin-top: 18px !important;
}

.m-18,
.me-18,
.mx-18 {
  margin-right: 18px !important;
}

.m-18,
.mb-18,
.my-18 {
  margin-bottom: 18px !important;
}

.m-18,
.ms-18,
.mx-18 {
  margin-left: 18px !important;
}
.m-20,
.mt-20,
.my-20 {
  margin-top: 20px !important;
}

.m-20,
.me-20,
.mx-20 {
  margin-right: 20px !important;
}

.m-20,
.mb-20,
.my-20 {
  margin-bottom: 20px !important;
}

.m-20,
.ms-20,
.mx-20 {
  margin-left: 20px !important;
}
.m-22,
.mt-22,
.my-22 {
  margin-top: 22px !important;
}

.m-22,
.me-22,
.mx-22 {
  margin-right: 22px !important;
}

.m-22,
.mb-22,
.my-22 {
  margin-bottom: 22px !important;
}

.m-22,
.ms-22,
.mx-22 {
  margin-left: 22px !important;
}
.m-24,
.mt-24,
.my-24 {
  margin-top: 24px !important;
}

.m-24,
.me-24,
.mx-24 {
  margin-right: 24px !important;
}

.m-24,
.mb-24,
.my-24 {
  margin-bottom: 24px !important;
}

.m-24,
.ms-24,
.mx-24 {
  margin-left: 24px !important;
}
.m-26,
.mt-26,
.my-26 {
  margin-top: 26px !important;
}

.m-26,
.me-26,
.mx-26 {
  margin-right: 26px !important;
}

.m-26,
.mb-26,
.my-26 {
  margin-bottom: 26px !important;
}

.m-26,
.ms-26,
.mx-26 {
  margin-left: 26px !important;
}
.m-28,
.mt-28,
.my-28 {
  margin-top: 28px !important;
}

.m-28,
.me-28,
.mx-28 {
  margin-right: 28px !important;
}

.m-28,
.mb-28,
.my-28 {
  margin-bottom: 28px !important;
}

.m-28,
.ms-28,
.mx-28 {
  margin-left: 28px !important;
}
.m-30,
.mt-30,
.my-30 {
  margin-top: 30px !important;
}

.m-30,
.me-30,
.mx-30 {
  margin-right: 30px !important;
}

.m-30,
.mb-30,
.my-30 {
  margin-bottom: 30px !important;
}

.m-30,
.ms-30,
.mx-30 {
  margin-left: 30px !important;
}
.m-32,
.mt-32,
.my-32 {
  margin-top: 32px !important;
}

.m-32,
.me-32,
.mx-32 {
  margin-right: 32px !important;
}

.m-32,
.mb-32,
.my-32 {
  margin-bottom: 32px !important;
}

.m-32,
.ms-32,
.mx-32 {
  margin-left: 32px !important;
}
.m-34,
.mt-34,
.my-34 {
  margin-top: 34px !important;
}

.m-34,
.me-34,
.mx-34 {
  margin-right: 34px !important;
}

.m-34,
.mb-34,
.my-34 {
  margin-bottom: 34px !important;
}

.m-34,
.ms-34,
.mx-34 {
  margin-left: 34px !important;
}
.m-36,
.mt-36,
.my-36 {
  margin-top: 36px !important;
}

.m-36,
.me-36,
.mx-36 {
  margin-right: 36px !important;
}

.m-36,
.mb-36,
.my-36 {
  margin-bottom: 36px !important;
}

.m-36,
.ms-36,
.mx-36 {
  margin-left: 36px !important;
}
.m-38,
.mt-38,
.my-38 {
  margin-top: 38px !important;
}

.m-38,
.me-38,
.mx-38 {
  margin-right: 38px !important;
}

.m-38,
.mb-38,
.my-38 {
  margin-bottom: 38px !important;
}

.m-38,
.ms-38,
.mx-38 {
  margin-left: 38px !important;
}
.m-40,
.mt-40,
.my-40 {
  margin-top: 40px !important;
}

.m-40,
.me-40,
.mx-40 {
  margin-right: 40px !important;
}

.m-40,
.mb-40,
.my-40 {
  margin-bottom: 40px !important;
}

.m-40,
.ms-40,
.mx-40 {
  margin-left: 40px !important;
}
.m-42,
.mt-42,
.my-42 {
  margin-top: 42px !important;
}

.m-42,
.me-42,
.mx-42 {
  margin-right: 42px !important;
}

.m-42,
.mb-42,
.my-42 {
  margin-bottom: 42px !important;
}

.m-42,
.ms-42,
.mx-42 {
  margin-left: 42px !important;
}
.m-44,
.mt-44,
.my-44 {
  margin-top: 44px !important;
}

.m-44,
.me-44,
.mx-44 {
  margin-right: 44px !important;
}

.m-44,
.mb-44,
.my-44 {
  margin-bottom: 44px !important;
}

.m-44,
.ms-44,
.mx-44 {
  margin-left: 44px !important;
}
.m-46,
.mt-46,
.my-46 {
  margin-top: 46px !important;
}

.m-46,
.me-46,
.mx-46 {
  margin-right: 46px !important;
}

.m-46,
.mb-46,
.my-46 {
  margin-bottom: 46px !important;
}

.m-46,
.ms-46,
.mx-46 {
  margin-left: 46px !important;
}
.m-48,
.mt-48,
.my-48 {
  margin-top: 48px !important;
}

.m-48,
.me-48,
.mx-48 {
  margin-right: 48px !important;
}

.m-48,
.mb-48,
.my-48 {
  margin-bottom: 48px !important;
}

.m-48,
.ms-48,
.mx-48 {
  margin-left: 48px !important;
}
.m-50,
.mt-50,
.my-50 {
  margin-top: 50px !important;
}

.m-50,
.me-50,
.mx-50 {
  margin-right: 50px !important;
}

.m-50,
.mb-50,
.my-50 {
  margin-bottom: 50px !important;
}

.m-50,
.ms-50,
.mx-50 {
  margin-left: 50px !important;
}
.m-52,
.mt-52,
.my-52 {
  margin-top: 52px !important;
}

.m-52,
.me-52,
.mx-52 {
  margin-right: 52px !important;
}

.m-52,
.mb-52,
.my-52 {
  margin-bottom: 52px !important;
}

.m-52,
.ms-52,
.mx-52 {
  margin-left: 52px !important;
}
.m-54,
.mt-54,
.my-54 {
  margin-top: 54px !important;
}

.m-54,
.me-54,
.mx-54 {
  margin-right: 54px !important;
}

.m-54,
.mb-54,
.my-54 {
  margin-bottom: 54px !important;
}

.m-54,
.ms-54,
.mx-54 {
  margin-left: 54px !important;
}
.m-56,
.mt-56,
.my-56 {
  margin-top: 56px !important;
}

.m-56,
.me-56,
.mx-56 {
  margin-right: 56px !important;
}

.m-56,
.mb-56,
.my-56 {
  margin-bottom: 56px !important;
}

.m-56,
.ms-56,
.mx-56 {
  margin-left: 56px !important;
}
.m-58,
.mt-58,
.my-58 {
  margin-top: 58px !important;
}

.m-58,
.me-58,
.mx-58 {
  margin-right: 58px !important;
}

.m-58,
.mb-58,
.my-58 {
  margin-bottom: 58px !important;
}

.m-58,
.ms-58,
.mx-58 {
  margin-left: 58px !important;
}
.m-60,
.mt-60,
.my-60 {
  margin-top: 60px !important;
}

.m-60,
.me-60,
.mx-60 {
  margin-right: 60px !important;
}

.m-60,
.mb-60,
.my-60 {
  margin-bottom: 60px !important;
}

.m-60,
.ms-60,
.mx-60 {
  margin-left: 60px !important;
}
.news-sidebar, .product-details {
  counter-reset: tab-content-count;
}
.news-sidebar input[type=radio], .product-details input[type=radio] {
  opacity: 0;
  width: 0;
  height: 0;
}
.news-sidebar .nav-item, .product-details .nav-item {
  display: inline-block;
  border: 1px solid red;
  padding: 4px 8px;
  margin: 0 4px;
  cursor: pointer;
}
.news-sidebar .tab-pane, .product-details .tab-pane {
  display: none;
}
.news-sidebar .tab-pane::before, .product-details .tab-pane::before {
  counter-increment: tab-content-count;
  content: "tab-pane-" counter(tab-content-count);
}

.product-details input[data-target=tab-description]:checked ~ nav label[for=radio-description] {
  background: yellow;
}
.product-details input[data-target=tab-description]:checked ~ .tab-content [data-tab=tab-description] {
  display: block;
}
.product-details input[data-target=tab-specs]:checked ~ nav label[for=radio-specs] {
  background: yellow;
}
.product-details input[data-target=tab-specs]:checked ~ .tab-content [data-tab=tab-specs] {
  display: block;
}
.product-details input[data-target=tab-gallery]:checked ~ nav label[for=radio-gallery] {
  background: yellow;
}
.product-details input[data-target=tab-gallery]:checked ~ .tab-content [data-tab=tab-gallery] {
  display: block;
}

.news-sidebar input[data-target=tab-recentPost]:checked ~ nav label[for=radio-recentPost] {
  background: yellow;
}
.news-sidebar input[data-target=tab-recentPost]:checked ~ .tab-content [data-tab=tab-recentPost] {
  display: block;
}
.news-sidebar input[data-target=tab-hotest]:checked ~ nav label[for=radio-hotest] {
  background: yellow;
}
.news-sidebar input[data-target=tab-hotest]:checked ~ .tab-content [data-tab=tab-hotest] {
  display: block;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.lh-14 {
  line-height: 14px !important;
}

.lh-15 {
  line-height: 15px !important;
}

.lh-16 {
  line-height: 16px !important;
}

.lh-17 {
  line-height: 17px !important;
}

.lh-18 {
  line-height: 18px !important;
}

.lh-19 {
  line-height: 19px !important;
}

.lh-20 {
  line-height: 20px !important;
}

.lh-21 {
  line-height: 21px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.lh-23 {
  line-height: 23px !important;
}

.lh-24 {
  line-height: 24px !important;
}

.lh-25 {
  line-height: 25px !important;
}

.lh-26 {
  line-height: 26px !important;
}

.lh-27 {
  line-height: 27px !important;
}

.lh-28 {
  line-height: 28px !important;
}

.lh-29 {
  line-height: 29px !important;
}

.lh-30 {
  line-height: 30px !important;
}

.lh-31 {
  line-height: 31px !important;
}

.lh-32 {
  line-height: 32px !important;
}

.lh-33 {
  line-height: 33px !important;
}

.lh-34 {
  line-height: 34px !important;
}

.lh-35 {
  line-height: 35px !important;
}

.lh-36 {
  line-height: 36px !important;
}

.lh-37 {
  line-height: 37px !important;
}

.lh-38 {
  line-height: 38px !important;
}

.lh-39 {
  line-height: 39px !important;
}

.lh-40 {
  line-height: 40px !important;
}
.rateField {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 165px;
  margin: 10px 0 25px 0;
}
.rateField input {
  visibility: hidden;
}
.rateField label {
  display: flex;
  position: absolute;
  inset: 0 auto auto 0;
}
.rateField__star {
  background: url(/src/images/empty-single-star.svg) no-repeat center center/cover;
  width: 26px;
  height: 25px;
  margin: 0 4px;
}
.rateField input:checked ~ label .rateField__star {
  background: url(/src/images/fullfilled-single-star.svg) no-repeat center center/cover;
}
.box {
  background: #fff;
  box-shadow: 0 4px 20px rgba(140, 140, 255, 0.05);
  border-radius: 10px;
}
.box .box-header,
.box .box-content {
  padding: 16px;
}
.box .box-header {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-grey);
  border-bottom: 1px solid rgba(46, 49, 146, 0.15);
}

.card-product {
  border-radius: 8px;
  transition: 0.2s;
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
}
.card-product .truncate {
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-product:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: 0px 4px 20px rgba(140, 140, 255, 0.05);
}
.card-product:hover {
  box-shadow: 0 0 0 2px var(--color-blue);
}
.card-product:hover .thumb {
  scale: 1.1;
}
.card-product .card-header {
  position: relative;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.card-product .thumb {
  height: 100%;
  width: 100%;
  aspect-ratio: 319/310;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s;
  display: block;
}
.card-product .sold-out {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
.card-product .card-body {
  position: relative;
  border-top: 1px solid #e6e6e6;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 24px 10px 10px;
}
.card-product .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}
.card-product .status {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  position: absolute;
  top: -14px;
  left: 50%;
  white-space: nowrap;
  transform: translate(-50%);
  background: #fff;
  border-radius: 4px;
  min-width: 166px;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  box-shadow: 0px 0px 0px 1px #e6e6e6 inset;
}
.card-product .status.status-comming {
  background: linear-gradient(0deg, #E6E6E6, #E6E6E6);
}
.card-product .status.status-active {
  color: var(--color-red);
}
.card-product .status.status-end {
  color: #000;
  background: linear-gradient(267.57deg, #F6BA2C 6.01%, #F99D1C 95.58%);
}
.card-product .card-footer {
  font-weight: 400;
  line-height: 22px;
  background: #FDB813;
  border-radius: 0px 0px 8px 8px;
  text-align: center;
  padding: 8px 16px;
  position: relative;
}
.card-product .card-footer a {
  color: #000;
}
.card-product .card-footer a:hover {
  color: var(--color-blue);
}
.card-product .meta {
  padding-top: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-product .price {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #2E3192;
}
.card-product .handle-status {
  min-width: 146px;
}
.card-product .handle-status-sold {
  background: linear-gradient(90deg, #ACABAB 5.43%, #C1C1C1 91.52%);
}
.card-product .handle-status-date {
  box-shadow: 0px 0px 0px 1px #58595B inset;
  color: #58595B;
}
.user-sidebar {
  max-width: 329px;
  width: 100%;
  margin-right: 24px;
}
.user-sidebar .box-wrapper {
  padding: 20px 16px;
}
.user-sidebar a {
  color: #58595B;
}
.user-sidebar .separate, .user-sidebar .sidebar-user-logout, .user-sidebar .sidebar-menu .sidebar-menu-title {
  border-top: 1px solid #ededed;
  padding: 16px 8px 0;
}
.user-sidebar .sidebar-user-info {
  padding: 0 0 16px 0;
}
.user-sidebar .sidebar-user-info .user-avatar {
  width: 133px;
  height: 133px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.user-sidebar .sidebar-user-info .user-avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  aspect-ratio: 1;
}
.user-sidebar .sidebar-menu .sidebar-menu-title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-grey);
}
.user-sidebar .sidebar-menu .sidebar-menu-title .icon {
  margin-right: 8px;
}
.user-sidebar .sidebar-menu ul {
  margin: 16px 0;
}
.user-sidebar .sidebar-menu ul li a {
  border-radius: 5px;
  display: block;
  padding: 8px;
}
.user-sidebar .sidebar-menu ul li a:hover {
  background: rgba(46, 49, 146, 0.1);
  color: var(--color-blue);
}
.user-sidebar .sidebar-user-logout img {
  margin-right: 8px;
}

#usersidebar-mb {
  background-color: #fff;
}

.user-sidebar.mb {
  position: relative;
  box-shadow: none;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.user-sidebar.mb .sidebar-user-info {
  padding: 0;
  position: relative;
  margin-top: -50px;
}
.user-sidebar.mb .sidebar-user-info .user-avatar {
  width: 94px;
  height: 94px;
  border: 2px solid #fff;
  margin: 0 15px 0 25px;
}
.user-sidebar.mb .sidebar-user-info .edit-profile-btn {
  display: none;
}
.user-sidebar.mb .sidebar-user-info .inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.user-sidebar.mb .sidebar-user-info .inner > div {
  flex-grow: 1;
  align-items: center;
  display: flex;
  padding-top: 10px;
}
.user-sidebar.mb .sidebar-user-info .inner .btn.btn-gradient-yellow {
  width: 125px;
  padding: 8px 0;
}
.user-sidebar.mb .sidebar-user-info .inner .user-name {
  color: #fff;
}
.user-sidebar.mb .box-wrapper {
  padding: 0;
}
.user-sidebar.mb .box-wrapper .usersidebar-banner {
  background: url(../../src/images/usersidebar-mb-banner.png) no-repeat center center/cover;
  width: 100%;
  height: 90px;
}
.user-sidebar.mb .box-wrapper .sidebar-menu ul li a {
  margin: 0 8px;
  padding: 8px 0;
  border-radius: 0px;
  position: relative;
}
.user-sidebar.mb .box-wrapper .sidebar-menu ul li a::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 12px;
  background: url(../../src/images/arrow-next.svg) no-repeat center center/contain;
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
}
.user-sidebar.mb .box-wrapper .sidebar-menu ul li:not(:last-child) a {
  border-bottom: 1px solid #ededed;
}
.user-sidebar.mb .box-wrapper .sidebar-menu ul li:last-child a {
  padding-bottom: 0;
}
.user-sidebar.mb .box-wrapper .sidebar-menu ul li:first-child a {
  padding-top: 0;
}
.user-sidebar.mb .separate:not(:first-child), .user-sidebar.mb .sidebar-menu .sidebar-menu-title:not(:first-child), .user-sidebar.mb .sidebar-user-logout:not(:first-child) {
  border-top: 12px solid #F6F7FF;
}
.user-sidebar.mb .separate:first-child, .user-sidebar.mb .sidebar-menu .sidebar-menu-title:first-child, .user-sidebar.mb .sidebar-user-logout:first-child {
  border: none;
}

.modal {
  position: fixed;
  inset: 0;
  display: none;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 999999999;
}
.modal .modal-box {
  border-radius: 10px;
  background: #fff;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.modal .modal-box.box-invite {
  padding: 24px 20px;
  max-width: 491px;
  width: 95%;
}
.modal input, .modal .btn.btn-gradient-blue {
  display: block;
}
.modal input {
  border: none;
  border-radius: 5px;
  background: #F3F3F3;
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 11px;
}
.modal input:focus-visible {
  outline: none;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  inset: 0 auto 0 0;
  border: 3px solid var(--color-blue);
  border-radius: 4px 0 0 4px;
  transition: opacity 0.5s ease-in-out;
}

#section-product-reviews .box {
  max-width: 1035px;
  width: 100%;
  margin: 0 auto;
}
#section-product-reviews .box .box-content .more-review {
  border-top: 1px solid #EDEDED;
}

.star-rating {
  width: 150px;
  height: 26px;
  position: relative;
  background: url(../../src/images/empty-star-line.svg) no-repeat left center/150px auto;
}
.star-rating .rating-fill {
  height: 100%;
  background: url(../../src/images/fullfill-star-line.svg) no-repeat left center/150px auto;
}
.star-rating.small {
  width: 120px;
  height: 20px;
  background-size: 120px auto;
}
.star-rating.small .rating-fill {
  background-size: 120px auto;
}

.progress-bar {
  height: 6px;
  width: 100%;
  max-width: 270px;
  background: linear-gradient(0deg, #E6E6E6, #E6E6E6);
  border-radius: 3px;
  position: relative;
}
.progress-bar:before {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--progress-width);
  inset: 0 auto auto 0;
  background: var(--color-grey);
  border-radius: 3px;
}

.user-reviews .review:not(:last-child) {
  border-bottom: 1px solid #EDEDED;
}
.user-reviews .review .review-author-avatar {
  width: 63px;
  height: 63px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.user-reviews .review .review-images a {
  display: block;
  max-width: 114px;
  width: 25%;
  height: 25%;
  border: 1px solid #EDEDED;
  border-radius: 3px;
}
.user-reviews .review .review-images a:not(:last-child) {
  margin-right: 10px;
}
.user-reviews .review .review-images a img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
}

.box-header.mb {
  background: var(--color-blue);
}
.box-header.mb .wrapper {
  position: relative;
}
.box-header.mb .wrapper #back-btn {
  left: 0;
}
.box-header.mb .wrapper .header-title {
  color: #fff;
}
/* Footer */
footer .footer-menu li + li {
  margin-top: 24px;
}
footer .footer-menu a {
  color: var(--color-grey);
  text-decoration: none;
  display: inline-block;
}
footer .footer-menu a:after {
  content: "";
  background: var(--color-blue);
  height: 2px;
  opacity: 0;
  transition: 0.2s;
  display: block;
}
footer .footer-menu a:hover:after {
  opacity: 1;
}
footer .company-info {
  align-self: center;
  text-align: center;
}
footer .company-info .social a + a {
  margin-left: 32px;
}
footer .company-info .app-store a + a {
  margin-left: 24px;
}
footer .company-info .app-store img {
  width: 48px;
}
footer .copyright {
  text-align: center;
  padding: 8px 0;
  margin-top: 28px;
  border-top: 1px solid #D9D9D9;
}
.pagination {
  margin: 10px 0 !important;
}
.pagination a {
  color: var(--color-grey);
  min-width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  border-radius: 7px;
}
.pagination a.active {
  background: #2E3192;
  color: #fff !important;
}
.pagination a:hover:not(.active) {
  background: #e7e7e7;
}
.pagination a.disabled:hover {
  background: none;
  cursor: context-menu;
}

#back-btn {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

.product-frame {
  border: 1px solid #ededed;
  border-radius: 5px;
  overflow: hidden;
  flex: 0 0 auto;
}
.product-frame.lg {
  width: 114px;
  height: 114px;
}
.product-frame.md {
  width: 94px;
  height: 94px;
}
.product-frame.sm {
  width: 88px;
  height: 88px;
}
.product-frame img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}

#auction-table, #balances, #delivery-address, #auction-table, #withdraw, #buyBid {
  margin: 40px auto;
}

.box-title {
  background: var(--color-blue);
  color: #fff;
  text-align: center;
  position: relative;
}

.box.favorite-won,
.box.auction-won,
.box.history-auction,
.box.my-purchase,
.box.delivery-address,
.box.balances,
.box.withdraw,
.box.history-transaction {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}

.box {
  border-radius: 0px;
}

table {
  border-spacing: 0px;
}
table thead {
  background: #ebebf5;
}
table thead tr th {
  text-align: start;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-grey);
  padding: 16px;
  white-space: nowrap;
}
table thead tr th:not(:first-child) {
  text-align: center;
}
table tbody tr {
  position: relative;
}
table tbody tr:not(:last-child) .auction-status {
  border-bottom: 12px solid var(--default-bg-color);
}
table tbody tr td {
  padding: 10px 12px;
}
table tbody tr td:last-child {
  vertical-align: top;
  text-align: center;
}
table tbody tr td h5 {
  margin: 0;
}
table tbody tr td .product-img {
  width: 82px;
  height: 82px;
  border: 1px solid #ededed;
  border-radius: 5px;
  overflow: hidden;
  flex: 0 0 auto;
}
table tbody tr td .product-img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  width: 100%;
}
table tbody tr .product-img-col {
  vertical-align: top;
  border-bottom: 1px solid #ededed;
}
table tbody tr .product-img-col .product-name {
  margin: 2px 0;
}
table tbody tr .product-img-col .product-price {
  color: var(--color-grey);
  margin: 2px 0;
}
table tbody tr .product-img-col .product-price span {
  font-weight: 600;
}
table tbody tr .delete-btn {
  position: absolute;
  inset: 0 0 auto auto;
}
table tbody tr .auction-status {
  flex-direction: row-reverse;
}
table tbody tr .auction-status h5 {
  margin: 2px 0;
}
table tbody tr .auction-status .time-left {
  border-radius: 4px;
  background: none;
  max-width: 135px;
  padding: 5px 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-red) !important;
}
table tbody tr .auction-status .time-left.soon {
  color: var(--color-grey);
}
table tbody tr .auction-status .time-left.end {
  color: var(--color-grey) !important;
  font-weight: 500;
}
table tbody tr .auction-status .time-left.end img {
  margin-right: 4px;
}
table tbody tr .auction-status .time-left.bidding {
  color: var(--color-red);
}
table tbody tr .auction-status .time-left.bidding img {
  margin-right: 4px;
}
table tbody tr .auction-status .time-left.bidding .timeleft-icon {
  display: inline-block;
}
table tbody tr .auction-status .time-left.timeout {
  background: linear-gradient(0deg, #e6e6e6, #e6e6e6);
}

.box.auction-won table tbody tr .bids-price {
  color: var(--color-grey);
}
.box.auction-won table tbody tr .product-bidding-price {
  color: #000;
}
.box.auction-won table tbody tr .product-bidding-price.mb {
  align-self: center;
}
.box.auction-won table tbody tr .auction-status {
  flex-direction: row;
}
.box.auction-won table tbody tr .auction-status h5 {
  color: var(--color-grey);
}
.box.auction-won table tbody tr .auction-status span {
  display: block;
}
.box.auction-won table tbody tr .auction-status .time-left {
  background: transparent;
  border: none;
}
.box.auction-won table tbody tr .action-btn-group .btn {
  white-space: nowrap;
}
.box.auction-won table tbody tr .action-btn-group .btn.timeout {
  background: #e6e6e6;
  color: #c4c4c4;
}
.box.auction-won table tbody tr .success-date {
  border-bottom: 1px solid #ededed;
}
.box.auction-won table tbody tr td {
  padding: 10px 12px;
  vertical-align: middle;
}

.history-auction .input-group, .history-transaction .input-group {
  background: #f1f1f1;
  border-radius: 5px;
  width: 288px;
  margin-inline: 0;
}
.history-auction .input-group input, .history-transaction .input-group input {
  border: none;
  background: #f1f1f1;
}
.history-auction .input-group input:focus, .history-transaction .input-group input:focus {
  outline: none;
}
.history-auction .input-group input::-moz-placeholder, .history-transaction .input-group input::-moz-placeholder {
  color: var(--color-grey);
  opacity: 0.5;
  font-size: 14px;
  font-weight: 500;
}
.history-auction .input-group input::placeholder, .history-transaction .input-group input::placeholder {
  color: var(--color-grey);
  opacity: 0.5;
  font-size: 14px;
  font-weight: 500;
}

.history-auction table tbody tr td {
  text-align: center;
  vertical-align: middle;
  padding: 13px 16px;
  font-size: 14px;
  font-weight: 400;
}
.history-auction table tbody tr td:last-child {
  padding: 0;
}
.history-auction table tbody tr .bid-placed-list {
  text-align: start;
}
.history-auction table tbody tr .bid-placed-list a img {
  vertical-align: middle;
}
.history-auction table tbody tr:last-child td {
  border-bottom: 1px solid #ededed;
}
.history-auction .modal.bid .modal-box .modal-header {
  width: 793px;
}
.history-auction .modal.bid .modal-box .modal-header .product-img {
  width: 109px;
  height: 109px;
  border-radius: 5px;
  border: 1px solid #ededed;
  overflow: hidden;
  flex: 0 0 auto;
}
.history-auction .modal.bid .modal-box .modal-header .product-img img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.history-auction .modal.bid .modal-box .modal-header .top-side,
.history-auction .modal.bid .modal-box .modal-header .bottom-side {
  padding: 4px 0;
}
.history-auction .modal.bid .modal-box .modal-header .bottom-side {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
}
.history-auction .modal.bid .modal-box .modal-content {
  border-radius: 10px;
  border: 1px solid #ebebf5;
  overflow: hidden;
}
.history-auction .modal.bid .modal-box .modal-content table th {
  padding: 16px 30px;
}
.history-auction .modal.bid .modal-box .modal-content table td {
  padding: 6px 30px;
}
.history-auction .modal.bid .modal-box .modal-content table tr:last-child td {
  border: none;
}

.box.history-transaction table tbody tr td {
  border-bottom: 1px solid #ededed;
}
.box.history-transaction .bid-amount.expense {
  color: var(--color-red);
}
.box.history-transaction .bid-amount.income {
  color: var(--color-green);
}
.box.history-transaction .note-content {
  color: var(--color-black);
  white-space: pre-wrap;
  text-align: end;
  max-width: 232px;
  width: 100%;
}
.box.history-transaction .txnStatus .status {
  border-radius: 7px;
  padding: 4px 0;
  display: block;
  width: 93px;
}
.box.history-transaction .txnStatus .status.complete {
  background: linear-gradient(0deg, #BFE88B, #BFE88B);
  color: var(--color-green);
}
.box.history-transaction .txnStatus .status.process {
  background: linear-gradient(0deg, #F6ED95, #F6ED95);
  color: var(--color-orange);
}

.box.my-purchase .tab-nav {
  background: #EBEBF5;
  overflow: auto;
}
.box.my-purchase .tab-nav .tabs {
  list-style: none;
  min-width: 100%;
  overflow: auto;
  display: flex;
  justify-content: space-around;
  padding: 0;
  margin: 0;
}
.box.my-purchase .tab-nav .tabs .tab-link {
  width: 20%;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  flex-wrap: wrap;
}
.box.my-purchase .tab-nav .tabs .tab-link.active {
  color: var(--color-blue);
}
.box.my-purchase .tab-nav .tabs .tab-link.active::after {
  content: "";
  position: absolute;
  inset: auto auto 0 0;
  height: 2px;
  width: 100%;
  background: var(--color-blue);
}
.box.my-purchase .tab-content {
  display: none;
  opacity: 0;
  transform: translateY(-5px);
  animation: fadeIn 0.5s ease-in-out 1 forwards;
}
.box.my-purchase .tab-content.active {
  display: table;
}
@keyframes fadeIn {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.box.my-purchase .tab-content tbody tr:not(:last-child) .product-bidding-price {
  border-bottom: 1px solid #ededed;
}
.box.my-purchase .tab-content tbody tr .action-group {
  vertical-align: middle;
}
.box.my-purchase .tab-content tbody .status {
  max-width: 137px;
  width: 100%;
  padding: 9px 0;
  border-radius: 4px;
  height: unset;
  line-height: unset;
  margin: 0;
}
.box.my-purchase .tab-content tbody .status.shipping {
  background: #e6e6e6;
  color: var(--color-grey);
}

.box-rating.modal-box .modal-content .comment-field textarea {
  padding: 8px;
  width: 100%;
  height: 100%;
  resize: none;
  background: linear-gradient(0deg, #E6E6E6, #E6E6E6);
  outline: 0;
  border: none;
  color: var(--color-grey);
}
.box-rating.modal-box .modal-content .comment-field .feedback-img-list {
  inset: auto auto 8px 8px;
}
.box-rating.modal-box .modal-content .comment-field .feedback-img-list .image-add-btn {
  background: url(/src/images/img-add-btn.png) no-repeat center center/cover;
  border-radius: 5px;
  width: 92px;
  height: 92px;
  display: inline-block;
}
.box-rating.modal-box .modal-content .comment-field .feedback-img-list div {
  display: inline-block;
  margin-right: 10px;
}

.box.delivery-address .box-title,
.box.balances .box-title,
.box.withdraw .box-title {
  border-bottom: 1px solid #ededed;
}

.box.delivery-address .address {
  border-bottom: 1px solid #ededed;
}
.box.delivery-address .set-as {
  color: var(--color-blue);
  font-size: 16px;
  font-weight: 400;
}
.box.delivery-address .default {
  border-radius: 5px;
  background: #CAE78C;
  display: inline-block;
  border: 1px solid #6FA400;
  color: #6FA400;
  padding: 1px 10px;
}

.box.withdraw .withdraw-wrapper {
  padding: 20px 0 40px;
}
.box.withdraw .withdraw-wrapper .withdraw-form {
  margin: 0 auto;
  max-width: 470px;
}
.box.withdraw .withdraw-wrapper .currency-list .currency .coin {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 5px;
  padding: 11px 14px;
  min-width: 229px;
}
.box.withdraw .withdraw-wrapper .currency-list .currency .coin img {
  max-width: 52px;
  aspect-ratio: 1;
}
.box.withdraw .withdraw-wrapper form {
  margin-top: 20px;
}
.box.withdraw .withdraw-wrapper form input, .box.withdraw .withdraw-wrapper form textarea, .box.withdraw .withdraw-wrapper form select {
  background: rgba(230, 230, 230, 0.5019607843);
  border: none;
  border-radius: 5px;
  color: var(--color-grey);
  width: 100%;
  padding: 15px 10px;
  resize: none;
}
.box.withdraw .withdraw-wrapper form input:focus, .box.withdraw .withdraw-wrapper form textarea:focus, .box.withdraw .withdraw-wrapper form select:focus {
  outline: none;
}

.modal[data-modal=withdraw] .modal-box.box-withdraw {
  max-width: 564px;
  width: 100%;
}
.modal[data-modal=withdraw] .modal-box.box-withdraw .modal-content .btn {
  max-width: 248px;
  width: 100%;
}
.modal[data-modal=withdraw] .modal-box.box-withdraw .modal-content .rounded {
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 10px 0 20px;
}
.modal[data-modal=withdraw] .modal[data-modal=success] .modal-box.box-success, .modal[data-modal=withdraw] .modal[data-modal=success] .modal-box.box-failure, .modal[data-modal=withdraw] .modal[data-modal=failure] .modal-box.box-success, .modal[data-modal=withdraw] .modal[data-modal=failure] .modal-box.box-failure {
  padding: 25px 30px 35px;
  max-width: 497px;
}

.modal[data-modal=newAddressModal] .modal-box, .modal[data-modal=editAddress] .modal-box {
  max-width: 564px;
  width: 100%;
}
.modal[data-modal=newAddressModal] .modal-content label, .modal[data-modal=editAddress] .modal-content label {
  display: block;
  text-align: start;
  margin-bottom: 8px;
  font-size: 16px;
}
.modal[data-modal=newAddressModal] .modal-content input[type=checkbox], .modal[data-modal=editAddress] .modal-content input[type=checkbox] {
  display: inline;
  width: unset;
}
.modal[data-modal=newAddressModal] .modal-content textarea, .modal[data-modal=newAddressModal] .modal-content select, .modal[data-modal=editAddress] .modal-content textarea, .modal[data-modal=editAddress] .modal-content select {
  border: none;
  resize: none;
  border-radius: 5px;
  background: #F3F3F3;
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 11px;
}
.modal[data-modal=newAddressModal] .modal-content textarea:focus, .modal[data-modal=newAddressModal] .modal-content select:focus, .modal[data-modal=editAddress] .modal-content textarea:focus, .modal[data-modal=editAddress] .modal-content select:focus {
  outline: none;
}
.modal[data-modal=newAddressModal] .modal-content textarea, .modal[data-modal=editAddress] .modal-content textarea {
  height: 215px;
}
.modal[data-modal=newAddressModal] .modal-content .btn, .modal[data-modal=editAddress] .modal-content .btn {
  padding: 14px 16px;
  height: unset;
}
.modal[data-modal=newAddressModal] .locationpick, .modal[data-modal=editAddress] .locationpick {
  width: 33%;
}

.qr-code {
  width: 270px;
  aspect-ratio: 1;
}

.input-group .copy-btn {
  height: unset;
  padding: 10px 24px;
}
.how-to-auction {
  margin: 0 auto;
}
.how-to-auction .guide-header {
  color: #000;
}
.how-to-auction .auction-steps {
  padding: 20px 0;
}
.how-to-auction .auction-steps .step {
  counter-increment: auctionGuide;
  padding: 0 46px;
}
.how-to-auction .auction-steps .step .outer-circle {
  width: 100%;
  height: 46px;
  position: relative;
}
.how-to-auction .auction-steps .step .outer-circle .inner-circle {
  margin: 0;
  background: var(--color-blue);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.how-to-auction .auction-steps .step .des-icon {
  margin-top: 33px;
}
.how-to-auction .auction-steps .step:not(:last-child) .outer-circle::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: rgba(46, 49, 146, 0.5);
  inset: 50% auto auto calc(50% + 46px);
  border-radius: 100px;
}
.how-to-auction .auction-steps .step .outer-circle::before {
  content: counter(auctionGuide);
  position: absolute;
  color: #fff;
  background: var(--color-blue);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: solid 8px #C0C1DE;
  margin: auto 0;
  line-height: 30px;
  inset: auto auto auto 50%;
  transform: translateX(-50%);
}
.bidding-overview .bidding-table-user, .past-winners .past-winners-userName {
  display: flex;
  align-items: center;
}

.bidding-overview .bidding-actions .actions-right .buy-bid::-webkit-outer-spin-button, .bidding-overview .bidding-actions .actions-right .price-input input::-webkit-outer-spin-button, .bidding-overview .bidding-actions .actions-right .buy-bid::-webkit-inner-spin-button, .bidding-overview .bidding-actions .actions-right .price-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bg-grey {
  color: #c4c4c4;
  background: linear-gradient(0deg, #e6e6e6, #e6e6e6);
}

.product-top-title button {
  background: unset;
  border: unset;
  cursor: pointer;
  transition: 0.3s;
}
.product-top-title button:hover path {
  fill: #C4C4C4;
}
.product-top-title button:focus path {
  fill: rgb(237, 22, 81);
  stroke: rgb(237, 22, 81);
}

.carousel-main {
  border: 1px solid #EDEDED;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 12px;
}
.carousel-main .carousel-cell {
  width: 100%;
}
.carousel-main .img-thumbnail {
  aspect-ratio: 549/435;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.carousel-main .flickity-button {
  width: 27px;
  height: 34px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  color: #fff;
}
.carousel-main .flickity-button:focus {
  box-shadow: unset;
}

.carousel-nav .flickity-viewport {
  height: 124px !important;
}
.carousel-nav .carousel-cell {
  height: 124px;
  border: 1px solid #EDEDED;
  border-radius: 10px;
  overflow: hidden;
  width: calc(25% - 9px);
}
.carousel-nav .carousel-cell + .carousel-cell {
  margin-left: 12px;
}
.carousel-nav .carousel-cell .img-thumbnail {
  aspect-ratio: 183/145;
  height: 100%;
}

.past-winners {
  background: #f0f2f7;
  border-radius: 5px;
}
.past-winners .table-header {
  font-weight: 600;
  background: rgba(46, 68, 146, 0.2);
}
.past-winners .table-header .table-cell {
  padding: 8px 16px;
  color: var(--color-black);
}
.past-winners .table-body {
  max-height: 152px;
  overflow-y: scroll;
}
.past-winners .table-body::-webkit-scrollbar {
  width: 8px;
}
.past-winners .table-body::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
.past-winners .table-body .table-cell {
  padding: 7px 16px;
  color: var(--color-black);
}
.past-winners .past-winners-userName {
  font-weight: 500;
  word-break: break-all;
}
.past-winners .past-winners-userName img {
  margin-right: 8px;
}

.bidding-overview {
  margin-top: 8px;
  border-radius: 10px;
  background: #1d2743;
  color: #fff;
}
.bidding-overview-top {
  padding: 8px 16px;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(90deg, #222f52 0%, #1d2743 100%);
}
.bidding-overview .bidding-info-ended {
  text-align: center;
  background: linear-gradient(90deg, #222f52 0%, #1d2743 100%);
  border-radius: 10px 10px 0px 0px;
}
.bidding-overview .bidding-info-ended .ended-user {
  font-weight: 600;
  background: linear-gradient(267.57deg, #a8a8a8 6.01%, #d2d2d2 54.53%, #a8a8a8 95.58%);
}
.bidding-overview .bidding-info-ended .ended-user.has-winner {
  background: linear-gradient(267.57deg, #e69708 6.01%, #ffb838 50.56%, #e69708 95.58%) !important;
}
.bidding-overview .info-participants {
  border: 1px solid #fff;
  border-radius: 100%;
  width: 28px;
  height: 28px;
}
.bidding-overview .info-participants:not(:first-child) {
  margin-left: -10px;
}
.bidding-overview .bidding-info-cell {
  background: linear-gradient(270deg, #2a3963 0%, #1d2743 100%);
  border-radius: 10px;
  padding: 12px 16px;
  width: 50%;
}
.bidding-overview .bidding-info-cell:last-child {
  margin-left: 12px;
  background: linear-gradient(90deg, #2a3963 0%, #1d2743 100%);
}
.bidding-overview .bidder-avatar {
  border-radius: 50%;
  margin-right: 12px;
}
.bidding-overview .table-cell {
  padding: 4px;
}
.bidding-overview .bidding-table {
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
}
.bidding-overview .bidding-table-bid {
  padding-left: 48px;
}
.bidding-overview .bidding-table-time {
  padding-right: 48px;
  text-align: end;
}
.bidding-overview .bidding-table .table-header {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  border: 1px solid rgb(51, 67, 113);
  border-width: 1px 0;
  color: #fff;
  padding: 2px 0;
}
.bidding-overview .bidding-table .table-body {
  position: relative;
}
.bidding-overview .bidding-table .table-body .table-cell {
  font-size: 12px;
}
.bidding-overview .bidding-table .table-body:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(29, 39, 67, 0), rgb(29, 39, 67));
}
.bidding-overview .bidding-table .table-row:first-child {
  font-weight: 600;
}
.bidding-overview .bidding-actions {
  background: #fff;
  border-radius: 5px;
}
.bidding-overview .bidding-actions .purchase-bids {
  text-align: center;
  border-radius: 5px;
}
.bidding-overview .bidding-actions .purchase-bids .btn {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  background: var(--color-blue);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width: 240px;
  border-radius: 5px;
  height: auto;
}
.bidding-overview .bidding-actions .purchase-bids .badge-bids {
  line-height: 22px;
  display: block;
  background: #fdb813;
  box-shadow: 0px 4px 20px rgba(140, 140, 255, 0.05);
  width: 220px;
  padding: 30px 0 4px;
  margin: -26px auto 0;
  border-radius: 5px;
}
.bidding-overview .bidding-actions .actions-right .buy-bid button {
  max-width: 122px;
}
.bidding-overview .bidding-actions .buy-now .icon-cart {
  transition: 0.8s;
}
.bidding-overview .bidding-actions .buy-now:hover .icon-cart {
  transform: translateX(20px);
}

#auctionDetailPage {
  background: #F7F7FF;
}
#auctionDetailPage button {
  cursor: pointer;
}
#auctionDetailPage .other-auctions-title {
  padding: 0 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
}
#auctionDetailPage .product-info h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  margin-bottom: 8px;
}
#auctionDetailPage .product-info strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  display: block;
  margin: 8px 0;
}
#auctionDetailPage .product-info p {
  margin-bottom: 16px;
}
#auctionDetailPage .product-info .img-thumbnail {
  display: block;
  margin: auto;
  aspect-ratio: 798/431;
}
.breadcrumb {
  display: block;
  padding: 18px 12px;
  margin: 0;
}
.breadcrumb li {
  display: inline-block;
  position: relative;
}
.breadcrumb li a {
  color: var(--default-color);
}
.breadcrumb li:not(:last-child) {
  margin-right: 25px;
}
.breadcrumb li:not(:last-child)::after {
  content: "";
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-right: 1px solid var(--default-color);
  border-top: 1px solid var(--default-color);
  top: 7px;
  right: -16px;
  position: absolute;
}

#aboutPage .sectionHeading {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}
#aboutPage .m-auto {
  margin: auto;
}
#aboutPage .banner {
  position: relative;
}
#aboutPage .banner .img-thumnbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#aboutPage .banner .banner-content {
  position: relative;
  padding: 106px 0 140px;
  font-size: 18px;
  color: #fff;
}
#aboutPage .banner .banner-content .sectionHeading {
  color: #fff;
}
#aboutPage .our-partner .partner-box {
  max-width: 1506px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(140, 140, 255, 0.05);
  border-radius: 10px;
  transform: translateY(-50%);
  padding: 28px 60px;
  margin: 0 auto;
}
#aboutPage .our-partner .carousel:after {
  content: "flickity";
  display: none;
}
#aboutPage .flickity-enabled .carousel-cell {
  width: 25%;
  padding: 0 10px;
}
#aboutPage .partner-view {
  flex-grow: 1;
}
#aboutPage .partner-view .carousel a {
  filter: grayscale(1);
}
#aboutPage .partner-view .carousel a:hover {
  filter: grayscale(0);
}
#aboutPage .partner-view .carousel:not(.flickity-enabled) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#aboutPage .contact .box {
  flex-grow: 1;
}
#aboutPage .contact .box textarea.form-control {
  height: auto;
}
#aboutPage .contact .btn.btn-gradient-blue.btn-lg {
  width: auto;
}
.flex-fill {
  flex: 1 1 auto !important;
}

#myorderPage table td,
#myorderPage table th {
  vertical-align: middle;
}
#myorderPage table thead {
  background: unset;
}
#myorderPage table thead th {
  border-bottom: 1px solid rgba(46, 49, 146, 0.15);
}
#myorderPage table tbody tr:not(:last-child) td {
  border-bottom: 1px solid rgba(46, 49, 146, 0.15);
}
#myorderPage table tbody .product-img {
  width: 98px;
  height: 98px;
}
#myorderPage table input[type=checkbox] {
  scale: 1.69;
}
#myorderPage .product-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#myorderPage .section-heading {
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
}
#myorderPage .leftSide {
  overflow: hidden;
}
#myorderPage .leftSide .user-info {
  background: #F5F5F5;
  padding: 0.75rem;
  border-bottom: 2px solid #E6E6E6;
  box-shadow: 0 10px 0 #fff;
}
#myorderPage .box-layout {
  grid-template-columns: 1fr 330px;
}
#myorderPage .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--default-color);
}
#myorderPage input[type=radio] {
  scale: 1.7;
  margin: 10px;
}
#myorderPage .input-group > * {
  cursor: pointer;
}
#myorderPage .myorderTb tr > td:first-child {
  width: 45px;
}
#myorderPage .del-mb {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 45px;
  height: 100%;
  inset: 0 -45px auto auto;
  background: var(--color-red);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
#myorderPage tbody tr {
  transition: all 0.3s ease-in-out;
}
#myorderPage .slide-left {
  transform: translateX(-45px);
}
#myorderPage .delete-mb:after {
  content: "";
}
#myorderPage .bg-white {
  background: #fff;
}
section {
  padding-top: 40px;
}

.border-grey, .border-grey-left, .border-grey-bottom, .border-grey-right, .border-grey-top {
  border: 1px solid #EDEDED;
}
.border-grey-top {
  border-style: solid none none none;
}
.border-grey-right {
  border-style: none solid none none;
}
.border-grey-bottom {
  border-style: none none solid none;
}
.border-grey-left {
  border-style: none none none solid;
}

.heading-title {
  padding-bottom: 16px;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}

#homepage .swiper {
  width: 100%;
  height: 100%;
}
#homepage .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#homepage .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1920/684;
  -o-object-fit: cover;
     object-fit: cover;
}
#homepage .heading-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  padding-bottom: 16px;
}
#homepage .heading-title strong {
  background: #ED1651;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
}
#homepage .swiper-pagination-bullet {
  border-radius: 25px;
  width: 40px;
  height: 6px;
  background: #fff;
  opacity: 0.6;
}
#homepage .swiper-pagination-bullet-active {
  opacity: 1;
}
#homepage #advertisement img {
  width: 100%;
  border-radius: 5px;
}

.news-heading {
  position: relative;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-heading img {
  aspect-ratio: 685/335;
  border-radius: 5px;
}

.news-content {
  color: #58595B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.news-tag {
  position: absolute;
  padding: 6px 14px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #fff;
}
.news-tag.lifestyle {
  background: linear-gradient(263.18deg, #ED16CB -1.44%, #ED1651 101.85%);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(21.5px);
          backdrop-filter: blur(21.5px);
  border-radius: 5px 0px 10px;
}
.news-tag.event {
  background: linear-gradient(263.18deg, #16A0ED -1.44%, #165FED 101.85%);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(21.5px);
          backdrop-filter: blur(21.5px);
  border-radius: 5px 0px 10px 0px;
}

.news-date {
  color: #2E3192;
}

.news-title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.sub-news img {
  aspect-ratio: 242/139;
  width: 242px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}

.section-subscribe .subscribe {
  background-image: url("../../../src/images/bg-subscribe.jpg");
  background-size: cover;
  background-position: center;
  padding: 56px 56px 72px;
}
.section-subscribe .subscribe .subscribe-title {
  margin-bottom: 24px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.section-subscribe .btn {
  font-family: "Montserrat", sans-serif;
  padding-inline: 36px;
}

.input-group {
  max-width: 900px;
  margin-inline: auto;
}
.input-group input {
  font-family: "Montserrat", sans-serif;
}
#allAuctions .banner-all-auctions {
  background: url("../../../src/images/banner-all-auctions.jpg") no-repeat center center/cover;
}
#allAuctions .banner-all-auctions .banner-title {
  padding-block: 135px;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
#allAuctions .dropdown-sort {
  width: 292px;
}

.w-100 {
  width: 100%;
}

#need-to-know .heading {
  font-size: 24px;
  margin: 40px 0 16px;
}
#need-to-know .m-auto {
  margin: auto;
}
#need-to-know .guides .guide-content {
  font-size: 14pt;
}
#need-to-know .guides .guide-content .h1,
#need-to-know .guides .guide-content .h2,
#need-to-know .guides .guide-content .h3,
#need-to-know .guides .guide-content .h4,
#need-to-know .guides .guide-content .h5,
#need-to-know .guides .guide-content .h6,
#need-to-know .guides .guide-content h1,
#need-to-know .guides .guide-content h2,
#need-to-know .guides .guide-content h3,
#need-to-know .guides .guide-content h4,
#need-to-know .guides .guide-content h5,
#need-to-know .guides .guide-content h6 {
  margin-bottom: 12px;
  font-size: 14pt;
}
#need-to-know .guides .guide-content ul {
  margin-top: 0;
  padding-left: 22px;
  list-style: disc;
}
#need-to-know .guides .guide-content ul ul {
  list-style: circle;
}
#need-to-know .guides .guide-content p {
  margin-bottom: 16px;
}
#need-to-know .guides .guide-content img {
  display: block;
  margin: 0 auto;
}
#need-to-know .guides .guide-content .guide-title {
  font-size: 28px;
  line-height: 1.5;
  margin-bottom: 12px;
  color: #000;
}
#need-to-know .guides .guide-content .highlight {
  background: #ededed;
  border-radius: 5px;
  padding: 25px 20px;
}
#need-to-know .guides .guide-content-top {
  display: grid;
  grid-template-columns: 1fr 360px;
  grid-gap: 16px;
}
#need-to-know .guides .guide {
  display: grid;
  grid-template-columns: 296px 1fr;
  grid-gap: 30px;
}
#need-to-know .guides .nav-item {
  transition: all 0.5s ease;
  margin: 0 0 10px 0;
  color: #58595b;
  fill: #58595B;
  font-weight: 500;
  padding: 8px 16px;
  position: relative;
  display: flex;
  align-items: center;
}
#need-to-know .guides .nav-item img {
  filter: grayscale(1);
}
#need-to-know .guides .nav-item:hover {
  background: rgba(46, 49, 146, 0.1);
  color: #2E3192;
  border-radius: 6px;
}
#need-to-know .guides .nav-item:hover img {
  filter: grayscale(0);
}
#need-to-know .guides .nav-item:nth-child(2):hover, #need-to-know .guides .nav-item:nth-child(3):hover, #need-to-know .guides .nav-item:nth-child(4):hover, #need-to-know .guides .nav-item:nth-child(5):hover, #need-to-know .guides .nav-item:nth-child(2).active, #need-to-know .guides .nav-item:nth-child(3).active, #need-to-know .guides .nav-item:nth-child(4).active, #need-to-know .guides .nav-item:nth-child(5).active {
  background: none;
  filter: grayscale(0);
}
#need-to-know .guides .nav-item:nth-child(2) svg, #need-to-know .guides .nav-item:nth-child(3) svg, #need-to-know .guides .nav-item:nth-child(4) svg, #need-to-know .guides .nav-item:nth-child(5) svg {
  display: none;
}
#need-to-know .guides .nav-item:nth-child(5) img {
  filter: grayscale(1);
}
#need-to-know .guides .nav-item:nth-child(5):hover img, #need-to-know .guides .nav-item:nth-child(5).active img {
  filter: grayscale(0);
}
#need-to-know .guides .nav-item:nth-child(2):before, #need-to-know .guides .nav-item:nth-child(3):before, #need-to-know .guides .nav-item:nth-child(4):before, #need-to-know .guides .nav-item:nth-child(5):before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: #58595B;
  border-radius: 50%;
  margin: 0 16px 0 10px;
  transition: all 0.5s ease;
}
#need-to-know .guides .nav-item:nth-child(2):hover:before, #need-to-know .guides .nav-item:nth-child(3):hover:before, #need-to-know .guides .nav-item:nth-child(4):hover:before, #need-to-know .guides .nav-item:nth-child(5):hover:before, #need-to-know .guides .nav-item:nth-child(2).active:before, #need-to-know .guides .nav-item:nth-child(3).active:before, #need-to-know .guides .nav-item:nth-child(4).active:before, #need-to-know .guides .nav-item:nth-child(5).active:before {
  background: #2E3192;
  box-shadow: 0 0 0 4px rgba(46, 49, 146, 0.25);
}
#need-to-know .guides .active {
  background: rgba(46, 49, 146, 0.1);
  color: #2E3192;
  border-radius: 6px;
}
#need-to-know .guides .active img {
  filter: grayscale(0);
}
#need-to-know .guides .nav-item:hover .circle {
  filter: grayscale(0);
  background: transparent;
}
#need-to-know .auction-steps .step {
  text-align: start;
  padding: 22px 0 0 0;
  align-items: center;
  position: relative;
}
#need-to-know .auction-steps .step:not(:last-child):after {
  content: "";
  position: absolute;
  height: calc(50% - 23px);
  background: rgba(46, 49, 146, 0.5);
  width: 2px;
  inset: calc(50% + 46px) auto auto 22px;
}
#need-to-know .auction-steps .step:not(:first-child)::before {
  content: "";
  position: absolute;
  height: calc(50% - 46px);
  background: rgba(46, 49, 146, 0.5);
  width: 2px;
  inset: auto auto calc(50% + 23px) 22px;
}
#need-to-know .auction-steps .step:not(:last-child) .outer-circle::after {
  inset: 100% auto auto 50%;
  width: 2px;
  height: 50%;
  transform: translateX(-50%);
}
#need-to-know .auction-steps .step .des-icon {
  margin: 0 22px;
}
#need-to-know .auction-steps .step .outer-circle {
  min-width: 46px;
  max-width: 46px;
  height: 100%;
}
#need-to-know .auction-steps .step .outer-circle::before {
  text-align: center;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
#need-to-know .auction-steps .step .outer-circle::after {
  display: none;
}
#buyBid .banner-how-to .banner-text, #buyBid .banner-how-to .btn-play {
  position: absolute;
  inset: auto auto 20px 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
}
#buyBid .banner-how-to .btn-play {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 100%;
}
#buyBid .banner-how-to .btn-play::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0.2117647059);
  border-radius: 100%;
}
#buyBid .picked {
  box-shadow: rgb(57, 61, 174) 0px 0px 0px 2px inset;
}
#buyBid .img-how-to {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
#buyBid .ticket {
  position: relative;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}
#buyBid .ticket img.img-ticket {
  aspect-ratio: 110/74;
  height: 100%;
}
#buyBid .ticket .price {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #2E3192;
}
#buyBid .btn {
  max-width: 274px;
  width: 100%;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.underline > li > a:not(.dropdown-toggle) {
  position: relative;
}
ul.underline > li > a:not(.dropdown-toggle)::after {
  content: "";
  position: absolute;
  inset: auto auto 15px 50%;
  transform: translateX(-50%);
  height: 3px;
  width: 0;
  background: var(--color-blue);
  transition: all 0.3s ease-in-out;
}
ul.underline > li > a:not(.dropdown-toggle):hover::after {
  width: 100%;
}

header {
  z-index: 9999999 !important;
  position: relative;
}
header .slide {
  transform: translateX(0) !important;
}
header .slideDown {
  transform: translate(-50%, 100%) !important;
  box-shadow: 4px 4px 72px rgba(0, 0, 0, 0.1);
}
header nav {
  background: #fff;
}
header nav .nav-top {
  border-bottom: 1px solid #ededed;
  position: relative;
  z-index: 1;
}
header nav .navbar-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all 0.5s ease-in-out;
  background: #fff;
  z-index: 1;
}
header nav .navbar-nav .divider {
  height: 31px;
  width: 2px;
  border-radius: 10px;
  background: var(--color-grey);
}
header nav .navbar-nav .nav-item {
  position: relative;
}
header nav .navbar-nav .nav-item:not(:last-child) {
  margin-right: 32px;
}
header nav .navbar-nav .nav-item .nav-link {
  color: var(--color-grey);
  font-size: 16px;
  font-weight: 600;
  padding: 16px 0;
  display: block;
}
header nav .navbar-nav .dropdown {
  background: #fff;
  white-space: nowrap;
  padding: 12px;
  position: absolute;
  border-radius: 0 0 5px 5px;
  inset: auto auto 0 50%;
  transform: translate(-50%, 0%);
  z-index: -1;
  transition: all 0.5s ease-in-out;
}
header nav .navbar-nav .dropdown .nav-item {
  margin: 0;
}
header nav .navbar-nav .dropdown .nav-item .nav-link {
  color: var(--color-grey);
  padding: 8px 10px;
}
header nav .navbar-nav .dropdown .nav-item .nav-link::after {
  display: none;
}
header nav .navbar-nav .dropdown .nav-item:not(:last-child) {
  margin: 0 0 10px 0;
}
header nav .navbar-nav .dropdown .nav-item:hover .nav-link {
  background: #E2E2EC;
  color: #2E3192;
  border-radius: 5px;
}
header nav .navbar-nav .dropdown::after {
  content: "";
  position: absolute;
  inset: 0px auto auto 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 3px;
  background: var(--color-blue);
}
header nav .navbar-nav .signup-btn {
  border-radius: 10px;
  border: 2px solid #fff;
  padding: 2px 17px !important;
}
header nav .navbar-nav .user-avatar {
  width: 36px;
  flex: 0 0 auto;
  border-radius: 50%;
}
header nav .navbar-nav .user-avatar img {
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
header nav .navbar-nav .button-group {
  color: #fff;
  min-width: 150px;
  background: linear-gradient(0deg, #F1F1F1, #F1F1F1);
  border-radius: 5px;
  padding: 0px 0px 0px 18px;
  color: #1F1F1F;
}
header nav .navbar-nav .button-group .btn-gradient-yellow {
  max-width: 51px;
  width: 100%;
  height: unset;
  line-height: unset;
  padding: 6px 10px;
}
header nav .navbar-nav .user-group {
  position: relative;
}
header nav .nav-bottom .search-bar {
  max-width: 620px;
  width: 100%;
}
header nav .nav-bottom .search-bar .input-group {
  position: relative;
  justify-content: center;
}
header nav .nav-bottom .search-bar .magnify {
  inset: 50% auto auto 15px;
  transform: translateY(-50%);
  position: absolute;
}
header nav .nav-bottom .search-bar input {
  border: none;
  border-radius: 15px 0 0 15px;
  padding: 13px 50px;
  color: var(--color-grey);
  line-height: 1;
  background: #f0f0f0;
}
header nav .nav-bottom .search-bar input:focus {
  outline: none;
}
header nav .nav-bottom .search-bar .btn-gradient-blue {
  padding: 16px 0;
  height: unset;
  border-radius: 0 5px 5px 0;
  width: 100%;
  max-width: 150px;
  display: flex;
  line-height: 1;
  align-items: center;
  justify-content: center;
}
header nav .magnify, header nav .global {
  width: 20px;
  aspect-ratio: 1;
}

footer {
  background: #ECEEFD;
}
footer ul.underline > li > a:not(.dropdown-toggle)::after {
  inset: auto auto 0 50%;
}
footer .divegaLogo-footer {
  width: 263px;
}
footer .chplay, footer .appstore {
  width: 48px;
  aspect-ratio: 1;
}
footer .wrapper {
  padding: 45px 10px 30px;
}
footer .wrapper .list-col ul > li:not(:last-child) {
  margin: 0 0 15px 0;
}
footer .wrapper .list-col a {
  color: var(--color-grey);
}
footer .wrapper .list-col .social-list {
  padding: 0 100px;
}
footer .wrapper .list-col .social-list i {
  transition: all 0.3s ease-in-out;
}
footer .wrapper .list-col .social-list a:hover > i {
  color: var(--color-blue);
}
footer .wrapper .list-col .address {
  padding: 0 100px;
}
footer .footer-bottom {
  border-top: 1px solid #e1e1e1;
}
footer .footer-bottom .container {
  padding: 10px 10px 15px;
}
.text-white {
  color: #fff !important;
}

#news .sub-news img {
  height: 100%;
  width: 100%;
}
#news .news-heading::before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 16.98%, rgba(0, 0, 0, 0) 49.2%);
}
#news .news-text {
  z-index: 1;
  inset: auto auto 0 auto;
  padding: 10px;
}
#news .news-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
#news .news-title.top {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
#news .aspect {
  aspect-ratio: 564/177;
}
#news .media-img {
  aspect-ratio: 330/190;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
#newsDetail .detail-img {
  aspect-ratio: 1000/471;
  width: 100%;
}
#newsDetail .news-detail-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}
#newsDetail img.more-news {
  border-radius: 5px;
}
#winnersPage .thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/3;
  border-radius: 10px;
}
#winnersPage .gutters {
  grid-template-columns: 1fr 330px;
}
#winnersPage .leftSide {
  overflow: hidden;
}
#winnersPage .leftSide .box-header {
  border-bottom: unset;
}
#winnersPage .leftSide .pagination {
  border-top: 1px solid rgba(46, 49, 146, 0.15);
}
#winnersPage .item:not(:last-child) {
  border-bottom: 1px solid rgba(46, 49, 146, 0.15);
}
#winnersPage .avatar {
  -o-object-fit: cover;
     object-fit: cover;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font: var(--default-font);
  color: var(--default-color);
  background: var(--default-bg-color);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

.animate, a {
  transition: all 0.3s linear;
}

a {
  text-decoration: none;
}

p {
  margin-top: 0;
  margin-bottom: 4px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 600;
  color: #000;
  margin: 0;
}

.color-red {
  color: var(--color-red);
}

.color-blue {
  color: var(--color-blue);
}

.color-grey {
  color: var(--color-grey);
}

.color-black {
  color: var(--color-black);
}

.color-white {
  color: var(--default-bg-color) !important;
}

.container {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding-inline: 16px;
}

.list-unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
}

.flex-grow-1 {
  flex-grow: 1;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.table-responsive {
  overflow-x: auto;
}

.nowrap {
  white-space: nowrap;
}

.wrap {
  white-space: pre-wrap;
}

@media (min-width: 576px){
  .sm\:radius-0,
.sm\:radius-l-0,
.sm\:radius-tl-0 {
    border-top-left-radius: 0px;
  }
  .sm\:radius-0,
.sm\:radius-l-0,
.sm\:radius-bl-0 {
    border-bottom-left-radius: 0px;
  }
  .sm\:radius-0,
.sm\:radius-r-0,
.sm\:radius-tr-0 {
    border-top-right-radius: 0px;
  }
  .sm\:radius-0,
.sm\:radius-r-0,
.sm\:radius-br-0 {
    border-bottom-right-radius: 0px;
  }
  .sm\:radius-2,
.sm\:radius-l-2,
.sm\:radius-tl-2 {
    border-top-left-radius: 2px;
  }
  .sm\:radius-2,
.sm\:radius-l-2,
.sm\:radius-bl-2 {
    border-bottom-left-radius: 2px;
  }
  .sm\:radius-2,
.sm\:radius-r-2,
.sm\:radius-tr-2 {
    border-top-right-radius: 2px;
  }
  .sm\:radius-2,
.sm\:radius-r-2,
.sm\:radius-br-2 {
    border-bottom-right-radius: 2px;
  }
  .sm\:radius-4,
.sm\:radius-l-4,
.sm\:radius-tl-4 {
    border-top-left-radius: 4px;
  }
  .sm\:radius-4,
.sm\:radius-l-4,
.sm\:radius-bl-4 {
    border-bottom-left-radius: 4px;
  }
  .sm\:radius-4,
.sm\:radius-r-4,
.sm\:radius-tr-4 {
    border-top-right-radius: 4px;
  }
  .sm\:radius-4,
.sm\:radius-r-4,
.sm\:radius-br-4 {
    border-bottom-right-radius: 4px;
  }
  .sm\:radius-6,
.sm\:radius-l-6,
.sm\:radius-tl-6 {
    border-top-left-radius: 6px;
  }
  .sm\:radius-6,
.sm\:radius-l-6,
.sm\:radius-bl-6 {
    border-bottom-left-radius: 6px;
  }
  .sm\:radius-6,
.sm\:radius-r-6,
.sm\:radius-tr-6 {
    border-top-right-radius: 6px;
  }
  .sm\:radius-6,
.sm\:radius-r-6,
.sm\:radius-br-6 {
    border-bottom-right-radius: 6px;
  }
  .sm\:radius-8,
.sm\:radius-l-8,
.sm\:radius-tl-8 {
    border-top-left-radius: 8px;
  }
  .sm\:radius-8,
.sm\:radius-l-8,
.sm\:radius-bl-8 {
    border-bottom-left-radius: 8px;
  }
  .sm\:radius-8,
.sm\:radius-r-8,
.sm\:radius-tr-8 {
    border-top-right-radius: 8px;
  }
  .sm\:radius-8,
.sm\:radius-r-8,
.sm\:radius-br-8 {
    border-bottom-right-radius: 8px;
  }
  .sm\:radius-10,
.sm\:radius-l-10,
.sm\:radius-tl-10 {
    border-top-left-radius: 10px;
  }
  .sm\:radius-10,
.sm\:radius-l-10,
.sm\:radius-bl-10 {
    border-bottom-left-radius: 10px;
  }
  .sm\:radius-10,
.sm\:radius-r-10,
.sm\:radius-tr-10 {
    border-top-right-radius: 10px;
  }
  .sm\:radius-10,
.sm\:radius-r-10,
.sm\:radius-br-10 {
    border-bottom-right-radius: 10px;
  }
  .sm\:radius-12,
.sm\:radius-l-12,
.sm\:radius-tl-12 {
    border-top-left-radius: 12px;
  }
  .sm\:radius-12,
.sm\:radius-l-12,
.sm\:radius-bl-12 {
    border-bottom-left-radius: 12px;
  }
  .sm\:radius-12,
.sm\:radius-r-12,
.sm\:radius-tr-12 {
    border-top-right-radius: 12px;
  }
  .sm\:radius-12,
.sm\:radius-r-12,
.sm\:radius-br-12 {
    border-bottom-right-radius: 12px;
  }
  .sm\:radius-14,
.sm\:radius-l-14,
.sm\:radius-tl-14 {
    border-top-left-radius: 14px;
  }
  .sm\:radius-14,
.sm\:radius-l-14,
.sm\:radius-bl-14 {
    border-bottom-left-radius: 14px;
  }
  .sm\:radius-14,
.sm\:radius-r-14,
.sm\:radius-tr-14 {
    border-top-right-radius: 14px;
  }
  .sm\:radius-14,
.sm\:radius-r-14,
.sm\:radius-br-14 {
    border-bottom-right-radius: 14px;
  }
  .sm\:radius-16,
.sm\:radius-l-16,
.sm\:radius-tl-16 {
    border-top-left-radius: 16px;
  }
  .sm\:radius-16,
.sm\:radius-l-16,
.sm\:radius-bl-16 {
    border-bottom-left-radius: 16px;
  }
  .sm\:radius-16,
.sm\:radius-r-16,
.sm\:radius-tr-16 {
    border-top-right-radius: 16px;
  }
  .sm\:radius-16,
.sm\:radius-r-16,
.sm\:radius-br-16 {
    border-bottom-right-radius: 16px;
  }
  .sm\:radius-18,
.sm\:radius-l-18,
.sm\:radius-tl-18 {
    border-top-left-radius: 18px;
  }
  .sm\:radius-18,
.sm\:radius-l-18,
.sm\:radius-bl-18 {
    border-bottom-left-radius: 18px;
  }
  .sm\:radius-18,
.sm\:radius-r-18,
.sm\:radius-tr-18 {
    border-top-right-radius: 18px;
  }
  .sm\:radius-18,
.sm\:radius-r-18,
.sm\:radius-br-18 {
    border-bottom-right-radius: 18px;
  }
  .sm\:radius-20,
.sm\:radius-l-20,
.sm\:radius-tl-20 {
    border-top-left-radius: 20px;
  }
  .sm\:radius-20,
.sm\:radius-l-20,
.sm\:radius-bl-20 {
    border-bottom-left-radius: 20px;
  }
  .sm\:radius-20,
.sm\:radius-r-20,
.sm\:radius-tr-20 {
    border-top-right-radius: 20px;
  }
  .sm\:radius-20,
.sm\:radius-r-20,
.sm\:radius-br-20 {
    border-bottom-right-radius: 20px;
  }
  .sm\:radius-full {
    border-radius: 100%;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:flex-column {
    flex-direction: column;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse;
  }
  .sm\:flex-initial {
    flex-direction: initial;
  }
  .sm\:flex-inherit {
    flex-direction: inherit;
  }
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-start {
    text-align: start !important;
  }
  .sm\:text-end {
    text-align: end !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sm\:d-none {
    display: none !important;
  }
  .sm\:d-inline {
    display: inline !important;
  }
  .sm\:d-block {
    display: block !important;
  }
  .sm\:d-inline-block {
    display: inline-block !important;
  }
  .sm\:d-flex {
    display: flex !important;
  }
  .sm\:d-inline-flex {
    display: inline-flex !important;
  }
  .sm\:d-grid {
    display: grid !important;
  }
  .sm\:d-inline-grid {
    display: inline-grid !important;
  }
  .sm\:d-initial {
    display: initial !important;
  }
  .sm\:d-inherit {
    display: inherit !important;
  }
  .sm\:d-table-row {
    display: table-row !important;
  }
  .sm\:d-table-cell {
    display: table-cell !important;
  }
  .sm\:d-table-row-group {
    display: table-row-group !important;
  }
  .sm\:d-table-column-group {
    display: table-column-group !important;
  }
  .sm\:d-table-header-group {
    display: table-header-group !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-flex-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-flex-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
  .sm\:align-items-initial {
    align-items: initial !important;
  }
  .sm\:align-items-inherit {
    align-items: inherit !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
  .sm\:justify-content-initial {
    justify-content: initial !important;
  }
  .sm\:justify-content-inherit {
    justify-content: inherit !important;
  }
  .sm\:grid-gap-0 {
    gap: 0px;
  }
  .sm\:grid-gap-1 {
    gap: 1px;
  }
  .sm\:grid-gap-2 {
    gap: 2px;
  }
  .sm\:grid-gap-3 {
    gap: 3px;
  }
  .sm\:grid-gap-4 {
    gap: 4px;
  }
  .sm\:grid-gap-5 {
    gap: 5px;
  }
  .sm\:grid-gap-6 {
    gap: 6px;
  }
  .sm\:grid-gap-7 {
    gap: 7px;
  }
  .sm\:grid-gap-8 {
    gap: 8px;
  }
  .sm\:grid-gap-9 {
    gap: 9px;
  }
  .sm\:grid-gap-10 {
    gap: 10px;
  }
  .sm\:grid-gap-11 {
    gap: 11px;
  }
  .sm\:grid-gap-12 {
    gap: 12px;
  }
  .sm\:grid-gap-13 {
    gap: 13px;
  }
  .sm\:grid-gap-14 {
    gap: 14px;
  }
  .sm\:grid-gap-15 {
    gap: 15px;
  }
  .sm\:grid-gap-16 {
    gap: 16px;
  }
  .sm\:grid-gap-17 {
    gap: 17px;
  }
  .sm\:grid-gap-18 {
    gap: 18px;
  }
  .sm\:grid-gap-19 {
    gap: 19px;
  }
  .sm\:grid-gap-20 {
    gap: 20px;
  }
  .sm\:grid-gap-21 {
    gap: 21px;
  }
  .sm\:grid-gap-22 {
    gap: 22px;
  }
  .sm\:grid-gap-23 {
    gap: 23px;
  }
  .sm\:grid-gap-24 {
    gap: 24px;
  }
  .sm\:grid-gap-25 {
    gap: 25px;
  }
  .sm\:grid-gap-26 {
    gap: 26px;
  }
  .sm\:grid-gap-27 {
    gap: 27px;
  }
  .sm\:grid-gap-28 {
    gap: 28px;
  }
  .sm\:grid-gap-29 {
    gap: 29px;
  }
  .sm\:grid-gap-30 {
    gap: 30px;
  }
  .sm\:grid-gap-31 {
    gap: 31px;
  }
  .sm\:grid-gap-32 {
    gap: 32px;
  }
  .sm\:grid-gap-33 {
    gap: 33px;
  }
  .sm\:grid-gap-34 {
    gap: 34px;
  }
  .sm\:grid-gap-35 {
    gap: 35px;
  }
  .sm\:grid-gap-36 {
    gap: 36px;
  }
  .sm\:grid-gap-37 {
    gap: 37px;
  }
  .sm\:grid-gap-38 {
    gap: 38px;
  }
  .sm\:grid-gap-39 {
    gap: 39px;
  }
  .sm\:grid-gap-40 {
    gap: 40px;
  }
  .sm\:grid-column-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .sm\:grid-span-1 {
    grid-column: auto/span 1;
  }
  .sm\:grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sm\:grid-span-2 {
    grid-column: auto/span 2;
  }
  .sm\:grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .sm\:grid-span-3 {
    grid-column: auto/span 3;
  }
  .sm\:grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .sm\:grid-span-4 {
    grid-column: auto/span 4;
  }
  .sm\:grid-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .sm\:grid-span-5 {
    grid-column: auto/span 5;
  }
  .sm\:grid-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .sm\:grid-span-6 {
    grid-column: auto/span 6;
  }
  .sm\:grid-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .sm\:grid-span-7 {
    grid-column: auto/span 7;
  }
  .sm\:grid-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .sm\:grid-span-8 {
    grid-column: auto/span 8;
  }
  .sm\:grid-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .sm\:grid-span-9 {
    grid-column: auto/span 9;
  }
  .sm\:grid-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .sm\:grid-span-10 {
    grid-column: auto/span 10;
  }
  .sm\:grid-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .sm\:grid-span-11 {
    grid-column: auto/span 11;
  }
  .sm\:grid-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .sm\:grid-span-12 {
    grid-column: auto/span 12;
  }
  .sm\:grid-column-13 {
    grid-template-columns: repeat(13, 1fr);
  }
  .sm\:grid-span-13 {
    grid-column: auto/span 13;
  }
  .sm\:grid-column-14 {
    grid-template-columns: repeat(14, 1fr);
  }
  .sm\:grid-span-14 {
    grid-column: auto/span 14;
  }
  .sm\:grid-column-15 {
    grid-template-columns: repeat(15, 1fr);
  }
  .sm\:grid-span-15 {
    grid-column: auto/span 15;
  }
  .sm\:grid-column-16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .sm\:grid-span-16 {
    grid-column: auto/span 16;
  }
  .sm\:grid-column-17 {
    grid-template-columns: repeat(17, 1fr);
  }
  .sm\:grid-span-17 {
    grid-column: auto/span 17;
  }
  .sm\:grid-column-18 {
    grid-template-columns: repeat(18, 1fr);
  }
  .sm\:grid-span-18 {
    grid-column: auto/span 18;
  }
  .sm\:grid-column-19 {
    grid-template-columns: repeat(19, 1fr);
  }
  .sm\:grid-span-19 {
    grid-column: auto/span 19;
  }
  .sm\:grid-column-20 {
    grid-template-columns: repeat(20, 1fr);
  }
  .sm\:grid-span-20 {
    grid-column: auto/span 20;
  }
  .sm\:grid-column-21 {
    grid-template-columns: repeat(21, 1fr);
  }
  .sm\:grid-span-21 {
    grid-column: auto/span 21;
  }
  .sm\:grid-column-22 {
    grid-template-columns: repeat(22, 1fr);
  }
  .sm\:grid-span-22 {
    grid-column: auto/span 22;
  }
  .sm\:grid-column-23 {
    grid-template-columns: repeat(23, 1fr);
  }
  .sm\:grid-span-23 {
    grid-column: auto/span 23;
  }
  .sm\:grid-column-24 {
    grid-template-columns: repeat(24, 1fr);
  }
  .sm\:grid-span-24 {
    grid-column: auto/span 24;
  }
  .sm\:top-0 {
    top: 0px !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:bottom-0 {
    bottom: 0px !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:top-2 {
    top: 2px !important;
  }
  .sm\:right-2 {
    right: 2px !important;
  }
  .sm\:bottom-2 {
    bottom: 2px !important;
  }
  .sm\:left-2 {
    left: 2px !important;
  }
  .sm\:top-4 {
    top: 4px !important;
  }
  .sm\:right-4 {
    right: 4px !important;
  }
  .sm\:bottom-4 {
    bottom: 4px !important;
  }
  .sm\:left-4 {
    left: 4px !important;
  }
  .sm\:top-6 {
    top: 6px !important;
  }
  .sm\:right-6 {
    right: 6px !important;
  }
  .sm\:bottom-6 {
    bottom: 6px !important;
  }
  .sm\:left-6 {
    left: 6px !important;
  }
  .sm\:top-8 {
    top: 8px !important;
  }
  .sm\:right-8 {
    right: 8px !important;
  }
  .sm\:bottom-8 {
    bottom: 8px !important;
  }
  .sm\:left-8 {
    left: 8px !important;
  }
  .sm\:top-10 {
    top: 10px !important;
  }
  .sm\:right-10 {
    right: 10px !important;
  }
  .sm\:bottom-10 {
    bottom: 10px !important;
  }
  .sm\:left-10 {
    left: 10px !important;
  }
  .sm\:top-12 {
    top: 12px !important;
  }
  .sm\:right-12 {
    right: 12px !important;
  }
  .sm\:bottom-12 {
    bottom: 12px !important;
  }
  .sm\:left-12 {
    left: 12px !important;
  }
  .sm\:top-14 {
    top: 14px !important;
  }
  .sm\:right-14 {
    right: 14px !important;
  }
  .sm\:bottom-14 {
    bottom: 14px !important;
  }
  .sm\:left-14 {
    left: 14px !important;
  }
  .sm\:top-16 {
    top: 16px !important;
  }
  .sm\:right-16 {
    right: 16px !important;
  }
  .sm\:bottom-16 {
    bottom: 16px !important;
  }
  .sm\:left-16 {
    left: 16px !important;
  }
  .sm\:top-18 {
    top: 18px !important;
  }
  .sm\:right-18 {
    right: 18px !important;
  }
  .sm\:bottom-18 {
    bottom: 18px !important;
  }
  .sm\:left-18 {
    left: 18px !important;
  }
  .sm\:top-20 {
    top: 20px !important;
  }
  .sm\:right-20 {
    right: 20px !important;
  }
  .sm\:bottom-20 {
    bottom: 20px !important;
  }
  .sm\:left-20 {
    left: 20px !important;
  }
  .sm\:top-22 {
    top: 22px !important;
  }
  .sm\:right-22 {
    right: 22px !important;
  }
  .sm\:bottom-22 {
    bottom: 22px !important;
  }
  .sm\:left-22 {
    left: 22px !important;
  }
  .sm\:top-24 {
    top: 24px !important;
  }
  .sm\:right-24 {
    right: 24px !important;
  }
  .sm\:bottom-24 {
    bottom: 24px !important;
  }
  .sm\:left-24 {
    left: 24px !important;
  }
  .sm\:top-26 {
    top: 26px !important;
  }
  .sm\:right-26 {
    right: 26px !important;
  }
  .sm\:bottom-26 {
    bottom: 26px !important;
  }
  .sm\:left-26 {
    left: 26px !important;
  }
  .sm\:top-28 {
    top: 28px !important;
  }
  .sm\:right-28 {
    right: 28px !important;
  }
  .sm\:bottom-28 {
    bottom: 28px !important;
  }
  .sm\:left-28 {
    left: 28px !important;
  }
  .sm\:top-30 {
    top: 30px !important;
  }
  .sm\:right-30 {
    right: 30px !important;
  }
  .sm\:bottom-30 {
    bottom: 30px !important;
  }
  .sm\:left-30 {
    left: 30px !important;
  }
  .sm\:top-32 {
    top: 32px !important;
  }
  .sm\:right-32 {
    right: 32px !important;
  }
  .sm\:bottom-32 {
    bottom: 32px !important;
  }
  .sm\:left-32 {
    left: 32px !important;
  }
  .sm\:top-34 {
    top: 34px !important;
  }
  .sm\:right-34 {
    right: 34px !important;
  }
  .sm\:bottom-34 {
    bottom: 34px !important;
  }
  .sm\:left-34 {
    left: 34px !important;
  }
  .sm\:top-36 {
    top: 36px !important;
  }
  .sm\:right-36 {
    right: 36px !important;
  }
  .sm\:bottom-36 {
    bottom: 36px !important;
  }
  .sm\:left-36 {
    left: 36px !important;
  }
  .sm\:top-38 {
    top: 38px !important;
  }
  .sm\:right-38 {
    right: 38px !important;
  }
  .sm\:bottom-38 {
    bottom: 38px !important;
  }
  .sm\:left-38 {
    left: 38px !important;
  }
  .sm\:top-40 {
    top: 40px !important;
  }
  .sm\:right-40 {
    right: 40px !important;
  }
  .sm\:bottom-40 {
    bottom: 40px !important;
  }
  .sm\:left-40 {
    left: 40px !important;
  }
  .sm\:top-42 {
    top: 42px !important;
  }
  .sm\:right-42 {
    right: 42px !important;
  }
  .sm\:bottom-42 {
    bottom: 42px !important;
  }
  .sm\:left-42 {
    left: 42px !important;
  }
  .sm\:top-44 {
    top: 44px !important;
  }
  .sm\:right-44 {
    right: 44px !important;
  }
  .sm\:bottom-44 {
    bottom: 44px !important;
  }
  .sm\:left-44 {
    left: 44px !important;
  }
  .sm\:top-46 {
    top: 46px !important;
  }
  .sm\:right-46 {
    right: 46px !important;
  }
  .sm\:bottom-46 {
    bottom: 46px !important;
  }
  .sm\:left-46 {
    left: 46px !important;
  }
  .sm\:top-48 {
    top: 48px !important;
  }
  .sm\:right-48 {
    right: 48px !important;
  }
  .sm\:bottom-48 {
    bottom: 48px !important;
  }
  .sm\:left-48 {
    left: 48px !important;
  }
  .sm\:top-50 {
    top: 50px !important;
  }
  .sm\:right-50 {
    right: 50px !important;
  }
  .sm\:bottom-50 {
    bottom: 50px !important;
  }
  .sm\:left-50 {
    left: 50px !important;
  }
  .sm\:top-52 {
    top: 52px !important;
  }
  .sm\:right-52 {
    right: 52px !important;
  }
  .sm\:bottom-52 {
    bottom: 52px !important;
  }
  .sm\:left-52 {
    left: 52px !important;
  }
  .sm\:top-54 {
    top: 54px !important;
  }
  .sm\:right-54 {
    right: 54px !important;
  }
  .sm\:bottom-54 {
    bottom: 54px !important;
  }
  .sm\:left-54 {
    left: 54px !important;
  }
  .sm\:top-56 {
    top: 56px !important;
  }
  .sm\:right-56 {
    right: 56px !important;
  }
  .sm\:bottom-56 {
    bottom: 56px !important;
  }
  .sm\:left-56 {
    left: 56px !important;
  }
  .sm\:top-58 {
    top: 58px !important;
  }
  .sm\:right-58 {
    right: 58px !important;
  }
  .sm\:bottom-58 {
    bottom: 58px !important;
  }
  .sm\:left-58 {
    left: 58px !important;
  }
  .sm\:top-60 {
    top: 60px !important;
  }
  .sm\:right-60 {
    right: 60px !important;
  }
  .sm\:bottom-60 {
    bottom: 60px !important;
  }
  .sm\:left-60 {
    left: 60px !important;
  }
  .sm\:ratio-1\/1 {
    aspect-ratio: 1 / 1;
  }
  .sm\:ratio-4\/3 {
    aspect-ratio: 4 / 3;
  }
  .sm\:ratio-3\/2 {
    aspect-ratio: 3 / 2;
  }
  .sm\:ratio-16\/9 {
    aspect-ratio: 16 / 9;
  }
  .sm\:ratio-21\/9 {
    aspect-ratio: 21 / 9;
  }
  .sm\:p-0,
.sm\:pt-0,
.sm\:py-0 {
    padding-top: 0px !important;
  }
  .sm\:p-0,
.sm\:pe-0,
.sm\:px-0 {
    padding-right: 0px !important;
  }
  .sm\:p-0,
.sm\:pb-0,
.sm\:py-0 {
    padding-bottom: 0px !important;
  }
  .sm\:p-0,
.sm\:ps-0,
.sm\:px-0 {
    padding-left: 0px !important;
  }
  .sm\:p-2,
.sm\:pt-2,
.sm\:py-2 {
    padding-top: 2px !important;
  }
  .sm\:p-2,
.sm\:pe-2,
.sm\:px-2 {
    padding-right: 2px !important;
  }
  .sm\:p-2,
.sm\:pb-2,
.sm\:py-2 {
    padding-bottom: 2px !important;
  }
  .sm\:p-2,
.sm\:ps-2,
.sm\:px-2 {
    padding-left: 2px !important;
  }
  .sm\:p-4,
.sm\:pt-4,
.sm\:py-4 {
    padding-top: 4px !important;
  }
  .sm\:p-4,
.sm\:pe-4,
.sm\:px-4 {
    padding-right: 4px !important;
  }
  .sm\:p-4,
.sm\:pb-4,
.sm\:py-4 {
    padding-bottom: 4px !important;
  }
  .sm\:p-4,
.sm\:ps-4,
.sm\:px-4 {
    padding-left: 4px !important;
  }
  .sm\:p-6,
.sm\:pt-6,
.sm\:py-6 {
    padding-top: 6px !important;
  }
  .sm\:p-6,
.sm\:pe-6,
.sm\:px-6 {
    padding-right: 6px !important;
  }
  .sm\:p-6,
.sm\:pb-6,
.sm\:py-6 {
    padding-bottom: 6px !important;
  }
  .sm\:p-6,
.sm\:ps-6,
.sm\:px-6 {
    padding-left: 6px !important;
  }
  .sm\:p-8,
.sm\:pt-8,
.sm\:py-8 {
    padding-top: 8px !important;
  }
  .sm\:p-8,
.sm\:pe-8,
.sm\:px-8 {
    padding-right: 8px !important;
  }
  .sm\:p-8,
.sm\:pb-8,
.sm\:py-8 {
    padding-bottom: 8px !important;
  }
  .sm\:p-8,
.sm\:ps-8,
.sm\:px-8 {
    padding-left: 8px !important;
  }
  .sm\:p-10,
.sm\:pt-10,
.sm\:py-10 {
    padding-top: 10px !important;
  }
  .sm\:p-10,
.sm\:pe-10,
.sm\:px-10 {
    padding-right: 10px !important;
  }
  .sm\:p-10,
.sm\:pb-10,
.sm\:py-10 {
    padding-bottom: 10px !important;
  }
  .sm\:p-10,
.sm\:ps-10,
.sm\:px-10 {
    padding-left: 10px !important;
  }
  .sm\:p-12,
.sm\:pt-12,
.sm\:py-12 {
    padding-top: 12px !important;
  }
  .sm\:p-12,
.sm\:pe-12,
.sm\:px-12 {
    padding-right: 12px !important;
  }
  .sm\:p-12,
.sm\:pb-12,
.sm\:py-12 {
    padding-bottom: 12px !important;
  }
  .sm\:p-12,
.sm\:ps-12,
.sm\:px-12 {
    padding-left: 12px !important;
  }
  .sm\:p-14,
.sm\:pt-14,
.sm\:py-14 {
    padding-top: 14px !important;
  }
  .sm\:p-14,
.sm\:pe-14,
.sm\:px-14 {
    padding-right: 14px !important;
  }
  .sm\:p-14,
.sm\:pb-14,
.sm\:py-14 {
    padding-bottom: 14px !important;
  }
  .sm\:p-14,
.sm\:ps-14,
.sm\:px-14 {
    padding-left: 14px !important;
  }
  .sm\:p-16,
.sm\:pt-16,
.sm\:py-16 {
    padding-top: 16px !important;
  }
  .sm\:p-16,
.sm\:pe-16,
.sm\:px-16 {
    padding-right: 16px !important;
  }
  .sm\:p-16,
.sm\:pb-16,
.sm\:py-16 {
    padding-bottom: 16px !important;
  }
  .sm\:p-16,
.sm\:ps-16,
.sm\:px-16 {
    padding-left: 16px !important;
  }
  .sm\:p-18,
.sm\:pt-18,
.sm\:py-18 {
    padding-top: 18px !important;
  }
  .sm\:p-18,
.sm\:pe-18,
.sm\:px-18 {
    padding-right: 18px !important;
  }
  .sm\:p-18,
.sm\:pb-18,
.sm\:py-18 {
    padding-bottom: 18px !important;
  }
  .sm\:p-18,
.sm\:ps-18,
.sm\:px-18 {
    padding-left: 18px !important;
  }
  .sm\:p-20,
.sm\:pt-20,
.sm\:py-20 {
    padding-top: 20px !important;
  }
  .sm\:p-20,
.sm\:pe-20,
.sm\:px-20 {
    padding-right: 20px !important;
  }
  .sm\:p-20,
.sm\:pb-20,
.sm\:py-20 {
    padding-bottom: 20px !important;
  }
  .sm\:p-20,
.sm\:ps-20,
.sm\:px-20 {
    padding-left: 20px !important;
  }
  .sm\:p-22,
.sm\:pt-22,
.sm\:py-22 {
    padding-top: 22px !important;
  }
  .sm\:p-22,
.sm\:pe-22,
.sm\:px-22 {
    padding-right: 22px !important;
  }
  .sm\:p-22,
.sm\:pb-22,
.sm\:py-22 {
    padding-bottom: 22px !important;
  }
  .sm\:p-22,
.sm\:ps-22,
.sm\:px-22 {
    padding-left: 22px !important;
  }
  .sm\:p-24,
.sm\:pt-24,
.sm\:py-24 {
    padding-top: 24px !important;
  }
  .sm\:p-24,
.sm\:pe-24,
.sm\:px-24 {
    padding-right: 24px !important;
  }
  .sm\:p-24,
.sm\:pb-24,
.sm\:py-24 {
    padding-bottom: 24px !important;
  }
  .sm\:p-24,
.sm\:ps-24,
.sm\:px-24 {
    padding-left: 24px !important;
  }
  .sm\:p-26,
.sm\:pt-26,
.sm\:py-26 {
    padding-top: 26px !important;
  }
  .sm\:p-26,
.sm\:pe-26,
.sm\:px-26 {
    padding-right: 26px !important;
  }
  .sm\:p-26,
.sm\:pb-26,
.sm\:py-26 {
    padding-bottom: 26px !important;
  }
  .sm\:p-26,
.sm\:ps-26,
.sm\:px-26 {
    padding-left: 26px !important;
  }
  .sm\:p-28,
.sm\:pt-28,
.sm\:py-28 {
    padding-top: 28px !important;
  }
  .sm\:p-28,
.sm\:pe-28,
.sm\:px-28 {
    padding-right: 28px !important;
  }
  .sm\:p-28,
.sm\:pb-28,
.sm\:py-28 {
    padding-bottom: 28px !important;
  }
  .sm\:p-28,
.sm\:ps-28,
.sm\:px-28 {
    padding-left: 28px !important;
  }
  .sm\:p-30,
.sm\:pt-30,
.sm\:py-30 {
    padding-top: 30px !important;
  }
  .sm\:p-30,
.sm\:pe-30,
.sm\:px-30 {
    padding-right: 30px !important;
  }
  .sm\:p-30,
.sm\:pb-30,
.sm\:py-30 {
    padding-bottom: 30px !important;
  }
  .sm\:p-30,
.sm\:ps-30,
.sm\:px-30 {
    padding-left: 30px !important;
  }
  .sm\:p-32,
.sm\:pt-32,
.sm\:py-32 {
    padding-top: 32px !important;
  }
  .sm\:p-32,
.sm\:pe-32,
.sm\:px-32 {
    padding-right: 32px !important;
  }
  .sm\:p-32,
.sm\:pb-32,
.sm\:py-32 {
    padding-bottom: 32px !important;
  }
  .sm\:p-32,
.sm\:ps-32,
.sm\:px-32 {
    padding-left: 32px !important;
  }
  .sm\:p-34,
.sm\:pt-34,
.sm\:py-34 {
    padding-top: 34px !important;
  }
  .sm\:p-34,
.sm\:pe-34,
.sm\:px-34 {
    padding-right: 34px !important;
  }
  .sm\:p-34,
.sm\:pb-34,
.sm\:py-34 {
    padding-bottom: 34px !important;
  }
  .sm\:p-34,
.sm\:ps-34,
.sm\:px-34 {
    padding-left: 34px !important;
  }
  .sm\:p-36,
.sm\:pt-36,
.sm\:py-36 {
    padding-top: 36px !important;
  }
  .sm\:p-36,
.sm\:pe-36,
.sm\:px-36 {
    padding-right: 36px !important;
  }
  .sm\:p-36,
.sm\:pb-36,
.sm\:py-36 {
    padding-bottom: 36px !important;
  }
  .sm\:p-36,
.sm\:ps-36,
.sm\:px-36 {
    padding-left: 36px !important;
  }
  .sm\:p-38,
.sm\:pt-38,
.sm\:py-38 {
    padding-top: 38px !important;
  }
  .sm\:p-38,
.sm\:pe-38,
.sm\:px-38 {
    padding-right: 38px !important;
  }
  .sm\:p-38,
.sm\:pb-38,
.sm\:py-38 {
    padding-bottom: 38px !important;
  }
  .sm\:p-38,
.sm\:ps-38,
.sm\:px-38 {
    padding-left: 38px !important;
  }
  .sm\:p-40,
.sm\:pt-40,
.sm\:py-40 {
    padding-top: 40px !important;
  }
  .sm\:p-40,
.sm\:pe-40,
.sm\:px-40 {
    padding-right: 40px !important;
  }
  .sm\:p-40,
.sm\:pb-40,
.sm\:py-40 {
    padding-bottom: 40px !important;
  }
  .sm\:p-40,
.sm\:ps-40,
.sm\:px-40 {
    padding-left: 40px !important;
  }
  .sm\:p-42,
.sm\:pt-42,
.sm\:py-42 {
    padding-top: 42px !important;
  }
  .sm\:p-42,
.sm\:pe-42,
.sm\:px-42 {
    padding-right: 42px !important;
  }
  .sm\:p-42,
.sm\:pb-42,
.sm\:py-42 {
    padding-bottom: 42px !important;
  }
  .sm\:p-42,
.sm\:ps-42,
.sm\:px-42 {
    padding-left: 42px !important;
  }
  .sm\:p-44,
.sm\:pt-44,
.sm\:py-44 {
    padding-top: 44px !important;
  }
  .sm\:p-44,
.sm\:pe-44,
.sm\:px-44 {
    padding-right: 44px !important;
  }
  .sm\:p-44,
.sm\:pb-44,
.sm\:py-44 {
    padding-bottom: 44px !important;
  }
  .sm\:p-44,
.sm\:ps-44,
.sm\:px-44 {
    padding-left: 44px !important;
  }
  .sm\:p-46,
.sm\:pt-46,
.sm\:py-46 {
    padding-top: 46px !important;
  }
  .sm\:p-46,
.sm\:pe-46,
.sm\:px-46 {
    padding-right: 46px !important;
  }
  .sm\:p-46,
.sm\:pb-46,
.sm\:py-46 {
    padding-bottom: 46px !important;
  }
  .sm\:p-46,
.sm\:ps-46,
.sm\:px-46 {
    padding-left: 46px !important;
  }
  .sm\:p-48,
.sm\:pt-48,
.sm\:py-48 {
    padding-top: 48px !important;
  }
  .sm\:p-48,
.sm\:pe-48,
.sm\:px-48 {
    padding-right: 48px !important;
  }
  .sm\:p-48,
.sm\:pb-48,
.sm\:py-48 {
    padding-bottom: 48px !important;
  }
  .sm\:p-48,
.sm\:ps-48,
.sm\:px-48 {
    padding-left: 48px !important;
  }
  .sm\:p-50,
.sm\:pt-50,
.sm\:py-50 {
    padding-top: 50px !important;
  }
  .sm\:p-50,
.sm\:pe-50,
.sm\:px-50 {
    padding-right: 50px !important;
  }
  .sm\:p-50,
.sm\:pb-50,
.sm\:py-50 {
    padding-bottom: 50px !important;
  }
  .sm\:p-50,
.sm\:ps-50,
.sm\:px-50 {
    padding-left: 50px !important;
  }
  .sm\:p-52,
.sm\:pt-52,
.sm\:py-52 {
    padding-top: 52px !important;
  }
  .sm\:p-52,
.sm\:pe-52,
.sm\:px-52 {
    padding-right: 52px !important;
  }
  .sm\:p-52,
.sm\:pb-52,
.sm\:py-52 {
    padding-bottom: 52px !important;
  }
  .sm\:p-52,
.sm\:ps-52,
.sm\:px-52 {
    padding-left: 52px !important;
  }
  .sm\:p-54,
.sm\:pt-54,
.sm\:py-54 {
    padding-top: 54px !important;
  }
  .sm\:p-54,
.sm\:pe-54,
.sm\:px-54 {
    padding-right: 54px !important;
  }
  .sm\:p-54,
.sm\:pb-54,
.sm\:py-54 {
    padding-bottom: 54px !important;
  }
  .sm\:p-54,
.sm\:ps-54,
.sm\:px-54 {
    padding-left: 54px !important;
  }
  .sm\:p-56,
.sm\:pt-56,
.sm\:py-56 {
    padding-top: 56px !important;
  }
  .sm\:p-56,
.sm\:pe-56,
.sm\:px-56 {
    padding-right: 56px !important;
  }
  .sm\:p-56,
.sm\:pb-56,
.sm\:py-56 {
    padding-bottom: 56px !important;
  }
  .sm\:p-56,
.sm\:ps-56,
.sm\:px-56 {
    padding-left: 56px !important;
  }
  .sm\:p-58,
.sm\:pt-58,
.sm\:py-58 {
    padding-top: 58px !important;
  }
  .sm\:p-58,
.sm\:pe-58,
.sm\:px-58 {
    padding-right: 58px !important;
  }
  .sm\:p-58,
.sm\:pb-58,
.sm\:py-58 {
    padding-bottom: 58px !important;
  }
  .sm\:p-58,
.sm\:ps-58,
.sm\:px-58 {
    padding-left: 58px !important;
  }
  .sm\:p-60,
.sm\:pt-60,
.sm\:py-60 {
    padding-top: 60px !important;
  }
  .sm\:p-60,
.sm\:pe-60,
.sm\:px-60 {
    padding-right: 60px !important;
  }
  .sm\:p-60,
.sm\:pb-60,
.sm\:py-60 {
    padding-bottom: 60px !important;
  }
  .sm\:p-60,
.sm\:ps-60,
.sm\:px-60 {
    padding-left: 60px !important;
  }
  .sm\:m--60,
.sm\:mt--60,
.sm\:my--60 {
    margin-top: -60px !important;
  }
  .sm\:m--60,
.sm\:me--60,
.sm\:mx--60 {
    margin-right: -60px !important;
  }
  .sm\:m--60,
.sm\:mb--60,
.sm\:my--60 {
    margin-bottom: -60px !important;
  }
  .sm\:m--60,
.sm\:ms--60,
.sm\:mx--60 {
    margin-left: -60px !important;
  }
  .sm\:m--58,
.sm\:mt--58,
.sm\:my--58 {
    margin-top: -58px !important;
  }
  .sm\:m--58,
.sm\:me--58,
.sm\:mx--58 {
    margin-right: -58px !important;
  }
  .sm\:m--58,
.sm\:mb--58,
.sm\:my--58 {
    margin-bottom: -58px !important;
  }
  .sm\:m--58,
.sm\:ms--58,
.sm\:mx--58 {
    margin-left: -58px !important;
  }
  .sm\:m--56,
.sm\:mt--56,
.sm\:my--56 {
    margin-top: -56px !important;
  }
  .sm\:m--56,
.sm\:me--56,
.sm\:mx--56 {
    margin-right: -56px !important;
  }
  .sm\:m--56,
.sm\:mb--56,
.sm\:my--56 {
    margin-bottom: -56px !important;
  }
  .sm\:m--56,
.sm\:ms--56,
.sm\:mx--56 {
    margin-left: -56px !important;
  }
  .sm\:m--54,
.sm\:mt--54,
.sm\:my--54 {
    margin-top: -54px !important;
  }
  .sm\:m--54,
.sm\:me--54,
.sm\:mx--54 {
    margin-right: -54px !important;
  }
  .sm\:m--54,
.sm\:mb--54,
.sm\:my--54 {
    margin-bottom: -54px !important;
  }
  .sm\:m--54,
.sm\:ms--54,
.sm\:mx--54 {
    margin-left: -54px !important;
  }
  .sm\:m--52,
.sm\:mt--52,
.sm\:my--52 {
    margin-top: -52px !important;
  }
  .sm\:m--52,
.sm\:me--52,
.sm\:mx--52 {
    margin-right: -52px !important;
  }
  .sm\:m--52,
.sm\:mb--52,
.sm\:my--52 {
    margin-bottom: -52px !important;
  }
  .sm\:m--52,
.sm\:ms--52,
.sm\:mx--52 {
    margin-left: -52px !important;
  }
  .sm\:m--50,
.sm\:mt--50,
.sm\:my--50 {
    margin-top: -50px !important;
  }
  .sm\:m--50,
.sm\:me--50,
.sm\:mx--50 {
    margin-right: -50px !important;
  }
  .sm\:m--50,
.sm\:mb--50,
.sm\:my--50 {
    margin-bottom: -50px !important;
  }
  .sm\:m--50,
.sm\:ms--50,
.sm\:mx--50 {
    margin-left: -50px !important;
  }
  .sm\:m--48,
.sm\:mt--48,
.sm\:my--48 {
    margin-top: -48px !important;
  }
  .sm\:m--48,
.sm\:me--48,
.sm\:mx--48 {
    margin-right: -48px !important;
  }
  .sm\:m--48,
.sm\:mb--48,
.sm\:my--48 {
    margin-bottom: -48px !important;
  }
  .sm\:m--48,
.sm\:ms--48,
.sm\:mx--48 {
    margin-left: -48px !important;
  }
  .sm\:m--46,
.sm\:mt--46,
.sm\:my--46 {
    margin-top: -46px !important;
  }
  .sm\:m--46,
.sm\:me--46,
.sm\:mx--46 {
    margin-right: -46px !important;
  }
  .sm\:m--46,
.sm\:mb--46,
.sm\:my--46 {
    margin-bottom: -46px !important;
  }
  .sm\:m--46,
.sm\:ms--46,
.sm\:mx--46 {
    margin-left: -46px !important;
  }
  .sm\:m--44,
.sm\:mt--44,
.sm\:my--44 {
    margin-top: -44px !important;
  }
  .sm\:m--44,
.sm\:me--44,
.sm\:mx--44 {
    margin-right: -44px !important;
  }
  .sm\:m--44,
.sm\:mb--44,
.sm\:my--44 {
    margin-bottom: -44px !important;
  }
  .sm\:m--44,
.sm\:ms--44,
.sm\:mx--44 {
    margin-left: -44px !important;
  }
  .sm\:m--42,
.sm\:mt--42,
.sm\:my--42 {
    margin-top: -42px !important;
  }
  .sm\:m--42,
.sm\:me--42,
.sm\:mx--42 {
    margin-right: -42px !important;
  }
  .sm\:m--42,
.sm\:mb--42,
.sm\:my--42 {
    margin-bottom: -42px !important;
  }
  .sm\:m--42,
.sm\:ms--42,
.sm\:mx--42 {
    margin-left: -42px !important;
  }
  .sm\:m--40,
.sm\:mt--40,
.sm\:my--40 {
    margin-top: -40px !important;
  }
  .sm\:m--40,
.sm\:me--40,
.sm\:mx--40 {
    margin-right: -40px !important;
  }
  .sm\:m--40,
.sm\:mb--40,
.sm\:my--40 {
    margin-bottom: -40px !important;
  }
  .sm\:m--40,
.sm\:ms--40,
.sm\:mx--40 {
    margin-left: -40px !important;
  }
  .sm\:m--38,
.sm\:mt--38,
.sm\:my--38 {
    margin-top: -38px !important;
  }
  .sm\:m--38,
.sm\:me--38,
.sm\:mx--38 {
    margin-right: -38px !important;
  }
  .sm\:m--38,
.sm\:mb--38,
.sm\:my--38 {
    margin-bottom: -38px !important;
  }
  .sm\:m--38,
.sm\:ms--38,
.sm\:mx--38 {
    margin-left: -38px !important;
  }
  .sm\:m--36,
.sm\:mt--36,
.sm\:my--36 {
    margin-top: -36px !important;
  }
  .sm\:m--36,
.sm\:me--36,
.sm\:mx--36 {
    margin-right: -36px !important;
  }
  .sm\:m--36,
.sm\:mb--36,
.sm\:my--36 {
    margin-bottom: -36px !important;
  }
  .sm\:m--36,
.sm\:ms--36,
.sm\:mx--36 {
    margin-left: -36px !important;
  }
  .sm\:m--34,
.sm\:mt--34,
.sm\:my--34 {
    margin-top: -34px !important;
  }
  .sm\:m--34,
.sm\:me--34,
.sm\:mx--34 {
    margin-right: -34px !important;
  }
  .sm\:m--34,
.sm\:mb--34,
.sm\:my--34 {
    margin-bottom: -34px !important;
  }
  .sm\:m--34,
.sm\:ms--34,
.sm\:mx--34 {
    margin-left: -34px !important;
  }
  .sm\:m--32,
.sm\:mt--32,
.sm\:my--32 {
    margin-top: -32px !important;
  }
  .sm\:m--32,
.sm\:me--32,
.sm\:mx--32 {
    margin-right: -32px !important;
  }
  .sm\:m--32,
.sm\:mb--32,
.sm\:my--32 {
    margin-bottom: -32px !important;
  }
  .sm\:m--32,
.sm\:ms--32,
.sm\:mx--32 {
    margin-left: -32px !important;
  }
  .sm\:m--30,
.sm\:mt--30,
.sm\:my--30 {
    margin-top: -30px !important;
  }
  .sm\:m--30,
.sm\:me--30,
.sm\:mx--30 {
    margin-right: -30px !important;
  }
  .sm\:m--30,
.sm\:mb--30,
.sm\:my--30 {
    margin-bottom: -30px !important;
  }
  .sm\:m--30,
.sm\:ms--30,
.sm\:mx--30 {
    margin-left: -30px !important;
  }
  .sm\:m--28,
.sm\:mt--28,
.sm\:my--28 {
    margin-top: -28px !important;
  }
  .sm\:m--28,
.sm\:me--28,
.sm\:mx--28 {
    margin-right: -28px !important;
  }
  .sm\:m--28,
.sm\:mb--28,
.sm\:my--28 {
    margin-bottom: -28px !important;
  }
  .sm\:m--28,
.sm\:ms--28,
.sm\:mx--28 {
    margin-left: -28px !important;
  }
  .sm\:m--26,
.sm\:mt--26,
.sm\:my--26 {
    margin-top: -26px !important;
  }
  .sm\:m--26,
.sm\:me--26,
.sm\:mx--26 {
    margin-right: -26px !important;
  }
  .sm\:m--26,
.sm\:mb--26,
.sm\:my--26 {
    margin-bottom: -26px !important;
  }
  .sm\:m--26,
.sm\:ms--26,
.sm\:mx--26 {
    margin-left: -26px !important;
  }
  .sm\:m--24,
.sm\:mt--24,
.sm\:my--24 {
    margin-top: -24px !important;
  }
  .sm\:m--24,
.sm\:me--24,
.sm\:mx--24 {
    margin-right: -24px !important;
  }
  .sm\:m--24,
.sm\:mb--24,
.sm\:my--24 {
    margin-bottom: -24px !important;
  }
  .sm\:m--24,
.sm\:ms--24,
.sm\:mx--24 {
    margin-left: -24px !important;
  }
  .sm\:m--22,
.sm\:mt--22,
.sm\:my--22 {
    margin-top: -22px !important;
  }
  .sm\:m--22,
.sm\:me--22,
.sm\:mx--22 {
    margin-right: -22px !important;
  }
  .sm\:m--22,
.sm\:mb--22,
.sm\:my--22 {
    margin-bottom: -22px !important;
  }
  .sm\:m--22,
.sm\:ms--22,
.sm\:mx--22 {
    margin-left: -22px !important;
  }
  .sm\:m--20,
.sm\:mt--20,
.sm\:my--20 {
    margin-top: -20px !important;
  }
  .sm\:m--20,
.sm\:me--20,
.sm\:mx--20 {
    margin-right: -20px !important;
  }
  .sm\:m--20,
.sm\:mb--20,
.sm\:my--20 {
    margin-bottom: -20px !important;
  }
  .sm\:m--20,
.sm\:ms--20,
.sm\:mx--20 {
    margin-left: -20px !important;
  }
  .sm\:m--18,
.sm\:mt--18,
.sm\:my--18 {
    margin-top: -18px !important;
  }
  .sm\:m--18,
.sm\:me--18,
.sm\:mx--18 {
    margin-right: -18px !important;
  }
  .sm\:m--18,
.sm\:mb--18,
.sm\:my--18 {
    margin-bottom: -18px !important;
  }
  .sm\:m--18,
.sm\:ms--18,
.sm\:mx--18 {
    margin-left: -18px !important;
  }
  .sm\:m--16,
.sm\:mt--16,
.sm\:my--16 {
    margin-top: -16px !important;
  }
  .sm\:m--16,
.sm\:me--16,
.sm\:mx--16 {
    margin-right: -16px !important;
  }
  .sm\:m--16,
.sm\:mb--16,
.sm\:my--16 {
    margin-bottom: -16px !important;
  }
  .sm\:m--16,
.sm\:ms--16,
.sm\:mx--16 {
    margin-left: -16px !important;
  }
  .sm\:m--14,
.sm\:mt--14,
.sm\:my--14 {
    margin-top: -14px !important;
  }
  .sm\:m--14,
.sm\:me--14,
.sm\:mx--14 {
    margin-right: -14px !important;
  }
  .sm\:m--14,
.sm\:mb--14,
.sm\:my--14 {
    margin-bottom: -14px !important;
  }
  .sm\:m--14,
.sm\:ms--14,
.sm\:mx--14 {
    margin-left: -14px !important;
  }
  .sm\:m--12,
.sm\:mt--12,
.sm\:my--12 {
    margin-top: -12px !important;
  }
  .sm\:m--12,
.sm\:me--12,
.sm\:mx--12 {
    margin-right: -12px !important;
  }
  .sm\:m--12,
.sm\:mb--12,
.sm\:my--12 {
    margin-bottom: -12px !important;
  }
  .sm\:m--12,
.sm\:ms--12,
.sm\:mx--12 {
    margin-left: -12px !important;
  }
  .sm\:m--10,
.sm\:mt--10,
.sm\:my--10 {
    margin-top: -10px !important;
  }
  .sm\:m--10,
.sm\:me--10,
.sm\:mx--10 {
    margin-right: -10px !important;
  }
  .sm\:m--10,
.sm\:mb--10,
.sm\:my--10 {
    margin-bottom: -10px !important;
  }
  .sm\:m--10,
.sm\:ms--10,
.sm\:mx--10 {
    margin-left: -10px !important;
  }
  .sm\:m--8,
.sm\:mt--8,
.sm\:my--8 {
    margin-top: -8px !important;
  }
  .sm\:m--8,
.sm\:me--8,
.sm\:mx--8 {
    margin-right: -8px !important;
  }
  .sm\:m--8,
.sm\:mb--8,
.sm\:my--8 {
    margin-bottom: -8px !important;
  }
  .sm\:m--8,
.sm\:ms--8,
.sm\:mx--8 {
    margin-left: -8px !important;
  }
  .sm\:m--6,
.sm\:mt--6,
.sm\:my--6 {
    margin-top: -6px !important;
  }
  .sm\:m--6,
.sm\:me--6,
.sm\:mx--6 {
    margin-right: -6px !important;
  }
  .sm\:m--6,
.sm\:mb--6,
.sm\:my--6 {
    margin-bottom: -6px !important;
  }
  .sm\:m--6,
.sm\:ms--6,
.sm\:mx--6 {
    margin-left: -6px !important;
  }
  .sm\:m--4,
.sm\:mt--4,
.sm\:my--4 {
    margin-top: -4px !important;
  }
  .sm\:m--4,
.sm\:me--4,
.sm\:mx--4 {
    margin-right: -4px !important;
  }
  .sm\:m--4,
.sm\:mb--4,
.sm\:my--4 {
    margin-bottom: -4px !important;
  }
  .sm\:m--4,
.sm\:ms--4,
.sm\:mx--4 {
    margin-left: -4px !important;
  }
  .sm\:m--2,
.sm\:mt--2,
.sm\:my--2 {
    margin-top: -2px !important;
  }
  .sm\:m--2,
.sm\:me--2,
.sm\:mx--2 {
    margin-right: -2px !important;
  }
  .sm\:m--2,
.sm\:mb--2,
.sm\:my--2 {
    margin-bottom: -2px !important;
  }
  .sm\:m--2,
.sm\:ms--2,
.sm\:mx--2 {
    margin-left: -2px !important;
  }
  .sm\:m-0,
.sm\:mt-0,
.sm\:my-0 {
    margin-top: 0px !important;
  }
  .sm\:m-0,
.sm\:me-0,
.sm\:mx-0 {
    margin-right: 0px !important;
  }
  .sm\:m-0,
.sm\:mb-0,
.sm\:my-0 {
    margin-bottom: 0px !important;
  }
  .sm\:m-0,
.sm\:ms-0,
.sm\:mx-0 {
    margin-left: 0px !important;
  }
  .sm\:m-2,
.sm\:mt-2,
.sm\:my-2 {
    margin-top: 2px !important;
  }
  .sm\:m-2,
.sm\:me-2,
.sm\:mx-2 {
    margin-right: 2px !important;
  }
  .sm\:m-2,
.sm\:mb-2,
.sm\:my-2 {
    margin-bottom: 2px !important;
  }
  .sm\:m-2,
.sm\:ms-2,
.sm\:mx-2 {
    margin-left: 2px !important;
  }
  .sm\:m-4,
.sm\:mt-4,
.sm\:my-4 {
    margin-top: 4px !important;
  }
  .sm\:m-4,
.sm\:me-4,
.sm\:mx-4 {
    margin-right: 4px !important;
  }
  .sm\:m-4,
.sm\:mb-4,
.sm\:my-4 {
    margin-bottom: 4px !important;
  }
  .sm\:m-4,
.sm\:ms-4,
.sm\:mx-4 {
    margin-left: 4px !important;
  }
  .sm\:m-6,
.sm\:mt-6,
.sm\:my-6 {
    margin-top: 6px !important;
  }
  .sm\:m-6,
.sm\:me-6,
.sm\:mx-6 {
    margin-right: 6px !important;
  }
  .sm\:m-6,
.sm\:mb-6,
.sm\:my-6 {
    margin-bottom: 6px !important;
  }
  .sm\:m-6,
.sm\:ms-6,
.sm\:mx-6 {
    margin-left: 6px !important;
  }
  .sm\:m-8,
.sm\:mt-8,
.sm\:my-8 {
    margin-top: 8px !important;
  }
  .sm\:m-8,
.sm\:me-8,
.sm\:mx-8 {
    margin-right: 8px !important;
  }
  .sm\:m-8,
.sm\:mb-8,
.sm\:my-8 {
    margin-bottom: 8px !important;
  }
  .sm\:m-8,
.sm\:ms-8,
.sm\:mx-8 {
    margin-left: 8px !important;
  }
  .sm\:m-10,
.sm\:mt-10,
.sm\:my-10 {
    margin-top: 10px !important;
  }
  .sm\:m-10,
.sm\:me-10,
.sm\:mx-10 {
    margin-right: 10px !important;
  }
  .sm\:m-10,
.sm\:mb-10,
.sm\:my-10 {
    margin-bottom: 10px !important;
  }
  .sm\:m-10,
.sm\:ms-10,
.sm\:mx-10 {
    margin-left: 10px !important;
  }
  .sm\:m-12,
.sm\:mt-12,
.sm\:my-12 {
    margin-top: 12px !important;
  }
  .sm\:m-12,
.sm\:me-12,
.sm\:mx-12 {
    margin-right: 12px !important;
  }
  .sm\:m-12,
.sm\:mb-12,
.sm\:my-12 {
    margin-bottom: 12px !important;
  }
  .sm\:m-12,
.sm\:ms-12,
.sm\:mx-12 {
    margin-left: 12px !important;
  }
  .sm\:m-14,
.sm\:mt-14,
.sm\:my-14 {
    margin-top: 14px !important;
  }
  .sm\:m-14,
.sm\:me-14,
.sm\:mx-14 {
    margin-right: 14px !important;
  }
  .sm\:m-14,
.sm\:mb-14,
.sm\:my-14 {
    margin-bottom: 14px !important;
  }
  .sm\:m-14,
.sm\:ms-14,
.sm\:mx-14 {
    margin-left: 14px !important;
  }
  .sm\:m-16,
.sm\:mt-16,
.sm\:my-16 {
    margin-top: 16px !important;
  }
  .sm\:m-16,
.sm\:me-16,
.sm\:mx-16 {
    margin-right: 16px !important;
  }
  .sm\:m-16,
.sm\:mb-16,
.sm\:my-16 {
    margin-bottom: 16px !important;
  }
  .sm\:m-16,
.sm\:ms-16,
.sm\:mx-16 {
    margin-left: 16px !important;
  }
  .sm\:m-18,
.sm\:mt-18,
.sm\:my-18 {
    margin-top: 18px !important;
  }
  .sm\:m-18,
.sm\:me-18,
.sm\:mx-18 {
    margin-right: 18px !important;
  }
  .sm\:m-18,
.sm\:mb-18,
.sm\:my-18 {
    margin-bottom: 18px !important;
  }
  .sm\:m-18,
.sm\:ms-18,
.sm\:mx-18 {
    margin-left: 18px !important;
  }
  .sm\:m-20,
.sm\:mt-20,
.sm\:my-20 {
    margin-top: 20px !important;
  }
  .sm\:m-20,
.sm\:me-20,
.sm\:mx-20 {
    margin-right: 20px !important;
  }
  .sm\:m-20,
.sm\:mb-20,
.sm\:my-20 {
    margin-bottom: 20px !important;
  }
  .sm\:m-20,
.sm\:ms-20,
.sm\:mx-20 {
    margin-left: 20px !important;
  }
  .sm\:m-22,
.sm\:mt-22,
.sm\:my-22 {
    margin-top: 22px !important;
  }
  .sm\:m-22,
.sm\:me-22,
.sm\:mx-22 {
    margin-right: 22px !important;
  }
  .sm\:m-22,
.sm\:mb-22,
.sm\:my-22 {
    margin-bottom: 22px !important;
  }
  .sm\:m-22,
.sm\:ms-22,
.sm\:mx-22 {
    margin-left: 22px !important;
  }
  .sm\:m-24,
.sm\:mt-24,
.sm\:my-24 {
    margin-top: 24px !important;
  }
  .sm\:m-24,
.sm\:me-24,
.sm\:mx-24 {
    margin-right: 24px !important;
  }
  .sm\:m-24,
.sm\:mb-24,
.sm\:my-24 {
    margin-bottom: 24px !important;
  }
  .sm\:m-24,
.sm\:ms-24,
.sm\:mx-24 {
    margin-left: 24px !important;
  }
  .sm\:m-26,
.sm\:mt-26,
.sm\:my-26 {
    margin-top: 26px !important;
  }
  .sm\:m-26,
.sm\:me-26,
.sm\:mx-26 {
    margin-right: 26px !important;
  }
  .sm\:m-26,
.sm\:mb-26,
.sm\:my-26 {
    margin-bottom: 26px !important;
  }
  .sm\:m-26,
.sm\:ms-26,
.sm\:mx-26 {
    margin-left: 26px !important;
  }
  .sm\:m-28,
.sm\:mt-28,
.sm\:my-28 {
    margin-top: 28px !important;
  }
  .sm\:m-28,
.sm\:me-28,
.sm\:mx-28 {
    margin-right: 28px !important;
  }
  .sm\:m-28,
.sm\:mb-28,
.sm\:my-28 {
    margin-bottom: 28px !important;
  }
  .sm\:m-28,
.sm\:ms-28,
.sm\:mx-28 {
    margin-left: 28px !important;
  }
  .sm\:m-30,
.sm\:mt-30,
.sm\:my-30 {
    margin-top: 30px !important;
  }
  .sm\:m-30,
.sm\:me-30,
.sm\:mx-30 {
    margin-right: 30px !important;
  }
  .sm\:m-30,
.sm\:mb-30,
.sm\:my-30 {
    margin-bottom: 30px !important;
  }
  .sm\:m-30,
.sm\:ms-30,
.sm\:mx-30 {
    margin-left: 30px !important;
  }
  .sm\:m-32,
.sm\:mt-32,
.sm\:my-32 {
    margin-top: 32px !important;
  }
  .sm\:m-32,
.sm\:me-32,
.sm\:mx-32 {
    margin-right: 32px !important;
  }
  .sm\:m-32,
.sm\:mb-32,
.sm\:my-32 {
    margin-bottom: 32px !important;
  }
  .sm\:m-32,
.sm\:ms-32,
.sm\:mx-32 {
    margin-left: 32px !important;
  }
  .sm\:m-34,
.sm\:mt-34,
.sm\:my-34 {
    margin-top: 34px !important;
  }
  .sm\:m-34,
.sm\:me-34,
.sm\:mx-34 {
    margin-right: 34px !important;
  }
  .sm\:m-34,
.sm\:mb-34,
.sm\:my-34 {
    margin-bottom: 34px !important;
  }
  .sm\:m-34,
.sm\:ms-34,
.sm\:mx-34 {
    margin-left: 34px !important;
  }
  .sm\:m-36,
.sm\:mt-36,
.sm\:my-36 {
    margin-top: 36px !important;
  }
  .sm\:m-36,
.sm\:me-36,
.sm\:mx-36 {
    margin-right: 36px !important;
  }
  .sm\:m-36,
.sm\:mb-36,
.sm\:my-36 {
    margin-bottom: 36px !important;
  }
  .sm\:m-36,
.sm\:ms-36,
.sm\:mx-36 {
    margin-left: 36px !important;
  }
  .sm\:m-38,
.sm\:mt-38,
.sm\:my-38 {
    margin-top: 38px !important;
  }
  .sm\:m-38,
.sm\:me-38,
.sm\:mx-38 {
    margin-right: 38px !important;
  }
  .sm\:m-38,
.sm\:mb-38,
.sm\:my-38 {
    margin-bottom: 38px !important;
  }
  .sm\:m-38,
.sm\:ms-38,
.sm\:mx-38 {
    margin-left: 38px !important;
  }
  .sm\:m-40,
.sm\:mt-40,
.sm\:my-40 {
    margin-top: 40px !important;
  }
  .sm\:m-40,
.sm\:me-40,
.sm\:mx-40 {
    margin-right: 40px !important;
  }
  .sm\:m-40,
.sm\:mb-40,
.sm\:my-40 {
    margin-bottom: 40px !important;
  }
  .sm\:m-40,
.sm\:ms-40,
.sm\:mx-40 {
    margin-left: 40px !important;
  }
  .sm\:m-42,
.sm\:mt-42,
.sm\:my-42 {
    margin-top: 42px !important;
  }
  .sm\:m-42,
.sm\:me-42,
.sm\:mx-42 {
    margin-right: 42px !important;
  }
  .sm\:m-42,
.sm\:mb-42,
.sm\:my-42 {
    margin-bottom: 42px !important;
  }
  .sm\:m-42,
.sm\:ms-42,
.sm\:mx-42 {
    margin-left: 42px !important;
  }
  .sm\:m-44,
.sm\:mt-44,
.sm\:my-44 {
    margin-top: 44px !important;
  }
  .sm\:m-44,
.sm\:me-44,
.sm\:mx-44 {
    margin-right: 44px !important;
  }
  .sm\:m-44,
.sm\:mb-44,
.sm\:my-44 {
    margin-bottom: 44px !important;
  }
  .sm\:m-44,
.sm\:ms-44,
.sm\:mx-44 {
    margin-left: 44px !important;
  }
  .sm\:m-46,
.sm\:mt-46,
.sm\:my-46 {
    margin-top: 46px !important;
  }
  .sm\:m-46,
.sm\:me-46,
.sm\:mx-46 {
    margin-right: 46px !important;
  }
  .sm\:m-46,
.sm\:mb-46,
.sm\:my-46 {
    margin-bottom: 46px !important;
  }
  .sm\:m-46,
.sm\:ms-46,
.sm\:mx-46 {
    margin-left: 46px !important;
  }
  .sm\:m-48,
.sm\:mt-48,
.sm\:my-48 {
    margin-top: 48px !important;
  }
  .sm\:m-48,
.sm\:me-48,
.sm\:mx-48 {
    margin-right: 48px !important;
  }
  .sm\:m-48,
.sm\:mb-48,
.sm\:my-48 {
    margin-bottom: 48px !important;
  }
  .sm\:m-48,
.sm\:ms-48,
.sm\:mx-48 {
    margin-left: 48px !important;
  }
  .sm\:m-50,
.sm\:mt-50,
.sm\:my-50 {
    margin-top: 50px !important;
  }
  .sm\:m-50,
.sm\:me-50,
.sm\:mx-50 {
    margin-right: 50px !important;
  }
  .sm\:m-50,
.sm\:mb-50,
.sm\:my-50 {
    margin-bottom: 50px !important;
  }
  .sm\:m-50,
.sm\:ms-50,
.sm\:mx-50 {
    margin-left: 50px !important;
  }
  .sm\:m-52,
.sm\:mt-52,
.sm\:my-52 {
    margin-top: 52px !important;
  }
  .sm\:m-52,
.sm\:me-52,
.sm\:mx-52 {
    margin-right: 52px !important;
  }
  .sm\:m-52,
.sm\:mb-52,
.sm\:my-52 {
    margin-bottom: 52px !important;
  }
  .sm\:m-52,
.sm\:ms-52,
.sm\:mx-52 {
    margin-left: 52px !important;
  }
  .sm\:m-54,
.sm\:mt-54,
.sm\:my-54 {
    margin-top: 54px !important;
  }
  .sm\:m-54,
.sm\:me-54,
.sm\:mx-54 {
    margin-right: 54px !important;
  }
  .sm\:m-54,
.sm\:mb-54,
.sm\:my-54 {
    margin-bottom: 54px !important;
  }
  .sm\:m-54,
.sm\:ms-54,
.sm\:mx-54 {
    margin-left: 54px !important;
  }
  .sm\:m-56,
.sm\:mt-56,
.sm\:my-56 {
    margin-top: 56px !important;
  }
  .sm\:m-56,
.sm\:me-56,
.sm\:mx-56 {
    margin-right: 56px !important;
  }
  .sm\:m-56,
.sm\:mb-56,
.sm\:my-56 {
    margin-bottom: 56px !important;
  }
  .sm\:m-56,
.sm\:ms-56,
.sm\:mx-56 {
    margin-left: 56px !important;
  }
  .sm\:m-58,
.sm\:mt-58,
.sm\:my-58 {
    margin-top: 58px !important;
  }
  .sm\:m-58,
.sm\:me-58,
.sm\:mx-58 {
    margin-right: 58px !important;
  }
  .sm\:m-58,
.sm\:mb-58,
.sm\:my-58 {
    margin-bottom: 58px !important;
  }
  .sm\:m-58,
.sm\:ms-58,
.sm\:mx-58 {
    margin-left: 58px !important;
  }
  .sm\:m-60,
.sm\:mt-60,
.sm\:my-60 {
    margin-top: 60px !important;
  }
  .sm\:m-60,
.sm\:me-60,
.sm\:mx-60 {
    margin-right: 60px !important;
  }
  .sm\:m-60,
.sm\:mb-60,
.sm\:my-60 {
    margin-bottom: 60px !important;
  }
  .sm\:m-60,
.sm\:ms-60,
.sm\:mx-60 {
    margin-left: 60px !important;
  }
  .sm\:fs-10 {
    font-size: 10px !important;
  }
  .sm\:fs-11 {
    font-size: 11px !important;
  }
  .sm\:fs-12 {
    font-size: 12px !important;
  }
  .sm\:fs-13 {
    font-size: 13px !important;
  }
  .sm\:fs-14 {
    font-size: 14px !important;
  }
  .sm\:fs-15 {
    font-size: 15px !important;
  }
  .sm\:fs-16 {
    font-size: 16px !important;
  }
  .sm\:fs-17 {
    font-size: 17px !important;
  }
  .sm\:fs-18 {
    font-size: 18px !important;
  }
  .sm\:fs-19 {
    font-size: 19px !important;
  }
  .sm\:fs-20 {
    font-size: 20px !important;
  }
  .sm\:fs-21 {
    font-size: 21px !important;
  }
  .sm\:fs-22 {
    font-size: 22px !important;
  }
  .sm\:fs-23 {
    font-size: 23px !important;
  }
  .sm\:fs-24 {
    font-size: 24px !important;
  }
  .sm\:fs-25 {
    font-size: 25px !important;
  }
  .sm\:fs-26 {
    font-size: 26px !important;
  }
  .sm\:fs-27 {
    font-size: 27px !important;
  }
  .sm\:fs-28 {
    font-size: 28px !important;
  }
  .sm\:fs-29 {
    font-size: 29px !important;
  }
  .sm\:fs-30 {
    font-size: 30px !important;
  }
  .sm\:fw-100 {
    font-weight: 100 !important;
  }
  .sm\:fw-200 {
    font-weight: 200 !important;
  }
  .sm\:fw-300 {
    font-weight: 300 !important;
  }
  .sm\:fw-400 {
    font-weight: 400 !important;
  }
  .sm\:fw-500 {
    font-weight: 500 !important;
  }
  .sm\:fw-600 {
    font-weight: 600 !important;
  }
  .sm\:fw-700 {
    font-weight: 700 !important;
  }
  .sm\:fw-800 {
    font-weight: 800 !important;
  }
  .sm\:fw-900 {
    font-weight: 900 !important;
  }
  .sm\:lh-14 {
    line-height: 14px !important;
  }
  .sm\:lh-15 {
    line-height: 15px !important;
  }
  .sm\:lh-16 {
    line-height: 16px !important;
  }
  .sm\:lh-17 {
    line-height: 17px !important;
  }
  .sm\:lh-18 {
    line-height: 18px !important;
  }
  .sm\:lh-19 {
    line-height: 19px !important;
  }
  .sm\:lh-20 {
    line-height: 20px !important;
  }
  .sm\:lh-21 {
    line-height: 21px !important;
  }
  .sm\:lh-22 {
    line-height: 22px !important;
  }
  .sm\:lh-23 {
    line-height: 23px !important;
  }
  .sm\:lh-24 {
    line-height: 24px !important;
  }
  .sm\:lh-25 {
    line-height: 25px !important;
  }
  .sm\:lh-26 {
    line-height: 26px !important;
  }
  .sm\:lh-27 {
    line-height: 27px !important;
  }
  .sm\:lh-28 {
    line-height: 28px !important;
  }
  .sm\:lh-29 {
    line-height: 29px !important;
  }
  .sm\:lh-30 {
    line-height: 30px !important;
  }
  .sm\:lh-31 {
    line-height: 31px !important;
  }
  .sm\:lh-32 {
    line-height: 32px !important;
  }
  .sm\:lh-33 {
    line-height: 33px !important;
  }
  .sm\:lh-34 {
    line-height: 34px !important;
  }
  .sm\:lh-35 {
    line-height: 35px !important;
  }
  .sm\:lh-36 {
    line-height: 36px !important;
  }
  .sm\:lh-37 {
    line-height: 37px !important;
  }
  .sm\:lh-38 {
    line-height: 38px !important;
  }
  .sm\:lh-39 {
    line-height: 39px !important;
  }
  .sm\:lh-40 {
    line-height: 40px !important;
  }
  tbody .auction-status .time-left {
    font-size: 16px;
  }
  tbody .auction-status .time-left .time-left .end {
    font-weight: 400;
  }
  .bidding-overview .bidding-info-ended .ended-user {
    font-weight: 400;
  }
  .bidding-overview .bidding-table .table-body .table-cell {
    font-size: 14px;
  }
  #auctionDetailPage .other-auctions-title {
    padding: 0;
  }
  #aboutPage .contact .btn.btn-gradient-blue.btn-lg {
    width: 294px;
  }
}

@media (min-width: 768px){
  .md\:radius-0,
.md\:radius-l-0,
.md\:radius-tl-0 {
    border-top-left-radius: 0px;
  }
  .md\:radius-0,
.md\:radius-l-0,
.md\:radius-bl-0 {
    border-bottom-left-radius: 0px;
  }
  .md\:radius-0,
.md\:radius-r-0,
.md\:radius-tr-0 {
    border-top-right-radius: 0px;
  }
  .md\:radius-0,
.md\:radius-r-0,
.md\:radius-br-0 {
    border-bottom-right-radius: 0px;
  }
  .md\:radius-2,
.md\:radius-l-2,
.md\:radius-tl-2 {
    border-top-left-radius: 2px;
  }
  .md\:radius-2,
.md\:radius-l-2,
.md\:radius-bl-2 {
    border-bottom-left-radius: 2px;
  }
  .md\:radius-2,
.md\:radius-r-2,
.md\:radius-tr-2 {
    border-top-right-radius: 2px;
  }
  .md\:radius-2,
.md\:radius-r-2,
.md\:radius-br-2 {
    border-bottom-right-radius: 2px;
  }
  .md\:radius-4,
.md\:radius-l-4,
.md\:radius-tl-4 {
    border-top-left-radius: 4px;
  }
  .md\:radius-4,
.md\:radius-l-4,
.md\:radius-bl-4 {
    border-bottom-left-radius: 4px;
  }
  .md\:radius-4,
.md\:radius-r-4,
.md\:radius-tr-4 {
    border-top-right-radius: 4px;
  }
  .md\:radius-4,
.md\:radius-r-4,
.md\:radius-br-4 {
    border-bottom-right-radius: 4px;
  }
  .md\:radius-6,
.md\:radius-l-6,
.md\:radius-tl-6 {
    border-top-left-radius: 6px;
  }
  .md\:radius-6,
.md\:radius-l-6,
.md\:radius-bl-6 {
    border-bottom-left-radius: 6px;
  }
  .md\:radius-6,
.md\:radius-r-6,
.md\:radius-tr-6 {
    border-top-right-radius: 6px;
  }
  .md\:radius-6,
.md\:radius-r-6,
.md\:radius-br-6 {
    border-bottom-right-radius: 6px;
  }
  .md\:radius-8,
.md\:radius-l-8,
.md\:radius-tl-8 {
    border-top-left-radius: 8px;
  }
  .md\:radius-8,
.md\:radius-l-8,
.md\:radius-bl-8 {
    border-bottom-left-radius: 8px;
  }
  .md\:radius-8,
.md\:radius-r-8,
.md\:radius-tr-8 {
    border-top-right-radius: 8px;
  }
  .md\:radius-8,
.md\:radius-r-8,
.md\:radius-br-8 {
    border-bottom-right-radius: 8px;
  }
  .md\:radius-10,
.md\:radius-l-10,
.md\:radius-tl-10 {
    border-top-left-radius: 10px;
  }
  .md\:radius-10,
.md\:radius-l-10,
.md\:radius-bl-10 {
    border-bottom-left-radius: 10px;
  }
  .md\:radius-10,
.md\:radius-r-10,
.md\:radius-tr-10 {
    border-top-right-radius: 10px;
  }
  .md\:radius-10,
.md\:radius-r-10,
.md\:radius-br-10 {
    border-bottom-right-radius: 10px;
  }
  .md\:radius-12,
.md\:radius-l-12,
.md\:radius-tl-12 {
    border-top-left-radius: 12px;
  }
  .md\:radius-12,
.md\:radius-l-12,
.md\:radius-bl-12 {
    border-bottom-left-radius: 12px;
  }
  .md\:radius-12,
.md\:radius-r-12,
.md\:radius-tr-12 {
    border-top-right-radius: 12px;
  }
  .md\:radius-12,
.md\:radius-r-12,
.md\:radius-br-12 {
    border-bottom-right-radius: 12px;
  }
  .md\:radius-14,
.md\:radius-l-14,
.md\:radius-tl-14 {
    border-top-left-radius: 14px;
  }
  .md\:radius-14,
.md\:radius-l-14,
.md\:radius-bl-14 {
    border-bottom-left-radius: 14px;
  }
  .md\:radius-14,
.md\:radius-r-14,
.md\:radius-tr-14 {
    border-top-right-radius: 14px;
  }
  .md\:radius-14,
.md\:radius-r-14,
.md\:radius-br-14 {
    border-bottom-right-radius: 14px;
  }
  .md\:radius-16,
.md\:radius-l-16,
.md\:radius-tl-16 {
    border-top-left-radius: 16px;
  }
  .md\:radius-16,
.md\:radius-l-16,
.md\:radius-bl-16 {
    border-bottom-left-radius: 16px;
  }
  .md\:radius-16,
.md\:radius-r-16,
.md\:radius-tr-16 {
    border-top-right-radius: 16px;
  }
  .md\:radius-16,
.md\:radius-r-16,
.md\:radius-br-16 {
    border-bottom-right-radius: 16px;
  }
  .md\:radius-18,
.md\:radius-l-18,
.md\:radius-tl-18 {
    border-top-left-radius: 18px;
  }
  .md\:radius-18,
.md\:radius-l-18,
.md\:radius-bl-18 {
    border-bottom-left-radius: 18px;
  }
  .md\:radius-18,
.md\:radius-r-18,
.md\:radius-tr-18 {
    border-top-right-radius: 18px;
  }
  .md\:radius-18,
.md\:radius-r-18,
.md\:radius-br-18 {
    border-bottom-right-radius: 18px;
  }
  .md\:radius-20,
.md\:radius-l-20,
.md\:radius-tl-20 {
    border-top-left-radius: 20px;
  }
  .md\:radius-20,
.md\:radius-l-20,
.md\:radius-bl-20 {
    border-bottom-left-radius: 20px;
  }
  .md\:radius-20,
.md\:radius-r-20,
.md\:radius-tr-20 {
    border-top-right-radius: 20px;
  }
  .md\:radius-20,
.md\:radius-r-20,
.md\:radius-br-20 {
    border-bottom-right-radius: 20px;
  }
  .md\:radius-full {
    border-radius: 100%;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-column {
    flex-direction: column;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse;
  }
  .md\:flex-initial {
    flex-direction: initial;
  }
  .md\:flex-inherit {
    flex-direction: inherit;
  }
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-start {
    text-align: start !important;
  }
  .md\:text-end {
    text-align: end !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .md\:vertical-align-top {
    vertical-align: top !important;
  }
  .md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .md\:d-none {
    display: none !important;
  }
  .md\:d-inline {
    display: inline !important;
  }
  .md\:d-block {
    display: block !important;
  }
  .md\:d-inline-block {
    display: inline-block !important;
  }
  .md\:d-flex {
    display: flex !important;
  }
  .md\:d-inline-flex {
    display: inline-flex !important;
  }
  .md\:d-grid {
    display: grid !important;
  }
  .md\:d-inline-grid {
    display: inline-grid !important;
  }
  .md\:d-initial {
    display: initial !important;
  }
  .md\:d-inherit {
    display: inherit !important;
  }
  .md\:d-table-row {
    display: table-row !important;
  }
  .md\:d-table-cell {
    display: table-cell !important;
  }
  .md\:d-table-row-group {
    display: table-row-group !important;
  }
  .md\:d-table-column-group {
    display: table-column-group !important;
  }
  .md\:d-table-header-group {
    display: table-header-group !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-flex-start {
    align-items: flex-start !important;
  }
  .md\:align-items-flex-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
  .md\:align-items-initial {
    align-items: initial !important;
  }
  .md\:align-items-inherit {
    align-items: inherit !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
  .md\:justify-content-initial {
    justify-content: initial !important;
  }
  .md\:justify-content-inherit {
    justify-content: inherit !important;
  }
  .md\:grid-gap-0 {
    gap: 0px;
  }
  .md\:grid-gap-1 {
    gap: 1px;
  }
  .md\:grid-gap-2 {
    gap: 2px;
  }
  .md\:grid-gap-3 {
    gap: 3px;
  }
  .md\:grid-gap-4 {
    gap: 4px;
  }
  .md\:grid-gap-5 {
    gap: 5px;
  }
  .md\:grid-gap-6 {
    gap: 6px;
  }
  .md\:grid-gap-7 {
    gap: 7px;
  }
  .md\:grid-gap-8 {
    gap: 8px;
  }
  .md\:grid-gap-9 {
    gap: 9px;
  }
  .md\:grid-gap-10 {
    gap: 10px;
  }
  .md\:grid-gap-11 {
    gap: 11px;
  }
  .md\:grid-gap-12 {
    gap: 12px;
  }
  .md\:grid-gap-13 {
    gap: 13px;
  }
  .md\:grid-gap-14 {
    gap: 14px;
  }
  .md\:grid-gap-15 {
    gap: 15px;
  }
  .md\:grid-gap-16 {
    gap: 16px;
  }
  .md\:grid-gap-17 {
    gap: 17px;
  }
  .md\:grid-gap-18 {
    gap: 18px;
  }
  .md\:grid-gap-19 {
    gap: 19px;
  }
  .md\:grid-gap-20 {
    gap: 20px;
  }
  .md\:grid-gap-21 {
    gap: 21px;
  }
  .md\:grid-gap-22 {
    gap: 22px;
  }
  .md\:grid-gap-23 {
    gap: 23px;
  }
  .md\:grid-gap-24 {
    gap: 24px;
  }
  .md\:grid-gap-25 {
    gap: 25px;
  }
  .md\:grid-gap-26 {
    gap: 26px;
  }
  .md\:grid-gap-27 {
    gap: 27px;
  }
  .md\:grid-gap-28 {
    gap: 28px;
  }
  .md\:grid-gap-29 {
    gap: 29px;
  }
  .md\:grid-gap-30 {
    gap: 30px;
  }
  .md\:grid-gap-31 {
    gap: 31px;
  }
  .md\:grid-gap-32 {
    gap: 32px;
  }
  .md\:grid-gap-33 {
    gap: 33px;
  }
  .md\:grid-gap-34 {
    gap: 34px;
  }
  .md\:grid-gap-35 {
    gap: 35px;
  }
  .md\:grid-gap-36 {
    gap: 36px;
  }
  .md\:grid-gap-37 {
    gap: 37px;
  }
  .md\:grid-gap-38 {
    gap: 38px;
  }
  .md\:grid-gap-39 {
    gap: 39px;
  }
  .md\:grid-gap-40 {
    gap: 40px;
  }
  .md\:grid-column-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .md\:grid-span-1 {
    grid-column: auto/span 1;
  }
  .md\:grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .md\:grid-span-2 {
    grid-column: auto/span 2;
  }
  .md\:grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .md\:grid-span-3 {
    grid-column: auto/span 3;
  }
  .md\:grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .md\:grid-span-4 {
    grid-column: auto/span 4;
  }
  .md\:grid-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .md\:grid-span-5 {
    grid-column: auto/span 5;
  }
  .md\:grid-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .md\:grid-span-6 {
    grid-column: auto/span 6;
  }
  .md\:grid-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .md\:grid-span-7 {
    grid-column: auto/span 7;
  }
  .md\:grid-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .md\:grid-span-8 {
    grid-column: auto/span 8;
  }
  .md\:grid-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .md\:grid-span-9 {
    grid-column: auto/span 9;
  }
  .md\:grid-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .md\:grid-span-10 {
    grid-column: auto/span 10;
  }
  .md\:grid-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .md\:grid-span-11 {
    grid-column: auto/span 11;
  }
  .md\:grid-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .md\:grid-span-12 {
    grid-column: auto/span 12;
  }
  .md\:grid-column-13 {
    grid-template-columns: repeat(13, 1fr);
  }
  .md\:grid-span-13 {
    grid-column: auto/span 13;
  }
  .md\:grid-column-14 {
    grid-template-columns: repeat(14, 1fr);
  }
  .md\:grid-span-14 {
    grid-column: auto/span 14;
  }
  .md\:grid-column-15 {
    grid-template-columns: repeat(15, 1fr);
  }
  .md\:grid-span-15 {
    grid-column: auto/span 15;
  }
  .md\:grid-column-16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .md\:grid-span-16 {
    grid-column: auto/span 16;
  }
  .md\:grid-column-17 {
    grid-template-columns: repeat(17, 1fr);
  }
  .md\:grid-span-17 {
    grid-column: auto/span 17;
  }
  .md\:grid-column-18 {
    grid-template-columns: repeat(18, 1fr);
  }
  .md\:grid-span-18 {
    grid-column: auto/span 18;
  }
  .md\:grid-column-19 {
    grid-template-columns: repeat(19, 1fr);
  }
  .md\:grid-span-19 {
    grid-column: auto/span 19;
  }
  .md\:grid-column-20 {
    grid-template-columns: repeat(20, 1fr);
  }
  .md\:grid-span-20 {
    grid-column: auto/span 20;
  }
  .md\:grid-column-21 {
    grid-template-columns: repeat(21, 1fr);
  }
  .md\:grid-span-21 {
    grid-column: auto/span 21;
  }
  .md\:grid-column-22 {
    grid-template-columns: repeat(22, 1fr);
  }
  .md\:grid-span-22 {
    grid-column: auto/span 22;
  }
  .md\:grid-column-23 {
    grid-template-columns: repeat(23, 1fr);
  }
  .md\:grid-span-23 {
    grid-column: auto/span 23;
  }
  .md\:grid-column-24 {
    grid-template-columns: repeat(24, 1fr);
  }
  .md\:grid-span-24 {
    grid-column: auto/span 24;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:bottom-0 {
    bottom: 0px !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:top-2 {
    top: 2px !important;
  }
  .md\:right-2 {
    right: 2px !important;
  }
  .md\:bottom-2 {
    bottom: 2px !important;
  }
  .md\:left-2 {
    left: 2px !important;
  }
  .md\:top-4 {
    top: 4px !important;
  }
  .md\:right-4 {
    right: 4px !important;
  }
  .md\:bottom-4 {
    bottom: 4px !important;
  }
  .md\:left-4 {
    left: 4px !important;
  }
  .md\:top-6 {
    top: 6px !important;
  }
  .md\:right-6 {
    right: 6px !important;
  }
  .md\:bottom-6 {
    bottom: 6px !important;
  }
  .md\:left-6 {
    left: 6px !important;
  }
  .md\:top-8 {
    top: 8px !important;
  }
  .md\:right-8 {
    right: 8px !important;
  }
  .md\:bottom-8 {
    bottom: 8px !important;
  }
  .md\:left-8 {
    left: 8px !important;
  }
  .md\:top-10 {
    top: 10px !important;
  }
  .md\:right-10 {
    right: 10px !important;
  }
  .md\:bottom-10 {
    bottom: 10px !important;
  }
  .md\:left-10 {
    left: 10px !important;
  }
  .md\:top-12 {
    top: 12px !important;
  }
  .md\:right-12 {
    right: 12px !important;
  }
  .md\:bottom-12 {
    bottom: 12px !important;
  }
  .md\:left-12 {
    left: 12px !important;
  }
  .md\:top-14 {
    top: 14px !important;
  }
  .md\:right-14 {
    right: 14px !important;
  }
  .md\:bottom-14 {
    bottom: 14px !important;
  }
  .md\:left-14 {
    left: 14px !important;
  }
  .md\:top-16 {
    top: 16px !important;
  }
  .md\:right-16 {
    right: 16px !important;
  }
  .md\:bottom-16 {
    bottom: 16px !important;
  }
  .md\:left-16 {
    left: 16px !important;
  }
  .md\:top-18 {
    top: 18px !important;
  }
  .md\:right-18 {
    right: 18px !important;
  }
  .md\:bottom-18 {
    bottom: 18px !important;
  }
  .md\:left-18 {
    left: 18px !important;
  }
  .md\:top-20 {
    top: 20px !important;
  }
  .md\:right-20 {
    right: 20px !important;
  }
  .md\:bottom-20 {
    bottom: 20px !important;
  }
  .md\:left-20 {
    left: 20px !important;
  }
  .md\:top-22 {
    top: 22px !important;
  }
  .md\:right-22 {
    right: 22px !important;
  }
  .md\:bottom-22 {
    bottom: 22px !important;
  }
  .md\:left-22 {
    left: 22px !important;
  }
  .md\:top-24 {
    top: 24px !important;
  }
  .md\:right-24 {
    right: 24px !important;
  }
  .md\:bottom-24 {
    bottom: 24px !important;
  }
  .md\:left-24 {
    left: 24px !important;
  }
  .md\:top-26 {
    top: 26px !important;
  }
  .md\:right-26 {
    right: 26px !important;
  }
  .md\:bottom-26 {
    bottom: 26px !important;
  }
  .md\:left-26 {
    left: 26px !important;
  }
  .md\:top-28 {
    top: 28px !important;
  }
  .md\:right-28 {
    right: 28px !important;
  }
  .md\:bottom-28 {
    bottom: 28px !important;
  }
  .md\:left-28 {
    left: 28px !important;
  }
  .md\:top-30 {
    top: 30px !important;
  }
  .md\:right-30 {
    right: 30px !important;
  }
  .md\:bottom-30 {
    bottom: 30px !important;
  }
  .md\:left-30 {
    left: 30px !important;
  }
  .md\:top-32 {
    top: 32px !important;
  }
  .md\:right-32 {
    right: 32px !important;
  }
  .md\:bottom-32 {
    bottom: 32px !important;
  }
  .md\:left-32 {
    left: 32px !important;
  }
  .md\:top-34 {
    top: 34px !important;
  }
  .md\:right-34 {
    right: 34px !important;
  }
  .md\:bottom-34 {
    bottom: 34px !important;
  }
  .md\:left-34 {
    left: 34px !important;
  }
  .md\:top-36 {
    top: 36px !important;
  }
  .md\:right-36 {
    right: 36px !important;
  }
  .md\:bottom-36 {
    bottom: 36px !important;
  }
  .md\:left-36 {
    left: 36px !important;
  }
  .md\:top-38 {
    top: 38px !important;
  }
  .md\:right-38 {
    right: 38px !important;
  }
  .md\:bottom-38 {
    bottom: 38px !important;
  }
  .md\:left-38 {
    left: 38px !important;
  }
  .md\:top-40 {
    top: 40px !important;
  }
  .md\:right-40 {
    right: 40px !important;
  }
  .md\:bottom-40 {
    bottom: 40px !important;
  }
  .md\:left-40 {
    left: 40px !important;
  }
  .md\:top-42 {
    top: 42px !important;
  }
  .md\:right-42 {
    right: 42px !important;
  }
  .md\:bottom-42 {
    bottom: 42px !important;
  }
  .md\:left-42 {
    left: 42px !important;
  }
  .md\:top-44 {
    top: 44px !important;
  }
  .md\:right-44 {
    right: 44px !important;
  }
  .md\:bottom-44 {
    bottom: 44px !important;
  }
  .md\:left-44 {
    left: 44px !important;
  }
  .md\:top-46 {
    top: 46px !important;
  }
  .md\:right-46 {
    right: 46px !important;
  }
  .md\:bottom-46 {
    bottom: 46px !important;
  }
  .md\:left-46 {
    left: 46px !important;
  }
  .md\:top-48 {
    top: 48px !important;
  }
  .md\:right-48 {
    right: 48px !important;
  }
  .md\:bottom-48 {
    bottom: 48px !important;
  }
  .md\:left-48 {
    left: 48px !important;
  }
  .md\:top-50 {
    top: 50px !important;
  }
  .md\:right-50 {
    right: 50px !important;
  }
  .md\:bottom-50 {
    bottom: 50px !important;
  }
  .md\:left-50 {
    left: 50px !important;
  }
  .md\:top-52 {
    top: 52px !important;
  }
  .md\:right-52 {
    right: 52px !important;
  }
  .md\:bottom-52 {
    bottom: 52px !important;
  }
  .md\:left-52 {
    left: 52px !important;
  }
  .md\:top-54 {
    top: 54px !important;
  }
  .md\:right-54 {
    right: 54px !important;
  }
  .md\:bottom-54 {
    bottom: 54px !important;
  }
  .md\:left-54 {
    left: 54px !important;
  }
  .md\:top-56 {
    top: 56px !important;
  }
  .md\:right-56 {
    right: 56px !important;
  }
  .md\:bottom-56 {
    bottom: 56px !important;
  }
  .md\:left-56 {
    left: 56px !important;
  }
  .md\:top-58 {
    top: 58px !important;
  }
  .md\:right-58 {
    right: 58px !important;
  }
  .md\:bottom-58 {
    bottom: 58px !important;
  }
  .md\:left-58 {
    left: 58px !important;
  }
  .md\:top-60 {
    top: 60px !important;
  }
  .md\:right-60 {
    right: 60px !important;
  }
  .md\:bottom-60 {
    bottom: 60px !important;
  }
  .md\:left-60 {
    left: 60px !important;
  }
  .md\:ratio-1\/1 {
    aspect-ratio: 1 / 1;
  }
  .md\:ratio-4\/3 {
    aspect-ratio: 4 / 3;
  }
  .md\:ratio-3\/2 {
    aspect-ratio: 3 / 2;
  }
  .md\:ratio-16\/9 {
    aspect-ratio: 16 / 9;
  }
  .md\:ratio-21\/9 {
    aspect-ratio: 21 / 9;
  }
  .md\:p-0,
.md\:pt-0,
.md\:py-0 {
    padding-top: 0px !important;
  }
  .md\:p-0,
.md\:pe-0,
.md\:px-0 {
    padding-right: 0px !important;
  }
  .md\:p-0,
.md\:pb-0,
.md\:py-0 {
    padding-bottom: 0px !important;
  }
  .md\:p-0,
.md\:ps-0,
.md\:px-0 {
    padding-left: 0px !important;
  }
  .md\:p-2,
.md\:pt-2,
.md\:py-2 {
    padding-top: 2px !important;
  }
  .md\:p-2,
.md\:pe-2,
.md\:px-2 {
    padding-right: 2px !important;
  }
  .md\:p-2,
.md\:pb-2,
.md\:py-2 {
    padding-bottom: 2px !important;
  }
  .md\:p-2,
.md\:ps-2,
.md\:px-2 {
    padding-left: 2px !important;
  }
  .md\:p-4,
.md\:pt-4,
.md\:py-4 {
    padding-top: 4px !important;
  }
  .md\:p-4,
.md\:pe-4,
.md\:px-4 {
    padding-right: 4px !important;
  }
  .md\:p-4,
.md\:pb-4,
.md\:py-4 {
    padding-bottom: 4px !important;
  }
  .md\:p-4,
.md\:ps-4,
.md\:px-4 {
    padding-left: 4px !important;
  }
  .md\:p-6,
.md\:pt-6,
.md\:py-6 {
    padding-top: 6px !important;
  }
  .md\:p-6,
.md\:pe-6,
.md\:px-6 {
    padding-right: 6px !important;
  }
  .md\:p-6,
.md\:pb-6,
.md\:py-6 {
    padding-bottom: 6px !important;
  }
  .md\:p-6,
.md\:ps-6,
.md\:px-6 {
    padding-left: 6px !important;
  }
  .md\:p-8,
.md\:pt-8,
.md\:py-8 {
    padding-top: 8px !important;
  }
  .md\:p-8,
.md\:pe-8,
.md\:px-8 {
    padding-right: 8px !important;
  }
  .md\:p-8,
.md\:pb-8,
.md\:py-8 {
    padding-bottom: 8px !important;
  }
  .md\:p-8,
.md\:ps-8,
.md\:px-8 {
    padding-left: 8px !important;
  }
  .md\:p-10,
.md\:pt-10,
.md\:py-10 {
    padding-top: 10px !important;
  }
  .md\:p-10,
.md\:pe-10,
.md\:px-10 {
    padding-right: 10px !important;
  }
  .md\:p-10,
.md\:pb-10,
.md\:py-10 {
    padding-bottom: 10px !important;
  }
  .md\:p-10,
.md\:ps-10,
.md\:px-10 {
    padding-left: 10px !important;
  }
  .md\:p-12,
.md\:pt-12,
.md\:py-12 {
    padding-top: 12px !important;
  }
  .md\:p-12,
.md\:pe-12,
.md\:px-12 {
    padding-right: 12px !important;
  }
  .md\:p-12,
.md\:pb-12,
.md\:py-12 {
    padding-bottom: 12px !important;
  }
  .md\:p-12,
.md\:ps-12,
.md\:px-12 {
    padding-left: 12px !important;
  }
  .md\:p-14,
.md\:pt-14,
.md\:py-14 {
    padding-top: 14px !important;
  }
  .md\:p-14,
.md\:pe-14,
.md\:px-14 {
    padding-right: 14px !important;
  }
  .md\:p-14,
.md\:pb-14,
.md\:py-14 {
    padding-bottom: 14px !important;
  }
  .md\:p-14,
.md\:ps-14,
.md\:px-14 {
    padding-left: 14px !important;
  }
  .md\:p-16,
.md\:pt-16,
.md\:py-16 {
    padding-top: 16px !important;
  }
  .md\:p-16,
.md\:pe-16,
.md\:px-16 {
    padding-right: 16px !important;
  }
  .md\:p-16,
.md\:pb-16,
.md\:py-16 {
    padding-bottom: 16px !important;
  }
  .md\:p-16,
.md\:ps-16,
.md\:px-16 {
    padding-left: 16px !important;
  }
  .md\:p-18,
.md\:pt-18,
.md\:py-18 {
    padding-top: 18px !important;
  }
  .md\:p-18,
.md\:pe-18,
.md\:px-18 {
    padding-right: 18px !important;
  }
  .md\:p-18,
.md\:pb-18,
.md\:py-18 {
    padding-bottom: 18px !important;
  }
  .md\:p-18,
.md\:ps-18,
.md\:px-18 {
    padding-left: 18px !important;
  }
  .md\:p-20,
.md\:pt-20,
.md\:py-20 {
    padding-top: 20px !important;
  }
  .md\:p-20,
.md\:pe-20,
.md\:px-20 {
    padding-right: 20px !important;
  }
  .md\:p-20,
.md\:pb-20,
.md\:py-20 {
    padding-bottom: 20px !important;
  }
  .md\:p-20,
.md\:ps-20,
.md\:px-20 {
    padding-left: 20px !important;
  }
  .md\:p-22,
.md\:pt-22,
.md\:py-22 {
    padding-top: 22px !important;
  }
  .md\:p-22,
.md\:pe-22,
.md\:px-22 {
    padding-right: 22px !important;
  }
  .md\:p-22,
.md\:pb-22,
.md\:py-22 {
    padding-bottom: 22px !important;
  }
  .md\:p-22,
.md\:ps-22,
.md\:px-22 {
    padding-left: 22px !important;
  }
  .md\:p-24,
.md\:pt-24,
.md\:py-24 {
    padding-top: 24px !important;
  }
  .md\:p-24,
.md\:pe-24,
.md\:px-24 {
    padding-right: 24px !important;
  }
  .md\:p-24,
.md\:pb-24,
.md\:py-24 {
    padding-bottom: 24px !important;
  }
  .md\:p-24,
.md\:ps-24,
.md\:px-24 {
    padding-left: 24px !important;
  }
  .md\:p-26,
.md\:pt-26,
.md\:py-26 {
    padding-top: 26px !important;
  }
  .md\:p-26,
.md\:pe-26,
.md\:px-26 {
    padding-right: 26px !important;
  }
  .md\:p-26,
.md\:pb-26,
.md\:py-26 {
    padding-bottom: 26px !important;
  }
  .md\:p-26,
.md\:ps-26,
.md\:px-26 {
    padding-left: 26px !important;
  }
  .md\:p-28,
.md\:pt-28,
.md\:py-28 {
    padding-top: 28px !important;
  }
  .md\:p-28,
.md\:pe-28,
.md\:px-28 {
    padding-right: 28px !important;
  }
  .md\:p-28,
.md\:pb-28,
.md\:py-28 {
    padding-bottom: 28px !important;
  }
  .md\:p-28,
.md\:ps-28,
.md\:px-28 {
    padding-left: 28px !important;
  }
  .md\:p-30,
.md\:pt-30,
.md\:py-30 {
    padding-top: 30px !important;
  }
  .md\:p-30,
.md\:pe-30,
.md\:px-30 {
    padding-right: 30px !important;
  }
  .md\:p-30,
.md\:pb-30,
.md\:py-30 {
    padding-bottom: 30px !important;
  }
  .md\:p-30,
.md\:ps-30,
.md\:px-30 {
    padding-left: 30px !important;
  }
  .md\:p-32,
.md\:pt-32,
.md\:py-32 {
    padding-top: 32px !important;
  }
  .md\:p-32,
.md\:pe-32,
.md\:px-32 {
    padding-right: 32px !important;
  }
  .md\:p-32,
.md\:pb-32,
.md\:py-32 {
    padding-bottom: 32px !important;
  }
  .md\:p-32,
.md\:ps-32,
.md\:px-32 {
    padding-left: 32px !important;
  }
  .md\:p-34,
.md\:pt-34,
.md\:py-34 {
    padding-top: 34px !important;
  }
  .md\:p-34,
.md\:pe-34,
.md\:px-34 {
    padding-right: 34px !important;
  }
  .md\:p-34,
.md\:pb-34,
.md\:py-34 {
    padding-bottom: 34px !important;
  }
  .md\:p-34,
.md\:ps-34,
.md\:px-34 {
    padding-left: 34px !important;
  }
  .md\:p-36,
.md\:pt-36,
.md\:py-36 {
    padding-top: 36px !important;
  }
  .md\:p-36,
.md\:pe-36,
.md\:px-36 {
    padding-right: 36px !important;
  }
  .md\:p-36,
.md\:pb-36,
.md\:py-36 {
    padding-bottom: 36px !important;
  }
  .md\:p-36,
.md\:ps-36,
.md\:px-36 {
    padding-left: 36px !important;
  }
  .md\:p-38,
.md\:pt-38,
.md\:py-38 {
    padding-top: 38px !important;
  }
  .md\:p-38,
.md\:pe-38,
.md\:px-38 {
    padding-right: 38px !important;
  }
  .md\:p-38,
.md\:pb-38,
.md\:py-38 {
    padding-bottom: 38px !important;
  }
  .md\:p-38,
.md\:ps-38,
.md\:px-38 {
    padding-left: 38px !important;
  }
  .md\:p-40,
.md\:pt-40,
.md\:py-40 {
    padding-top: 40px !important;
  }
  .md\:p-40,
.md\:pe-40,
.md\:px-40 {
    padding-right: 40px !important;
  }
  .md\:p-40,
.md\:pb-40,
.md\:py-40 {
    padding-bottom: 40px !important;
  }
  .md\:p-40,
.md\:ps-40,
.md\:px-40 {
    padding-left: 40px !important;
  }
  .md\:p-42,
.md\:pt-42,
.md\:py-42 {
    padding-top: 42px !important;
  }
  .md\:p-42,
.md\:pe-42,
.md\:px-42 {
    padding-right: 42px !important;
  }
  .md\:p-42,
.md\:pb-42,
.md\:py-42 {
    padding-bottom: 42px !important;
  }
  .md\:p-42,
.md\:ps-42,
.md\:px-42 {
    padding-left: 42px !important;
  }
  .md\:p-44,
.md\:pt-44,
.md\:py-44 {
    padding-top: 44px !important;
  }
  .md\:p-44,
.md\:pe-44,
.md\:px-44 {
    padding-right: 44px !important;
  }
  .md\:p-44,
.md\:pb-44,
.md\:py-44 {
    padding-bottom: 44px !important;
  }
  .md\:p-44,
.md\:ps-44,
.md\:px-44 {
    padding-left: 44px !important;
  }
  .md\:p-46,
.md\:pt-46,
.md\:py-46 {
    padding-top: 46px !important;
  }
  .md\:p-46,
.md\:pe-46,
.md\:px-46 {
    padding-right: 46px !important;
  }
  .md\:p-46,
.md\:pb-46,
.md\:py-46 {
    padding-bottom: 46px !important;
  }
  .md\:p-46,
.md\:ps-46,
.md\:px-46 {
    padding-left: 46px !important;
  }
  .md\:p-48,
.md\:pt-48,
.md\:py-48 {
    padding-top: 48px !important;
  }
  .md\:p-48,
.md\:pe-48,
.md\:px-48 {
    padding-right: 48px !important;
  }
  .md\:p-48,
.md\:pb-48,
.md\:py-48 {
    padding-bottom: 48px !important;
  }
  .md\:p-48,
.md\:ps-48,
.md\:px-48 {
    padding-left: 48px !important;
  }
  .md\:p-50,
.md\:pt-50,
.md\:py-50 {
    padding-top: 50px !important;
  }
  .md\:p-50,
.md\:pe-50,
.md\:px-50 {
    padding-right: 50px !important;
  }
  .md\:p-50,
.md\:pb-50,
.md\:py-50 {
    padding-bottom: 50px !important;
  }
  .md\:p-50,
.md\:ps-50,
.md\:px-50 {
    padding-left: 50px !important;
  }
  .md\:p-52,
.md\:pt-52,
.md\:py-52 {
    padding-top: 52px !important;
  }
  .md\:p-52,
.md\:pe-52,
.md\:px-52 {
    padding-right: 52px !important;
  }
  .md\:p-52,
.md\:pb-52,
.md\:py-52 {
    padding-bottom: 52px !important;
  }
  .md\:p-52,
.md\:ps-52,
.md\:px-52 {
    padding-left: 52px !important;
  }
  .md\:p-54,
.md\:pt-54,
.md\:py-54 {
    padding-top: 54px !important;
  }
  .md\:p-54,
.md\:pe-54,
.md\:px-54 {
    padding-right: 54px !important;
  }
  .md\:p-54,
.md\:pb-54,
.md\:py-54 {
    padding-bottom: 54px !important;
  }
  .md\:p-54,
.md\:ps-54,
.md\:px-54 {
    padding-left: 54px !important;
  }
  .md\:p-56,
.md\:pt-56,
.md\:py-56 {
    padding-top: 56px !important;
  }
  .md\:p-56,
.md\:pe-56,
.md\:px-56 {
    padding-right: 56px !important;
  }
  .md\:p-56,
.md\:pb-56,
.md\:py-56 {
    padding-bottom: 56px !important;
  }
  .md\:p-56,
.md\:ps-56,
.md\:px-56 {
    padding-left: 56px !important;
  }
  .md\:p-58,
.md\:pt-58,
.md\:py-58 {
    padding-top: 58px !important;
  }
  .md\:p-58,
.md\:pe-58,
.md\:px-58 {
    padding-right: 58px !important;
  }
  .md\:p-58,
.md\:pb-58,
.md\:py-58 {
    padding-bottom: 58px !important;
  }
  .md\:p-58,
.md\:ps-58,
.md\:px-58 {
    padding-left: 58px !important;
  }
  .md\:p-60,
.md\:pt-60,
.md\:py-60 {
    padding-top: 60px !important;
  }
  .md\:p-60,
.md\:pe-60,
.md\:px-60 {
    padding-right: 60px !important;
  }
  .md\:p-60,
.md\:pb-60,
.md\:py-60 {
    padding-bottom: 60px !important;
  }
  .md\:p-60,
.md\:ps-60,
.md\:px-60 {
    padding-left: 60px !important;
  }
  .md\:m--60,
.md\:mt--60,
.md\:my--60 {
    margin-top: -60px !important;
  }
  .md\:m--60,
.md\:me--60,
.md\:mx--60 {
    margin-right: -60px !important;
  }
  .md\:m--60,
.md\:mb--60,
.md\:my--60 {
    margin-bottom: -60px !important;
  }
  .md\:m--60,
.md\:ms--60,
.md\:mx--60 {
    margin-left: -60px !important;
  }
  .md\:m--58,
.md\:mt--58,
.md\:my--58 {
    margin-top: -58px !important;
  }
  .md\:m--58,
.md\:me--58,
.md\:mx--58 {
    margin-right: -58px !important;
  }
  .md\:m--58,
.md\:mb--58,
.md\:my--58 {
    margin-bottom: -58px !important;
  }
  .md\:m--58,
.md\:ms--58,
.md\:mx--58 {
    margin-left: -58px !important;
  }
  .md\:m--56,
.md\:mt--56,
.md\:my--56 {
    margin-top: -56px !important;
  }
  .md\:m--56,
.md\:me--56,
.md\:mx--56 {
    margin-right: -56px !important;
  }
  .md\:m--56,
.md\:mb--56,
.md\:my--56 {
    margin-bottom: -56px !important;
  }
  .md\:m--56,
.md\:ms--56,
.md\:mx--56 {
    margin-left: -56px !important;
  }
  .md\:m--54,
.md\:mt--54,
.md\:my--54 {
    margin-top: -54px !important;
  }
  .md\:m--54,
.md\:me--54,
.md\:mx--54 {
    margin-right: -54px !important;
  }
  .md\:m--54,
.md\:mb--54,
.md\:my--54 {
    margin-bottom: -54px !important;
  }
  .md\:m--54,
.md\:ms--54,
.md\:mx--54 {
    margin-left: -54px !important;
  }
  .md\:m--52,
.md\:mt--52,
.md\:my--52 {
    margin-top: -52px !important;
  }
  .md\:m--52,
.md\:me--52,
.md\:mx--52 {
    margin-right: -52px !important;
  }
  .md\:m--52,
.md\:mb--52,
.md\:my--52 {
    margin-bottom: -52px !important;
  }
  .md\:m--52,
.md\:ms--52,
.md\:mx--52 {
    margin-left: -52px !important;
  }
  .md\:m--50,
.md\:mt--50,
.md\:my--50 {
    margin-top: -50px !important;
  }
  .md\:m--50,
.md\:me--50,
.md\:mx--50 {
    margin-right: -50px !important;
  }
  .md\:m--50,
.md\:mb--50,
.md\:my--50 {
    margin-bottom: -50px !important;
  }
  .md\:m--50,
.md\:ms--50,
.md\:mx--50 {
    margin-left: -50px !important;
  }
  .md\:m--48,
.md\:mt--48,
.md\:my--48 {
    margin-top: -48px !important;
  }
  .md\:m--48,
.md\:me--48,
.md\:mx--48 {
    margin-right: -48px !important;
  }
  .md\:m--48,
.md\:mb--48,
.md\:my--48 {
    margin-bottom: -48px !important;
  }
  .md\:m--48,
.md\:ms--48,
.md\:mx--48 {
    margin-left: -48px !important;
  }
  .md\:m--46,
.md\:mt--46,
.md\:my--46 {
    margin-top: -46px !important;
  }
  .md\:m--46,
.md\:me--46,
.md\:mx--46 {
    margin-right: -46px !important;
  }
  .md\:m--46,
.md\:mb--46,
.md\:my--46 {
    margin-bottom: -46px !important;
  }
  .md\:m--46,
.md\:ms--46,
.md\:mx--46 {
    margin-left: -46px !important;
  }
  .md\:m--44,
.md\:mt--44,
.md\:my--44 {
    margin-top: -44px !important;
  }
  .md\:m--44,
.md\:me--44,
.md\:mx--44 {
    margin-right: -44px !important;
  }
  .md\:m--44,
.md\:mb--44,
.md\:my--44 {
    margin-bottom: -44px !important;
  }
  .md\:m--44,
.md\:ms--44,
.md\:mx--44 {
    margin-left: -44px !important;
  }
  .md\:m--42,
.md\:mt--42,
.md\:my--42 {
    margin-top: -42px !important;
  }
  .md\:m--42,
.md\:me--42,
.md\:mx--42 {
    margin-right: -42px !important;
  }
  .md\:m--42,
.md\:mb--42,
.md\:my--42 {
    margin-bottom: -42px !important;
  }
  .md\:m--42,
.md\:ms--42,
.md\:mx--42 {
    margin-left: -42px !important;
  }
  .md\:m--40,
.md\:mt--40,
.md\:my--40 {
    margin-top: -40px !important;
  }
  .md\:m--40,
.md\:me--40,
.md\:mx--40 {
    margin-right: -40px !important;
  }
  .md\:m--40,
.md\:mb--40,
.md\:my--40 {
    margin-bottom: -40px !important;
  }
  .md\:m--40,
.md\:ms--40,
.md\:mx--40 {
    margin-left: -40px !important;
  }
  .md\:m--38,
.md\:mt--38,
.md\:my--38 {
    margin-top: -38px !important;
  }
  .md\:m--38,
.md\:me--38,
.md\:mx--38 {
    margin-right: -38px !important;
  }
  .md\:m--38,
.md\:mb--38,
.md\:my--38 {
    margin-bottom: -38px !important;
  }
  .md\:m--38,
.md\:ms--38,
.md\:mx--38 {
    margin-left: -38px !important;
  }
  .md\:m--36,
.md\:mt--36,
.md\:my--36 {
    margin-top: -36px !important;
  }
  .md\:m--36,
.md\:me--36,
.md\:mx--36 {
    margin-right: -36px !important;
  }
  .md\:m--36,
.md\:mb--36,
.md\:my--36 {
    margin-bottom: -36px !important;
  }
  .md\:m--36,
.md\:ms--36,
.md\:mx--36 {
    margin-left: -36px !important;
  }
  .md\:m--34,
.md\:mt--34,
.md\:my--34 {
    margin-top: -34px !important;
  }
  .md\:m--34,
.md\:me--34,
.md\:mx--34 {
    margin-right: -34px !important;
  }
  .md\:m--34,
.md\:mb--34,
.md\:my--34 {
    margin-bottom: -34px !important;
  }
  .md\:m--34,
.md\:ms--34,
.md\:mx--34 {
    margin-left: -34px !important;
  }
  .md\:m--32,
.md\:mt--32,
.md\:my--32 {
    margin-top: -32px !important;
  }
  .md\:m--32,
.md\:me--32,
.md\:mx--32 {
    margin-right: -32px !important;
  }
  .md\:m--32,
.md\:mb--32,
.md\:my--32 {
    margin-bottom: -32px !important;
  }
  .md\:m--32,
.md\:ms--32,
.md\:mx--32 {
    margin-left: -32px !important;
  }
  .md\:m--30,
.md\:mt--30,
.md\:my--30 {
    margin-top: -30px !important;
  }
  .md\:m--30,
.md\:me--30,
.md\:mx--30 {
    margin-right: -30px !important;
  }
  .md\:m--30,
.md\:mb--30,
.md\:my--30 {
    margin-bottom: -30px !important;
  }
  .md\:m--30,
.md\:ms--30,
.md\:mx--30 {
    margin-left: -30px !important;
  }
  .md\:m--28,
.md\:mt--28,
.md\:my--28 {
    margin-top: -28px !important;
  }
  .md\:m--28,
.md\:me--28,
.md\:mx--28 {
    margin-right: -28px !important;
  }
  .md\:m--28,
.md\:mb--28,
.md\:my--28 {
    margin-bottom: -28px !important;
  }
  .md\:m--28,
.md\:ms--28,
.md\:mx--28 {
    margin-left: -28px !important;
  }
  .md\:m--26,
.md\:mt--26,
.md\:my--26 {
    margin-top: -26px !important;
  }
  .md\:m--26,
.md\:me--26,
.md\:mx--26 {
    margin-right: -26px !important;
  }
  .md\:m--26,
.md\:mb--26,
.md\:my--26 {
    margin-bottom: -26px !important;
  }
  .md\:m--26,
.md\:ms--26,
.md\:mx--26 {
    margin-left: -26px !important;
  }
  .md\:m--24,
.md\:mt--24,
.md\:my--24 {
    margin-top: -24px !important;
  }
  .md\:m--24,
.md\:me--24,
.md\:mx--24 {
    margin-right: -24px !important;
  }
  .md\:m--24,
.md\:mb--24,
.md\:my--24 {
    margin-bottom: -24px !important;
  }
  .md\:m--24,
.md\:ms--24,
.md\:mx--24 {
    margin-left: -24px !important;
  }
  .md\:m--22,
.md\:mt--22,
.md\:my--22 {
    margin-top: -22px !important;
  }
  .md\:m--22,
.md\:me--22,
.md\:mx--22 {
    margin-right: -22px !important;
  }
  .md\:m--22,
.md\:mb--22,
.md\:my--22 {
    margin-bottom: -22px !important;
  }
  .md\:m--22,
.md\:ms--22,
.md\:mx--22 {
    margin-left: -22px !important;
  }
  .md\:m--20,
.md\:mt--20,
.md\:my--20 {
    margin-top: -20px !important;
  }
  .md\:m--20,
.md\:me--20,
.md\:mx--20 {
    margin-right: -20px !important;
  }
  .md\:m--20,
.md\:mb--20,
.md\:my--20 {
    margin-bottom: -20px !important;
  }
  .md\:m--20,
.md\:ms--20,
.md\:mx--20 {
    margin-left: -20px !important;
  }
  .md\:m--18,
.md\:mt--18,
.md\:my--18 {
    margin-top: -18px !important;
  }
  .md\:m--18,
.md\:me--18,
.md\:mx--18 {
    margin-right: -18px !important;
  }
  .md\:m--18,
.md\:mb--18,
.md\:my--18 {
    margin-bottom: -18px !important;
  }
  .md\:m--18,
.md\:ms--18,
.md\:mx--18 {
    margin-left: -18px !important;
  }
  .md\:m--16,
.md\:mt--16,
.md\:my--16 {
    margin-top: -16px !important;
  }
  .md\:m--16,
.md\:me--16,
.md\:mx--16 {
    margin-right: -16px !important;
  }
  .md\:m--16,
.md\:mb--16,
.md\:my--16 {
    margin-bottom: -16px !important;
  }
  .md\:m--16,
.md\:ms--16,
.md\:mx--16 {
    margin-left: -16px !important;
  }
  .md\:m--14,
.md\:mt--14,
.md\:my--14 {
    margin-top: -14px !important;
  }
  .md\:m--14,
.md\:me--14,
.md\:mx--14 {
    margin-right: -14px !important;
  }
  .md\:m--14,
.md\:mb--14,
.md\:my--14 {
    margin-bottom: -14px !important;
  }
  .md\:m--14,
.md\:ms--14,
.md\:mx--14 {
    margin-left: -14px !important;
  }
  .md\:m--12,
.md\:mt--12,
.md\:my--12 {
    margin-top: -12px !important;
  }
  .md\:m--12,
.md\:me--12,
.md\:mx--12 {
    margin-right: -12px !important;
  }
  .md\:m--12,
.md\:mb--12,
.md\:my--12 {
    margin-bottom: -12px !important;
  }
  .md\:m--12,
.md\:ms--12,
.md\:mx--12 {
    margin-left: -12px !important;
  }
  .md\:m--10,
.md\:mt--10,
.md\:my--10 {
    margin-top: -10px !important;
  }
  .md\:m--10,
.md\:me--10,
.md\:mx--10 {
    margin-right: -10px !important;
  }
  .md\:m--10,
.md\:mb--10,
.md\:my--10 {
    margin-bottom: -10px !important;
  }
  .md\:m--10,
.md\:ms--10,
.md\:mx--10 {
    margin-left: -10px !important;
  }
  .md\:m--8,
.md\:mt--8,
.md\:my--8 {
    margin-top: -8px !important;
  }
  .md\:m--8,
.md\:me--8,
.md\:mx--8 {
    margin-right: -8px !important;
  }
  .md\:m--8,
.md\:mb--8,
.md\:my--8 {
    margin-bottom: -8px !important;
  }
  .md\:m--8,
.md\:ms--8,
.md\:mx--8 {
    margin-left: -8px !important;
  }
  .md\:m--6,
.md\:mt--6,
.md\:my--6 {
    margin-top: -6px !important;
  }
  .md\:m--6,
.md\:me--6,
.md\:mx--6 {
    margin-right: -6px !important;
  }
  .md\:m--6,
.md\:mb--6,
.md\:my--6 {
    margin-bottom: -6px !important;
  }
  .md\:m--6,
.md\:ms--6,
.md\:mx--6 {
    margin-left: -6px !important;
  }
  .md\:m--4,
.md\:mt--4,
.md\:my--4 {
    margin-top: -4px !important;
  }
  .md\:m--4,
.md\:me--4,
.md\:mx--4 {
    margin-right: -4px !important;
  }
  .md\:m--4,
.md\:mb--4,
.md\:my--4 {
    margin-bottom: -4px !important;
  }
  .md\:m--4,
.md\:ms--4,
.md\:mx--4 {
    margin-left: -4px !important;
  }
  .md\:m--2,
.md\:mt--2,
.md\:my--2 {
    margin-top: -2px !important;
  }
  .md\:m--2,
.md\:me--2,
.md\:mx--2 {
    margin-right: -2px !important;
  }
  .md\:m--2,
.md\:mb--2,
.md\:my--2 {
    margin-bottom: -2px !important;
  }
  .md\:m--2,
.md\:ms--2,
.md\:mx--2 {
    margin-left: -2px !important;
  }
  .md\:m-0,
.md\:mt-0,
.md\:my-0 {
    margin-top: 0px !important;
  }
  .md\:m-0,
.md\:me-0,
.md\:mx-0 {
    margin-right: 0px !important;
  }
  .md\:m-0,
.md\:mb-0,
.md\:my-0 {
    margin-bottom: 0px !important;
  }
  .md\:m-0,
.md\:ms-0,
.md\:mx-0 {
    margin-left: 0px !important;
  }
  .md\:m-2,
.md\:mt-2,
.md\:my-2 {
    margin-top: 2px !important;
  }
  .md\:m-2,
.md\:me-2,
.md\:mx-2 {
    margin-right: 2px !important;
  }
  .md\:m-2,
.md\:mb-2,
.md\:my-2 {
    margin-bottom: 2px !important;
  }
  .md\:m-2,
.md\:ms-2,
.md\:mx-2 {
    margin-left: 2px !important;
  }
  .md\:m-4,
.md\:mt-4,
.md\:my-4 {
    margin-top: 4px !important;
  }
  .md\:m-4,
.md\:me-4,
.md\:mx-4 {
    margin-right: 4px !important;
  }
  .md\:m-4,
.md\:mb-4,
.md\:my-4 {
    margin-bottom: 4px !important;
  }
  .md\:m-4,
.md\:ms-4,
.md\:mx-4 {
    margin-left: 4px !important;
  }
  .md\:m-6,
.md\:mt-6,
.md\:my-6 {
    margin-top: 6px !important;
  }
  .md\:m-6,
.md\:me-6,
.md\:mx-6 {
    margin-right: 6px !important;
  }
  .md\:m-6,
.md\:mb-6,
.md\:my-6 {
    margin-bottom: 6px !important;
  }
  .md\:m-6,
.md\:ms-6,
.md\:mx-6 {
    margin-left: 6px !important;
  }
  .md\:m-8,
.md\:mt-8,
.md\:my-8 {
    margin-top: 8px !important;
  }
  .md\:m-8,
.md\:me-8,
.md\:mx-8 {
    margin-right: 8px !important;
  }
  .md\:m-8,
.md\:mb-8,
.md\:my-8 {
    margin-bottom: 8px !important;
  }
  .md\:m-8,
.md\:ms-8,
.md\:mx-8 {
    margin-left: 8px !important;
  }
  .md\:m-10,
.md\:mt-10,
.md\:my-10 {
    margin-top: 10px !important;
  }
  .md\:m-10,
.md\:me-10,
.md\:mx-10 {
    margin-right: 10px !important;
  }
  .md\:m-10,
.md\:mb-10,
.md\:my-10 {
    margin-bottom: 10px !important;
  }
  .md\:m-10,
.md\:ms-10,
.md\:mx-10 {
    margin-left: 10px !important;
  }
  .md\:m-12,
.md\:mt-12,
.md\:my-12 {
    margin-top: 12px !important;
  }
  .md\:m-12,
.md\:me-12,
.md\:mx-12 {
    margin-right: 12px !important;
  }
  .md\:m-12,
.md\:mb-12,
.md\:my-12 {
    margin-bottom: 12px !important;
  }
  .md\:m-12,
.md\:ms-12,
.md\:mx-12 {
    margin-left: 12px !important;
  }
  .md\:m-14,
.md\:mt-14,
.md\:my-14 {
    margin-top: 14px !important;
  }
  .md\:m-14,
.md\:me-14,
.md\:mx-14 {
    margin-right: 14px !important;
  }
  .md\:m-14,
.md\:mb-14,
.md\:my-14 {
    margin-bottom: 14px !important;
  }
  .md\:m-14,
.md\:ms-14,
.md\:mx-14 {
    margin-left: 14px !important;
  }
  .md\:m-16,
.md\:mt-16,
.md\:my-16 {
    margin-top: 16px !important;
  }
  .md\:m-16,
.md\:me-16,
.md\:mx-16 {
    margin-right: 16px !important;
  }
  .md\:m-16,
.md\:mb-16,
.md\:my-16 {
    margin-bottom: 16px !important;
  }
  .md\:m-16,
.md\:ms-16,
.md\:mx-16 {
    margin-left: 16px !important;
  }
  .md\:m-18,
.md\:mt-18,
.md\:my-18 {
    margin-top: 18px !important;
  }
  .md\:m-18,
.md\:me-18,
.md\:mx-18 {
    margin-right: 18px !important;
  }
  .md\:m-18,
.md\:mb-18,
.md\:my-18 {
    margin-bottom: 18px !important;
  }
  .md\:m-18,
.md\:ms-18,
.md\:mx-18 {
    margin-left: 18px !important;
  }
  .md\:m-20,
.md\:mt-20,
.md\:my-20 {
    margin-top: 20px !important;
  }
  .md\:m-20,
.md\:me-20,
.md\:mx-20 {
    margin-right: 20px !important;
  }
  .md\:m-20,
.md\:mb-20,
.md\:my-20 {
    margin-bottom: 20px !important;
  }
  .md\:m-20,
.md\:ms-20,
.md\:mx-20 {
    margin-left: 20px !important;
  }
  .md\:m-22,
.md\:mt-22,
.md\:my-22 {
    margin-top: 22px !important;
  }
  .md\:m-22,
.md\:me-22,
.md\:mx-22 {
    margin-right: 22px !important;
  }
  .md\:m-22,
.md\:mb-22,
.md\:my-22 {
    margin-bottom: 22px !important;
  }
  .md\:m-22,
.md\:ms-22,
.md\:mx-22 {
    margin-left: 22px !important;
  }
  .md\:m-24,
.md\:mt-24,
.md\:my-24 {
    margin-top: 24px !important;
  }
  .md\:m-24,
.md\:me-24,
.md\:mx-24 {
    margin-right: 24px !important;
  }
  .md\:m-24,
.md\:mb-24,
.md\:my-24 {
    margin-bottom: 24px !important;
  }
  .md\:m-24,
.md\:ms-24,
.md\:mx-24 {
    margin-left: 24px !important;
  }
  .md\:m-26,
.md\:mt-26,
.md\:my-26 {
    margin-top: 26px !important;
  }
  .md\:m-26,
.md\:me-26,
.md\:mx-26 {
    margin-right: 26px !important;
  }
  .md\:m-26,
.md\:mb-26,
.md\:my-26 {
    margin-bottom: 26px !important;
  }
  .md\:m-26,
.md\:ms-26,
.md\:mx-26 {
    margin-left: 26px !important;
  }
  .md\:m-28,
.md\:mt-28,
.md\:my-28 {
    margin-top: 28px !important;
  }
  .md\:m-28,
.md\:me-28,
.md\:mx-28 {
    margin-right: 28px !important;
  }
  .md\:m-28,
.md\:mb-28,
.md\:my-28 {
    margin-bottom: 28px !important;
  }
  .md\:m-28,
.md\:ms-28,
.md\:mx-28 {
    margin-left: 28px !important;
  }
  .md\:m-30,
.md\:mt-30,
.md\:my-30 {
    margin-top: 30px !important;
  }
  .md\:m-30,
.md\:me-30,
.md\:mx-30 {
    margin-right: 30px !important;
  }
  .md\:m-30,
.md\:mb-30,
.md\:my-30 {
    margin-bottom: 30px !important;
  }
  .md\:m-30,
.md\:ms-30,
.md\:mx-30 {
    margin-left: 30px !important;
  }
  .md\:m-32,
.md\:mt-32,
.md\:my-32 {
    margin-top: 32px !important;
  }
  .md\:m-32,
.md\:me-32,
.md\:mx-32 {
    margin-right: 32px !important;
  }
  .md\:m-32,
.md\:mb-32,
.md\:my-32 {
    margin-bottom: 32px !important;
  }
  .md\:m-32,
.md\:ms-32,
.md\:mx-32 {
    margin-left: 32px !important;
  }
  .md\:m-34,
.md\:mt-34,
.md\:my-34 {
    margin-top: 34px !important;
  }
  .md\:m-34,
.md\:me-34,
.md\:mx-34 {
    margin-right: 34px !important;
  }
  .md\:m-34,
.md\:mb-34,
.md\:my-34 {
    margin-bottom: 34px !important;
  }
  .md\:m-34,
.md\:ms-34,
.md\:mx-34 {
    margin-left: 34px !important;
  }
  .md\:m-36,
.md\:mt-36,
.md\:my-36 {
    margin-top: 36px !important;
  }
  .md\:m-36,
.md\:me-36,
.md\:mx-36 {
    margin-right: 36px !important;
  }
  .md\:m-36,
.md\:mb-36,
.md\:my-36 {
    margin-bottom: 36px !important;
  }
  .md\:m-36,
.md\:ms-36,
.md\:mx-36 {
    margin-left: 36px !important;
  }
  .md\:m-38,
.md\:mt-38,
.md\:my-38 {
    margin-top: 38px !important;
  }
  .md\:m-38,
.md\:me-38,
.md\:mx-38 {
    margin-right: 38px !important;
  }
  .md\:m-38,
.md\:mb-38,
.md\:my-38 {
    margin-bottom: 38px !important;
  }
  .md\:m-38,
.md\:ms-38,
.md\:mx-38 {
    margin-left: 38px !important;
  }
  .md\:m-40,
.md\:mt-40,
.md\:my-40 {
    margin-top: 40px !important;
  }
  .md\:m-40,
.md\:me-40,
.md\:mx-40 {
    margin-right: 40px !important;
  }
  .md\:m-40,
.md\:mb-40,
.md\:my-40 {
    margin-bottom: 40px !important;
  }
  .md\:m-40,
.md\:ms-40,
.md\:mx-40 {
    margin-left: 40px !important;
  }
  .md\:m-42,
.md\:mt-42,
.md\:my-42 {
    margin-top: 42px !important;
  }
  .md\:m-42,
.md\:me-42,
.md\:mx-42 {
    margin-right: 42px !important;
  }
  .md\:m-42,
.md\:mb-42,
.md\:my-42 {
    margin-bottom: 42px !important;
  }
  .md\:m-42,
.md\:ms-42,
.md\:mx-42 {
    margin-left: 42px !important;
  }
  .md\:m-44,
.md\:mt-44,
.md\:my-44 {
    margin-top: 44px !important;
  }
  .md\:m-44,
.md\:me-44,
.md\:mx-44 {
    margin-right: 44px !important;
  }
  .md\:m-44,
.md\:mb-44,
.md\:my-44 {
    margin-bottom: 44px !important;
  }
  .md\:m-44,
.md\:ms-44,
.md\:mx-44 {
    margin-left: 44px !important;
  }
  .md\:m-46,
.md\:mt-46,
.md\:my-46 {
    margin-top: 46px !important;
  }
  .md\:m-46,
.md\:me-46,
.md\:mx-46 {
    margin-right: 46px !important;
  }
  .md\:m-46,
.md\:mb-46,
.md\:my-46 {
    margin-bottom: 46px !important;
  }
  .md\:m-46,
.md\:ms-46,
.md\:mx-46 {
    margin-left: 46px !important;
  }
  .md\:m-48,
.md\:mt-48,
.md\:my-48 {
    margin-top: 48px !important;
  }
  .md\:m-48,
.md\:me-48,
.md\:mx-48 {
    margin-right: 48px !important;
  }
  .md\:m-48,
.md\:mb-48,
.md\:my-48 {
    margin-bottom: 48px !important;
  }
  .md\:m-48,
.md\:ms-48,
.md\:mx-48 {
    margin-left: 48px !important;
  }
  .md\:m-50,
.md\:mt-50,
.md\:my-50 {
    margin-top: 50px !important;
  }
  .md\:m-50,
.md\:me-50,
.md\:mx-50 {
    margin-right: 50px !important;
  }
  .md\:m-50,
.md\:mb-50,
.md\:my-50 {
    margin-bottom: 50px !important;
  }
  .md\:m-50,
.md\:ms-50,
.md\:mx-50 {
    margin-left: 50px !important;
  }
  .md\:m-52,
.md\:mt-52,
.md\:my-52 {
    margin-top: 52px !important;
  }
  .md\:m-52,
.md\:me-52,
.md\:mx-52 {
    margin-right: 52px !important;
  }
  .md\:m-52,
.md\:mb-52,
.md\:my-52 {
    margin-bottom: 52px !important;
  }
  .md\:m-52,
.md\:ms-52,
.md\:mx-52 {
    margin-left: 52px !important;
  }
  .md\:m-54,
.md\:mt-54,
.md\:my-54 {
    margin-top: 54px !important;
  }
  .md\:m-54,
.md\:me-54,
.md\:mx-54 {
    margin-right: 54px !important;
  }
  .md\:m-54,
.md\:mb-54,
.md\:my-54 {
    margin-bottom: 54px !important;
  }
  .md\:m-54,
.md\:ms-54,
.md\:mx-54 {
    margin-left: 54px !important;
  }
  .md\:m-56,
.md\:mt-56,
.md\:my-56 {
    margin-top: 56px !important;
  }
  .md\:m-56,
.md\:me-56,
.md\:mx-56 {
    margin-right: 56px !important;
  }
  .md\:m-56,
.md\:mb-56,
.md\:my-56 {
    margin-bottom: 56px !important;
  }
  .md\:m-56,
.md\:ms-56,
.md\:mx-56 {
    margin-left: 56px !important;
  }
  .md\:m-58,
.md\:mt-58,
.md\:my-58 {
    margin-top: 58px !important;
  }
  .md\:m-58,
.md\:me-58,
.md\:mx-58 {
    margin-right: 58px !important;
  }
  .md\:m-58,
.md\:mb-58,
.md\:my-58 {
    margin-bottom: 58px !important;
  }
  .md\:m-58,
.md\:ms-58,
.md\:mx-58 {
    margin-left: 58px !important;
  }
  .md\:m-60,
.md\:mt-60,
.md\:my-60 {
    margin-top: 60px !important;
  }
  .md\:m-60,
.md\:me-60,
.md\:mx-60 {
    margin-right: 60px !important;
  }
  .md\:m-60,
.md\:mb-60,
.md\:my-60 {
    margin-bottom: 60px !important;
  }
  .md\:m-60,
.md\:ms-60,
.md\:mx-60 {
    margin-left: 60px !important;
  }
  .md\:fs-10 {
    font-size: 10px !important;
  }
  .md\:fs-11 {
    font-size: 11px !important;
  }
  .md\:fs-12 {
    font-size: 12px !important;
  }
  .md\:fs-13 {
    font-size: 13px !important;
  }
  .md\:fs-14 {
    font-size: 14px !important;
  }
  .md\:fs-15 {
    font-size: 15px !important;
  }
  .md\:fs-16 {
    font-size: 16px !important;
  }
  .md\:fs-17 {
    font-size: 17px !important;
  }
  .md\:fs-18 {
    font-size: 18px !important;
  }
  .md\:fs-19 {
    font-size: 19px !important;
  }
  .md\:fs-20 {
    font-size: 20px !important;
  }
  .md\:fs-21 {
    font-size: 21px !important;
  }
  .md\:fs-22 {
    font-size: 22px !important;
  }
  .md\:fs-23 {
    font-size: 23px !important;
  }
  .md\:fs-24 {
    font-size: 24px !important;
  }
  .md\:fs-25 {
    font-size: 25px !important;
  }
  .md\:fs-26 {
    font-size: 26px !important;
  }
  .md\:fs-27 {
    font-size: 27px !important;
  }
  .md\:fs-28 {
    font-size: 28px !important;
  }
  .md\:fs-29 {
    font-size: 29px !important;
  }
  .md\:fs-30 {
    font-size: 30px !important;
  }
  .md\:fw-100 {
    font-weight: 100 !important;
  }
  .md\:fw-200 {
    font-weight: 200 !important;
  }
  .md\:fw-300 {
    font-weight: 300 !important;
  }
  .md\:fw-400 {
    font-weight: 400 !important;
  }
  .md\:fw-500 {
    font-weight: 500 !important;
  }
  .md\:fw-600 {
    font-weight: 600 !important;
  }
  .md\:fw-700 {
    font-weight: 700 !important;
  }
  .md\:fw-800 {
    font-weight: 800 !important;
  }
  .md\:fw-900 {
    font-weight: 900 !important;
  }
  .md\:lh-14 {
    line-height: 14px !important;
  }
  .md\:lh-15 {
    line-height: 15px !important;
  }
  .md\:lh-16 {
    line-height: 16px !important;
  }
  .md\:lh-17 {
    line-height: 17px !important;
  }
  .md\:lh-18 {
    line-height: 18px !important;
  }
  .md\:lh-19 {
    line-height: 19px !important;
  }
  .md\:lh-20 {
    line-height: 20px !important;
  }
  .md\:lh-21 {
    line-height: 21px !important;
  }
  .md\:lh-22 {
    line-height: 22px !important;
  }
  .md\:lh-23 {
    line-height: 23px !important;
  }
  .md\:lh-24 {
    line-height: 24px !important;
  }
  .md\:lh-25 {
    line-height: 25px !important;
  }
  .md\:lh-26 {
    line-height: 26px !important;
  }
  .md\:lh-27 {
    line-height: 27px !important;
  }
  .md\:lh-28 {
    line-height: 28px !important;
  }
  .md\:lh-29 {
    line-height: 29px !important;
  }
  .md\:lh-30 {
    line-height: 30px !important;
  }
  .md\:lh-31 {
    line-height: 31px !important;
  }
  .md\:lh-32 {
    line-height: 32px !important;
  }
  .md\:lh-33 {
    line-height: 33px !important;
  }
  .md\:lh-34 {
    line-height: 34px !important;
  }
  .md\:lh-35 {
    line-height: 35px !important;
  }
  .md\:lh-36 {
    line-height: 36px !important;
  }
  .md\:lh-37 {
    line-height: 37px !important;
  }
  .md\:lh-38 {
    line-height: 38px !important;
  }
  .md\:lh-39 {
    line-height: 39px !important;
  }
  .md\:lh-40 {
    line-height: 40px !important;
  }
  #auctionDetailPage .product-info h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1200px){
  footer .footer-col-1 {
    grid-area: 1/2;
  }
  footer .footer-col-2 {
    grid-column: 1;
    grid-row: 1/3;
  }
  footer .footer-col-3 {
    grid-area: 2/2;
  }
}

@media (min-width: 992px){
  .lg\:radius-0,
.lg\:radius-l-0,
.lg\:radius-tl-0 {
    border-top-left-radius: 0px;
  }
  .lg\:radius-0,
.lg\:radius-l-0,
.lg\:radius-bl-0 {
    border-bottom-left-radius: 0px;
  }
  .lg\:radius-0,
.lg\:radius-r-0,
.lg\:radius-tr-0 {
    border-top-right-radius: 0px;
  }
  .lg\:radius-0,
.lg\:radius-r-0,
.lg\:radius-br-0 {
    border-bottom-right-radius: 0px;
  }
  .lg\:radius-2,
.lg\:radius-l-2,
.lg\:radius-tl-2 {
    border-top-left-radius: 2px;
  }
  .lg\:radius-2,
.lg\:radius-l-2,
.lg\:radius-bl-2 {
    border-bottom-left-radius: 2px;
  }
  .lg\:radius-2,
.lg\:radius-r-2,
.lg\:radius-tr-2 {
    border-top-right-radius: 2px;
  }
  .lg\:radius-2,
.lg\:radius-r-2,
.lg\:radius-br-2 {
    border-bottom-right-radius: 2px;
  }
  .lg\:radius-4,
.lg\:radius-l-4,
.lg\:radius-tl-4 {
    border-top-left-radius: 4px;
  }
  .lg\:radius-4,
.lg\:radius-l-4,
.lg\:radius-bl-4 {
    border-bottom-left-radius: 4px;
  }
  .lg\:radius-4,
.lg\:radius-r-4,
.lg\:radius-tr-4 {
    border-top-right-radius: 4px;
  }
  .lg\:radius-4,
.lg\:radius-r-4,
.lg\:radius-br-4 {
    border-bottom-right-radius: 4px;
  }
  .lg\:radius-6,
.lg\:radius-l-6,
.lg\:radius-tl-6 {
    border-top-left-radius: 6px;
  }
  .lg\:radius-6,
.lg\:radius-l-6,
.lg\:radius-bl-6 {
    border-bottom-left-radius: 6px;
  }
  .lg\:radius-6,
.lg\:radius-r-6,
.lg\:radius-tr-6 {
    border-top-right-radius: 6px;
  }
  .lg\:radius-6,
.lg\:radius-r-6,
.lg\:radius-br-6 {
    border-bottom-right-radius: 6px;
  }
  .lg\:radius-8,
.lg\:radius-l-8,
.lg\:radius-tl-8 {
    border-top-left-radius: 8px;
  }
  .lg\:radius-8,
.lg\:radius-l-8,
.lg\:radius-bl-8 {
    border-bottom-left-radius: 8px;
  }
  .lg\:radius-8,
.lg\:radius-r-8,
.lg\:radius-tr-8 {
    border-top-right-radius: 8px;
  }
  .lg\:radius-8,
.lg\:radius-r-8,
.lg\:radius-br-8 {
    border-bottom-right-radius: 8px;
  }
  .lg\:radius-10,
.lg\:radius-l-10,
.lg\:radius-tl-10 {
    border-top-left-radius: 10px;
  }
  .lg\:radius-10,
.lg\:radius-l-10,
.lg\:radius-bl-10 {
    border-bottom-left-radius: 10px;
  }
  .lg\:radius-10,
.lg\:radius-r-10,
.lg\:radius-tr-10 {
    border-top-right-radius: 10px;
  }
  .lg\:radius-10,
.lg\:radius-r-10,
.lg\:radius-br-10 {
    border-bottom-right-radius: 10px;
  }
  .lg\:radius-12,
.lg\:radius-l-12,
.lg\:radius-tl-12 {
    border-top-left-radius: 12px;
  }
  .lg\:radius-12,
.lg\:radius-l-12,
.lg\:radius-bl-12 {
    border-bottom-left-radius: 12px;
  }
  .lg\:radius-12,
.lg\:radius-r-12,
.lg\:radius-tr-12 {
    border-top-right-radius: 12px;
  }
  .lg\:radius-12,
.lg\:radius-r-12,
.lg\:radius-br-12 {
    border-bottom-right-radius: 12px;
  }
  .lg\:radius-14,
.lg\:radius-l-14,
.lg\:radius-tl-14 {
    border-top-left-radius: 14px;
  }
  .lg\:radius-14,
.lg\:radius-l-14,
.lg\:radius-bl-14 {
    border-bottom-left-radius: 14px;
  }
  .lg\:radius-14,
.lg\:radius-r-14,
.lg\:radius-tr-14 {
    border-top-right-radius: 14px;
  }
  .lg\:radius-14,
.lg\:radius-r-14,
.lg\:radius-br-14 {
    border-bottom-right-radius: 14px;
  }
  .lg\:radius-16,
.lg\:radius-l-16,
.lg\:radius-tl-16 {
    border-top-left-radius: 16px;
  }
  .lg\:radius-16,
.lg\:radius-l-16,
.lg\:radius-bl-16 {
    border-bottom-left-radius: 16px;
  }
  .lg\:radius-16,
.lg\:radius-r-16,
.lg\:radius-tr-16 {
    border-top-right-radius: 16px;
  }
  .lg\:radius-16,
.lg\:radius-r-16,
.lg\:radius-br-16 {
    border-bottom-right-radius: 16px;
  }
  .lg\:radius-18,
.lg\:radius-l-18,
.lg\:radius-tl-18 {
    border-top-left-radius: 18px;
  }
  .lg\:radius-18,
.lg\:radius-l-18,
.lg\:radius-bl-18 {
    border-bottom-left-radius: 18px;
  }
  .lg\:radius-18,
.lg\:radius-r-18,
.lg\:radius-tr-18 {
    border-top-right-radius: 18px;
  }
  .lg\:radius-18,
.lg\:radius-r-18,
.lg\:radius-br-18 {
    border-bottom-right-radius: 18px;
  }
  .lg\:radius-20,
.lg\:radius-l-20,
.lg\:radius-tl-20 {
    border-top-left-radius: 20px;
  }
  .lg\:radius-20,
.lg\:radius-l-20,
.lg\:radius-bl-20 {
    border-bottom-left-radius: 20px;
  }
  .lg\:radius-20,
.lg\:radius-r-20,
.lg\:radius-tr-20 {
    border-top-right-radius: 20px;
  }
  .lg\:radius-20,
.lg\:radius-r-20,
.lg\:radius-br-20 {
    border-bottom-right-radius: 20px;
  }
  .lg\:radius-full {
    border-radius: 100%;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:flex-column {
    flex-direction: column;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse;
  }
  .lg\:flex-initial {
    flex-direction: initial;
  }
  .lg\:flex-inherit {
    flex-direction: inherit;
  }
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-start {
    text-align: start !important;
  }
  .lg\:text-end {
    text-align: end !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .lg\:d-none {
    display: none !important;
  }
  .lg\:d-inline {
    display: inline !important;
  }
  .lg\:d-block {
    display: block !important;
  }
  .lg\:d-inline-block {
    display: inline-block !important;
  }
  .lg\:d-flex {
    display: flex !important;
  }
  .lg\:d-inline-flex {
    display: inline-flex !important;
  }
  .lg\:d-grid {
    display: grid !important;
  }
  .lg\:d-inline-grid {
    display: inline-grid !important;
  }
  .lg\:d-initial {
    display: initial !important;
  }
  .lg\:d-inherit {
    display: inherit !important;
  }
  .lg\:d-table-row {
    display: table-row !important;
  }
  .lg\:d-table-cell {
    display: table-cell !important;
  }
  .lg\:d-table-row-group {
    display: table-row-group !important;
  }
  .lg\:d-table-column-group {
    display: table-column-group !important;
  }
  .lg\:d-table-header-group {
    display: table-header-group !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-flex-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-flex-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
  .lg\:align-items-initial {
    align-items: initial !important;
  }
  .lg\:align-items-inherit {
    align-items: inherit !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
  .lg\:justify-content-initial {
    justify-content: initial !important;
  }
  .lg\:justify-content-inherit {
    justify-content: inherit !important;
  }
  .lg\:grid-gap-0 {
    gap: 0px;
  }
  .lg\:grid-gap-1 {
    gap: 1px;
  }
  .lg\:grid-gap-2 {
    gap: 2px;
  }
  .lg\:grid-gap-3 {
    gap: 3px;
  }
  .lg\:grid-gap-4 {
    gap: 4px;
  }
  .lg\:grid-gap-5 {
    gap: 5px;
  }
  .lg\:grid-gap-6 {
    gap: 6px;
  }
  .lg\:grid-gap-7 {
    gap: 7px;
  }
  .lg\:grid-gap-8 {
    gap: 8px;
  }
  .lg\:grid-gap-9 {
    gap: 9px;
  }
  .lg\:grid-gap-10 {
    gap: 10px;
  }
  .lg\:grid-gap-11 {
    gap: 11px;
  }
  .lg\:grid-gap-12 {
    gap: 12px;
  }
  .lg\:grid-gap-13 {
    gap: 13px;
  }
  .lg\:grid-gap-14 {
    gap: 14px;
  }
  .lg\:grid-gap-15 {
    gap: 15px;
  }
  .lg\:grid-gap-16 {
    gap: 16px;
  }
  .lg\:grid-gap-17 {
    gap: 17px;
  }
  .lg\:grid-gap-18 {
    gap: 18px;
  }
  .lg\:grid-gap-19 {
    gap: 19px;
  }
  .lg\:grid-gap-20 {
    gap: 20px;
  }
  .lg\:grid-gap-21 {
    gap: 21px;
  }
  .lg\:grid-gap-22 {
    gap: 22px;
  }
  .lg\:grid-gap-23 {
    gap: 23px;
  }
  .lg\:grid-gap-24 {
    gap: 24px;
  }
  .lg\:grid-gap-25 {
    gap: 25px;
  }
  .lg\:grid-gap-26 {
    gap: 26px;
  }
  .lg\:grid-gap-27 {
    gap: 27px;
  }
  .lg\:grid-gap-28 {
    gap: 28px;
  }
  .lg\:grid-gap-29 {
    gap: 29px;
  }
  .lg\:grid-gap-30 {
    gap: 30px;
  }
  .lg\:grid-gap-31 {
    gap: 31px;
  }
  .lg\:grid-gap-32 {
    gap: 32px;
  }
  .lg\:grid-gap-33 {
    gap: 33px;
  }
  .lg\:grid-gap-34 {
    gap: 34px;
  }
  .lg\:grid-gap-35 {
    gap: 35px;
  }
  .lg\:grid-gap-36 {
    gap: 36px;
  }
  .lg\:grid-gap-37 {
    gap: 37px;
  }
  .lg\:grid-gap-38 {
    gap: 38px;
  }
  .lg\:grid-gap-39 {
    gap: 39px;
  }
  .lg\:grid-gap-40 {
    gap: 40px;
  }
  .lg\:grid-column-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .lg\:grid-span-1 {
    grid-column: auto/span 1;
  }
  .lg\:grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .lg\:grid-span-2 {
    grid-column: auto/span 2;
  }
  .lg\:grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .lg\:grid-span-3 {
    grid-column: auto/span 3;
  }
  .lg\:grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .lg\:grid-span-4 {
    grid-column: auto/span 4;
  }
  .lg\:grid-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .lg\:grid-span-5 {
    grid-column: auto/span 5;
  }
  .lg\:grid-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .lg\:grid-span-6 {
    grid-column: auto/span 6;
  }
  .lg\:grid-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .lg\:grid-span-7 {
    grid-column: auto/span 7;
  }
  .lg\:grid-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .lg\:grid-span-8 {
    grid-column: auto/span 8;
  }
  .lg\:grid-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .lg\:grid-span-9 {
    grid-column: auto/span 9;
  }
  .lg\:grid-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .lg\:grid-span-10 {
    grid-column: auto/span 10;
  }
  .lg\:grid-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .lg\:grid-span-11 {
    grid-column: auto/span 11;
  }
  .lg\:grid-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .lg\:grid-span-12 {
    grid-column: auto/span 12;
  }
  .lg\:grid-column-13 {
    grid-template-columns: repeat(13, 1fr);
  }
  .lg\:grid-span-13 {
    grid-column: auto/span 13;
  }
  .lg\:grid-column-14 {
    grid-template-columns: repeat(14, 1fr);
  }
  .lg\:grid-span-14 {
    grid-column: auto/span 14;
  }
  .lg\:grid-column-15 {
    grid-template-columns: repeat(15, 1fr);
  }
  .lg\:grid-span-15 {
    grid-column: auto/span 15;
  }
  .lg\:grid-column-16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .lg\:grid-span-16 {
    grid-column: auto/span 16;
  }
  .lg\:grid-column-17 {
    grid-template-columns: repeat(17, 1fr);
  }
  .lg\:grid-span-17 {
    grid-column: auto/span 17;
  }
  .lg\:grid-column-18 {
    grid-template-columns: repeat(18, 1fr);
  }
  .lg\:grid-span-18 {
    grid-column: auto/span 18;
  }
  .lg\:grid-column-19 {
    grid-template-columns: repeat(19, 1fr);
  }
  .lg\:grid-span-19 {
    grid-column: auto/span 19;
  }
  .lg\:grid-column-20 {
    grid-template-columns: repeat(20, 1fr);
  }
  .lg\:grid-span-20 {
    grid-column: auto/span 20;
  }
  .lg\:grid-column-21 {
    grid-template-columns: repeat(21, 1fr);
  }
  .lg\:grid-span-21 {
    grid-column: auto/span 21;
  }
  .lg\:grid-column-22 {
    grid-template-columns: repeat(22, 1fr);
  }
  .lg\:grid-span-22 {
    grid-column: auto/span 22;
  }
  .lg\:grid-column-23 {
    grid-template-columns: repeat(23, 1fr);
  }
  .lg\:grid-span-23 {
    grid-column: auto/span 23;
  }
  .lg\:grid-column-24 {
    grid-template-columns: repeat(24, 1fr);
  }
  .lg\:grid-span-24 {
    grid-column: auto/span 24;
  }
  .lg\:top-0 {
    top: 0px !important;
  }
  .lg\:right-0 {
    right: 0px !important;
  }
  .lg\:bottom-0 {
    bottom: 0px !important;
  }
  .lg\:left-0 {
    left: 0px !important;
  }
  .lg\:top-2 {
    top: 2px !important;
  }
  .lg\:right-2 {
    right: 2px !important;
  }
  .lg\:bottom-2 {
    bottom: 2px !important;
  }
  .lg\:left-2 {
    left: 2px !important;
  }
  .lg\:top-4 {
    top: 4px !important;
  }
  .lg\:right-4 {
    right: 4px !important;
  }
  .lg\:bottom-4 {
    bottom: 4px !important;
  }
  .lg\:left-4 {
    left: 4px !important;
  }
  .lg\:top-6 {
    top: 6px !important;
  }
  .lg\:right-6 {
    right: 6px !important;
  }
  .lg\:bottom-6 {
    bottom: 6px !important;
  }
  .lg\:left-6 {
    left: 6px !important;
  }
  .lg\:top-8 {
    top: 8px !important;
  }
  .lg\:right-8 {
    right: 8px !important;
  }
  .lg\:bottom-8 {
    bottom: 8px !important;
  }
  .lg\:left-8 {
    left: 8px !important;
  }
  .lg\:top-10 {
    top: 10px !important;
  }
  .lg\:right-10 {
    right: 10px !important;
  }
  .lg\:bottom-10 {
    bottom: 10px !important;
  }
  .lg\:left-10 {
    left: 10px !important;
  }
  .lg\:top-12 {
    top: 12px !important;
  }
  .lg\:right-12 {
    right: 12px !important;
  }
  .lg\:bottom-12 {
    bottom: 12px !important;
  }
  .lg\:left-12 {
    left: 12px !important;
  }
  .lg\:top-14 {
    top: 14px !important;
  }
  .lg\:right-14 {
    right: 14px !important;
  }
  .lg\:bottom-14 {
    bottom: 14px !important;
  }
  .lg\:left-14 {
    left: 14px !important;
  }
  .lg\:top-16 {
    top: 16px !important;
  }
  .lg\:right-16 {
    right: 16px !important;
  }
  .lg\:bottom-16 {
    bottom: 16px !important;
  }
  .lg\:left-16 {
    left: 16px !important;
  }
  .lg\:top-18 {
    top: 18px !important;
  }
  .lg\:right-18 {
    right: 18px !important;
  }
  .lg\:bottom-18 {
    bottom: 18px !important;
  }
  .lg\:left-18 {
    left: 18px !important;
  }
  .lg\:top-20 {
    top: 20px !important;
  }
  .lg\:right-20 {
    right: 20px !important;
  }
  .lg\:bottom-20 {
    bottom: 20px !important;
  }
  .lg\:left-20 {
    left: 20px !important;
  }
  .lg\:top-22 {
    top: 22px !important;
  }
  .lg\:right-22 {
    right: 22px !important;
  }
  .lg\:bottom-22 {
    bottom: 22px !important;
  }
  .lg\:left-22 {
    left: 22px !important;
  }
  .lg\:top-24 {
    top: 24px !important;
  }
  .lg\:right-24 {
    right: 24px !important;
  }
  .lg\:bottom-24 {
    bottom: 24px !important;
  }
  .lg\:left-24 {
    left: 24px !important;
  }
  .lg\:top-26 {
    top: 26px !important;
  }
  .lg\:right-26 {
    right: 26px !important;
  }
  .lg\:bottom-26 {
    bottom: 26px !important;
  }
  .lg\:left-26 {
    left: 26px !important;
  }
  .lg\:top-28 {
    top: 28px !important;
  }
  .lg\:right-28 {
    right: 28px !important;
  }
  .lg\:bottom-28 {
    bottom: 28px !important;
  }
  .lg\:left-28 {
    left: 28px !important;
  }
  .lg\:top-30 {
    top: 30px !important;
  }
  .lg\:right-30 {
    right: 30px !important;
  }
  .lg\:bottom-30 {
    bottom: 30px !important;
  }
  .lg\:left-30 {
    left: 30px !important;
  }
  .lg\:top-32 {
    top: 32px !important;
  }
  .lg\:right-32 {
    right: 32px !important;
  }
  .lg\:bottom-32 {
    bottom: 32px !important;
  }
  .lg\:left-32 {
    left: 32px !important;
  }
  .lg\:top-34 {
    top: 34px !important;
  }
  .lg\:right-34 {
    right: 34px !important;
  }
  .lg\:bottom-34 {
    bottom: 34px !important;
  }
  .lg\:left-34 {
    left: 34px !important;
  }
  .lg\:top-36 {
    top: 36px !important;
  }
  .lg\:right-36 {
    right: 36px !important;
  }
  .lg\:bottom-36 {
    bottom: 36px !important;
  }
  .lg\:left-36 {
    left: 36px !important;
  }
  .lg\:top-38 {
    top: 38px !important;
  }
  .lg\:right-38 {
    right: 38px !important;
  }
  .lg\:bottom-38 {
    bottom: 38px !important;
  }
  .lg\:left-38 {
    left: 38px !important;
  }
  .lg\:top-40 {
    top: 40px !important;
  }
  .lg\:right-40 {
    right: 40px !important;
  }
  .lg\:bottom-40 {
    bottom: 40px !important;
  }
  .lg\:left-40 {
    left: 40px !important;
  }
  .lg\:top-42 {
    top: 42px !important;
  }
  .lg\:right-42 {
    right: 42px !important;
  }
  .lg\:bottom-42 {
    bottom: 42px !important;
  }
  .lg\:left-42 {
    left: 42px !important;
  }
  .lg\:top-44 {
    top: 44px !important;
  }
  .lg\:right-44 {
    right: 44px !important;
  }
  .lg\:bottom-44 {
    bottom: 44px !important;
  }
  .lg\:left-44 {
    left: 44px !important;
  }
  .lg\:top-46 {
    top: 46px !important;
  }
  .lg\:right-46 {
    right: 46px !important;
  }
  .lg\:bottom-46 {
    bottom: 46px !important;
  }
  .lg\:left-46 {
    left: 46px !important;
  }
  .lg\:top-48 {
    top: 48px !important;
  }
  .lg\:right-48 {
    right: 48px !important;
  }
  .lg\:bottom-48 {
    bottom: 48px !important;
  }
  .lg\:left-48 {
    left: 48px !important;
  }
  .lg\:top-50 {
    top: 50px !important;
  }
  .lg\:right-50 {
    right: 50px !important;
  }
  .lg\:bottom-50 {
    bottom: 50px !important;
  }
  .lg\:left-50 {
    left: 50px !important;
  }
  .lg\:top-52 {
    top: 52px !important;
  }
  .lg\:right-52 {
    right: 52px !important;
  }
  .lg\:bottom-52 {
    bottom: 52px !important;
  }
  .lg\:left-52 {
    left: 52px !important;
  }
  .lg\:top-54 {
    top: 54px !important;
  }
  .lg\:right-54 {
    right: 54px !important;
  }
  .lg\:bottom-54 {
    bottom: 54px !important;
  }
  .lg\:left-54 {
    left: 54px !important;
  }
  .lg\:top-56 {
    top: 56px !important;
  }
  .lg\:right-56 {
    right: 56px !important;
  }
  .lg\:bottom-56 {
    bottom: 56px !important;
  }
  .lg\:left-56 {
    left: 56px !important;
  }
  .lg\:top-58 {
    top: 58px !important;
  }
  .lg\:right-58 {
    right: 58px !important;
  }
  .lg\:bottom-58 {
    bottom: 58px !important;
  }
  .lg\:left-58 {
    left: 58px !important;
  }
  .lg\:top-60 {
    top: 60px !important;
  }
  .lg\:right-60 {
    right: 60px !important;
  }
  .lg\:bottom-60 {
    bottom: 60px !important;
  }
  .lg\:left-60 {
    left: 60px !important;
  }
  .lg\:ratio-1\/1 {
    aspect-ratio: 1 / 1;
  }
  .lg\:ratio-4\/3 {
    aspect-ratio: 4 / 3;
  }
  .lg\:ratio-3\/2 {
    aspect-ratio: 3 / 2;
  }
  .lg\:ratio-16\/9 {
    aspect-ratio: 16 / 9;
  }
  .lg\:ratio-21\/9 {
    aspect-ratio: 21 / 9;
  }
  .lg\:p-0,
.lg\:pt-0,
.lg\:py-0 {
    padding-top: 0px !important;
  }
  .lg\:p-0,
.lg\:pe-0,
.lg\:px-0 {
    padding-right: 0px !important;
  }
  .lg\:p-0,
.lg\:pb-0,
.lg\:py-0 {
    padding-bottom: 0px !important;
  }
  .lg\:p-0,
.lg\:ps-0,
.lg\:px-0 {
    padding-left: 0px !important;
  }
  .lg\:p-2,
.lg\:pt-2,
.lg\:py-2 {
    padding-top: 2px !important;
  }
  .lg\:p-2,
.lg\:pe-2,
.lg\:px-2 {
    padding-right: 2px !important;
  }
  .lg\:p-2,
.lg\:pb-2,
.lg\:py-2 {
    padding-bottom: 2px !important;
  }
  .lg\:p-2,
.lg\:ps-2,
.lg\:px-2 {
    padding-left: 2px !important;
  }
  .lg\:p-4,
.lg\:pt-4,
.lg\:py-4 {
    padding-top: 4px !important;
  }
  .lg\:p-4,
.lg\:pe-4,
.lg\:px-4 {
    padding-right: 4px !important;
  }
  .lg\:p-4,
.lg\:pb-4,
.lg\:py-4 {
    padding-bottom: 4px !important;
  }
  .lg\:p-4,
.lg\:ps-4,
.lg\:px-4 {
    padding-left: 4px !important;
  }
  .lg\:p-6,
.lg\:pt-6,
.lg\:py-6 {
    padding-top: 6px !important;
  }
  .lg\:p-6,
.lg\:pe-6,
.lg\:px-6 {
    padding-right: 6px !important;
  }
  .lg\:p-6,
.lg\:pb-6,
.lg\:py-6 {
    padding-bottom: 6px !important;
  }
  .lg\:p-6,
.lg\:ps-6,
.lg\:px-6 {
    padding-left: 6px !important;
  }
  .lg\:p-8,
.lg\:pt-8,
.lg\:py-8 {
    padding-top: 8px !important;
  }
  .lg\:p-8,
.lg\:pe-8,
.lg\:px-8 {
    padding-right: 8px !important;
  }
  .lg\:p-8,
.lg\:pb-8,
.lg\:py-8 {
    padding-bottom: 8px !important;
  }
  .lg\:p-8,
.lg\:ps-8,
.lg\:px-8 {
    padding-left: 8px !important;
  }
  .lg\:p-10,
.lg\:pt-10,
.lg\:py-10 {
    padding-top: 10px !important;
  }
  .lg\:p-10,
.lg\:pe-10,
.lg\:px-10 {
    padding-right: 10px !important;
  }
  .lg\:p-10,
.lg\:pb-10,
.lg\:py-10 {
    padding-bottom: 10px !important;
  }
  .lg\:p-10,
.lg\:ps-10,
.lg\:px-10 {
    padding-left: 10px !important;
  }
  .lg\:p-12,
.lg\:pt-12,
.lg\:py-12 {
    padding-top: 12px !important;
  }
  .lg\:p-12,
.lg\:pe-12,
.lg\:px-12 {
    padding-right: 12px !important;
  }
  .lg\:p-12,
.lg\:pb-12,
.lg\:py-12 {
    padding-bottom: 12px !important;
  }
  .lg\:p-12,
.lg\:ps-12,
.lg\:px-12 {
    padding-left: 12px !important;
  }
  .lg\:p-14,
.lg\:pt-14,
.lg\:py-14 {
    padding-top: 14px !important;
  }
  .lg\:p-14,
.lg\:pe-14,
.lg\:px-14 {
    padding-right: 14px !important;
  }
  .lg\:p-14,
.lg\:pb-14,
.lg\:py-14 {
    padding-bottom: 14px !important;
  }
  .lg\:p-14,
.lg\:ps-14,
.lg\:px-14 {
    padding-left: 14px !important;
  }
  .lg\:p-16,
.lg\:pt-16,
.lg\:py-16 {
    padding-top: 16px !important;
  }
  .lg\:p-16,
.lg\:pe-16,
.lg\:px-16 {
    padding-right: 16px !important;
  }
  .lg\:p-16,
.lg\:pb-16,
.lg\:py-16 {
    padding-bottom: 16px !important;
  }
  .lg\:p-16,
.lg\:ps-16,
.lg\:px-16 {
    padding-left: 16px !important;
  }
  .lg\:p-18,
.lg\:pt-18,
.lg\:py-18 {
    padding-top: 18px !important;
  }
  .lg\:p-18,
.lg\:pe-18,
.lg\:px-18 {
    padding-right: 18px !important;
  }
  .lg\:p-18,
.lg\:pb-18,
.lg\:py-18 {
    padding-bottom: 18px !important;
  }
  .lg\:p-18,
.lg\:ps-18,
.lg\:px-18 {
    padding-left: 18px !important;
  }
  .lg\:p-20,
.lg\:pt-20,
.lg\:py-20 {
    padding-top: 20px !important;
  }
  .lg\:p-20,
.lg\:pe-20,
.lg\:px-20 {
    padding-right: 20px !important;
  }
  .lg\:p-20,
.lg\:pb-20,
.lg\:py-20 {
    padding-bottom: 20px !important;
  }
  .lg\:p-20,
.lg\:ps-20,
.lg\:px-20 {
    padding-left: 20px !important;
  }
  .lg\:p-22,
.lg\:pt-22,
.lg\:py-22 {
    padding-top: 22px !important;
  }
  .lg\:p-22,
.lg\:pe-22,
.lg\:px-22 {
    padding-right: 22px !important;
  }
  .lg\:p-22,
.lg\:pb-22,
.lg\:py-22 {
    padding-bottom: 22px !important;
  }
  .lg\:p-22,
.lg\:ps-22,
.lg\:px-22 {
    padding-left: 22px !important;
  }
  .lg\:p-24,
.lg\:pt-24,
.lg\:py-24 {
    padding-top: 24px !important;
  }
  .lg\:p-24,
.lg\:pe-24,
.lg\:px-24 {
    padding-right: 24px !important;
  }
  .lg\:p-24,
.lg\:pb-24,
.lg\:py-24 {
    padding-bottom: 24px !important;
  }
  .lg\:p-24,
.lg\:ps-24,
.lg\:px-24 {
    padding-left: 24px !important;
  }
  .lg\:p-26,
.lg\:pt-26,
.lg\:py-26 {
    padding-top: 26px !important;
  }
  .lg\:p-26,
.lg\:pe-26,
.lg\:px-26 {
    padding-right: 26px !important;
  }
  .lg\:p-26,
.lg\:pb-26,
.lg\:py-26 {
    padding-bottom: 26px !important;
  }
  .lg\:p-26,
.lg\:ps-26,
.lg\:px-26 {
    padding-left: 26px !important;
  }
  .lg\:p-28,
.lg\:pt-28,
.lg\:py-28 {
    padding-top: 28px !important;
  }
  .lg\:p-28,
.lg\:pe-28,
.lg\:px-28 {
    padding-right: 28px !important;
  }
  .lg\:p-28,
.lg\:pb-28,
.lg\:py-28 {
    padding-bottom: 28px !important;
  }
  .lg\:p-28,
.lg\:ps-28,
.lg\:px-28 {
    padding-left: 28px !important;
  }
  .lg\:p-30,
.lg\:pt-30,
.lg\:py-30 {
    padding-top: 30px !important;
  }
  .lg\:p-30,
.lg\:pe-30,
.lg\:px-30 {
    padding-right: 30px !important;
  }
  .lg\:p-30,
.lg\:pb-30,
.lg\:py-30 {
    padding-bottom: 30px !important;
  }
  .lg\:p-30,
.lg\:ps-30,
.lg\:px-30 {
    padding-left: 30px !important;
  }
  .lg\:p-32,
.lg\:pt-32,
.lg\:py-32 {
    padding-top: 32px !important;
  }
  .lg\:p-32,
.lg\:pe-32,
.lg\:px-32 {
    padding-right: 32px !important;
  }
  .lg\:p-32,
.lg\:pb-32,
.lg\:py-32 {
    padding-bottom: 32px !important;
  }
  .lg\:p-32,
.lg\:ps-32,
.lg\:px-32 {
    padding-left: 32px !important;
  }
  .lg\:p-34,
.lg\:pt-34,
.lg\:py-34 {
    padding-top: 34px !important;
  }
  .lg\:p-34,
.lg\:pe-34,
.lg\:px-34 {
    padding-right: 34px !important;
  }
  .lg\:p-34,
.lg\:pb-34,
.lg\:py-34 {
    padding-bottom: 34px !important;
  }
  .lg\:p-34,
.lg\:ps-34,
.lg\:px-34 {
    padding-left: 34px !important;
  }
  .lg\:p-36,
.lg\:pt-36,
.lg\:py-36 {
    padding-top: 36px !important;
  }
  .lg\:p-36,
.lg\:pe-36,
.lg\:px-36 {
    padding-right: 36px !important;
  }
  .lg\:p-36,
.lg\:pb-36,
.lg\:py-36 {
    padding-bottom: 36px !important;
  }
  .lg\:p-36,
.lg\:ps-36,
.lg\:px-36 {
    padding-left: 36px !important;
  }
  .lg\:p-38,
.lg\:pt-38,
.lg\:py-38 {
    padding-top: 38px !important;
  }
  .lg\:p-38,
.lg\:pe-38,
.lg\:px-38 {
    padding-right: 38px !important;
  }
  .lg\:p-38,
.lg\:pb-38,
.lg\:py-38 {
    padding-bottom: 38px !important;
  }
  .lg\:p-38,
.lg\:ps-38,
.lg\:px-38 {
    padding-left: 38px !important;
  }
  .lg\:p-40,
.lg\:pt-40,
.lg\:py-40 {
    padding-top: 40px !important;
  }
  .lg\:p-40,
.lg\:pe-40,
.lg\:px-40 {
    padding-right: 40px !important;
  }
  .lg\:p-40,
.lg\:pb-40,
.lg\:py-40 {
    padding-bottom: 40px !important;
  }
  .lg\:p-40,
.lg\:ps-40,
.lg\:px-40 {
    padding-left: 40px !important;
  }
  .lg\:p-42,
.lg\:pt-42,
.lg\:py-42 {
    padding-top: 42px !important;
  }
  .lg\:p-42,
.lg\:pe-42,
.lg\:px-42 {
    padding-right: 42px !important;
  }
  .lg\:p-42,
.lg\:pb-42,
.lg\:py-42 {
    padding-bottom: 42px !important;
  }
  .lg\:p-42,
.lg\:ps-42,
.lg\:px-42 {
    padding-left: 42px !important;
  }
  .lg\:p-44,
.lg\:pt-44,
.lg\:py-44 {
    padding-top: 44px !important;
  }
  .lg\:p-44,
.lg\:pe-44,
.lg\:px-44 {
    padding-right: 44px !important;
  }
  .lg\:p-44,
.lg\:pb-44,
.lg\:py-44 {
    padding-bottom: 44px !important;
  }
  .lg\:p-44,
.lg\:ps-44,
.lg\:px-44 {
    padding-left: 44px !important;
  }
  .lg\:p-46,
.lg\:pt-46,
.lg\:py-46 {
    padding-top: 46px !important;
  }
  .lg\:p-46,
.lg\:pe-46,
.lg\:px-46 {
    padding-right: 46px !important;
  }
  .lg\:p-46,
.lg\:pb-46,
.lg\:py-46 {
    padding-bottom: 46px !important;
  }
  .lg\:p-46,
.lg\:ps-46,
.lg\:px-46 {
    padding-left: 46px !important;
  }
  .lg\:p-48,
.lg\:pt-48,
.lg\:py-48 {
    padding-top: 48px !important;
  }
  .lg\:p-48,
.lg\:pe-48,
.lg\:px-48 {
    padding-right: 48px !important;
  }
  .lg\:p-48,
.lg\:pb-48,
.lg\:py-48 {
    padding-bottom: 48px !important;
  }
  .lg\:p-48,
.lg\:ps-48,
.lg\:px-48 {
    padding-left: 48px !important;
  }
  .lg\:p-50,
.lg\:pt-50,
.lg\:py-50 {
    padding-top: 50px !important;
  }
  .lg\:p-50,
.lg\:pe-50,
.lg\:px-50 {
    padding-right: 50px !important;
  }
  .lg\:p-50,
.lg\:pb-50,
.lg\:py-50 {
    padding-bottom: 50px !important;
  }
  .lg\:p-50,
.lg\:ps-50,
.lg\:px-50 {
    padding-left: 50px !important;
  }
  .lg\:p-52,
.lg\:pt-52,
.lg\:py-52 {
    padding-top: 52px !important;
  }
  .lg\:p-52,
.lg\:pe-52,
.lg\:px-52 {
    padding-right: 52px !important;
  }
  .lg\:p-52,
.lg\:pb-52,
.lg\:py-52 {
    padding-bottom: 52px !important;
  }
  .lg\:p-52,
.lg\:ps-52,
.lg\:px-52 {
    padding-left: 52px !important;
  }
  .lg\:p-54,
.lg\:pt-54,
.lg\:py-54 {
    padding-top: 54px !important;
  }
  .lg\:p-54,
.lg\:pe-54,
.lg\:px-54 {
    padding-right: 54px !important;
  }
  .lg\:p-54,
.lg\:pb-54,
.lg\:py-54 {
    padding-bottom: 54px !important;
  }
  .lg\:p-54,
.lg\:ps-54,
.lg\:px-54 {
    padding-left: 54px !important;
  }
  .lg\:p-56,
.lg\:pt-56,
.lg\:py-56 {
    padding-top: 56px !important;
  }
  .lg\:p-56,
.lg\:pe-56,
.lg\:px-56 {
    padding-right: 56px !important;
  }
  .lg\:p-56,
.lg\:pb-56,
.lg\:py-56 {
    padding-bottom: 56px !important;
  }
  .lg\:p-56,
.lg\:ps-56,
.lg\:px-56 {
    padding-left: 56px !important;
  }
  .lg\:p-58,
.lg\:pt-58,
.lg\:py-58 {
    padding-top: 58px !important;
  }
  .lg\:p-58,
.lg\:pe-58,
.lg\:px-58 {
    padding-right: 58px !important;
  }
  .lg\:p-58,
.lg\:pb-58,
.lg\:py-58 {
    padding-bottom: 58px !important;
  }
  .lg\:p-58,
.lg\:ps-58,
.lg\:px-58 {
    padding-left: 58px !important;
  }
  .lg\:p-60,
.lg\:pt-60,
.lg\:py-60 {
    padding-top: 60px !important;
  }
  .lg\:p-60,
.lg\:pe-60,
.lg\:px-60 {
    padding-right: 60px !important;
  }
  .lg\:p-60,
.lg\:pb-60,
.lg\:py-60 {
    padding-bottom: 60px !important;
  }
  .lg\:p-60,
.lg\:ps-60,
.lg\:px-60 {
    padding-left: 60px !important;
  }
  .lg\:m--60,
.lg\:mt--60,
.lg\:my--60 {
    margin-top: -60px !important;
  }
  .lg\:m--60,
.lg\:me--60,
.lg\:mx--60 {
    margin-right: -60px !important;
  }
  .lg\:m--60,
.lg\:mb--60,
.lg\:my--60 {
    margin-bottom: -60px !important;
  }
  .lg\:m--60,
.lg\:ms--60,
.lg\:mx--60 {
    margin-left: -60px !important;
  }
  .lg\:m--58,
.lg\:mt--58,
.lg\:my--58 {
    margin-top: -58px !important;
  }
  .lg\:m--58,
.lg\:me--58,
.lg\:mx--58 {
    margin-right: -58px !important;
  }
  .lg\:m--58,
.lg\:mb--58,
.lg\:my--58 {
    margin-bottom: -58px !important;
  }
  .lg\:m--58,
.lg\:ms--58,
.lg\:mx--58 {
    margin-left: -58px !important;
  }
  .lg\:m--56,
.lg\:mt--56,
.lg\:my--56 {
    margin-top: -56px !important;
  }
  .lg\:m--56,
.lg\:me--56,
.lg\:mx--56 {
    margin-right: -56px !important;
  }
  .lg\:m--56,
.lg\:mb--56,
.lg\:my--56 {
    margin-bottom: -56px !important;
  }
  .lg\:m--56,
.lg\:ms--56,
.lg\:mx--56 {
    margin-left: -56px !important;
  }
  .lg\:m--54,
.lg\:mt--54,
.lg\:my--54 {
    margin-top: -54px !important;
  }
  .lg\:m--54,
.lg\:me--54,
.lg\:mx--54 {
    margin-right: -54px !important;
  }
  .lg\:m--54,
.lg\:mb--54,
.lg\:my--54 {
    margin-bottom: -54px !important;
  }
  .lg\:m--54,
.lg\:ms--54,
.lg\:mx--54 {
    margin-left: -54px !important;
  }
  .lg\:m--52,
.lg\:mt--52,
.lg\:my--52 {
    margin-top: -52px !important;
  }
  .lg\:m--52,
.lg\:me--52,
.lg\:mx--52 {
    margin-right: -52px !important;
  }
  .lg\:m--52,
.lg\:mb--52,
.lg\:my--52 {
    margin-bottom: -52px !important;
  }
  .lg\:m--52,
.lg\:ms--52,
.lg\:mx--52 {
    margin-left: -52px !important;
  }
  .lg\:m--50,
.lg\:mt--50,
.lg\:my--50 {
    margin-top: -50px !important;
  }
  .lg\:m--50,
.lg\:me--50,
.lg\:mx--50 {
    margin-right: -50px !important;
  }
  .lg\:m--50,
.lg\:mb--50,
.lg\:my--50 {
    margin-bottom: -50px !important;
  }
  .lg\:m--50,
.lg\:ms--50,
.lg\:mx--50 {
    margin-left: -50px !important;
  }
  .lg\:m--48,
.lg\:mt--48,
.lg\:my--48 {
    margin-top: -48px !important;
  }
  .lg\:m--48,
.lg\:me--48,
.lg\:mx--48 {
    margin-right: -48px !important;
  }
  .lg\:m--48,
.lg\:mb--48,
.lg\:my--48 {
    margin-bottom: -48px !important;
  }
  .lg\:m--48,
.lg\:ms--48,
.lg\:mx--48 {
    margin-left: -48px !important;
  }
  .lg\:m--46,
.lg\:mt--46,
.lg\:my--46 {
    margin-top: -46px !important;
  }
  .lg\:m--46,
.lg\:me--46,
.lg\:mx--46 {
    margin-right: -46px !important;
  }
  .lg\:m--46,
.lg\:mb--46,
.lg\:my--46 {
    margin-bottom: -46px !important;
  }
  .lg\:m--46,
.lg\:ms--46,
.lg\:mx--46 {
    margin-left: -46px !important;
  }
  .lg\:m--44,
.lg\:mt--44,
.lg\:my--44 {
    margin-top: -44px !important;
  }
  .lg\:m--44,
.lg\:me--44,
.lg\:mx--44 {
    margin-right: -44px !important;
  }
  .lg\:m--44,
.lg\:mb--44,
.lg\:my--44 {
    margin-bottom: -44px !important;
  }
  .lg\:m--44,
.lg\:ms--44,
.lg\:mx--44 {
    margin-left: -44px !important;
  }
  .lg\:m--42,
.lg\:mt--42,
.lg\:my--42 {
    margin-top: -42px !important;
  }
  .lg\:m--42,
.lg\:me--42,
.lg\:mx--42 {
    margin-right: -42px !important;
  }
  .lg\:m--42,
.lg\:mb--42,
.lg\:my--42 {
    margin-bottom: -42px !important;
  }
  .lg\:m--42,
.lg\:ms--42,
.lg\:mx--42 {
    margin-left: -42px !important;
  }
  .lg\:m--40,
.lg\:mt--40,
.lg\:my--40 {
    margin-top: -40px !important;
  }
  .lg\:m--40,
.lg\:me--40,
.lg\:mx--40 {
    margin-right: -40px !important;
  }
  .lg\:m--40,
.lg\:mb--40,
.lg\:my--40 {
    margin-bottom: -40px !important;
  }
  .lg\:m--40,
.lg\:ms--40,
.lg\:mx--40 {
    margin-left: -40px !important;
  }
  .lg\:m--38,
.lg\:mt--38,
.lg\:my--38 {
    margin-top: -38px !important;
  }
  .lg\:m--38,
.lg\:me--38,
.lg\:mx--38 {
    margin-right: -38px !important;
  }
  .lg\:m--38,
.lg\:mb--38,
.lg\:my--38 {
    margin-bottom: -38px !important;
  }
  .lg\:m--38,
.lg\:ms--38,
.lg\:mx--38 {
    margin-left: -38px !important;
  }
  .lg\:m--36,
.lg\:mt--36,
.lg\:my--36 {
    margin-top: -36px !important;
  }
  .lg\:m--36,
.lg\:me--36,
.lg\:mx--36 {
    margin-right: -36px !important;
  }
  .lg\:m--36,
.lg\:mb--36,
.lg\:my--36 {
    margin-bottom: -36px !important;
  }
  .lg\:m--36,
.lg\:ms--36,
.lg\:mx--36 {
    margin-left: -36px !important;
  }
  .lg\:m--34,
.lg\:mt--34,
.lg\:my--34 {
    margin-top: -34px !important;
  }
  .lg\:m--34,
.lg\:me--34,
.lg\:mx--34 {
    margin-right: -34px !important;
  }
  .lg\:m--34,
.lg\:mb--34,
.lg\:my--34 {
    margin-bottom: -34px !important;
  }
  .lg\:m--34,
.lg\:ms--34,
.lg\:mx--34 {
    margin-left: -34px !important;
  }
  .lg\:m--32,
.lg\:mt--32,
.lg\:my--32 {
    margin-top: -32px !important;
  }
  .lg\:m--32,
.lg\:me--32,
.lg\:mx--32 {
    margin-right: -32px !important;
  }
  .lg\:m--32,
.lg\:mb--32,
.lg\:my--32 {
    margin-bottom: -32px !important;
  }
  .lg\:m--32,
.lg\:ms--32,
.lg\:mx--32 {
    margin-left: -32px !important;
  }
  .lg\:m--30,
.lg\:mt--30,
.lg\:my--30 {
    margin-top: -30px !important;
  }
  .lg\:m--30,
.lg\:me--30,
.lg\:mx--30 {
    margin-right: -30px !important;
  }
  .lg\:m--30,
.lg\:mb--30,
.lg\:my--30 {
    margin-bottom: -30px !important;
  }
  .lg\:m--30,
.lg\:ms--30,
.lg\:mx--30 {
    margin-left: -30px !important;
  }
  .lg\:m--28,
.lg\:mt--28,
.lg\:my--28 {
    margin-top: -28px !important;
  }
  .lg\:m--28,
.lg\:me--28,
.lg\:mx--28 {
    margin-right: -28px !important;
  }
  .lg\:m--28,
.lg\:mb--28,
.lg\:my--28 {
    margin-bottom: -28px !important;
  }
  .lg\:m--28,
.lg\:ms--28,
.lg\:mx--28 {
    margin-left: -28px !important;
  }
  .lg\:m--26,
.lg\:mt--26,
.lg\:my--26 {
    margin-top: -26px !important;
  }
  .lg\:m--26,
.lg\:me--26,
.lg\:mx--26 {
    margin-right: -26px !important;
  }
  .lg\:m--26,
.lg\:mb--26,
.lg\:my--26 {
    margin-bottom: -26px !important;
  }
  .lg\:m--26,
.lg\:ms--26,
.lg\:mx--26 {
    margin-left: -26px !important;
  }
  .lg\:m--24,
.lg\:mt--24,
.lg\:my--24 {
    margin-top: -24px !important;
  }
  .lg\:m--24,
.lg\:me--24,
.lg\:mx--24 {
    margin-right: -24px !important;
  }
  .lg\:m--24,
.lg\:mb--24,
.lg\:my--24 {
    margin-bottom: -24px !important;
  }
  .lg\:m--24,
.lg\:ms--24,
.lg\:mx--24 {
    margin-left: -24px !important;
  }
  .lg\:m--22,
.lg\:mt--22,
.lg\:my--22 {
    margin-top: -22px !important;
  }
  .lg\:m--22,
.lg\:me--22,
.lg\:mx--22 {
    margin-right: -22px !important;
  }
  .lg\:m--22,
.lg\:mb--22,
.lg\:my--22 {
    margin-bottom: -22px !important;
  }
  .lg\:m--22,
.lg\:ms--22,
.lg\:mx--22 {
    margin-left: -22px !important;
  }
  .lg\:m--20,
.lg\:mt--20,
.lg\:my--20 {
    margin-top: -20px !important;
  }
  .lg\:m--20,
.lg\:me--20,
.lg\:mx--20 {
    margin-right: -20px !important;
  }
  .lg\:m--20,
.lg\:mb--20,
.lg\:my--20 {
    margin-bottom: -20px !important;
  }
  .lg\:m--20,
.lg\:ms--20,
.lg\:mx--20 {
    margin-left: -20px !important;
  }
  .lg\:m--18,
.lg\:mt--18,
.lg\:my--18 {
    margin-top: -18px !important;
  }
  .lg\:m--18,
.lg\:me--18,
.lg\:mx--18 {
    margin-right: -18px !important;
  }
  .lg\:m--18,
.lg\:mb--18,
.lg\:my--18 {
    margin-bottom: -18px !important;
  }
  .lg\:m--18,
.lg\:ms--18,
.lg\:mx--18 {
    margin-left: -18px !important;
  }
  .lg\:m--16,
.lg\:mt--16,
.lg\:my--16 {
    margin-top: -16px !important;
  }
  .lg\:m--16,
.lg\:me--16,
.lg\:mx--16 {
    margin-right: -16px !important;
  }
  .lg\:m--16,
.lg\:mb--16,
.lg\:my--16 {
    margin-bottom: -16px !important;
  }
  .lg\:m--16,
.lg\:ms--16,
.lg\:mx--16 {
    margin-left: -16px !important;
  }
  .lg\:m--14,
.lg\:mt--14,
.lg\:my--14 {
    margin-top: -14px !important;
  }
  .lg\:m--14,
.lg\:me--14,
.lg\:mx--14 {
    margin-right: -14px !important;
  }
  .lg\:m--14,
.lg\:mb--14,
.lg\:my--14 {
    margin-bottom: -14px !important;
  }
  .lg\:m--14,
.lg\:ms--14,
.lg\:mx--14 {
    margin-left: -14px !important;
  }
  .lg\:m--12,
.lg\:mt--12,
.lg\:my--12 {
    margin-top: -12px !important;
  }
  .lg\:m--12,
.lg\:me--12,
.lg\:mx--12 {
    margin-right: -12px !important;
  }
  .lg\:m--12,
.lg\:mb--12,
.lg\:my--12 {
    margin-bottom: -12px !important;
  }
  .lg\:m--12,
.lg\:ms--12,
.lg\:mx--12 {
    margin-left: -12px !important;
  }
  .lg\:m--10,
.lg\:mt--10,
.lg\:my--10 {
    margin-top: -10px !important;
  }
  .lg\:m--10,
.lg\:me--10,
.lg\:mx--10 {
    margin-right: -10px !important;
  }
  .lg\:m--10,
.lg\:mb--10,
.lg\:my--10 {
    margin-bottom: -10px !important;
  }
  .lg\:m--10,
.lg\:ms--10,
.lg\:mx--10 {
    margin-left: -10px !important;
  }
  .lg\:m--8,
.lg\:mt--8,
.lg\:my--8 {
    margin-top: -8px !important;
  }
  .lg\:m--8,
.lg\:me--8,
.lg\:mx--8 {
    margin-right: -8px !important;
  }
  .lg\:m--8,
.lg\:mb--8,
.lg\:my--8 {
    margin-bottom: -8px !important;
  }
  .lg\:m--8,
.lg\:ms--8,
.lg\:mx--8 {
    margin-left: -8px !important;
  }
  .lg\:m--6,
.lg\:mt--6,
.lg\:my--6 {
    margin-top: -6px !important;
  }
  .lg\:m--6,
.lg\:me--6,
.lg\:mx--6 {
    margin-right: -6px !important;
  }
  .lg\:m--6,
.lg\:mb--6,
.lg\:my--6 {
    margin-bottom: -6px !important;
  }
  .lg\:m--6,
.lg\:ms--6,
.lg\:mx--6 {
    margin-left: -6px !important;
  }
  .lg\:m--4,
.lg\:mt--4,
.lg\:my--4 {
    margin-top: -4px !important;
  }
  .lg\:m--4,
.lg\:me--4,
.lg\:mx--4 {
    margin-right: -4px !important;
  }
  .lg\:m--4,
.lg\:mb--4,
.lg\:my--4 {
    margin-bottom: -4px !important;
  }
  .lg\:m--4,
.lg\:ms--4,
.lg\:mx--4 {
    margin-left: -4px !important;
  }
  .lg\:m--2,
.lg\:mt--2,
.lg\:my--2 {
    margin-top: -2px !important;
  }
  .lg\:m--2,
.lg\:me--2,
.lg\:mx--2 {
    margin-right: -2px !important;
  }
  .lg\:m--2,
.lg\:mb--2,
.lg\:my--2 {
    margin-bottom: -2px !important;
  }
  .lg\:m--2,
.lg\:ms--2,
.lg\:mx--2 {
    margin-left: -2px !important;
  }
  .lg\:m-0,
.lg\:mt-0,
.lg\:my-0 {
    margin-top: 0px !important;
  }
  .lg\:m-0,
.lg\:me-0,
.lg\:mx-0 {
    margin-right: 0px !important;
  }
  .lg\:m-0,
.lg\:mb-0,
.lg\:my-0 {
    margin-bottom: 0px !important;
  }
  .lg\:m-0,
.lg\:ms-0,
.lg\:mx-0 {
    margin-left: 0px !important;
  }
  .lg\:m-2,
.lg\:mt-2,
.lg\:my-2 {
    margin-top: 2px !important;
  }
  .lg\:m-2,
.lg\:me-2,
.lg\:mx-2 {
    margin-right: 2px !important;
  }
  .lg\:m-2,
.lg\:mb-2,
.lg\:my-2 {
    margin-bottom: 2px !important;
  }
  .lg\:m-2,
.lg\:ms-2,
.lg\:mx-2 {
    margin-left: 2px !important;
  }
  .lg\:m-4,
.lg\:mt-4,
.lg\:my-4 {
    margin-top: 4px !important;
  }
  .lg\:m-4,
.lg\:me-4,
.lg\:mx-4 {
    margin-right: 4px !important;
  }
  .lg\:m-4,
.lg\:mb-4,
.lg\:my-4 {
    margin-bottom: 4px !important;
  }
  .lg\:m-4,
.lg\:ms-4,
.lg\:mx-4 {
    margin-left: 4px !important;
  }
  .lg\:m-6,
.lg\:mt-6,
.lg\:my-6 {
    margin-top: 6px !important;
  }
  .lg\:m-6,
.lg\:me-6,
.lg\:mx-6 {
    margin-right: 6px !important;
  }
  .lg\:m-6,
.lg\:mb-6,
.lg\:my-6 {
    margin-bottom: 6px !important;
  }
  .lg\:m-6,
.lg\:ms-6,
.lg\:mx-6 {
    margin-left: 6px !important;
  }
  .lg\:m-8,
.lg\:mt-8,
.lg\:my-8 {
    margin-top: 8px !important;
  }
  .lg\:m-8,
.lg\:me-8,
.lg\:mx-8 {
    margin-right: 8px !important;
  }
  .lg\:m-8,
.lg\:mb-8,
.lg\:my-8 {
    margin-bottom: 8px !important;
  }
  .lg\:m-8,
.lg\:ms-8,
.lg\:mx-8 {
    margin-left: 8px !important;
  }
  .lg\:m-10,
.lg\:mt-10,
.lg\:my-10 {
    margin-top: 10px !important;
  }
  .lg\:m-10,
.lg\:me-10,
.lg\:mx-10 {
    margin-right: 10px !important;
  }
  .lg\:m-10,
.lg\:mb-10,
.lg\:my-10 {
    margin-bottom: 10px !important;
  }
  .lg\:m-10,
.lg\:ms-10,
.lg\:mx-10 {
    margin-left: 10px !important;
  }
  .lg\:m-12,
.lg\:mt-12,
.lg\:my-12 {
    margin-top: 12px !important;
  }
  .lg\:m-12,
.lg\:me-12,
.lg\:mx-12 {
    margin-right: 12px !important;
  }
  .lg\:m-12,
.lg\:mb-12,
.lg\:my-12 {
    margin-bottom: 12px !important;
  }
  .lg\:m-12,
.lg\:ms-12,
.lg\:mx-12 {
    margin-left: 12px !important;
  }
  .lg\:m-14,
.lg\:mt-14,
.lg\:my-14 {
    margin-top: 14px !important;
  }
  .lg\:m-14,
.lg\:me-14,
.lg\:mx-14 {
    margin-right: 14px !important;
  }
  .lg\:m-14,
.lg\:mb-14,
.lg\:my-14 {
    margin-bottom: 14px !important;
  }
  .lg\:m-14,
.lg\:ms-14,
.lg\:mx-14 {
    margin-left: 14px !important;
  }
  .lg\:m-16,
.lg\:mt-16,
.lg\:my-16 {
    margin-top: 16px !important;
  }
  .lg\:m-16,
.lg\:me-16,
.lg\:mx-16 {
    margin-right: 16px !important;
  }
  .lg\:m-16,
.lg\:mb-16,
.lg\:my-16 {
    margin-bottom: 16px !important;
  }
  .lg\:m-16,
.lg\:ms-16,
.lg\:mx-16 {
    margin-left: 16px !important;
  }
  .lg\:m-18,
.lg\:mt-18,
.lg\:my-18 {
    margin-top: 18px !important;
  }
  .lg\:m-18,
.lg\:me-18,
.lg\:mx-18 {
    margin-right: 18px !important;
  }
  .lg\:m-18,
.lg\:mb-18,
.lg\:my-18 {
    margin-bottom: 18px !important;
  }
  .lg\:m-18,
.lg\:ms-18,
.lg\:mx-18 {
    margin-left: 18px !important;
  }
  .lg\:m-20,
.lg\:mt-20,
.lg\:my-20 {
    margin-top: 20px !important;
  }
  .lg\:m-20,
.lg\:me-20,
.lg\:mx-20 {
    margin-right: 20px !important;
  }
  .lg\:m-20,
.lg\:mb-20,
.lg\:my-20 {
    margin-bottom: 20px !important;
  }
  .lg\:m-20,
.lg\:ms-20,
.lg\:mx-20 {
    margin-left: 20px !important;
  }
  .lg\:m-22,
.lg\:mt-22,
.lg\:my-22 {
    margin-top: 22px !important;
  }
  .lg\:m-22,
.lg\:me-22,
.lg\:mx-22 {
    margin-right: 22px !important;
  }
  .lg\:m-22,
.lg\:mb-22,
.lg\:my-22 {
    margin-bottom: 22px !important;
  }
  .lg\:m-22,
.lg\:ms-22,
.lg\:mx-22 {
    margin-left: 22px !important;
  }
  .lg\:m-24,
.lg\:mt-24,
.lg\:my-24 {
    margin-top: 24px !important;
  }
  .lg\:m-24,
.lg\:me-24,
.lg\:mx-24 {
    margin-right: 24px !important;
  }
  .lg\:m-24,
.lg\:mb-24,
.lg\:my-24 {
    margin-bottom: 24px !important;
  }
  .lg\:m-24,
.lg\:ms-24,
.lg\:mx-24 {
    margin-left: 24px !important;
  }
  .lg\:m-26,
.lg\:mt-26,
.lg\:my-26 {
    margin-top: 26px !important;
  }
  .lg\:m-26,
.lg\:me-26,
.lg\:mx-26 {
    margin-right: 26px !important;
  }
  .lg\:m-26,
.lg\:mb-26,
.lg\:my-26 {
    margin-bottom: 26px !important;
  }
  .lg\:m-26,
.lg\:ms-26,
.lg\:mx-26 {
    margin-left: 26px !important;
  }
  .lg\:m-28,
.lg\:mt-28,
.lg\:my-28 {
    margin-top: 28px !important;
  }
  .lg\:m-28,
.lg\:me-28,
.lg\:mx-28 {
    margin-right: 28px !important;
  }
  .lg\:m-28,
.lg\:mb-28,
.lg\:my-28 {
    margin-bottom: 28px !important;
  }
  .lg\:m-28,
.lg\:ms-28,
.lg\:mx-28 {
    margin-left: 28px !important;
  }
  .lg\:m-30,
.lg\:mt-30,
.lg\:my-30 {
    margin-top: 30px !important;
  }
  .lg\:m-30,
.lg\:me-30,
.lg\:mx-30 {
    margin-right: 30px !important;
  }
  .lg\:m-30,
.lg\:mb-30,
.lg\:my-30 {
    margin-bottom: 30px !important;
  }
  .lg\:m-30,
.lg\:ms-30,
.lg\:mx-30 {
    margin-left: 30px !important;
  }
  .lg\:m-32,
.lg\:mt-32,
.lg\:my-32 {
    margin-top: 32px !important;
  }
  .lg\:m-32,
.lg\:me-32,
.lg\:mx-32 {
    margin-right: 32px !important;
  }
  .lg\:m-32,
.lg\:mb-32,
.lg\:my-32 {
    margin-bottom: 32px !important;
  }
  .lg\:m-32,
.lg\:ms-32,
.lg\:mx-32 {
    margin-left: 32px !important;
  }
  .lg\:m-34,
.lg\:mt-34,
.lg\:my-34 {
    margin-top: 34px !important;
  }
  .lg\:m-34,
.lg\:me-34,
.lg\:mx-34 {
    margin-right: 34px !important;
  }
  .lg\:m-34,
.lg\:mb-34,
.lg\:my-34 {
    margin-bottom: 34px !important;
  }
  .lg\:m-34,
.lg\:ms-34,
.lg\:mx-34 {
    margin-left: 34px !important;
  }
  .lg\:m-36,
.lg\:mt-36,
.lg\:my-36 {
    margin-top: 36px !important;
  }
  .lg\:m-36,
.lg\:me-36,
.lg\:mx-36 {
    margin-right: 36px !important;
  }
  .lg\:m-36,
.lg\:mb-36,
.lg\:my-36 {
    margin-bottom: 36px !important;
  }
  .lg\:m-36,
.lg\:ms-36,
.lg\:mx-36 {
    margin-left: 36px !important;
  }
  .lg\:m-38,
.lg\:mt-38,
.lg\:my-38 {
    margin-top: 38px !important;
  }
  .lg\:m-38,
.lg\:me-38,
.lg\:mx-38 {
    margin-right: 38px !important;
  }
  .lg\:m-38,
.lg\:mb-38,
.lg\:my-38 {
    margin-bottom: 38px !important;
  }
  .lg\:m-38,
.lg\:ms-38,
.lg\:mx-38 {
    margin-left: 38px !important;
  }
  .lg\:m-40,
.lg\:mt-40,
.lg\:my-40 {
    margin-top: 40px !important;
  }
  .lg\:m-40,
.lg\:me-40,
.lg\:mx-40 {
    margin-right: 40px !important;
  }
  .lg\:m-40,
.lg\:mb-40,
.lg\:my-40 {
    margin-bottom: 40px !important;
  }
  .lg\:m-40,
.lg\:ms-40,
.lg\:mx-40 {
    margin-left: 40px !important;
  }
  .lg\:m-42,
.lg\:mt-42,
.lg\:my-42 {
    margin-top: 42px !important;
  }
  .lg\:m-42,
.lg\:me-42,
.lg\:mx-42 {
    margin-right: 42px !important;
  }
  .lg\:m-42,
.lg\:mb-42,
.lg\:my-42 {
    margin-bottom: 42px !important;
  }
  .lg\:m-42,
.lg\:ms-42,
.lg\:mx-42 {
    margin-left: 42px !important;
  }
  .lg\:m-44,
.lg\:mt-44,
.lg\:my-44 {
    margin-top: 44px !important;
  }
  .lg\:m-44,
.lg\:me-44,
.lg\:mx-44 {
    margin-right: 44px !important;
  }
  .lg\:m-44,
.lg\:mb-44,
.lg\:my-44 {
    margin-bottom: 44px !important;
  }
  .lg\:m-44,
.lg\:ms-44,
.lg\:mx-44 {
    margin-left: 44px !important;
  }
  .lg\:m-46,
.lg\:mt-46,
.lg\:my-46 {
    margin-top: 46px !important;
  }
  .lg\:m-46,
.lg\:me-46,
.lg\:mx-46 {
    margin-right: 46px !important;
  }
  .lg\:m-46,
.lg\:mb-46,
.lg\:my-46 {
    margin-bottom: 46px !important;
  }
  .lg\:m-46,
.lg\:ms-46,
.lg\:mx-46 {
    margin-left: 46px !important;
  }
  .lg\:m-48,
.lg\:mt-48,
.lg\:my-48 {
    margin-top: 48px !important;
  }
  .lg\:m-48,
.lg\:me-48,
.lg\:mx-48 {
    margin-right: 48px !important;
  }
  .lg\:m-48,
.lg\:mb-48,
.lg\:my-48 {
    margin-bottom: 48px !important;
  }
  .lg\:m-48,
.lg\:ms-48,
.lg\:mx-48 {
    margin-left: 48px !important;
  }
  .lg\:m-50,
.lg\:mt-50,
.lg\:my-50 {
    margin-top: 50px !important;
  }
  .lg\:m-50,
.lg\:me-50,
.lg\:mx-50 {
    margin-right: 50px !important;
  }
  .lg\:m-50,
.lg\:mb-50,
.lg\:my-50 {
    margin-bottom: 50px !important;
  }
  .lg\:m-50,
.lg\:ms-50,
.lg\:mx-50 {
    margin-left: 50px !important;
  }
  .lg\:m-52,
.lg\:mt-52,
.lg\:my-52 {
    margin-top: 52px !important;
  }
  .lg\:m-52,
.lg\:me-52,
.lg\:mx-52 {
    margin-right: 52px !important;
  }
  .lg\:m-52,
.lg\:mb-52,
.lg\:my-52 {
    margin-bottom: 52px !important;
  }
  .lg\:m-52,
.lg\:ms-52,
.lg\:mx-52 {
    margin-left: 52px !important;
  }
  .lg\:m-54,
.lg\:mt-54,
.lg\:my-54 {
    margin-top: 54px !important;
  }
  .lg\:m-54,
.lg\:me-54,
.lg\:mx-54 {
    margin-right: 54px !important;
  }
  .lg\:m-54,
.lg\:mb-54,
.lg\:my-54 {
    margin-bottom: 54px !important;
  }
  .lg\:m-54,
.lg\:ms-54,
.lg\:mx-54 {
    margin-left: 54px !important;
  }
  .lg\:m-56,
.lg\:mt-56,
.lg\:my-56 {
    margin-top: 56px !important;
  }
  .lg\:m-56,
.lg\:me-56,
.lg\:mx-56 {
    margin-right: 56px !important;
  }
  .lg\:m-56,
.lg\:mb-56,
.lg\:my-56 {
    margin-bottom: 56px !important;
  }
  .lg\:m-56,
.lg\:ms-56,
.lg\:mx-56 {
    margin-left: 56px !important;
  }
  .lg\:m-58,
.lg\:mt-58,
.lg\:my-58 {
    margin-top: 58px !important;
  }
  .lg\:m-58,
.lg\:me-58,
.lg\:mx-58 {
    margin-right: 58px !important;
  }
  .lg\:m-58,
.lg\:mb-58,
.lg\:my-58 {
    margin-bottom: 58px !important;
  }
  .lg\:m-58,
.lg\:ms-58,
.lg\:mx-58 {
    margin-left: 58px !important;
  }
  .lg\:m-60,
.lg\:mt-60,
.lg\:my-60 {
    margin-top: 60px !important;
  }
  .lg\:m-60,
.lg\:me-60,
.lg\:mx-60 {
    margin-right: 60px !important;
  }
  .lg\:m-60,
.lg\:mb-60,
.lg\:my-60 {
    margin-bottom: 60px !important;
  }
  .lg\:m-60,
.lg\:ms-60,
.lg\:mx-60 {
    margin-left: 60px !important;
  }
  .lg\:fs-10 {
    font-size: 10px !important;
  }
  .lg\:fs-11 {
    font-size: 11px !important;
  }
  .lg\:fs-12 {
    font-size: 12px !important;
  }
  .lg\:fs-13 {
    font-size: 13px !important;
  }
  .lg\:fs-14 {
    font-size: 14px !important;
  }
  .lg\:fs-15 {
    font-size: 15px !important;
  }
  .lg\:fs-16 {
    font-size: 16px !important;
  }
  .lg\:fs-17 {
    font-size: 17px !important;
  }
  .lg\:fs-18 {
    font-size: 18px !important;
  }
  .lg\:fs-19 {
    font-size: 19px !important;
  }
  .lg\:fs-20 {
    font-size: 20px !important;
  }
  .lg\:fs-21 {
    font-size: 21px !important;
  }
  .lg\:fs-22 {
    font-size: 22px !important;
  }
  .lg\:fs-23 {
    font-size: 23px !important;
  }
  .lg\:fs-24 {
    font-size: 24px !important;
  }
  .lg\:fs-25 {
    font-size: 25px !important;
  }
  .lg\:fs-26 {
    font-size: 26px !important;
  }
  .lg\:fs-27 {
    font-size: 27px !important;
  }
  .lg\:fs-28 {
    font-size: 28px !important;
  }
  .lg\:fs-29 {
    font-size: 29px !important;
  }
  .lg\:fs-30 {
    font-size: 30px !important;
  }
  .lg\:fw-100 {
    font-weight: 100 !important;
  }
  .lg\:fw-200 {
    font-weight: 200 !important;
  }
  .lg\:fw-300 {
    font-weight: 300 !important;
  }
  .lg\:fw-400 {
    font-weight: 400 !important;
  }
  .lg\:fw-500 {
    font-weight: 500 !important;
  }
  .lg\:fw-600 {
    font-weight: 600 !important;
  }
  .lg\:fw-700 {
    font-weight: 700 !important;
  }
  .lg\:fw-800 {
    font-weight: 800 !important;
  }
  .lg\:fw-900 {
    font-weight: 900 !important;
  }
  .lg\:lh-14 {
    line-height: 14px !important;
  }
  .lg\:lh-15 {
    line-height: 15px !important;
  }
  .lg\:lh-16 {
    line-height: 16px !important;
  }
  .lg\:lh-17 {
    line-height: 17px !important;
  }
  .lg\:lh-18 {
    line-height: 18px !important;
  }
  .lg\:lh-19 {
    line-height: 19px !important;
  }
  .lg\:lh-20 {
    line-height: 20px !important;
  }
  .lg\:lh-21 {
    line-height: 21px !important;
  }
  .lg\:lh-22 {
    line-height: 22px !important;
  }
  .lg\:lh-23 {
    line-height: 23px !important;
  }
  .lg\:lh-24 {
    line-height: 24px !important;
  }
  .lg\:lh-25 {
    line-height: 25px !important;
  }
  .lg\:lh-26 {
    line-height: 26px !important;
  }
  .lg\:lh-27 {
    line-height: 27px !important;
  }
  .lg\:lh-28 {
    line-height: 28px !important;
  }
  .lg\:lh-29 {
    line-height: 29px !important;
  }
  .lg\:lh-30 {
    line-height: 30px !important;
  }
  .lg\:lh-31 {
    line-height: 31px !important;
  }
  .lg\:lh-32 {
    line-height: 32px !important;
  }
  .lg\:lh-33 {
    line-height: 33px !important;
  }
  .lg\:lh-34 {
    line-height: 34px !important;
  }
  .lg\:lh-35 {
    line-height: 35px !important;
  }
  .lg\:lh-36 {
    line-height: 36px !important;
  }
  .lg\:lh-37 {
    line-height: 37px !important;
  }
  .lg\:lh-38 {
    line-height: 38px !important;
  }
  .lg\:lh-39 {
    line-height: 39px !important;
  }
  .lg\:lh-40 {
    line-height: 40px !important;
  }
  .box.history-transaction .note-content {
    text-align: start;
    color: var(--color-grey);
  }
  .box {
    border-radius: 10px;
  }
  .box-title {
    background: #fff;
    color: #000;
    text-align: start;
  }
  .box.favorite-won,
.box.auction-won,
.box.history-auction,
.box.my-purchase,
.box.delivery-address,
.box.balances,
.box.withdraw,
.box.history-transaction {
    flex-grow: 1;
    height: 100%;
  }
  table tbody tr:not(:last-child) .auction-status {
    border-bottom: 1px solid #ededed;
  }
  table tbody tr td {
    padding: 10px 18px;
  }
  table tbody tr td .product-img img {
    width: 114px;
    height: 114px;
  }
  table tbody tr .delete-btn {
    position: initial;
    border-bottom: 1px solid #ededed;
  }
  table tbody tr .auction-status {
    justify-content: initial;
  }
  table tbody tr .auction-status .time-left {
    margin: 0 auto;
    background: #f0f2f7;
  }
  table tbody tr:last-child td {
    border: none;
  }
  .box.auction-won table tbody tr .product-img {
    width: 86px;
    height: 86px;
  }
  .box.auction-won table tbody tr .auction-status .time-left {
    margin: 0 auto;
    justify-content: center;
  }
  .box.auction-won table tbody tr td {
    border-bottom: 1px solid #ededed;
    padding: 8px 16px;
  }
  .carousel-main .flickity-button {
    display: none;
  }
  .bidding-overview .bidding-table .table-body .table-cell {
    font-size: 16px;
  }
  #auctionDetailPage .other-auctions-title {
    display: none;
  }
}

@media (min-width: 1200px){
  .xl\:radius-0,
.xl\:radius-l-0,
.xl\:radius-tl-0 {
    border-top-left-radius: 0px;
  }
  .xl\:radius-0,
.xl\:radius-l-0,
.xl\:radius-bl-0 {
    border-bottom-left-radius: 0px;
  }
  .xl\:radius-0,
.xl\:radius-r-0,
.xl\:radius-tr-0 {
    border-top-right-radius: 0px;
  }
  .xl\:radius-0,
.xl\:radius-r-0,
.xl\:radius-br-0 {
    border-bottom-right-radius: 0px;
  }
  .xl\:radius-2,
.xl\:radius-l-2,
.xl\:radius-tl-2 {
    border-top-left-radius: 2px;
  }
  .xl\:radius-2,
.xl\:radius-l-2,
.xl\:radius-bl-2 {
    border-bottom-left-radius: 2px;
  }
  .xl\:radius-2,
.xl\:radius-r-2,
.xl\:radius-tr-2 {
    border-top-right-radius: 2px;
  }
  .xl\:radius-2,
.xl\:radius-r-2,
.xl\:radius-br-2 {
    border-bottom-right-radius: 2px;
  }
  .xl\:radius-4,
.xl\:radius-l-4,
.xl\:radius-tl-4 {
    border-top-left-radius: 4px;
  }
  .xl\:radius-4,
.xl\:radius-l-4,
.xl\:radius-bl-4 {
    border-bottom-left-radius: 4px;
  }
  .xl\:radius-4,
.xl\:radius-r-4,
.xl\:radius-tr-4 {
    border-top-right-radius: 4px;
  }
  .xl\:radius-4,
.xl\:radius-r-4,
.xl\:radius-br-4 {
    border-bottom-right-radius: 4px;
  }
  .xl\:radius-6,
.xl\:radius-l-6,
.xl\:radius-tl-6 {
    border-top-left-radius: 6px;
  }
  .xl\:radius-6,
.xl\:radius-l-6,
.xl\:radius-bl-6 {
    border-bottom-left-radius: 6px;
  }
  .xl\:radius-6,
.xl\:radius-r-6,
.xl\:radius-tr-6 {
    border-top-right-radius: 6px;
  }
  .xl\:radius-6,
.xl\:radius-r-6,
.xl\:radius-br-6 {
    border-bottom-right-radius: 6px;
  }
  .xl\:radius-8,
.xl\:radius-l-8,
.xl\:radius-tl-8 {
    border-top-left-radius: 8px;
  }
  .xl\:radius-8,
.xl\:radius-l-8,
.xl\:radius-bl-8 {
    border-bottom-left-radius: 8px;
  }
  .xl\:radius-8,
.xl\:radius-r-8,
.xl\:radius-tr-8 {
    border-top-right-radius: 8px;
  }
  .xl\:radius-8,
.xl\:radius-r-8,
.xl\:radius-br-8 {
    border-bottom-right-radius: 8px;
  }
  .xl\:radius-10,
.xl\:radius-l-10,
.xl\:radius-tl-10 {
    border-top-left-radius: 10px;
  }
  .xl\:radius-10,
.xl\:radius-l-10,
.xl\:radius-bl-10 {
    border-bottom-left-radius: 10px;
  }
  .xl\:radius-10,
.xl\:radius-r-10,
.xl\:radius-tr-10 {
    border-top-right-radius: 10px;
  }
  .xl\:radius-10,
.xl\:radius-r-10,
.xl\:radius-br-10 {
    border-bottom-right-radius: 10px;
  }
  .xl\:radius-12,
.xl\:radius-l-12,
.xl\:radius-tl-12 {
    border-top-left-radius: 12px;
  }
  .xl\:radius-12,
.xl\:radius-l-12,
.xl\:radius-bl-12 {
    border-bottom-left-radius: 12px;
  }
  .xl\:radius-12,
.xl\:radius-r-12,
.xl\:radius-tr-12 {
    border-top-right-radius: 12px;
  }
  .xl\:radius-12,
.xl\:radius-r-12,
.xl\:radius-br-12 {
    border-bottom-right-radius: 12px;
  }
  .xl\:radius-14,
.xl\:radius-l-14,
.xl\:radius-tl-14 {
    border-top-left-radius: 14px;
  }
  .xl\:radius-14,
.xl\:radius-l-14,
.xl\:radius-bl-14 {
    border-bottom-left-radius: 14px;
  }
  .xl\:radius-14,
.xl\:radius-r-14,
.xl\:radius-tr-14 {
    border-top-right-radius: 14px;
  }
  .xl\:radius-14,
.xl\:radius-r-14,
.xl\:radius-br-14 {
    border-bottom-right-radius: 14px;
  }
  .xl\:radius-16,
.xl\:radius-l-16,
.xl\:radius-tl-16 {
    border-top-left-radius: 16px;
  }
  .xl\:radius-16,
.xl\:radius-l-16,
.xl\:radius-bl-16 {
    border-bottom-left-radius: 16px;
  }
  .xl\:radius-16,
.xl\:radius-r-16,
.xl\:radius-tr-16 {
    border-top-right-radius: 16px;
  }
  .xl\:radius-16,
.xl\:radius-r-16,
.xl\:radius-br-16 {
    border-bottom-right-radius: 16px;
  }
  .xl\:radius-18,
.xl\:radius-l-18,
.xl\:radius-tl-18 {
    border-top-left-radius: 18px;
  }
  .xl\:radius-18,
.xl\:radius-l-18,
.xl\:radius-bl-18 {
    border-bottom-left-radius: 18px;
  }
  .xl\:radius-18,
.xl\:radius-r-18,
.xl\:radius-tr-18 {
    border-top-right-radius: 18px;
  }
  .xl\:radius-18,
.xl\:radius-r-18,
.xl\:radius-br-18 {
    border-bottom-right-radius: 18px;
  }
  .xl\:radius-20,
.xl\:radius-l-20,
.xl\:radius-tl-20 {
    border-top-left-radius: 20px;
  }
  .xl\:radius-20,
.xl\:radius-l-20,
.xl\:radius-bl-20 {
    border-bottom-left-radius: 20px;
  }
  .xl\:radius-20,
.xl\:radius-r-20,
.xl\:radius-tr-20 {
    border-top-right-radius: 20px;
  }
  .xl\:radius-20,
.xl\:radius-r-20,
.xl\:radius-br-20 {
    border-bottom-right-radius: 20px;
  }
  .xl\:radius-full {
    border-radius: 100%;
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:flex-column {
    flex-direction: column;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse;
  }
  .xl\:flex-initial {
    flex-direction: initial;
  }
  .xl\:flex-inherit {
    flex-direction: inherit;
  }
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-start {
    text-align: start !important;
  }
  .xl\:text-end {
    text-align: end !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .xl\:d-none {
    display: none !important;
  }
  .xl\:d-inline {
    display: inline !important;
  }
  .xl\:d-block {
    display: block !important;
  }
  .xl\:d-inline-block {
    display: inline-block !important;
  }
  .xl\:d-flex {
    display: flex !important;
  }
  .xl\:d-inline-flex {
    display: inline-flex !important;
  }
  .xl\:d-grid {
    display: grid !important;
  }
  .xl\:d-inline-grid {
    display: inline-grid !important;
  }
  .xl\:d-initial {
    display: initial !important;
  }
  .xl\:d-inherit {
    display: inherit !important;
  }
  .xl\:d-table-row {
    display: table-row !important;
  }
  .xl\:d-table-cell {
    display: table-cell !important;
  }
  .xl\:d-table-row-group {
    display: table-row-group !important;
  }
  .xl\:d-table-column-group {
    display: table-column-group !important;
  }
  .xl\:d-table-header-group {
    display: table-header-group !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-flex-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-flex-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !important;
  }
  .xl\:align-items-initial {
    align-items: initial !important;
  }
  .xl\:align-items-inherit {
    align-items: inherit !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
  .xl\:justify-content-initial {
    justify-content: initial !important;
  }
  .xl\:justify-content-inherit {
    justify-content: inherit !important;
  }
  .xl\:grid-gap-0 {
    gap: 0px;
  }
  .xl\:grid-gap-1 {
    gap: 1px;
  }
  .xl\:grid-gap-2 {
    gap: 2px;
  }
  .xl\:grid-gap-3 {
    gap: 3px;
  }
  .xl\:grid-gap-4 {
    gap: 4px;
  }
  .xl\:grid-gap-5 {
    gap: 5px;
  }
  .xl\:grid-gap-6 {
    gap: 6px;
  }
  .xl\:grid-gap-7 {
    gap: 7px;
  }
  .xl\:grid-gap-8 {
    gap: 8px;
  }
  .xl\:grid-gap-9 {
    gap: 9px;
  }
  .xl\:grid-gap-10 {
    gap: 10px;
  }
  .xl\:grid-gap-11 {
    gap: 11px;
  }
  .xl\:grid-gap-12 {
    gap: 12px;
  }
  .xl\:grid-gap-13 {
    gap: 13px;
  }
  .xl\:grid-gap-14 {
    gap: 14px;
  }
  .xl\:grid-gap-15 {
    gap: 15px;
  }
  .xl\:grid-gap-16 {
    gap: 16px;
  }
  .xl\:grid-gap-17 {
    gap: 17px;
  }
  .xl\:grid-gap-18 {
    gap: 18px;
  }
  .xl\:grid-gap-19 {
    gap: 19px;
  }
  .xl\:grid-gap-20 {
    gap: 20px;
  }
  .xl\:grid-gap-21 {
    gap: 21px;
  }
  .xl\:grid-gap-22 {
    gap: 22px;
  }
  .xl\:grid-gap-23 {
    gap: 23px;
  }
  .xl\:grid-gap-24 {
    gap: 24px;
  }
  .xl\:grid-gap-25 {
    gap: 25px;
  }
  .xl\:grid-gap-26 {
    gap: 26px;
  }
  .xl\:grid-gap-27 {
    gap: 27px;
  }
  .xl\:grid-gap-28 {
    gap: 28px;
  }
  .xl\:grid-gap-29 {
    gap: 29px;
  }
  .xl\:grid-gap-30 {
    gap: 30px;
  }
  .xl\:grid-gap-31 {
    gap: 31px;
  }
  .xl\:grid-gap-32 {
    gap: 32px;
  }
  .xl\:grid-gap-33 {
    gap: 33px;
  }
  .xl\:grid-gap-34 {
    gap: 34px;
  }
  .xl\:grid-gap-35 {
    gap: 35px;
  }
  .xl\:grid-gap-36 {
    gap: 36px;
  }
  .xl\:grid-gap-37 {
    gap: 37px;
  }
  .xl\:grid-gap-38 {
    gap: 38px;
  }
  .xl\:grid-gap-39 {
    gap: 39px;
  }
  .xl\:grid-gap-40 {
    gap: 40px;
  }
  .xl\:grid-column-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .xl\:grid-span-1 {
    grid-column: auto/span 1;
  }
  .xl\:grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .xl\:grid-span-2 {
    grid-column: auto/span 2;
  }
  .xl\:grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .xl\:grid-span-3 {
    grid-column: auto/span 3;
  }
  .xl\:grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .xl\:grid-span-4 {
    grid-column: auto/span 4;
  }
  .xl\:grid-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .xl\:grid-span-5 {
    grid-column: auto/span 5;
  }
  .xl\:grid-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .xl\:grid-span-6 {
    grid-column: auto/span 6;
  }
  .xl\:grid-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .xl\:grid-span-7 {
    grid-column: auto/span 7;
  }
  .xl\:grid-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .xl\:grid-span-8 {
    grid-column: auto/span 8;
  }
  .xl\:grid-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .xl\:grid-span-9 {
    grid-column: auto/span 9;
  }
  .xl\:grid-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .xl\:grid-span-10 {
    grid-column: auto/span 10;
  }
  .xl\:grid-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .xl\:grid-span-11 {
    grid-column: auto/span 11;
  }
  .xl\:grid-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .xl\:grid-span-12 {
    grid-column: auto/span 12;
  }
  .xl\:grid-column-13 {
    grid-template-columns: repeat(13, 1fr);
  }
  .xl\:grid-span-13 {
    grid-column: auto/span 13;
  }
  .xl\:grid-column-14 {
    grid-template-columns: repeat(14, 1fr);
  }
  .xl\:grid-span-14 {
    grid-column: auto/span 14;
  }
  .xl\:grid-column-15 {
    grid-template-columns: repeat(15, 1fr);
  }
  .xl\:grid-span-15 {
    grid-column: auto/span 15;
  }
  .xl\:grid-column-16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .xl\:grid-span-16 {
    grid-column: auto/span 16;
  }
  .xl\:grid-column-17 {
    grid-template-columns: repeat(17, 1fr);
  }
  .xl\:grid-span-17 {
    grid-column: auto/span 17;
  }
  .xl\:grid-column-18 {
    grid-template-columns: repeat(18, 1fr);
  }
  .xl\:grid-span-18 {
    grid-column: auto/span 18;
  }
  .xl\:grid-column-19 {
    grid-template-columns: repeat(19, 1fr);
  }
  .xl\:grid-span-19 {
    grid-column: auto/span 19;
  }
  .xl\:grid-column-20 {
    grid-template-columns: repeat(20, 1fr);
  }
  .xl\:grid-span-20 {
    grid-column: auto/span 20;
  }
  .xl\:grid-column-21 {
    grid-template-columns: repeat(21, 1fr);
  }
  .xl\:grid-span-21 {
    grid-column: auto/span 21;
  }
  .xl\:grid-column-22 {
    grid-template-columns: repeat(22, 1fr);
  }
  .xl\:grid-span-22 {
    grid-column: auto/span 22;
  }
  .xl\:grid-column-23 {
    grid-template-columns: repeat(23, 1fr);
  }
  .xl\:grid-span-23 {
    grid-column: auto/span 23;
  }
  .xl\:grid-column-24 {
    grid-template-columns: repeat(24, 1fr);
  }
  .xl\:grid-span-24 {
    grid-column: auto/span 24;
  }
  .xl\:top-0 {
    top: 0px !important;
  }
  .xl\:right-0 {
    right: 0px !important;
  }
  .xl\:bottom-0 {
    bottom: 0px !important;
  }
  .xl\:left-0 {
    left: 0px !important;
  }
  .xl\:top-2 {
    top: 2px !important;
  }
  .xl\:right-2 {
    right: 2px !important;
  }
  .xl\:bottom-2 {
    bottom: 2px !important;
  }
  .xl\:left-2 {
    left: 2px !important;
  }
  .xl\:top-4 {
    top: 4px !important;
  }
  .xl\:right-4 {
    right: 4px !important;
  }
  .xl\:bottom-4 {
    bottom: 4px !important;
  }
  .xl\:left-4 {
    left: 4px !important;
  }
  .xl\:top-6 {
    top: 6px !important;
  }
  .xl\:right-6 {
    right: 6px !important;
  }
  .xl\:bottom-6 {
    bottom: 6px !important;
  }
  .xl\:left-6 {
    left: 6px !important;
  }
  .xl\:top-8 {
    top: 8px !important;
  }
  .xl\:right-8 {
    right: 8px !important;
  }
  .xl\:bottom-8 {
    bottom: 8px !important;
  }
  .xl\:left-8 {
    left: 8px !important;
  }
  .xl\:top-10 {
    top: 10px !important;
  }
  .xl\:right-10 {
    right: 10px !important;
  }
  .xl\:bottom-10 {
    bottom: 10px !important;
  }
  .xl\:left-10 {
    left: 10px !important;
  }
  .xl\:top-12 {
    top: 12px !important;
  }
  .xl\:right-12 {
    right: 12px !important;
  }
  .xl\:bottom-12 {
    bottom: 12px !important;
  }
  .xl\:left-12 {
    left: 12px !important;
  }
  .xl\:top-14 {
    top: 14px !important;
  }
  .xl\:right-14 {
    right: 14px !important;
  }
  .xl\:bottom-14 {
    bottom: 14px !important;
  }
  .xl\:left-14 {
    left: 14px !important;
  }
  .xl\:top-16 {
    top: 16px !important;
  }
  .xl\:right-16 {
    right: 16px !important;
  }
  .xl\:bottom-16 {
    bottom: 16px !important;
  }
  .xl\:left-16 {
    left: 16px !important;
  }
  .xl\:top-18 {
    top: 18px !important;
  }
  .xl\:right-18 {
    right: 18px !important;
  }
  .xl\:bottom-18 {
    bottom: 18px !important;
  }
  .xl\:left-18 {
    left: 18px !important;
  }
  .xl\:top-20 {
    top: 20px !important;
  }
  .xl\:right-20 {
    right: 20px !important;
  }
  .xl\:bottom-20 {
    bottom: 20px !important;
  }
  .xl\:left-20 {
    left: 20px !important;
  }
  .xl\:top-22 {
    top: 22px !important;
  }
  .xl\:right-22 {
    right: 22px !important;
  }
  .xl\:bottom-22 {
    bottom: 22px !important;
  }
  .xl\:left-22 {
    left: 22px !important;
  }
  .xl\:top-24 {
    top: 24px !important;
  }
  .xl\:right-24 {
    right: 24px !important;
  }
  .xl\:bottom-24 {
    bottom: 24px !important;
  }
  .xl\:left-24 {
    left: 24px !important;
  }
  .xl\:top-26 {
    top: 26px !important;
  }
  .xl\:right-26 {
    right: 26px !important;
  }
  .xl\:bottom-26 {
    bottom: 26px !important;
  }
  .xl\:left-26 {
    left: 26px !important;
  }
  .xl\:top-28 {
    top: 28px !important;
  }
  .xl\:right-28 {
    right: 28px !important;
  }
  .xl\:bottom-28 {
    bottom: 28px !important;
  }
  .xl\:left-28 {
    left: 28px !important;
  }
  .xl\:top-30 {
    top: 30px !important;
  }
  .xl\:right-30 {
    right: 30px !important;
  }
  .xl\:bottom-30 {
    bottom: 30px !important;
  }
  .xl\:left-30 {
    left: 30px !important;
  }
  .xl\:top-32 {
    top: 32px !important;
  }
  .xl\:right-32 {
    right: 32px !important;
  }
  .xl\:bottom-32 {
    bottom: 32px !important;
  }
  .xl\:left-32 {
    left: 32px !important;
  }
  .xl\:top-34 {
    top: 34px !important;
  }
  .xl\:right-34 {
    right: 34px !important;
  }
  .xl\:bottom-34 {
    bottom: 34px !important;
  }
  .xl\:left-34 {
    left: 34px !important;
  }
  .xl\:top-36 {
    top: 36px !important;
  }
  .xl\:right-36 {
    right: 36px !important;
  }
  .xl\:bottom-36 {
    bottom: 36px !important;
  }
  .xl\:left-36 {
    left: 36px !important;
  }
  .xl\:top-38 {
    top: 38px !important;
  }
  .xl\:right-38 {
    right: 38px !important;
  }
  .xl\:bottom-38 {
    bottom: 38px !important;
  }
  .xl\:left-38 {
    left: 38px !important;
  }
  .xl\:top-40 {
    top: 40px !important;
  }
  .xl\:right-40 {
    right: 40px !important;
  }
  .xl\:bottom-40 {
    bottom: 40px !important;
  }
  .xl\:left-40 {
    left: 40px !important;
  }
  .xl\:top-42 {
    top: 42px !important;
  }
  .xl\:right-42 {
    right: 42px !important;
  }
  .xl\:bottom-42 {
    bottom: 42px !important;
  }
  .xl\:left-42 {
    left: 42px !important;
  }
  .xl\:top-44 {
    top: 44px !important;
  }
  .xl\:right-44 {
    right: 44px !important;
  }
  .xl\:bottom-44 {
    bottom: 44px !important;
  }
  .xl\:left-44 {
    left: 44px !important;
  }
  .xl\:top-46 {
    top: 46px !important;
  }
  .xl\:right-46 {
    right: 46px !important;
  }
  .xl\:bottom-46 {
    bottom: 46px !important;
  }
  .xl\:left-46 {
    left: 46px !important;
  }
  .xl\:top-48 {
    top: 48px !important;
  }
  .xl\:right-48 {
    right: 48px !important;
  }
  .xl\:bottom-48 {
    bottom: 48px !important;
  }
  .xl\:left-48 {
    left: 48px !important;
  }
  .xl\:top-50 {
    top: 50px !important;
  }
  .xl\:right-50 {
    right: 50px !important;
  }
  .xl\:bottom-50 {
    bottom: 50px !important;
  }
  .xl\:left-50 {
    left: 50px !important;
  }
  .xl\:top-52 {
    top: 52px !important;
  }
  .xl\:right-52 {
    right: 52px !important;
  }
  .xl\:bottom-52 {
    bottom: 52px !important;
  }
  .xl\:left-52 {
    left: 52px !important;
  }
  .xl\:top-54 {
    top: 54px !important;
  }
  .xl\:right-54 {
    right: 54px !important;
  }
  .xl\:bottom-54 {
    bottom: 54px !important;
  }
  .xl\:left-54 {
    left: 54px !important;
  }
  .xl\:top-56 {
    top: 56px !important;
  }
  .xl\:right-56 {
    right: 56px !important;
  }
  .xl\:bottom-56 {
    bottom: 56px !important;
  }
  .xl\:left-56 {
    left: 56px !important;
  }
  .xl\:top-58 {
    top: 58px !important;
  }
  .xl\:right-58 {
    right: 58px !important;
  }
  .xl\:bottom-58 {
    bottom: 58px !important;
  }
  .xl\:left-58 {
    left: 58px !important;
  }
  .xl\:top-60 {
    top: 60px !important;
  }
  .xl\:right-60 {
    right: 60px !important;
  }
  .xl\:bottom-60 {
    bottom: 60px !important;
  }
  .xl\:left-60 {
    left: 60px !important;
  }
  .xl\:ratio-1\/1 {
    aspect-ratio: 1 / 1;
  }
  .xl\:ratio-4\/3 {
    aspect-ratio: 4 / 3;
  }
  .xl\:ratio-3\/2 {
    aspect-ratio: 3 / 2;
  }
  .xl\:ratio-16\/9 {
    aspect-ratio: 16 / 9;
  }
  .xl\:ratio-21\/9 {
    aspect-ratio: 21 / 9;
  }
  .xl\:p-0,
.xl\:pt-0,
.xl\:py-0 {
    padding-top: 0px !important;
  }
  .xl\:p-0,
.xl\:pe-0,
.xl\:px-0 {
    padding-right: 0px !important;
  }
  .xl\:p-0,
.xl\:pb-0,
.xl\:py-0 {
    padding-bottom: 0px !important;
  }
  .xl\:p-0,
.xl\:ps-0,
.xl\:px-0 {
    padding-left: 0px !important;
  }
  .xl\:p-2,
.xl\:pt-2,
.xl\:py-2 {
    padding-top: 2px !important;
  }
  .xl\:p-2,
.xl\:pe-2,
.xl\:px-2 {
    padding-right: 2px !important;
  }
  .xl\:p-2,
.xl\:pb-2,
.xl\:py-2 {
    padding-bottom: 2px !important;
  }
  .xl\:p-2,
.xl\:ps-2,
.xl\:px-2 {
    padding-left: 2px !important;
  }
  .xl\:p-4,
.xl\:pt-4,
.xl\:py-4 {
    padding-top: 4px !important;
  }
  .xl\:p-4,
.xl\:pe-4,
.xl\:px-4 {
    padding-right: 4px !important;
  }
  .xl\:p-4,
.xl\:pb-4,
.xl\:py-4 {
    padding-bottom: 4px !important;
  }
  .xl\:p-4,
.xl\:ps-4,
.xl\:px-4 {
    padding-left: 4px !important;
  }
  .xl\:p-6,
.xl\:pt-6,
.xl\:py-6 {
    padding-top: 6px !important;
  }
  .xl\:p-6,
.xl\:pe-6,
.xl\:px-6 {
    padding-right: 6px !important;
  }
  .xl\:p-6,
.xl\:pb-6,
.xl\:py-6 {
    padding-bottom: 6px !important;
  }
  .xl\:p-6,
.xl\:ps-6,
.xl\:px-6 {
    padding-left: 6px !important;
  }
  .xl\:p-8,
.xl\:pt-8,
.xl\:py-8 {
    padding-top: 8px !important;
  }
  .xl\:p-8,
.xl\:pe-8,
.xl\:px-8 {
    padding-right: 8px !important;
  }
  .xl\:p-8,
.xl\:pb-8,
.xl\:py-8 {
    padding-bottom: 8px !important;
  }
  .xl\:p-8,
.xl\:ps-8,
.xl\:px-8 {
    padding-left: 8px !important;
  }
  .xl\:p-10,
.xl\:pt-10,
.xl\:py-10 {
    padding-top: 10px !important;
  }
  .xl\:p-10,
.xl\:pe-10,
.xl\:px-10 {
    padding-right: 10px !important;
  }
  .xl\:p-10,
.xl\:pb-10,
.xl\:py-10 {
    padding-bottom: 10px !important;
  }
  .xl\:p-10,
.xl\:ps-10,
.xl\:px-10 {
    padding-left: 10px !important;
  }
  .xl\:p-12,
.xl\:pt-12,
.xl\:py-12 {
    padding-top: 12px !important;
  }
  .xl\:p-12,
.xl\:pe-12,
.xl\:px-12 {
    padding-right: 12px !important;
  }
  .xl\:p-12,
.xl\:pb-12,
.xl\:py-12 {
    padding-bottom: 12px !important;
  }
  .xl\:p-12,
.xl\:ps-12,
.xl\:px-12 {
    padding-left: 12px !important;
  }
  .xl\:p-14,
.xl\:pt-14,
.xl\:py-14 {
    padding-top: 14px !important;
  }
  .xl\:p-14,
.xl\:pe-14,
.xl\:px-14 {
    padding-right: 14px !important;
  }
  .xl\:p-14,
.xl\:pb-14,
.xl\:py-14 {
    padding-bottom: 14px !important;
  }
  .xl\:p-14,
.xl\:ps-14,
.xl\:px-14 {
    padding-left: 14px !important;
  }
  .xl\:p-16,
.xl\:pt-16,
.xl\:py-16 {
    padding-top: 16px !important;
  }
  .xl\:p-16,
.xl\:pe-16,
.xl\:px-16 {
    padding-right: 16px !important;
  }
  .xl\:p-16,
.xl\:pb-16,
.xl\:py-16 {
    padding-bottom: 16px !important;
  }
  .xl\:p-16,
.xl\:ps-16,
.xl\:px-16 {
    padding-left: 16px !important;
  }
  .xl\:p-18,
.xl\:pt-18,
.xl\:py-18 {
    padding-top: 18px !important;
  }
  .xl\:p-18,
.xl\:pe-18,
.xl\:px-18 {
    padding-right: 18px !important;
  }
  .xl\:p-18,
.xl\:pb-18,
.xl\:py-18 {
    padding-bottom: 18px !important;
  }
  .xl\:p-18,
.xl\:ps-18,
.xl\:px-18 {
    padding-left: 18px !important;
  }
  .xl\:p-20,
.xl\:pt-20,
.xl\:py-20 {
    padding-top: 20px !important;
  }
  .xl\:p-20,
.xl\:pe-20,
.xl\:px-20 {
    padding-right: 20px !important;
  }
  .xl\:p-20,
.xl\:pb-20,
.xl\:py-20 {
    padding-bottom: 20px !important;
  }
  .xl\:p-20,
.xl\:ps-20,
.xl\:px-20 {
    padding-left: 20px !important;
  }
  .xl\:p-22,
.xl\:pt-22,
.xl\:py-22 {
    padding-top: 22px !important;
  }
  .xl\:p-22,
.xl\:pe-22,
.xl\:px-22 {
    padding-right: 22px !important;
  }
  .xl\:p-22,
.xl\:pb-22,
.xl\:py-22 {
    padding-bottom: 22px !important;
  }
  .xl\:p-22,
.xl\:ps-22,
.xl\:px-22 {
    padding-left: 22px !important;
  }
  .xl\:p-24,
.xl\:pt-24,
.xl\:py-24 {
    padding-top: 24px !important;
  }
  .xl\:p-24,
.xl\:pe-24,
.xl\:px-24 {
    padding-right: 24px !important;
  }
  .xl\:p-24,
.xl\:pb-24,
.xl\:py-24 {
    padding-bottom: 24px !important;
  }
  .xl\:p-24,
.xl\:ps-24,
.xl\:px-24 {
    padding-left: 24px !important;
  }
  .xl\:p-26,
.xl\:pt-26,
.xl\:py-26 {
    padding-top: 26px !important;
  }
  .xl\:p-26,
.xl\:pe-26,
.xl\:px-26 {
    padding-right: 26px !important;
  }
  .xl\:p-26,
.xl\:pb-26,
.xl\:py-26 {
    padding-bottom: 26px !important;
  }
  .xl\:p-26,
.xl\:ps-26,
.xl\:px-26 {
    padding-left: 26px !important;
  }
  .xl\:p-28,
.xl\:pt-28,
.xl\:py-28 {
    padding-top: 28px !important;
  }
  .xl\:p-28,
.xl\:pe-28,
.xl\:px-28 {
    padding-right: 28px !important;
  }
  .xl\:p-28,
.xl\:pb-28,
.xl\:py-28 {
    padding-bottom: 28px !important;
  }
  .xl\:p-28,
.xl\:ps-28,
.xl\:px-28 {
    padding-left: 28px !important;
  }
  .xl\:p-30,
.xl\:pt-30,
.xl\:py-30 {
    padding-top: 30px !important;
  }
  .xl\:p-30,
.xl\:pe-30,
.xl\:px-30 {
    padding-right: 30px !important;
  }
  .xl\:p-30,
.xl\:pb-30,
.xl\:py-30 {
    padding-bottom: 30px !important;
  }
  .xl\:p-30,
.xl\:ps-30,
.xl\:px-30 {
    padding-left: 30px !important;
  }
  .xl\:p-32,
.xl\:pt-32,
.xl\:py-32 {
    padding-top: 32px !important;
  }
  .xl\:p-32,
.xl\:pe-32,
.xl\:px-32 {
    padding-right: 32px !important;
  }
  .xl\:p-32,
.xl\:pb-32,
.xl\:py-32 {
    padding-bottom: 32px !important;
  }
  .xl\:p-32,
.xl\:ps-32,
.xl\:px-32 {
    padding-left: 32px !important;
  }
  .xl\:p-34,
.xl\:pt-34,
.xl\:py-34 {
    padding-top: 34px !important;
  }
  .xl\:p-34,
.xl\:pe-34,
.xl\:px-34 {
    padding-right: 34px !important;
  }
  .xl\:p-34,
.xl\:pb-34,
.xl\:py-34 {
    padding-bottom: 34px !important;
  }
  .xl\:p-34,
.xl\:ps-34,
.xl\:px-34 {
    padding-left: 34px !important;
  }
  .xl\:p-36,
.xl\:pt-36,
.xl\:py-36 {
    padding-top: 36px !important;
  }
  .xl\:p-36,
.xl\:pe-36,
.xl\:px-36 {
    padding-right: 36px !important;
  }
  .xl\:p-36,
.xl\:pb-36,
.xl\:py-36 {
    padding-bottom: 36px !important;
  }
  .xl\:p-36,
.xl\:ps-36,
.xl\:px-36 {
    padding-left: 36px !important;
  }
  .xl\:p-38,
.xl\:pt-38,
.xl\:py-38 {
    padding-top: 38px !important;
  }
  .xl\:p-38,
.xl\:pe-38,
.xl\:px-38 {
    padding-right: 38px !important;
  }
  .xl\:p-38,
.xl\:pb-38,
.xl\:py-38 {
    padding-bottom: 38px !important;
  }
  .xl\:p-38,
.xl\:ps-38,
.xl\:px-38 {
    padding-left: 38px !important;
  }
  .xl\:p-40,
.xl\:pt-40,
.xl\:py-40 {
    padding-top: 40px !important;
  }
  .xl\:p-40,
.xl\:pe-40,
.xl\:px-40 {
    padding-right: 40px !important;
  }
  .xl\:p-40,
.xl\:pb-40,
.xl\:py-40 {
    padding-bottom: 40px !important;
  }
  .xl\:p-40,
.xl\:ps-40,
.xl\:px-40 {
    padding-left: 40px !important;
  }
  .xl\:p-42,
.xl\:pt-42,
.xl\:py-42 {
    padding-top: 42px !important;
  }
  .xl\:p-42,
.xl\:pe-42,
.xl\:px-42 {
    padding-right: 42px !important;
  }
  .xl\:p-42,
.xl\:pb-42,
.xl\:py-42 {
    padding-bottom: 42px !important;
  }
  .xl\:p-42,
.xl\:ps-42,
.xl\:px-42 {
    padding-left: 42px !important;
  }
  .xl\:p-44,
.xl\:pt-44,
.xl\:py-44 {
    padding-top: 44px !important;
  }
  .xl\:p-44,
.xl\:pe-44,
.xl\:px-44 {
    padding-right: 44px !important;
  }
  .xl\:p-44,
.xl\:pb-44,
.xl\:py-44 {
    padding-bottom: 44px !important;
  }
  .xl\:p-44,
.xl\:ps-44,
.xl\:px-44 {
    padding-left: 44px !important;
  }
  .xl\:p-46,
.xl\:pt-46,
.xl\:py-46 {
    padding-top: 46px !important;
  }
  .xl\:p-46,
.xl\:pe-46,
.xl\:px-46 {
    padding-right: 46px !important;
  }
  .xl\:p-46,
.xl\:pb-46,
.xl\:py-46 {
    padding-bottom: 46px !important;
  }
  .xl\:p-46,
.xl\:ps-46,
.xl\:px-46 {
    padding-left: 46px !important;
  }
  .xl\:p-48,
.xl\:pt-48,
.xl\:py-48 {
    padding-top: 48px !important;
  }
  .xl\:p-48,
.xl\:pe-48,
.xl\:px-48 {
    padding-right: 48px !important;
  }
  .xl\:p-48,
.xl\:pb-48,
.xl\:py-48 {
    padding-bottom: 48px !important;
  }
  .xl\:p-48,
.xl\:ps-48,
.xl\:px-48 {
    padding-left: 48px !important;
  }
  .xl\:p-50,
.xl\:pt-50,
.xl\:py-50 {
    padding-top: 50px !important;
  }
  .xl\:p-50,
.xl\:pe-50,
.xl\:px-50 {
    padding-right: 50px !important;
  }
  .xl\:p-50,
.xl\:pb-50,
.xl\:py-50 {
    padding-bottom: 50px !important;
  }
  .xl\:p-50,
.xl\:ps-50,
.xl\:px-50 {
    padding-left: 50px !important;
  }
  .xl\:p-52,
.xl\:pt-52,
.xl\:py-52 {
    padding-top: 52px !important;
  }
  .xl\:p-52,
.xl\:pe-52,
.xl\:px-52 {
    padding-right: 52px !important;
  }
  .xl\:p-52,
.xl\:pb-52,
.xl\:py-52 {
    padding-bottom: 52px !important;
  }
  .xl\:p-52,
.xl\:ps-52,
.xl\:px-52 {
    padding-left: 52px !important;
  }
  .xl\:p-54,
.xl\:pt-54,
.xl\:py-54 {
    padding-top: 54px !important;
  }
  .xl\:p-54,
.xl\:pe-54,
.xl\:px-54 {
    padding-right: 54px !important;
  }
  .xl\:p-54,
.xl\:pb-54,
.xl\:py-54 {
    padding-bottom: 54px !important;
  }
  .xl\:p-54,
.xl\:ps-54,
.xl\:px-54 {
    padding-left: 54px !important;
  }
  .xl\:p-56,
.xl\:pt-56,
.xl\:py-56 {
    padding-top: 56px !important;
  }
  .xl\:p-56,
.xl\:pe-56,
.xl\:px-56 {
    padding-right: 56px !important;
  }
  .xl\:p-56,
.xl\:pb-56,
.xl\:py-56 {
    padding-bottom: 56px !important;
  }
  .xl\:p-56,
.xl\:ps-56,
.xl\:px-56 {
    padding-left: 56px !important;
  }
  .xl\:p-58,
.xl\:pt-58,
.xl\:py-58 {
    padding-top: 58px !important;
  }
  .xl\:p-58,
.xl\:pe-58,
.xl\:px-58 {
    padding-right: 58px !important;
  }
  .xl\:p-58,
.xl\:pb-58,
.xl\:py-58 {
    padding-bottom: 58px !important;
  }
  .xl\:p-58,
.xl\:ps-58,
.xl\:px-58 {
    padding-left: 58px !important;
  }
  .xl\:p-60,
.xl\:pt-60,
.xl\:py-60 {
    padding-top: 60px !important;
  }
  .xl\:p-60,
.xl\:pe-60,
.xl\:px-60 {
    padding-right: 60px !important;
  }
  .xl\:p-60,
.xl\:pb-60,
.xl\:py-60 {
    padding-bottom: 60px !important;
  }
  .xl\:p-60,
.xl\:ps-60,
.xl\:px-60 {
    padding-left: 60px !important;
  }
  .xl\:m--60,
.xl\:mt--60,
.xl\:my--60 {
    margin-top: -60px !important;
  }
  .xl\:m--60,
.xl\:me--60,
.xl\:mx--60 {
    margin-right: -60px !important;
  }
  .xl\:m--60,
.xl\:mb--60,
.xl\:my--60 {
    margin-bottom: -60px !important;
  }
  .xl\:m--60,
.xl\:ms--60,
.xl\:mx--60 {
    margin-left: -60px !important;
  }
  .xl\:m--58,
.xl\:mt--58,
.xl\:my--58 {
    margin-top: -58px !important;
  }
  .xl\:m--58,
.xl\:me--58,
.xl\:mx--58 {
    margin-right: -58px !important;
  }
  .xl\:m--58,
.xl\:mb--58,
.xl\:my--58 {
    margin-bottom: -58px !important;
  }
  .xl\:m--58,
.xl\:ms--58,
.xl\:mx--58 {
    margin-left: -58px !important;
  }
  .xl\:m--56,
.xl\:mt--56,
.xl\:my--56 {
    margin-top: -56px !important;
  }
  .xl\:m--56,
.xl\:me--56,
.xl\:mx--56 {
    margin-right: -56px !important;
  }
  .xl\:m--56,
.xl\:mb--56,
.xl\:my--56 {
    margin-bottom: -56px !important;
  }
  .xl\:m--56,
.xl\:ms--56,
.xl\:mx--56 {
    margin-left: -56px !important;
  }
  .xl\:m--54,
.xl\:mt--54,
.xl\:my--54 {
    margin-top: -54px !important;
  }
  .xl\:m--54,
.xl\:me--54,
.xl\:mx--54 {
    margin-right: -54px !important;
  }
  .xl\:m--54,
.xl\:mb--54,
.xl\:my--54 {
    margin-bottom: -54px !important;
  }
  .xl\:m--54,
.xl\:ms--54,
.xl\:mx--54 {
    margin-left: -54px !important;
  }
  .xl\:m--52,
.xl\:mt--52,
.xl\:my--52 {
    margin-top: -52px !important;
  }
  .xl\:m--52,
.xl\:me--52,
.xl\:mx--52 {
    margin-right: -52px !important;
  }
  .xl\:m--52,
.xl\:mb--52,
.xl\:my--52 {
    margin-bottom: -52px !important;
  }
  .xl\:m--52,
.xl\:ms--52,
.xl\:mx--52 {
    margin-left: -52px !important;
  }
  .xl\:m--50,
.xl\:mt--50,
.xl\:my--50 {
    margin-top: -50px !important;
  }
  .xl\:m--50,
.xl\:me--50,
.xl\:mx--50 {
    margin-right: -50px !important;
  }
  .xl\:m--50,
.xl\:mb--50,
.xl\:my--50 {
    margin-bottom: -50px !important;
  }
  .xl\:m--50,
.xl\:ms--50,
.xl\:mx--50 {
    margin-left: -50px !important;
  }
  .xl\:m--48,
.xl\:mt--48,
.xl\:my--48 {
    margin-top: -48px !important;
  }
  .xl\:m--48,
.xl\:me--48,
.xl\:mx--48 {
    margin-right: -48px !important;
  }
  .xl\:m--48,
.xl\:mb--48,
.xl\:my--48 {
    margin-bottom: -48px !important;
  }
  .xl\:m--48,
.xl\:ms--48,
.xl\:mx--48 {
    margin-left: -48px !important;
  }
  .xl\:m--46,
.xl\:mt--46,
.xl\:my--46 {
    margin-top: -46px !important;
  }
  .xl\:m--46,
.xl\:me--46,
.xl\:mx--46 {
    margin-right: -46px !important;
  }
  .xl\:m--46,
.xl\:mb--46,
.xl\:my--46 {
    margin-bottom: -46px !important;
  }
  .xl\:m--46,
.xl\:ms--46,
.xl\:mx--46 {
    margin-left: -46px !important;
  }
  .xl\:m--44,
.xl\:mt--44,
.xl\:my--44 {
    margin-top: -44px !important;
  }
  .xl\:m--44,
.xl\:me--44,
.xl\:mx--44 {
    margin-right: -44px !important;
  }
  .xl\:m--44,
.xl\:mb--44,
.xl\:my--44 {
    margin-bottom: -44px !important;
  }
  .xl\:m--44,
.xl\:ms--44,
.xl\:mx--44 {
    margin-left: -44px !important;
  }
  .xl\:m--42,
.xl\:mt--42,
.xl\:my--42 {
    margin-top: -42px !important;
  }
  .xl\:m--42,
.xl\:me--42,
.xl\:mx--42 {
    margin-right: -42px !important;
  }
  .xl\:m--42,
.xl\:mb--42,
.xl\:my--42 {
    margin-bottom: -42px !important;
  }
  .xl\:m--42,
.xl\:ms--42,
.xl\:mx--42 {
    margin-left: -42px !important;
  }
  .xl\:m--40,
.xl\:mt--40,
.xl\:my--40 {
    margin-top: -40px !important;
  }
  .xl\:m--40,
.xl\:me--40,
.xl\:mx--40 {
    margin-right: -40px !important;
  }
  .xl\:m--40,
.xl\:mb--40,
.xl\:my--40 {
    margin-bottom: -40px !important;
  }
  .xl\:m--40,
.xl\:ms--40,
.xl\:mx--40 {
    margin-left: -40px !important;
  }
  .xl\:m--38,
.xl\:mt--38,
.xl\:my--38 {
    margin-top: -38px !important;
  }
  .xl\:m--38,
.xl\:me--38,
.xl\:mx--38 {
    margin-right: -38px !important;
  }
  .xl\:m--38,
.xl\:mb--38,
.xl\:my--38 {
    margin-bottom: -38px !important;
  }
  .xl\:m--38,
.xl\:ms--38,
.xl\:mx--38 {
    margin-left: -38px !important;
  }
  .xl\:m--36,
.xl\:mt--36,
.xl\:my--36 {
    margin-top: -36px !important;
  }
  .xl\:m--36,
.xl\:me--36,
.xl\:mx--36 {
    margin-right: -36px !important;
  }
  .xl\:m--36,
.xl\:mb--36,
.xl\:my--36 {
    margin-bottom: -36px !important;
  }
  .xl\:m--36,
.xl\:ms--36,
.xl\:mx--36 {
    margin-left: -36px !important;
  }
  .xl\:m--34,
.xl\:mt--34,
.xl\:my--34 {
    margin-top: -34px !important;
  }
  .xl\:m--34,
.xl\:me--34,
.xl\:mx--34 {
    margin-right: -34px !important;
  }
  .xl\:m--34,
.xl\:mb--34,
.xl\:my--34 {
    margin-bottom: -34px !important;
  }
  .xl\:m--34,
.xl\:ms--34,
.xl\:mx--34 {
    margin-left: -34px !important;
  }
  .xl\:m--32,
.xl\:mt--32,
.xl\:my--32 {
    margin-top: -32px !important;
  }
  .xl\:m--32,
.xl\:me--32,
.xl\:mx--32 {
    margin-right: -32px !important;
  }
  .xl\:m--32,
.xl\:mb--32,
.xl\:my--32 {
    margin-bottom: -32px !important;
  }
  .xl\:m--32,
.xl\:ms--32,
.xl\:mx--32 {
    margin-left: -32px !important;
  }
  .xl\:m--30,
.xl\:mt--30,
.xl\:my--30 {
    margin-top: -30px !important;
  }
  .xl\:m--30,
.xl\:me--30,
.xl\:mx--30 {
    margin-right: -30px !important;
  }
  .xl\:m--30,
.xl\:mb--30,
.xl\:my--30 {
    margin-bottom: -30px !important;
  }
  .xl\:m--30,
.xl\:ms--30,
.xl\:mx--30 {
    margin-left: -30px !important;
  }
  .xl\:m--28,
.xl\:mt--28,
.xl\:my--28 {
    margin-top: -28px !important;
  }
  .xl\:m--28,
.xl\:me--28,
.xl\:mx--28 {
    margin-right: -28px !important;
  }
  .xl\:m--28,
.xl\:mb--28,
.xl\:my--28 {
    margin-bottom: -28px !important;
  }
  .xl\:m--28,
.xl\:ms--28,
.xl\:mx--28 {
    margin-left: -28px !important;
  }
  .xl\:m--26,
.xl\:mt--26,
.xl\:my--26 {
    margin-top: -26px !important;
  }
  .xl\:m--26,
.xl\:me--26,
.xl\:mx--26 {
    margin-right: -26px !important;
  }
  .xl\:m--26,
.xl\:mb--26,
.xl\:my--26 {
    margin-bottom: -26px !important;
  }
  .xl\:m--26,
.xl\:ms--26,
.xl\:mx--26 {
    margin-left: -26px !important;
  }
  .xl\:m--24,
.xl\:mt--24,
.xl\:my--24 {
    margin-top: -24px !important;
  }
  .xl\:m--24,
.xl\:me--24,
.xl\:mx--24 {
    margin-right: -24px !important;
  }
  .xl\:m--24,
.xl\:mb--24,
.xl\:my--24 {
    margin-bottom: -24px !important;
  }
  .xl\:m--24,
.xl\:ms--24,
.xl\:mx--24 {
    margin-left: -24px !important;
  }
  .xl\:m--22,
.xl\:mt--22,
.xl\:my--22 {
    margin-top: -22px !important;
  }
  .xl\:m--22,
.xl\:me--22,
.xl\:mx--22 {
    margin-right: -22px !important;
  }
  .xl\:m--22,
.xl\:mb--22,
.xl\:my--22 {
    margin-bottom: -22px !important;
  }
  .xl\:m--22,
.xl\:ms--22,
.xl\:mx--22 {
    margin-left: -22px !important;
  }
  .xl\:m--20,
.xl\:mt--20,
.xl\:my--20 {
    margin-top: -20px !important;
  }
  .xl\:m--20,
.xl\:me--20,
.xl\:mx--20 {
    margin-right: -20px !important;
  }
  .xl\:m--20,
.xl\:mb--20,
.xl\:my--20 {
    margin-bottom: -20px !important;
  }
  .xl\:m--20,
.xl\:ms--20,
.xl\:mx--20 {
    margin-left: -20px !important;
  }
  .xl\:m--18,
.xl\:mt--18,
.xl\:my--18 {
    margin-top: -18px !important;
  }
  .xl\:m--18,
.xl\:me--18,
.xl\:mx--18 {
    margin-right: -18px !important;
  }
  .xl\:m--18,
.xl\:mb--18,
.xl\:my--18 {
    margin-bottom: -18px !important;
  }
  .xl\:m--18,
.xl\:ms--18,
.xl\:mx--18 {
    margin-left: -18px !important;
  }
  .xl\:m--16,
.xl\:mt--16,
.xl\:my--16 {
    margin-top: -16px !important;
  }
  .xl\:m--16,
.xl\:me--16,
.xl\:mx--16 {
    margin-right: -16px !important;
  }
  .xl\:m--16,
.xl\:mb--16,
.xl\:my--16 {
    margin-bottom: -16px !important;
  }
  .xl\:m--16,
.xl\:ms--16,
.xl\:mx--16 {
    margin-left: -16px !important;
  }
  .xl\:m--14,
.xl\:mt--14,
.xl\:my--14 {
    margin-top: -14px !important;
  }
  .xl\:m--14,
.xl\:me--14,
.xl\:mx--14 {
    margin-right: -14px !important;
  }
  .xl\:m--14,
.xl\:mb--14,
.xl\:my--14 {
    margin-bottom: -14px !important;
  }
  .xl\:m--14,
.xl\:ms--14,
.xl\:mx--14 {
    margin-left: -14px !important;
  }
  .xl\:m--12,
.xl\:mt--12,
.xl\:my--12 {
    margin-top: -12px !important;
  }
  .xl\:m--12,
.xl\:me--12,
.xl\:mx--12 {
    margin-right: -12px !important;
  }
  .xl\:m--12,
.xl\:mb--12,
.xl\:my--12 {
    margin-bottom: -12px !important;
  }
  .xl\:m--12,
.xl\:ms--12,
.xl\:mx--12 {
    margin-left: -12px !important;
  }
  .xl\:m--10,
.xl\:mt--10,
.xl\:my--10 {
    margin-top: -10px !important;
  }
  .xl\:m--10,
.xl\:me--10,
.xl\:mx--10 {
    margin-right: -10px !important;
  }
  .xl\:m--10,
.xl\:mb--10,
.xl\:my--10 {
    margin-bottom: -10px !important;
  }
  .xl\:m--10,
.xl\:ms--10,
.xl\:mx--10 {
    margin-left: -10px !important;
  }
  .xl\:m--8,
.xl\:mt--8,
.xl\:my--8 {
    margin-top: -8px !important;
  }
  .xl\:m--8,
.xl\:me--8,
.xl\:mx--8 {
    margin-right: -8px !important;
  }
  .xl\:m--8,
.xl\:mb--8,
.xl\:my--8 {
    margin-bottom: -8px !important;
  }
  .xl\:m--8,
.xl\:ms--8,
.xl\:mx--8 {
    margin-left: -8px !important;
  }
  .xl\:m--6,
.xl\:mt--6,
.xl\:my--6 {
    margin-top: -6px !important;
  }
  .xl\:m--6,
.xl\:me--6,
.xl\:mx--6 {
    margin-right: -6px !important;
  }
  .xl\:m--6,
.xl\:mb--6,
.xl\:my--6 {
    margin-bottom: -6px !important;
  }
  .xl\:m--6,
.xl\:ms--6,
.xl\:mx--6 {
    margin-left: -6px !important;
  }
  .xl\:m--4,
.xl\:mt--4,
.xl\:my--4 {
    margin-top: -4px !important;
  }
  .xl\:m--4,
.xl\:me--4,
.xl\:mx--4 {
    margin-right: -4px !important;
  }
  .xl\:m--4,
.xl\:mb--4,
.xl\:my--4 {
    margin-bottom: -4px !important;
  }
  .xl\:m--4,
.xl\:ms--4,
.xl\:mx--4 {
    margin-left: -4px !important;
  }
  .xl\:m--2,
.xl\:mt--2,
.xl\:my--2 {
    margin-top: -2px !important;
  }
  .xl\:m--2,
.xl\:me--2,
.xl\:mx--2 {
    margin-right: -2px !important;
  }
  .xl\:m--2,
.xl\:mb--2,
.xl\:my--2 {
    margin-bottom: -2px !important;
  }
  .xl\:m--2,
.xl\:ms--2,
.xl\:mx--2 {
    margin-left: -2px !important;
  }
  .xl\:m-0,
.xl\:mt-0,
.xl\:my-0 {
    margin-top: 0px !important;
  }
  .xl\:m-0,
.xl\:me-0,
.xl\:mx-0 {
    margin-right: 0px !important;
  }
  .xl\:m-0,
.xl\:mb-0,
.xl\:my-0 {
    margin-bottom: 0px !important;
  }
  .xl\:m-0,
.xl\:ms-0,
.xl\:mx-0 {
    margin-left: 0px !important;
  }
  .xl\:m-2,
.xl\:mt-2,
.xl\:my-2 {
    margin-top: 2px !important;
  }
  .xl\:m-2,
.xl\:me-2,
.xl\:mx-2 {
    margin-right: 2px !important;
  }
  .xl\:m-2,
.xl\:mb-2,
.xl\:my-2 {
    margin-bottom: 2px !important;
  }
  .xl\:m-2,
.xl\:ms-2,
.xl\:mx-2 {
    margin-left: 2px !important;
  }
  .xl\:m-4,
.xl\:mt-4,
.xl\:my-4 {
    margin-top: 4px !important;
  }
  .xl\:m-4,
.xl\:me-4,
.xl\:mx-4 {
    margin-right: 4px !important;
  }
  .xl\:m-4,
.xl\:mb-4,
.xl\:my-4 {
    margin-bottom: 4px !important;
  }
  .xl\:m-4,
.xl\:ms-4,
.xl\:mx-4 {
    margin-left: 4px !important;
  }
  .xl\:m-6,
.xl\:mt-6,
.xl\:my-6 {
    margin-top: 6px !important;
  }
  .xl\:m-6,
.xl\:me-6,
.xl\:mx-6 {
    margin-right: 6px !important;
  }
  .xl\:m-6,
.xl\:mb-6,
.xl\:my-6 {
    margin-bottom: 6px !important;
  }
  .xl\:m-6,
.xl\:ms-6,
.xl\:mx-6 {
    margin-left: 6px !important;
  }
  .xl\:m-8,
.xl\:mt-8,
.xl\:my-8 {
    margin-top: 8px !important;
  }
  .xl\:m-8,
.xl\:me-8,
.xl\:mx-8 {
    margin-right: 8px !important;
  }
  .xl\:m-8,
.xl\:mb-8,
.xl\:my-8 {
    margin-bottom: 8px !important;
  }
  .xl\:m-8,
.xl\:ms-8,
.xl\:mx-8 {
    margin-left: 8px !important;
  }
  .xl\:m-10,
.xl\:mt-10,
.xl\:my-10 {
    margin-top: 10px !important;
  }
  .xl\:m-10,
.xl\:me-10,
.xl\:mx-10 {
    margin-right: 10px !important;
  }
  .xl\:m-10,
.xl\:mb-10,
.xl\:my-10 {
    margin-bottom: 10px !important;
  }
  .xl\:m-10,
.xl\:ms-10,
.xl\:mx-10 {
    margin-left: 10px !important;
  }
  .xl\:m-12,
.xl\:mt-12,
.xl\:my-12 {
    margin-top: 12px !important;
  }
  .xl\:m-12,
.xl\:me-12,
.xl\:mx-12 {
    margin-right: 12px !important;
  }
  .xl\:m-12,
.xl\:mb-12,
.xl\:my-12 {
    margin-bottom: 12px !important;
  }
  .xl\:m-12,
.xl\:ms-12,
.xl\:mx-12 {
    margin-left: 12px !important;
  }
  .xl\:m-14,
.xl\:mt-14,
.xl\:my-14 {
    margin-top: 14px !important;
  }
  .xl\:m-14,
.xl\:me-14,
.xl\:mx-14 {
    margin-right: 14px !important;
  }
  .xl\:m-14,
.xl\:mb-14,
.xl\:my-14 {
    margin-bottom: 14px !important;
  }
  .xl\:m-14,
.xl\:ms-14,
.xl\:mx-14 {
    margin-left: 14px !important;
  }
  .xl\:m-16,
.xl\:mt-16,
.xl\:my-16 {
    margin-top: 16px !important;
  }
  .xl\:m-16,
.xl\:me-16,
.xl\:mx-16 {
    margin-right: 16px !important;
  }
  .xl\:m-16,
.xl\:mb-16,
.xl\:my-16 {
    margin-bottom: 16px !important;
  }
  .xl\:m-16,
.xl\:ms-16,
.xl\:mx-16 {
    margin-left: 16px !important;
  }
  .xl\:m-18,
.xl\:mt-18,
.xl\:my-18 {
    margin-top: 18px !important;
  }
  .xl\:m-18,
.xl\:me-18,
.xl\:mx-18 {
    margin-right: 18px !important;
  }
  .xl\:m-18,
.xl\:mb-18,
.xl\:my-18 {
    margin-bottom: 18px !important;
  }
  .xl\:m-18,
.xl\:ms-18,
.xl\:mx-18 {
    margin-left: 18px !important;
  }
  .xl\:m-20,
.xl\:mt-20,
.xl\:my-20 {
    margin-top: 20px !important;
  }
  .xl\:m-20,
.xl\:me-20,
.xl\:mx-20 {
    margin-right: 20px !important;
  }
  .xl\:m-20,
.xl\:mb-20,
.xl\:my-20 {
    margin-bottom: 20px !important;
  }
  .xl\:m-20,
.xl\:ms-20,
.xl\:mx-20 {
    margin-left: 20px !important;
  }
  .xl\:m-22,
.xl\:mt-22,
.xl\:my-22 {
    margin-top: 22px !important;
  }
  .xl\:m-22,
.xl\:me-22,
.xl\:mx-22 {
    margin-right: 22px !important;
  }
  .xl\:m-22,
.xl\:mb-22,
.xl\:my-22 {
    margin-bottom: 22px !important;
  }
  .xl\:m-22,
.xl\:ms-22,
.xl\:mx-22 {
    margin-left: 22px !important;
  }
  .xl\:m-24,
.xl\:mt-24,
.xl\:my-24 {
    margin-top: 24px !important;
  }
  .xl\:m-24,
.xl\:me-24,
.xl\:mx-24 {
    margin-right: 24px !important;
  }
  .xl\:m-24,
.xl\:mb-24,
.xl\:my-24 {
    margin-bottom: 24px !important;
  }
  .xl\:m-24,
.xl\:ms-24,
.xl\:mx-24 {
    margin-left: 24px !important;
  }
  .xl\:m-26,
.xl\:mt-26,
.xl\:my-26 {
    margin-top: 26px !important;
  }
  .xl\:m-26,
.xl\:me-26,
.xl\:mx-26 {
    margin-right: 26px !important;
  }
  .xl\:m-26,
.xl\:mb-26,
.xl\:my-26 {
    margin-bottom: 26px !important;
  }
  .xl\:m-26,
.xl\:ms-26,
.xl\:mx-26 {
    margin-left: 26px !important;
  }
  .xl\:m-28,
.xl\:mt-28,
.xl\:my-28 {
    margin-top: 28px !important;
  }
  .xl\:m-28,
.xl\:me-28,
.xl\:mx-28 {
    margin-right: 28px !important;
  }
  .xl\:m-28,
.xl\:mb-28,
.xl\:my-28 {
    margin-bottom: 28px !important;
  }
  .xl\:m-28,
.xl\:ms-28,
.xl\:mx-28 {
    margin-left: 28px !important;
  }
  .xl\:m-30,
.xl\:mt-30,
.xl\:my-30 {
    margin-top: 30px !important;
  }
  .xl\:m-30,
.xl\:me-30,
.xl\:mx-30 {
    margin-right: 30px !important;
  }
  .xl\:m-30,
.xl\:mb-30,
.xl\:my-30 {
    margin-bottom: 30px !important;
  }
  .xl\:m-30,
.xl\:ms-30,
.xl\:mx-30 {
    margin-left: 30px !important;
  }
  .xl\:m-32,
.xl\:mt-32,
.xl\:my-32 {
    margin-top: 32px !important;
  }
  .xl\:m-32,
.xl\:me-32,
.xl\:mx-32 {
    margin-right: 32px !important;
  }
  .xl\:m-32,
.xl\:mb-32,
.xl\:my-32 {
    margin-bottom: 32px !important;
  }
  .xl\:m-32,
.xl\:ms-32,
.xl\:mx-32 {
    margin-left: 32px !important;
  }
  .xl\:m-34,
.xl\:mt-34,
.xl\:my-34 {
    margin-top: 34px !important;
  }
  .xl\:m-34,
.xl\:me-34,
.xl\:mx-34 {
    margin-right: 34px !important;
  }
  .xl\:m-34,
.xl\:mb-34,
.xl\:my-34 {
    margin-bottom: 34px !important;
  }
  .xl\:m-34,
.xl\:ms-34,
.xl\:mx-34 {
    margin-left: 34px !important;
  }
  .xl\:m-36,
.xl\:mt-36,
.xl\:my-36 {
    margin-top: 36px !important;
  }
  .xl\:m-36,
.xl\:me-36,
.xl\:mx-36 {
    margin-right: 36px !important;
  }
  .xl\:m-36,
.xl\:mb-36,
.xl\:my-36 {
    margin-bottom: 36px !important;
  }
  .xl\:m-36,
.xl\:ms-36,
.xl\:mx-36 {
    margin-left: 36px !important;
  }
  .xl\:m-38,
.xl\:mt-38,
.xl\:my-38 {
    margin-top: 38px !important;
  }
  .xl\:m-38,
.xl\:me-38,
.xl\:mx-38 {
    margin-right: 38px !important;
  }
  .xl\:m-38,
.xl\:mb-38,
.xl\:my-38 {
    margin-bottom: 38px !important;
  }
  .xl\:m-38,
.xl\:ms-38,
.xl\:mx-38 {
    margin-left: 38px !important;
  }
  .xl\:m-40,
.xl\:mt-40,
.xl\:my-40 {
    margin-top: 40px !important;
  }
  .xl\:m-40,
.xl\:me-40,
.xl\:mx-40 {
    margin-right: 40px !important;
  }
  .xl\:m-40,
.xl\:mb-40,
.xl\:my-40 {
    margin-bottom: 40px !important;
  }
  .xl\:m-40,
.xl\:ms-40,
.xl\:mx-40 {
    margin-left: 40px !important;
  }
  .xl\:m-42,
.xl\:mt-42,
.xl\:my-42 {
    margin-top: 42px !important;
  }
  .xl\:m-42,
.xl\:me-42,
.xl\:mx-42 {
    margin-right: 42px !important;
  }
  .xl\:m-42,
.xl\:mb-42,
.xl\:my-42 {
    margin-bottom: 42px !important;
  }
  .xl\:m-42,
.xl\:ms-42,
.xl\:mx-42 {
    margin-left: 42px !important;
  }
  .xl\:m-44,
.xl\:mt-44,
.xl\:my-44 {
    margin-top: 44px !important;
  }
  .xl\:m-44,
.xl\:me-44,
.xl\:mx-44 {
    margin-right: 44px !important;
  }
  .xl\:m-44,
.xl\:mb-44,
.xl\:my-44 {
    margin-bottom: 44px !important;
  }
  .xl\:m-44,
.xl\:ms-44,
.xl\:mx-44 {
    margin-left: 44px !important;
  }
  .xl\:m-46,
.xl\:mt-46,
.xl\:my-46 {
    margin-top: 46px !important;
  }
  .xl\:m-46,
.xl\:me-46,
.xl\:mx-46 {
    margin-right: 46px !important;
  }
  .xl\:m-46,
.xl\:mb-46,
.xl\:my-46 {
    margin-bottom: 46px !important;
  }
  .xl\:m-46,
.xl\:ms-46,
.xl\:mx-46 {
    margin-left: 46px !important;
  }
  .xl\:m-48,
.xl\:mt-48,
.xl\:my-48 {
    margin-top: 48px !important;
  }
  .xl\:m-48,
.xl\:me-48,
.xl\:mx-48 {
    margin-right: 48px !important;
  }
  .xl\:m-48,
.xl\:mb-48,
.xl\:my-48 {
    margin-bottom: 48px !important;
  }
  .xl\:m-48,
.xl\:ms-48,
.xl\:mx-48 {
    margin-left: 48px !important;
  }
  .xl\:m-50,
.xl\:mt-50,
.xl\:my-50 {
    margin-top: 50px !important;
  }
  .xl\:m-50,
.xl\:me-50,
.xl\:mx-50 {
    margin-right: 50px !important;
  }
  .xl\:m-50,
.xl\:mb-50,
.xl\:my-50 {
    margin-bottom: 50px !important;
  }
  .xl\:m-50,
.xl\:ms-50,
.xl\:mx-50 {
    margin-left: 50px !important;
  }
  .xl\:m-52,
.xl\:mt-52,
.xl\:my-52 {
    margin-top: 52px !important;
  }
  .xl\:m-52,
.xl\:me-52,
.xl\:mx-52 {
    margin-right: 52px !important;
  }
  .xl\:m-52,
.xl\:mb-52,
.xl\:my-52 {
    margin-bottom: 52px !important;
  }
  .xl\:m-52,
.xl\:ms-52,
.xl\:mx-52 {
    margin-left: 52px !important;
  }
  .xl\:m-54,
.xl\:mt-54,
.xl\:my-54 {
    margin-top: 54px !important;
  }
  .xl\:m-54,
.xl\:me-54,
.xl\:mx-54 {
    margin-right: 54px !important;
  }
  .xl\:m-54,
.xl\:mb-54,
.xl\:my-54 {
    margin-bottom: 54px !important;
  }
  .xl\:m-54,
.xl\:ms-54,
.xl\:mx-54 {
    margin-left: 54px !important;
  }
  .xl\:m-56,
.xl\:mt-56,
.xl\:my-56 {
    margin-top: 56px !important;
  }
  .xl\:m-56,
.xl\:me-56,
.xl\:mx-56 {
    margin-right: 56px !important;
  }
  .xl\:m-56,
.xl\:mb-56,
.xl\:my-56 {
    margin-bottom: 56px !important;
  }
  .xl\:m-56,
.xl\:ms-56,
.xl\:mx-56 {
    margin-left: 56px !important;
  }
  .xl\:m-58,
.xl\:mt-58,
.xl\:my-58 {
    margin-top: 58px !important;
  }
  .xl\:m-58,
.xl\:me-58,
.xl\:mx-58 {
    margin-right: 58px !important;
  }
  .xl\:m-58,
.xl\:mb-58,
.xl\:my-58 {
    margin-bottom: 58px !important;
  }
  .xl\:m-58,
.xl\:ms-58,
.xl\:mx-58 {
    margin-left: 58px !important;
  }
  .xl\:m-60,
.xl\:mt-60,
.xl\:my-60 {
    margin-top: 60px !important;
  }
  .xl\:m-60,
.xl\:me-60,
.xl\:mx-60 {
    margin-right: 60px !important;
  }
  .xl\:m-60,
.xl\:mb-60,
.xl\:my-60 {
    margin-bottom: 60px !important;
  }
  .xl\:m-60,
.xl\:ms-60,
.xl\:mx-60 {
    margin-left: 60px !important;
  }
  .xl\:fs-10 {
    font-size: 10px !important;
  }
  .xl\:fs-11 {
    font-size: 11px !important;
  }
  .xl\:fs-12 {
    font-size: 12px !important;
  }
  .xl\:fs-13 {
    font-size: 13px !important;
  }
  .xl\:fs-14 {
    font-size: 14px !important;
  }
  .xl\:fs-15 {
    font-size: 15px !important;
  }
  .xl\:fs-16 {
    font-size: 16px !important;
  }
  .xl\:fs-17 {
    font-size: 17px !important;
  }
  .xl\:fs-18 {
    font-size: 18px !important;
  }
  .xl\:fs-19 {
    font-size: 19px !important;
  }
  .xl\:fs-20 {
    font-size: 20px !important;
  }
  .xl\:fs-21 {
    font-size: 21px !important;
  }
  .xl\:fs-22 {
    font-size: 22px !important;
  }
  .xl\:fs-23 {
    font-size: 23px !important;
  }
  .xl\:fs-24 {
    font-size: 24px !important;
  }
  .xl\:fs-25 {
    font-size: 25px !important;
  }
  .xl\:fs-26 {
    font-size: 26px !important;
  }
  .xl\:fs-27 {
    font-size: 27px !important;
  }
  .xl\:fs-28 {
    font-size: 28px !important;
  }
  .xl\:fs-29 {
    font-size: 29px !important;
  }
  .xl\:fs-30 {
    font-size: 30px !important;
  }
  .xl\:fw-100 {
    font-weight: 100 !important;
  }
  .xl\:fw-200 {
    font-weight: 200 !important;
  }
  .xl\:fw-300 {
    font-weight: 300 !important;
  }
  .xl\:fw-400 {
    font-weight: 400 !important;
  }
  .xl\:fw-500 {
    font-weight: 500 !important;
  }
  .xl\:fw-600 {
    font-weight: 600 !important;
  }
  .xl\:fw-700 {
    font-weight: 700 !important;
  }
  .xl\:fw-800 {
    font-weight: 800 !important;
  }
  .xl\:fw-900 {
    font-weight: 900 !important;
  }
  .xl\:lh-14 {
    line-height: 14px !important;
  }
  .xl\:lh-15 {
    line-height: 15px !important;
  }
  .xl\:lh-16 {
    line-height: 16px !important;
  }
  .xl\:lh-17 {
    line-height: 17px !important;
  }
  .xl\:lh-18 {
    line-height: 18px !important;
  }
  .xl\:lh-19 {
    line-height: 19px !important;
  }
  .xl\:lh-20 {
    line-height: 20px !important;
  }
  .xl\:lh-21 {
    line-height: 21px !important;
  }
  .xl\:lh-22 {
    line-height: 22px !important;
  }
  .xl\:lh-23 {
    line-height: 23px !important;
  }
  .xl\:lh-24 {
    line-height: 24px !important;
  }
  .xl\:lh-25 {
    line-height: 25px !important;
  }
  .xl\:lh-26 {
    line-height: 26px !important;
  }
  .xl\:lh-27 {
    line-height: 27px !important;
  }
  .xl\:lh-28 {
    line-height: 28px !important;
  }
  .xl\:lh-29 {
    line-height: 29px !important;
  }
  .xl\:lh-30 {
    line-height: 30px !important;
  }
  .xl\:lh-31 {
    line-height: 31px !important;
  }
  .xl\:lh-32 {
    line-height: 32px !important;
  }
  .xl\:lh-33 {
    line-height: 33px !important;
  }
  .xl\:lh-34 {
    line-height: 34px !important;
  }
  .xl\:lh-35 {
    line-height: 35px !important;
  }
  .xl\:lh-36 {
    line-height: 36px !important;
  }
  .xl\:lh-37 {
    line-height: 37px !important;
  }
  .xl\:lh-38 {
    line-height: 38px !important;
  }
  .xl\:lh-39 {
    line-height: 39px !important;
  }
  .xl\:lh-40 {
    line-height: 40px !important;
  }
}

@media screen and (min-width: 1200px){
  #aboutPage .our-partner .carousel:after {
    content: "";
  }
}

@media (max-width: 1400px){
  #myorderPage .box-layout {
    grid-template-columns: repeat(1, 1fr);
  }
  #myorderPage .informationConfirm > div {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1200px){
  .rateField {
    margin: 12px 0;
  }
  #auction-table, #balances, #delivery-address, #auction-table, #withdraw, #buyBid {
    margin: 0 auto;
  }
  #need-to-know .guides .guide-content .guide-title {
    font-size: 18px;
  }
  #need-to-know .guides .guide-content-top {
    grid-template-columns: repeat(1, 1fr);
  }
  header {
    overflow: hidden;
  }
  header .anonymous-mb {
    background: #f8f8fb;
  }
  header .anonymous-mb .nav-link {
    border-bottom: 0 !important;
  }
  header .active {
    color: var(--color-blue) !important;
  }
  header .active::before {
    content: "";
    position: absolute;
    height: 2.5px;
    width: 100%;
    background: var(--color-blue);
    inset: auto auto 0 auto;
  }
  header ul.underline > li > a:not(.dropdown-toggle)::after {
    display: none;
  }
  header nav .nav-top {
    position: relative;
  }
  header nav .nav-bottom {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  header nav .nav-bottom .search-bar .input-group .form-control {
    height: unset;
    border-radius: 5px;
    padding: 9px 35px;
    margin: 12px;
  }
  header nav .nav-bottom .search-bar .magnify {
    width: 18px;
    inset: 50% auto auto 18px;
  }
  header nav .nav-bottom .divega-logo {
    align-items: center;
  }
  header nav .nav-bottom .divega-logo .logo {
    width: 148px;
  }
  header nav .nav-bottom .inner {
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  header nav .nav-bottom .ham-menu {
    cursor: pointer;
    width: 18px;
    aspect-ratio: 1;
  }
  header nav .navbar-nav {
    display: flex;
    transform: translateX(100%);
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    background: #fff;
    width: 80%;
    margin-left: auto;
    position: fixed;
    inset: 0 0 auto auto;
    z-index: 1;
    height: 100vh;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
  }
  header nav .navbar-nav .dropdown {
    opacity: 1;
    padding: 0;
    margin: 10px 20px;
    display: none;
    transition: unset;
    visibility: visible;
    position: static;
    inset: unset;
    transform: unset;
    box-shadow: unset;
  }
  header nav .navbar-nav .dropdown::after {
    display: none;
  }
  header nav .navbar-nav .dropdown .nav-item .nav-link {
    border-bottom: none;
    margin: 0;
    padding: 8px 10px;
    font-weight: 400;
  }
  header nav .navbar-nav .nav-item {
    width: 100%;
  }
  header nav .navbar-nav .nav-item .nav-link {
    color: var(--color-grey);
    padding: 16px 0;
    margin: 0 16px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #ededed;
  }
  header nav .navbar-nav .nav-item .dropdown-toggle {
    position: relative;
  }
  header nav .navbar-nav .nav-item .dropdown-toggle::after {
    content: "";
    position: absolute;
    background: url(/src/images/arrow-right-1.svg) no-repeat center center/cover;
    inset: 50% 16px auto auto;
    transform: translateY(-50%);
    width: 16px;
    aspect-ratio: 1;
    transition: all 0.3s ease-in-out;
  }
  header nav .navbar-nav .nav-item .nav-link.active.dropdown-toggle::after {
    transform: translateY(-50%) rotate(90deg);
  }
  header nav .navbar-nav .nav-item:nth-child(7) {
    order: 1;
    background: #F8F8FB;
    width: 100%;
    padding: 20px 16px;
  }
  header nav .navbar-nav .nav-item:nth-child(8) {
    order: 2;
  }
  header nav .navbar-nav .nav-item:nth-child(1) {
    order: 3;
  }
  header nav .navbar-nav .nav-item:nth-child(2) {
    order: 4;
  }
  header nav .navbar-nav .nav-item:nth-child(3) {
    order: 5;
  }
  header nav .navbar-nav .nav-item:nth-child(4) {
    order: 6;
  }
  header nav .navbar-nav .nav-item:nth-child(5) {
    order: 7;
  }
  header nav .navbar-nav .user-name {
    color: #1F1F1F;
    margin-bottom: 7px;
  }
  header nav .navbar-nav .user-group .nav-link {
    border-bottom: none;
    margin: 0;
  }
  header nav .navbar-nav .user-avatar {
    width: 65px;
    background: #f8f8fb;
  }
  header nav .navbar-nav .user-avatar img {
    width: 61px;
  }
  header nav .navbar-nav .user-info {
    flex-grow: 1;
    margin-left: 14px;
  }
  header nav .navbar-nav .user-info .button-group {
    min-width: unset;
    max-width: 135px;
    width: 100%;
    white-space: nowrap;
  }
  header nav .navbar-nav .user-info .button-group .btn-gradient-yellow {
    padding: 3px 8px;
  }
  footer .underline::after {
    inset: auto auto 0 50% !important;
  }
  footer .wrapper .divegaLogo-footer {
    width: 180px;
  }
  footer .wrapper .chplay, footer .wrapper .appstore {
    width: 40px;
  }
  footer .wrapper .center-col {
    grid-area: 1/1/3/7;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  footer .wrapper .list-col ul > li:not(:last-child) {
    margin: 0 0 12px 0;
  }
  footer .wrapper .list-col .address {
    padding: 0 50px;
  }
}

@media (max-width: 1200px) and (max-width: 768px){
  footer .wrapper .center-col {
    grid-area: 1/1/2/13;
  }
}

@media screen and (max-width: 1200px){
  #newsDetail img.more-news {
    max-width: 200px;
  }
}

@media (max-width: 992px){
  .box.history-transaction table tbody tr td:not(:first-child) {
    border-bottom: none;
  }
  .box.history-transaction table tbody tr td:first-child {
    padding: 10px 0;
    margin: 0 12px;
  }
  .box.history-transaction table tbody tr:not(:last-child) td:last-child {
    border-bottom: 12px solid var(--default-bg-color);
  }
  .box.history-transaction .input-wrapper {
    background: var(--default-bg-color);
    color: var(--color-grey);
  }
  .box.history-transaction .input-wrapper .input-group {
    background: #fff;
  }
  .box.history-transaction .input-wrapper .input-group input {
    background: #fff;
  }
  .box.my-purchase .tab-nav .tabs {
    justify-content: unset;
  }
  .box.my-purchase .tab-nav .tabs .tab-link {
    padding: 0 30px;
    width: 100%;
  }
  .box.my-purchase .tab-content tbody tr:not(:last-child) .product-bidding-price {
    border-bottom: unset;
  }
  .box-rating.modal-box {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .box-rating.modal-box .md {
    width: 65px;
    height: 65px;
  }
  .box-rating.modal-box .product-des {
    border-bottom: 1px solid #ededed;
  }
  .box-rating.modal-box .modal-content .comment-field .feedback-img-list .image-add-btn {
    width: 65px;
    height: 65px;
  }
  .box.delivery-address .set-as {
    font-size: 14px;
  }
  .box.withdraw .withdraw-wrapper {
    padding: 20px 12px 40px;
  }
  .input-group .copy-btn {
    padding: 7px 24px;
    font-size: 12px;
  }
  .input-group .copy-btn img {
    width: 20px;
    aspect-ratio: 1;
  }
  .history-auction .input-group, .history-transaction .input-group {
    width: 100%;
  }
  .history-auction table thead tr th, .history-transaction table thead tr th {
    font-size: 12px;
    font-weight: 600;
  }
  .history-auction table tbody tr td, .history-transaction table tbody tr td {
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
  }
  .history-auction .modal.bid .modal-box, .history-transaction .modal.bid .modal-box {
    width: 95%;
  }
  .history-auction .modal.bid .modal-box .modal-header, .history-transaction .modal.bid .modal-box .modal-header {
    width: 100%;
  }
  .history-auction .modal.bid .modal-box .modal-header .product-img, .history-transaction .modal.bid .modal-box .modal-header .product-img {
    width: 65px;
    height: 65px;
  }
  .history-auction .modal.bid table thead tr th, .history-transaction .modal.bid table thead tr th {
    font-size: 12px;
    font-weight: 600;
  }
  .history-auction .modal.bid table tbody tr td, .history-transaction .modal.bid table tbody tr td {
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
  }
  .modal[data-modal=newAddressModal] .modal-box, .modal[data-modal=editAddress] .modal-box {
    border-radius: 0;
    height: 100%;
    max-width: unset;
  }
  .modal[data-modal=newAddressModal] .modal-box label, .modal[data-modal=editAddress] .modal-box label {
    font-size: 14px;
  }
  .modal[data-modal=newAddressModal] .locationpick, .modal[data-modal=editAddress] .locationpick {
    width: 100%;
  }
  .modal[data-modal=newAddressModal] .modal-content textarea, .modal[data-modal=editAddress] .modal-content textarea {
    height: 43px;
  }
  .how-to-auction {
    border-radius: 0;
  }
  .how-to-auction .guide-header {
    color: #2e3192;
    position: relative;
  }
  .how-to-auction .guide-header .collapse-toggle {
    transform: rotate(270deg);
    transition: all 0.3s linear;
  }
  .how-to-auction input#guide-checkbox ~ .auction-steps {
    max-height: 0px;
    overflow: hidden;
    padding: 0;
    transition: all 0.3s linear;
  }
  .how-to-auction input#guide-checkbox:checked ~ .guide-header .collapse-toggle {
    transform: rotate(360deg);
  }
  .how-to-auction input#guide-checkbox:checked ~ .auction-steps {
    max-height: 600px;
    padding: 20px 0;
  }
  .how-to-auction .auction-steps .step {
    text-align: start;
    padding: 22px 0 0 0;
    align-items: center;
    position: relative;
  }
  .how-to-auction .auction-steps .step:not(:last-child):after {
    content: "";
    position: absolute;
    height: calc(50% - 23px);
    background: rgba(46, 49, 146, 0.5);
    width: 2px;
    inset: calc(50% + 46px) auto auto 22px;
  }
  .how-to-auction .auction-steps .step:not(:first-child)::before {
    content: "";
    position: absolute;
    height: calc(50% - 46px);
    background: rgba(46, 49, 146, 0.5);
    width: 2px;
    inset: auto auto calc(50% + 23px) 22px;
  }
  .how-to-auction .auction-steps .step:not(:last-child) .outer-circle::after {
    inset: 100% auto auto 50%;
    width: 2px;
    height: 50%;
    transform: translateX(-50%);
  }
  .how-to-auction .auction-steps .step .des-icon {
    margin: 0 22px;
  }
  .how-to-auction .auction-steps .step .outer-circle {
    min-width: 46px;
    max-width: 46px;
    height: 100%;
  }
  .how-to-auction .auction-steps .step .outer-circle::before {
    text-align: center;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
  }
  .how-to-auction .auction-steps .step .outer-circle::after {
    display: none;
  }
  .past-winners,
.carousel-nav {
    display: none;
  }
  #myorderPage .box-layout {
    grid-template-columns: repeat(1, 1fr);
  }
  #myorderPage .delete-mb:after {
    width: 45px;
    height: 1px;
    position: absolute;
    background: rgba(46, 49, 146, 0.15);
    right: -45px;
    top: -1px;
  }
  #myorderPage .myorderTb .start-time,
#myorderPage .myorderTb .end-time,
#myorderPage .myorderTb .success-price,
#myorderPage .myorderTb .delete {
    display: none;
  }
  #winnersPage .gutters {
    grid-template-columns: repeat(1, 1fr);
  }
  .container {
    padding-inline: 0;
  }
}

@media screen and (max-width: 992px){
  .card-product .handle-status {
    min-width: auto;
  }
  .des-icon {
    width: 55px;
  }
  .heading-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }
  #homepage .heading-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    padding-bottom: 16px;
  }
}

@media (max-width: 991px){
  #aboutPage .box {
    background: unset;
  }
  #aboutPage .box .box-content {
    padding: 0;
  }
  #aboutPage .banner .banner-content {
    padding: 48px 0;
  }
  #aboutPage .our-partner .partner-box {
    padding: 0;
    transform: unset;
    background: unset;
    box-shadow: unset;
  }
  #aboutPage .our-partner .carousel:not(.flickity-enabled) {
    flex-wrap: wrap;
    justify-content: center;
  }
  #aboutPage .our-partner .carousel-cell {
    width: 33.3333333333%;
    padding: 0 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px){
  #aboutPage .our-partner .carousel:after {
    content: "";
  }
}

@media (max-width: 768px){
  #section-product-reviews .box .box-content .user-reviews .review-images a:not(:last-child) {
    margin-right: 6px;
  }
  #section-product-reviews .box .box-content .user-reviews .review .review-author-avatar {
    width: 34px;
    height: 34px;
    background-size: 150px;
  }
  #section-product-reviews .box .star-rating {
    width: 108px;
    height: 24px;
    background-size: 108px;
  }
  #section-product-reviews .box .star-rating .rating-fill {
    background-size: 108px;
  }
  #section-product-reviews .box .star-rating.small {
    width: 88px;
    height: 14px;
    background-size: 88px auto;
  }
  #section-product-reviews .box .star-rating.small .rating-fill {
    background-size: 88px auto;
  }
  .modal[data-modal=withdraw] .modal-box.box-withdraw .modal-content .rounded {
    padding: 10px;
  }
  .modal[data-modal=withdraw] .modal-box.box-withdraw .modal-content .btn {
    max-width: 158px;
  }
  .modal[data-modal=withdraw] .modal-box.box-withdraw .modal-content .wallet-address {
    max-width: 307px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
  }
  .modal[data-modal=withdraw] .modal[data-modal=success] .modal-box.box-success, .modal[data-modal=withdraw] .modal[data-modal=success] .modal-box.box-failure, .modal[data-modal=withdraw] .modal[data-modal=failure] .modal-box.box-success, .modal[data-modal=withdraw] .modal[data-modal=failure] .modal-box.box-failure {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .bidding-overview ~ .register-account {
    display: none !important;
  }
  .bidding-overview .bidding-table-bid {
    padding: 4px 8px;
  }
  .bidding-overview .bidding-table-time {
    padding: 4px 8px;
    text-align: start;
  }
  #myorderPage table tbody .product-img {
    width: 80px;
    height: 80px;
  }
  #myorderPage .product-name {
    -webkit-line-clamp: 1;
  }
  #need-to-know .guides .guide-content .highlight {
    padding: 16px;
  }
  #need-to-know .guides .guide {
    grid-template-columns: repeat(1, 1fr);
  }
  footer .wrapper .center-col {
    grid-area: 1/1/2/13;
  }
  footer .wrapper .list-col .social-list {
    padding: 0 200px;
  }
}

@media (max-width: 767.8px){
  footer {
    text-align: center;
  }
  footer .footer-menu li + li {
    margin-top: 8px;
  }
  footer .company-info {
    grid-area: 1/1;
  }
  footer .company-info .footer-logo {
    height: 30px;
  }
  footer .company-info .app-store img {
    width: 36px;
  }
}

@media (max-width: 576px){
  .box.withdraw .withdraw-wrapper .currency-list .currency .coin {
    min-width: 175px;
    padding: 10px;
  }
  .box.withdraw .withdraw-wrapper .currency-list .currency .coin img {
    max-width: 40px;
  }
  .carousel-main {
    border: unset;
    border-radius: unset;
  }
  .bidding-overview-top {
    padding: 10px 16px;
    background: linear-gradient(to right, rgb(34, 47, 82), rgb(29, 39, 67));
    border-radius: 5px;
  }
  .register-account {
    padding: 16px;
  }
  .bidding-overview .register-account {
    text-align: center;
  }
  .bidding-overview .register-account .btn {
    width: 160px;
  }
  .bidding-overview .btn {
    height: auto;
    padding: 8px 16px;
  }
  .bidding-overview .bidding-actions .purchase-bids .btn {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    width: 200px;
  }
  .bidding-overview .bidding-actions .purchase-bids .badge-bids {
    width: 170px;
  }
  #auctionDetailPage {
    font-size: 14px;
  }
  #auctionDetailPage .box {
    border-radius: unset;
  }
  #auctionDetailPage .auction-top .box-content {
    padding: 0;
  }
  #auctionDetailPage .card-product * {
    font-size: 10px !important;
    line-height: 12px !important;
  }
  #auctionDetailPage .card-product .thumb {
    aspect-ratio: 179/145;
  }
  #auctionDetailPage .card-product .card-body {
    padding: 14px 8px 8px;
  }
  #auctionDetailPage .card-product .handle-status {
    min-width: 75px;
    height: auto;
    padding: 4px;
  }
  #auctionDetailPage .card-product .status {
    top: -10px;
    min-width: 115px;
    padding: 4 12px;
  }
  #auctionDetailPage .card-product .status img {
    width: 12px;
  }
  #auctionDetailPage .card-product .card-product .meta {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  #auctionDetailPage .card-product .card-footer {
    padding: 4px 16px;
  }
  #myorderPage .title {
    font-size: 14px;
  }
  #myorderPage .myorderTb tr > td:first-child {
    padding: 12px;
  }
  #need-to-know .guides .guide-content {
    font-size: 14px;
  }
  #need-to-know .guides .dropdown-sort {
    font-size: 14px;
  }
  footer .wrapper .list-col .social-list {
    padding: 0 100px;
  }
}

@media screen and (max-width: 576px){
  .des-icon {
    width: 36px;
  }
  .outer-circle::before {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
  }
  #buyBid .banner-how-to .banner-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }
  #buyBid .ticket img.img-ticket {
    aspect-ratio: 90/60;
    max-width: 90px;
  }
  #buyBid .ticket .bid-values {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
  }
  #buyBid .ticket .price {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
  }
  #news .media-img {
    aspect-ratio: 330/190;
    width: 100%;
    border-radius: 5px;
  }
  #news .news-text {
    padding: 0 10px;
    inset: auto auto 0 auto;
  }
  #news .news-title {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  #newsDetail .news-detail-title {
    font-size: 18px;
  }
  #newsDetail img.more-news {
    max-width: 200px;
  }
  #newsDetail .news-date, #newsDetail .news-detail-content {
    font-size: 14px;
  }
}

@media (max-width: 575px){
  #aboutPage .sectionHeading {
    font-size: 18px;
    line-height: 24px;
  }
  #aboutPage .banner .img-thumnbnail {
    position: static;
    -o-object-position: top right;
       object-position: top right;
    height: 230px;
  }
  #aboutPage .banner .banner-content {
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(140, 140, 255, 0.05);
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    margin-top: -33px;
  }
  #aboutPage .banner .banner-content .sectionHeading {
    color: #000;
  }
  #aboutPage .partner-view .carousel-cell {
    width: 50%;
    margin-bottom: 10px;
  }
  #aboutPage .partner-view .carousel-cell:last-child {
    margin-bottom: 0;
  }
  #aboutPage .contact .form-label {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px){
  .form-control {
    height: 40px;
  }
  .btn {
    font-size: 14px;
  }
  .btn.btn-lg {
    font-size: 14px;
    padding: 10px;
  }
  .btn.btn-icon {
    padding: 8px 14px;
  }
  .card-product .title, .card-product .price, .card-product .handle-status-date {
    font-size: 12px;
  }
  .card-product .truncate {
    width: 90px;
  }
  .card-product .handle-status {
    min-width: auto;
    height: 20px;
    padding: 0 6px;
    font-size: 10px;
  }
  .card-product .card-footer {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    padding: 4px 0;
  }
  .card-product .status {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    min-width: 110px;
  }
  .card-product .status.status-active, .card-product .status.status-end {
    font-size: 10px;
  }
  section {
    padding-top: 20px;
  }
  .border-grey-right {
    border-style: none;
  }
  #homepage .heading-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding-bottom: 16px;
  }
  #homepage .swiper-slide img {
    aspect-ratio: 1920/900;
  }
  .news-heading {
    position: relative;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news-heading img {
    aspect-ratio: 685/335;
    border-radius: 5px;
  }
  .news-content {
    font-size: 12px;
  }
  .news-tag {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
  }
  .news-date {
    font-size: 12px;
  }
  .news-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
  }
  .sub-news img {
    aspect-ratio: 160/90;
    width: 140px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
  }
  .section-subscribe .subscribe {
    padding: 24px;
  }
  .section-subscribe .subscribe .subscribe-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
  }
  .section-subscribe .form-control, .section-subscribe .input-group {
    height: 36px;
  }
  .section-subscribe .form-control input::-moz-placeholder, .section-subscribe .input-group input::-moz-placeholder {
    font-size: 14px;
  }
  .section-subscribe .form-control input::placeholder, .section-subscribe .input-group input::placeholder {
    font-size: 14px;
  }
  .section-subscribe .form-control .btn, .section-subscribe .input-group .btn {
    font-size: 12px;
    padding: 0 16px;
  }
  #allAuctions .banner-all-auctions .banner-title {
    padding-block: 50px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
  }
  #allAuctions .dropdown {
    width: 230px;
  }
  #allAuctions .dropdown .dropdown-toggle {
    padding: 4px 0;
  }
  #allAuctions .dropdown .dropdown-item {
    padding: 5px 0;
  }
  #allAuctions .dropdown span {
    font-size: 12px;
  }
}

@media (max-width: 430px){
  .bidding-overview {
    background: #fff;
    color: var(--color-black);
  }
  .bidding-overview-top {
    background: #e4e8f4;
    border-radius: unset;
  }
  .bidding-overview .bidding-info-ended {
    border-radius: unset;
  }
  .bidding-overview .bidding-info-ended .ended-title {
    border-radius: unset;
    color: white;
  }
  .bidding-overview .bidding-info-ended .has-winner {
    border-radius: unset;
  }
  .bidding-overview .bidding-overview-content .bidding-info-cell {
    background: transparent;
  }
  .bidding-overview .bidding-overview-content .bidding-info-cell:first-child:after {
    content: "";
    width: 2px;
    height: 75%;
    position: absolute;
    background: #e5e5e5;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
  }
  .bidding-overview .newest-bidder {
    padding: 10px 12px;
    border-top: 1px solid #e5e5e5;
  }
  .bidding-overview .newest-bidder .curent-highest-bidders {
    color: var(--color-black) !important;
  }
  .bidding-overview .bidding-actions {
    padding: 12px;
    margin: 0;
  }
  .bidding-overview .bidding-overview-content {
    border-bottom: 1px solid #e5e5e5;
    padding: 0;
  }
  .bidding-overview .icon-address {
    filter: invert(1);
  }
  .bidding-overview .bidding-table {
    margin: 12px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e4e8f4;
  }
  .bidding-overview .bidding-table .table-header {
    color: var(--default-color);
    background: #e4e8f4;
    border: unset;
    border-radius: 5px 5px 0 0;
  }
  .bidding-overview .bidding-table .table-body:after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  }
  .bidding-overview .auction-participants {
    background: #E4E8F4;
    padding: 5px 0;
  }
  .bidding-overview .auction-participants .info-participants {
    width: 22px;
    height: 22px;
  }
  .auction-participants {
    display: none;
  }
}

@media screen and (max-width: 430px){
  #buyBid .banner-how-to .btn-play {
    width: 36px;
    height: 36px;
  }
  #buyBid .banner-how-to .btn-play::after {
    width: 70px;
    height: 70px;
  }
  #buyBid .banner-how-to .btn-play img {
    width: 16px;
    height: 16px;
  }
  #buyBid .ticket img.img-ticket {
    aspect-ratio: 90/60;
    max-width: 52px;
  }
  #buyBid .ticket .bid-values {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
  }
  #buyBid .ticket .price {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
  }
}

@media screen and (max-width: 400px){
  footer .wrapper .chplay, footer .wrapper .appstore {
    width: 36px;
  }
  footer .wrapper .list-col .social-list {
    padding: 0 50px;
  }
}