/*!
 * 449 CSS
 * -----------
 * Enjoy!
 * Licensed under MIT
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * 1. Remove default margin from all elements
 * 2. Remove default padding from all elements
 */
* {
  margin: 0;
  padding: 0;
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  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
   ========================================================================== */
/**
 * 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 */
}

/**
 * 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 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

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

/**
 * 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 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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 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 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

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

/**
 * 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 in Chrome and Safari on macOS.
 */
[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 */
}

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

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

/* Other resets
   ========================================================================== */
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.bg\:blue {
  background-color: #007bff !important;
}

.text\:blue {
  color: #007bff !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:blue {
    background-color: #007bff !important;
  }

  .text-xs\:blue {
    color: #007bff !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:blue {
    background-color: #007bff !important;
  }

  .text-sm-down\:blue {
    color: #007bff !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:blue {
    background-color: #007bff !important;
  }

  .text-sm\:blue {
    color: #007bff !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:blue {
    background-color: #007bff !important;
  }

  .text-sm-up\:blue {
    color: #007bff !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:blue {
    background-color: #007bff !important;
  }

  .text-md-down\:blue {
    color: #007bff !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:blue {
    background-color: #007bff !important;
  }

  .text-md\:blue {
    color: #007bff !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:blue {
    background-color: #007bff !important;
  }

  .text-md-up\:blue {
    color: #007bff !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:blue {
    background-color: #007bff !important;
  }

  .text-lg-down\:blue {
    color: #007bff !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:blue {
    background-color: #007bff !important;
  }

  .text-lg\:blue {
    color: #007bff !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:blue {
    background-color: #007bff !important;
  }

  .text-lg-up\:blue {
    color: #007bff !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:blue {
    background-color: #007bff !important;
  }

  .text-xl-down\:blue {
    color: #007bff !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:blue {
    background-color: #007bff !important;
  }

  .text-xl\:blue {
    color: #007bff !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:blue {
    background-color: #007bff !important;
  }

  .text-xl-up\:blue {
    color: #007bff !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:blue {
    background-color: #007bff !important;
  }

  .text-xxl\:blue {
    color: #007bff !important;
  }
}
.bg\:indigo {
  background-color: #6610f2 !important;
}

.text\:indigo {
  color: #6610f2 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:indigo {
    background-color: #6610f2 !important;
  }

  .text-xs\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:indigo {
    background-color: #6610f2 !important;
  }

  .text-sm-down\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:indigo {
    background-color: #6610f2 !important;
  }

  .text-sm\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:indigo {
    background-color: #6610f2 !important;
  }

  .text-sm-up\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:indigo {
    background-color: #6610f2 !important;
  }

  .text-md-down\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:indigo {
    background-color: #6610f2 !important;
  }

  .text-md\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:indigo {
    background-color: #6610f2 !important;
  }

  .text-md-up\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:indigo {
    background-color: #6610f2 !important;
  }

  .text-lg-down\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:indigo {
    background-color: #6610f2 !important;
  }

  .text-lg\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:indigo {
    background-color: #6610f2 !important;
  }

  .text-lg-up\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:indigo {
    background-color: #6610f2 !important;
  }

  .text-xl-down\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:indigo {
    background-color: #6610f2 !important;
  }

  .text-xl\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:indigo {
    background-color: #6610f2 !important;
  }

  .text-xl-up\:indigo {
    color: #6610f2 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:indigo {
    background-color: #6610f2 !important;
  }

  .text-xxl\:indigo {
    color: #6610f2 !important;
  }
}
.bg\:purple {
  background-color: #6f42c1 !important;
}

.text\:purple {
  color: #6f42c1 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:purple {
    background-color: #6f42c1 !important;
  }

  .text-xs\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:purple {
    background-color: #6f42c1 !important;
  }

  .text-sm-down\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:purple {
    background-color: #6f42c1 !important;
  }

  .text-sm\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:purple {
    background-color: #6f42c1 !important;
  }

  .text-sm-up\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:purple {
    background-color: #6f42c1 !important;
  }

  .text-md-down\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:purple {
    background-color: #6f42c1 !important;
  }

  .text-md\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:purple {
    background-color: #6f42c1 !important;
  }

  .text-md-up\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:purple {
    background-color: #6f42c1 !important;
  }

  .text-lg-down\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:purple {
    background-color: #6f42c1 !important;
  }

  .text-lg\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:purple {
    background-color: #6f42c1 !important;
  }

  .text-lg-up\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:purple {
    background-color: #6f42c1 !important;
  }

  .text-xl-down\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:purple {
    background-color: #6f42c1 !important;
  }

  .text-xl\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:purple {
    background-color: #6f42c1 !important;
  }

  .text-xl-up\:purple {
    color: #6f42c1 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:purple {
    background-color: #6f42c1 !important;
  }

  .text-xxl\:purple {
    color: #6f42c1 !important;
  }
}
.bg\:pink {
  background-color: #e83e8c !important;
}

.text\:pink {
  color: #e83e8c !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:pink {
    background-color: #e83e8c !important;
  }

  .text-xs\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:pink {
    background-color: #e83e8c !important;
  }

  .text-sm-down\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:pink {
    background-color: #e83e8c !important;
  }

  .text-sm\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:pink {
    background-color: #e83e8c !important;
  }

  .text-sm-up\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:pink {
    background-color: #e83e8c !important;
  }

  .text-md-down\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:pink {
    background-color: #e83e8c !important;
  }

  .text-md\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:pink {
    background-color: #e83e8c !important;
  }

  .text-md-up\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:pink {
    background-color: #e83e8c !important;
  }

  .text-lg-down\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:pink {
    background-color: #e83e8c !important;
  }

  .text-lg\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:pink {
    background-color: #e83e8c !important;
  }

  .text-lg-up\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:pink {
    background-color: #e83e8c !important;
  }

  .text-xl-down\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:pink {
    background-color: #e83e8c !important;
  }

  .text-xl\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:pink {
    background-color: #e83e8c !important;
  }

  .text-xl-up\:pink {
    color: #e83e8c !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:pink {
    background-color: #e83e8c !important;
  }

  .text-xxl\:pink {
    color: #e83e8c !important;
  }
}
.bg\:red {
  background-color: #dc3545 !important;
}

.text\:red {
  color: #dc3545 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:red {
    background-color: #dc3545 !important;
  }

  .text-xs\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:red {
    background-color: #dc3545 !important;
  }

  .text-sm-down\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:red {
    background-color: #dc3545 !important;
  }

  .text-sm\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:red {
    background-color: #dc3545 !important;
  }

  .text-sm-up\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:red {
    background-color: #dc3545 !important;
  }

  .text-md-down\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:red {
    background-color: #dc3545 !important;
  }

  .text-md\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:red {
    background-color: #dc3545 !important;
  }

  .text-md-up\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:red {
    background-color: #dc3545 !important;
  }

  .text-lg-down\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:red {
    background-color: #dc3545 !important;
  }

  .text-lg\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:red {
    background-color: #dc3545 !important;
  }

  .text-lg-up\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:red {
    background-color: #dc3545 !important;
  }

  .text-xl-down\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:red {
    background-color: #dc3545 !important;
  }

  .text-xl\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:red {
    background-color: #dc3545 !important;
  }

  .text-xl-up\:red {
    color: #dc3545 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:red {
    background-color: #dc3545 !important;
  }

  .text-xxl\:red {
    color: #dc3545 !important;
  }
}
.bg\:orange {
  background-color: #fd7e14 !important;
}

.text\:orange {
  color: #fd7e14 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:orange {
    background-color: #fd7e14 !important;
  }

  .text-xs\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:orange {
    background-color: #fd7e14 !important;
  }

  .text-sm-down\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:orange {
    background-color: #fd7e14 !important;
  }

  .text-sm\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:orange {
    background-color: #fd7e14 !important;
  }

  .text-sm-up\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:orange {
    background-color: #fd7e14 !important;
  }

  .text-md-down\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:orange {
    background-color: #fd7e14 !important;
  }

  .text-md\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:orange {
    background-color: #fd7e14 !important;
  }

  .text-md-up\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:orange {
    background-color: #fd7e14 !important;
  }

  .text-lg-down\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:orange {
    background-color: #fd7e14 !important;
  }

  .text-lg\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:orange {
    background-color: #fd7e14 !important;
  }

  .text-lg-up\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:orange {
    background-color: #fd7e14 !important;
  }

  .text-xl-down\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:orange {
    background-color: #fd7e14 !important;
  }

  .text-xl\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:orange {
    background-color: #fd7e14 !important;
  }

  .text-xl-up\:orange {
    color: #fd7e14 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:orange {
    background-color: #fd7e14 !important;
  }

  .text-xxl\:orange {
    color: #fd7e14 !important;
  }
}
.bg\:yellow {
  background-color: #ffc107 !important;
}

.text\:yellow {
  color: #ffc107 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:yellow {
    background-color: #ffc107 !important;
  }

  .text-xs\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:yellow {
    background-color: #ffc107 !important;
  }

  .text-sm-down\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:yellow {
    background-color: #ffc107 !important;
  }

  .text-sm\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:yellow {
    background-color: #ffc107 !important;
  }

  .text-sm-up\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:yellow {
    background-color: #ffc107 !important;
  }

  .text-md-down\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:yellow {
    background-color: #ffc107 !important;
  }

  .text-md\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:yellow {
    background-color: #ffc107 !important;
  }

  .text-md-up\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:yellow {
    background-color: #ffc107 !important;
  }

  .text-lg-down\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:yellow {
    background-color: #ffc107 !important;
  }

  .text-lg\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:yellow {
    background-color: #ffc107 !important;
  }

  .text-lg-up\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:yellow {
    background-color: #ffc107 !important;
  }

  .text-xl-down\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:yellow {
    background-color: #ffc107 !important;
  }

  .text-xl\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:yellow {
    background-color: #ffc107 !important;
  }

  .text-xl-up\:yellow {
    color: #ffc107 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:yellow {
    background-color: #ffc107 !important;
  }

  .text-xxl\:yellow {
    color: #ffc107 !important;
  }
}
.bg\:green {
  background-color: #28a745 !important;
}

.text\:green {
  color: #28a745 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:green {
    background-color: #28a745 !important;
  }

  .text-xs\:green {
    color: #28a745 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:green {
    background-color: #28a745 !important;
  }

  .text-sm-down\:green {
    color: #28a745 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:green {
    background-color: #28a745 !important;
  }

  .text-sm\:green {
    color: #28a745 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:green {
    background-color: #28a745 !important;
  }

  .text-sm-up\:green {
    color: #28a745 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:green {
    background-color: #28a745 !important;
  }

  .text-md-down\:green {
    color: #28a745 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:green {
    background-color: #28a745 !important;
  }

  .text-md\:green {
    color: #28a745 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:green {
    background-color: #28a745 !important;
  }

  .text-md-up\:green {
    color: #28a745 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:green {
    background-color: #28a745 !important;
  }

  .text-lg-down\:green {
    color: #28a745 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:green {
    background-color: #28a745 !important;
  }

  .text-lg\:green {
    color: #28a745 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:green {
    background-color: #28a745 !important;
  }

  .text-lg-up\:green {
    color: #28a745 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:green {
    background-color: #28a745 !important;
  }

  .text-xl-down\:green {
    color: #28a745 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:green {
    background-color: #28a745 !important;
  }

  .text-xl\:green {
    color: #28a745 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:green {
    background-color: #28a745 !important;
  }

  .text-xl-up\:green {
    color: #28a745 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:green {
    background-color: #28a745 !important;
  }

  .text-xxl\:green {
    color: #28a745 !important;
  }
}
.bg\:teal {
  background-color: #20c997 !important;
}

.text\:teal {
  color: #20c997 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:teal {
    background-color: #20c997 !important;
  }

  .text-xs\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:teal {
    background-color: #20c997 !important;
  }

  .text-sm-down\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:teal {
    background-color: #20c997 !important;
  }

  .text-sm\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:teal {
    background-color: #20c997 !important;
  }

  .text-sm-up\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:teal {
    background-color: #20c997 !important;
  }

  .text-md-down\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:teal {
    background-color: #20c997 !important;
  }

  .text-md\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:teal {
    background-color: #20c997 !important;
  }

  .text-md-up\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:teal {
    background-color: #20c997 !important;
  }

  .text-lg-down\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:teal {
    background-color: #20c997 !important;
  }

  .text-lg\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:teal {
    background-color: #20c997 !important;
  }

  .text-lg-up\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:teal {
    background-color: #20c997 !important;
  }

  .text-xl-down\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:teal {
    background-color: #20c997 !important;
  }

  .text-xl\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:teal {
    background-color: #20c997 !important;
  }

  .text-xl-up\:teal {
    color: #20c997 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:teal {
    background-color: #20c997 !important;
  }

  .text-xxl\:teal {
    color: #20c997 !important;
  }
}
.bg\:cyan {
  background-color: #17a2b8 !important;
}

.text\:cyan {
  color: #17a2b8 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-xs\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-sm-down\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-sm\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-sm-up\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-md-down\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-md\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-md-up\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-lg-down\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-lg\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-lg-up\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-xl-down\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-xl\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-xl-up\:cyan {
    color: #17a2b8 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:cyan {
    background-color: #17a2b8 !important;
  }

  .text-xxl\:cyan {
    color: #17a2b8 !important;
  }
}
.bg\:white {
  background-color: #fff !important;
}

.text\:white {
  color: #fff !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:white {
    background-color: #fff !important;
  }

  .text-xs\:white {
    color: #fff !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:white {
    background-color: #fff !important;
  }

  .text-sm-down\:white {
    color: #fff !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:white {
    background-color: #fff !important;
  }

  .text-sm\:white {
    color: #fff !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:white {
    background-color: #fff !important;
  }

  .text-sm-up\:white {
    color: #fff !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:white {
    background-color: #fff !important;
  }

  .text-md-down\:white {
    color: #fff !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:white {
    background-color: #fff !important;
  }

  .text-md\:white {
    color: #fff !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:white {
    background-color: #fff !important;
  }

  .text-md-up\:white {
    color: #fff !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:white {
    background-color: #fff !important;
  }

  .text-lg-down\:white {
    color: #fff !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:white {
    background-color: #fff !important;
  }

  .text-lg\:white {
    color: #fff !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:white {
    background-color: #fff !important;
  }

  .text-lg-up\:white {
    color: #fff !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:white {
    background-color: #fff !important;
  }

  .text-xl-down\:white {
    color: #fff !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:white {
    background-color: #fff !important;
  }

  .text-xl\:white {
    color: #fff !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:white {
    background-color: #fff !important;
  }

  .text-xl-up\:white {
    color: #fff !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:white {
    background-color: #fff !important;
  }

  .text-xxl\:white {
    color: #fff !important;
  }
}
.bg\:gray {
  background-color: #6c757d !important;
}

.text\:gray {
  color: #6c757d !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray {
    background-color: #6c757d !important;
  }

  .text-xs\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray {
    background-color: #6c757d !important;
  }

  .text-sm-down\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray {
    background-color: #6c757d !important;
  }

  .text-sm\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray {
    background-color: #6c757d !important;
  }

  .text-sm-up\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray {
    background-color: #6c757d !important;
  }

  .text-md-down\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray {
    background-color: #6c757d !important;
  }

  .text-md\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray {
    background-color: #6c757d !important;
  }

  .text-md-up\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray {
    background-color: #6c757d !important;
  }

  .text-lg-down\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray {
    background-color: #6c757d !important;
  }

  .text-lg\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray {
    background-color: #6c757d !important;
  }

  .text-lg-up\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray {
    background-color: #6c757d !important;
  }

  .text-xl-down\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray {
    background-color: #6c757d !important;
  }

  .text-xl\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray {
    background-color: #6c757d !important;
  }

  .text-xl-up\:gray {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray {
    background-color: #6c757d !important;
  }

  .text-xxl\:gray {
    color: #6c757d !important;
  }
}
.bg\:gray-dark {
  background-color: #343a40 !important;
}

.text\:gray-dark {
  color: #343a40 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-xs\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-sm-down\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-sm\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-sm-up\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-md-down\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-md\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-md-up\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-lg-down\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-lg\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-lg-up\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-xl-down\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-xl\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-xl-up\:gray-dark {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-dark {
    background-color: #343a40 !important;
  }

  .text-xxl\:gray-dark {
    color: #343a40 !important;
  }
}
.bg\:gray-100 {
  background-color: #f8f9fa !important;
}

.text\:gray-100 {
  color: #f8f9fa !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-xs\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-sm-down\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-sm\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-sm-up\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-md-down\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-md\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-md-up\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-lg-down\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-lg\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-lg-up\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-xl-down\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-xl\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-xl-up\:gray-100 {
    color: #f8f9fa !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-100 {
    background-color: #f8f9fa !important;
  }

  .text-xxl\:gray-100 {
    color: #f8f9fa !important;
  }
}
.bg\:gray-200 {
  background-color: #e9ecef !important;
}

.text\:gray-200 {
  color: #e9ecef !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-xs\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-sm-down\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-sm\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-sm-up\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-md-down\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-md\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-md-up\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-lg-down\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-lg\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-lg-up\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-xl-down\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-xl\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-xl-up\:gray-200 {
    color: #e9ecef !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-200 {
    background-color: #e9ecef !important;
  }

  .text-xxl\:gray-200 {
    color: #e9ecef !important;
  }
}
.bg\:gray-300 {
  background-color: #dee2e6 !important;
}

.text\:gray-300 {
  color: #dee2e6 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-xs\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-sm-down\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-sm\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-sm-up\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-md-down\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-md\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-md-up\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-lg-down\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-lg\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-lg-up\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-xl-down\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-xl\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-xl-up\:gray-300 {
    color: #dee2e6 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-300 {
    background-color: #dee2e6 !important;
  }

  .text-xxl\:gray-300 {
    color: #dee2e6 !important;
  }
}
.bg\:gray-400 {
  background-color: #ced4da !important;
}

.text\:gray-400 {
  color: #ced4da !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-xs\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-sm-down\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-sm\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-sm-up\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-md-down\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-md\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-md-up\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-lg-down\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-lg\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-lg-up\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-xl-down\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-xl\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-xl-up\:gray-400 {
    color: #ced4da !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-400 {
    background-color: #ced4da !important;
  }

  .text-xxl\:gray-400 {
    color: #ced4da !important;
  }
}
.bg\:gray-500 {
  background-color: #adb5bd !important;
}

.text\:gray-500 {
  color: #adb5bd !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-xs\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-sm-down\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-sm\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-sm-up\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-md-down\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-md\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-md-up\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-lg-down\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-lg\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-lg-up\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-xl-down\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-xl\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-xl-up\:gray-500 {
    color: #adb5bd !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-500 {
    background-color: #adb5bd !important;
  }

  .text-xxl\:gray-500 {
    color: #adb5bd !important;
  }
}
.bg\:gray-600 {
  background-color: #6c757d !important;
}

.text\:gray-600 {
  color: #6c757d !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-xs\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-sm-down\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-sm\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-sm-up\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-md-down\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-md\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-md-up\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-lg-down\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-lg\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-lg-up\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-xl-down\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-xl\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-xl-up\:gray-600 {
    color: #6c757d !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-600 {
    background-color: #6c757d !important;
  }

  .text-xxl\:gray-600 {
    color: #6c757d !important;
  }
}
.bg\:gray-700 {
  background-color: #495057 !important;
}

.text\:gray-700 {
  color: #495057 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-700 {
    background-color: #495057 !important;
  }

  .text-xs\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-700 {
    background-color: #495057 !important;
  }

  .text-sm-down\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-700 {
    background-color: #495057 !important;
  }

  .text-sm\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-700 {
    background-color: #495057 !important;
  }

  .text-sm-up\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-700 {
    background-color: #495057 !important;
  }

  .text-md-down\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-700 {
    background-color: #495057 !important;
  }

  .text-md\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-700 {
    background-color: #495057 !important;
  }

  .text-md-up\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-700 {
    background-color: #495057 !important;
  }

  .text-lg-down\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-700 {
    background-color: #495057 !important;
  }

  .text-lg\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-700 {
    background-color: #495057 !important;
  }

  .text-lg-up\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-700 {
    background-color: #495057 !important;
  }

  .text-xl-down\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-700 {
    background-color: #495057 !important;
  }

  .text-xl\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-700 {
    background-color: #495057 !important;
  }

  .text-xl-up\:gray-700 {
    color: #495057 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-700 {
    background-color: #495057 !important;
  }

  .text-xxl\:gray-700 {
    color: #495057 !important;
  }
}
.bg\:gray-800 {
  background-color: #343a40 !important;
}

.text\:gray-800 {
  color: #343a40 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-xs\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-sm-down\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-sm\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-sm-up\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-md-down\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-md\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-md-up\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-lg-down\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-lg\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-lg-up\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-xl-down\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-xl\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-xl-up\:gray-800 {
    color: #343a40 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-800 {
    background-color: #343a40 !important;
  }

  .text-xxl\:gray-800 {
    color: #343a40 !important;
  }
}
.bg\:gray-900 {
  background-color: #212529 !important;
}

.text\:gray-900 {
  color: #212529 !important;
}

@media only screen and (max-width: 576px) {
  .bg-xs\:gray-900 {
    background-color: #212529 !important;
  }

  .text-xs\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (max-width: 768px) {
  .bg-sm-down\:gray-900 {
    background-color: #212529 !important;
  }

  .text-sm-down\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .bg-sm\:gray-900 {
    background-color: #212529 !important;
  }

  .text-sm\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (min-width: 577px) {
  .bg-sm-up\:gray-900 {
    background-color: #212529 !important;
  }

  .text-sm-up\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (max-width: 992px) {
  .bg-md-down\:gray-900 {
    background-color: #212529 !important;
  }

  .text-md-down\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .bg-md\:gray-900 {
    background-color: #212529 !important;
  }

  .text-md\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (min-width: 769px) {
  .bg-md-up\:gray-900 {
    background-color: #212529 !important;
  }

  .text-md-up\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .bg-lg-down\:gray-900 {
    background-color: #212529 !important;
  }

  .text-lg-down\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .bg-lg\:gray-900 {
    background-color: #212529 !important;
  }

  .text-lg\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (min-width: 993px) {
  .bg-lg-up\:gray-900 {
    background-color: #212529 !important;
  }

  .text-lg-up\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .bg-xl-down\:gray-900 {
    background-color: #212529 !important;
  }

  .text-xl-down\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .bg-xl\:gray-900 {
    background-color: #212529 !important;
  }

  .text-xl\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .bg-xl-up\:gray-900 {
    background-color: #212529 !important;
  }

  .text-xl-up\:gray-900 {
    color: #212529 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .bg-xxl\:gray-900 {
    background-color: #212529 !important;
  }

  .text-xxl\:gray-900 {
    color: #212529 !important;
  }
}
.text-decoration\:none {
  text-decoration: none;
}

.text-decoration\:underline {
  text-decoration: underline;
}

.text-overflow\:wrap {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.text-overflow\:wrap {
  white-space: nowrap;
}

.m\:-1 {
  margin: -10px !important;
}

.mx\:-1 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.my\:-1 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

.mt\:-1 {
  margin-top: -10px !important;
}

.mb\:-1 {
  margin-bottom: -10px !important;
}

.ml\:-1 {
  margin-left: -10px !important;
}

.mr\:-1 {
  margin-right: -10px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-1 {
    margin: -10px !important;
  }

  .mx-xs\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-xs\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-xs\:-1 {
    margin-top: -10px !important;
  }

  .mb-xs\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-xs\:-1 {
    margin-left: -10px !important;
  }

  .mr-xs\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-1 {
    margin: -10px !important;
  }

  .mx-sm\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-sm\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-sm\:-1 {
    margin-top: -10px !important;
  }

  .mb-sm\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-sm\:-1 {
    margin-left: -10px !important;
  }

  .mr-sm\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-1 {
    margin: -10px !important;
  }

  .mx-md\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-md\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-md\:-1 {
    margin-top: -10px !important;
  }

  .mb-md\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-md\:-1 {
    margin-left: -10px !important;
  }

  .mr-md\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-1 {
    margin: -10px !important;
  }

  .mx-lg\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-lg\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-lg\:-1 {
    margin-top: -10px !important;
  }

  .mb-lg\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-lg\:-1 {
    margin-left: -10px !important;
  }

  .mr-lg\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-1 {
    margin: -10px !important;
  }

  .mx-xl\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-xl\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-xl\:-1 {
    margin-top: -10px !important;
  }

  .mb-xl\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-xl\:-1 {
    margin-left: -10px !important;
  }

  .mr-xl\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-1 {
    margin: -10px !important;
  }

  .mx-xxl\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-xxl\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-xxl\:-1 {
    margin-top: -10px !important;
  }

  .mb-xxl\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-xxl\:-1 {
    margin-left: -10px !important;
  }

  .mr-xxl\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-1 {
    margin: -10px !important;
  }

  .mx-sm-up\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-sm-up\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-sm-up\:-1 {
    margin-top: -10px !important;
  }

  .mb-sm-up\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-sm-up\:-1 {
    margin-left: -10px !important;
  }

  .mr-sm-up\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-1 {
    margin: -10px !important;
  }

  .mx-md-up\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-md-up\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-md-up\:-1 {
    margin-top: -10px !important;
  }

  .mb-md-up\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-md-up\:-1 {
    margin-left: -10px !important;
  }

  .mr-md-up\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-1 {
    margin: -10px !important;
  }

  .mx-lg-up\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-lg-up\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-lg-up\:-1 {
    margin-top: -10px !important;
  }

  .mb-lg-up\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-lg-up\:-1 {
    margin-left: -10px !important;
  }

  .mr-lg-up\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-1 {
    margin: -10px !important;
  }

  .mx-xl-up\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-xl-up\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-xl-up\:-1 {
    margin-top: -10px !important;
  }

  .mb-xl-up\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-xl-up\:-1 {
    margin-left: -10px !important;
  }

  .mr-xl-up\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-1 {
    margin: -10px !important;
  }

  .mx-sm-down\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-sm-down\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-sm-down\:-1 {
    margin-top: -10px !important;
  }

  .mb-sm-down\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-sm-down\:-1 {
    margin-left: -10px !important;
  }

  .mr-sm-down\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-1 {
    margin: -10px !important;
  }

  .mx-md-down\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-md-down\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-md-down\:-1 {
    margin-top: -10px !important;
  }

  .mb-md-down\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-md-down\:-1 {
    margin-left: -10px !important;
  }

  .mr-md-down\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-1 {
    margin: -10px !important;
  }

  .mx-lg-down\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-lg-down\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-lg-down\:-1 {
    margin-top: -10px !important;
  }

  .mb-lg-down\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-lg-down\:-1 {
    margin-left: -10px !important;
  }

  .mr-lg-down\:-1 {
    margin-right: -10px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-1 {
    margin: -10px !important;
  }

  .mx-xl-down\:-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .my-xl-down\:-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .mt-xl-down\:-1 {
    margin-top: -10px !important;
  }

  .mb-xl-down\:-1 {
    margin-bottom: -10px !important;
  }

  .ml-xl-down\:-1 {
    margin-left: -10px !important;
  }

  .mr-xl-down\:-1 {
    margin-right: -10px !important;
  }
}
.m\:-2 {
  margin: -20px !important;
}

.mx\:-2 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

.my\:-2 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.mt\:-2 {
  margin-top: -20px !important;
}

.mb\:-2 {
  margin-bottom: -20px !important;
}

.ml\:-2 {
  margin-left: -20px !important;
}

.mr\:-2 {
  margin-right: -20px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-2 {
    margin: -20px !important;
  }

  .mx-xs\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-xs\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-xs\:-2 {
    margin-top: -20px !important;
  }

  .mb-xs\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-xs\:-2 {
    margin-left: -20px !important;
  }

  .mr-xs\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-2 {
    margin: -20px !important;
  }

  .mx-sm\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-sm\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-sm\:-2 {
    margin-top: -20px !important;
  }

  .mb-sm\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-sm\:-2 {
    margin-left: -20px !important;
  }

  .mr-sm\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-2 {
    margin: -20px !important;
  }

  .mx-md\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-md\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-md\:-2 {
    margin-top: -20px !important;
  }

  .mb-md\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-md\:-2 {
    margin-left: -20px !important;
  }

  .mr-md\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-2 {
    margin: -20px !important;
  }

  .mx-lg\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-lg\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-lg\:-2 {
    margin-top: -20px !important;
  }

  .mb-lg\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-lg\:-2 {
    margin-left: -20px !important;
  }

  .mr-lg\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-2 {
    margin: -20px !important;
  }

  .mx-xl\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-xl\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-xl\:-2 {
    margin-top: -20px !important;
  }

  .mb-xl\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-xl\:-2 {
    margin-left: -20px !important;
  }

  .mr-xl\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-2 {
    margin: -20px !important;
  }

  .mx-xxl\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-xxl\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-xxl\:-2 {
    margin-top: -20px !important;
  }

  .mb-xxl\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-xxl\:-2 {
    margin-left: -20px !important;
  }

  .mr-xxl\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-2 {
    margin: -20px !important;
  }

  .mx-sm-up\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-sm-up\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-sm-up\:-2 {
    margin-top: -20px !important;
  }

  .mb-sm-up\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-sm-up\:-2 {
    margin-left: -20px !important;
  }

  .mr-sm-up\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-2 {
    margin: -20px !important;
  }

  .mx-md-up\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-md-up\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-md-up\:-2 {
    margin-top: -20px !important;
  }

  .mb-md-up\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-md-up\:-2 {
    margin-left: -20px !important;
  }

  .mr-md-up\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-2 {
    margin: -20px !important;
  }

  .mx-lg-up\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-lg-up\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-lg-up\:-2 {
    margin-top: -20px !important;
  }

  .mb-lg-up\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-lg-up\:-2 {
    margin-left: -20px !important;
  }

  .mr-lg-up\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-2 {
    margin: -20px !important;
  }

  .mx-xl-up\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-xl-up\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-xl-up\:-2 {
    margin-top: -20px !important;
  }

  .mb-xl-up\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-xl-up\:-2 {
    margin-left: -20px !important;
  }

  .mr-xl-up\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-2 {
    margin: -20px !important;
  }

  .mx-sm-down\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-sm-down\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-sm-down\:-2 {
    margin-top: -20px !important;
  }

  .mb-sm-down\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-sm-down\:-2 {
    margin-left: -20px !important;
  }

  .mr-sm-down\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-2 {
    margin: -20px !important;
  }

  .mx-md-down\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-md-down\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-md-down\:-2 {
    margin-top: -20px !important;
  }

  .mb-md-down\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-md-down\:-2 {
    margin-left: -20px !important;
  }

  .mr-md-down\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-2 {
    margin: -20px !important;
  }

  .mx-lg-down\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-lg-down\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-lg-down\:-2 {
    margin-top: -20px !important;
  }

  .mb-lg-down\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-lg-down\:-2 {
    margin-left: -20px !important;
  }

  .mr-lg-down\:-2 {
    margin-right: -20px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-2 {
    margin: -20px !important;
  }

  .mx-xl-down\:-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .my-xl-down\:-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .mt-xl-down\:-2 {
    margin-top: -20px !important;
  }

  .mb-xl-down\:-2 {
    margin-bottom: -20px !important;
  }

  .ml-xl-down\:-2 {
    margin-left: -20px !important;
  }

  .mr-xl-down\:-2 {
    margin-right: -20px !important;
  }
}
.m\:-3 {
  margin: -30px !important;
}

.mx\:-3 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

.my\:-3 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}

.mt\:-3 {
  margin-top: -30px !important;
}

.mb\:-3 {
  margin-bottom: -30px !important;
}

.ml\:-3 {
  margin-left: -30px !important;
}

.mr\:-3 {
  margin-right: -30px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-3 {
    margin: -30px !important;
  }

  .mx-xs\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-xs\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-xs\:-3 {
    margin-top: -30px !important;
  }

  .mb-xs\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-xs\:-3 {
    margin-left: -30px !important;
  }

  .mr-xs\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-3 {
    margin: -30px !important;
  }

  .mx-sm\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-sm\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-sm\:-3 {
    margin-top: -30px !important;
  }

  .mb-sm\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-sm\:-3 {
    margin-left: -30px !important;
  }

  .mr-sm\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-3 {
    margin: -30px !important;
  }

  .mx-md\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-md\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-md\:-3 {
    margin-top: -30px !important;
  }

  .mb-md\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-md\:-3 {
    margin-left: -30px !important;
  }

  .mr-md\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-3 {
    margin: -30px !important;
  }

  .mx-lg\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-lg\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-lg\:-3 {
    margin-top: -30px !important;
  }

  .mb-lg\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-lg\:-3 {
    margin-left: -30px !important;
  }

  .mr-lg\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-3 {
    margin: -30px !important;
  }

  .mx-xl\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-xl\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-xl\:-3 {
    margin-top: -30px !important;
  }

  .mb-xl\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-xl\:-3 {
    margin-left: -30px !important;
  }

  .mr-xl\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-3 {
    margin: -30px !important;
  }

  .mx-xxl\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-xxl\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-xxl\:-3 {
    margin-top: -30px !important;
  }

  .mb-xxl\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-xxl\:-3 {
    margin-left: -30px !important;
  }

  .mr-xxl\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-3 {
    margin: -30px !important;
  }

  .mx-sm-up\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-sm-up\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-sm-up\:-3 {
    margin-top: -30px !important;
  }

  .mb-sm-up\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-sm-up\:-3 {
    margin-left: -30px !important;
  }

  .mr-sm-up\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-3 {
    margin: -30px !important;
  }

  .mx-md-up\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-md-up\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-md-up\:-3 {
    margin-top: -30px !important;
  }

  .mb-md-up\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-md-up\:-3 {
    margin-left: -30px !important;
  }

  .mr-md-up\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-3 {
    margin: -30px !important;
  }

  .mx-lg-up\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-lg-up\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-lg-up\:-3 {
    margin-top: -30px !important;
  }

  .mb-lg-up\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-lg-up\:-3 {
    margin-left: -30px !important;
  }

  .mr-lg-up\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-3 {
    margin: -30px !important;
  }

  .mx-xl-up\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-xl-up\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-xl-up\:-3 {
    margin-top: -30px !important;
  }

  .mb-xl-up\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-xl-up\:-3 {
    margin-left: -30px !important;
  }

  .mr-xl-up\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-3 {
    margin: -30px !important;
  }

  .mx-sm-down\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-sm-down\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-sm-down\:-3 {
    margin-top: -30px !important;
  }

  .mb-sm-down\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-sm-down\:-3 {
    margin-left: -30px !important;
  }

  .mr-sm-down\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-3 {
    margin: -30px !important;
  }

  .mx-md-down\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-md-down\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-md-down\:-3 {
    margin-top: -30px !important;
  }

  .mb-md-down\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-md-down\:-3 {
    margin-left: -30px !important;
  }

  .mr-md-down\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-3 {
    margin: -30px !important;
  }

  .mx-lg-down\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-lg-down\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-lg-down\:-3 {
    margin-top: -30px !important;
  }

  .mb-lg-down\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-lg-down\:-3 {
    margin-left: -30px !important;
  }

  .mr-lg-down\:-3 {
    margin-right: -30px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-3 {
    margin: -30px !important;
  }

  .mx-xl-down\:-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .my-xl-down\:-3 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .mt-xl-down\:-3 {
    margin-top: -30px !important;
  }

  .mb-xl-down\:-3 {
    margin-bottom: -30px !important;
  }

  .ml-xl-down\:-3 {
    margin-left: -30px !important;
  }

  .mr-xl-down\:-3 {
    margin-right: -30px !important;
  }
}
.m\:-4 {
  margin: -40px !important;
}

.mx\:-4 {
  margin-left: -40px !important;
  margin-right: -40px !important;
}

.my\:-4 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

.mt\:-4 {
  margin-top: -40px !important;
}

.mb\:-4 {
  margin-bottom: -40px !important;
}

.ml\:-4 {
  margin-left: -40px !important;
}

.mr\:-4 {
  margin-right: -40px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-4 {
    margin: -40px !important;
  }

  .mx-xs\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-xs\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-xs\:-4 {
    margin-top: -40px !important;
  }

  .mb-xs\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-xs\:-4 {
    margin-left: -40px !important;
  }

  .mr-xs\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-4 {
    margin: -40px !important;
  }

  .mx-sm\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-sm\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-sm\:-4 {
    margin-top: -40px !important;
  }

  .mb-sm\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-sm\:-4 {
    margin-left: -40px !important;
  }

  .mr-sm\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-4 {
    margin: -40px !important;
  }

  .mx-md\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-md\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-md\:-4 {
    margin-top: -40px !important;
  }

  .mb-md\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-md\:-4 {
    margin-left: -40px !important;
  }

  .mr-md\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-4 {
    margin: -40px !important;
  }

  .mx-lg\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-lg\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-lg\:-4 {
    margin-top: -40px !important;
  }

  .mb-lg\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-lg\:-4 {
    margin-left: -40px !important;
  }

  .mr-lg\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-4 {
    margin: -40px !important;
  }

  .mx-xl\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-xl\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-xl\:-4 {
    margin-top: -40px !important;
  }

  .mb-xl\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-xl\:-4 {
    margin-left: -40px !important;
  }

  .mr-xl\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-4 {
    margin: -40px !important;
  }

  .mx-xxl\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-xxl\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-xxl\:-4 {
    margin-top: -40px !important;
  }

  .mb-xxl\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-xxl\:-4 {
    margin-left: -40px !important;
  }

  .mr-xxl\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-4 {
    margin: -40px !important;
  }

  .mx-sm-up\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-sm-up\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-sm-up\:-4 {
    margin-top: -40px !important;
  }

  .mb-sm-up\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-sm-up\:-4 {
    margin-left: -40px !important;
  }

  .mr-sm-up\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-4 {
    margin: -40px !important;
  }

  .mx-md-up\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-md-up\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-md-up\:-4 {
    margin-top: -40px !important;
  }

  .mb-md-up\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-md-up\:-4 {
    margin-left: -40px !important;
  }

  .mr-md-up\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-4 {
    margin: -40px !important;
  }

  .mx-lg-up\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-lg-up\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-lg-up\:-4 {
    margin-top: -40px !important;
  }

  .mb-lg-up\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-lg-up\:-4 {
    margin-left: -40px !important;
  }

  .mr-lg-up\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-4 {
    margin: -40px !important;
  }

  .mx-xl-up\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-xl-up\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-xl-up\:-4 {
    margin-top: -40px !important;
  }

  .mb-xl-up\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-xl-up\:-4 {
    margin-left: -40px !important;
  }

  .mr-xl-up\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-4 {
    margin: -40px !important;
  }

  .mx-sm-down\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-sm-down\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-sm-down\:-4 {
    margin-top: -40px !important;
  }

  .mb-sm-down\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-sm-down\:-4 {
    margin-left: -40px !important;
  }

  .mr-sm-down\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-4 {
    margin: -40px !important;
  }

  .mx-md-down\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-md-down\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-md-down\:-4 {
    margin-top: -40px !important;
  }

  .mb-md-down\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-md-down\:-4 {
    margin-left: -40px !important;
  }

  .mr-md-down\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-4 {
    margin: -40px !important;
  }

  .mx-lg-down\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-lg-down\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-lg-down\:-4 {
    margin-top: -40px !important;
  }

  .mb-lg-down\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-lg-down\:-4 {
    margin-left: -40px !important;
  }

  .mr-lg-down\:-4 {
    margin-right: -40px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-4 {
    margin: -40px !important;
  }

  .mx-xl-down\:-4 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .my-xl-down\:-4 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .mt-xl-down\:-4 {
    margin-top: -40px !important;
  }

  .mb-xl-down\:-4 {
    margin-bottom: -40px !important;
  }

  .ml-xl-down\:-4 {
    margin-left: -40px !important;
  }

  .mr-xl-down\:-4 {
    margin-right: -40px !important;
  }
}
.m\:-5 {
  margin: -50px !important;
}

.mx\:-5 {
  margin-left: -50px !important;
  margin-right: -50px !important;
}

.my\:-5 {
  margin-top: -50px !important;
  margin-bottom: -50px !important;
}

.mt\:-5 {
  margin-top: -50px !important;
}

.mb\:-5 {
  margin-bottom: -50px !important;
}

.ml\:-5 {
  margin-left: -50px !important;
}

.mr\:-5 {
  margin-right: -50px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-5 {
    margin: -50px !important;
  }

  .mx-xs\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-xs\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-xs\:-5 {
    margin-top: -50px !important;
  }

  .mb-xs\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-xs\:-5 {
    margin-left: -50px !important;
  }

  .mr-xs\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-5 {
    margin: -50px !important;
  }

  .mx-sm\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-sm\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-sm\:-5 {
    margin-top: -50px !important;
  }

  .mb-sm\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-sm\:-5 {
    margin-left: -50px !important;
  }

  .mr-sm\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-5 {
    margin: -50px !important;
  }

  .mx-md\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-md\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-md\:-5 {
    margin-top: -50px !important;
  }

  .mb-md\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-md\:-5 {
    margin-left: -50px !important;
  }

  .mr-md\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-5 {
    margin: -50px !important;
  }

  .mx-lg\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-lg\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-lg\:-5 {
    margin-top: -50px !important;
  }

  .mb-lg\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-lg\:-5 {
    margin-left: -50px !important;
  }

  .mr-lg\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-5 {
    margin: -50px !important;
  }

  .mx-xl\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-xl\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-xl\:-5 {
    margin-top: -50px !important;
  }

  .mb-xl\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-xl\:-5 {
    margin-left: -50px !important;
  }

  .mr-xl\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-5 {
    margin: -50px !important;
  }

  .mx-xxl\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-xxl\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-xxl\:-5 {
    margin-top: -50px !important;
  }

  .mb-xxl\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-xxl\:-5 {
    margin-left: -50px !important;
  }

  .mr-xxl\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-5 {
    margin: -50px !important;
  }

  .mx-sm-up\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-sm-up\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-sm-up\:-5 {
    margin-top: -50px !important;
  }

  .mb-sm-up\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-sm-up\:-5 {
    margin-left: -50px !important;
  }

  .mr-sm-up\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-5 {
    margin: -50px !important;
  }

  .mx-md-up\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-md-up\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-md-up\:-5 {
    margin-top: -50px !important;
  }

  .mb-md-up\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-md-up\:-5 {
    margin-left: -50px !important;
  }

  .mr-md-up\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-5 {
    margin: -50px !important;
  }

  .mx-lg-up\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-lg-up\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-lg-up\:-5 {
    margin-top: -50px !important;
  }

  .mb-lg-up\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-lg-up\:-5 {
    margin-left: -50px !important;
  }

  .mr-lg-up\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-5 {
    margin: -50px !important;
  }

  .mx-xl-up\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-xl-up\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-xl-up\:-5 {
    margin-top: -50px !important;
  }

  .mb-xl-up\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-xl-up\:-5 {
    margin-left: -50px !important;
  }

  .mr-xl-up\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-5 {
    margin: -50px !important;
  }

  .mx-sm-down\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-sm-down\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-sm-down\:-5 {
    margin-top: -50px !important;
  }

  .mb-sm-down\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-sm-down\:-5 {
    margin-left: -50px !important;
  }

  .mr-sm-down\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-5 {
    margin: -50px !important;
  }

  .mx-md-down\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-md-down\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-md-down\:-5 {
    margin-top: -50px !important;
  }

  .mb-md-down\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-md-down\:-5 {
    margin-left: -50px !important;
  }

  .mr-md-down\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-5 {
    margin: -50px !important;
  }

  .mx-lg-down\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-lg-down\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-lg-down\:-5 {
    margin-top: -50px !important;
  }

  .mb-lg-down\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-lg-down\:-5 {
    margin-left: -50px !important;
  }

  .mr-lg-down\:-5 {
    margin-right: -50px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-5 {
    margin: -50px !important;
  }

  .mx-xl-down\:-5 {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .my-xl-down\:-5 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .mt-xl-down\:-5 {
    margin-top: -50px !important;
  }

  .mb-xl-down\:-5 {
    margin-bottom: -50px !important;
  }

  .ml-xl-down\:-5 {
    margin-left: -50px !important;
  }

  .mr-xl-down\:-5 {
    margin-right: -50px !important;
  }
}
.m\:-6 {
  margin: -60px !important;
}

.mx\:-6 {
  margin-left: -60px !important;
  margin-right: -60px !important;
}

.my\:-6 {
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}

.mt\:-6 {
  margin-top: -60px !important;
}

.mb\:-6 {
  margin-bottom: -60px !important;
}

.ml\:-6 {
  margin-left: -60px !important;
}

.mr\:-6 {
  margin-right: -60px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-6 {
    margin: -60px !important;
  }

  .mx-xs\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-xs\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-xs\:-6 {
    margin-top: -60px !important;
  }

  .mb-xs\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-xs\:-6 {
    margin-left: -60px !important;
  }

  .mr-xs\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-6 {
    margin: -60px !important;
  }

  .mx-sm\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-sm\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-sm\:-6 {
    margin-top: -60px !important;
  }

  .mb-sm\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-sm\:-6 {
    margin-left: -60px !important;
  }

  .mr-sm\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-6 {
    margin: -60px !important;
  }

  .mx-md\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-md\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-md\:-6 {
    margin-top: -60px !important;
  }

  .mb-md\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-md\:-6 {
    margin-left: -60px !important;
  }

  .mr-md\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-6 {
    margin: -60px !important;
  }

  .mx-lg\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-lg\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-lg\:-6 {
    margin-top: -60px !important;
  }

  .mb-lg\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-lg\:-6 {
    margin-left: -60px !important;
  }

  .mr-lg\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-6 {
    margin: -60px !important;
  }

  .mx-xl\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-xl\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-xl\:-6 {
    margin-top: -60px !important;
  }

  .mb-xl\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-xl\:-6 {
    margin-left: -60px !important;
  }

  .mr-xl\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-6 {
    margin: -60px !important;
  }

  .mx-xxl\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-xxl\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-xxl\:-6 {
    margin-top: -60px !important;
  }

  .mb-xxl\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-xxl\:-6 {
    margin-left: -60px !important;
  }

  .mr-xxl\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-6 {
    margin: -60px !important;
  }

  .mx-sm-up\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-sm-up\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-sm-up\:-6 {
    margin-top: -60px !important;
  }

  .mb-sm-up\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-sm-up\:-6 {
    margin-left: -60px !important;
  }

  .mr-sm-up\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-6 {
    margin: -60px !important;
  }

  .mx-md-up\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-md-up\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-md-up\:-6 {
    margin-top: -60px !important;
  }

  .mb-md-up\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-md-up\:-6 {
    margin-left: -60px !important;
  }

  .mr-md-up\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-6 {
    margin: -60px !important;
  }

  .mx-lg-up\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-lg-up\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-lg-up\:-6 {
    margin-top: -60px !important;
  }

  .mb-lg-up\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-lg-up\:-6 {
    margin-left: -60px !important;
  }

  .mr-lg-up\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-6 {
    margin: -60px !important;
  }

  .mx-xl-up\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-xl-up\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-xl-up\:-6 {
    margin-top: -60px !important;
  }

  .mb-xl-up\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-xl-up\:-6 {
    margin-left: -60px !important;
  }

  .mr-xl-up\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-6 {
    margin: -60px !important;
  }

  .mx-sm-down\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-sm-down\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-sm-down\:-6 {
    margin-top: -60px !important;
  }

  .mb-sm-down\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-sm-down\:-6 {
    margin-left: -60px !important;
  }

  .mr-sm-down\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-6 {
    margin: -60px !important;
  }

  .mx-md-down\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-md-down\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-md-down\:-6 {
    margin-top: -60px !important;
  }

  .mb-md-down\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-md-down\:-6 {
    margin-left: -60px !important;
  }

  .mr-md-down\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-6 {
    margin: -60px !important;
  }

  .mx-lg-down\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-lg-down\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-lg-down\:-6 {
    margin-top: -60px !important;
  }

  .mb-lg-down\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-lg-down\:-6 {
    margin-left: -60px !important;
  }

  .mr-lg-down\:-6 {
    margin-right: -60px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-6 {
    margin: -60px !important;
  }

  .mx-xl-down\:-6 {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .my-xl-down\:-6 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .mt-xl-down\:-6 {
    margin-top: -60px !important;
  }

  .mb-xl-down\:-6 {
    margin-bottom: -60px !important;
  }

  .ml-xl-down\:-6 {
    margin-left: -60px !important;
  }

  .mr-xl-down\:-6 {
    margin-right: -60px !important;
  }
}
.m\:-7 {
  margin: -70px !important;
}

.mx\:-7 {
  margin-left: -70px !important;
  margin-right: -70px !important;
}

.my\:-7 {
  margin-top: -70px !important;
  margin-bottom: -70px !important;
}

.mt\:-7 {
  margin-top: -70px !important;
}

.mb\:-7 {
  margin-bottom: -70px !important;
}

.ml\:-7 {
  margin-left: -70px !important;
}

.mr\:-7 {
  margin-right: -70px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-7 {
    margin: -70px !important;
  }

  .mx-xs\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-xs\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-xs\:-7 {
    margin-top: -70px !important;
  }

  .mb-xs\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-xs\:-7 {
    margin-left: -70px !important;
  }

  .mr-xs\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-7 {
    margin: -70px !important;
  }

  .mx-sm\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-sm\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-sm\:-7 {
    margin-top: -70px !important;
  }

  .mb-sm\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-sm\:-7 {
    margin-left: -70px !important;
  }

  .mr-sm\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-7 {
    margin: -70px !important;
  }

  .mx-md\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-md\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-md\:-7 {
    margin-top: -70px !important;
  }

  .mb-md\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-md\:-7 {
    margin-left: -70px !important;
  }

  .mr-md\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-7 {
    margin: -70px !important;
  }

  .mx-lg\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-lg\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-lg\:-7 {
    margin-top: -70px !important;
  }

  .mb-lg\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-lg\:-7 {
    margin-left: -70px !important;
  }

  .mr-lg\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-7 {
    margin: -70px !important;
  }

  .mx-xl\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-xl\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-xl\:-7 {
    margin-top: -70px !important;
  }

  .mb-xl\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-xl\:-7 {
    margin-left: -70px !important;
  }

  .mr-xl\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-7 {
    margin: -70px !important;
  }

  .mx-xxl\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-xxl\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-xxl\:-7 {
    margin-top: -70px !important;
  }

  .mb-xxl\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-xxl\:-7 {
    margin-left: -70px !important;
  }

  .mr-xxl\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-7 {
    margin: -70px !important;
  }

  .mx-sm-up\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-sm-up\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-sm-up\:-7 {
    margin-top: -70px !important;
  }

  .mb-sm-up\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-sm-up\:-7 {
    margin-left: -70px !important;
  }

  .mr-sm-up\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-7 {
    margin: -70px !important;
  }

  .mx-md-up\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-md-up\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-md-up\:-7 {
    margin-top: -70px !important;
  }

  .mb-md-up\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-md-up\:-7 {
    margin-left: -70px !important;
  }

  .mr-md-up\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-7 {
    margin: -70px !important;
  }

  .mx-lg-up\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-lg-up\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-lg-up\:-7 {
    margin-top: -70px !important;
  }

  .mb-lg-up\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-lg-up\:-7 {
    margin-left: -70px !important;
  }

  .mr-lg-up\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-7 {
    margin: -70px !important;
  }

  .mx-xl-up\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-xl-up\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-xl-up\:-7 {
    margin-top: -70px !important;
  }

  .mb-xl-up\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-xl-up\:-7 {
    margin-left: -70px !important;
  }

  .mr-xl-up\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-7 {
    margin: -70px !important;
  }

  .mx-sm-down\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-sm-down\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-sm-down\:-7 {
    margin-top: -70px !important;
  }

  .mb-sm-down\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-sm-down\:-7 {
    margin-left: -70px !important;
  }

  .mr-sm-down\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-7 {
    margin: -70px !important;
  }

  .mx-md-down\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-md-down\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-md-down\:-7 {
    margin-top: -70px !important;
  }

  .mb-md-down\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-md-down\:-7 {
    margin-left: -70px !important;
  }

  .mr-md-down\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-7 {
    margin: -70px !important;
  }

  .mx-lg-down\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-lg-down\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-lg-down\:-7 {
    margin-top: -70px !important;
  }

  .mb-lg-down\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-lg-down\:-7 {
    margin-left: -70px !important;
  }

  .mr-lg-down\:-7 {
    margin-right: -70px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-7 {
    margin: -70px !important;
  }

  .mx-xl-down\:-7 {
    margin-left: -70px !important;
    margin-right: -70px !important;
  }

  .my-xl-down\:-7 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
  }

  .mt-xl-down\:-7 {
    margin-top: -70px !important;
  }

  .mb-xl-down\:-7 {
    margin-bottom: -70px !important;
  }

  .ml-xl-down\:-7 {
    margin-left: -70px !important;
  }

  .mr-xl-down\:-7 {
    margin-right: -70px !important;
  }
}
.m\:-8 {
  margin: -80px !important;
}

.mx\:-8 {
  margin-left: -80px !important;
  margin-right: -80px !important;
}

.my\:-8 {
  margin-top: -80px !important;
  margin-bottom: -80px !important;
}

.mt\:-8 {
  margin-top: -80px !important;
}

.mb\:-8 {
  margin-bottom: -80px !important;
}

.ml\:-8 {
  margin-left: -80px !important;
}

.mr\:-8 {
  margin-right: -80px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-8 {
    margin: -80px !important;
  }

  .mx-xs\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-xs\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-xs\:-8 {
    margin-top: -80px !important;
  }

  .mb-xs\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-xs\:-8 {
    margin-left: -80px !important;
  }

  .mr-xs\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-8 {
    margin: -80px !important;
  }

  .mx-sm\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-sm\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-sm\:-8 {
    margin-top: -80px !important;
  }

  .mb-sm\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-sm\:-8 {
    margin-left: -80px !important;
  }

  .mr-sm\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-8 {
    margin: -80px !important;
  }

  .mx-md\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-md\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-md\:-8 {
    margin-top: -80px !important;
  }

  .mb-md\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-md\:-8 {
    margin-left: -80px !important;
  }

  .mr-md\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-8 {
    margin: -80px !important;
  }

  .mx-lg\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-lg\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-lg\:-8 {
    margin-top: -80px !important;
  }

  .mb-lg\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-lg\:-8 {
    margin-left: -80px !important;
  }

  .mr-lg\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-8 {
    margin: -80px !important;
  }

  .mx-xl\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-xl\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-xl\:-8 {
    margin-top: -80px !important;
  }

  .mb-xl\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-xl\:-8 {
    margin-left: -80px !important;
  }

  .mr-xl\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-8 {
    margin: -80px !important;
  }

  .mx-xxl\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-xxl\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-xxl\:-8 {
    margin-top: -80px !important;
  }

  .mb-xxl\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-xxl\:-8 {
    margin-left: -80px !important;
  }

  .mr-xxl\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-8 {
    margin: -80px !important;
  }

  .mx-sm-up\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-sm-up\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-sm-up\:-8 {
    margin-top: -80px !important;
  }

  .mb-sm-up\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-sm-up\:-8 {
    margin-left: -80px !important;
  }

  .mr-sm-up\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-8 {
    margin: -80px !important;
  }

  .mx-md-up\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-md-up\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-md-up\:-8 {
    margin-top: -80px !important;
  }

  .mb-md-up\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-md-up\:-8 {
    margin-left: -80px !important;
  }

  .mr-md-up\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-8 {
    margin: -80px !important;
  }

  .mx-lg-up\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-lg-up\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-lg-up\:-8 {
    margin-top: -80px !important;
  }

  .mb-lg-up\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-lg-up\:-8 {
    margin-left: -80px !important;
  }

  .mr-lg-up\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-8 {
    margin: -80px !important;
  }

  .mx-xl-up\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-xl-up\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-xl-up\:-8 {
    margin-top: -80px !important;
  }

  .mb-xl-up\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-xl-up\:-8 {
    margin-left: -80px !important;
  }

  .mr-xl-up\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-8 {
    margin: -80px !important;
  }

  .mx-sm-down\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-sm-down\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-sm-down\:-8 {
    margin-top: -80px !important;
  }

  .mb-sm-down\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-sm-down\:-8 {
    margin-left: -80px !important;
  }

  .mr-sm-down\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-8 {
    margin: -80px !important;
  }

  .mx-md-down\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-md-down\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-md-down\:-8 {
    margin-top: -80px !important;
  }

  .mb-md-down\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-md-down\:-8 {
    margin-left: -80px !important;
  }

  .mr-md-down\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-8 {
    margin: -80px !important;
  }

  .mx-lg-down\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-lg-down\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-lg-down\:-8 {
    margin-top: -80px !important;
  }

  .mb-lg-down\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-lg-down\:-8 {
    margin-left: -80px !important;
  }

  .mr-lg-down\:-8 {
    margin-right: -80px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-8 {
    margin: -80px !important;
  }

  .mx-xl-down\:-8 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .my-xl-down\:-8 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .mt-xl-down\:-8 {
    margin-top: -80px !important;
  }

  .mb-xl-down\:-8 {
    margin-bottom: -80px !important;
  }

  .ml-xl-down\:-8 {
    margin-left: -80px !important;
  }

  .mr-xl-down\:-8 {
    margin-right: -80px !important;
  }
}
.m\:-9 {
  margin: -90px !important;
}

.mx\:-9 {
  margin-left: -90px !important;
  margin-right: -90px !important;
}

.my\:-9 {
  margin-top: -90px !important;
  margin-bottom: -90px !important;
}

.mt\:-9 {
  margin-top: -90px !important;
}

.mb\:-9 {
  margin-bottom: -90px !important;
}

.ml\:-9 {
  margin-left: -90px !important;
}

.mr\:-9 {
  margin-right: -90px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-9 {
    margin: -90px !important;
  }

  .mx-xs\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-xs\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-xs\:-9 {
    margin-top: -90px !important;
  }

  .mb-xs\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-xs\:-9 {
    margin-left: -90px !important;
  }

  .mr-xs\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-9 {
    margin: -90px !important;
  }

  .mx-sm\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-sm\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-sm\:-9 {
    margin-top: -90px !important;
  }

  .mb-sm\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-sm\:-9 {
    margin-left: -90px !important;
  }

  .mr-sm\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-9 {
    margin: -90px !important;
  }

  .mx-md\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-md\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-md\:-9 {
    margin-top: -90px !important;
  }

  .mb-md\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-md\:-9 {
    margin-left: -90px !important;
  }

  .mr-md\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-9 {
    margin: -90px !important;
  }

  .mx-lg\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-lg\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-lg\:-9 {
    margin-top: -90px !important;
  }

  .mb-lg\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-lg\:-9 {
    margin-left: -90px !important;
  }

  .mr-lg\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-9 {
    margin: -90px !important;
  }

  .mx-xl\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-xl\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-xl\:-9 {
    margin-top: -90px !important;
  }

  .mb-xl\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-xl\:-9 {
    margin-left: -90px !important;
  }

  .mr-xl\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-9 {
    margin: -90px !important;
  }

  .mx-xxl\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-xxl\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-xxl\:-9 {
    margin-top: -90px !important;
  }

  .mb-xxl\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-xxl\:-9 {
    margin-left: -90px !important;
  }

  .mr-xxl\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-9 {
    margin: -90px !important;
  }

  .mx-sm-up\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-sm-up\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-sm-up\:-9 {
    margin-top: -90px !important;
  }

  .mb-sm-up\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-sm-up\:-9 {
    margin-left: -90px !important;
  }

  .mr-sm-up\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-9 {
    margin: -90px !important;
  }

  .mx-md-up\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-md-up\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-md-up\:-9 {
    margin-top: -90px !important;
  }

  .mb-md-up\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-md-up\:-9 {
    margin-left: -90px !important;
  }

  .mr-md-up\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-9 {
    margin: -90px !important;
  }

  .mx-lg-up\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-lg-up\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-lg-up\:-9 {
    margin-top: -90px !important;
  }

  .mb-lg-up\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-lg-up\:-9 {
    margin-left: -90px !important;
  }

  .mr-lg-up\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-9 {
    margin: -90px !important;
  }

  .mx-xl-up\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-xl-up\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-xl-up\:-9 {
    margin-top: -90px !important;
  }

  .mb-xl-up\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-xl-up\:-9 {
    margin-left: -90px !important;
  }

  .mr-xl-up\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-9 {
    margin: -90px !important;
  }

  .mx-sm-down\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-sm-down\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-sm-down\:-9 {
    margin-top: -90px !important;
  }

  .mb-sm-down\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-sm-down\:-9 {
    margin-left: -90px !important;
  }

  .mr-sm-down\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-9 {
    margin: -90px !important;
  }

  .mx-md-down\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-md-down\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-md-down\:-9 {
    margin-top: -90px !important;
  }

  .mb-md-down\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-md-down\:-9 {
    margin-left: -90px !important;
  }

  .mr-md-down\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-9 {
    margin: -90px !important;
  }

  .mx-lg-down\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-lg-down\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-lg-down\:-9 {
    margin-top: -90px !important;
  }

  .mb-lg-down\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-lg-down\:-9 {
    margin-left: -90px !important;
  }

  .mr-lg-down\:-9 {
    margin-right: -90px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-9 {
    margin: -90px !important;
  }

  .mx-xl-down\:-9 {
    margin-left: -90px !important;
    margin-right: -90px !important;
  }

  .my-xl-down\:-9 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
  }

  .mt-xl-down\:-9 {
    margin-top: -90px !important;
  }

  .mb-xl-down\:-9 {
    margin-bottom: -90px !important;
  }

  .ml-xl-down\:-9 {
    margin-left: -90px !important;
  }

  .mr-xl-down\:-9 {
    margin-right: -90px !important;
  }
}
.m\:-10 {
  margin: -100px !important;
}

.mx\:-10 {
  margin-left: -100px !important;
  margin-right: -100px !important;
}

.my\:-10 {
  margin-top: -100px !important;
  margin-bottom: -100px !important;
}

.mt\:-10 {
  margin-top: -100px !important;
}

.mb\:-10 {
  margin-bottom: -100px !important;
}

.ml\:-10 {
  margin-left: -100px !important;
}

.mr\:-10 {
  margin-right: -100px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:-10 {
    margin: -100px !important;
  }

  .mx-xs\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-xs\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-xs\:-10 {
    margin-top: -100px !important;
  }

  .mb-xs\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-xs\:-10 {
    margin-left: -100px !important;
  }

  .mr-xs\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:-10 {
    margin: -100px !important;
  }

  .mx-sm\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-sm\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-sm\:-10 {
    margin-top: -100px !important;
  }

  .mb-sm\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-sm\:-10 {
    margin-left: -100px !important;
  }

  .mr-sm\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:-10 {
    margin: -100px !important;
  }

  .mx-md\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-md\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-md\:-10 {
    margin-top: -100px !important;
  }

  .mb-md\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-md\:-10 {
    margin-left: -100px !important;
  }

  .mr-md\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:-10 {
    margin: -100px !important;
  }

  .mx-lg\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-lg\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-lg\:-10 {
    margin-top: -100px !important;
  }

  .mb-lg\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-lg\:-10 {
    margin-left: -100px !important;
  }

  .mr-lg\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:-10 {
    margin: -100px !important;
  }

  .mx-xl\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-xl\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-xl\:-10 {
    margin-top: -100px !important;
  }

  .mb-xl\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-xl\:-10 {
    margin-left: -100px !important;
  }

  .mr-xl\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:-10 {
    margin: -100px !important;
  }

  .mx-xxl\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-xxl\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-xxl\:-10 {
    margin-top: -100px !important;
  }

  .mb-xxl\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-xxl\:-10 {
    margin-left: -100px !important;
  }

  .mr-xxl\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:-10 {
    margin: -100px !important;
  }

  .mx-sm-up\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-sm-up\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-sm-up\:-10 {
    margin-top: -100px !important;
  }

  .mb-sm-up\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-sm-up\:-10 {
    margin-left: -100px !important;
  }

  .mr-sm-up\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:-10 {
    margin: -100px !important;
  }

  .mx-md-up\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-md-up\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-md-up\:-10 {
    margin-top: -100px !important;
  }

  .mb-md-up\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-md-up\:-10 {
    margin-left: -100px !important;
  }

  .mr-md-up\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:-10 {
    margin: -100px !important;
  }

  .mx-lg-up\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-lg-up\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-lg-up\:-10 {
    margin-top: -100px !important;
  }

  .mb-lg-up\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-lg-up\:-10 {
    margin-left: -100px !important;
  }

  .mr-lg-up\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:-10 {
    margin: -100px !important;
  }

  .mx-xl-up\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-xl-up\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-xl-up\:-10 {
    margin-top: -100px !important;
  }

  .mb-xl-up\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-xl-up\:-10 {
    margin-left: -100px !important;
  }

  .mr-xl-up\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:-10 {
    margin: -100px !important;
  }

  .mx-sm-down\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-sm-down\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-sm-down\:-10 {
    margin-top: -100px !important;
  }

  .mb-sm-down\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-sm-down\:-10 {
    margin-left: -100px !important;
  }

  .mr-sm-down\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:-10 {
    margin: -100px !important;
  }

  .mx-md-down\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-md-down\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-md-down\:-10 {
    margin-top: -100px !important;
  }

  .mb-md-down\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-md-down\:-10 {
    margin-left: -100px !important;
  }

  .mr-md-down\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:-10 {
    margin: -100px !important;
  }

  .mx-lg-down\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-lg-down\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-lg-down\:-10 {
    margin-top: -100px !important;
  }

  .mb-lg-down\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-lg-down\:-10 {
    margin-left: -100px !important;
  }

  .mr-lg-down\:-10 {
    margin-right: -100px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:-10 {
    margin: -100px !important;
  }

  .mx-xl-down\:-10 {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }

  .my-xl-down\:-10 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }

  .mt-xl-down\:-10 {
    margin-top: -100px !important;
  }

  .mb-xl-down\:-10 {
    margin-bottom: -100px !important;
  }

  .ml-xl-down\:-10 {
    margin-left: -100px !important;
  }

  .mr-xl-down\:-10 {
    margin-right: -100px !important;
  }
}
.m\:0 {
  margin: 0 !important;
}

.mx\:0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my\:0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mt\:0 {
  margin-top: 0 !important;
}

.mb\:0 {
  margin-bottom: 0 !important;
}

.ml\:0 {
  margin-left: 0 !important;
}

.mr\:0 {
  margin-right: 0 !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:0 {
    margin: 0 !important;
  }

  .mx-xs\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-xs\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-xs\:0 {
    margin-top: 0 !important;
  }

  .mb-xs\:0 {
    margin-bottom: 0 !important;
  }

  .ml-xs\:0 {
    margin-left: 0 !important;
  }

  .mr-xs\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:0 {
    margin: 0 !important;
  }

  .mx-sm\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-sm\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-sm\:0 {
    margin-top: 0 !important;
  }

  .mb-sm\:0 {
    margin-bottom: 0 !important;
  }

  .ml-sm\:0 {
    margin-left: 0 !important;
  }

  .mr-sm\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:0 {
    margin: 0 !important;
  }

  .mx-md\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-md\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-md\:0 {
    margin-top: 0 !important;
  }

  .mb-md\:0 {
    margin-bottom: 0 !important;
  }

  .ml-md\:0 {
    margin-left: 0 !important;
  }

  .mr-md\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:0 {
    margin: 0 !important;
  }

  .mx-lg\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-lg\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-lg\:0 {
    margin-top: 0 !important;
  }

  .mb-lg\:0 {
    margin-bottom: 0 !important;
  }

  .ml-lg\:0 {
    margin-left: 0 !important;
  }

  .mr-lg\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:0 {
    margin: 0 !important;
  }

  .mx-xl\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-xl\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-xl\:0 {
    margin-top: 0 !important;
  }

  .mb-xl\:0 {
    margin-bottom: 0 !important;
  }

  .ml-xl\:0 {
    margin-left: 0 !important;
  }

  .mr-xl\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:0 {
    margin: 0 !important;
  }

  .mx-xxl\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-xxl\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-xxl\:0 {
    margin-top: 0 !important;
  }

  .mb-xxl\:0 {
    margin-bottom: 0 !important;
  }

  .ml-xxl\:0 {
    margin-left: 0 !important;
  }

  .mr-xxl\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:0 {
    margin: 0 !important;
  }

  .mx-sm-up\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-sm-up\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-sm-up\:0 {
    margin-top: 0 !important;
  }

  .mb-sm-up\:0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-up\:0 {
    margin-left: 0 !important;
  }

  .mr-sm-up\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:0 {
    margin: 0 !important;
  }

  .mx-md-up\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-md-up\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-md-up\:0 {
    margin-top: 0 !important;
  }

  .mb-md-up\:0 {
    margin-bottom: 0 !important;
  }

  .ml-md-up\:0 {
    margin-left: 0 !important;
  }

  .mr-md-up\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:0 {
    margin: 0 !important;
  }

  .mx-lg-up\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-lg-up\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-lg-up\:0 {
    margin-top: 0 !important;
  }

  .mb-lg-up\:0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-up\:0 {
    margin-left: 0 !important;
  }

  .mr-lg-up\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:0 {
    margin: 0 !important;
  }

  .mx-xl-up\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-xl-up\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-xl-up\:0 {
    margin-top: 0 !important;
  }

  .mb-xl-up\:0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-up\:0 {
    margin-left: 0 !important;
  }

  .mr-xl-up\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:0 {
    margin: 0 !important;
  }

  .mx-sm-down\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-sm-down\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-sm-down\:0 {
    margin-top: 0 !important;
  }

  .mb-sm-down\:0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-down\:0 {
    margin-left: 0 !important;
  }

  .mr-sm-down\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:0 {
    margin: 0 !important;
  }

  .mx-md-down\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-md-down\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-md-down\:0 {
    margin-top: 0 !important;
  }

  .mb-md-down\:0 {
    margin-bottom: 0 !important;
  }

  .ml-md-down\:0 {
    margin-left: 0 !important;
  }

  .mr-md-down\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:0 {
    margin: 0 !important;
  }

  .mx-lg-down\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-lg-down\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-lg-down\:0 {
    margin-top: 0 !important;
  }

  .mb-lg-down\:0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-down\:0 {
    margin-left: 0 !important;
  }

  .mr-lg-down\:0 {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:0 {
    margin: 0 !important;
  }

  .mx-xl-down\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .my-xl-down\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .mt-xl-down\:0 {
    margin-top: 0 !important;
  }

  .mb-xl-down\:0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-down\:0 {
    margin-left: 0 !important;
  }

  .mr-xl-down\:0 {
    margin-right: 0 !important;
  }
}
.m\:_1 {
  margin: 10px !important;
}

.mx\:_1 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my\:_1 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mt\:_1 {
  margin-top: 10px !important;
}

.mb\:_1 {
  margin-bottom: 10px !important;
}

.ml\:_1 {
  margin-left: 10px !important;
}

.mr\:_1 {
  margin-right: 10px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_1 {
    margin: 10px !important;
  }

  .mx-xs\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-xs\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-xs\:_1 {
    margin-top: 10px !important;
  }

  .mb-xs\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-xs\:_1 {
    margin-left: 10px !important;
  }

  .mr-xs\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_1 {
    margin: 10px !important;
  }

  .mx-sm\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-sm\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-sm\:_1 {
    margin-top: 10px !important;
  }

  .mb-sm\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-sm\:_1 {
    margin-left: 10px !important;
  }

  .mr-sm\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_1 {
    margin: 10px !important;
  }

  .mx-md\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-md\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-md\:_1 {
    margin-top: 10px !important;
  }

  .mb-md\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-md\:_1 {
    margin-left: 10px !important;
  }

  .mr-md\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_1 {
    margin: 10px !important;
  }

  .mx-lg\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-lg\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-lg\:_1 {
    margin-top: 10px !important;
  }

  .mb-lg\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-lg\:_1 {
    margin-left: 10px !important;
  }

  .mr-lg\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_1 {
    margin: 10px !important;
  }

  .mx-xl\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-xl\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-xl\:_1 {
    margin-top: 10px !important;
  }

  .mb-xl\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-xl\:_1 {
    margin-left: 10px !important;
  }

  .mr-xl\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_1 {
    margin: 10px !important;
  }

  .mx-xxl\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-xxl\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-xxl\:_1 {
    margin-top: 10px !important;
  }

  .mb-xxl\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-xxl\:_1 {
    margin-left: 10px !important;
  }

  .mr-xxl\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_1 {
    margin: 10px !important;
  }

  .mx-sm-up\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-sm-up\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-sm-up\:_1 {
    margin-top: 10px !important;
  }

  .mb-sm-up\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-sm-up\:_1 {
    margin-left: 10px !important;
  }

  .mr-sm-up\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_1 {
    margin: 10px !important;
  }

  .mx-md-up\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-md-up\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-md-up\:_1 {
    margin-top: 10px !important;
  }

  .mb-md-up\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-md-up\:_1 {
    margin-left: 10px !important;
  }

  .mr-md-up\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_1 {
    margin: 10px !important;
  }

  .mx-lg-up\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-lg-up\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-lg-up\:_1 {
    margin-top: 10px !important;
  }

  .mb-lg-up\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-lg-up\:_1 {
    margin-left: 10px !important;
  }

  .mr-lg-up\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_1 {
    margin: 10px !important;
  }

  .mx-xl-up\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-xl-up\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-xl-up\:_1 {
    margin-top: 10px !important;
  }

  .mb-xl-up\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-xl-up\:_1 {
    margin-left: 10px !important;
  }

  .mr-xl-up\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_1 {
    margin: 10px !important;
  }

  .mx-sm-down\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-sm-down\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-sm-down\:_1 {
    margin-top: 10px !important;
  }

  .mb-sm-down\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-sm-down\:_1 {
    margin-left: 10px !important;
  }

  .mr-sm-down\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_1 {
    margin: 10px !important;
  }

  .mx-md-down\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-md-down\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-md-down\:_1 {
    margin-top: 10px !important;
  }

  .mb-md-down\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-md-down\:_1 {
    margin-left: 10px !important;
  }

  .mr-md-down\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_1 {
    margin: 10px !important;
  }

  .mx-lg-down\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-lg-down\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-lg-down\:_1 {
    margin-top: 10px !important;
  }

  .mb-lg-down\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-lg-down\:_1 {
    margin-left: 10px !important;
  }

  .mr-lg-down\:_1 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_1 {
    margin: 10px !important;
  }

  .mx-xl-down\:_1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-xl-down\:_1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mt-xl-down\:_1 {
    margin-top: 10px !important;
  }

  .mb-xl-down\:_1 {
    margin-bottom: 10px !important;
  }

  .ml-xl-down\:_1 {
    margin-left: 10px !important;
  }

  .mr-xl-down\:_1 {
    margin-right: 10px !important;
  }
}
.m\:_2 {
  margin: 20px !important;
}

.mx\:_2 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my\:_2 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mt\:_2 {
  margin-top: 20px !important;
}

.mb\:_2 {
  margin-bottom: 20px !important;
}

.ml\:_2 {
  margin-left: 20px !important;
}

.mr\:_2 {
  margin-right: 20px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_2 {
    margin: 20px !important;
  }

  .mx-xs\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-xs\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-xs\:_2 {
    margin-top: 20px !important;
  }

  .mb-xs\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-xs\:_2 {
    margin-left: 20px !important;
  }

  .mr-xs\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_2 {
    margin: 20px !important;
  }

  .mx-sm\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-sm\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-sm\:_2 {
    margin-top: 20px !important;
  }

  .mb-sm\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-sm\:_2 {
    margin-left: 20px !important;
  }

  .mr-sm\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_2 {
    margin: 20px !important;
  }

  .mx-md\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-md\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-md\:_2 {
    margin-top: 20px !important;
  }

  .mb-md\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-md\:_2 {
    margin-left: 20px !important;
  }

  .mr-md\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_2 {
    margin: 20px !important;
  }

  .mx-lg\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-lg\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-lg\:_2 {
    margin-top: 20px !important;
  }

  .mb-lg\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-lg\:_2 {
    margin-left: 20px !important;
  }

  .mr-lg\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_2 {
    margin: 20px !important;
  }

  .mx-xl\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-xl\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-xl\:_2 {
    margin-top: 20px !important;
  }

  .mb-xl\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-xl\:_2 {
    margin-left: 20px !important;
  }

  .mr-xl\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_2 {
    margin: 20px !important;
  }

  .mx-xxl\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-xxl\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-xxl\:_2 {
    margin-top: 20px !important;
  }

  .mb-xxl\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-xxl\:_2 {
    margin-left: 20px !important;
  }

  .mr-xxl\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_2 {
    margin: 20px !important;
  }

  .mx-sm-up\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-sm-up\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-sm-up\:_2 {
    margin-top: 20px !important;
  }

  .mb-sm-up\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-sm-up\:_2 {
    margin-left: 20px !important;
  }

  .mr-sm-up\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_2 {
    margin: 20px !important;
  }

  .mx-md-up\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-md-up\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-md-up\:_2 {
    margin-top: 20px !important;
  }

  .mb-md-up\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-md-up\:_2 {
    margin-left: 20px !important;
  }

  .mr-md-up\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_2 {
    margin: 20px !important;
  }

  .mx-lg-up\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-lg-up\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-lg-up\:_2 {
    margin-top: 20px !important;
  }

  .mb-lg-up\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-lg-up\:_2 {
    margin-left: 20px !important;
  }

  .mr-lg-up\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_2 {
    margin: 20px !important;
  }

  .mx-xl-up\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-xl-up\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-xl-up\:_2 {
    margin-top: 20px !important;
  }

  .mb-xl-up\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-xl-up\:_2 {
    margin-left: 20px !important;
  }

  .mr-xl-up\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_2 {
    margin: 20px !important;
  }

  .mx-sm-down\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-sm-down\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-sm-down\:_2 {
    margin-top: 20px !important;
  }

  .mb-sm-down\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-sm-down\:_2 {
    margin-left: 20px !important;
  }

  .mr-sm-down\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_2 {
    margin: 20px !important;
  }

  .mx-md-down\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-md-down\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-md-down\:_2 {
    margin-top: 20px !important;
  }

  .mb-md-down\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-md-down\:_2 {
    margin-left: 20px !important;
  }

  .mr-md-down\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_2 {
    margin: 20px !important;
  }

  .mx-lg-down\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-lg-down\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-lg-down\:_2 {
    margin-top: 20px !important;
  }

  .mb-lg-down\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-lg-down\:_2 {
    margin-left: 20px !important;
  }

  .mr-lg-down\:_2 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_2 {
    margin: 20px !important;
  }

  .mx-xl-down\:_2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-xl-down\:_2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mt-xl-down\:_2 {
    margin-top: 20px !important;
  }

  .mb-xl-down\:_2 {
    margin-bottom: 20px !important;
  }

  .ml-xl-down\:_2 {
    margin-left: 20px !important;
  }

  .mr-xl-down\:_2 {
    margin-right: 20px !important;
  }
}
.m\:_3 {
  margin: 30px !important;
}

.mx\:_3 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my\:_3 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mt\:_3 {
  margin-top: 30px !important;
}

.mb\:_3 {
  margin-bottom: 30px !important;
}

.ml\:_3 {
  margin-left: 30px !important;
}

.mr\:_3 {
  margin-right: 30px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_3 {
    margin: 30px !important;
  }

  .mx-xs\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-xs\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-xs\:_3 {
    margin-top: 30px !important;
  }

  .mb-xs\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-xs\:_3 {
    margin-left: 30px !important;
  }

  .mr-xs\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_3 {
    margin: 30px !important;
  }

  .mx-sm\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-sm\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-sm\:_3 {
    margin-top: 30px !important;
  }

  .mb-sm\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-sm\:_3 {
    margin-left: 30px !important;
  }

  .mr-sm\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_3 {
    margin: 30px !important;
  }

  .mx-md\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-md\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-md\:_3 {
    margin-top: 30px !important;
  }

  .mb-md\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-md\:_3 {
    margin-left: 30px !important;
  }

  .mr-md\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_3 {
    margin: 30px !important;
  }

  .mx-lg\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-lg\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-lg\:_3 {
    margin-top: 30px !important;
  }

  .mb-lg\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-lg\:_3 {
    margin-left: 30px !important;
  }

  .mr-lg\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_3 {
    margin: 30px !important;
  }

  .mx-xl\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-xl\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-xl\:_3 {
    margin-top: 30px !important;
  }

  .mb-xl\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-xl\:_3 {
    margin-left: 30px !important;
  }

  .mr-xl\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_3 {
    margin: 30px !important;
  }

  .mx-xxl\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-xxl\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-xxl\:_3 {
    margin-top: 30px !important;
  }

  .mb-xxl\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-xxl\:_3 {
    margin-left: 30px !important;
  }

  .mr-xxl\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_3 {
    margin: 30px !important;
  }

  .mx-sm-up\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-sm-up\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-sm-up\:_3 {
    margin-top: 30px !important;
  }

  .mb-sm-up\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-sm-up\:_3 {
    margin-left: 30px !important;
  }

  .mr-sm-up\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_3 {
    margin: 30px !important;
  }

  .mx-md-up\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-md-up\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-md-up\:_3 {
    margin-top: 30px !important;
  }

  .mb-md-up\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-md-up\:_3 {
    margin-left: 30px !important;
  }

  .mr-md-up\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_3 {
    margin: 30px !important;
  }

  .mx-lg-up\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-lg-up\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-lg-up\:_3 {
    margin-top: 30px !important;
  }

  .mb-lg-up\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-lg-up\:_3 {
    margin-left: 30px !important;
  }

  .mr-lg-up\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_3 {
    margin: 30px !important;
  }

  .mx-xl-up\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-xl-up\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-xl-up\:_3 {
    margin-top: 30px !important;
  }

  .mb-xl-up\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-xl-up\:_3 {
    margin-left: 30px !important;
  }

  .mr-xl-up\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_3 {
    margin: 30px !important;
  }

  .mx-sm-down\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-sm-down\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-sm-down\:_3 {
    margin-top: 30px !important;
  }

  .mb-sm-down\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-sm-down\:_3 {
    margin-left: 30px !important;
  }

  .mr-sm-down\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_3 {
    margin: 30px !important;
  }

  .mx-md-down\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-md-down\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-md-down\:_3 {
    margin-top: 30px !important;
  }

  .mb-md-down\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-md-down\:_3 {
    margin-left: 30px !important;
  }

  .mr-md-down\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_3 {
    margin: 30px !important;
  }

  .mx-lg-down\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-lg-down\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-lg-down\:_3 {
    margin-top: 30px !important;
  }

  .mb-lg-down\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-lg-down\:_3 {
    margin-left: 30px !important;
  }

  .mr-lg-down\:_3 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_3 {
    margin: 30px !important;
  }

  .mx-xl-down\:_3 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-xl-down\:_3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mt-xl-down\:_3 {
    margin-top: 30px !important;
  }

  .mb-xl-down\:_3 {
    margin-bottom: 30px !important;
  }

  .ml-xl-down\:_3 {
    margin-left: 30px !important;
  }

  .mr-xl-down\:_3 {
    margin-right: 30px !important;
  }
}
.m\:_4 {
  margin: 40px !important;
}

.mx\:_4 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my\:_4 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mt\:_4 {
  margin-top: 40px !important;
}

.mb\:_4 {
  margin-bottom: 40px !important;
}

.ml\:_4 {
  margin-left: 40px !important;
}

.mr\:_4 {
  margin-right: 40px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_4 {
    margin: 40px !important;
  }

  .mx-xs\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-xs\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-xs\:_4 {
    margin-top: 40px !important;
  }

  .mb-xs\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-xs\:_4 {
    margin-left: 40px !important;
  }

  .mr-xs\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_4 {
    margin: 40px !important;
  }

  .mx-sm\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-sm\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-sm\:_4 {
    margin-top: 40px !important;
  }

  .mb-sm\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-sm\:_4 {
    margin-left: 40px !important;
  }

  .mr-sm\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_4 {
    margin: 40px !important;
  }

  .mx-md\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-md\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-md\:_4 {
    margin-top: 40px !important;
  }

  .mb-md\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-md\:_4 {
    margin-left: 40px !important;
  }

  .mr-md\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_4 {
    margin: 40px !important;
  }

  .mx-lg\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-lg\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-lg\:_4 {
    margin-top: 40px !important;
  }

  .mb-lg\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-lg\:_4 {
    margin-left: 40px !important;
  }

  .mr-lg\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_4 {
    margin: 40px !important;
  }

  .mx-xl\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-xl\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-xl\:_4 {
    margin-top: 40px !important;
  }

  .mb-xl\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-xl\:_4 {
    margin-left: 40px !important;
  }

  .mr-xl\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_4 {
    margin: 40px !important;
  }

  .mx-xxl\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-xxl\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-xxl\:_4 {
    margin-top: 40px !important;
  }

  .mb-xxl\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-xxl\:_4 {
    margin-left: 40px !important;
  }

  .mr-xxl\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_4 {
    margin: 40px !important;
  }

  .mx-sm-up\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-sm-up\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-sm-up\:_4 {
    margin-top: 40px !important;
  }

  .mb-sm-up\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-sm-up\:_4 {
    margin-left: 40px !important;
  }

  .mr-sm-up\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_4 {
    margin: 40px !important;
  }

  .mx-md-up\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-md-up\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-md-up\:_4 {
    margin-top: 40px !important;
  }

  .mb-md-up\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-md-up\:_4 {
    margin-left: 40px !important;
  }

  .mr-md-up\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_4 {
    margin: 40px !important;
  }

  .mx-lg-up\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-lg-up\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-lg-up\:_4 {
    margin-top: 40px !important;
  }

  .mb-lg-up\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-lg-up\:_4 {
    margin-left: 40px !important;
  }

  .mr-lg-up\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_4 {
    margin: 40px !important;
  }

  .mx-xl-up\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-xl-up\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-xl-up\:_4 {
    margin-top: 40px !important;
  }

  .mb-xl-up\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-xl-up\:_4 {
    margin-left: 40px !important;
  }

  .mr-xl-up\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_4 {
    margin: 40px !important;
  }

  .mx-sm-down\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-sm-down\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-sm-down\:_4 {
    margin-top: 40px !important;
  }

  .mb-sm-down\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-sm-down\:_4 {
    margin-left: 40px !important;
  }

  .mr-sm-down\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_4 {
    margin: 40px !important;
  }

  .mx-md-down\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-md-down\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-md-down\:_4 {
    margin-top: 40px !important;
  }

  .mb-md-down\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-md-down\:_4 {
    margin-left: 40px !important;
  }

  .mr-md-down\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_4 {
    margin: 40px !important;
  }

  .mx-lg-down\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-lg-down\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-lg-down\:_4 {
    margin-top: 40px !important;
  }

  .mb-lg-down\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-lg-down\:_4 {
    margin-left: 40px !important;
  }

  .mr-lg-down\:_4 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_4 {
    margin: 40px !important;
  }

  .mx-xl-down\:_4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-xl-down\:_4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mt-xl-down\:_4 {
    margin-top: 40px !important;
  }

  .mb-xl-down\:_4 {
    margin-bottom: 40px !important;
  }

  .ml-xl-down\:_4 {
    margin-left: 40px !important;
  }

  .mr-xl-down\:_4 {
    margin-right: 40px !important;
  }
}
.m\:_5 {
  margin: 50px !important;
}

.mx\:_5 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my\:_5 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mt\:_5 {
  margin-top: 50px !important;
}

.mb\:_5 {
  margin-bottom: 50px !important;
}

.ml\:_5 {
  margin-left: 50px !important;
}

.mr\:_5 {
  margin-right: 50px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_5 {
    margin: 50px !important;
  }

  .mx-xs\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-xs\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-xs\:_5 {
    margin-top: 50px !important;
  }

  .mb-xs\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-xs\:_5 {
    margin-left: 50px !important;
  }

  .mr-xs\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_5 {
    margin: 50px !important;
  }

  .mx-sm\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-sm\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-sm\:_5 {
    margin-top: 50px !important;
  }

  .mb-sm\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-sm\:_5 {
    margin-left: 50px !important;
  }

  .mr-sm\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_5 {
    margin: 50px !important;
  }

  .mx-md\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-md\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-md\:_5 {
    margin-top: 50px !important;
  }

  .mb-md\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-md\:_5 {
    margin-left: 50px !important;
  }

  .mr-md\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_5 {
    margin: 50px !important;
  }

  .mx-lg\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-lg\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-lg\:_5 {
    margin-top: 50px !important;
  }

  .mb-lg\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-lg\:_5 {
    margin-left: 50px !important;
  }

  .mr-lg\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_5 {
    margin: 50px !important;
  }

  .mx-xl\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-xl\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-xl\:_5 {
    margin-top: 50px !important;
  }

  .mb-xl\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-xl\:_5 {
    margin-left: 50px !important;
  }

  .mr-xl\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_5 {
    margin: 50px !important;
  }

  .mx-xxl\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-xxl\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-xxl\:_5 {
    margin-top: 50px !important;
  }

  .mb-xxl\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-xxl\:_5 {
    margin-left: 50px !important;
  }

  .mr-xxl\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_5 {
    margin: 50px !important;
  }

  .mx-sm-up\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-sm-up\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-sm-up\:_5 {
    margin-top: 50px !important;
  }

  .mb-sm-up\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-sm-up\:_5 {
    margin-left: 50px !important;
  }

  .mr-sm-up\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_5 {
    margin: 50px !important;
  }

  .mx-md-up\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-md-up\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-md-up\:_5 {
    margin-top: 50px !important;
  }

  .mb-md-up\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-md-up\:_5 {
    margin-left: 50px !important;
  }

  .mr-md-up\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_5 {
    margin: 50px !important;
  }

  .mx-lg-up\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-lg-up\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-lg-up\:_5 {
    margin-top: 50px !important;
  }

  .mb-lg-up\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-lg-up\:_5 {
    margin-left: 50px !important;
  }

  .mr-lg-up\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_5 {
    margin: 50px !important;
  }

  .mx-xl-up\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-xl-up\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-xl-up\:_5 {
    margin-top: 50px !important;
  }

  .mb-xl-up\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-xl-up\:_5 {
    margin-left: 50px !important;
  }

  .mr-xl-up\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_5 {
    margin: 50px !important;
  }

  .mx-sm-down\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-sm-down\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-sm-down\:_5 {
    margin-top: 50px !important;
  }

  .mb-sm-down\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-sm-down\:_5 {
    margin-left: 50px !important;
  }

  .mr-sm-down\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_5 {
    margin: 50px !important;
  }

  .mx-md-down\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-md-down\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-md-down\:_5 {
    margin-top: 50px !important;
  }

  .mb-md-down\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-md-down\:_5 {
    margin-left: 50px !important;
  }

  .mr-md-down\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_5 {
    margin: 50px !important;
  }

  .mx-lg-down\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-lg-down\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-lg-down\:_5 {
    margin-top: 50px !important;
  }

  .mb-lg-down\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-lg-down\:_5 {
    margin-left: 50px !important;
  }

  .mr-lg-down\:_5 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_5 {
    margin: 50px !important;
  }

  .mx-xl-down\:_5 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-xl-down\:_5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mt-xl-down\:_5 {
    margin-top: 50px !important;
  }

  .mb-xl-down\:_5 {
    margin-bottom: 50px !important;
  }

  .ml-xl-down\:_5 {
    margin-left: 50px !important;
  }

  .mr-xl-down\:_5 {
    margin-right: 50px !important;
  }
}
.m\:_6 {
  margin: 60px !important;
}

.mx\:_6 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.my\:_6 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mt\:_6 {
  margin-top: 60px !important;
}

.mb\:_6 {
  margin-bottom: 60px !important;
}

.ml\:_6 {
  margin-left: 60px !important;
}

.mr\:_6 {
  margin-right: 60px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_6 {
    margin: 60px !important;
  }

  .mx-xs\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-xs\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-xs\:_6 {
    margin-top: 60px !important;
  }

  .mb-xs\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-xs\:_6 {
    margin-left: 60px !important;
  }

  .mr-xs\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_6 {
    margin: 60px !important;
  }

  .mx-sm\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-sm\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-sm\:_6 {
    margin-top: 60px !important;
  }

  .mb-sm\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-sm\:_6 {
    margin-left: 60px !important;
  }

  .mr-sm\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_6 {
    margin: 60px !important;
  }

  .mx-md\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-md\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-md\:_6 {
    margin-top: 60px !important;
  }

  .mb-md\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-md\:_6 {
    margin-left: 60px !important;
  }

  .mr-md\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_6 {
    margin: 60px !important;
  }

  .mx-lg\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-lg\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-lg\:_6 {
    margin-top: 60px !important;
  }

  .mb-lg\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-lg\:_6 {
    margin-left: 60px !important;
  }

  .mr-lg\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_6 {
    margin: 60px !important;
  }

  .mx-xl\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-xl\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-xl\:_6 {
    margin-top: 60px !important;
  }

  .mb-xl\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-xl\:_6 {
    margin-left: 60px !important;
  }

  .mr-xl\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_6 {
    margin: 60px !important;
  }

  .mx-xxl\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-xxl\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-xxl\:_6 {
    margin-top: 60px !important;
  }

  .mb-xxl\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-xxl\:_6 {
    margin-left: 60px !important;
  }

  .mr-xxl\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_6 {
    margin: 60px !important;
  }

  .mx-sm-up\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-sm-up\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-sm-up\:_6 {
    margin-top: 60px !important;
  }

  .mb-sm-up\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-sm-up\:_6 {
    margin-left: 60px !important;
  }

  .mr-sm-up\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_6 {
    margin: 60px !important;
  }

  .mx-md-up\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-md-up\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-md-up\:_6 {
    margin-top: 60px !important;
  }

  .mb-md-up\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-md-up\:_6 {
    margin-left: 60px !important;
  }

  .mr-md-up\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_6 {
    margin: 60px !important;
  }

  .mx-lg-up\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-lg-up\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-lg-up\:_6 {
    margin-top: 60px !important;
  }

  .mb-lg-up\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-lg-up\:_6 {
    margin-left: 60px !important;
  }

  .mr-lg-up\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_6 {
    margin: 60px !important;
  }

  .mx-xl-up\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-xl-up\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-xl-up\:_6 {
    margin-top: 60px !important;
  }

  .mb-xl-up\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-xl-up\:_6 {
    margin-left: 60px !important;
  }

  .mr-xl-up\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_6 {
    margin: 60px !important;
  }

  .mx-sm-down\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-sm-down\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-sm-down\:_6 {
    margin-top: 60px !important;
  }

  .mb-sm-down\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-sm-down\:_6 {
    margin-left: 60px !important;
  }

  .mr-sm-down\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_6 {
    margin: 60px !important;
  }

  .mx-md-down\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-md-down\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-md-down\:_6 {
    margin-top: 60px !important;
  }

  .mb-md-down\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-md-down\:_6 {
    margin-left: 60px !important;
  }

  .mr-md-down\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_6 {
    margin: 60px !important;
  }

  .mx-lg-down\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-lg-down\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-lg-down\:_6 {
    margin-top: 60px !important;
  }

  .mb-lg-down\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-lg-down\:_6 {
    margin-left: 60px !important;
  }

  .mr-lg-down\:_6 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_6 {
    margin: 60px !important;
  }

  .mx-xl-down\:_6 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-xl-down\:_6 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mt-xl-down\:_6 {
    margin-top: 60px !important;
  }

  .mb-xl-down\:_6 {
    margin-bottom: 60px !important;
  }

  .ml-xl-down\:_6 {
    margin-left: 60px !important;
  }

  .mr-xl-down\:_6 {
    margin-right: 60px !important;
  }
}
.m\:_7 {
  margin: 70px !important;
}

.mx\:_7 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.my\:_7 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.mt\:_7 {
  margin-top: 70px !important;
}

.mb\:_7 {
  margin-bottom: 70px !important;
}

.ml\:_7 {
  margin-left: 70px !important;
}

.mr\:_7 {
  margin-right: 70px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_7 {
    margin: 70px !important;
  }

  .mx-xs\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-xs\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-xs\:_7 {
    margin-top: 70px !important;
  }

  .mb-xs\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-xs\:_7 {
    margin-left: 70px !important;
  }

  .mr-xs\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_7 {
    margin: 70px !important;
  }

  .mx-sm\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-sm\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-sm\:_7 {
    margin-top: 70px !important;
  }

  .mb-sm\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-sm\:_7 {
    margin-left: 70px !important;
  }

  .mr-sm\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_7 {
    margin: 70px !important;
  }

  .mx-md\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-md\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-md\:_7 {
    margin-top: 70px !important;
  }

  .mb-md\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-md\:_7 {
    margin-left: 70px !important;
  }

  .mr-md\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_7 {
    margin: 70px !important;
  }

  .mx-lg\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-lg\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-lg\:_7 {
    margin-top: 70px !important;
  }

  .mb-lg\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-lg\:_7 {
    margin-left: 70px !important;
  }

  .mr-lg\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_7 {
    margin: 70px !important;
  }

  .mx-xl\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-xl\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-xl\:_7 {
    margin-top: 70px !important;
  }

  .mb-xl\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-xl\:_7 {
    margin-left: 70px !important;
  }

  .mr-xl\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_7 {
    margin: 70px !important;
  }

  .mx-xxl\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-xxl\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-xxl\:_7 {
    margin-top: 70px !important;
  }

  .mb-xxl\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-xxl\:_7 {
    margin-left: 70px !important;
  }

  .mr-xxl\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_7 {
    margin: 70px !important;
  }

  .mx-sm-up\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-sm-up\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-sm-up\:_7 {
    margin-top: 70px !important;
  }

  .mb-sm-up\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-sm-up\:_7 {
    margin-left: 70px !important;
  }

  .mr-sm-up\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_7 {
    margin: 70px !important;
  }

  .mx-md-up\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-md-up\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-md-up\:_7 {
    margin-top: 70px !important;
  }

  .mb-md-up\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-md-up\:_7 {
    margin-left: 70px !important;
  }

  .mr-md-up\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_7 {
    margin: 70px !important;
  }

  .mx-lg-up\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-lg-up\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-lg-up\:_7 {
    margin-top: 70px !important;
  }

  .mb-lg-up\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-lg-up\:_7 {
    margin-left: 70px !important;
  }

  .mr-lg-up\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_7 {
    margin: 70px !important;
  }

  .mx-xl-up\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-xl-up\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-xl-up\:_7 {
    margin-top: 70px !important;
  }

  .mb-xl-up\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-xl-up\:_7 {
    margin-left: 70px !important;
  }

  .mr-xl-up\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_7 {
    margin: 70px !important;
  }

  .mx-sm-down\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-sm-down\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-sm-down\:_7 {
    margin-top: 70px !important;
  }

  .mb-sm-down\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-sm-down\:_7 {
    margin-left: 70px !important;
  }

  .mr-sm-down\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_7 {
    margin: 70px !important;
  }

  .mx-md-down\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-md-down\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-md-down\:_7 {
    margin-top: 70px !important;
  }

  .mb-md-down\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-md-down\:_7 {
    margin-left: 70px !important;
  }

  .mr-md-down\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_7 {
    margin: 70px !important;
  }

  .mx-lg-down\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-lg-down\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-lg-down\:_7 {
    margin-top: 70px !important;
  }

  .mb-lg-down\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-lg-down\:_7 {
    margin-left: 70px !important;
  }

  .mr-lg-down\:_7 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_7 {
    margin: 70px !important;
  }

  .mx-xl-down\:_7 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-xl-down\:_7 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mt-xl-down\:_7 {
    margin-top: 70px !important;
  }

  .mb-xl-down\:_7 {
    margin-bottom: 70px !important;
  }

  .ml-xl-down\:_7 {
    margin-left: 70px !important;
  }

  .mr-xl-down\:_7 {
    margin-right: 70px !important;
  }
}
.m\:_8 {
  margin: 80px !important;
}

.mx\:_8 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.my\:_8 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mt\:_8 {
  margin-top: 80px !important;
}

.mb\:_8 {
  margin-bottom: 80px !important;
}

.ml\:_8 {
  margin-left: 80px !important;
}

.mr\:_8 {
  margin-right: 80px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_8 {
    margin: 80px !important;
  }

  .mx-xs\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-xs\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-xs\:_8 {
    margin-top: 80px !important;
  }

  .mb-xs\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-xs\:_8 {
    margin-left: 80px !important;
  }

  .mr-xs\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_8 {
    margin: 80px !important;
  }

  .mx-sm\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-sm\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-sm\:_8 {
    margin-top: 80px !important;
  }

  .mb-sm\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-sm\:_8 {
    margin-left: 80px !important;
  }

  .mr-sm\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_8 {
    margin: 80px !important;
  }

  .mx-md\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-md\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-md\:_8 {
    margin-top: 80px !important;
  }

  .mb-md\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-md\:_8 {
    margin-left: 80px !important;
  }

  .mr-md\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_8 {
    margin: 80px !important;
  }

  .mx-lg\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-lg\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-lg\:_8 {
    margin-top: 80px !important;
  }

  .mb-lg\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-lg\:_8 {
    margin-left: 80px !important;
  }

  .mr-lg\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_8 {
    margin: 80px !important;
  }

  .mx-xl\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-xl\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-xl\:_8 {
    margin-top: 80px !important;
  }

  .mb-xl\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-xl\:_8 {
    margin-left: 80px !important;
  }

  .mr-xl\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_8 {
    margin: 80px !important;
  }

  .mx-xxl\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-xxl\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-xxl\:_8 {
    margin-top: 80px !important;
  }

  .mb-xxl\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-xxl\:_8 {
    margin-left: 80px !important;
  }

  .mr-xxl\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_8 {
    margin: 80px !important;
  }

  .mx-sm-up\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-sm-up\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-sm-up\:_8 {
    margin-top: 80px !important;
  }

  .mb-sm-up\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-sm-up\:_8 {
    margin-left: 80px !important;
  }

  .mr-sm-up\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_8 {
    margin: 80px !important;
  }

  .mx-md-up\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-md-up\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-md-up\:_8 {
    margin-top: 80px !important;
  }

  .mb-md-up\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-md-up\:_8 {
    margin-left: 80px !important;
  }

  .mr-md-up\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_8 {
    margin: 80px !important;
  }

  .mx-lg-up\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-lg-up\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-lg-up\:_8 {
    margin-top: 80px !important;
  }

  .mb-lg-up\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-lg-up\:_8 {
    margin-left: 80px !important;
  }

  .mr-lg-up\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_8 {
    margin: 80px !important;
  }

  .mx-xl-up\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-xl-up\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-xl-up\:_8 {
    margin-top: 80px !important;
  }

  .mb-xl-up\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-xl-up\:_8 {
    margin-left: 80px !important;
  }

  .mr-xl-up\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_8 {
    margin: 80px !important;
  }

  .mx-sm-down\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-sm-down\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-sm-down\:_8 {
    margin-top: 80px !important;
  }

  .mb-sm-down\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-sm-down\:_8 {
    margin-left: 80px !important;
  }

  .mr-sm-down\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_8 {
    margin: 80px !important;
  }

  .mx-md-down\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-md-down\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-md-down\:_8 {
    margin-top: 80px !important;
  }

  .mb-md-down\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-md-down\:_8 {
    margin-left: 80px !important;
  }

  .mr-md-down\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_8 {
    margin: 80px !important;
  }

  .mx-lg-down\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-lg-down\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-lg-down\:_8 {
    margin-top: 80px !important;
  }

  .mb-lg-down\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-lg-down\:_8 {
    margin-left: 80px !important;
  }

  .mr-lg-down\:_8 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_8 {
    margin: 80px !important;
  }

  .mx-xl-down\:_8 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-xl-down\:_8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mt-xl-down\:_8 {
    margin-top: 80px !important;
  }

  .mb-xl-down\:_8 {
    margin-bottom: 80px !important;
  }

  .ml-xl-down\:_8 {
    margin-left: 80px !important;
  }

  .mr-xl-down\:_8 {
    margin-right: 80px !important;
  }
}
.m\:_9 {
  margin: 90px !important;
}

.mx\:_9 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.my\:_9 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.mt\:_9 {
  margin-top: 90px !important;
}

.mb\:_9 {
  margin-bottom: 90px !important;
}

.ml\:_9 {
  margin-left: 90px !important;
}

.mr\:_9 {
  margin-right: 90px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_9 {
    margin: 90px !important;
  }

  .mx-xs\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-xs\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-xs\:_9 {
    margin-top: 90px !important;
  }

  .mb-xs\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-xs\:_9 {
    margin-left: 90px !important;
  }

  .mr-xs\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_9 {
    margin: 90px !important;
  }

  .mx-sm\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-sm\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-sm\:_9 {
    margin-top: 90px !important;
  }

  .mb-sm\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-sm\:_9 {
    margin-left: 90px !important;
  }

  .mr-sm\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_9 {
    margin: 90px !important;
  }

  .mx-md\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-md\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-md\:_9 {
    margin-top: 90px !important;
  }

  .mb-md\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-md\:_9 {
    margin-left: 90px !important;
  }

  .mr-md\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_9 {
    margin: 90px !important;
  }

  .mx-lg\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-lg\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-lg\:_9 {
    margin-top: 90px !important;
  }

  .mb-lg\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-lg\:_9 {
    margin-left: 90px !important;
  }

  .mr-lg\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_9 {
    margin: 90px !important;
  }

  .mx-xl\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-xl\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-xl\:_9 {
    margin-top: 90px !important;
  }

  .mb-xl\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-xl\:_9 {
    margin-left: 90px !important;
  }

  .mr-xl\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_9 {
    margin: 90px !important;
  }

  .mx-xxl\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-xxl\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-xxl\:_9 {
    margin-top: 90px !important;
  }

  .mb-xxl\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-xxl\:_9 {
    margin-left: 90px !important;
  }

  .mr-xxl\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_9 {
    margin: 90px !important;
  }

  .mx-sm-up\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-sm-up\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-sm-up\:_9 {
    margin-top: 90px !important;
  }

  .mb-sm-up\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-sm-up\:_9 {
    margin-left: 90px !important;
  }

  .mr-sm-up\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_9 {
    margin: 90px !important;
  }

  .mx-md-up\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-md-up\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-md-up\:_9 {
    margin-top: 90px !important;
  }

  .mb-md-up\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-md-up\:_9 {
    margin-left: 90px !important;
  }

  .mr-md-up\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_9 {
    margin: 90px !important;
  }

  .mx-lg-up\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-lg-up\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-lg-up\:_9 {
    margin-top: 90px !important;
  }

  .mb-lg-up\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-lg-up\:_9 {
    margin-left: 90px !important;
  }

  .mr-lg-up\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_9 {
    margin: 90px !important;
  }

  .mx-xl-up\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-xl-up\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-xl-up\:_9 {
    margin-top: 90px !important;
  }

  .mb-xl-up\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-xl-up\:_9 {
    margin-left: 90px !important;
  }

  .mr-xl-up\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_9 {
    margin: 90px !important;
  }

  .mx-sm-down\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-sm-down\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-sm-down\:_9 {
    margin-top: 90px !important;
  }

  .mb-sm-down\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-sm-down\:_9 {
    margin-left: 90px !important;
  }

  .mr-sm-down\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_9 {
    margin: 90px !important;
  }

  .mx-md-down\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-md-down\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-md-down\:_9 {
    margin-top: 90px !important;
  }

  .mb-md-down\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-md-down\:_9 {
    margin-left: 90px !important;
  }

  .mr-md-down\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_9 {
    margin: 90px !important;
  }

  .mx-lg-down\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-lg-down\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-lg-down\:_9 {
    margin-top: 90px !important;
  }

  .mb-lg-down\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-lg-down\:_9 {
    margin-left: 90px !important;
  }

  .mr-lg-down\:_9 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_9 {
    margin: 90px !important;
  }

  .mx-xl-down\:_9 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-xl-down\:_9 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mt-xl-down\:_9 {
    margin-top: 90px !important;
  }

  .mb-xl-down\:_9 {
    margin-bottom: 90px !important;
  }

  .ml-xl-down\:_9 {
    margin-left: 90px !important;
  }

  .mr-xl-down\:_9 {
    margin-right: 90px !important;
  }
}
.m\:_10 {
  margin: 100px !important;
}

.mx\:_10 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.my\:_10 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mt\:_10 {
  margin-top: 100px !important;
}

.mb\:_10 {
  margin-bottom: 100px !important;
}

.ml\:_10 {
  margin-left: 100px !important;
}

.mr\:_10 {
  margin-right: 100px !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:_10 {
    margin: 100px !important;
  }

  .mx-xs\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-xs\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-xs\:_10 {
    margin-top: 100px !important;
  }

  .mb-xs\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-xs\:_10 {
    margin-left: 100px !important;
  }

  .mr-xs\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:_10 {
    margin: 100px !important;
  }

  .mx-sm\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-sm\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-sm\:_10 {
    margin-top: 100px !important;
  }

  .mb-sm\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-sm\:_10 {
    margin-left: 100px !important;
  }

  .mr-sm\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:_10 {
    margin: 100px !important;
  }

  .mx-md\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-md\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-md\:_10 {
    margin-top: 100px !important;
  }

  .mb-md\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-md\:_10 {
    margin-left: 100px !important;
  }

  .mr-md\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:_10 {
    margin: 100px !important;
  }

  .mx-lg\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-lg\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-lg\:_10 {
    margin-top: 100px !important;
  }

  .mb-lg\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-lg\:_10 {
    margin-left: 100px !important;
  }

  .mr-lg\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:_10 {
    margin: 100px !important;
  }

  .mx-xl\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-xl\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-xl\:_10 {
    margin-top: 100px !important;
  }

  .mb-xl\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-xl\:_10 {
    margin-left: 100px !important;
  }

  .mr-xl\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:_10 {
    margin: 100px !important;
  }

  .mx-xxl\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-xxl\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-xxl\:_10 {
    margin-top: 100px !important;
  }

  .mb-xxl\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-xxl\:_10 {
    margin-left: 100px !important;
  }

  .mr-xxl\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:_10 {
    margin: 100px !important;
  }

  .mx-sm-up\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-sm-up\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-sm-up\:_10 {
    margin-top: 100px !important;
  }

  .mb-sm-up\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-sm-up\:_10 {
    margin-left: 100px !important;
  }

  .mr-sm-up\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:_10 {
    margin: 100px !important;
  }

  .mx-md-up\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-md-up\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-md-up\:_10 {
    margin-top: 100px !important;
  }

  .mb-md-up\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-md-up\:_10 {
    margin-left: 100px !important;
  }

  .mr-md-up\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:_10 {
    margin: 100px !important;
  }

  .mx-lg-up\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-lg-up\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-lg-up\:_10 {
    margin-top: 100px !important;
  }

  .mb-lg-up\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-lg-up\:_10 {
    margin-left: 100px !important;
  }

  .mr-lg-up\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:_10 {
    margin: 100px !important;
  }

  .mx-xl-up\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-xl-up\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-xl-up\:_10 {
    margin-top: 100px !important;
  }

  .mb-xl-up\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-xl-up\:_10 {
    margin-left: 100px !important;
  }

  .mr-xl-up\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:_10 {
    margin: 100px !important;
  }

  .mx-sm-down\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-sm-down\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-sm-down\:_10 {
    margin-top: 100px !important;
  }

  .mb-sm-down\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-sm-down\:_10 {
    margin-left: 100px !important;
  }

  .mr-sm-down\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:_10 {
    margin: 100px !important;
  }

  .mx-md-down\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-md-down\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-md-down\:_10 {
    margin-top: 100px !important;
  }

  .mb-md-down\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-md-down\:_10 {
    margin-left: 100px !important;
  }

  .mr-md-down\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:_10 {
    margin: 100px !important;
  }

  .mx-lg-down\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-lg-down\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-lg-down\:_10 {
    margin-top: 100px !important;
  }

  .mb-lg-down\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-lg-down\:_10 {
    margin-left: 100px !important;
  }

  .mr-lg-down\:_10 {
    margin-right: 100px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:_10 {
    margin: 100px !important;
  }

  .mx-xl-down\:_10 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-xl-down\:_10 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-xl-down\:_10 {
    margin-top: 100px !important;
  }

  .mb-xl-down\:_10 {
    margin-bottom: 100px !important;
  }

  .ml-xl-down\:_10 {
    margin-left: 100px !important;
  }

  .mr-xl-down\:_10 {
    margin-right: 100px !important;
  }
}
.m\:auto {
  margin: auto !important;
}

.mx\:auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my\:auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt\:auto {
  margin-top: auto !important;
}

.mb\:auto {
  margin-bottom: auto !important;
}

.ml\:auto {
  margin-left: auto !important;
}

.mr\:auto {
  margin-right: auto !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:auto {
    margin: auto !important;
  }

  .mx-xs\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xs\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xs\:auto {
    margin-top: auto !important;
  }

  .mb-xs\:auto {
    margin-bottom: auto !important;
  }

  .ml-xs\:auto {
    margin-left: auto !important;
  }

  .mr-xs\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:auto {
    margin: auto !important;
  }

  .mx-sm\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-sm\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm\:auto {
    margin-top: auto !important;
  }

  .mb-sm\:auto {
    margin-bottom: auto !important;
  }

  .ml-sm\:auto {
    margin-left: auto !important;
  }

  .mr-sm\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:auto {
    margin: auto !important;
  }

  .mx-md\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-md\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md\:auto {
    margin-top: auto !important;
  }

  .mb-md\:auto {
    margin-bottom: auto !important;
  }

  .ml-md\:auto {
    margin-left: auto !important;
  }

  .mr-md\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:auto {
    margin: auto !important;
  }

  .mx-lg\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-lg\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg\:auto {
    margin-top: auto !important;
  }

  .mb-lg\:auto {
    margin-bottom: auto !important;
  }

  .ml-lg\:auto {
    margin-left: auto !important;
  }

  .mr-lg\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:auto {
    margin: auto !important;
  }

  .mx-xl\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xl\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl\:auto {
    margin-top: auto !important;
  }

  .mb-xl\:auto {
    margin-bottom: auto !important;
  }

  .ml-xl\:auto {
    margin-left: auto !important;
  }

  .mr-xl\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:auto {
    margin: auto !important;
  }

  .mx-xxl\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xxl\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl\:auto {
    margin-top: auto !important;
  }

  .mb-xxl\:auto {
    margin-bottom: auto !important;
  }

  .ml-xxl\:auto {
    margin-left: auto !important;
  }

  .mr-xxl\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:auto {
    margin: auto !important;
  }

  .mx-sm-up\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-sm-up\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-up\:auto {
    margin-top: auto !important;
  }

  .mb-sm-up\:auto {
    margin-bottom: auto !important;
  }

  .ml-sm-up\:auto {
    margin-left: auto !important;
  }

  .mr-sm-up\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:auto {
    margin: auto !important;
  }

  .mx-md-up\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-md-up\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-up\:auto {
    margin-top: auto !important;
  }

  .mb-md-up\:auto {
    margin-bottom: auto !important;
  }

  .ml-md-up\:auto {
    margin-left: auto !important;
  }

  .mr-md-up\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:auto {
    margin: auto !important;
  }

  .mx-lg-up\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-lg-up\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-up\:auto {
    margin-top: auto !important;
  }

  .mb-lg-up\:auto {
    margin-bottom: auto !important;
  }

  .ml-lg-up\:auto {
    margin-left: auto !important;
  }

  .mr-lg-up\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:auto {
    margin: auto !important;
  }

  .mx-xl-up\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xl-up\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-up\:auto {
    margin-top: auto !important;
  }

  .mb-xl-up\:auto {
    margin-bottom: auto !important;
  }

  .ml-xl-up\:auto {
    margin-left: auto !important;
  }

  .mr-xl-up\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:auto {
    margin: auto !important;
  }

  .mx-sm-down\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-sm-down\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-down\:auto {
    margin-top: auto !important;
  }

  .mb-sm-down\:auto {
    margin-bottom: auto !important;
  }

  .ml-sm-down\:auto {
    margin-left: auto !important;
  }

  .mr-sm-down\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:auto {
    margin: auto !important;
  }

  .mx-md-down\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-md-down\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-down\:auto {
    margin-top: auto !important;
  }

  .mb-md-down\:auto {
    margin-bottom: auto !important;
  }

  .ml-md-down\:auto {
    margin-left: auto !important;
  }

  .mr-md-down\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:auto {
    margin: auto !important;
  }

  .mx-lg-down\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-lg-down\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-down\:auto {
    margin-top: auto !important;
  }

  .mb-lg-down\:auto {
    margin-bottom: auto !important;
  }

  .ml-lg-down\:auto {
    margin-left: auto !important;
  }

  .mr-lg-down\:auto {
    margin-right: auto !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:auto {
    margin: auto !important;
  }

  .mx-xl-down\:auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xl-down\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-down\:auto {
    margin-top: auto !important;
  }

  .mb-xl-down\:auto {
    margin-bottom: auto !important;
  }

  .ml-xl-down\:auto {
    margin-left: auto !important;
  }

  .mr-xl-down\:auto {
    margin-right: auto !important;
  }
}
.m\:10 {
  margin: 10% !important;
}

.mx\:10 {
  margin-left: 10% !important;
  margin-right: 10% !important;
}

.my\:10 {
  margin-top: 10% !important;
  margin-bottom: 10% !important;
}

.mt\:10 {
  margin-top: 10% !important;
}

.mb\:10 {
  margin-bottom: 10% !important;
}

.ml\:10 {
  margin-left: 10% !important;
}

.mr\:10 {
  margin-right: 10% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:10 {
    margin: 10% !important;
  }

  .mx-xs\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-xs\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-xs\:10 {
    margin-top: 10% !important;
  }

  .mb-xs\:10 {
    margin-bottom: 10% !important;
  }

  .ml-xs\:10 {
    margin-left: 10% !important;
  }

  .mr-xs\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:10 {
    margin: 10% !important;
  }

  .mx-sm\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-sm\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-sm\:10 {
    margin-top: 10% !important;
  }

  .mb-sm\:10 {
    margin-bottom: 10% !important;
  }

  .ml-sm\:10 {
    margin-left: 10% !important;
  }

  .mr-sm\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:10 {
    margin: 10% !important;
  }

  .mx-md\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-md\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-md\:10 {
    margin-top: 10% !important;
  }

  .mb-md\:10 {
    margin-bottom: 10% !important;
  }

  .ml-md\:10 {
    margin-left: 10% !important;
  }

  .mr-md\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:10 {
    margin: 10% !important;
  }

  .mx-lg\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-lg\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-lg\:10 {
    margin-top: 10% !important;
  }

  .mb-lg\:10 {
    margin-bottom: 10% !important;
  }

  .ml-lg\:10 {
    margin-left: 10% !important;
  }

  .mr-lg\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:10 {
    margin: 10% !important;
  }

  .mx-xl\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-xl\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-xl\:10 {
    margin-top: 10% !important;
  }

  .mb-xl\:10 {
    margin-bottom: 10% !important;
  }

  .ml-xl\:10 {
    margin-left: 10% !important;
  }

  .mr-xl\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:10 {
    margin: 10% !important;
  }

  .mx-xxl\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-xxl\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-xxl\:10 {
    margin-top: 10% !important;
  }

  .mb-xxl\:10 {
    margin-bottom: 10% !important;
  }

  .ml-xxl\:10 {
    margin-left: 10% !important;
  }

  .mr-xxl\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:10 {
    margin: 10% !important;
  }

  .mx-sm-up\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-sm-up\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-sm-up\:10 {
    margin-top: 10% !important;
  }

  .mb-sm-up\:10 {
    margin-bottom: 10% !important;
  }

  .ml-sm-up\:10 {
    margin-left: 10% !important;
  }

  .mr-sm-up\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:10 {
    margin: 10% !important;
  }

  .mx-md-up\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-md-up\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-md-up\:10 {
    margin-top: 10% !important;
  }

  .mb-md-up\:10 {
    margin-bottom: 10% !important;
  }

  .ml-md-up\:10 {
    margin-left: 10% !important;
  }

  .mr-md-up\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:10 {
    margin: 10% !important;
  }

  .mx-lg-up\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-lg-up\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-lg-up\:10 {
    margin-top: 10% !important;
  }

  .mb-lg-up\:10 {
    margin-bottom: 10% !important;
  }

  .ml-lg-up\:10 {
    margin-left: 10% !important;
  }

  .mr-lg-up\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:10 {
    margin: 10% !important;
  }

  .mx-xl-up\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-xl-up\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-xl-up\:10 {
    margin-top: 10% !important;
  }

  .mb-xl-up\:10 {
    margin-bottom: 10% !important;
  }

  .ml-xl-up\:10 {
    margin-left: 10% !important;
  }

  .mr-xl-up\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:10 {
    margin: 10% !important;
  }

  .mx-sm-down\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-sm-down\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-sm-down\:10 {
    margin-top: 10% !important;
  }

  .mb-sm-down\:10 {
    margin-bottom: 10% !important;
  }

  .ml-sm-down\:10 {
    margin-left: 10% !important;
  }

  .mr-sm-down\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:10 {
    margin: 10% !important;
  }

  .mx-md-down\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-md-down\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-md-down\:10 {
    margin-top: 10% !important;
  }

  .mb-md-down\:10 {
    margin-bottom: 10% !important;
  }

  .ml-md-down\:10 {
    margin-left: 10% !important;
  }

  .mr-md-down\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:10 {
    margin: 10% !important;
  }

  .mx-lg-down\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-lg-down\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-lg-down\:10 {
    margin-top: 10% !important;
  }

  .mb-lg-down\:10 {
    margin-bottom: 10% !important;
  }

  .ml-lg-down\:10 {
    margin-left: 10% !important;
  }

  .mr-lg-down\:10 {
    margin-right: 10% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:10 {
    margin: 10% !important;
  }

  .mx-xl-down\:10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .my-xl-down\:10 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }

  .mt-xl-down\:10 {
    margin-top: 10% !important;
  }

  .mb-xl-down\:10 {
    margin-bottom: 10% !important;
  }

  .ml-xl-down\:10 {
    margin-left: 10% !important;
  }

  .mr-xl-down\:10 {
    margin-right: 10% !important;
  }
}
.m\:20 {
  margin: 20% !important;
}

.mx\:20 {
  margin-left: 20% !important;
  margin-right: 20% !important;
}

.my\:20 {
  margin-top: 20% !important;
  margin-bottom: 20% !important;
}

.mt\:20 {
  margin-top: 20% !important;
}

.mb\:20 {
  margin-bottom: 20% !important;
}

.ml\:20 {
  margin-left: 20% !important;
}

.mr\:20 {
  margin-right: 20% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:20 {
    margin: 20% !important;
  }

  .mx-xs\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-xs\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-xs\:20 {
    margin-top: 20% !important;
  }

  .mb-xs\:20 {
    margin-bottom: 20% !important;
  }

  .ml-xs\:20 {
    margin-left: 20% !important;
  }

  .mr-xs\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:20 {
    margin: 20% !important;
  }

  .mx-sm\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-sm\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-sm\:20 {
    margin-top: 20% !important;
  }

  .mb-sm\:20 {
    margin-bottom: 20% !important;
  }

  .ml-sm\:20 {
    margin-left: 20% !important;
  }

  .mr-sm\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:20 {
    margin: 20% !important;
  }

  .mx-md\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-md\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-md\:20 {
    margin-top: 20% !important;
  }

  .mb-md\:20 {
    margin-bottom: 20% !important;
  }

  .ml-md\:20 {
    margin-left: 20% !important;
  }

  .mr-md\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:20 {
    margin: 20% !important;
  }

  .mx-lg\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-lg\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-lg\:20 {
    margin-top: 20% !important;
  }

  .mb-lg\:20 {
    margin-bottom: 20% !important;
  }

  .ml-lg\:20 {
    margin-left: 20% !important;
  }

  .mr-lg\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:20 {
    margin: 20% !important;
  }

  .mx-xl\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-xl\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-xl\:20 {
    margin-top: 20% !important;
  }

  .mb-xl\:20 {
    margin-bottom: 20% !important;
  }

  .ml-xl\:20 {
    margin-left: 20% !important;
  }

  .mr-xl\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:20 {
    margin: 20% !important;
  }

  .mx-xxl\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-xxl\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-xxl\:20 {
    margin-top: 20% !important;
  }

  .mb-xxl\:20 {
    margin-bottom: 20% !important;
  }

  .ml-xxl\:20 {
    margin-left: 20% !important;
  }

  .mr-xxl\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:20 {
    margin: 20% !important;
  }

  .mx-sm-up\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-sm-up\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-sm-up\:20 {
    margin-top: 20% !important;
  }

  .mb-sm-up\:20 {
    margin-bottom: 20% !important;
  }

  .ml-sm-up\:20 {
    margin-left: 20% !important;
  }

  .mr-sm-up\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:20 {
    margin: 20% !important;
  }

  .mx-md-up\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-md-up\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-md-up\:20 {
    margin-top: 20% !important;
  }

  .mb-md-up\:20 {
    margin-bottom: 20% !important;
  }

  .ml-md-up\:20 {
    margin-left: 20% !important;
  }

  .mr-md-up\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:20 {
    margin: 20% !important;
  }

  .mx-lg-up\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-lg-up\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-lg-up\:20 {
    margin-top: 20% !important;
  }

  .mb-lg-up\:20 {
    margin-bottom: 20% !important;
  }

  .ml-lg-up\:20 {
    margin-left: 20% !important;
  }

  .mr-lg-up\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:20 {
    margin: 20% !important;
  }

  .mx-xl-up\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-xl-up\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-xl-up\:20 {
    margin-top: 20% !important;
  }

  .mb-xl-up\:20 {
    margin-bottom: 20% !important;
  }

  .ml-xl-up\:20 {
    margin-left: 20% !important;
  }

  .mr-xl-up\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:20 {
    margin: 20% !important;
  }

  .mx-sm-down\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-sm-down\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-sm-down\:20 {
    margin-top: 20% !important;
  }

  .mb-sm-down\:20 {
    margin-bottom: 20% !important;
  }

  .ml-sm-down\:20 {
    margin-left: 20% !important;
  }

  .mr-sm-down\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:20 {
    margin: 20% !important;
  }

  .mx-md-down\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-md-down\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-md-down\:20 {
    margin-top: 20% !important;
  }

  .mb-md-down\:20 {
    margin-bottom: 20% !important;
  }

  .ml-md-down\:20 {
    margin-left: 20% !important;
  }

  .mr-md-down\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:20 {
    margin: 20% !important;
  }

  .mx-lg-down\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-lg-down\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-lg-down\:20 {
    margin-top: 20% !important;
  }

  .mb-lg-down\:20 {
    margin-bottom: 20% !important;
  }

  .ml-lg-down\:20 {
    margin-left: 20% !important;
  }

  .mr-lg-down\:20 {
    margin-right: 20% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:20 {
    margin: 20% !important;
  }

  .mx-xl-down\:20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }

  .my-xl-down\:20 {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }

  .mt-xl-down\:20 {
    margin-top: 20% !important;
  }

  .mb-xl-down\:20 {
    margin-bottom: 20% !important;
  }

  .ml-xl-down\:20 {
    margin-left: 20% !important;
  }

  .mr-xl-down\:20 {
    margin-right: 20% !important;
  }
}
.m\:25 {
  margin: 25% !important;
}

.mx\:25 {
  margin-left: 25% !important;
  margin-right: 25% !important;
}

.my\:25 {
  margin-top: 25% !important;
  margin-bottom: 25% !important;
}

.mt\:25 {
  margin-top: 25% !important;
}

.mb\:25 {
  margin-bottom: 25% !important;
}

.ml\:25 {
  margin-left: 25% !important;
}

.mr\:25 {
  margin-right: 25% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:25 {
    margin: 25% !important;
  }

  .mx-xs\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-xs\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-xs\:25 {
    margin-top: 25% !important;
  }

  .mb-xs\:25 {
    margin-bottom: 25% !important;
  }

  .ml-xs\:25 {
    margin-left: 25% !important;
  }

  .mr-xs\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:25 {
    margin: 25% !important;
  }

  .mx-sm\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-sm\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-sm\:25 {
    margin-top: 25% !important;
  }

  .mb-sm\:25 {
    margin-bottom: 25% !important;
  }

  .ml-sm\:25 {
    margin-left: 25% !important;
  }

  .mr-sm\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:25 {
    margin: 25% !important;
  }

  .mx-md\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-md\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-md\:25 {
    margin-top: 25% !important;
  }

  .mb-md\:25 {
    margin-bottom: 25% !important;
  }

  .ml-md\:25 {
    margin-left: 25% !important;
  }

  .mr-md\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:25 {
    margin: 25% !important;
  }

  .mx-lg\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-lg\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-lg\:25 {
    margin-top: 25% !important;
  }

  .mb-lg\:25 {
    margin-bottom: 25% !important;
  }

  .ml-lg\:25 {
    margin-left: 25% !important;
  }

  .mr-lg\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:25 {
    margin: 25% !important;
  }

  .mx-xl\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-xl\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-xl\:25 {
    margin-top: 25% !important;
  }

  .mb-xl\:25 {
    margin-bottom: 25% !important;
  }

  .ml-xl\:25 {
    margin-left: 25% !important;
  }

  .mr-xl\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:25 {
    margin: 25% !important;
  }

  .mx-xxl\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-xxl\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-xxl\:25 {
    margin-top: 25% !important;
  }

  .mb-xxl\:25 {
    margin-bottom: 25% !important;
  }

  .ml-xxl\:25 {
    margin-left: 25% !important;
  }

  .mr-xxl\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:25 {
    margin: 25% !important;
  }

  .mx-sm-up\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-sm-up\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-sm-up\:25 {
    margin-top: 25% !important;
  }

  .mb-sm-up\:25 {
    margin-bottom: 25% !important;
  }

  .ml-sm-up\:25 {
    margin-left: 25% !important;
  }

  .mr-sm-up\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:25 {
    margin: 25% !important;
  }

  .mx-md-up\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-md-up\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-md-up\:25 {
    margin-top: 25% !important;
  }

  .mb-md-up\:25 {
    margin-bottom: 25% !important;
  }

  .ml-md-up\:25 {
    margin-left: 25% !important;
  }

  .mr-md-up\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:25 {
    margin: 25% !important;
  }

  .mx-lg-up\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-lg-up\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-lg-up\:25 {
    margin-top: 25% !important;
  }

  .mb-lg-up\:25 {
    margin-bottom: 25% !important;
  }

  .ml-lg-up\:25 {
    margin-left: 25% !important;
  }

  .mr-lg-up\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:25 {
    margin: 25% !important;
  }

  .mx-xl-up\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-xl-up\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-xl-up\:25 {
    margin-top: 25% !important;
  }

  .mb-xl-up\:25 {
    margin-bottom: 25% !important;
  }

  .ml-xl-up\:25 {
    margin-left: 25% !important;
  }

  .mr-xl-up\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:25 {
    margin: 25% !important;
  }

  .mx-sm-down\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-sm-down\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-sm-down\:25 {
    margin-top: 25% !important;
  }

  .mb-sm-down\:25 {
    margin-bottom: 25% !important;
  }

  .ml-sm-down\:25 {
    margin-left: 25% !important;
  }

  .mr-sm-down\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:25 {
    margin: 25% !important;
  }

  .mx-md-down\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-md-down\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-md-down\:25 {
    margin-top: 25% !important;
  }

  .mb-md-down\:25 {
    margin-bottom: 25% !important;
  }

  .ml-md-down\:25 {
    margin-left: 25% !important;
  }

  .mr-md-down\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:25 {
    margin: 25% !important;
  }

  .mx-lg-down\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-lg-down\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-lg-down\:25 {
    margin-top: 25% !important;
  }

  .mb-lg-down\:25 {
    margin-bottom: 25% !important;
  }

  .ml-lg-down\:25 {
    margin-left: 25% !important;
  }

  .mr-lg-down\:25 {
    margin-right: 25% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:25 {
    margin: 25% !important;
  }

  .mx-xl-down\:25 {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .my-xl-down\:25 {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }

  .mt-xl-down\:25 {
    margin-top: 25% !important;
  }

  .mb-xl-down\:25 {
    margin-bottom: 25% !important;
  }

  .ml-xl-down\:25 {
    margin-left: 25% !important;
  }

  .mr-xl-down\:25 {
    margin-right: 25% !important;
  }
}
.m\:30 {
  margin: 30% !important;
}

.mx\:30 {
  margin-left: 30% !important;
  margin-right: 30% !important;
}

.my\:30 {
  margin-top: 30% !important;
  margin-bottom: 30% !important;
}

.mt\:30 {
  margin-top: 30% !important;
}

.mb\:30 {
  margin-bottom: 30% !important;
}

.ml\:30 {
  margin-left: 30% !important;
}

.mr\:30 {
  margin-right: 30% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:30 {
    margin: 30% !important;
  }

  .mx-xs\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-xs\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-xs\:30 {
    margin-top: 30% !important;
  }

  .mb-xs\:30 {
    margin-bottom: 30% !important;
  }

  .ml-xs\:30 {
    margin-left: 30% !important;
  }

  .mr-xs\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:30 {
    margin: 30% !important;
  }

  .mx-sm\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-sm\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-sm\:30 {
    margin-top: 30% !important;
  }

  .mb-sm\:30 {
    margin-bottom: 30% !important;
  }

  .ml-sm\:30 {
    margin-left: 30% !important;
  }

  .mr-sm\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:30 {
    margin: 30% !important;
  }

  .mx-md\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-md\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-md\:30 {
    margin-top: 30% !important;
  }

  .mb-md\:30 {
    margin-bottom: 30% !important;
  }

  .ml-md\:30 {
    margin-left: 30% !important;
  }

  .mr-md\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:30 {
    margin: 30% !important;
  }

  .mx-lg\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-lg\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-lg\:30 {
    margin-top: 30% !important;
  }

  .mb-lg\:30 {
    margin-bottom: 30% !important;
  }

  .ml-lg\:30 {
    margin-left: 30% !important;
  }

  .mr-lg\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:30 {
    margin: 30% !important;
  }

  .mx-xl\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-xl\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-xl\:30 {
    margin-top: 30% !important;
  }

  .mb-xl\:30 {
    margin-bottom: 30% !important;
  }

  .ml-xl\:30 {
    margin-left: 30% !important;
  }

  .mr-xl\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:30 {
    margin: 30% !important;
  }

  .mx-xxl\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-xxl\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-xxl\:30 {
    margin-top: 30% !important;
  }

  .mb-xxl\:30 {
    margin-bottom: 30% !important;
  }

  .ml-xxl\:30 {
    margin-left: 30% !important;
  }

  .mr-xxl\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:30 {
    margin: 30% !important;
  }

  .mx-sm-up\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-sm-up\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-sm-up\:30 {
    margin-top: 30% !important;
  }

  .mb-sm-up\:30 {
    margin-bottom: 30% !important;
  }

  .ml-sm-up\:30 {
    margin-left: 30% !important;
  }

  .mr-sm-up\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:30 {
    margin: 30% !important;
  }

  .mx-md-up\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-md-up\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-md-up\:30 {
    margin-top: 30% !important;
  }

  .mb-md-up\:30 {
    margin-bottom: 30% !important;
  }

  .ml-md-up\:30 {
    margin-left: 30% !important;
  }

  .mr-md-up\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:30 {
    margin: 30% !important;
  }

  .mx-lg-up\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-lg-up\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-lg-up\:30 {
    margin-top: 30% !important;
  }

  .mb-lg-up\:30 {
    margin-bottom: 30% !important;
  }

  .ml-lg-up\:30 {
    margin-left: 30% !important;
  }

  .mr-lg-up\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:30 {
    margin: 30% !important;
  }

  .mx-xl-up\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-xl-up\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-xl-up\:30 {
    margin-top: 30% !important;
  }

  .mb-xl-up\:30 {
    margin-bottom: 30% !important;
  }

  .ml-xl-up\:30 {
    margin-left: 30% !important;
  }

  .mr-xl-up\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:30 {
    margin: 30% !important;
  }

  .mx-sm-down\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-sm-down\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-sm-down\:30 {
    margin-top: 30% !important;
  }

  .mb-sm-down\:30 {
    margin-bottom: 30% !important;
  }

  .ml-sm-down\:30 {
    margin-left: 30% !important;
  }

  .mr-sm-down\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:30 {
    margin: 30% !important;
  }

  .mx-md-down\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-md-down\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-md-down\:30 {
    margin-top: 30% !important;
  }

  .mb-md-down\:30 {
    margin-bottom: 30% !important;
  }

  .ml-md-down\:30 {
    margin-left: 30% !important;
  }

  .mr-md-down\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:30 {
    margin: 30% !important;
  }

  .mx-lg-down\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-lg-down\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-lg-down\:30 {
    margin-top: 30% !important;
  }

  .mb-lg-down\:30 {
    margin-bottom: 30% !important;
  }

  .ml-lg-down\:30 {
    margin-left: 30% !important;
  }

  .mr-lg-down\:30 {
    margin-right: 30% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:30 {
    margin: 30% !important;
  }

  .mx-xl-down\:30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }

  .my-xl-down\:30 {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }

  .mt-xl-down\:30 {
    margin-top: 30% !important;
  }

  .mb-xl-down\:30 {
    margin-bottom: 30% !important;
  }

  .ml-xl-down\:30 {
    margin-left: 30% !important;
  }

  .mr-xl-down\:30 {
    margin-right: 30% !important;
  }
}
.m\:33 {
  margin: 33.33% !important;
}

.mx\:33 {
  margin-left: 33.33% !important;
  margin-right: 33.33% !important;
}

.my\:33 {
  margin-top: 33.33% !important;
  margin-bottom: 33.33% !important;
}

.mt\:33 {
  margin-top: 33.33% !important;
}

.mb\:33 {
  margin-bottom: 33.33% !important;
}

.ml\:33 {
  margin-left: 33.33% !important;
}

.mr\:33 {
  margin-right: 33.33% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:33 {
    margin: 33.33% !important;
  }

  .mx-xs\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-xs\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-xs\:33 {
    margin-top: 33.33% !important;
  }

  .mb-xs\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-xs\:33 {
    margin-left: 33.33% !important;
  }

  .mr-xs\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:33 {
    margin: 33.33% !important;
  }

  .mx-sm\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-sm\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-sm\:33 {
    margin-top: 33.33% !important;
  }

  .mb-sm\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-sm\:33 {
    margin-left: 33.33% !important;
  }

  .mr-sm\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:33 {
    margin: 33.33% !important;
  }

  .mx-md\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-md\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-md\:33 {
    margin-top: 33.33% !important;
  }

  .mb-md\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-md\:33 {
    margin-left: 33.33% !important;
  }

  .mr-md\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:33 {
    margin: 33.33% !important;
  }

  .mx-lg\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-lg\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-lg\:33 {
    margin-top: 33.33% !important;
  }

  .mb-lg\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-lg\:33 {
    margin-left: 33.33% !important;
  }

  .mr-lg\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:33 {
    margin: 33.33% !important;
  }

  .mx-xl\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-xl\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-xl\:33 {
    margin-top: 33.33% !important;
  }

  .mb-xl\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-xl\:33 {
    margin-left: 33.33% !important;
  }

  .mr-xl\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:33 {
    margin: 33.33% !important;
  }

  .mx-xxl\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-xxl\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-xxl\:33 {
    margin-top: 33.33% !important;
  }

  .mb-xxl\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-xxl\:33 {
    margin-left: 33.33% !important;
  }

  .mr-xxl\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:33 {
    margin: 33.33% !important;
  }

  .mx-sm-up\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-sm-up\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-sm-up\:33 {
    margin-top: 33.33% !important;
  }

  .mb-sm-up\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-sm-up\:33 {
    margin-left: 33.33% !important;
  }

  .mr-sm-up\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:33 {
    margin: 33.33% !important;
  }

  .mx-md-up\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-md-up\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-md-up\:33 {
    margin-top: 33.33% !important;
  }

  .mb-md-up\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-md-up\:33 {
    margin-left: 33.33% !important;
  }

  .mr-md-up\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:33 {
    margin: 33.33% !important;
  }

  .mx-lg-up\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-lg-up\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-lg-up\:33 {
    margin-top: 33.33% !important;
  }

  .mb-lg-up\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-lg-up\:33 {
    margin-left: 33.33% !important;
  }

  .mr-lg-up\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:33 {
    margin: 33.33% !important;
  }

  .mx-xl-up\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-xl-up\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-xl-up\:33 {
    margin-top: 33.33% !important;
  }

  .mb-xl-up\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-xl-up\:33 {
    margin-left: 33.33% !important;
  }

  .mr-xl-up\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:33 {
    margin: 33.33% !important;
  }

  .mx-sm-down\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-sm-down\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-sm-down\:33 {
    margin-top: 33.33% !important;
  }

  .mb-sm-down\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-sm-down\:33 {
    margin-left: 33.33% !important;
  }

  .mr-sm-down\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:33 {
    margin: 33.33% !important;
  }

  .mx-md-down\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-md-down\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-md-down\:33 {
    margin-top: 33.33% !important;
  }

  .mb-md-down\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-md-down\:33 {
    margin-left: 33.33% !important;
  }

  .mr-md-down\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:33 {
    margin: 33.33% !important;
  }

  .mx-lg-down\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-lg-down\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-lg-down\:33 {
    margin-top: 33.33% !important;
  }

  .mb-lg-down\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-lg-down\:33 {
    margin-left: 33.33% !important;
  }

  .mr-lg-down\:33 {
    margin-right: 33.33% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:33 {
    margin: 33.33% !important;
  }

  .mx-xl-down\:33 {
    margin-left: 33.33% !important;
    margin-right: 33.33% !important;
  }

  .my-xl-down\:33 {
    margin-top: 33.33% !important;
    margin-bottom: 33.33% !important;
  }

  .mt-xl-down\:33 {
    margin-top: 33.33% !important;
  }

  .mb-xl-down\:33 {
    margin-bottom: 33.33% !important;
  }

  .ml-xl-down\:33 {
    margin-left: 33.33% !important;
  }

  .mr-xl-down\:33 {
    margin-right: 33.33% !important;
  }
}
.m\:40 {
  margin: 40% !important;
}

.mx\:40 {
  margin-left: 40% !important;
  margin-right: 40% !important;
}

.my\:40 {
  margin-top: 40% !important;
  margin-bottom: 40% !important;
}

.mt\:40 {
  margin-top: 40% !important;
}

.mb\:40 {
  margin-bottom: 40% !important;
}

.ml\:40 {
  margin-left: 40% !important;
}

.mr\:40 {
  margin-right: 40% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:40 {
    margin: 40% !important;
  }

  .mx-xs\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-xs\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-xs\:40 {
    margin-top: 40% !important;
  }

  .mb-xs\:40 {
    margin-bottom: 40% !important;
  }

  .ml-xs\:40 {
    margin-left: 40% !important;
  }

  .mr-xs\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:40 {
    margin: 40% !important;
  }

  .mx-sm\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-sm\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-sm\:40 {
    margin-top: 40% !important;
  }

  .mb-sm\:40 {
    margin-bottom: 40% !important;
  }

  .ml-sm\:40 {
    margin-left: 40% !important;
  }

  .mr-sm\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:40 {
    margin: 40% !important;
  }

  .mx-md\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-md\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-md\:40 {
    margin-top: 40% !important;
  }

  .mb-md\:40 {
    margin-bottom: 40% !important;
  }

  .ml-md\:40 {
    margin-left: 40% !important;
  }

  .mr-md\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:40 {
    margin: 40% !important;
  }

  .mx-lg\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-lg\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-lg\:40 {
    margin-top: 40% !important;
  }

  .mb-lg\:40 {
    margin-bottom: 40% !important;
  }

  .ml-lg\:40 {
    margin-left: 40% !important;
  }

  .mr-lg\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:40 {
    margin: 40% !important;
  }

  .mx-xl\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-xl\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-xl\:40 {
    margin-top: 40% !important;
  }

  .mb-xl\:40 {
    margin-bottom: 40% !important;
  }

  .ml-xl\:40 {
    margin-left: 40% !important;
  }

  .mr-xl\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:40 {
    margin: 40% !important;
  }

  .mx-xxl\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-xxl\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-xxl\:40 {
    margin-top: 40% !important;
  }

  .mb-xxl\:40 {
    margin-bottom: 40% !important;
  }

  .ml-xxl\:40 {
    margin-left: 40% !important;
  }

  .mr-xxl\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:40 {
    margin: 40% !important;
  }

  .mx-sm-up\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-sm-up\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-sm-up\:40 {
    margin-top: 40% !important;
  }

  .mb-sm-up\:40 {
    margin-bottom: 40% !important;
  }

  .ml-sm-up\:40 {
    margin-left: 40% !important;
  }

  .mr-sm-up\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:40 {
    margin: 40% !important;
  }

  .mx-md-up\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-md-up\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-md-up\:40 {
    margin-top: 40% !important;
  }

  .mb-md-up\:40 {
    margin-bottom: 40% !important;
  }

  .ml-md-up\:40 {
    margin-left: 40% !important;
  }

  .mr-md-up\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:40 {
    margin: 40% !important;
  }

  .mx-lg-up\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-lg-up\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-lg-up\:40 {
    margin-top: 40% !important;
  }

  .mb-lg-up\:40 {
    margin-bottom: 40% !important;
  }

  .ml-lg-up\:40 {
    margin-left: 40% !important;
  }

  .mr-lg-up\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:40 {
    margin: 40% !important;
  }

  .mx-xl-up\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-xl-up\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-xl-up\:40 {
    margin-top: 40% !important;
  }

  .mb-xl-up\:40 {
    margin-bottom: 40% !important;
  }

  .ml-xl-up\:40 {
    margin-left: 40% !important;
  }

  .mr-xl-up\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:40 {
    margin: 40% !important;
  }

  .mx-sm-down\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-sm-down\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-sm-down\:40 {
    margin-top: 40% !important;
  }

  .mb-sm-down\:40 {
    margin-bottom: 40% !important;
  }

  .ml-sm-down\:40 {
    margin-left: 40% !important;
  }

  .mr-sm-down\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:40 {
    margin: 40% !important;
  }

  .mx-md-down\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-md-down\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-md-down\:40 {
    margin-top: 40% !important;
  }

  .mb-md-down\:40 {
    margin-bottom: 40% !important;
  }

  .ml-md-down\:40 {
    margin-left: 40% !important;
  }

  .mr-md-down\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:40 {
    margin: 40% !important;
  }

  .mx-lg-down\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-lg-down\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-lg-down\:40 {
    margin-top: 40% !important;
  }

  .mb-lg-down\:40 {
    margin-bottom: 40% !important;
  }

  .ml-lg-down\:40 {
    margin-left: 40% !important;
  }

  .mr-lg-down\:40 {
    margin-right: 40% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:40 {
    margin: 40% !important;
  }

  .mx-xl-down\:40 {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }

  .my-xl-down\:40 {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }

  .mt-xl-down\:40 {
    margin-top: 40% !important;
  }

  .mb-xl-down\:40 {
    margin-bottom: 40% !important;
  }

  .ml-xl-down\:40 {
    margin-left: 40% !important;
  }

  .mr-xl-down\:40 {
    margin-right: 40% !important;
  }
}
.m\:45 {
  margin: 45% !important;
}

.mx\:45 {
  margin-left: 45% !important;
  margin-right: 45% !important;
}

.my\:45 {
  margin-top: 45% !important;
  margin-bottom: 45% !important;
}

.mt\:45 {
  margin-top: 45% !important;
}

.mb\:45 {
  margin-bottom: 45% !important;
}

.ml\:45 {
  margin-left: 45% !important;
}

.mr\:45 {
  margin-right: 45% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:45 {
    margin: 45% !important;
  }

  .mx-xs\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-xs\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-xs\:45 {
    margin-top: 45% !important;
  }

  .mb-xs\:45 {
    margin-bottom: 45% !important;
  }

  .ml-xs\:45 {
    margin-left: 45% !important;
  }

  .mr-xs\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:45 {
    margin: 45% !important;
  }

  .mx-sm\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-sm\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-sm\:45 {
    margin-top: 45% !important;
  }

  .mb-sm\:45 {
    margin-bottom: 45% !important;
  }

  .ml-sm\:45 {
    margin-left: 45% !important;
  }

  .mr-sm\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:45 {
    margin: 45% !important;
  }

  .mx-md\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-md\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-md\:45 {
    margin-top: 45% !important;
  }

  .mb-md\:45 {
    margin-bottom: 45% !important;
  }

  .ml-md\:45 {
    margin-left: 45% !important;
  }

  .mr-md\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:45 {
    margin: 45% !important;
  }

  .mx-lg\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-lg\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-lg\:45 {
    margin-top: 45% !important;
  }

  .mb-lg\:45 {
    margin-bottom: 45% !important;
  }

  .ml-lg\:45 {
    margin-left: 45% !important;
  }

  .mr-lg\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:45 {
    margin: 45% !important;
  }

  .mx-xl\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-xl\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-xl\:45 {
    margin-top: 45% !important;
  }

  .mb-xl\:45 {
    margin-bottom: 45% !important;
  }

  .ml-xl\:45 {
    margin-left: 45% !important;
  }

  .mr-xl\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:45 {
    margin: 45% !important;
  }

  .mx-xxl\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-xxl\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-xxl\:45 {
    margin-top: 45% !important;
  }

  .mb-xxl\:45 {
    margin-bottom: 45% !important;
  }

  .ml-xxl\:45 {
    margin-left: 45% !important;
  }

  .mr-xxl\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:45 {
    margin: 45% !important;
  }

  .mx-sm-up\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-sm-up\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-sm-up\:45 {
    margin-top: 45% !important;
  }

  .mb-sm-up\:45 {
    margin-bottom: 45% !important;
  }

  .ml-sm-up\:45 {
    margin-left: 45% !important;
  }

  .mr-sm-up\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:45 {
    margin: 45% !important;
  }

  .mx-md-up\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-md-up\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-md-up\:45 {
    margin-top: 45% !important;
  }

  .mb-md-up\:45 {
    margin-bottom: 45% !important;
  }

  .ml-md-up\:45 {
    margin-left: 45% !important;
  }

  .mr-md-up\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:45 {
    margin: 45% !important;
  }

  .mx-lg-up\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-lg-up\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-lg-up\:45 {
    margin-top: 45% !important;
  }

  .mb-lg-up\:45 {
    margin-bottom: 45% !important;
  }

  .ml-lg-up\:45 {
    margin-left: 45% !important;
  }

  .mr-lg-up\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:45 {
    margin: 45% !important;
  }

  .mx-xl-up\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-xl-up\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-xl-up\:45 {
    margin-top: 45% !important;
  }

  .mb-xl-up\:45 {
    margin-bottom: 45% !important;
  }

  .ml-xl-up\:45 {
    margin-left: 45% !important;
  }

  .mr-xl-up\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:45 {
    margin: 45% !important;
  }

  .mx-sm-down\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-sm-down\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-sm-down\:45 {
    margin-top: 45% !important;
  }

  .mb-sm-down\:45 {
    margin-bottom: 45% !important;
  }

  .ml-sm-down\:45 {
    margin-left: 45% !important;
  }

  .mr-sm-down\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:45 {
    margin: 45% !important;
  }

  .mx-md-down\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-md-down\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-md-down\:45 {
    margin-top: 45% !important;
  }

  .mb-md-down\:45 {
    margin-bottom: 45% !important;
  }

  .ml-md-down\:45 {
    margin-left: 45% !important;
  }

  .mr-md-down\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:45 {
    margin: 45% !important;
  }

  .mx-lg-down\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-lg-down\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-lg-down\:45 {
    margin-top: 45% !important;
  }

  .mb-lg-down\:45 {
    margin-bottom: 45% !important;
  }

  .ml-lg-down\:45 {
    margin-left: 45% !important;
  }

  .mr-lg-down\:45 {
    margin-right: 45% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:45 {
    margin: 45% !important;
  }

  .mx-xl-down\:45 {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }

  .my-xl-down\:45 {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }

  .mt-xl-down\:45 {
    margin-top: 45% !important;
  }

  .mb-xl-down\:45 {
    margin-bottom: 45% !important;
  }

  .ml-xl-down\:45 {
    margin-left: 45% !important;
  }

  .mr-xl-down\:45 {
    margin-right: 45% !important;
  }
}
.m\:50 {
  margin: 50% !important;
}

.mx\:50 {
  margin-left: 50% !important;
  margin-right: 50% !important;
}

.my\:50 {
  margin-top: 50% !important;
  margin-bottom: 50% !important;
}

.mt\:50 {
  margin-top: 50% !important;
}

.mb\:50 {
  margin-bottom: 50% !important;
}

.ml\:50 {
  margin-left: 50% !important;
}

.mr\:50 {
  margin-right: 50% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:50 {
    margin: 50% !important;
  }

  .mx-xs\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-xs\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-xs\:50 {
    margin-top: 50% !important;
  }

  .mb-xs\:50 {
    margin-bottom: 50% !important;
  }

  .ml-xs\:50 {
    margin-left: 50% !important;
  }

  .mr-xs\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:50 {
    margin: 50% !important;
  }

  .mx-sm\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-sm\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-sm\:50 {
    margin-top: 50% !important;
  }

  .mb-sm\:50 {
    margin-bottom: 50% !important;
  }

  .ml-sm\:50 {
    margin-left: 50% !important;
  }

  .mr-sm\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:50 {
    margin: 50% !important;
  }

  .mx-md\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-md\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-md\:50 {
    margin-top: 50% !important;
  }

  .mb-md\:50 {
    margin-bottom: 50% !important;
  }

  .ml-md\:50 {
    margin-left: 50% !important;
  }

  .mr-md\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:50 {
    margin: 50% !important;
  }

  .mx-lg\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-lg\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-lg\:50 {
    margin-top: 50% !important;
  }

  .mb-lg\:50 {
    margin-bottom: 50% !important;
  }

  .ml-lg\:50 {
    margin-left: 50% !important;
  }

  .mr-lg\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:50 {
    margin: 50% !important;
  }

  .mx-xl\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-xl\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-xl\:50 {
    margin-top: 50% !important;
  }

  .mb-xl\:50 {
    margin-bottom: 50% !important;
  }

  .ml-xl\:50 {
    margin-left: 50% !important;
  }

  .mr-xl\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:50 {
    margin: 50% !important;
  }

  .mx-xxl\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-xxl\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-xxl\:50 {
    margin-top: 50% !important;
  }

  .mb-xxl\:50 {
    margin-bottom: 50% !important;
  }

  .ml-xxl\:50 {
    margin-left: 50% !important;
  }

  .mr-xxl\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:50 {
    margin: 50% !important;
  }

  .mx-sm-up\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-sm-up\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-sm-up\:50 {
    margin-top: 50% !important;
  }

  .mb-sm-up\:50 {
    margin-bottom: 50% !important;
  }

  .ml-sm-up\:50 {
    margin-left: 50% !important;
  }

  .mr-sm-up\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:50 {
    margin: 50% !important;
  }

  .mx-md-up\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-md-up\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-md-up\:50 {
    margin-top: 50% !important;
  }

  .mb-md-up\:50 {
    margin-bottom: 50% !important;
  }

  .ml-md-up\:50 {
    margin-left: 50% !important;
  }

  .mr-md-up\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:50 {
    margin: 50% !important;
  }

  .mx-lg-up\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-lg-up\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-lg-up\:50 {
    margin-top: 50% !important;
  }

  .mb-lg-up\:50 {
    margin-bottom: 50% !important;
  }

  .ml-lg-up\:50 {
    margin-left: 50% !important;
  }

  .mr-lg-up\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:50 {
    margin: 50% !important;
  }

  .mx-xl-up\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-xl-up\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-xl-up\:50 {
    margin-top: 50% !important;
  }

  .mb-xl-up\:50 {
    margin-bottom: 50% !important;
  }

  .ml-xl-up\:50 {
    margin-left: 50% !important;
  }

  .mr-xl-up\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:50 {
    margin: 50% !important;
  }

  .mx-sm-down\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-sm-down\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-sm-down\:50 {
    margin-top: 50% !important;
  }

  .mb-sm-down\:50 {
    margin-bottom: 50% !important;
  }

  .ml-sm-down\:50 {
    margin-left: 50% !important;
  }

  .mr-sm-down\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:50 {
    margin: 50% !important;
  }

  .mx-md-down\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-md-down\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-md-down\:50 {
    margin-top: 50% !important;
  }

  .mb-md-down\:50 {
    margin-bottom: 50% !important;
  }

  .ml-md-down\:50 {
    margin-left: 50% !important;
  }

  .mr-md-down\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:50 {
    margin: 50% !important;
  }

  .mx-lg-down\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-lg-down\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-lg-down\:50 {
    margin-top: 50% !important;
  }

  .mb-lg-down\:50 {
    margin-bottom: 50% !important;
  }

  .ml-lg-down\:50 {
    margin-left: 50% !important;
  }

  .mr-lg-down\:50 {
    margin-right: 50% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:50 {
    margin: 50% !important;
  }

  .mx-xl-down\:50 {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }

  .my-xl-down\:50 {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }

  .mt-xl-down\:50 {
    margin-top: 50% !important;
  }

  .mb-xl-down\:50 {
    margin-bottom: 50% !important;
  }

  .ml-xl-down\:50 {
    margin-left: 50% !important;
  }

  .mr-xl-down\:50 {
    margin-right: 50% !important;
  }
}
.m\:60 {
  margin: 60% !important;
}

.mx\:60 {
  margin-left: 60% !important;
  margin-right: 60% !important;
}

.my\:60 {
  margin-top: 60% !important;
  margin-bottom: 60% !important;
}

.mt\:60 {
  margin-top: 60% !important;
}

.mb\:60 {
  margin-bottom: 60% !important;
}

.ml\:60 {
  margin-left: 60% !important;
}

.mr\:60 {
  margin-right: 60% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:60 {
    margin: 60% !important;
  }

  .mx-xs\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-xs\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-xs\:60 {
    margin-top: 60% !important;
  }

  .mb-xs\:60 {
    margin-bottom: 60% !important;
  }

  .ml-xs\:60 {
    margin-left: 60% !important;
  }

  .mr-xs\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:60 {
    margin: 60% !important;
  }

  .mx-sm\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-sm\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-sm\:60 {
    margin-top: 60% !important;
  }

  .mb-sm\:60 {
    margin-bottom: 60% !important;
  }

  .ml-sm\:60 {
    margin-left: 60% !important;
  }

  .mr-sm\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:60 {
    margin: 60% !important;
  }

  .mx-md\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-md\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-md\:60 {
    margin-top: 60% !important;
  }

  .mb-md\:60 {
    margin-bottom: 60% !important;
  }

  .ml-md\:60 {
    margin-left: 60% !important;
  }

  .mr-md\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:60 {
    margin: 60% !important;
  }

  .mx-lg\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-lg\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-lg\:60 {
    margin-top: 60% !important;
  }

  .mb-lg\:60 {
    margin-bottom: 60% !important;
  }

  .ml-lg\:60 {
    margin-left: 60% !important;
  }

  .mr-lg\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:60 {
    margin: 60% !important;
  }

  .mx-xl\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-xl\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-xl\:60 {
    margin-top: 60% !important;
  }

  .mb-xl\:60 {
    margin-bottom: 60% !important;
  }

  .ml-xl\:60 {
    margin-left: 60% !important;
  }

  .mr-xl\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:60 {
    margin: 60% !important;
  }

  .mx-xxl\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-xxl\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-xxl\:60 {
    margin-top: 60% !important;
  }

  .mb-xxl\:60 {
    margin-bottom: 60% !important;
  }

  .ml-xxl\:60 {
    margin-left: 60% !important;
  }

  .mr-xxl\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:60 {
    margin: 60% !important;
  }

  .mx-sm-up\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-sm-up\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-sm-up\:60 {
    margin-top: 60% !important;
  }

  .mb-sm-up\:60 {
    margin-bottom: 60% !important;
  }

  .ml-sm-up\:60 {
    margin-left: 60% !important;
  }

  .mr-sm-up\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:60 {
    margin: 60% !important;
  }

  .mx-md-up\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-md-up\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-md-up\:60 {
    margin-top: 60% !important;
  }

  .mb-md-up\:60 {
    margin-bottom: 60% !important;
  }

  .ml-md-up\:60 {
    margin-left: 60% !important;
  }

  .mr-md-up\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:60 {
    margin: 60% !important;
  }

  .mx-lg-up\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-lg-up\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-lg-up\:60 {
    margin-top: 60% !important;
  }

  .mb-lg-up\:60 {
    margin-bottom: 60% !important;
  }

  .ml-lg-up\:60 {
    margin-left: 60% !important;
  }

  .mr-lg-up\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:60 {
    margin: 60% !important;
  }

  .mx-xl-up\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-xl-up\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-xl-up\:60 {
    margin-top: 60% !important;
  }

  .mb-xl-up\:60 {
    margin-bottom: 60% !important;
  }

  .ml-xl-up\:60 {
    margin-left: 60% !important;
  }

  .mr-xl-up\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:60 {
    margin: 60% !important;
  }

  .mx-sm-down\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-sm-down\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-sm-down\:60 {
    margin-top: 60% !important;
  }

  .mb-sm-down\:60 {
    margin-bottom: 60% !important;
  }

  .ml-sm-down\:60 {
    margin-left: 60% !important;
  }

  .mr-sm-down\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:60 {
    margin: 60% !important;
  }

  .mx-md-down\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-md-down\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-md-down\:60 {
    margin-top: 60% !important;
  }

  .mb-md-down\:60 {
    margin-bottom: 60% !important;
  }

  .ml-md-down\:60 {
    margin-left: 60% !important;
  }

  .mr-md-down\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:60 {
    margin: 60% !important;
  }

  .mx-lg-down\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-lg-down\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-lg-down\:60 {
    margin-top: 60% !important;
  }

  .mb-lg-down\:60 {
    margin-bottom: 60% !important;
  }

  .ml-lg-down\:60 {
    margin-left: 60% !important;
  }

  .mr-lg-down\:60 {
    margin-right: 60% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:60 {
    margin: 60% !important;
  }

  .mx-xl-down\:60 {
    margin-left: 60% !important;
    margin-right: 60% !important;
  }

  .my-xl-down\:60 {
    margin-top: 60% !important;
    margin-bottom: 60% !important;
  }

  .mt-xl-down\:60 {
    margin-top: 60% !important;
  }

  .mb-xl-down\:60 {
    margin-bottom: 60% !important;
  }

  .ml-xl-down\:60 {
    margin-left: 60% !important;
  }

  .mr-xl-down\:60 {
    margin-right: 60% !important;
  }
}
.m\:66 {
  margin: 66.66% !important;
}

.mx\:66 {
  margin-left: 66.66% !important;
  margin-right: 66.66% !important;
}

.my\:66 {
  margin-top: 66.66% !important;
  margin-bottom: 66.66% !important;
}

.mt\:66 {
  margin-top: 66.66% !important;
}

.mb\:66 {
  margin-bottom: 66.66% !important;
}

.ml\:66 {
  margin-left: 66.66% !important;
}

.mr\:66 {
  margin-right: 66.66% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:66 {
    margin: 66.66% !important;
  }

  .mx-xs\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-xs\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-xs\:66 {
    margin-top: 66.66% !important;
  }

  .mb-xs\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-xs\:66 {
    margin-left: 66.66% !important;
  }

  .mr-xs\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:66 {
    margin: 66.66% !important;
  }

  .mx-sm\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-sm\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-sm\:66 {
    margin-top: 66.66% !important;
  }

  .mb-sm\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-sm\:66 {
    margin-left: 66.66% !important;
  }

  .mr-sm\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:66 {
    margin: 66.66% !important;
  }

  .mx-md\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-md\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-md\:66 {
    margin-top: 66.66% !important;
  }

  .mb-md\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-md\:66 {
    margin-left: 66.66% !important;
  }

  .mr-md\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:66 {
    margin: 66.66% !important;
  }

  .mx-lg\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-lg\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-lg\:66 {
    margin-top: 66.66% !important;
  }

  .mb-lg\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-lg\:66 {
    margin-left: 66.66% !important;
  }

  .mr-lg\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:66 {
    margin: 66.66% !important;
  }

  .mx-xl\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-xl\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-xl\:66 {
    margin-top: 66.66% !important;
  }

  .mb-xl\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-xl\:66 {
    margin-left: 66.66% !important;
  }

  .mr-xl\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:66 {
    margin: 66.66% !important;
  }

  .mx-xxl\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-xxl\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-xxl\:66 {
    margin-top: 66.66% !important;
  }

  .mb-xxl\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-xxl\:66 {
    margin-left: 66.66% !important;
  }

  .mr-xxl\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:66 {
    margin: 66.66% !important;
  }

  .mx-sm-up\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-sm-up\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-sm-up\:66 {
    margin-top: 66.66% !important;
  }

  .mb-sm-up\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-sm-up\:66 {
    margin-left: 66.66% !important;
  }

  .mr-sm-up\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:66 {
    margin: 66.66% !important;
  }

  .mx-md-up\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-md-up\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-md-up\:66 {
    margin-top: 66.66% !important;
  }

  .mb-md-up\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-md-up\:66 {
    margin-left: 66.66% !important;
  }

  .mr-md-up\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:66 {
    margin: 66.66% !important;
  }

  .mx-lg-up\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-lg-up\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-lg-up\:66 {
    margin-top: 66.66% !important;
  }

  .mb-lg-up\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-lg-up\:66 {
    margin-left: 66.66% !important;
  }

  .mr-lg-up\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:66 {
    margin: 66.66% !important;
  }

  .mx-xl-up\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-xl-up\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-xl-up\:66 {
    margin-top: 66.66% !important;
  }

  .mb-xl-up\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-xl-up\:66 {
    margin-left: 66.66% !important;
  }

  .mr-xl-up\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:66 {
    margin: 66.66% !important;
  }

  .mx-sm-down\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-sm-down\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-sm-down\:66 {
    margin-top: 66.66% !important;
  }

  .mb-sm-down\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-sm-down\:66 {
    margin-left: 66.66% !important;
  }

  .mr-sm-down\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:66 {
    margin: 66.66% !important;
  }

  .mx-md-down\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-md-down\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-md-down\:66 {
    margin-top: 66.66% !important;
  }

  .mb-md-down\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-md-down\:66 {
    margin-left: 66.66% !important;
  }

  .mr-md-down\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:66 {
    margin: 66.66% !important;
  }

  .mx-lg-down\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-lg-down\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-lg-down\:66 {
    margin-top: 66.66% !important;
  }

  .mb-lg-down\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-lg-down\:66 {
    margin-left: 66.66% !important;
  }

  .mr-lg-down\:66 {
    margin-right: 66.66% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:66 {
    margin: 66.66% !important;
  }

  .mx-xl-down\:66 {
    margin-left: 66.66% !important;
    margin-right: 66.66% !important;
  }

  .my-xl-down\:66 {
    margin-top: 66.66% !important;
    margin-bottom: 66.66% !important;
  }

  .mt-xl-down\:66 {
    margin-top: 66.66% !important;
  }

  .mb-xl-down\:66 {
    margin-bottom: 66.66% !important;
  }

  .ml-xl-down\:66 {
    margin-left: 66.66% !important;
  }

  .mr-xl-down\:66 {
    margin-right: 66.66% !important;
  }
}
.m\:70 {
  margin: 70% !important;
}

.mx\:70 {
  margin-left: 70% !important;
  margin-right: 70% !important;
}

.my\:70 {
  margin-top: 70% !important;
  margin-bottom: 70% !important;
}

.mt\:70 {
  margin-top: 70% !important;
}

.mb\:70 {
  margin-bottom: 70% !important;
}

.ml\:70 {
  margin-left: 70% !important;
}

.mr\:70 {
  margin-right: 70% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:70 {
    margin: 70% !important;
  }

  .mx-xs\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-xs\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-xs\:70 {
    margin-top: 70% !important;
  }

  .mb-xs\:70 {
    margin-bottom: 70% !important;
  }

  .ml-xs\:70 {
    margin-left: 70% !important;
  }

  .mr-xs\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:70 {
    margin: 70% !important;
  }

  .mx-sm\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-sm\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-sm\:70 {
    margin-top: 70% !important;
  }

  .mb-sm\:70 {
    margin-bottom: 70% !important;
  }

  .ml-sm\:70 {
    margin-left: 70% !important;
  }

  .mr-sm\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:70 {
    margin: 70% !important;
  }

  .mx-md\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-md\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-md\:70 {
    margin-top: 70% !important;
  }

  .mb-md\:70 {
    margin-bottom: 70% !important;
  }

  .ml-md\:70 {
    margin-left: 70% !important;
  }

  .mr-md\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:70 {
    margin: 70% !important;
  }

  .mx-lg\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-lg\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-lg\:70 {
    margin-top: 70% !important;
  }

  .mb-lg\:70 {
    margin-bottom: 70% !important;
  }

  .ml-lg\:70 {
    margin-left: 70% !important;
  }

  .mr-lg\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:70 {
    margin: 70% !important;
  }

  .mx-xl\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-xl\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-xl\:70 {
    margin-top: 70% !important;
  }

  .mb-xl\:70 {
    margin-bottom: 70% !important;
  }

  .ml-xl\:70 {
    margin-left: 70% !important;
  }

  .mr-xl\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:70 {
    margin: 70% !important;
  }

  .mx-xxl\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-xxl\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-xxl\:70 {
    margin-top: 70% !important;
  }

  .mb-xxl\:70 {
    margin-bottom: 70% !important;
  }

  .ml-xxl\:70 {
    margin-left: 70% !important;
  }

  .mr-xxl\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:70 {
    margin: 70% !important;
  }

  .mx-sm-up\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-sm-up\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-sm-up\:70 {
    margin-top: 70% !important;
  }

  .mb-sm-up\:70 {
    margin-bottom: 70% !important;
  }

  .ml-sm-up\:70 {
    margin-left: 70% !important;
  }

  .mr-sm-up\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:70 {
    margin: 70% !important;
  }

  .mx-md-up\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-md-up\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-md-up\:70 {
    margin-top: 70% !important;
  }

  .mb-md-up\:70 {
    margin-bottom: 70% !important;
  }

  .ml-md-up\:70 {
    margin-left: 70% !important;
  }

  .mr-md-up\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:70 {
    margin: 70% !important;
  }

  .mx-lg-up\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-lg-up\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-lg-up\:70 {
    margin-top: 70% !important;
  }

  .mb-lg-up\:70 {
    margin-bottom: 70% !important;
  }

  .ml-lg-up\:70 {
    margin-left: 70% !important;
  }

  .mr-lg-up\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:70 {
    margin: 70% !important;
  }

  .mx-xl-up\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-xl-up\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-xl-up\:70 {
    margin-top: 70% !important;
  }

  .mb-xl-up\:70 {
    margin-bottom: 70% !important;
  }

  .ml-xl-up\:70 {
    margin-left: 70% !important;
  }

  .mr-xl-up\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:70 {
    margin: 70% !important;
  }

  .mx-sm-down\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-sm-down\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-sm-down\:70 {
    margin-top: 70% !important;
  }

  .mb-sm-down\:70 {
    margin-bottom: 70% !important;
  }

  .ml-sm-down\:70 {
    margin-left: 70% !important;
  }

  .mr-sm-down\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:70 {
    margin: 70% !important;
  }

  .mx-md-down\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-md-down\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-md-down\:70 {
    margin-top: 70% !important;
  }

  .mb-md-down\:70 {
    margin-bottom: 70% !important;
  }

  .ml-md-down\:70 {
    margin-left: 70% !important;
  }

  .mr-md-down\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:70 {
    margin: 70% !important;
  }

  .mx-lg-down\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-lg-down\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-lg-down\:70 {
    margin-top: 70% !important;
  }

  .mb-lg-down\:70 {
    margin-bottom: 70% !important;
  }

  .ml-lg-down\:70 {
    margin-left: 70% !important;
  }

  .mr-lg-down\:70 {
    margin-right: 70% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:70 {
    margin: 70% !important;
  }

  .mx-xl-down\:70 {
    margin-left: 70% !important;
    margin-right: 70% !important;
  }

  .my-xl-down\:70 {
    margin-top: 70% !important;
    margin-bottom: 70% !important;
  }

  .mt-xl-down\:70 {
    margin-top: 70% !important;
  }

  .mb-xl-down\:70 {
    margin-bottom: 70% !important;
  }

  .ml-xl-down\:70 {
    margin-left: 70% !important;
  }

  .mr-xl-down\:70 {
    margin-right: 70% !important;
  }
}
.m\:75 {
  margin: 75% !important;
}

.mx\:75 {
  margin-left: 75% !important;
  margin-right: 75% !important;
}

.my\:75 {
  margin-top: 75% !important;
  margin-bottom: 75% !important;
}

.mt\:75 {
  margin-top: 75% !important;
}

.mb\:75 {
  margin-bottom: 75% !important;
}

.ml\:75 {
  margin-left: 75% !important;
}

.mr\:75 {
  margin-right: 75% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:75 {
    margin: 75% !important;
  }

  .mx-xs\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-xs\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-xs\:75 {
    margin-top: 75% !important;
  }

  .mb-xs\:75 {
    margin-bottom: 75% !important;
  }

  .ml-xs\:75 {
    margin-left: 75% !important;
  }

  .mr-xs\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:75 {
    margin: 75% !important;
  }

  .mx-sm\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-sm\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-sm\:75 {
    margin-top: 75% !important;
  }

  .mb-sm\:75 {
    margin-bottom: 75% !important;
  }

  .ml-sm\:75 {
    margin-left: 75% !important;
  }

  .mr-sm\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:75 {
    margin: 75% !important;
  }

  .mx-md\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-md\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-md\:75 {
    margin-top: 75% !important;
  }

  .mb-md\:75 {
    margin-bottom: 75% !important;
  }

  .ml-md\:75 {
    margin-left: 75% !important;
  }

  .mr-md\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:75 {
    margin: 75% !important;
  }

  .mx-lg\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-lg\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-lg\:75 {
    margin-top: 75% !important;
  }

  .mb-lg\:75 {
    margin-bottom: 75% !important;
  }

  .ml-lg\:75 {
    margin-left: 75% !important;
  }

  .mr-lg\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:75 {
    margin: 75% !important;
  }

  .mx-xl\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-xl\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-xl\:75 {
    margin-top: 75% !important;
  }

  .mb-xl\:75 {
    margin-bottom: 75% !important;
  }

  .ml-xl\:75 {
    margin-left: 75% !important;
  }

  .mr-xl\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:75 {
    margin: 75% !important;
  }

  .mx-xxl\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-xxl\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-xxl\:75 {
    margin-top: 75% !important;
  }

  .mb-xxl\:75 {
    margin-bottom: 75% !important;
  }

  .ml-xxl\:75 {
    margin-left: 75% !important;
  }

  .mr-xxl\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:75 {
    margin: 75% !important;
  }

  .mx-sm-up\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-sm-up\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-sm-up\:75 {
    margin-top: 75% !important;
  }

  .mb-sm-up\:75 {
    margin-bottom: 75% !important;
  }

  .ml-sm-up\:75 {
    margin-left: 75% !important;
  }

  .mr-sm-up\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:75 {
    margin: 75% !important;
  }

  .mx-md-up\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-md-up\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-md-up\:75 {
    margin-top: 75% !important;
  }

  .mb-md-up\:75 {
    margin-bottom: 75% !important;
  }

  .ml-md-up\:75 {
    margin-left: 75% !important;
  }

  .mr-md-up\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:75 {
    margin: 75% !important;
  }

  .mx-lg-up\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-lg-up\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-lg-up\:75 {
    margin-top: 75% !important;
  }

  .mb-lg-up\:75 {
    margin-bottom: 75% !important;
  }

  .ml-lg-up\:75 {
    margin-left: 75% !important;
  }

  .mr-lg-up\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:75 {
    margin: 75% !important;
  }

  .mx-xl-up\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-xl-up\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-xl-up\:75 {
    margin-top: 75% !important;
  }

  .mb-xl-up\:75 {
    margin-bottom: 75% !important;
  }

  .ml-xl-up\:75 {
    margin-left: 75% !important;
  }

  .mr-xl-up\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:75 {
    margin: 75% !important;
  }

  .mx-sm-down\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-sm-down\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-sm-down\:75 {
    margin-top: 75% !important;
  }

  .mb-sm-down\:75 {
    margin-bottom: 75% !important;
  }

  .ml-sm-down\:75 {
    margin-left: 75% !important;
  }

  .mr-sm-down\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:75 {
    margin: 75% !important;
  }

  .mx-md-down\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-md-down\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-md-down\:75 {
    margin-top: 75% !important;
  }

  .mb-md-down\:75 {
    margin-bottom: 75% !important;
  }

  .ml-md-down\:75 {
    margin-left: 75% !important;
  }

  .mr-md-down\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:75 {
    margin: 75% !important;
  }

  .mx-lg-down\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-lg-down\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-lg-down\:75 {
    margin-top: 75% !important;
  }

  .mb-lg-down\:75 {
    margin-bottom: 75% !important;
  }

  .ml-lg-down\:75 {
    margin-left: 75% !important;
  }

  .mr-lg-down\:75 {
    margin-right: 75% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:75 {
    margin: 75% !important;
  }

  .mx-xl-down\:75 {
    margin-left: 75% !important;
    margin-right: 75% !important;
  }

  .my-xl-down\:75 {
    margin-top: 75% !important;
    margin-bottom: 75% !important;
  }

  .mt-xl-down\:75 {
    margin-top: 75% !important;
  }

  .mb-xl-down\:75 {
    margin-bottom: 75% !important;
  }

  .ml-xl-down\:75 {
    margin-left: 75% !important;
  }

  .mr-xl-down\:75 {
    margin-right: 75% !important;
  }
}
.m\:80 {
  margin: 80% !important;
}

.mx\:80 {
  margin-left: 80% !important;
  margin-right: 80% !important;
}

.my\:80 {
  margin-top: 80% !important;
  margin-bottom: 80% !important;
}

.mt\:80 {
  margin-top: 80% !important;
}

.mb\:80 {
  margin-bottom: 80% !important;
}

.ml\:80 {
  margin-left: 80% !important;
}

.mr\:80 {
  margin-right: 80% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:80 {
    margin: 80% !important;
  }

  .mx-xs\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-xs\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-xs\:80 {
    margin-top: 80% !important;
  }

  .mb-xs\:80 {
    margin-bottom: 80% !important;
  }

  .ml-xs\:80 {
    margin-left: 80% !important;
  }

  .mr-xs\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:80 {
    margin: 80% !important;
  }

  .mx-sm\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-sm\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-sm\:80 {
    margin-top: 80% !important;
  }

  .mb-sm\:80 {
    margin-bottom: 80% !important;
  }

  .ml-sm\:80 {
    margin-left: 80% !important;
  }

  .mr-sm\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:80 {
    margin: 80% !important;
  }

  .mx-md\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-md\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-md\:80 {
    margin-top: 80% !important;
  }

  .mb-md\:80 {
    margin-bottom: 80% !important;
  }

  .ml-md\:80 {
    margin-left: 80% !important;
  }

  .mr-md\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:80 {
    margin: 80% !important;
  }

  .mx-lg\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-lg\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-lg\:80 {
    margin-top: 80% !important;
  }

  .mb-lg\:80 {
    margin-bottom: 80% !important;
  }

  .ml-lg\:80 {
    margin-left: 80% !important;
  }

  .mr-lg\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:80 {
    margin: 80% !important;
  }

  .mx-xl\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-xl\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-xl\:80 {
    margin-top: 80% !important;
  }

  .mb-xl\:80 {
    margin-bottom: 80% !important;
  }

  .ml-xl\:80 {
    margin-left: 80% !important;
  }

  .mr-xl\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:80 {
    margin: 80% !important;
  }

  .mx-xxl\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-xxl\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-xxl\:80 {
    margin-top: 80% !important;
  }

  .mb-xxl\:80 {
    margin-bottom: 80% !important;
  }

  .ml-xxl\:80 {
    margin-left: 80% !important;
  }

  .mr-xxl\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:80 {
    margin: 80% !important;
  }

  .mx-sm-up\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-sm-up\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-sm-up\:80 {
    margin-top: 80% !important;
  }

  .mb-sm-up\:80 {
    margin-bottom: 80% !important;
  }

  .ml-sm-up\:80 {
    margin-left: 80% !important;
  }

  .mr-sm-up\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:80 {
    margin: 80% !important;
  }

  .mx-md-up\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-md-up\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-md-up\:80 {
    margin-top: 80% !important;
  }

  .mb-md-up\:80 {
    margin-bottom: 80% !important;
  }

  .ml-md-up\:80 {
    margin-left: 80% !important;
  }

  .mr-md-up\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:80 {
    margin: 80% !important;
  }

  .mx-lg-up\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-lg-up\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-lg-up\:80 {
    margin-top: 80% !important;
  }

  .mb-lg-up\:80 {
    margin-bottom: 80% !important;
  }

  .ml-lg-up\:80 {
    margin-left: 80% !important;
  }

  .mr-lg-up\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:80 {
    margin: 80% !important;
  }

  .mx-xl-up\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-xl-up\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-xl-up\:80 {
    margin-top: 80% !important;
  }

  .mb-xl-up\:80 {
    margin-bottom: 80% !important;
  }

  .ml-xl-up\:80 {
    margin-left: 80% !important;
  }

  .mr-xl-up\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:80 {
    margin: 80% !important;
  }

  .mx-sm-down\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-sm-down\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-sm-down\:80 {
    margin-top: 80% !important;
  }

  .mb-sm-down\:80 {
    margin-bottom: 80% !important;
  }

  .ml-sm-down\:80 {
    margin-left: 80% !important;
  }

  .mr-sm-down\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:80 {
    margin: 80% !important;
  }

  .mx-md-down\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-md-down\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-md-down\:80 {
    margin-top: 80% !important;
  }

  .mb-md-down\:80 {
    margin-bottom: 80% !important;
  }

  .ml-md-down\:80 {
    margin-left: 80% !important;
  }

  .mr-md-down\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:80 {
    margin: 80% !important;
  }

  .mx-lg-down\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-lg-down\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-lg-down\:80 {
    margin-top: 80% !important;
  }

  .mb-lg-down\:80 {
    margin-bottom: 80% !important;
  }

  .ml-lg-down\:80 {
    margin-left: 80% !important;
  }

  .mr-lg-down\:80 {
    margin-right: 80% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:80 {
    margin: 80% !important;
  }

  .mx-xl-down\:80 {
    margin-left: 80% !important;
    margin-right: 80% !important;
  }

  .my-xl-down\:80 {
    margin-top: 80% !important;
    margin-bottom: 80% !important;
  }

  .mt-xl-down\:80 {
    margin-top: 80% !important;
  }

  .mb-xl-down\:80 {
    margin-bottom: 80% !important;
  }

  .ml-xl-down\:80 {
    margin-left: 80% !important;
  }

  .mr-xl-down\:80 {
    margin-right: 80% !important;
  }
}
.m\:90 {
  margin: 90% !important;
}

.mx\:90 {
  margin-left: 90% !important;
  margin-right: 90% !important;
}

.my\:90 {
  margin-top: 90% !important;
  margin-bottom: 90% !important;
}

.mt\:90 {
  margin-top: 90% !important;
}

.mb\:90 {
  margin-bottom: 90% !important;
}

.ml\:90 {
  margin-left: 90% !important;
}

.mr\:90 {
  margin-right: 90% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:90 {
    margin: 90% !important;
  }

  .mx-xs\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-xs\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-xs\:90 {
    margin-top: 90% !important;
  }

  .mb-xs\:90 {
    margin-bottom: 90% !important;
  }

  .ml-xs\:90 {
    margin-left: 90% !important;
  }

  .mr-xs\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:90 {
    margin: 90% !important;
  }

  .mx-sm\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-sm\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-sm\:90 {
    margin-top: 90% !important;
  }

  .mb-sm\:90 {
    margin-bottom: 90% !important;
  }

  .ml-sm\:90 {
    margin-left: 90% !important;
  }

  .mr-sm\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:90 {
    margin: 90% !important;
  }

  .mx-md\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-md\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-md\:90 {
    margin-top: 90% !important;
  }

  .mb-md\:90 {
    margin-bottom: 90% !important;
  }

  .ml-md\:90 {
    margin-left: 90% !important;
  }

  .mr-md\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:90 {
    margin: 90% !important;
  }

  .mx-lg\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-lg\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-lg\:90 {
    margin-top: 90% !important;
  }

  .mb-lg\:90 {
    margin-bottom: 90% !important;
  }

  .ml-lg\:90 {
    margin-left: 90% !important;
  }

  .mr-lg\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:90 {
    margin: 90% !important;
  }

  .mx-xl\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-xl\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-xl\:90 {
    margin-top: 90% !important;
  }

  .mb-xl\:90 {
    margin-bottom: 90% !important;
  }

  .ml-xl\:90 {
    margin-left: 90% !important;
  }

  .mr-xl\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:90 {
    margin: 90% !important;
  }

  .mx-xxl\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-xxl\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-xxl\:90 {
    margin-top: 90% !important;
  }

  .mb-xxl\:90 {
    margin-bottom: 90% !important;
  }

  .ml-xxl\:90 {
    margin-left: 90% !important;
  }

  .mr-xxl\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:90 {
    margin: 90% !important;
  }

  .mx-sm-up\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-sm-up\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-sm-up\:90 {
    margin-top: 90% !important;
  }

  .mb-sm-up\:90 {
    margin-bottom: 90% !important;
  }

  .ml-sm-up\:90 {
    margin-left: 90% !important;
  }

  .mr-sm-up\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:90 {
    margin: 90% !important;
  }

  .mx-md-up\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-md-up\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-md-up\:90 {
    margin-top: 90% !important;
  }

  .mb-md-up\:90 {
    margin-bottom: 90% !important;
  }

  .ml-md-up\:90 {
    margin-left: 90% !important;
  }

  .mr-md-up\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:90 {
    margin: 90% !important;
  }

  .mx-lg-up\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-lg-up\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-lg-up\:90 {
    margin-top: 90% !important;
  }

  .mb-lg-up\:90 {
    margin-bottom: 90% !important;
  }

  .ml-lg-up\:90 {
    margin-left: 90% !important;
  }

  .mr-lg-up\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:90 {
    margin: 90% !important;
  }

  .mx-xl-up\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-xl-up\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-xl-up\:90 {
    margin-top: 90% !important;
  }

  .mb-xl-up\:90 {
    margin-bottom: 90% !important;
  }

  .ml-xl-up\:90 {
    margin-left: 90% !important;
  }

  .mr-xl-up\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:90 {
    margin: 90% !important;
  }

  .mx-sm-down\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-sm-down\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-sm-down\:90 {
    margin-top: 90% !important;
  }

  .mb-sm-down\:90 {
    margin-bottom: 90% !important;
  }

  .ml-sm-down\:90 {
    margin-left: 90% !important;
  }

  .mr-sm-down\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:90 {
    margin: 90% !important;
  }

  .mx-md-down\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-md-down\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-md-down\:90 {
    margin-top: 90% !important;
  }

  .mb-md-down\:90 {
    margin-bottom: 90% !important;
  }

  .ml-md-down\:90 {
    margin-left: 90% !important;
  }

  .mr-md-down\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:90 {
    margin: 90% !important;
  }

  .mx-lg-down\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-lg-down\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-lg-down\:90 {
    margin-top: 90% !important;
  }

  .mb-lg-down\:90 {
    margin-bottom: 90% !important;
  }

  .ml-lg-down\:90 {
    margin-left: 90% !important;
  }

  .mr-lg-down\:90 {
    margin-right: 90% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:90 {
    margin: 90% !important;
  }

  .mx-xl-down\:90 {
    margin-left: 90% !important;
    margin-right: 90% !important;
  }

  .my-xl-down\:90 {
    margin-top: 90% !important;
    margin-bottom: 90% !important;
  }

  .mt-xl-down\:90 {
    margin-top: 90% !important;
  }

  .mb-xl-down\:90 {
    margin-bottom: 90% !important;
  }

  .ml-xl-down\:90 {
    margin-left: 90% !important;
  }

  .mr-xl-down\:90 {
    margin-right: 90% !important;
  }
}
.m\:100 {
  margin: 100% !important;
}

.mx\:100 {
  margin-left: 100% !important;
  margin-right: 100% !important;
}

.my\:100 {
  margin-top: 100% !important;
  margin-bottom: 100% !important;
}

.mt\:100 {
  margin-top: 100% !important;
}

.mb\:100 {
  margin-bottom: 100% !important;
}

.ml\:100 {
  margin-left: 100% !important;
}

.mr\:100 {
  margin-right: 100% !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:100 {
    margin: 100% !important;
  }

  .mx-xs\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-xs\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-xs\:100 {
    margin-top: 100% !important;
  }

  .mb-xs\:100 {
    margin-bottom: 100% !important;
  }

  .ml-xs\:100 {
    margin-left: 100% !important;
  }

  .mr-xs\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:100 {
    margin: 100% !important;
  }

  .mx-sm\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-sm\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-sm\:100 {
    margin-top: 100% !important;
  }

  .mb-sm\:100 {
    margin-bottom: 100% !important;
  }

  .ml-sm\:100 {
    margin-left: 100% !important;
  }

  .mr-sm\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:100 {
    margin: 100% !important;
  }

  .mx-md\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-md\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-md\:100 {
    margin-top: 100% !important;
  }

  .mb-md\:100 {
    margin-bottom: 100% !important;
  }

  .ml-md\:100 {
    margin-left: 100% !important;
  }

  .mr-md\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:100 {
    margin: 100% !important;
  }

  .mx-lg\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-lg\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-lg\:100 {
    margin-top: 100% !important;
  }

  .mb-lg\:100 {
    margin-bottom: 100% !important;
  }

  .ml-lg\:100 {
    margin-left: 100% !important;
  }

  .mr-lg\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:100 {
    margin: 100% !important;
  }

  .mx-xl\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-xl\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-xl\:100 {
    margin-top: 100% !important;
  }

  .mb-xl\:100 {
    margin-bottom: 100% !important;
  }

  .ml-xl\:100 {
    margin-left: 100% !important;
  }

  .mr-xl\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:100 {
    margin: 100% !important;
  }

  .mx-xxl\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-xxl\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-xxl\:100 {
    margin-top: 100% !important;
  }

  .mb-xxl\:100 {
    margin-bottom: 100% !important;
  }

  .ml-xxl\:100 {
    margin-left: 100% !important;
  }

  .mr-xxl\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:100 {
    margin: 100% !important;
  }

  .mx-sm-up\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-sm-up\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-sm-up\:100 {
    margin-top: 100% !important;
  }

  .mb-sm-up\:100 {
    margin-bottom: 100% !important;
  }

  .ml-sm-up\:100 {
    margin-left: 100% !important;
  }

  .mr-sm-up\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:100 {
    margin: 100% !important;
  }

  .mx-md-up\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-md-up\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-md-up\:100 {
    margin-top: 100% !important;
  }

  .mb-md-up\:100 {
    margin-bottom: 100% !important;
  }

  .ml-md-up\:100 {
    margin-left: 100% !important;
  }

  .mr-md-up\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:100 {
    margin: 100% !important;
  }

  .mx-lg-up\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-lg-up\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-lg-up\:100 {
    margin-top: 100% !important;
  }

  .mb-lg-up\:100 {
    margin-bottom: 100% !important;
  }

  .ml-lg-up\:100 {
    margin-left: 100% !important;
  }

  .mr-lg-up\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:100 {
    margin: 100% !important;
  }

  .mx-xl-up\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-xl-up\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-xl-up\:100 {
    margin-top: 100% !important;
  }

  .mb-xl-up\:100 {
    margin-bottom: 100% !important;
  }

  .ml-xl-up\:100 {
    margin-left: 100% !important;
  }

  .mr-xl-up\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:100 {
    margin: 100% !important;
  }

  .mx-sm-down\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-sm-down\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-sm-down\:100 {
    margin-top: 100% !important;
  }

  .mb-sm-down\:100 {
    margin-bottom: 100% !important;
  }

  .ml-sm-down\:100 {
    margin-left: 100% !important;
  }

  .mr-sm-down\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:100 {
    margin: 100% !important;
  }

  .mx-md-down\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-md-down\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-md-down\:100 {
    margin-top: 100% !important;
  }

  .mb-md-down\:100 {
    margin-bottom: 100% !important;
  }

  .ml-md-down\:100 {
    margin-left: 100% !important;
  }

  .mr-md-down\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:100 {
    margin: 100% !important;
  }

  .mx-lg-down\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-lg-down\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-lg-down\:100 {
    margin-top: 100% !important;
  }

  .mb-lg-down\:100 {
    margin-bottom: 100% !important;
  }

  .ml-lg-down\:100 {
    margin-left: 100% !important;
  }

  .mr-lg-down\:100 {
    margin-right: 100% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:100 {
    margin: 100% !important;
  }

  .mx-xl-down\:100 {
    margin-left: 100% !important;
    margin-right: 100% !important;
  }

  .my-xl-down\:100 {
    margin-top: 100% !important;
    margin-bottom: 100% !important;
  }

  .mt-xl-down\:100 {
    margin-top: 100% !important;
  }

  .mb-xl-down\:100 {
    margin-bottom: 100% !important;
  }

  .ml-xl-down\:100 {
    margin-left: 100% !important;
  }

  .mr-xl-down\:100 {
    margin-right: 100% !important;
  }
}
.m\:10vh {
  margin: 10vh !important;
}

.mx\:10vh {
  margin-left: 10vh !important;
  margin-right: 10vh !important;
}

.my\:10vh {
  margin-top: 10vh !important;
  margin-bottom: 10vh !important;
}

.mt\:10vh {
  margin-top: 10vh !important;
}

.mb\:10vh {
  margin-bottom: 10vh !important;
}

.ml\:10vh {
  margin-left: 10vh !important;
}

.mr\:10vh {
  margin-right: 10vh !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:10vh {
    margin: 10vh !important;
  }

  .mx-xs\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-xs\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-xs\:10vh {
    margin-top: 10vh !important;
  }

  .mb-xs\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-xs\:10vh {
    margin-left: 10vh !important;
  }

  .mr-xs\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:10vh {
    margin: 10vh !important;
  }

  .mx-sm\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-sm\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-sm\:10vh {
    margin-top: 10vh !important;
  }

  .mb-sm\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-sm\:10vh {
    margin-left: 10vh !important;
  }

  .mr-sm\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:10vh {
    margin: 10vh !important;
  }

  .mx-md\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-md\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-md\:10vh {
    margin-top: 10vh !important;
  }

  .mb-md\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-md\:10vh {
    margin-left: 10vh !important;
  }

  .mr-md\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:10vh {
    margin: 10vh !important;
  }

  .mx-lg\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-lg\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-lg\:10vh {
    margin-top: 10vh !important;
  }

  .mb-lg\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-lg\:10vh {
    margin-left: 10vh !important;
  }

  .mr-lg\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:10vh {
    margin: 10vh !important;
  }

  .mx-xl\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-xl\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-xl\:10vh {
    margin-top: 10vh !important;
  }

  .mb-xl\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-xl\:10vh {
    margin-left: 10vh !important;
  }

  .mr-xl\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:10vh {
    margin: 10vh !important;
  }

  .mx-xxl\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-xxl\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-xxl\:10vh {
    margin-top: 10vh !important;
  }

  .mb-xxl\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-xxl\:10vh {
    margin-left: 10vh !important;
  }

  .mr-xxl\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:10vh {
    margin: 10vh !important;
  }

  .mx-sm-up\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-sm-up\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-sm-up\:10vh {
    margin-top: 10vh !important;
  }

  .mb-sm-up\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-sm-up\:10vh {
    margin-left: 10vh !important;
  }

  .mr-sm-up\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:10vh {
    margin: 10vh !important;
  }

  .mx-md-up\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-md-up\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-md-up\:10vh {
    margin-top: 10vh !important;
  }

  .mb-md-up\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-md-up\:10vh {
    margin-left: 10vh !important;
  }

  .mr-md-up\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:10vh {
    margin: 10vh !important;
  }

  .mx-lg-up\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-lg-up\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-lg-up\:10vh {
    margin-top: 10vh !important;
  }

  .mb-lg-up\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-lg-up\:10vh {
    margin-left: 10vh !important;
  }

  .mr-lg-up\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:10vh {
    margin: 10vh !important;
  }

  .mx-xl-up\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-xl-up\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-xl-up\:10vh {
    margin-top: 10vh !important;
  }

  .mb-xl-up\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-xl-up\:10vh {
    margin-left: 10vh !important;
  }

  .mr-xl-up\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:10vh {
    margin: 10vh !important;
  }

  .mx-sm-down\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-sm-down\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-sm-down\:10vh {
    margin-top: 10vh !important;
  }

  .mb-sm-down\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-sm-down\:10vh {
    margin-left: 10vh !important;
  }

  .mr-sm-down\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:10vh {
    margin: 10vh !important;
  }

  .mx-md-down\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-md-down\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-md-down\:10vh {
    margin-top: 10vh !important;
  }

  .mb-md-down\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-md-down\:10vh {
    margin-left: 10vh !important;
  }

  .mr-md-down\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:10vh {
    margin: 10vh !important;
  }

  .mx-lg-down\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-lg-down\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-lg-down\:10vh {
    margin-top: 10vh !important;
  }

  .mb-lg-down\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-lg-down\:10vh {
    margin-left: 10vh !important;
  }

  .mr-lg-down\:10vh {
    margin-right: 10vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:10vh {
    margin: 10vh !important;
  }

  .mx-xl-down\:10vh {
    margin-left: 10vh !important;
    margin-right: 10vh !important;
  }

  .my-xl-down\:10vh {
    margin-top: 10vh !important;
    margin-bottom: 10vh !important;
  }

  .mt-xl-down\:10vh {
    margin-top: 10vh !important;
  }

  .mb-xl-down\:10vh {
    margin-bottom: 10vh !important;
  }

  .ml-xl-down\:10vh {
    margin-left: 10vh !important;
  }

  .mr-xl-down\:10vh {
    margin-right: 10vh !important;
  }
}
.m\:25vh {
  margin: 25vh !important;
}

.mx\:25vh {
  margin-left: 25vh !important;
  margin-right: 25vh !important;
}

.my\:25vh {
  margin-top: 25vh !important;
  margin-bottom: 25vh !important;
}

.mt\:25vh {
  margin-top: 25vh !important;
}

.mb\:25vh {
  margin-bottom: 25vh !important;
}

.ml\:25vh {
  margin-left: 25vh !important;
}

.mr\:25vh {
  margin-right: 25vh !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:25vh {
    margin: 25vh !important;
  }

  .mx-xs\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-xs\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-xs\:25vh {
    margin-top: 25vh !important;
  }

  .mb-xs\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-xs\:25vh {
    margin-left: 25vh !important;
  }

  .mr-xs\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:25vh {
    margin: 25vh !important;
  }

  .mx-sm\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-sm\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-sm\:25vh {
    margin-top: 25vh !important;
  }

  .mb-sm\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-sm\:25vh {
    margin-left: 25vh !important;
  }

  .mr-sm\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:25vh {
    margin: 25vh !important;
  }

  .mx-md\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-md\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-md\:25vh {
    margin-top: 25vh !important;
  }

  .mb-md\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-md\:25vh {
    margin-left: 25vh !important;
  }

  .mr-md\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:25vh {
    margin: 25vh !important;
  }

  .mx-lg\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-lg\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-lg\:25vh {
    margin-top: 25vh !important;
  }

  .mb-lg\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-lg\:25vh {
    margin-left: 25vh !important;
  }

  .mr-lg\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:25vh {
    margin: 25vh !important;
  }

  .mx-xl\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-xl\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-xl\:25vh {
    margin-top: 25vh !important;
  }

  .mb-xl\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-xl\:25vh {
    margin-left: 25vh !important;
  }

  .mr-xl\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:25vh {
    margin: 25vh !important;
  }

  .mx-xxl\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-xxl\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-xxl\:25vh {
    margin-top: 25vh !important;
  }

  .mb-xxl\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-xxl\:25vh {
    margin-left: 25vh !important;
  }

  .mr-xxl\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:25vh {
    margin: 25vh !important;
  }

  .mx-sm-up\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-sm-up\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-sm-up\:25vh {
    margin-top: 25vh !important;
  }

  .mb-sm-up\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-sm-up\:25vh {
    margin-left: 25vh !important;
  }

  .mr-sm-up\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:25vh {
    margin: 25vh !important;
  }

  .mx-md-up\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-md-up\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-md-up\:25vh {
    margin-top: 25vh !important;
  }

  .mb-md-up\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-md-up\:25vh {
    margin-left: 25vh !important;
  }

  .mr-md-up\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:25vh {
    margin: 25vh !important;
  }

  .mx-lg-up\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-lg-up\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-lg-up\:25vh {
    margin-top: 25vh !important;
  }

  .mb-lg-up\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-lg-up\:25vh {
    margin-left: 25vh !important;
  }

  .mr-lg-up\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:25vh {
    margin: 25vh !important;
  }

  .mx-xl-up\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-xl-up\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-xl-up\:25vh {
    margin-top: 25vh !important;
  }

  .mb-xl-up\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-xl-up\:25vh {
    margin-left: 25vh !important;
  }

  .mr-xl-up\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:25vh {
    margin: 25vh !important;
  }

  .mx-sm-down\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-sm-down\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-sm-down\:25vh {
    margin-top: 25vh !important;
  }

  .mb-sm-down\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-sm-down\:25vh {
    margin-left: 25vh !important;
  }

  .mr-sm-down\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:25vh {
    margin: 25vh !important;
  }

  .mx-md-down\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-md-down\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-md-down\:25vh {
    margin-top: 25vh !important;
  }

  .mb-md-down\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-md-down\:25vh {
    margin-left: 25vh !important;
  }

  .mr-md-down\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:25vh {
    margin: 25vh !important;
  }

  .mx-lg-down\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-lg-down\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-lg-down\:25vh {
    margin-top: 25vh !important;
  }

  .mb-lg-down\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-lg-down\:25vh {
    margin-left: 25vh !important;
  }

  .mr-lg-down\:25vh {
    margin-right: 25vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:25vh {
    margin: 25vh !important;
  }

  .mx-xl-down\:25vh {
    margin-left: 25vh !important;
    margin-right: 25vh !important;
  }

  .my-xl-down\:25vh {
    margin-top: 25vh !important;
    margin-bottom: 25vh !important;
  }

  .mt-xl-down\:25vh {
    margin-top: 25vh !important;
  }

  .mb-xl-down\:25vh {
    margin-bottom: 25vh !important;
  }

  .ml-xl-down\:25vh {
    margin-left: 25vh !important;
  }

  .mr-xl-down\:25vh {
    margin-right: 25vh !important;
  }
}
.m\:50vh {
  margin: 50vh !important;
}

.mx\:50vh {
  margin-left: 50vh !important;
  margin-right: 50vh !important;
}

.my\:50vh {
  margin-top: 50vh !important;
  margin-bottom: 50vh !important;
}

.mt\:50vh {
  margin-top: 50vh !important;
}

.mb\:50vh {
  margin-bottom: 50vh !important;
}

.ml\:50vh {
  margin-left: 50vh !important;
}

.mr\:50vh {
  margin-right: 50vh !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:50vh {
    margin: 50vh !important;
  }

  .mx-xs\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-xs\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-xs\:50vh {
    margin-top: 50vh !important;
  }

  .mb-xs\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-xs\:50vh {
    margin-left: 50vh !important;
  }

  .mr-xs\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:50vh {
    margin: 50vh !important;
  }

  .mx-sm\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-sm\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-sm\:50vh {
    margin-top: 50vh !important;
  }

  .mb-sm\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-sm\:50vh {
    margin-left: 50vh !important;
  }

  .mr-sm\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:50vh {
    margin: 50vh !important;
  }

  .mx-md\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-md\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-md\:50vh {
    margin-top: 50vh !important;
  }

  .mb-md\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-md\:50vh {
    margin-left: 50vh !important;
  }

  .mr-md\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:50vh {
    margin: 50vh !important;
  }

  .mx-lg\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-lg\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-lg\:50vh {
    margin-top: 50vh !important;
  }

  .mb-lg\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-lg\:50vh {
    margin-left: 50vh !important;
  }

  .mr-lg\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:50vh {
    margin: 50vh !important;
  }

  .mx-xl\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-xl\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-xl\:50vh {
    margin-top: 50vh !important;
  }

  .mb-xl\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-xl\:50vh {
    margin-left: 50vh !important;
  }

  .mr-xl\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:50vh {
    margin: 50vh !important;
  }

  .mx-xxl\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-xxl\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-xxl\:50vh {
    margin-top: 50vh !important;
  }

  .mb-xxl\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-xxl\:50vh {
    margin-left: 50vh !important;
  }

  .mr-xxl\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:50vh {
    margin: 50vh !important;
  }

  .mx-sm-up\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-sm-up\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-sm-up\:50vh {
    margin-top: 50vh !important;
  }

  .mb-sm-up\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-sm-up\:50vh {
    margin-left: 50vh !important;
  }

  .mr-sm-up\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:50vh {
    margin: 50vh !important;
  }

  .mx-md-up\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-md-up\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-md-up\:50vh {
    margin-top: 50vh !important;
  }

  .mb-md-up\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-md-up\:50vh {
    margin-left: 50vh !important;
  }

  .mr-md-up\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:50vh {
    margin: 50vh !important;
  }

  .mx-lg-up\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-lg-up\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-lg-up\:50vh {
    margin-top: 50vh !important;
  }

  .mb-lg-up\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-lg-up\:50vh {
    margin-left: 50vh !important;
  }

  .mr-lg-up\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:50vh {
    margin: 50vh !important;
  }

  .mx-xl-up\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-xl-up\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-xl-up\:50vh {
    margin-top: 50vh !important;
  }

  .mb-xl-up\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-xl-up\:50vh {
    margin-left: 50vh !important;
  }

  .mr-xl-up\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:50vh {
    margin: 50vh !important;
  }

  .mx-sm-down\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-sm-down\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-sm-down\:50vh {
    margin-top: 50vh !important;
  }

  .mb-sm-down\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-sm-down\:50vh {
    margin-left: 50vh !important;
  }

  .mr-sm-down\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:50vh {
    margin: 50vh !important;
  }

  .mx-md-down\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-md-down\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-md-down\:50vh {
    margin-top: 50vh !important;
  }

  .mb-md-down\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-md-down\:50vh {
    margin-left: 50vh !important;
  }

  .mr-md-down\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:50vh {
    margin: 50vh !important;
  }

  .mx-lg-down\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-lg-down\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-lg-down\:50vh {
    margin-top: 50vh !important;
  }

  .mb-lg-down\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-lg-down\:50vh {
    margin-left: 50vh !important;
  }

  .mr-lg-down\:50vh {
    margin-right: 50vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:50vh {
    margin: 50vh !important;
  }

  .mx-xl-down\:50vh {
    margin-left: 50vh !important;
    margin-right: 50vh !important;
  }

  .my-xl-down\:50vh {
    margin-top: 50vh !important;
    margin-bottom: 50vh !important;
  }

  .mt-xl-down\:50vh {
    margin-top: 50vh !important;
  }

  .mb-xl-down\:50vh {
    margin-bottom: 50vh !important;
  }

  .ml-xl-down\:50vh {
    margin-left: 50vh !important;
  }

  .mr-xl-down\:50vh {
    margin-right: 50vh !important;
  }
}
.m\:75vh {
  margin: 75vh !important;
}

.mx\:75vh {
  margin-left: 75vh !important;
  margin-right: 75vh !important;
}

.my\:75vh {
  margin-top: 75vh !important;
  margin-bottom: 75vh !important;
}

.mt\:75vh {
  margin-top: 75vh !important;
}

.mb\:75vh {
  margin-bottom: 75vh !important;
}

.ml\:75vh {
  margin-left: 75vh !important;
}

.mr\:75vh {
  margin-right: 75vh !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:75vh {
    margin: 75vh !important;
  }

  .mx-xs\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-xs\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-xs\:75vh {
    margin-top: 75vh !important;
  }

  .mb-xs\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-xs\:75vh {
    margin-left: 75vh !important;
  }

  .mr-xs\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:75vh {
    margin: 75vh !important;
  }

  .mx-sm\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-sm\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-sm\:75vh {
    margin-top: 75vh !important;
  }

  .mb-sm\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-sm\:75vh {
    margin-left: 75vh !important;
  }

  .mr-sm\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:75vh {
    margin: 75vh !important;
  }

  .mx-md\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-md\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-md\:75vh {
    margin-top: 75vh !important;
  }

  .mb-md\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-md\:75vh {
    margin-left: 75vh !important;
  }

  .mr-md\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:75vh {
    margin: 75vh !important;
  }

  .mx-lg\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-lg\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-lg\:75vh {
    margin-top: 75vh !important;
  }

  .mb-lg\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-lg\:75vh {
    margin-left: 75vh !important;
  }

  .mr-lg\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:75vh {
    margin: 75vh !important;
  }

  .mx-xl\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-xl\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-xl\:75vh {
    margin-top: 75vh !important;
  }

  .mb-xl\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-xl\:75vh {
    margin-left: 75vh !important;
  }

  .mr-xl\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:75vh {
    margin: 75vh !important;
  }

  .mx-xxl\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-xxl\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-xxl\:75vh {
    margin-top: 75vh !important;
  }

  .mb-xxl\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-xxl\:75vh {
    margin-left: 75vh !important;
  }

  .mr-xxl\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:75vh {
    margin: 75vh !important;
  }

  .mx-sm-up\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-sm-up\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-sm-up\:75vh {
    margin-top: 75vh !important;
  }

  .mb-sm-up\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-sm-up\:75vh {
    margin-left: 75vh !important;
  }

  .mr-sm-up\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:75vh {
    margin: 75vh !important;
  }

  .mx-md-up\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-md-up\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-md-up\:75vh {
    margin-top: 75vh !important;
  }

  .mb-md-up\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-md-up\:75vh {
    margin-left: 75vh !important;
  }

  .mr-md-up\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:75vh {
    margin: 75vh !important;
  }

  .mx-lg-up\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-lg-up\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-lg-up\:75vh {
    margin-top: 75vh !important;
  }

  .mb-lg-up\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-lg-up\:75vh {
    margin-left: 75vh !important;
  }

  .mr-lg-up\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:75vh {
    margin: 75vh !important;
  }

  .mx-xl-up\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-xl-up\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-xl-up\:75vh {
    margin-top: 75vh !important;
  }

  .mb-xl-up\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-xl-up\:75vh {
    margin-left: 75vh !important;
  }

  .mr-xl-up\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:75vh {
    margin: 75vh !important;
  }

  .mx-sm-down\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-sm-down\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-sm-down\:75vh {
    margin-top: 75vh !important;
  }

  .mb-sm-down\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-sm-down\:75vh {
    margin-left: 75vh !important;
  }

  .mr-sm-down\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:75vh {
    margin: 75vh !important;
  }

  .mx-md-down\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-md-down\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-md-down\:75vh {
    margin-top: 75vh !important;
  }

  .mb-md-down\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-md-down\:75vh {
    margin-left: 75vh !important;
  }

  .mr-md-down\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:75vh {
    margin: 75vh !important;
  }

  .mx-lg-down\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-lg-down\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-lg-down\:75vh {
    margin-top: 75vh !important;
  }

  .mb-lg-down\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-lg-down\:75vh {
    margin-left: 75vh !important;
  }

  .mr-lg-down\:75vh {
    margin-right: 75vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:75vh {
    margin: 75vh !important;
  }

  .mx-xl-down\:75vh {
    margin-left: 75vh !important;
    margin-right: 75vh !important;
  }

  .my-xl-down\:75vh {
    margin-top: 75vh !important;
    margin-bottom: 75vh !important;
  }

  .mt-xl-down\:75vh {
    margin-top: 75vh !important;
  }

  .mb-xl-down\:75vh {
    margin-bottom: 75vh !important;
  }

  .ml-xl-down\:75vh {
    margin-left: 75vh !important;
  }

  .mr-xl-down\:75vh {
    margin-right: 75vh !important;
  }
}
.m\:100vh {
  margin: 100vh !important;
}

.mx\:100vh {
  margin-left: 100vh !important;
  margin-right: 100vh !important;
}

.my\:100vh {
  margin-top: 100vh !important;
  margin-bottom: 100vh !important;
}

.mt\:100vh {
  margin-top: 100vh !important;
}

.mb\:100vh {
  margin-bottom: 100vh !important;
}

.ml\:100vh {
  margin-left: 100vh !important;
}

.mr\:100vh {
  margin-right: 100vh !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:100vh {
    margin: 100vh !important;
  }

  .mx-xs\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-xs\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-xs\:100vh {
    margin-top: 100vh !important;
  }

  .mb-xs\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-xs\:100vh {
    margin-left: 100vh !important;
  }

  .mr-xs\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:100vh {
    margin: 100vh !important;
  }

  .mx-sm\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-sm\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-sm\:100vh {
    margin-top: 100vh !important;
  }

  .mb-sm\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-sm\:100vh {
    margin-left: 100vh !important;
  }

  .mr-sm\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:100vh {
    margin: 100vh !important;
  }

  .mx-md\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-md\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-md\:100vh {
    margin-top: 100vh !important;
  }

  .mb-md\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-md\:100vh {
    margin-left: 100vh !important;
  }

  .mr-md\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:100vh {
    margin: 100vh !important;
  }

  .mx-lg\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-lg\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-lg\:100vh {
    margin-top: 100vh !important;
  }

  .mb-lg\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-lg\:100vh {
    margin-left: 100vh !important;
  }

  .mr-lg\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:100vh {
    margin: 100vh !important;
  }

  .mx-xl\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-xl\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-xl\:100vh {
    margin-top: 100vh !important;
  }

  .mb-xl\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-xl\:100vh {
    margin-left: 100vh !important;
  }

  .mr-xl\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:100vh {
    margin: 100vh !important;
  }

  .mx-xxl\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-xxl\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-xxl\:100vh {
    margin-top: 100vh !important;
  }

  .mb-xxl\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-xxl\:100vh {
    margin-left: 100vh !important;
  }

  .mr-xxl\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:100vh {
    margin: 100vh !important;
  }

  .mx-sm-up\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-sm-up\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-sm-up\:100vh {
    margin-top: 100vh !important;
  }

  .mb-sm-up\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-sm-up\:100vh {
    margin-left: 100vh !important;
  }

  .mr-sm-up\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:100vh {
    margin: 100vh !important;
  }

  .mx-md-up\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-md-up\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-md-up\:100vh {
    margin-top: 100vh !important;
  }

  .mb-md-up\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-md-up\:100vh {
    margin-left: 100vh !important;
  }

  .mr-md-up\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:100vh {
    margin: 100vh !important;
  }

  .mx-lg-up\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-lg-up\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-lg-up\:100vh {
    margin-top: 100vh !important;
  }

  .mb-lg-up\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-lg-up\:100vh {
    margin-left: 100vh !important;
  }

  .mr-lg-up\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:100vh {
    margin: 100vh !important;
  }

  .mx-xl-up\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-xl-up\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-xl-up\:100vh {
    margin-top: 100vh !important;
  }

  .mb-xl-up\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-xl-up\:100vh {
    margin-left: 100vh !important;
  }

  .mr-xl-up\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:100vh {
    margin: 100vh !important;
  }

  .mx-sm-down\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-sm-down\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-sm-down\:100vh {
    margin-top: 100vh !important;
  }

  .mb-sm-down\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-sm-down\:100vh {
    margin-left: 100vh !important;
  }

  .mr-sm-down\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:100vh {
    margin: 100vh !important;
  }

  .mx-md-down\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-md-down\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-md-down\:100vh {
    margin-top: 100vh !important;
  }

  .mb-md-down\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-md-down\:100vh {
    margin-left: 100vh !important;
  }

  .mr-md-down\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:100vh {
    margin: 100vh !important;
  }

  .mx-lg-down\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-lg-down\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-lg-down\:100vh {
    margin-top: 100vh !important;
  }

  .mb-lg-down\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-lg-down\:100vh {
    margin-left: 100vh !important;
  }

  .mr-lg-down\:100vh {
    margin-right: 100vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:100vh {
    margin: 100vh !important;
  }

  .mx-xl-down\:100vh {
    margin-left: 100vh !important;
    margin-right: 100vh !important;
  }

  .my-xl-down\:100vh {
    margin-top: 100vh !important;
    margin-bottom: 100vh !important;
  }

  .mt-xl-down\:100vh {
    margin-top: 100vh !important;
  }

  .mb-xl-down\:100vh {
    margin-bottom: 100vh !important;
  }

  .ml-xl-down\:100vh {
    margin-left: 100vh !important;
  }

  .mr-xl-down\:100vh {
    margin-right: 100vh !important;
  }
}
.m\:10vw {
  margin: 10vw !important;
}

.mx\:10vw {
  margin-left: 10vw !important;
  margin-right: 10vw !important;
}

.my\:10vw {
  margin-top: 10vw !important;
  margin-bottom: 10vw !important;
}

.mt\:10vw {
  margin-top: 10vw !important;
}

.mb\:10vw {
  margin-bottom: 10vw !important;
}

.ml\:10vw {
  margin-left: 10vw !important;
}

.mr\:10vw {
  margin-right: 10vw !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:10vw {
    margin: 10vw !important;
  }

  .mx-xs\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-xs\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-xs\:10vw {
    margin-top: 10vw !important;
  }

  .mb-xs\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-xs\:10vw {
    margin-left: 10vw !important;
  }

  .mr-xs\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:10vw {
    margin: 10vw !important;
  }

  .mx-sm\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-sm\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-sm\:10vw {
    margin-top: 10vw !important;
  }

  .mb-sm\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-sm\:10vw {
    margin-left: 10vw !important;
  }

  .mr-sm\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:10vw {
    margin: 10vw !important;
  }

  .mx-md\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-md\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-md\:10vw {
    margin-top: 10vw !important;
  }

  .mb-md\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-md\:10vw {
    margin-left: 10vw !important;
  }

  .mr-md\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:10vw {
    margin: 10vw !important;
  }

  .mx-lg\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-lg\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-lg\:10vw {
    margin-top: 10vw !important;
  }

  .mb-lg\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-lg\:10vw {
    margin-left: 10vw !important;
  }

  .mr-lg\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:10vw {
    margin: 10vw !important;
  }

  .mx-xl\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-xl\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-xl\:10vw {
    margin-top: 10vw !important;
  }

  .mb-xl\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-xl\:10vw {
    margin-left: 10vw !important;
  }

  .mr-xl\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:10vw {
    margin: 10vw !important;
  }

  .mx-xxl\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-xxl\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-xxl\:10vw {
    margin-top: 10vw !important;
  }

  .mb-xxl\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-xxl\:10vw {
    margin-left: 10vw !important;
  }

  .mr-xxl\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:10vw {
    margin: 10vw !important;
  }

  .mx-sm-up\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-sm-up\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-sm-up\:10vw {
    margin-top: 10vw !important;
  }

  .mb-sm-up\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-sm-up\:10vw {
    margin-left: 10vw !important;
  }

  .mr-sm-up\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:10vw {
    margin: 10vw !important;
  }

  .mx-md-up\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-md-up\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-md-up\:10vw {
    margin-top: 10vw !important;
  }

  .mb-md-up\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-md-up\:10vw {
    margin-left: 10vw !important;
  }

  .mr-md-up\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:10vw {
    margin: 10vw !important;
  }

  .mx-lg-up\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-lg-up\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-lg-up\:10vw {
    margin-top: 10vw !important;
  }

  .mb-lg-up\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-lg-up\:10vw {
    margin-left: 10vw !important;
  }

  .mr-lg-up\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:10vw {
    margin: 10vw !important;
  }

  .mx-xl-up\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-xl-up\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-xl-up\:10vw {
    margin-top: 10vw !important;
  }

  .mb-xl-up\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-xl-up\:10vw {
    margin-left: 10vw !important;
  }

  .mr-xl-up\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:10vw {
    margin: 10vw !important;
  }

  .mx-sm-down\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-sm-down\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-sm-down\:10vw {
    margin-top: 10vw !important;
  }

  .mb-sm-down\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-sm-down\:10vw {
    margin-left: 10vw !important;
  }

  .mr-sm-down\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:10vw {
    margin: 10vw !important;
  }

  .mx-md-down\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-md-down\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-md-down\:10vw {
    margin-top: 10vw !important;
  }

  .mb-md-down\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-md-down\:10vw {
    margin-left: 10vw !important;
  }

  .mr-md-down\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:10vw {
    margin: 10vw !important;
  }

  .mx-lg-down\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-lg-down\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-lg-down\:10vw {
    margin-top: 10vw !important;
  }

  .mb-lg-down\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-lg-down\:10vw {
    margin-left: 10vw !important;
  }

  .mr-lg-down\:10vw {
    margin-right: 10vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:10vw {
    margin: 10vw !important;
  }

  .mx-xl-down\:10vw {
    margin-left: 10vw !important;
    margin-right: 10vw !important;
  }

  .my-xl-down\:10vw {
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }

  .mt-xl-down\:10vw {
    margin-top: 10vw !important;
  }

  .mb-xl-down\:10vw {
    margin-bottom: 10vw !important;
  }

  .ml-xl-down\:10vw {
    margin-left: 10vw !important;
  }

  .mr-xl-down\:10vw {
    margin-right: 10vw !important;
  }
}
.m\:25vw {
  margin: 25vw !important;
}

.mx\:25vw {
  margin-left: 25vw !important;
  margin-right: 25vw !important;
}

.my\:25vw {
  margin-top: 25vw !important;
  margin-bottom: 25vw !important;
}

.mt\:25vw {
  margin-top: 25vw !important;
}

.mb\:25vw {
  margin-bottom: 25vw !important;
}

.ml\:25vw {
  margin-left: 25vw !important;
}

.mr\:25vw {
  margin-right: 25vw !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:25vw {
    margin: 25vw !important;
  }

  .mx-xs\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-xs\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-xs\:25vw {
    margin-top: 25vw !important;
  }

  .mb-xs\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-xs\:25vw {
    margin-left: 25vw !important;
  }

  .mr-xs\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:25vw {
    margin: 25vw !important;
  }

  .mx-sm\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-sm\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-sm\:25vw {
    margin-top: 25vw !important;
  }

  .mb-sm\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-sm\:25vw {
    margin-left: 25vw !important;
  }

  .mr-sm\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:25vw {
    margin: 25vw !important;
  }

  .mx-md\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-md\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-md\:25vw {
    margin-top: 25vw !important;
  }

  .mb-md\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-md\:25vw {
    margin-left: 25vw !important;
  }

  .mr-md\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:25vw {
    margin: 25vw !important;
  }

  .mx-lg\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-lg\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-lg\:25vw {
    margin-top: 25vw !important;
  }

  .mb-lg\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-lg\:25vw {
    margin-left: 25vw !important;
  }

  .mr-lg\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:25vw {
    margin: 25vw !important;
  }

  .mx-xl\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-xl\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-xl\:25vw {
    margin-top: 25vw !important;
  }

  .mb-xl\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-xl\:25vw {
    margin-left: 25vw !important;
  }

  .mr-xl\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:25vw {
    margin: 25vw !important;
  }

  .mx-xxl\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-xxl\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-xxl\:25vw {
    margin-top: 25vw !important;
  }

  .mb-xxl\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-xxl\:25vw {
    margin-left: 25vw !important;
  }

  .mr-xxl\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:25vw {
    margin: 25vw !important;
  }

  .mx-sm-up\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-sm-up\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-sm-up\:25vw {
    margin-top: 25vw !important;
  }

  .mb-sm-up\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-sm-up\:25vw {
    margin-left: 25vw !important;
  }

  .mr-sm-up\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:25vw {
    margin: 25vw !important;
  }

  .mx-md-up\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-md-up\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-md-up\:25vw {
    margin-top: 25vw !important;
  }

  .mb-md-up\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-md-up\:25vw {
    margin-left: 25vw !important;
  }

  .mr-md-up\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:25vw {
    margin: 25vw !important;
  }

  .mx-lg-up\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-lg-up\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-lg-up\:25vw {
    margin-top: 25vw !important;
  }

  .mb-lg-up\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-lg-up\:25vw {
    margin-left: 25vw !important;
  }

  .mr-lg-up\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:25vw {
    margin: 25vw !important;
  }

  .mx-xl-up\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-xl-up\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-xl-up\:25vw {
    margin-top: 25vw !important;
  }

  .mb-xl-up\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-xl-up\:25vw {
    margin-left: 25vw !important;
  }

  .mr-xl-up\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:25vw {
    margin: 25vw !important;
  }

  .mx-sm-down\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-sm-down\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-sm-down\:25vw {
    margin-top: 25vw !important;
  }

  .mb-sm-down\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-sm-down\:25vw {
    margin-left: 25vw !important;
  }

  .mr-sm-down\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:25vw {
    margin: 25vw !important;
  }

  .mx-md-down\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-md-down\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-md-down\:25vw {
    margin-top: 25vw !important;
  }

  .mb-md-down\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-md-down\:25vw {
    margin-left: 25vw !important;
  }

  .mr-md-down\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:25vw {
    margin: 25vw !important;
  }

  .mx-lg-down\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-lg-down\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-lg-down\:25vw {
    margin-top: 25vw !important;
  }

  .mb-lg-down\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-lg-down\:25vw {
    margin-left: 25vw !important;
  }

  .mr-lg-down\:25vw {
    margin-right: 25vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:25vw {
    margin: 25vw !important;
  }

  .mx-xl-down\:25vw {
    margin-left: 25vw !important;
    margin-right: 25vw !important;
  }

  .my-xl-down\:25vw {
    margin-top: 25vw !important;
    margin-bottom: 25vw !important;
  }

  .mt-xl-down\:25vw {
    margin-top: 25vw !important;
  }

  .mb-xl-down\:25vw {
    margin-bottom: 25vw !important;
  }

  .ml-xl-down\:25vw {
    margin-left: 25vw !important;
  }

  .mr-xl-down\:25vw {
    margin-right: 25vw !important;
  }
}
.m\:50vw {
  margin: 50vw !important;
}

.mx\:50vw {
  margin-left: 50vw !important;
  margin-right: 50vw !important;
}

.my\:50vw {
  margin-top: 50vw !important;
  margin-bottom: 50vw !important;
}

.mt\:50vw {
  margin-top: 50vw !important;
}

.mb\:50vw {
  margin-bottom: 50vw !important;
}

.ml\:50vw {
  margin-left: 50vw !important;
}

.mr\:50vw {
  margin-right: 50vw !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:50vw {
    margin: 50vw !important;
  }

  .mx-xs\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-xs\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-xs\:50vw {
    margin-top: 50vw !important;
  }

  .mb-xs\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-xs\:50vw {
    margin-left: 50vw !important;
  }

  .mr-xs\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:50vw {
    margin: 50vw !important;
  }

  .mx-sm\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-sm\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-sm\:50vw {
    margin-top: 50vw !important;
  }

  .mb-sm\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-sm\:50vw {
    margin-left: 50vw !important;
  }

  .mr-sm\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:50vw {
    margin: 50vw !important;
  }

  .mx-md\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-md\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-md\:50vw {
    margin-top: 50vw !important;
  }

  .mb-md\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-md\:50vw {
    margin-left: 50vw !important;
  }

  .mr-md\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:50vw {
    margin: 50vw !important;
  }

  .mx-lg\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-lg\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-lg\:50vw {
    margin-top: 50vw !important;
  }

  .mb-lg\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-lg\:50vw {
    margin-left: 50vw !important;
  }

  .mr-lg\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:50vw {
    margin: 50vw !important;
  }

  .mx-xl\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-xl\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-xl\:50vw {
    margin-top: 50vw !important;
  }

  .mb-xl\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-xl\:50vw {
    margin-left: 50vw !important;
  }

  .mr-xl\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:50vw {
    margin: 50vw !important;
  }

  .mx-xxl\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-xxl\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-xxl\:50vw {
    margin-top: 50vw !important;
  }

  .mb-xxl\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-xxl\:50vw {
    margin-left: 50vw !important;
  }

  .mr-xxl\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:50vw {
    margin: 50vw !important;
  }

  .mx-sm-up\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-sm-up\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-sm-up\:50vw {
    margin-top: 50vw !important;
  }

  .mb-sm-up\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-sm-up\:50vw {
    margin-left: 50vw !important;
  }

  .mr-sm-up\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:50vw {
    margin: 50vw !important;
  }

  .mx-md-up\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-md-up\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-md-up\:50vw {
    margin-top: 50vw !important;
  }

  .mb-md-up\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-md-up\:50vw {
    margin-left: 50vw !important;
  }

  .mr-md-up\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:50vw {
    margin: 50vw !important;
  }

  .mx-lg-up\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-lg-up\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-lg-up\:50vw {
    margin-top: 50vw !important;
  }

  .mb-lg-up\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-lg-up\:50vw {
    margin-left: 50vw !important;
  }

  .mr-lg-up\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:50vw {
    margin: 50vw !important;
  }

  .mx-xl-up\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-xl-up\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-xl-up\:50vw {
    margin-top: 50vw !important;
  }

  .mb-xl-up\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-xl-up\:50vw {
    margin-left: 50vw !important;
  }

  .mr-xl-up\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:50vw {
    margin: 50vw !important;
  }

  .mx-sm-down\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-sm-down\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-sm-down\:50vw {
    margin-top: 50vw !important;
  }

  .mb-sm-down\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-sm-down\:50vw {
    margin-left: 50vw !important;
  }

  .mr-sm-down\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:50vw {
    margin: 50vw !important;
  }

  .mx-md-down\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-md-down\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-md-down\:50vw {
    margin-top: 50vw !important;
  }

  .mb-md-down\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-md-down\:50vw {
    margin-left: 50vw !important;
  }

  .mr-md-down\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:50vw {
    margin: 50vw !important;
  }

  .mx-lg-down\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-lg-down\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-lg-down\:50vw {
    margin-top: 50vw !important;
  }

  .mb-lg-down\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-lg-down\:50vw {
    margin-left: 50vw !important;
  }

  .mr-lg-down\:50vw {
    margin-right: 50vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:50vw {
    margin: 50vw !important;
  }

  .mx-xl-down\:50vw {
    margin-left: 50vw !important;
    margin-right: 50vw !important;
  }

  .my-xl-down\:50vw {
    margin-top: 50vw !important;
    margin-bottom: 50vw !important;
  }

  .mt-xl-down\:50vw {
    margin-top: 50vw !important;
  }

  .mb-xl-down\:50vw {
    margin-bottom: 50vw !important;
  }

  .ml-xl-down\:50vw {
    margin-left: 50vw !important;
  }

  .mr-xl-down\:50vw {
    margin-right: 50vw !important;
  }
}
.m\:75vw {
  margin: 75vw !important;
}

.mx\:75vw {
  margin-left: 75vw !important;
  margin-right: 75vw !important;
}

.my\:75vw {
  margin-top: 75vw !important;
  margin-bottom: 75vw !important;
}

.mt\:75vw {
  margin-top: 75vw !important;
}

.mb\:75vw {
  margin-bottom: 75vw !important;
}

.ml\:75vw {
  margin-left: 75vw !important;
}

.mr\:75vw {
  margin-right: 75vw !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:75vw {
    margin: 75vw !important;
  }

  .mx-xs\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-xs\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-xs\:75vw {
    margin-top: 75vw !important;
  }

  .mb-xs\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-xs\:75vw {
    margin-left: 75vw !important;
  }

  .mr-xs\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:75vw {
    margin: 75vw !important;
  }

  .mx-sm\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-sm\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-sm\:75vw {
    margin-top: 75vw !important;
  }

  .mb-sm\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-sm\:75vw {
    margin-left: 75vw !important;
  }

  .mr-sm\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:75vw {
    margin: 75vw !important;
  }

  .mx-md\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-md\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-md\:75vw {
    margin-top: 75vw !important;
  }

  .mb-md\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-md\:75vw {
    margin-left: 75vw !important;
  }

  .mr-md\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:75vw {
    margin: 75vw !important;
  }

  .mx-lg\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-lg\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-lg\:75vw {
    margin-top: 75vw !important;
  }

  .mb-lg\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-lg\:75vw {
    margin-left: 75vw !important;
  }

  .mr-lg\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:75vw {
    margin: 75vw !important;
  }

  .mx-xl\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-xl\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-xl\:75vw {
    margin-top: 75vw !important;
  }

  .mb-xl\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-xl\:75vw {
    margin-left: 75vw !important;
  }

  .mr-xl\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:75vw {
    margin: 75vw !important;
  }

  .mx-xxl\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-xxl\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-xxl\:75vw {
    margin-top: 75vw !important;
  }

  .mb-xxl\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-xxl\:75vw {
    margin-left: 75vw !important;
  }

  .mr-xxl\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:75vw {
    margin: 75vw !important;
  }

  .mx-sm-up\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-sm-up\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-sm-up\:75vw {
    margin-top: 75vw !important;
  }

  .mb-sm-up\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-sm-up\:75vw {
    margin-left: 75vw !important;
  }

  .mr-sm-up\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:75vw {
    margin: 75vw !important;
  }

  .mx-md-up\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-md-up\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-md-up\:75vw {
    margin-top: 75vw !important;
  }

  .mb-md-up\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-md-up\:75vw {
    margin-left: 75vw !important;
  }

  .mr-md-up\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:75vw {
    margin: 75vw !important;
  }

  .mx-lg-up\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-lg-up\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-lg-up\:75vw {
    margin-top: 75vw !important;
  }

  .mb-lg-up\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-lg-up\:75vw {
    margin-left: 75vw !important;
  }

  .mr-lg-up\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:75vw {
    margin: 75vw !important;
  }

  .mx-xl-up\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-xl-up\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-xl-up\:75vw {
    margin-top: 75vw !important;
  }

  .mb-xl-up\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-xl-up\:75vw {
    margin-left: 75vw !important;
  }

  .mr-xl-up\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:75vw {
    margin: 75vw !important;
  }

  .mx-sm-down\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-sm-down\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-sm-down\:75vw {
    margin-top: 75vw !important;
  }

  .mb-sm-down\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-sm-down\:75vw {
    margin-left: 75vw !important;
  }

  .mr-sm-down\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:75vw {
    margin: 75vw !important;
  }

  .mx-md-down\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-md-down\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-md-down\:75vw {
    margin-top: 75vw !important;
  }

  .mb-md-down\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-md-down\:75vw {
    margin-left: 75vw !important;
  }

  .mr-md-down\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:75vw {
    margin: 75vw !important;
  }

  .mx-lg-down\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-lg-down\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-lg-down\:75vw {
    margin-top: 75vw !important;
  }

  .mb-lg-down\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-lg-down\:75vw {
    margin-left: 75vw !important;
  }

  .mr-lg-down\:75vw {
    margin-right: 75vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:75vw {
    margin: 75vw !important;
  }

  .mx-xl-down\:75vw {
    margin-left: 75vw !important;
    margin-right: 75vw !important;
  }

  .my-xl-down\:75vw {
    margin-top: 75vw !important;
    margin-bottom: 75vw !important;
  }

  .mt-xl-down\:75vw {
    margin-top: 75vw !important;
  }

  .mb-xl-down\:75vw {
    margin-bottom: 75vw !important;
  }

  .ml-xl-down\:75vw {
    margin-left: 75vw !important;
  }

  .mr-xl-down\:75vw {
    margin-right: 75vw !important;
  }
}
.m\:100vw {
  margin: 100vw !important;
}

.mx\:100vw {
  margin-left: 100vw !important;
  margin-right: 100vw !important;
}

.my\:100vw {
  margin-top: 100vw !important;
  margin-bottom: 100vw !important;
}

.mt\:100vw {
  margin-top: 100vw !important;
}

.mb\:100vw {
  margin-bottom: 100vw !important;
}

.ml\:100vw {
  margin-left: 100vw !important;
}

.mr\:100vw {
  margin-right: 100vw !important;
}

@media only screen and (max-width: 576px) {
  .m-xs\:100vw {
    margin: 100vw !important;
  }

  .mx-xs\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-xs\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-xs\:100vw {
    margin-top: 100vw !important;
  }

  .mb-xs\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-xs\:100vw {
    margin-left: 100vw !important;
  }

  .mr-xs\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .m-sm\:100vw {
    margin: 100vw !important;
  }

  .mx-sm\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-sm\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-sm\:100vw {
    margin-top: 100vw !important;
  }

  .mb-sm\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-sm\:100vw {
    margin-left: 100vw !important;
  }

  .mr-sm\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .m-md\:100vw {
    margin: 100vw !important;
  }

  .mx-md\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-md\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-md\:100vw {
    margin-top: 100vw !important;
  }

  .mb-md\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-md\:100vw {
    margin-left: 100vw !important;
  }

  .mr-md\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .m-lg\:100vw {
    margin: 100vw !important;
  }

  .mx-lg\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-lg\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-lg\:100vw {
    margin-top: 100vw !important;
  }

  .mb-lg\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-lg\:100vw {
    margin-left: 100vw !important;
  }

  .mr-lg\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .m-xl\:100vw {
    margin: 100vw !important;
  }

  .mx-xl\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-xl\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-xl\:100vw {
    margin-top: 100vw !important;
  }

  .mb-xl\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-xl\:100vw {
    margin-left: 100vw !important;
  }

  .mr-xl\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .m-xxl\:100vw {
    margin: 100vw !important;
  }

  .mx-xxl\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-xxl\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-xxl\:100vw {
    margin-top: 100vw !important;
  }

  .mb-xxl\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-xxl\:100vw {
    margin-left: 100vw !important;
  }

  .mr-xxl\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .m-sm-up\:100vw {
    margin: 100vw !important;
  }

  .mx-sm-up\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-sm-up\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-sm-up\:100vw {
    margin-top: 100vw !important;
  }

  .mb-sm-up\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-sm-up\:100vw {
    margin-left: 100vw !important;
  }

  .mr-sm-up\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .m-md-up\:100vw {
    margin: 100vw !important;
  }

  .mx-md-up\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-md-up\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-md-up\:100vw {
    margin-top: 100vw !important;
  }

  .mb-md-up\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-md-up\:100vw {
    margin-left: 100vw !important;
  }

  .mr-md-up\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .m-lg-up\:100vw {
    margin: 100vw !important;
  }

  .mx-lg-up\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-lg-up\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-lg-up\:100vw {
    margin-top: 100vw !important;
  }

  .mb-lg-up\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-lg-up\:100vw {
    margin-left: 100vw !important;
  }

  .mr-lg-up\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .m-xl-up\:100vw {
    margin: 100vw !important;
  }

  .mx-xl-up\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-xl-up\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-xl-up\:100vw {
    margin-top: 100vw !important;
  }

  .mb-xl-up\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-xl-up\:100vw {
    margin-left: 100vw !important;
  }

  .mr-xl-up\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .m-sm-down\:100vw {
    margin: 100vw !important;
  }

  .mx-sm-down\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-sm-down\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-sm-down\:100vw {
    margin-top: 100vw !important;
  }

  .mb-sm-down\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-sm-down\:100vw {
    margin-left: 100vw !important;
  }

  .mr-sm-down\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .m-md-down\:100vw {
    margin: 100vw !important;
  }

  .mx-md-down\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-md-down\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-md-down\:100vw {
    margin-top: 100vw !important;
  }

  .mb-md-down\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-md-down\:100vw {
    margin-left: 100vw !important;
  }

  .mr-md-down\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .m-lg-down\:100vw {
    margin: 100vw !important;
  }

  .mx-lg-down\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-lg-down\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-lg-down\:100vw {
    margin-top: 100vw !important;
  }

  .mb-lg-down\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-lg-down\:100vw {
    margin-left: 100vw !important;
  }

  .mr-lg-down\:100vw {
    margin-right: 100vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .m-xl-down\:100vw {
    margin: 100vw !important;
  }

  .mx-xl-down\:100vw {
    margin-left: 100vw !important;
    margin-right: 100vw !important;
  }

  .my-xl-down\:100vw {
    margin-top: 100vw !important;
    margin-bottom: 100vw !important;
  }

  .mt-xl-down\:100vw {
    margin-top: 100vw !important;
  }

  .mb-xl-down\:100vw {
    margin-bottom: 100vw !important;
  }

  .ml-xl-down\:100vw {
    margin-left: 100vw !important;
  }

  .mr-xl-down\:100vw {
    margin-right: 100vw !important;
  }
}
.p\:-1 {
  padding: -10px !important;
}

.px\:-1 {
  padding-left: -10px !important;
  padding-right: -10px !important;
}

.py\:-1 {
  padding-top: -10px !important;
  padding-bottom: -10px !important;
}

.pt\:-1 {
  padding-top: -10px !important;
}

.pb\:-1 {
  padding-bottom: -10px !important;
}

.pl\:-1 {
  padding-left: -10px !important;
}

.pr\:-1 {
  padding-right: -10px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-1 {
    padding: -10px !important;
  }

  .px-xs\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-xs\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-xs\:-1 {
    padding-top: -10px !important;
  }

  .pb-xs\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-xs\:-1 {
    padding-left: -10px !important;
  }

  .pr-xs\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-1 {
    padding: -10px !important;
  }

  .px-sm-down\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-sm-down\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-sm-down\:-1 {
    padding-top: -10px !important;
  }

  .pb-sm-down\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-sm-down\:-1 {
    padding-left: -10px !important;
  }

  .pr-sm-down\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-1 {
    padding: -10px !important;
  }

  .px-sm\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-sm\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-sm\:-1 {
    padding-top: -10px !important;
  }

  .pb-sm\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-sm\:-1 {
    padding-left: -10px !important;
  }

  .pr-sm\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-1 {
    padding: -10px !important;
  }

  .px-sm-up\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-sm-up\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-sm-up\:-1 {
    padding-top: -10px !important;
  }

  .pb-sm-up\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-sm-up\:-1 {
    padding-left: -10px !important;
  }

  .pr-sm-up\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-1 {
    padding: -10px !important;
  }

  .px-md-down\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-md-down\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-md-down\:-1 {
    padding-top: -10px !important;
  }

  .pb-md-down\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-md-down\:-1 {
    padding-left: -10px !important;
  }

  .pr-md-down\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-1 {
    padding: -10px !important;
  }

  .px-md\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-md\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-md\:-1 {
    padding-top: -10px !important;
  }

  .pb-md\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-md\:-1 {
    padding-left: -10px !important;
  }

  .pr-md\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-1 {
    padding: -10px !important;
  }

  .px-md-up\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-md-up\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-md-up\:-1 {
    padding-top: -10px !important;
  }

  .pb-md-up\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-md-up\:-1 {
    padding-left: -10px !important;
  }

  .pr-md-up\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-1 {
    padding: -10px !important;
  }

  .px-lg-down\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-lg-down\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-lg-down\:-1 {
    padding-top: -10px !important;
  }

  .pb-lg-down\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-lg-down\:-1 {
    padding-left: -10px !important;
  }

  .pr-lg-down\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-1 {
    padding: -10px !important;
  }

  .px-lg\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-lg\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-lg\:-1 {
    padding-top: -10px !important;
  }

  .pb-lg\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-lg\:-1 {
    padding-left: -10px !important;
  }

  .pr-lg\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-1 {
    padding: -10px !important;
  }

  .px-lg-up\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-lg-up\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-lg-up\:-1 {
    padding-top: -10px !important;
  }

  .pb-lg-up\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-lg-up\:-1 {
    padding-left: -10px !important;
  }

  .pr-lg-up\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-1 {
    padding: -10px !important;
  }

  .px-xl-down\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-xl-down\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-xl-down\:-1 {
    padding-top: -10px !important;
  }

  .pb-xl-down\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-xl-down\:-1 {
    padding-left: -10px !important;
  }

  .pr-xl-down\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-1 {
    padding: -10px !important;
  }

  .px-xl\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-xl\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-xl\:-1 {
    padding-top: -10px !important;
  }

  .pb-xl\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-xl\:-1 {
    padding-left: -10px !important;
  }

  .pr-xl\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-1 {
    padding: -10px !important;
  }

  .px-xl-up\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-xl-up\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-xl-up\:-1 {
    padding-top: -10px !important;
  }

  .pb-xl-up\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-xl-up\:-1 {
    padding-left: -10px !important;
  }

  .pr-xl-up\:-1 {
    padding-right: -10px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-1 {
    padding: -10px !important;
  }

  .px-xxl\:-1 {
    padding-left: -10px !important;
    padding-right: -10px !important;
  }

  .py-xxl\:-1 {
    padding-top: -10px !important;
    padding-bottom: -10px !important;
  }

  .pt-xxl\:-1 {
    padding-top: -10px !important;
  }

  .pb-xxl\:-1 {
    padding-bottom: -10px !important;
  }

  .pl-xxl\:-1 {
    padding-left: -10px !important;
  }

  .pr-xxl\:-1 {
    padding-right: -10px !important;
  }
}
.p\:-2 {
  padding: -20px !important;
}

.px\:-2 {
  padding-left: -20px !important;
  padding-right: -20px !important;
}

.py\:-2 {
  padding-top: -20px !important;
  padding-bottom: -20px !important;
}

.pt\:-2 {
  padding-top: -20px !important;
}

.pb\:-2 {
  padding-bottom: -20px !important;
}

.pl\:-2 {
  padding-left: -20px !important;
}

.pr\:-2 {
  padding-right: -20px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-2 {
    padding: -20px !important;
  }

  .px-xs\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-xs\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-xs\:-2 {
    padding-top: -20px !important;
  }

  .pb-xs\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-xs\:-2 {
    padding-left: -20px !important;
  }

  .pr-xs\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-2 {
    padding: -20px !important;
  }

  .px-sm-down\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-sm-down\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-sm-down\:-2 {
    padding-top: -20px !important;
  }

  .pb-sm-down\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-sm-down\:-2 {
    padding-left: -20px !important;
  }

  .pr-sm-down\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-2 {
    padding: -20px !important;
  }

  .px-sm\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-sm\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-sm\:-2 {
    padding-top: -20px !important;
  }

  .pb-sm\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-sm\:-2 {
    padding-left: -20px !important;
  }

  .pr-sm\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-2 {
    padding: -20px !important;
  }

  .px-sm-up\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-sm-up\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-sm-up\:-2 {
    padding-top: -20px !important;
  }

  .pb-sm-up\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-sm-up\:-2 {
    padding-left: -20px !important;
  }

  .pr-sm-up\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-2 {
    padding: -20px !important;
  }

  .px-md-down\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-md-down\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-md-down\:-2 {
    padding-top: -20px !important;
  }

  .pb-md-down\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-md-down\:-2 {
    padding-left: -20px !important;
  }

  .pr-md-down\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-2 {
    padding: -20px !important;
  }

  .px-md\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-md\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-md\:-2 {
    padding-top: -20px !important;
  }

  .pb-md\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-md\:-2 {
    padding-left: -20px !important;
  }

  .pr-md\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-2 {
    padding: -20px !important;
  }

  .px-md-up\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-md-up\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-md-up\:-2 {
    padding-top: -20px !important;
  }

  .pb-md-up\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-md-up\:-2 {
    padding-left: -20px !important;
  }

  .pr-md-up\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-2 {
    padding: -20px !important;
  }

  .px-lg-down\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-lg-down\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-lg-down\:-2 {
    padding-top: -20px !important;
  }

  .pb-lg-down\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-lg-down\:-2 {
    padding-left: -20px !important;
  }

  .pr-lg-down\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-2 {
    padding: -20px !important;
  }

  .px-lg\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-lg\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-lg\:-2 {
    padding-top: -20px !important;
  }

  .pb-lg\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-lg\:-2 {
    padding-left: -20px !important;
  }

  .pr-lg\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-2 {
    padding: -20px !important;
  }

  .px-lg-up\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-lg-up\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-lg-up\:-2 {
    padding-top: -20px !important;
  }

  .pb-lg-up\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-lg-up\:-2 {
    padding-left: -20px !important;
  }

  .pr-lg-up\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-2 {
    padding: -20px !important;
  }

  .px-xl-down\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-xl-down\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-xl-down\:-2 {
    padding-top: -20px !important;
  }

  .pb-xl-down\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-xl-down\:-2 {
    padding-left: -20px !important;
  }

  .pr-xl-down\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-2 {
    padding: -20px !important;
  }

  .px-xl\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-xl\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-xl\:-2 {
    padding-top: -20px !important;
  }

  .pb-xl\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-xl\:-2 {
    padding-left: -20px !important;
  }

  .pr-xl\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-2 {
    padding: -20px !important;
  }

  .px-xl-up\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-xl-up\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-xl-up\:-2 {
    padding-top: -20px !important;
  }

  .pb-xl-up\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-xl-up\:-2 {
    padding-left: -20px !important;
  }

  .pr-xl-up\:-2 {
    padding-right: -20px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-2 {
    padding: -20px !important;
  }

  .px-xxl\:-2 {
    padding-left: -20px !important;
    padding-right: -20px !important;
  }

  .py-xxl\:-2 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
  }

  .pt-xxl\:-2 {
    padding-top: -20px !important;
  }

  .pb-xxl\:-2 {
    padding-bottom: -20px !important;
  }

  .pl-xxl\:-2 {
    padding-left: -20px !important;
  }

  .pr-xxl\:-2 {
    padding-right: -20px !important;
  }
}
.p\:-3 {
  padding: -30px !important;
}

.px\:-3 {
  padding-left: -30px !important;
  padding-right: -30px !important;
}

.py\:-3 {
  padding-top: -30px !important;
  padding-bottom: -30px !important;
}

.pt\:-3 {
  padding-top: -30px !important;
}

.pb\:-3 {
  padding-bottom: -30px !important;
}

.pl\:-3 {
  padding-left: -30px !important;
}

.pr\:-3 {
  padding-right: -30px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-3 {
    padding: -30px !important;
  }

  .px-xs\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-xs\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-xs\:-3 {
    padding-top: -30px !important;
  }

  .pb-xs\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-xs\:-3 {
    padding-left: -30px !important;
  }

  .pr-xs\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-3 {
    padding: -30px !important;
  }

  .px-sm-down\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-sm-down\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-sm-down\:-3 {
    padding-top: -30px !important;
  }

  .pb-sm-down\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-sm-down\:-3 {
    padding-left: -30px !important;
  }

  .pr-sm-down\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-3 {
    padding: -30px !important;
  }

  .px-sm\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-sm\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-sm\:-3 {
    padding-top: -30px !important;
  }

  .pb-sm\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-sm\:-3 {
    padding-left: -30px !important;
  }

  .pr-sm\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-3 {
    padding: -30px !important;
  }

  .px-sm-up\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-sm-up\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-sm-up\:-3 {
    padding-top: -30px !important;
  }

  .pb-sm-up\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-sm-up\:-3 {
    padding-left: -30px !important;
  }

  .pr-sm-up\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-3 {
    padding: -30px !important;
  }

  .px-md-down\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-md-down\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-md-down\:-3 {
    padding-top: -30px !important;
  }

  .pb-md-down\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-md-down\:-3 {
    padding-left: -30px !important;
  }

  .pr-md-down\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-3 {
    padding: -30px !important;
  }

  .px-md\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-md\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-md\:-3 {
    padding-top: -30px !important;
  }

  .pb-md\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-md\:-3 {
    padding-left: -30px !important;
  }

  .pr-md\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-3 {
    padding: -30px !important;
  }

  .px-md-up\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-md-up\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-md-up\:-3 {
    padding-top: -30px !important;
  }

  .pb-md-up\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-md-up\:-3 {
    padding-left: -30px !important;
  }

  .pr-md-up\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-3 {
    padding: -30px !important;
  }

  .px-lg-down\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-lg-down\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-lg-down\:-3 {
    padding-top: -30px !important;
  }

  .pb-lg-down\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-lg-down\:-3 {
    padding-left: -30px !important;
  }

  .pr-lg-down\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-3 {
    padding: -30px !important;
  }

  .px-lg\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-lg\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-lg\:-3 {
    padding-top: -30px !important;
  }

  .pb-lg\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-lg\:-3 {
    padding-left: -30px !important;
  }

  .pr-lg\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-3 {
    padding: -30px !important;
  }

  .px-lg-up\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-lg-up\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-lg-up\:-3 {
    padding-top: -30px !important;
  }

  .pb-lg-up\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-lg-up\:-3 {
    padding-left: -30px !important;
  }

  .pr-lg-up\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-3 {
    padding: -30px !important;
  }

  .px-xl-down\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-xl-down\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-xl-down\:-3 {
    padding-top: -30px !important;
  }

  .pb-xl-down\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-xl-down\:-3 {
    padding-left: -30px !important;
  }

  .pr-xl-down\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-3 {
    padding: -30px !important;
  }

  .px-xl\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-xl\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-xl\:-3 {
    padding-top: -30px !important;
  }

  .pb-xl\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-xl\:-3 {
    padding-left: -30px !important;
  }

  .pr-xl\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-3 {
    padding: -30px !important;
  }

  .px-xl-up\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-xl-up\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-xl-up\:-3 {
    padding-top: -30px !important;
  }

  .pb-xl-up\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-xl-up\:-3 {
    padding-left: -30px !important;
  }

  .pr-xl-up\:-3 {
    padding-right: -30px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-3 {
    padding: -30px !important;
  }

  .px-xxl\:-3 {
    padding-left: -30px !important;
    padding-right: -30px !important;
  }

  .py-xxl\:-3 {
    padding-top: -30px !important;
    padding-bottom: -30px !important;
  }

  .pt-xxl\:-3 {
    padding-top: -30px !important;
  }

  .pb-xxl\:-3 {
    padding-bottom: -30px !important;
  }

  .pl-xxl\:-3 {
    padding-left: -30px !important;
  }

  .pr-xxl\:-3 {
    padding-right: -30px !important;
  }
}
.p\:-4 {
  padding: -40px !important;
}

.px\:-4 {
  padding-left: -40px !important;
  padding-right: -40px !important;
}

.py\:-4 {
  padding-top: -40px !important;
  padding-bottom: -40px !important;
}

.pt\:-4 {
  padding-top: -40px !important;
}

.pb\:-4 {
  padding-bottom: -40px !important;
}

.pl\:-4 {
  padding-left: -40px !important;
}

.pr\:-4 {
  padding-right: -40px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-4 {
    padding: -40px !important;
  }

  .px-xs\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-xs\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-xs\:-4 {
    padding-top: -40px !important;
  }

  .pb-xs\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-xs\:-4 {
    padding-left: -40px !important;
  }

  .pr-xs\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-4 {
    padding: -40px !important;
  }

  .px-sm-down\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-sm-down\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-sm-down\:-4 {
    padding-top: -40px !important;
  }

  .pb-sm-down\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-sm-down\:-4 {
    padding-left: -40px !important;
  }

  .pr-sm-down\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-4 {
    padding: -40px !important;
  }

  .px-sm\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-sm\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-sm\:-4 {
    padding-top: -40px !important;
  }

  .pb-sm\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-sm\:-4 {
    padding-left: -40px !important;
  }

  .pr-sm\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-4 {
    padding: -40px !important;
  }

  .px-sm-up\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-sm-up\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-sm-up\:-4 {
    padding-top: -40px !important;
  }

  .pb-sm-up\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-sm-up\:-4 {
    padding-left: -40px !important;
  }

  .pr-sm-up\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-4 {
    padding: -40px !important;
  }

  .px-md-down\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-md-down\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-md-down\:-4 {
    padding-top: -40px !important;
  }

  .pb-md-down\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-md-down\:-4 {
    padding-left: -40px !important;
  }

  .pr-md-down\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-4 {
    padding: -40px !important;
  }

  .px-md\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-md\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-md\:-4 {
    padding-top: -40px !important;
  }

  .pb-md\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-md\:-4 {
    padding-left: -40px !important;
  }

  .pr-md\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-4 {
    padding: -40px !important;
  }

  .px-md-up\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-md-up\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-md-up\:-4 {
    padding-top: -40px !important;
  }

  .pb-md-up\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-md-up\:-4 {
    padding-left: -40px !important;
  }

  .pr-md-up\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-4 {
    padding: -40px !important;
  }

  .px-lg-down\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-lg-down\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-lg-down\:-4 {
    padding-top: -40px !important;
  }

  .pb-lg-down\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-lg-down\:-4 {
    padding-left: -40px !important;
  }

  .pr-lg-down\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-4 {
    padding: -40px !important;
  }

  .px-lg\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-lg\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-lg\:-4 {
    padding-top: -40px !important;
  }

  .pb-lg\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-lg\:-4 {
    padding-left: -40px !important;
  }

  .pr-lg\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-4 {
    padding: -40px !important;
  }

  .px-lg-up\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-lg-up\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-lg-up\:-4 {
    padding-top: -40px !important;
  }

  .pb-lg-up\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-lg-up\:-4 {
    padding-left: -40px !important;
  }

  .pr-lg-up\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-4 {
    padding: -40px !important;
  }

  .px-xl-down\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-xl-down\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-xl-down\:-4 {
    padding-top: -40px !important;
  }

  .pb-xl-down\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-xl-down\:-4 {
    padding-left: -40px !important;
  }

  .pr-xl-down\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-4 {
    padding: -40px !important;
  }

  .px-xl\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-xl\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-xl\:-4 {
    padding-top: -40px !important;
  }

  .pb-xl\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-xl\:-4 {
    padding-left: -40px !important;
  }

  .pr-xl\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-4 {
    padding: -40px !important;
  }

  .px-xl-up\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-xl-up\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-xl-up\:-4 {
    padding-top: -40px !important;
  }

  .pb-xl-up\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-xl-up\:-4 {
    padding-left: -40px !important;
  }

  .pr-xl-up\:-4 {
    padding-right: -40px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-4 {
    padding: -40px !important;
  }

  .px-xxl\:-4 {
    padding-left: -40px !important;
    padding-right: -40px !important;
  }

  .py-xxl\:-4 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
  }

  .pt-xxl\:-4 {
    padding-top: -40px !important;
  }

  .pb-xxl\:-4 {
    padding-bottom: -40px !important;
  }

  .pl-xxl\:-4 {
    padding-left: -40px !important;
  }

  .pr-xxl\:-4 {
    padding-right: -40px !important;
  }
}
.p\:-5 {
  padding: -50px !important;
}

.px\:-5 {
  padding-left: -50px !important;
  padding-right: -50px !important;
}

.py\:-5 {
  padding-top: -50px !important;
  padding-bottom: -50px !important;
}

.pt\:-5 {
  padding-top: -50px !important;
}

.pb\:-5 {
  padding-bottom: -50px !important;
}

.pl\:-5 {
  padding-left: -50px !important;
}

.pr\:-5 {
  padding-right: -50px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-5 {
    padding: -50px !important;
  }

  .px-xs\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-xs\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-xs\:-5 {
    padding-top: -50px !important;
  }

  .pb-xs\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-xs\:-5 {
    padding-left: -50px !important;
  }

  .pr-xs\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-5 {
    padding: -50px !important;
  }

  .px-sm-down\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-sm-down\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-sm-down\:-5 {
    padding-top: -50px !important;
  }

  .pb-sm-down\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-sm-down\:-5 {
    padding-left: -50px !important;
  }

  .pr-sm-down\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-5 {
    padding: -50px !important;
  }

  .px-sm\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-sm\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-sm\:-5 {
    padding-top: -50px !important;
  }

  .pb-sm\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-sm\:-5 {
    padding-left: -50px !important;
  }

  .pr-sm\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-5 {
    padding: -50px !important;
  }

  .px-sm-up\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-sm-up\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-sm-up\:-5 {
    padding-top: -50px !important;
  }

  .pb-sm-up\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-sm-up\:-5 {
    padding-left: -50px !important;
  }

  .pr-sm-up\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-5 {
    padding: -50px !important;
  }

  .px-md-down\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-md-down\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-md-down\:-5 {
    padding-top: -50px !important;
  }

  .pb-md-down\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-md-down\:-5 {
    padding-left: -50px !important;
  }

  .pr-md-down\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-5 {
    padding: -50px !important;
  }

  .px-md\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-md\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-md\:-5 {
    padding-top: -50px !important;
  }

  .pb-md\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-md\:-5 {
    padding-left: -50px !important;
  }

  .pr-md\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-5 {
    padding: -50px !important;
  }

  .px-md-up\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-md-up\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-md-up\:-5 {
    padding-top: -50px !important;
  }

  .pb-md-up\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-md-up\:-5 {
    padding-left: -50px !important;
  }

  .pr-md-up\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-5 {
    padding: -50px !important;
  }

  .px-lg-down\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-lg-down\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-lg-down\:-5 {
    padding-top: -50px !important;
  }

  .pb-lg-down\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-lg-down\:-5 {
    padding-left: -50px !important;
  }

  .pr-lg-down\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-5 {
    padding: -50px !important;
  }

  .px-lg\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-lg\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-lg\:-5 {
    padding-top: -50px !important;
  }

  .pb-lg\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-lg\:-5 {
    padding-left: -50px !important;
  }

  .pr-lg\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-5 {
    padding: -50px !important;
  }

  .px-lg-up\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-lg-up\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-lg-up\:-5 {
    padding-top: -50px !important;
  }

  .pb-lg-up\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-lg-up\:-5 {
    padding-left: -50px !important;
  }

  .pr-lg-up\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-5 {
    padding: -50px !important;
  }

  .px-xl-down\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-xl-down\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-xl-down\:-5 {
    padding-top: -50px !important;
  }

  .pb-xl-down\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-xl-down\:-5 {
    padding-left: -50px !important;
  }

  .pr-xl-down\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-5 {
    padding: -50px !important;
  }

  .px-xl\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-xl\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-xl\:-5 {
    padding-top: -50px !important;
  }

  .pb-xl\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-xl\:-5 {
    padding-left: -50px !important;
  }

  .pr-xl\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-5 {
    padding: -50px !important;
  }

  .px-xl-up\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-xl-up\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-xl-up\:-5 {
    padding-top: -50px !important;
  }

  .pb-xl-up\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-xl-up\:-5 {
    padding-left: -50px !important;
  }

  .pr-xl-up\:-5 {
    padding-right: -50px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-5 {
    padding: -50px !important;
  }

  .px-xxl\:-5 {
    padding-left: -50px !important;
    padding-right: -50px !important;
  }

  .py-xxl\:-5 {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
  }

  .pt-xxl\:-5 {
    padding-top: -50px !important;
  }

  .pb-xxl\:-5 {
    padding-bottom: -50px !important;
  }

  .pl-xxl\:-5 {
    padding-left: -50px !important;
  }

  .pr-xxl\:-5 {
    padding-right: -50px !important;
  }
}
.p\:-6 {
  padding: -60px !important;
}

.px\:-6 {
  padding-left: -60px !important;
  padding-right: -60px !important;
}

.py\:-6 {
  padding-top: -60px !important;
  padding-bottom: -60px !important;
}

.pt\:-6 {
  padding-top: -60px !important;
}

.pb\:-6 {
  padding-bottom: -60px !important;
}

.pl\:-6 {
  padding-left: -60px !important;
}

.pr\:-6 {
  padding-right: -60px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-6 {
    padding: -60px !important;
  }

  .px-xs\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-xs\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-xs\:-6 {
    padding-top: -60px !important;
  }

  .pb-xs\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-xs\:-6 {
    padding-left: -60px !important;
  }

  .pr-xs\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-6 {
    padding: -60px !important;
  }

  .px-sm-down\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-sm-down\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-sm-down\:-6 {
    padding-top: -60px !important;
  }

  .pb-sm-down\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-sm-down\:-6 {
    padding-left: -60px !important;
  }

  .pr-sm-down\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-6 {
    padding: -60px !important;
  }

  .px-sm\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-sm\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-sm\:-6 {
    padding-top: -60px !important;
  }

  .pb-sm\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-sm\:-6 {
    padding-left: -60px !important;
  }

  .pr-sm\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-6 {
    padding: -60px !important;
  }

  .px-sm-up\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-sm-up\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-sm-up\:-6 {
    padding-top: -60px !important;
  }

  .pb-sm-up\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-sm-up\:-6 {
    padding-left: -60px !important;
  }

  .pr-sm-up\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-6 {
    padding: -60px !important;
  }

  .px-md-down\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-md-down\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-md-down\:-6 {
    padding-top: -60px !important;
  }

  .pb-md-down\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-md-down\:-6 {
    padding-left: -60px !important;
  }

  .pr-md-down\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-6 {
    padding: -60px !important;
  }

  .px-md\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-md\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-md\:-6 {
    padding-top: -60px !important;
  }

  .pb-md\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-md\:-6 {
    padding-left: -60px !important;
  }

  .pr-md\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-6 {
    padding: -60px !important;
  }

  .px-md-up\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-md-up\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-md-up\:-6 {
    padding-top: -60px !important;
  }

  .pb-md-up\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-md-up\:-6 {
    padding-left: -60px !important;
  }

  .pr-md-up\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-6 {
    padding: -60px !important;
  }

  .px-lg-down\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-lg-down\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-lg-down\:-6 {
    padding-top: -60px !important;
  }

  .pb-lg-down\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-lg-down\:-6 {
    padding-left: -60px !important;
  }

  .pr-lg-down\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-6 {
    padding: -60px !important;
  }

  .px-lg\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-lg\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-lg\:-6 {
    padding-top: -60px !important;
  }

  .pb-lg\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-lg\:-6 {
    padding-left: -60px !important;
  }

  .pr-lg\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-6 {
    padding: -60px !important;
  }

  .px-lg-up\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-lg-up\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-lg-up\:-6 {
    padding-top: -60px !important;
  }

  .pb-lg-up\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-lg-up\:-6 {
    padding-left: -60px !important;
  }

  .pr-lg-up\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-6 {
    padding: -60px !important;
  }

  .px-xl-down\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-xl-down\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-xl-down\:-6 {
    padding-top: -60px !important;
  }

  .pb-xl-down\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-xl-down\:-6 {
    padding-left: -60px !important;
  }

  .pr-xl-down\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-6 {
    padding: -60px !important;
  }

  .px-xl\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-xl\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-xl\:-6 {
    padding-top: -60px !important;
  }

  .pb-xl\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-xl\:-6 {
    padding-left: -60px !important;
  }

  .pr-xl\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-6 {
    padding: -60px !important;
  }

  .px-xl-up\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-xl-up\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-xl-up\:-6 {
    padding-top: -60px !important;
  }

  .pb-xl-up\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-xl-up\:-6 {
    padding-left: -60px !important;
  }

  .pr-xl-up\:-6 {
    padding-right: -60px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-6 {
    padding: -60px !important;
  }

  .px-xxl\:-6 {
    padding-left: -60px !important;
    padding-right: -60px !important;
  }

  .py-xxl\:-6 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }

  .pt-xxl\:-6 {
    padding-top: -60px !important;
  }

  .pb-xxl\:-6 {
    padding-bottom: -60px !important;
  }

  .pl-xxl\:-6 {
    padding-left: -60px !important;
  }

  .pr-xxl\:-6 {
    padding-right: -60px !important;
  }
}
.p\:-7 {
  padding: -70px !important;
}

.px\:-7 {
  padding-left: -70px !important;
  padding-right: -70px !important;
}

.py\:-7 {
  padding-top: -70px !important;
  padding-bottom: -70px !important;
}

.pt\:-7 {
  padding-top: -70px !important;
}

.pb\:-7 {
  padding-bottom: -70px !important;
}

.pl\:-7 {
  padding-left: -70px !important;
}

.pr\:-7 {
  padding-right: -70px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-7 {
    padding: -70px !important;
  }

  .px-xs\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-xs\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-xs\:-7 {
    padding-top: -70px !important;
  }

  .pb-xs\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-xs\:-7 {
    padding-left: -70px !important;
  }

  .pr-xs\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-7 {
    padding: -70px !important;
  }

  .px-sm-down\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-sm-down\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-sm-down\:-7 {
    padding-top: -70px !important;
  }

  .pb-sm-down\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-sm-down\:-7 {
    padding-left: -70px !important;
  }

  .pr-sm-down\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-7 {
    padding: -70px !important;
  }

  .px-sm\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-sm\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-sm\:-7 {
    padding-top: -70px !important;
  }

  .pb-sm\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-sm\:-7 {
    padding-left: -70px !important;
  }

  .pr-sm\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-7 {
    padding: -70px !important;
  }

  .px-sm-up\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-sm-up\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-sm-up\:-7 {
    padding-top: -70px !important;
  }

  .pb-sm-up\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-sm-up\:-7 {
    padding-left: -70px !important;
  }

  .pr-sm-up\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-7 {
    padding: -70px !important;
  }

  .px-md-down\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-md-down\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-md-down\:-7 {
    padding-top: -70px !important;
  }

  .pb-md-down\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-md-down\:-7 {
    padding-left: -70px !important;
  }

  .pr-md-down\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-7 {
    padding: -70px !important;
  }

  .px-md\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-md\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-md\:-7 {
    padding-top: -70px !important;
  }

  .pb-md\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-md\:-7 {
    padding-left: -70px !important;
  }

  .pr-md\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-7 {
    padding: -70px !important;
  }

  .px-md-up\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-md-up\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-md-up\:-7 {
    padding-top: -70px !important;
  }

  .pb-md-up\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-md-up\:-7 {
    padding-left: -70px !important;
  }

  .pr-md-up\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-7 {
    padding: -70px !important;
  }

  .px-lg-down\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-lg-down\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-lg-down\:-7 {
    padding-top: -70px !important;
  }

  .pb-lg-down\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-lg-down\:-7 {
    padding-left: -70px !important;
  }

  .pr-lg-down\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-7 {
    padding: -70px !important;
  }

  .px-lg\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-lg\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-lg\:-7 {
    padding-top: -70px !important;
  }

  .pb-lg\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-lg\:-7 {
    padding-left: -70px !important;
  }

  .pr-lg\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-7 {
    padding: -70px !important;
  }

  .px-lg-up\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-lg-up\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-lg-up\:-7 {
    padding-top: -70px !important;
  }

  .pb-lg-up\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-lg-up\:-7 {
    padding-left: -70px !important;
  }

  .pr-lg-up\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-7 {
    padding: -70px !important;
  }

  .px-xl-down\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-xl-down\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-xl-down\:-7 {
    padding-top: -70px !important;
  }

  .pb-xl-down\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-xl-down\:-7 {
    padding-left: -70px !important;
  }

  .pr-xl-down\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-7 {
    padding: -70px !important;
  }

  .px-xl\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-xl\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-xl\:-7 {
    padding-top: -70px !important;
  }

  .pb-xl\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-xl\:-7 {
    padding-left: -70px !important;
  }

  .pr-xl\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-7 {
    padding: -70px !important;
  }

  .px-xl-up\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-xl-up\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-xl-up\:-7 {
    padding-top: -70px !important;
  }

  .pb-xl-up\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-xl-up\:-7 {
    padding-left: -70px !important;
  }

  .pr-xl-up\:-7 {
    padding-right: -70px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-7 {
    padding: -70px !important;
  }

  .px-xxl\:-7 {
    padding-left: -70px !important;
    padding-right: -70px !important;
  }

  .py-xxl\:-7 {
    padding-top: -70px !important;
    padding-bottom: -70px !important;
  }

  .pt-xxl\:-7 {
    padding-top: -70px !important;
  }

  .pb-xxl\:-7 {
    padding-bottom: -70px !important;
  }

  .pl-xxl\:-7 {
    padding-left: -70px !important;
  }

  .pr-xxl\:-7 {
    padding-right: -70px !important;
  }
}
.p\:-8 {
  padding: -80px !important;
}

.px\:-8 {
  padding-left: -80px !important;
  padding-right: -80px !important;
}

.py\:-8 {
  padding-top: -80px !important;
  padding-bottom: -80px !important;
}

.pt\:-8 {
  padding-top: -80px !important;
}

.pb\:-8 {
  padding-bottom: -80px !important;
}

.pl\:-8 {
  padding-left: -80px !important;
}

.pr\:-8 {
  padding-right: -80px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-8 {
    padding: -80px !important;
  }

  .px-xs\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-xs\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-xs\:-8 {
    padding-top: -80px !important;
  }

  .pb-xs\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-xs\:-8 {
    padding-left: -80px !important;
  }

  .pr-xs\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-8 {
    padding: -80px !important;
  }

  .px-sm-down\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-sm-down\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-sm-down\:-8 {
    padding-top: -80px !important;
  }

  .pb-sm-down\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-sm-down\:-8 {
    padding-left: -80px !important;
  }

  .pr-sm-down\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-8 {
    padding: -80px !important;
  }

  .px-sm\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-sm\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-sm\:-8 {
    padding-top: -80px !important;
  }

  .pb-sm\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-sm\:-8 {
    padding-left: -80px !important;
  }

  .pr-sm\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-8 {
    padding: -80px !important;
  }

  .px-sm-up\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-sm-up\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-sm-up\:-8 {
    padding-top: -80px !important;
  }

  .pb-sm-up\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-sm-up\:-8 {
    padding-left: -80px !important;
  }

  .pr-sm-up\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-8 {
    padding: -80px !important;
  }

  .px-md-down\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-md-down\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-md-down\:-8 {
    padding-top: -80px !important;
  }

  .pb-md-down\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-md-down\:-8 {
    padding-left: -80px !important;
  }

  .pr-md-down\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-8 {
    padding: -80px !important;
  }

  .px-md\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-md\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-md\:-8 {
    padding-top: -80px !important;
  }

  .pb-md\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-md\:-8 {
    padding-left: -80px !important;
  }

  .pr-md\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-8 {
    padding: -80px !important;
  }

  .px-md-up\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-md-up\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-md-up\:-8 {
    padding-top: -80px !important;
  }

  .pb-md-up\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-md-up\:-8 {
    padding-left: -80px !important;
  }

  .pr-md-up\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-8 {
    padding: -80px !important;
  }

  .px-lg-down\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-lg-down\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-lg-down\:-8 {
    padding-top: -80px !important;
  }

  .pb-lg-down\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-lg-down\:-8 {
    padding-left: -80px !important;
  }

  .pr-lg-down\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-8 {
    padding: -80px !important;
  }

  .px-lg\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-lg\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-lg\:-8 {
    padding-top: -80px !important;
  }

  .pb-lg\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-lg\:-8 {
    padding-left: -80px !important;
  }

  .pr-lg\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-8 {
    padding: -80px !important;
  }

  .px-lg-up\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-lg-up\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-lg-up\:-8 {
    padding-top: -80px !important;
  }

  .pb-lg-up\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-lg-up\:-8 {
    padding-left: -80px !important;
  }

  .pr-lg-up\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-8 {
    padding: -80px !important;
  }

  .px-xl-down\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-xl-down\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-xl-down\:-8 {
    padding-top: -80px !important;
  }

  .pb-xl-down\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-xl-down\:-8 {
    padding-left: -80px !important;
  }

  .pr-xl-down\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-8 {
    padding: -80px !important;
  }

  .px-xl\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-xl\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-xl\:-8 {
    padding-top: -80px !important;
  }

  .pb-xl\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-xl\:-8 {
    padding-left: -80px !important;
  }

  .pr-xl\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-8 {
    padding: -80px !important;
  }

  .px-xl-up\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-xl-up\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-xl-up\:-8 {
    padding-top: -80px !important;
  }

  .pb-xl-up\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-xl-up\:-8 {
    padding-left: -80px !important;
  }

  .pr-xl-up\:-8 {
    padding-right: -80px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-8 {
    padding: -80px !important;
  }

  .px-xxl\:-8 {
    padding-left: -80px !important;
    padding-right: -80px !important;
  }

  .py-xxl\:-8 {
    padding-top: -80px !important;
    padding-bottom: -80px !important;
  }

  .pt-xxl\:-8 {
    padding-top: -80px !important;
  }

  .pb-xxl\:-8 {
    padding-bottom: -80px !important;
  }

  .pl-xxl\:-8 {
    padding-left: -80px !important;
  }

  .pr-xxl\:-8 {
    padding-right: -80px !important;
  }
}
.p\:-9 {
  padding: -90px !important;
}

.px\:-9 {
  padding-left: -90px !important;
  padding-right: -90px !important;
}

.py\:-9 {
  padding-top: -90px !important;
  padding-bottom: -90px !important;
}

.pt\:-9 {
  padding-top: -90px !important;
}

.pb\:-9 {
  padding-bottom: -90px !important;
}

.pl\:-9 {
  padding-left: -90px !important;
}

.pr\:-9 {
  padding-right: -90px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-9 {
    padding: -90px !important;
  }

  .px-xs\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-xs\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-xs\:-9 {
    padding-top: -90px !important;
  }

  .pb-xs\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-xs\:-9 {
    padding-left: -90px !important;
  }

  .pr-xs\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-9 {
    padding: -90px !important;
  }

  .px-sm-down\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-sm-down\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-sm-down\:-9 {
    padding-top: -90px !important;
  }

  .pb-sm-down\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-sm-down\:-9 {
    padding-left: -90px !important;
  }

  .pr-sm-down\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-9 {
    padding: -90px !important;
  }

  .px-sm\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-sm\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-sm\:-9 {
    padding-top: -90px !important;
  }

  .pb-sm\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-sm\:-9 {
    padding-left: -90px !important;
  }

  .pr-sm\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-9 {
    padding: -90px !important;
  }

  .px-sm-up\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-sm-up\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-sm-up\:-9 {
    padding-top: -90px !important;
  }

  .pb-sm-up\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-sm-up\:-9 {
    padding-left: -90px !important;
  }

  .pr-sm-up\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-9 {
    padding: -90px !important;
  }

  .px-md-down\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-md-down\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-md-down\:-9 {
    padding-top: -90px !important;
  }

  .pb-md-down\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-md-down\:-9 {
    padding-left: -90px !important;
  }

  .pr-md-down\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-9 {
    padding: -90px !important;
  }

  .px-md\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-md\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-md\:-9 {
    padding-top: -90px !important;
  }

  .pb-md\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-md\:-9 {
    padding-left: -90px !important;
  }

  .pr-md\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-9 {
    padding: -90px !important;
  }

  .px-md-up\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-md-up\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-md-up\:-9 {
    padding-top: -90px !important;
  }

  .pb-md-up\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-md-up\:-9 {
    padding-left: -90px !important;
  }

  .pr-md-up\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-9 {
    padding: -90px !important;
  }

  .px-lg-down\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-lg-down\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-lg-down\:-9 {
    padding-top: -90px !important;
  }

  .pb-lg-down\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-lg-down\:-9 {
    padding-left: -90px !important;
  }

  .pr-lg-down\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-9 {
    padding: -90px !important;
  }

  .px-lg\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-lg\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-lg\:-9 {
    padding-top: -90px !important;
  }

  .pb-lg\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-lg\:-9 {
    padding-left: -90px !important;
  }

  .pr-lg\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-9 {
    padding: -90px !important;
  }

  .px-lg-up\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-lg-up\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-lg-up\:-9 {
    padding-top: -90px !important;
  }

  .pb-lg-up\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-lg-up\:-9 {
    padding-left: -90px !important;
  }

  .pr-lg-up\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-9 {
    padding: -90px !important;
  }

  .px-xl-down\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-xl-down\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-xl-down\:-9 {
    padding-top: -90px !important;
  }

  .pb-xl-down\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-xl-down\:-9 {
    padding-left: -90px !important;
  }

  .pr-xl-down\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-9 {
    padding: -90px !important;
  }

  .px-xl\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-xl\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-xl\:-9 {
    padding-top: -90px !important;
  }

  .pb-xl\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-xl\:-9 {
    padding-left: -90px !important;
  }

  .pr-xl\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-9 {
    padding: -90px !important;
  }

  .px-xl-up\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-xl-up\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-xl-up\:-9 {
    padding-top: -90px !important;
  }

  .pb-xl-up\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-xl-up\:-9 {
    padding-left: -90px !important;
  }

  .pr-xl-up\:-9 {
    padding-right: -90px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-9 {
    padding: -90px !important;
  }

  .px-xxl\:-9 {
    padding-left: -90px !important;
    padding-right: -90px !important;
  }

  .py-xxl\:-9 {
    padding-top: -90px !important;
    padding-bottom: -90px !important;
  }

  .pt-xxl\:-9 {
    padding-top: -90px !important;
  }

  .pb-xxl\:-9 {
    padding-bottom: -90px !important;
  }

  .pl-xxl\:-9 {
    padding-left: -90px !important;
  }

  .pr-xxl\:-9 {
    padding-right: -90px !important;
  }
}
.p\:-10 {
  padding: -100px !important;
}

.px\:-10 {
  padding-left: -100px !important;
  padding-right: -100px !important;
}

.py\:-10 {
  padding-top: -100px !important;
  padding-bottom: -100px !important;
}

.pt\:-10 {
  padding-top: -100px !important;
}

.pb\:-10 {
  padding-bottom: -100px !important;
}

.pl\:-10 {
  padding-left: -100px !important;
}

.pr\:-10 {
  padding-right: -100px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:-10 {
    padding: -100px !important;
  }

  .px-xs\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-xs\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-xs\:-10 {
    padding-top: -100px !important;
  }

  .pb-xs\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-xs\:-10 {
    padding-left: -100px !important;
  }

  .pr-xs\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:-10 {
    padding: -100px !important;
  }

  .px-sm-down\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-sm-down\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-sm-down\:-10 {
    padding-top: -100px !important;
  }

  .pb-sm-down\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-sm-down\:-10 {
    padding-left: -100px !important;
  }

  .pr-sm-down\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:-10 {
    padding: -100px !important;
  }

  .px-sm\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-sm\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-sm\:-10 {
    padding-top: -100px !important;
  }

  .pb-sm\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-sm\:-10 {
    padding-left: -100px !important;
  }

  .pr-sm\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:-10 {
    padding: -100px !important;
  }

  .px-sm-up\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-sm-up\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-sm-up\:-10 {
    padding-top: -100px !important;
  }

  .pb-sm-up\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-sm-up\:-10 {
    padding-left: -100px !important;
  }

  .pr-sm-up\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:-10 {
    padding: -100px !important;
  }

  .px-md-down\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-md-down\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-md-down\:-10 {
    padding-top: -100px !important;
  }

  .pb-md-down\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-md-down\:-10 {
    padding-left: -100px !important;
  }

  .pr-md-down\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:-10 {
    padding: -100px !important;
  }

  .px-md\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-md\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-md\:-10 {
    padding-top: -100px !important;
  }

  .pb-md\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-md\:-10 {
    padding-left: -100px !important;
  }

  .pr-md\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:-10 {
    padding: -100px !important;
  }

  .px-md-up\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-md-up\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-md-up\:-10 {
    padding-top: -100px !important;
  }

  .pb-md-up\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-md-up\:-10 {
    padding-left: -100px !important;
  }

  .pr-md-up\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:-10 {
    padding: -100px !important;
  }

  .px-lg-down\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-lg-down\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-lg-down\:-10 {
    padding-top: -100px !important;
  }

  .pb-lg-down\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-lg-down\:-10 {
    padding-left: -100px !important;
  }

  .pr-lg-down\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:-10 {
    padding: -100px !important;
  }

  .px-lg\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-lg\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-lg\:-10 {
    padding-top: -100px !important;
  }

  .pb-lg\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-lg\:-10 {
    padding-left: -100px !important;
  }

  .pr-lg\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:-10 {
    padding: -100px !important;
  }

  .px-lg-up\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-lg-up\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-lg-up\:-10 {
    padding-top: -100px !important;
  }

  .pb-lg-up\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-lg-up\:-10 {
    padding-left: -100px !important;
  }

  .pr-lg-up\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:-10 {
    padding: -100px !important;
  }

  .px-xl-down\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-xl-down\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-xl-down\:-10 {
    padding-top: -100px !important;
  }

  .pb-xl-down\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-xl-down\:-10 {
    padding-left: -100px !important;
  }

  .pr-xl-down\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:-10 {
    padding: -100px !important;
  }

  .px-xl\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-xl\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-xl\:-10 {
    padding-top: -100px !important;
  }

  .pb-xl\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-xl\:-10 {
    padding-left: -100px !important;
  }

  .pr-xl\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:-10 {
    padding: -100px !important;
  }

  .px-xl-up\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-xl-up\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-xl-up\:-10 {
    padding-top: -100px !important;
  }

  .pb-xl-up\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-xl-up\:-10 {
    padding-left: -100px !important;
  }

  .pr-xl-up\:-10 {
    padding-right: -100px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:-10 {
    padding: -100px !important;
  }

  .px-xxl\:-10 {
    padding-left: -100px !important;
    padding-right: -100px !important;
  }

  .py-xxl\:-10 {
    padding-top: -100px !important;
    padding-bottom: -100px !important;
  }

  .pt-xxl\:-10 {
    padding-top: -100px !important;
  }

  .pb-xxl\:-10 {
    padding-bottom: -100px !important;
  }

  .pl-xxl\:-10 {
    padding-left: -100px !important;
  }

  .pr-xxl\:-10 {
    padding-right: -100px !important;
  }
}
.p\:0 {
  padding: 0 !important;
}

.px\:0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py\:0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pt\:0 {
  padding-top: 0 !important;
}

.pb\:0 {
  padding-bottom: 0 !important;
}

.pl\:0 {
  padding-left: 0 !important;
}

.pr\:0 {
  padding-right: 0 !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:0 {
    padding: 0 !important;
  }

  .px-xs\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-xs\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-xs\:0 {
    padding-top: 0 !important;
  }

  .pb-xs\:0 {
    padding-bottom: 0 !important;
  }

  .pl-xs\:0 {
    padding-left: 0 !important;
  }

  .pr-xs\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:0 {
    padding: 0 !important;
  }

  .px-sm-down\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-sm-down\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-sm-down\:0 {
    padding-top: 0 !important;
  }

  .pb-sm-down\:0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-down\:0 {
    padding-left: 0 !important;
  }

  .pr-sm-down\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:0 {
    padding: 0 !important;
  }

  .px-sm\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-sm\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-sm\:0 {
    padding-top: 0 !important;
  }

  .pb-sm\:0 {
    padding-bottom: 0 !important;
  }

  .pl-sm\:0 {
    padding-left: 0 !important;
  }

  .pr-sm\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:0 {
    padding: 0 !important;
  }

  .px-sm-up\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-sm-up\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-sm-up\:0 {
    padding-top: 0 !important;
  }

  .pb-sm-up\:0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-up\:0 {
    padding-left: 0 !important;
  }

  .pr-sm-up\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:0 {
    padding: 0 !important;
  }

  .px-md-down\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-md-down\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-md-down\:0 {
    padding-top: 0 !important;
  }

  .pb-md-down\:0 {
    padding-bottom: 0 !important;
  }

  .pl-md-down\:0 {
    padding-left: 0 !important;
  }

  .pr-md-down\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:0 {
    padding: 0 !important;
  }

  .px-md\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-md\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-md\:0 {
    padding-top: 0 !important;
  }

  .pb-md\:0 {
    padding-bottom: 0 !important;
  }

  .pl-md\:0 {
    padding-left: 0 !important;
  }

  .pr-md\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:0 {
    padding: 0 !important;
  }

  .px-md-up\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-md-up\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-md-up\:0 {
    padding-top: 0 !important;
  }

  .pb-md-up\:0 {
    padding-bottom: 0 !important;
  }

  .pl-md-up\:0 {
    padding-left: 0 !important;
  }

  .pr-md-up\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:0 {
    padding: 0 !important;
  }

  .px-lg-down\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-lg-down\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-lg-down\:0 {
    padding-top: 0 !important;
  }

  .pb-lg-down\:0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-down\:0 {
    padding-left: 0 !important;
  }

  .pr-lg-down\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:0 {
    padding: 0 !important;
  }

  .px-lg\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-lg\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-lg\:0 {
    padding-top: 0 !important;
  }

  .pb-lg\:0 {
    padding-bottom: 0 !important;
  }

  .pl-lg\:0 {
    padding-left: 0 !important;
  }

  .pr-lg\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:0 {
    padding: 0 !important;
  }

  .px-lg-up\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-lg-up\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-lg-up\:0 {
    padding-top: 0 !important;
  }

  .pb-lg-up\:0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-up\:0 {
    padding-left: 0 !important;
  }

  .pr-lg-up\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:0 {
    padding: 0 !important;
  }

  .px-xl-down\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-xl-down\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-xl-down\:0 {
    padding-top: 0 !important;
  }

  .pb-xl-down\:0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-down\:0 {
    padding-left: 0 !important;
  }

  .pr-xl-down\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:0 {
    padding: 0 !important;
  }

  .px-xl\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-xl\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-xl\:0 {
    padding-top: 0 !important;
  }

  .pb-xl\:0 {
    padding-bottom: 0 !important;
  }

  .pl-xl\:0 {
    padding-left: 0 !important;
  }

  .pr-xl\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:0 {
    padding: 0 !important;
  }

  .px-xl-up\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-xl-up\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-xl-up\:0 {
    padding-top: 0 !important;
  }

  .pb-xl-up\:0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-up\:0 {
    padding-left: 0 !important;
  }

  .pr-xl-up\:0 {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:0 {
    padding: 0 !important;
  }

  .px-xxl\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-xxl\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pt-xxl\:0 {
    padding-top: 0 !important;
  }

  .pb-xxl\:0 {
    padding-bottom: 0 !important;
  }

  .pl-xxl\:0 {
    padding-left: 0 !important;
  }

  .pr-xxl\:0 {
    padding-right: 0 !important;
  }
}
.p\:_1 {
  padding: 10px !important;
}

.px\:_1 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py\:_1 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pt\:_1 {
  padding-top: 10px !important;
}

.pb\:_1 {
  padding-bottom: 10px !important;
}

.pl\:_1 {
  padding-left: 10px !important;
}

.pr\:_1 {
  padding-right: 10px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_1 {
    padding: 10px !important;
  }

  .px-xs\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-xs\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-xs\:_1 {
    padding-top: 10px !important;
  }

  .pb-xs\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-xs\:_1 {
    padding-left: 10px !important;
  }

  .pr-xs\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_1 {
    padding: 10px !important;
  }

  .px-sm-down\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-sm-down\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-sm-down\:_1 {
    padding-top: 10px !important;
  }

  .pb-sm-down\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-sm-down\:_1 {
    padding-left: 10px !important;
  }

  .pr-sm-down\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_1 {
    padding: 10px !important;
  }

  .px-sm\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-sm\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-sm\:_1 {
    padding-top: 10px !important;
  }

  .pb-sm\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-sm\:_1 {
    padding-left: 10px !important;
  }

  .pr-sm\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_1 {
    padding: 10px !important;
  }

  .px-sm-up\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-sm-up\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-sm-up\:_1 {
    padding-top: 10px !important;
  }

  .pb-sm-up\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-sm-up\:_1 {
    padding-left: 10px !important;
  }

  .pr-sm-up\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_1 {
    padding: 10px !important;
  }

  .px-md-down\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-md-down\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-md-down\:_1 {
    padding-top: 10px !important;
  }

  .pb-md-down\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-md-down\:_1 {
    padding-left: 10px !important;
  }

  .pr-md-down\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_1 {
    padding: 10px !important;
  }

  .px-md\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-md\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-md\:_1 {
    padding-top: 10px !important;
  }

  .pb-md\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-md\:_1 {
    padding-left: 10px !important;
  }

  .pr-md\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_1 {
    padding: 10px !important;
  }

  .px-md-up\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-md-up\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-md-up\:_1 {
    padding-top: 10px !important;
  }

  .pb-md-up\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-md-up\:_1 {
    padding-left: 10px !important;
  }

  .pr-md-up\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_1 {
    padding: 10px !important;
  }

  .px-lg-down\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-lg-down\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-lg-down\:_1 {
    padding-top: 10px !important;
  }

  .pb-lg-down\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-lg-down\:_1 {
    padding-left: 10px !important;
  }

  .pr-lg-down\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_1 {
    padding: 10px !important;
  }

  .px-lg\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-lg\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-lg\:_1 {
    padding-top: 10px !important;
  }

  .pb-lg\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-lg\:_1 {
    padding-left: 10px !important;
  }

  .pr-lg\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_1 {
    padding: 10px !important;
  }

  .px-lg-up\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-lg-up\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-lg-up\:_1 {
    padding-top: 10px !important;
  }

  .pb-lg-up\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-lg-up\:_1 {
    padding-left: 10px !important;
  }

  .pr-lg-up\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_1 {
    padding: 10px !important;
  }

  .px-xl-down\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-xl-down\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-xl-down\:_1 {
    padding-top: 10px !important;
  }

  .pb-xl-down\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-xl-down\:_1 {
    padding-left: 10px !important;
  }

  .pr-xl-down\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_1 {
    padding: 10px !important;
  }

  .px-xl\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-xl\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-xl\:_1 {
    padding-top: 10px !important;
  }

  .pb-xl\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-xl\:_1 {
    padding-left: 10px !important;
  }

  .pr-xl\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_1 {
    padding: 10px !important;
  }

  .px-xl-up\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-xl-up\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-xl-up\:_1 {
    padding-top: 10px !important;
  }

  .pb-xl-up\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-xl-up\:_1 {
    padding-left: 10px !important;
  }

  .pr-xl-up\:_1 {
    padding-right: 10px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_1 {
    padding: 10px !important;
  }

  .px-xxl\:_1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-xxl\:_1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .pt-xxl\:_1 {
    padding-top: 10px !important;
  }

  .pb-xxl\:_1 {
    padding-bottom: 10px !important;
  }

  .pl-xxl\:_1 {
    padding-left: 10px !important;
  }

  .pr-xxl\:_1 {
    padding-right: 10px !important;
  }
}
.p\:_2 {
  padding: 20px !important;
}

.px\:_2 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py\:_2 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pt\:_2 {
  padding-top: 20px !important;
}

.pb\:_2 {
  padding-bottom: 20px !important;
}

.pl\:_2 {
  padding-left: 20px !important;
}

.pr\:_2 {
  padding-right: 20px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_2 {
    padding: 20px !important;
  }

  .px-xs\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-xs\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-xs\:_2 {
    padding-top: 20px !important;
  }

  .pb-xs\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-xs\:_2 {
    padding-left: 20px !important;
  }

  .pr-xs\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_2 {
    padding: 20px !important;
  }

  .px-sm-down\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-sm-down\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-sm-down\:_2 {
    padding-top: 20px !important;
  }

  .pb-sm-down\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-sm-down\:_2 {
    padding-left: 20px !important;
  }

  .pr-sm-down\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_2 {
    padding: 20px !important;
  }

  .px-sm\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-sm\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-sm\:_2 {
    padding-top: 20px !important;
  }

  .pb-sm\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-sm\:_2 {
    padding-left: 20px !important;
  }

  .pr-sm\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_2 {
    padding: 20px !important;
  }

  .px-sm-up\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-sm-up\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-sm-up\:_2 {
    padding-top: 20px !important;
  }

  .pb-sm-up\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-sm-up\:_2 {
    padding-left: 20px !important;
  }

  .pr-sm-up\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_2 {
    padding: 20px !important;
  }

  .px-md-down\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-md-down\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-md-down\:_2 {
    padding-top: 20px !important;
  }

  .pb-md-down\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-md-down\:_2 {
    padding-left: 20px !important;
  }

  .pr-md-down\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_2 {
    padding: 20px !important;
  }

  .px-md\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-md\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-md\:_2 {
    padding-top: 20px !important;
  }

  .pb-md\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-md\:_2 {
    padding-left: 20px !important;
  }

  .pr-md\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_2 {
    padding: 20px !important;
  }

  .px-md-up\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-md-up\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-md-up\:_2 {
    padding-top: 20px !important;
  }

  .pb-md-up\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-md-up\:_2 {
    padding-left: 20px !important;
  }

  .pr-md-up\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_2 {
    padding: 20px !important;
  }

  .px-lg-down\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-lg-down\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-lg-down\:_2 {
    padding-top: 20px !important;
  }

  .pb-lg-down\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-lg-down\:_2 {
    padding-left: 20px !important;
  }

  .pr-lg-down\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_2 {
    padding: 20px !important;
  }

  .px-lg\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-lg\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-lg\:_2 {
    padding-top: 20px !important;
  }

  .pb-lg\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-lg\:_2 {
    padding-left: 20px !important;
  }

  .pr-lg\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_2 {
    padding: 20px !important;
  }

  .px-lg-up\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-lg-up\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-lg-up\:_2 {
    padding-top: 20px !important;
  }

  .pb-lg-up\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-lg-up\:_2 {
    padding-left: 20px !important;
  }

  .pr-lg-up\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_2 {
    padding: 20px !important;
  }

  .px-xl-down\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-xl-down\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-xl-down\:_2 {
    padding-top: 20px !important;
  }

  .pb-xl-down\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-xl-down\:_2 {
    padding-left: 20px !important;
  }

  .pr-xl-down\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_2 {
    padding: 20px !important;
  }

  .px-xl\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-xl\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-xl\:_2 {
    padding-top: 20px !important;
  }

  .pb-xl\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-xl\:_2 {
    padding-left: 20px !important;
  }

  .pr-xl\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_2 {
    padding: 20px !important;
  }

  .px-xl-up\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-xl-up\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-xl-up\:_2 {
    padding-top: 20px !important;
  }

  .pb-xl-up\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-xl-up\:_2 {
    padding-left: 20px !important;
  }

  .pr-xl-up\:_2 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_2 {
    padding: 20px !important;
  }

  .px-xxl\:_2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-xxl\:_2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .pt-xxl\:_2 {
    padding-top: 20px !important;
  }

  .pb-xxl\:_2 {
    padding-bottom: 20px !important;
  }

  .pl-xxl\:_2 {
    padding-left: 20px !important;
  }

  .pr-xxl\:_2 {
    padding-right: 20px !important;
  }
}
.p\:_3 {
  padding: 30px !important;
}

.px\:_3 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py\:_3 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pt\:_3 {
  padding-top: 30px !important;
}

.pb\:_3 {
  padding-bottom: 30px !important;
}

.pl\:_3 {
  padding-left: 30px !important;
}

.pr\:_3 {
  padding-right: 30px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_3 {
    padding: 30px !important;
  }

  .px-xs\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-xs\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-xs\:_3 {
    padding-top: 30px !important;
  }

  .pb-xs\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-xs\:_3 {
    padding-left: 30px !important;
  }

  .pr-xs\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_3 {
    padding: 30px !important;
  }

  .px-sm-down\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-sm-down\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-sm-down\:_3 {
    padding-top: 30px !important;
  }

  .pb-sm-down\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-sm-down\:_3 {
    padding-left: 30px !important;
  }

  .pr-sm-down\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_3 {
    padding: 30px !important;
  }

  .px-sm\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-sm\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-sm\:_3 {
    padding-top: 30px !important;
  }

  .pb-sm\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-sm\:_3 {
    padding-left: 30px !important;
  }

  .pr-sm\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_3 {
    padding: 30px !important;
  }

  .px-sm-up\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-sm-up\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-sm-up\:_3 {
    padding-top: 30px !important;
  }

  .pb-sm-up\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-sm-up\:_3 {
    padding-left: 30px !important;
  }

  .pr-sm-up\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_3 {
    padding: 30px !important;
  }

  .px-md-down\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-md-down\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-md-down\:_3 {
    padding-top: 30px !important;
  }

  .pb-md-down\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-md-down\:_3 {
    padding-left: 30px !important;
  }

  .pr-md-down\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_3 {
    padding: 30px !important;
  }

  .px-md\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-md\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-md\:_3 {
    padding-top: 30px !important;
  }

  .pb-md\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-md\:_3 {
    padding-left: 30px !important;
  }

  .pr-md\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_3 {
    padding: 30px !important;
  }

  .px-md-up\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-md-up\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-md-up\:_3 {
    padding-top: 30px !important;
  }

  .pb-md-up\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-md-up\:_3 {
    padding-left: 30px !important;
  }

  .pr-md-up\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_3 {
    padding: 30px !important;
  }

  .px-lg-down\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-lg-down\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-lg-down\:_3 {
    padding-top: 30px !important;
  }

  .pb-lg-down\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-lg-down\:_3 {
    padding-left: 30px !important;
  }

  .pr-lg-down\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_3 {
    padding: 30px !important;
  }

  .px-lg\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-lg\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-lg\:_3 {
    padding-top: 30px !important;
  }

  .pb-lg\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-lg\:_3 {
    padding-left: 30px !important;
  }

  .pr-lg\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_3 {
    padding: 30px !important;
  }

  .px-lg-up\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-lg-up\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-lg-up\:_3 {
    padding-top: 30px !important;
  }

  .pb-lg-up\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-lg-up\:_3 {
    padding-left: 30px !important;
  }

  .pr-lg-up\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_3 {
    padding: 30px !important;
  }

  .px-xl-down\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-xl-down\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-xl-down\:_3 {
    padding-top: 30px !important;
  }

  .pb-xl-down\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-xl-down\:_3 {
    padding-left: 30px !important;
  }

  .pr-xl-down\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_3 {
    padding: 30px !important;
  }

  .px-xl\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-xl\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-xl\:_3 {
    padding-top: 30px !important;
  }

  .pb-xl\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-xl\:_3 {
    padding-left: 30px !important;
  }

  .pr-xl\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_3 {
    padding: 30px !important;
  }

  .px-xl-up\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-xl-up\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-xl-up\:_3 {
    padding-top: 30px !important;
  }

  .pb-xl-up\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-xl-up\:_3 {
    padding-left: 30px !important;
  }

  .pr-xl-up\:_3 {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_3 {
    padding: 30px !important;
  }

  .px-xxl\:_3 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-xxl\:_3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-xxl\:_3 {
    padding-top: 30px !important;
  }

  .pb-xxl\:_3 {
    padding-bottom: 30px !important;
  }

  .pl-xxl\:_3 {
    padding-left: 30px !important;
  }

  .pr-xxl\:_3 {
    padding-right: 30px !important;
  }
}
.p\:_4 {
  padding: 40px !important;
}

.px\:_4 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py\:_4 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pt\:_4 {
  padding-top: 40px !important;
}

.pb\:_4 {
  padding-bottom: 40px !important;
}

.pl\:_4 {
  padding-left: 40px !important;
}

.pr\:_4 {
  padding-right: 40px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_4 {
    padding: 40px !important;
  }

  .px-xs\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-xs\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-xs\:_4 {
    padding-top: 40px !important;
  }

  .pb-xs\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-xs\:_4 {
    padding-left: 40px !important;
  }

  .pr-xs\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_4 {
    padding: 40px !important;
  }

  .px-sm-down\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-sm-down\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-sm-down\:_4 {
    padding-top: 40px !important;
  }

  .pb-sm-down\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-sm-down\:_4 {
    padding-left: 40px !important;
  }

  .pr-sm-down\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_4 {
    padding: 40px !important;
  }

  .px-sm\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-sm\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-sm\:_4 {
    padding-top: 40px !important;
  }

  .pb-sm\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-sm\:_4 {
    padding-left: 40px !important;
  }

  .pr-sm\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_4 {
    padding: 40px !important;
  }

  .px-sm-up\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-sm-up\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-sm-up\:_4 {
    padding-top: 40px !important;
  }

  .pb-sm-up\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-sm-up\:_4 {
    padding-left: 40px !important;
  }

  .pr-sm-up\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_4 {
    padding: 40px !important;
  }

  .px-md-down\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-md-down\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-md-down\:_4 {
    padding-top: 40px !important;
  }

  .pb-md-down\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-md-down\:_4 {
    padding-left: 40px !important;
  }

  .pr-md-down\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_4 {
    padding: 40px !important;
  }

  .px-md\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-md\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-md\:_4 {
    padding-top: 40px !important;
  }

  .pb-md\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-md\:_4 {
    padding-left: 40px !important;
  }

  .pr-md\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_4 {
    padding: 40px !important;
  }

  .px-md-up\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-md-up\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-md-up\:_4 {
    padding-top: 40px !important;
  }

  .pb-md-up\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-md-up\:_4 {
    padding-left: 40px !important;
  }

  .pr-md-up\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_4 {
    padding: 40px !important;
  }

  .px-lg-down\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-lg-down\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-lg-down\:_4 {
    padding-top: 40px !important;
  }

  .pb-lg-down\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-lg-down\:_4 {
    padding-left: 40px !important;
  }

  .pr-lg-down\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_4 {
    padding: 40px !important;
  }

  .px-lg\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-lg\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-lg\:_4 {
    padding-top: 40px !important;
  }

  .pb-lg\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-lg\:_4 {
    padding-left: 40px !important;
  }

  .pr-lg\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_4 {
    padding: 40px !important;
  }

  .px-lg-up\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-lg-up\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-lg-up\:_4 {
    padding-top: 40px !important;
  }

  .pb-lg-up\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-lg-up\:_4 {
    padding-left: 40px !important;
  }

  .pr-lg-up\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_4 {
    padding: 40px !important;
  }

  .px-xl-down\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-xl-down\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-xl-down\:_4 {
    padding-top: 40px !important;
  }

  .pb-xl-down\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-xl-down\:_4 {
    padding-left: 40px !important;
  }

  .pr-xl-down\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_4 {
    padding: 40px !important;
  }

  .px-xl\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-xl\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-xl\:_4 {
    padding-top: 40px !important;
  }

  .pb-xl\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-xl\:_4 {
    padding-left: 40px !important;
  }

  .pr-xl\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_4 {
    padding: 40px !important;
  }

  .px-xl-up\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-xl-up\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-xl-up\:_4 {
    padding-top: 40px !important;
  }

  .pb-xl-up\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-xl-up\:_4 {
    padding-left: 40px !important;
  }

  .pr-xl-up\:_4 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_4 {
    padding: 40px !important;
  }

  .px-xxl\:_4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-xxl\:_4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .pt-xxl\:_4 {
    padding-top: 40px !important;
  }

  .pb-xxl\:_4 {
    padding-bottom: 40px !important;
  }

  .pl-xxl\:_4 {
    padding-left: 40px !important;
  }

  .pr-xxl\:_4 {
    padding-right: 40px !important;
  }
}
.p\:_5 {
  padding: 50px !important;
}

.px\:_5 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py\:_5 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pt\:_5 {
  padding-top: 50px !important;
}

.pb\:_5 {
  padding-bottom: 50px !important;
}

.pl\:_5 {
  padding-left: 50px !important;
}

.pr\:_5 {
  padding-right: 50px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_5 {
    padding: 50px !important;
  }

  .px-xs\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-xs\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-xs\:_5 {
    padding-top: 50px !important;
  }

  .pb-xs\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-xs\:_5 {
    padding-left: 50px !important;
  }

  .pr-xs\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_5 {
    padding: 50px !important;
  }

  .px-sm-down\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-sm-down\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-sm-down\:_5 {
    padding-top: 50px !important;
  }

  .pb-sm-down\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-sm-down\:_5 {
    padding-left: 50px !important;
  }

  .pr-sm-down\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_5 {
    padding: 50px !important;
  }

  .px-sm\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-sm\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-sm\:_5 {
    padding-top: 50px !important;
  }

  .pb-sm\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-sm\:_5 {
    padding-left: 50px !important;
  }

  .pr-sm\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_5 {
    padding: 50px !important;
  }

  .px-sm-up\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-sm-up\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-sm-up\:_5 {
    padding-top: 50px !important;
  }

  .pb-sm-up\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-sm-up\:_5 {
    padding-left: 50px !important;
  }

  .pr-sm-up\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_5 {
    padding: 50px !important;
  }

  .px-md-down\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-md-down\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-md-down\:_5 {
    padding-top: 50px !important;
  }

  .pb-md-down\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-md-down\:_5 {
    padding-left: 50px !important;
  }

  .pr-md-down\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_5 {
    padding: 50px !important;
  }

  .px-md\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-md\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-md\:_5 {
    padding-top: 50px !important;
  }

  .pb-md\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-md\:_5 {
    padding-left: 50px !important;
  }

  .pr-md\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_5 {
    padding: 50px !important;
  }

  .px-md-up\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-md-up\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-md-up\:_5 {
    padding-top: 50px !important;
  }

  .pb-md-up\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-md-up\:_5 {
    padding-left: 50px !important;
  }

  .pr-md-up\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_5 {
    padding: 50px !important;
  }

  .px-lg-down\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-lg-down\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-lg-down\:_5 {
    padding-top: 50px !important;
  }

  .pb-lg-down\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-lg-down\:_5 {
    padding-left: 50px !important;
  }

  .pr-lg-down\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_5 {
    padding: 50px !important;
  }

  .px-lg\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-lg\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-lg\:_5 {
    padding-top: 50px !important;
  }

  .pb-lg\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-lg\:_5 {
    padding-left: 50px !important;
  }

  .pr-lg\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_5 {
    padding: 50px !important;
  }

  .px-lg-up\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-lg-up\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-lg-up\:_5 {
    padding-top: 50px !important;
  }

  .pb-lg-up\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-lg-up\:_5 {
    padding-left: 50px !important;
  }

  .pr-lg-up\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_5 {
    padding: 50px !important;
  }

  .px-xl-down\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-xl-down\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-xl-down\:_5 {
    padding-top: 50px !important;
  }

  .pb-xl-down\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-xl-down\:_5 {
    padding-left: 50px !important;
  }

  .pr-xl-down\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_5 {
    padding: 50px !important;
  }

  .px-xl\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-xl\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-xl\:_5 {
    padding-top: 50px !important;
  }

  .pb-xl\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-xl\:_5 {
    padding-left: 50px !important;
  }

  .pr-xl\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_5 {
    padding: 50px !important;
  }

  .px-xl-up\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-xl-up\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-xl-up\:_5 {
    padding-top: 50px !important;
  }

  .pb-xl-up\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-xl-up\:_5 {
    padding-left: 50px !important;
  }

  .pr-xl-up\:_5 {
    padding-right: 50px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_5 {
    padding: 50px !important;
  }

  .px-xxl\:_5 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-xxl\:_5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pt-xxl\:_5 {
    padding-top: 50px !important;
  }

  .pb-xxl\:_5 {
    padding-bottom: 50px !important;
  }

  .pl-xxl\:_5 {
    padding-left: 50px !important;
  }

  .pr-xxl\:_5 {
    padding-right: 50px !important;
  }
}
.p\:_6 {
  padding: 60px !important;
}

.px\:_6 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.py\:_6 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pt\:_6 {
  padding-top: 60px !important;
}

.pb\:_6 {
  padding-bottom: 60px !important;
}

.pl\:_6 {
  padding-left: 60px !important;
}

.pr\:_6 {
  padding-right: 60px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_6 {
    padding: 60px !important;
  }

  .px-xs\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-xs\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-xs\:_6 {
    padding-top: 60px !important;
  }

  .pb-xs\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-xs\:_6 {
    padding-left: 60px !important;
  }

  .pr-xs\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_6 {
    padding: 60px !important;
  }

  .px-sm-down\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-sm-down\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-sm-down\:_6 {
    padding-top: 60px !important;
  }

  .pb-sm-down\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-sm-down\:_6 {
    padding-left: 60px !important;
  }

  .pr-sm-down\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_6 {
    padding: 60px !important;
  }

  .px-sm\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-sm\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-sm\:_6 {
    padding-top: 60px !important;
  }

  .pb-sm\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-sm\:_6 {
    padding-left: 60px !important;
  }

  .pr-sm\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_6 {
    padding: 60px !important;
  }

  .px-sm-up\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-sm-up\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-sm-up\:_6 {
    padding-top: 60px !important;
  }

  .pb-sm-up\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-sm-up\:_6 {
    padding-left: 60px !important;
  }

  .pr-sm-up\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_6 {
    padding: 60px !important;
  }

  .px-md-down\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-md-down\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-md-down\:_6 {
    padding-top: 60px !important;
  }

  .pb-md-down\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-md-down\:_6 {
    padding-left: 60px !important;
  }

  .pr-md-down\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_6 {
    padding: 60px !important;
  }

  .px-md\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-md\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-md\:_6 {
    padding-top: 60px !important;
  }

  .pb-md\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-md\:_6 {
    padding-left: 60px !important;
  }

  .pr-md\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_6 {
    padding: 60px !important;
  }

  .px-md-up\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-md-up\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-md-up\:_6 {
    padding-top: 60px !important;
  }

  .pb-md-up\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-md-up\:_6 {
    padding-left: 60px !important;
  }

  .pr-md-up\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_6 {
    padding: 60px !important;
  }

  .px-lg-down\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-lg-down\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-lg-down\:_6 {
    padding-top: 60px !important;
  }

  .pb-lg-down\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-lg-down\:_6 {
    padding-left: 60px !important;
  }

  .pr-lg-down\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_6 {
    padding: 60px !important;
  }

  .px-lg\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-lg\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-lg\:_6 {
    padding-top: 60px !important;
  }

  .pb-lg\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-lg\:_6 {
    padding-left: 60px !important;
  }

  .pr-lg\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_6 {
    padding: 60px !important;
  }

  .px-lg-up\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-lg-up\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-lg-up\:_6 {
    padding-top: 60px !important;
  }

  .pb-lg-up\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-lg-up\:_6 {
    padding-left: 60px !important;
  }

  .pr-lg-up\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_6 {
    padding: 60px !important;
  }

  .px-xl-down\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-xl-down\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-xl-down\:_6 {
    padding-top: 60px !important;
  }

  .pb-xl-down\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-xl-down\:_6 {
    padding-left: 60px !important;
  }

  .pr-xl-down\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_6 {
    padding: 60px !important;
  }

  .px-xl\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-xl\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-xl\:_6 {
    padding-top: 60px !important;
  }

  .pb-xl\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-xl\:_6 {
    padding-left: 60px !important;
  }

  .pr-xl\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_6 {
    padding: 60px !important;
  }

  .px-xl-up\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-xl-up\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-xl-up\:_6 {
    padding-top: 60px !important;
  }

  .pb-xl-up\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-xl-up\:_6 {
    padding-left: 60px !important;
  }

  .pr-xl-up\:_6 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_6 {
    padding: 60px !important;
  }

  .px-xxl\:_6 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-xxl\:_6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .pt-xxl\:_6 {
    padding-top: 60px !important;
  }

  .pb-xxl\:_6 {
    padding-bottom: 60px !important;
  }

  .pl-xxl\:_6 {
    padding-left: 60px !important;
  }

  .pr-xxl\:_6 {
    padding-right: 60px !important;
  }
}
.p\:_7 {
  padding: 70px !important;
}

.px\:_7 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.py\:_7 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.pt\:_7 {
  padding-top: 70px !important;
}

.pb\:_7 {
  padding-bottom: 70px !important;
}

.pl\:_7 {
  padding-left: 70px !important;
}

.pr\:_7 {
  padding-right: 70px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_7 {
    padding: 70px !important;
  }

  .px-xs\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-xs\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-xs\:_7 {
    padding-top: 70px !important;
  }

  .pb-xs\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-xs\:_7 {
    padding-left: 70px !important;
  }

  .pr-xs\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_7 {
    padding: 70px !important;
  }

  .px-sm-down\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-sm-down\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-sm-down\:_7 {
    padding-top: 70px !important;
  }

  .pb-sm-down\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-sm-down\:_7 {
    padding-left: 70px !important;
  }

  .pr-sm-down\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_7 {
    padding: 70px !important;
  }

  .px-sm\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-sm\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-sm\:_7 {
    padding-top: 70px !important;
  }

  .pb-sm\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-sm\:_7 {
    padding-left: 70px !important;
  }

  .pr-sm\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_7 {
    padding: 70px !important;
  }

  .px-sm-up\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-sm-up\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-sm-up\:_7 {
    padding-top: 70px !important;
  }

  .pb-sm-up\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-sm-up\:_7 {
    padding-left: 70px !important;
  }

  .pr-sm-up\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_7 {
    padding: 70px !important;
  }

  .px-md-down\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-md-down\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-md-down\:_7 {
    padding-top: 70px !important;
  }

  .pb-md-down\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-md-down\:_7 {
    padding-left: 70px !important;
  }

  .pr-md-down\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_7 {
    padding: 70px !important;
  }

  .px-md\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-md\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-md\:_7 {
    padding-top: 70px !important;
  }

  .pb-md\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-md\:_7 {
    padding-left: 70px !important;
  }

  .pr-md\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_7 {
    padding: 70px !important;
  }

  .px-md-up\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-md-up\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-md-up\:_7 {
    padding-top: 70px !important;
  }

  .pb-md-up\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-md-up\:_7 {
    padding-left: 70px !important;
  }

  .pr-md-up\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_7 {
    padding: 70px !important;
  }

  .px-lg-down\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-lg-down\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-lg-down\:_7 {
    padding-top: 70px !important;
  }

  .pb-lg-down\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-lg-down\:_7 {
    padding-left: 70px !important;
  }

  .pr-lg-down\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_7 {
    padding: 70px !important;
  }

  .px-lg\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-lg\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-lg\:_7 {
    padding-top: 70px !important;
  }

  .pb-lg\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-lg\:_7 {
    padding-left: 70px !important;
  }

  .pr-lg\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_7 {
    padding: 70px !important;
  }

  .px-lg-up\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-lg-up\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-lg-up\:_7 {
    padding-top: 70px !important;
  }

  .pb-lg-up\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-lg-up\:_7 {
    padding-left: 70px !important;
  }

  .pr-lg-up\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_7 {
    padding: 70px !important;
  }

  .px-xl-down\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-xl-down\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-xl-down\:_7 {
    padding-top: 70px !important;
  }

  .pb-xl-down\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-xl-down\:_7 {
    padding-left: 70px !important;
  }

  .pr-xl-down\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_7 {
    padding: 70px !important;
  }

  .px-xl\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-xl\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-xl\:_7 {
    padding-top: 70px !important;
  }

  .pb-xl\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-xl\:_7 {
    padding-left: 70px !important;
  }

  .pr-xl\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_7 {
    padding: 70px !important;
  }

  .px-xl-up\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-xl-up\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-xl-up\:_7 {
    padding-top: 70px !important;
  }

  .pb-xl-up\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-xl-up\:_7 {
    padding-left: 70px !important;
  }

  .pr-xl-up\:_7 {
    padding-right: 70px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_7 {
    padding: 70px !important;
  }

  .px-xxl\:_7 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-xxl\:_7 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .pt-xxl\:_7 {
    padding-top: 70px !important;
  }

  .pb-xxl\:_7 {
    padding-bottom: 70px !important;
  }

  .pl-xxl\:_7 {
    padding-left: 70px !important;
  }

  .pr-xxl\:_7 {
    padding-right: 70px !important;
  }
}
.p\:_8 {
  padding: 80px !important;
}

.px\:_8 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.py\:_8 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pt\:_8 {
  padding-top: 80px !important;
}

.pb\:_8 {
  padding-bottom: 80px !important;
}

.pl\:_8 {
  padding-left: 80px !important;
}

.pr\:_8 {
  padding-right: 80px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_8 {
    padding: 80px !important;
  }

  .px-xs\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-xs\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-xs\:_8 {
    padding-top: 80px !important;
  }

  .pb-xs\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-xs\:_8 {
    padding-left: 80px !important;
  }

  .pr-xs\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_8 {
    padding: 80px !important;
  }

  .px-sm-down\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-sm-down\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-sm-down\:_8 {
    padding-top: 80px !important;
  }

  .pb-sm-down\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-sm-down\:_8 {
    padding-left: 80px !important;
  }

  .pr-sm-down\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_8 {
    padding: 80px !important;
  }

  .px-sm\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-sm\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-sm\:_8 {
    padding-top: 80px !important;
  }

  .pb-sm\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-sm\:_8 {
    padding-left: 80px !important;
  }

  .pr-sm\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_8 {
    padding: 80px !important;
  }

  .px-sm-up\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-sm-up\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-sm-up\:_8 {
    padding-top: 80px !important;
  }

  .pb-sm-up\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-sm-up\:_8 {
    padding-left: 80px !important;
  }

  .pr-sm-up\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_8 {
    padding: 80px !important;
  }

  .px-md-down\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-md-down\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-md-down\:_8 {
    padding-top: 80px !important;
  }

  .pb-md-down\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-md-down\:_8 {
    padding-left: 80px !important;
  }

  .pr-md-down\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_8 {
    padding: 80px !important;
  }

  .px-md\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-md\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-md\:_8 {
    padding-top: 80px !important;
  }

  .pb-md\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-md\:_8 {
    padding-left: 80px !important;
  }

  .pr-md\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_8 {
    padding: 80px !important;
  }

  .px-md-up\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-md-up\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-md-up\:_8 {
    padding-top: 80px !important;
  }

  .pb-md-up\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-md-up\:_8 {
    padding-left: 80px !important;
  }

  .pr-md-up\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_8 {
    padding: 80px !important;
  }

  .px-lg-down\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-lg-down\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-lg-down\:_8 {
    padding-top: 80px !important;
  }

  .pb-lg-down\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-lg-down\:_8 {
    padding-left: 80px !important;
  }

  .pr-lg-down\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_8 {
    padding: 80px !important;
  }

  .px-lg\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-lg\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-lg\:_8 {
    padding-top: 80px !important;
  }

  .pb-lg\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-lg\:_8 {
    padding-left: 80px !important;
  }

  .pr-lg\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_8 {
    padding: 80px !important;
  }

  .px-lg-up\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-lg-up\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-lg-up\:_8 {
    padding-top: 80px !important;
  }

  .pb-lg-up\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-lg-up\:_8 {
    padding-left: 80px !important;
  }

  .pr-lg-up\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_8 {
    padding: 80px !important;
  }

  .px-xl-down\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-xl-down\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-xl-down\:_8 {
    padding-top: 80px !important;
  }

  .pb-xl-down\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-xl-down\:_8 {
    padding-left: 80px !important;
  }

  .pr-xl-down\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_8 {
    padding: 80px !important;
  }

  .px-xl\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-xl\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-xl\:_8 {
    padding-top: 80px !important;
  }

  .pb-xl\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-xl\:_8 {
    padding-left: 80px !important;
  }

  .pr-xl\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_8 {
    padding: 80px !important;
  }

  .px-xl-up\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-xl-up\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-xl-up\:_8 {
    padding-top: 80px !important;
  }

  .pb-xl-up\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-xl-up\:_8 {
    padding-left: 80px !important;
  }

  .pr-xl-up\:_8 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_8 {
    padding: 80px !important;
  }

  .px-xxl\:_8 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-xxl\:_8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .pt-xxl\:_8 {
    padding-top: 80px !important;
  }

  .pb-xxl\:_8 {
    padding-bottom: 80px !important;
  }

  .pl-xxl\:_8 {
    padding-left: 80px !important;
  }

  .pr-xxl\:_8 {
    padding-right: 80px !important;
  }
}
.p\:_9 {
  padding: 90px !important;
}

.px\:_9 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.py\:_9 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.pt\:_9 {
  padding-top: 90px !important;
}

.pb\:_9 {
  padding-bottom: 90px !important;
}

.pl\:_9 {
  padding-left: 90px !important;
}

.pr\:_9 {
  padding-right: 90px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_9 {
    padding: 90px !important;
  }

  .px-xs\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-xs\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-xs\:_9 {
    padding-top: 90px !important;
  }

  .pb-xs\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-xs\:_9 {
    padding-left: 90px !important;
  }

  .pr-xs\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_9 {
    padding: 90px !important;
  }

  .px-sm-down\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-sm-down\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-sm-down\:_9 {
    padding-top: 90px !important;
  }

  .pb-sm-down\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-sm-down\:_9 {
    padding-left: 90px !important;
  }

  .pr-sm-down\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_9 {
    padding: 90px !important;
  }

  .px-sm\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-sm\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-sm\:_9 {
    padding-top: 90px !important;
  }

  .pb-sm\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-sm\:_9 {
    padding-left: 90px !important;
  }

  .pr-sm\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_9 {
    padding: 90px !important;
  }

  .px-sm-up\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-sm-up\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-sm-up\:_9 {
    padding-top: 90px !important;
  }

  .pb-sm-up\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-sm-up\:_9 {
    padding-left: 90px !important;
  }

  .pr-sm-up\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_9 {
    padding: 90px !important;
  }

  .px-md-down\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-md-down\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-md-down\:_9 {
    padding-top: 90px !important;
  }

  .pb-md-down\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-md-down\:_9 {
    padding-left: 90px !important;
  }

  .pr-md-down\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_9 {
    padding: 90px !important;
  }

  .px-md\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-md\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-md\:_9 {
    padding-top: 90px !important;
  }

  .pb-md\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-md\:_9 {
    padding-left: 90px !important;
  }

  .pr-md\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_9 {
    padding: 90px !important;
  }

  .px-md-up\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-md-up\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-md-up\:_9 {
    padding-top: 90px !important;
  }

  .pb-md-up\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-md-up\:_9 {
    padding-left: 90px !important;
  }

  .pr-md-up\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_9 {
    padding: 90px !important;
  }

  .px-lg-down\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-lg-down\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-lg-down\:_9 {
    padding-top: 90px !important;
  }

  .pb-lg-down\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-lg-down\:_9 {
    padding-left: 90px !important;
  }

  .pr-lg-down\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_9 {
    padding: 90px !important;
  }

  .px-lg\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-lg\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-lg\:_9 {
    padding-top: 90px !important;
  }

  .pb-lg\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-lg\:_9 {
    padding-left: 90px !important;
  }

  .pr-lg\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_9 {
    padding: 90px !important;
  }

  .px-lg-up\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-lg-up\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-lg-up\:_9 {
    padding-top: 90px !important;
  }

  .pb-lg-up\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-lg-up\:_9 {
    padding-left: 90px !important;
  }

  .pr-lg-up\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_9 {
    padding: 90px !important;
  }

  .px-xl-down\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-xl-down\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-xl-down\:_9 {
    padding-top: 90px !important;
  }

  .pb-xl-down\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-xl-down\:_9 {
    padding-left: 90px !important;
  }

  .pr-xl-down\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_9 {
    padding: 90px !important;
  }

  .px-xl\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-xl\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-xl\:_9 {
    padding-top: 90px !important;
  }

  .pb-xl\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-xl\:_9 {
    padding-left: 90px !important;
  }

  .pr-xl\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_9 {
    padding: 90px !important;
  }

  .px-xl-up\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-xl-up\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-xl-up\:_9 {
    padding-top: 90px !important;
  }

  .pb-xl-up\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-xl-up\:_9 {
    padding-left: 90px !important;
  }

  .pr-xl-up\:_9 {
    padding-right: 90px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_9 {
    padding: 90px !important;
  }

  .px-xxl\:_9 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-xxl\:_9 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .pt-xxl\:_9 {
    padding-top: 90px !important;
  }

  .pb-xxl\:_9 {
    padding-bottom: 90px !important;
  }

  .pl-xxl\:_9 {
    padding-left: 90px !important;
  }

  .pr-xxl\:_9 {
    padding-right: 90px !important;
  }
}
.p\:_10 {
  padding: 100px !important;
}

.px\:_10 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.py\:_10 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.pt\:_10 {
  padding-top: 100px !important;
}

.pb\:_10 {
  padding-bottom: 100px !important;
}

.pl\:_10 {
  padding-left: 100px !important;
}

.pr\:_10 {
  padding-right: 100px !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:_10 {
    padding: 100px !important;
  }

  .px-xs\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-xs\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-xs\:_10 {
    padding-top: 100px !important;
  }

  .pb-xs\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-xs\:_10 {
    padding-left: 100px !important;
  }

  .pr-xs\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:_10 {
    padding: 100px !important;
  }

  .px-sm-down\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-sm-down\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-sm-down\:_10 {
    padding-top: 100px !important;
  }

  .pb-sm-down\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-sm-down\:_10 {
    padding-left: 100px !important;
  }

  .pr-sm-down\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:_10 {
    padding: 100px !important;
  }

  .px-sm\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-sm\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-sm\:_10 {
    padding-top: 100px !important;
  }

  .pb-sm\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-sm\:_10 {
    padding-left: 100px !important;
  }

  .pr-sm\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:_10 {
    padding: 100px !important;
  }

  .px-sm-up\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-sm-up\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-sm-up\:_10 {
    padding-top: 100px !important;
  }

  .pb-sm-up\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-sm-up\:_10 {
    padding-left: 100px !important;
  }

  .pr-sm-up\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:_10 {
    padding: 100px !important;
  }

  .px-md-down\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-md-down\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-md-down\:_10 {
    padding-top: 100px !important;
  }

  .pb-md-down\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-md-down\:_10 {
    padding-left: 100px !important;
  }

  .pr-md-down\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:_10 {
    padding: 100px !important;
  }

  .px-md\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-md\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-md\:_10 {
    padding-top: 100px !important;
  }

  .pb-md\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-md\:_10 {
    padding-left: 100px !important;
  }

  .pr-md\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:_10 {
    padding: 100px !important;
  }

  .px-md-up\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-md-up\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-md-up\:_10 {
    padding-top: 100px !important;
  }

  .pb-md-up\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-md-up\:_10 {
    padding-left: 100px !important;
  }

  .pr-md-up\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:_10 {
    padding: 100px !important;
  }

  .px-lg-down\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-lg-down\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-lg-down\:_10 {
    padding-top: 100px !important;
  }

  .pb-lg-down\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-lg-down\:_10 {
    padding-left: 100px !important;
  }

  .pr-lg-down\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:_10 {
    padding: 100px !important;
  }

  .px-lg\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-lg\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-lg\:_10 {
    padding-top: 100px !important;
  }

  .pb-lg\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-lg\:_10 {
    padding-left: 100px !important;
  }

  .pr-lg\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:_10 {
    padding: 100px !important;
  }

  .px-lg-up\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-lg-up\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-lg-up\:_10 {
    padding-top: 100px !important;
  }

  .pb-lg-up\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-lg-up\:_10 {
    padding-left: 100px !important;
  }

  .pr-lg-up\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:_10 {
    padding: 100px !important;
  }

  .px-xl-down\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-xl-down\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-xl-down\:_10 {
    padding-top: 100px !important;
  }

  .pb-xl-down\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-xl-down\:_10 {
    padding-left: 100px !important;
  }

  .pr-xl-down\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:_10 {
    padding: 100px !important;
  }

  .px-xl\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-xl\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-xl\:_10 {
    padding-top: 100px !important;
  }

  .pb-xl\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-xl\:_10 {
    padding-left: 100px !important;
  }

  .pr-xl\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:_10 {
    padding: 100px !important;
  }

  .px-xl-up\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-xl-up\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-xl-up\:_10 {
    padding-top: 100px !important;
  }

  .pb-xl-up\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-xl-up\:_10 {
    padding-left: 100px !important;
  }

  .pr-xl-up\:_10 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:_10 {
    padding: 100px !important;
  }

  .px-xxl\:_10 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-xxl\:_10 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .pt-xxl\:_10 {
    padding-top: 100px !important;
  }

  .pb-xxl\:_10 {
    padding-bottom: 100px !important;
  }

  .pl-xxl\:_10 {
    padding-left: 100px !important;
  }

  .pr-xxl\:_10 {
    padding-right: 100px !important;
  }
}
.p\:auto {
  padding: auto !important;
}

.px\:auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py\:auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.pt\:auto {
  padding-top: auto !important;
}

.pb\:auto {
  padding-bottom: auto !important;
}

.pl\:auto {
  padding-left: auto !important;
}

.pr\:auto {
  padding-right: auto !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:auto {
    padding: auto !important;
  }

  .px-xs\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-xs\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-xs\:auto {
    padding-top: auto !important;
  }

  .pb-xs\:auto {
    padding-bottom: auto !important;
  }

  .pl-xs\:auto {
    padding-left: auto !important;
  }

  .pr-xs\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:auto {
    padding: auto !important;
  }

  .px-sm-down\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-sm-down\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-sm-down\:auto {
    padding-top: auto !important;
  }

  .pb-sm-down\:auto {
    padding-bottom: auto !important;
  }

  .pl-sm-down\:auto {
    padding-left: auto !important;
  }

  .pr-sm-down\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:auto {
    padding: auto !important;
  }

  .px-sm\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-sm\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-sm\:auto {
    padding-top: auto !important;
  }

  .pb-sm\:auto {
    padding-bottom: auto !important;
  }

  .pl-sm\:auto {
    padding-left: auto !important;
  }

  .pr-sm\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:auto {
    padding: auto !important;
  }

  .px-sm-up\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-sm-up\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-sm-up\:auto {
    padding-top: auto !important;
  }

  .pb-sm-up\:auto {
    padding-bottom: auto !important;
  }

  .pl-sm-up\:auto {
    padding-left: auto !important;
  }

  .pr-sm-up\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:auto {
    padding: auto !important;
  }

  .px-md-down\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-md-down\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-md-down\:auto {
    padding-top: auto !important;
  }

  .pb-md-down\:auto {
    padding-bottom: auto !important;
  }

  .pl-md-down\:auto {
    padding-left: auto !important;
  }

  .pr-md-down\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:auto {
    padding: auto !important;
  }

  .px-md\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-md\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-md\:auto {
    padding-top: auto !important;
  }

  .pb-md\:auto {
    padding-bottom: auto !important;
  }

  .pl-md\:auto {
    padding-left: auto !important;
  }

  .pr-md\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:auto {
    padding: auto !important;
  }

  .px-md-up\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-md-up\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-md-up\:auto {
    padding-top: auto !important;
  }

  .pb-md-up\:auto {
    padding-bottom: auto !important;
  }

  .pl-md-up\:auto {
    padding-left: auto !important;
  }

  .pr-md-up\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:auto {
    padding: auto !important;
  }

  .px-lg-down\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-lg-down\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-lg-down\:auto {
    padding-top: auto !important;
  }

  .pb-lg-down\:auto {
    padding-bottom: auto !important;
  }

  .pl-lg-down\:auto {
    padding-left: auto !important;
  }

  .pr-lg-down\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:auto {
    padding: auto !important;
  }

  .px-lg\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-lg\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-lg\:auto {
    padding-top: auto !important;
  }

  .pb-lg\:auto {
    padding-bottom: auto !important;
  }

  .pl-lg\:auto {
    padding-left: auto !important;
  }

  .pr-lg\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:auto {
    padding: auto !important;
  }

  .px-lg-up\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-lg-up\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-lg-up\:auto {
    padding-top: auto !important;
  }

  .pb-lg-up\:auto {
    padding-bottom: auto !important;
  }

  .pl-lg-up\:auto {
    padding-left: auto !important;
  }

  .pr-lg-up\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:auto {
    padding: auto !important;
  }

  .px-xl-down\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-xl-down\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-xl-down\:auto {
    padding-top: auto !important;
  }

  .pb-xl-down\:auto {
    padding-bottom: auto !important;
  }

  .pl-xl-down\:auto {
    padding-left: auto !important;
  }

  .pr-xl-down\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:auto {
    padding: auto !important;
  }

  .px-xl\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-xl\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-xl\:auto {
    padding-top: auto !important;
  }

  .pb-xl\:auto {
    padding-bottom: auto !important;
  }

  .pl-xl\:auto {
    padding-left: auto !important;
  }

  .pr-xl\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:auto {
    padding: auto !important;
  }

  .px-xl-up\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-xl-up\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-xl-up\:auto {
    padding-top: auto !important;
  }

  .pb-xl-up\:auto {
    padding-bottom: auto !important;
  }

  .pl-xl-up\:auto {
    padding-left: auto !important;
  }

  .pr-xl-up\:auto {
    padding-right: auto !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:auto {
    padding: auto !important;
  }

  .px-xxl\:auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-xxl\:auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .pt-xxl\:auto {
    padding-top: auto !important;
  }

  .pb-xxl\:auto {
    padding-bottom: auto !important;
  }

  .pl-xxl\:auto {
    padding-left: auto !important;
  }

  .pr-xxl\:auto {
    padding-right: auto !important;
  }
}
.p\:10 {
  padding: 10% !important;
}

.px\:10 {
  padding-left: 10% !important;
  padding-right: 10% !important;
}

.py\:10 {
  padding-top: 10% !important;
  padding-bottom: 10% !important;
}

.pt\:10 {
  padding-top: 10% !important;
}

.pb\:10 {
  padding-bottom: 10% !important;
}

.pl\:10 {
  padding-left: 10% !important;
}

.pr\:10 {
  padding-right: 10% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:10 {
    padding: 10% !important;
  }

  .px-xs\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-xs\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-xs\:10 {
    padding-top: 10% !important;
  }

  .pb-xs\:10 {
    padding-bottom: 10% !important;
  }

  .pl-xs\:10 {
    padding-left: 10% !important;
  }

  .pr-xs\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:10 {
    padding: 10% !important;
  }

  .px-sm-down\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-sm-down\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-sm-down\:10 {
    padding-top: 10% !important;
  }

  .pb-sm-down\:10 {
    padding-bottom: 10% !important;
  }

  .pl-sm-down\:10 {
    padding-left: 10% !important;
  }

  .pr-sm-down\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:10 {
    padding: 10% !important;
  }

  .px-sm\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-sm\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-sm\:10 {
    padding-top: 10% !important;
  }

  .pb-sm\:10 {
    padding-bottom: 10% !important;
  }

  .pl-sm\:10 {
    padding-left: 10% !important;
  }

  .pr-sm\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:10 {
    padding: 10% !important;
  }

  .px-sm-up\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-sm-up\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-sm-up\:10 {
    padding-top: 10% !important;
  }

  .pb-sm-up\:10 {
    padding-bottom: 10% !important;
  }

  .pl-sm-up\:10 {
    padding-left: 10% !important;
  }

  .pr-sm-up\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:10 {
    padding: 10% !important;
  }

  .px-md-down\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-md-down\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-md-down\:10 {
    padding-top: 10% !important;
  }

  .pb-md-down\:10 {
    padding-bottom: 10% !important;
  }

  .pl-md-down\:10 {
    padding-left: 10% !important;
  }

  .pr-md-down\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:10 {
    padding: 10% !important;
  }

  .px-md\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-md\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-md\:10 {
    padding-top: 10% !important;
  }

  .pb-md\:10 {
    padding-bottom: 10% !important;
  }

  .pl-md\:10 {
    padding-left: 10% !important;
  }

  .pr-md\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:10 {
    padding: 10% !important;
  }

  .px-md-up\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-md-up\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-md-up\:10 {
    padding-top: 10% !important;
  }

  .pb-md-up\:10 {
    padding-bottom: 10% !important;
  }

  .pl-md-up\:10 {
    padding-left: 10% !important;
  }

  .pr-md-up\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:10 {
    padding: 10% !important;
  }

  .px-lg-down\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-lg-down\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-lg-down\:10 {
    padding-top: 10% !important;
  }

  .pb-lg-down\:10 {
    padding-bottom: 10% !important;
  }

  .pl-lg-down\:10 {
    padding-left: 10% !important;
  }

  .pr-lg-down\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:10 {
    padding: 10% !important;
  }

  .px-lg\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-lg\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-lg\:10 {
    padding-top: 10% !important;
  }

  .pb-lg\:10 {
    padding-bottom: 10% !important;
  }

  .pl-lg\:10 {
    padding-left: 10% !important;
  }

  .pr-lg\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:10 {
    padding: 10% !important;
  }

  .px-lg-up\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-lg-up\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-lg-up\:10 {
    padding-top: 10% !important;
  }

  .pb-lg-up\:10 {
    padding-bottom: 10% !important;
  }

  .pl-lg-up\:10 {
    padding-left: 10% !important;
  }

  .pr-lg-up\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:10 {
    padding: 10% !important;
  }

  .px-xl-down\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-xl-down\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-xl-down\:10 {
    padding-top: 10% !important;
  }

  .pb-xl-down\:10 {
    padding-bottom: 10% !important;
  }

  .pl-xl-down\:10 {
    padding-left: 10% !important;
  }

  .pr-xl-down\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:10 {
    padding: 10% !important;
  }

  .px-xl\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-xl\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-xl\:10 {
    padding-top: 10% !important;
  }

  .pb-xl\:10 {
    padding-bottom: 10% !important;
  }

  .pl-xl\:10 {
    padding-left: 10% !important;
  }

  .pr-xl\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:10 {
    padding: 10% !important;
  }

  .px-xl-up\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-xl-up\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-xl-up\:10 {
    padding-top: 10% !important;
  }

  .pb-xl-up\:10 {
    padding-bottom: 10% !important;
  }

  .pl-xl-up\:10 {
    padding-left: 10% !important;
  }

  .pr-xl-up\:10 {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:10 {
    padding: 10% !important;
  }

  .px-xxl\:10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .py-xxl\:10 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .pt-xxl\:10 {
    padding-top: 10% !important;
  }

  .pb-xxl\:10 {
    padding-bottom: 10% !important;
  }

  .pl-xxl\:10 {
    padding-left: 10% !important;
  }

  .pr-xxl\:10 {
    padding-right: 10% !important;
  }
}
.p\:20 {
  padding: 20% !important;
}

.px\:20 {
  padding-left: 20% !important;
  padding-right: 20% !important;
}

.py\:20 {
  padding-top: 20% !important;
  padding-bottom: 20% !important;
}

.pt\:20 {
  padding-top: 20% !important;
}

.pb\:20 {
  padding-bottom: 20% !important;
}

.pl\:20 {
  padding-left: 20% !important;
}

.pr\:20 {
  padding-right: 20% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:20 {
    padding: 20% !important;
  }

  .px-xs\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-xs\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-xs\:20 {
    padding-top: 20% !important;
  }

  .pb-xs\:20 {
    padding-bottom: 20% !important;
  }

  .pl-xs\:20 {
    padding-left: 20% !important;
  }

  .pr-xs\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:20 {
    padding: 20% !important;
  }

  .px-sm-down\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-sm-down\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-sm-down\:20 {
    padding-top: 20% !important;
  }

  .pb-sm-down\:20 {
    padding-bottom: 20% !important;
  }

  .pl-sm-down\:20 {
    padding-left: 20% !important;
  }

  .pr-sm-down\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:20 {
    padding: 20% !important;
  }

  .px-sm\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-sm\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-sm\:20 {
    padding-top: 20% !important;
  }

  .pb-sm\:20 {
    padding-bottom: 20% !important;
  }

  .pl-sm\:20 {
    padding-left: 20% !important;
  }

  .pr-sm\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:20 {
    padding: 20% !important;
  }

  .px-sm-up\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-sm-up\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-sm-up\:20 {
    padding-top: 20% !important;
  }

  .pb-sm-up\:20 {
    padding-bottom: 20% !important;
  }

  .pl-sm-up\:20 {
    padding-left: 20% !important;
  }

  .pr-sm-up\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:20 {
    padding: 20% !important;
  }

  .px-md-down\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-md-down\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-md-down\:20 {
    padding-top: 20% !important;
  }

  .pb-md-down\:20 {
    padding-bottom: 20% !important;
  }

  .pl-md-down\:20 {
    padding-left: 20% !important;
  }

  .pr-md-down\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:20 {
    padding: 20% !important;
  }

  .px-md\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-md\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-md\:20 {
    padding-top: 20% !important;
  }

  .pb-md\:20 {
    padding-bottom: 20% !important;
  }

  .pl-md\:20 {
    padding-left: 20% !important;
  }

  .pr-md\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:20 {
    padding: 20% !important;
  }

  .px-md-up\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-md-up\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-md-up\:20 {
    padding-top: 20% !important;
  }

  .pb-md-up\:20 {
    padding-bottom: 20% !important;
  }

  .pl-md-up\:20 {
    padding-left: 20% !important;
  }

  .pr-md-up\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:20 {
    padding: 20% !important;
  }

  .px-lg-down\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-lg-down\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-lg-down\:20 {
    padding-top: 20% !important;
  }

  .pb-lg-down\:20 {
    padding-bottom: 20% !important;
  }

  .pl-lg-down\:20 {
    padding-left: 20% !important;
  }

  .pr-lg-down\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:20 {
    padding: 20% !important;
  }

  .px-lg\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-lg\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-lg\:20 {
    padding-top: 20% !important;
  }

  .pb-lg\:20 {
    padding-bottom: 20% !important;
  }

  .pl-lg\:20 {
    padding-left: 20% !important;
  }

  .pr-lg\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:20 {
    padding: 20% !important;
  }

  .px-lg-up\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-lg-up\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-lg-up\:20 {
    padding-top: 20% !important;
  }

  .pb-lg-up\:20 {
    padding-bottom: 20% !important;
  }

  .pl-lg-up\:20 {
    padding-left: 20% !important;
  }

  .pr-lg-up\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:20 {
    padding: 20% !important;
  }

  .px-xl-down\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-xl-down\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-xl-down\:20 {
    padding-top: 20% !important;
  }

  .pb-xl-down\:20 {
    padding-bottom: 20% !important;
  }

  .pl-xl-down\:20 {
    padding-left: 20% !important;
  }

  .pr-xl-down\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:20 {
    padding: 20% !important;
  }

  .px-xl\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-xl\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-xl\:20 {
    padding-top: 20% !important;
  }

  .pb-xl\:20 {
    padding-bottom: 20% !important;
  }

  .pl-xl\:20 {
    padding-left: 20% !important;
  }

  .pr-xl\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:20 {
    padding: 20% !important;
  }

  .px-xl-up\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-xl-up\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-xl-up\:20 {
    padding-top: 20% !important;
  }

  .pb-xl-up\:20 {
    padding-bottom: 20% !important;
  }

  .pl-xl-up\:20 {
    padding-left: 20% !important;
  }

  .pr-xl-up\:20 {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:20 {
    padding: 20% !important;
  }

  .px-xxl\:20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

  .py-xxl\:20 {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }

  .pt-xxl\:20 {
    padding-top: 20% !important;
  }

  .pb-xxl\:20 {
    padding-bottom: 20% !important;
  }

  .pl-xxl\:20 {
    padding-left: 20% !important;
  }

  .pr-xxl\:20 {
    padding-right: 20% !important;
  }
}
.p\:25 {
  padding: 25% !important;
}

.px\:25 {
  padding-left: 25% !important;
  padding-right: 25% !important;
}

.py\:25 {
  padding-top: 25% !important;
  padding-bottom: 25% !important;
}

.pt\:25 {
  padding-top: 25% !important;
}

.pb\:25 {
  padding-bottom: 25% !important;
}

.pl\:25 {
  padding-left: 25% !important;
}

.pr\:25 {
  padding-right: 25% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:25 {
    padding: 25% !important;
  }

  .px-xs\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-xs\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-xs\:25 {
    padding-top: 25% !important;
  }

  .pb-xs\:25 {
    padding-bottom: 25% !important;
  }

  .pl-xs\:25 {
    padding-left: 25% !important;
  }

  .pr-xs\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:25 {
    padding: 25% !important;
  }

  .px-sm-down\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-sm-down\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-sm-down\:25 {
    padding-top: 25% !important;
  }

  .pb-sm-down\:25 {
    padding-bottom: 25% !important;
  }

  .pl-sm-down\:25 {
    padding-left: 25% !important;
  }

  .pr-sm-down\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:25 {
    padding: 25% !important;
  }

  .px-sm\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-sm\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-sm\:25 {
    padding-top: 25% !important;
  }

  .pb-sm\:25 {
    padding-bottom: 25% !important;
  }

  .pl-sm\:25 {
    padding-left: 25% !important;
  }

  .pr-sm\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:25 {
    padding: 25% !important;
  }

  .px-sm-up\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-sm-up\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-sm-up\:25 {
    padding-top: 25% !important;
  }

  .pb-sm-up\:25 {
    padding-bottom: 25% !important;
  }

  .pl-sm-up\:25 {
    padding-left: 25% !important;
  }

  .pr-sm-up\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:25 {
    padding: 25% !important;
  }

  .px-md-down\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-md-down\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-md-down\:25 {
    padding-top: 25% !important;
  }

  .pb-md-down\:25 {
    padding-bottom: 25% !important;
  }

  .pl-md-down\:25 {
    padding-left: 25% !important;
  }

  .pr-md-down\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:25 {
    padding: 25% !important;
  }

  .px-md\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-md\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-md\:25 {
    padding-top: 25% !important;
  }

  .pb-md\:25 {
    padding-bottom: 25% !important;
  }

  .pl-md\:25 {
    padding-left: 25% !important;
  }

  .pr-md\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:25 {
    padding: 25% !important;
  }

  .px-md-up\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-md-up\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-md-up\:25 {
    padding-top: 25% !important;
  }

  .pb-md-up\:25 {
    padding-bottom: 25% !important;
  }

  .pl-md-up\:25 {
    padding-left: 25% !important;
  }

  .pr-md-up\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:25 {
    padding: 25% !important;
  }

  .px-lg-down\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-lg-down\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-lg-down\:25 {
    padding-top: 25% !important;
  }

  .pb-lg-down\:25 {
    padding-bottom: 25% !important;
  }

  .pl-lg-down\:25 {
    padding-left: 25% !important;
  }

  .pr-lg-down\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:25 {
    padding: 25% !important;
  }

  .px-lg\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-lg\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-lg\:25 {
    padding-top: 25% !important;
  }

  .pb-lg\:25 {
    padding-bottom: 25% !important;
  }

  .pl-lg\:25 {
    padding-left: 25% !important;
  }

  .pr-lg\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:25 {
    padding: 25% !important;
  }

  .px-lg-up\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-lg-up\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-lg-up\:25 {
    padding-top: 25% !important;
  }

  .pb-lg-up\:25 {
    padding-bottom: 25% !important;
  }

  .pl-lg-up\:25 {
    padding-left: 25% !important;
  }

  .pr-lg-up\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:25 {
    padding: 25% !important;
  }

  .px-xl-down\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-xl-down\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-xl-down\:25 {
    padding-top: 25% !important;
  }

  .pb-xl-down\:25 {
    padding-bottom: 25% !important;
  }

  .pl-xl-down\:25 {
    padding-left: 25% !important;
  }

  .pr-xl-down\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:25 {
    padding: 25% !important;
  }

  .px-xl\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-xl\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-xl\:25 {
    padding-top: 25% !important;
  }

  .pb-xl\:25 {
    padding-bottom: 25% !important;
  }

  .pl-xl\:25 {
    padding-left: 25% !important;
  }

  .pr-xl\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:25 {
    padding: 25% !important;
  }

  .px-xl-up\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-xl-up\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-xl-up\:25 {
    padding-top: 25% !important;
  }

  .pb-xl-up\:25 {
    padding-bottom: 25% !important;
  }

  .pl-xl-up\:25 {
    padding-left: 25% !important;
  }

  .pr-xl-up\:25 {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:25 {
    padding: 25% !important;
  }

  .px-xxl\:25 {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

  .py-xxl\:25 {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }

  .pt-xxl\:25 {
    padding-top: 25% !important;
  }

  .pb-xxl\:25 {
    padding-bottom: 25% !important;
  }

  .pl-xxl\:25 {
    padding-left: 25% !important;
  }

  .pr-xxl\:25 {
    padding-right: 25% !important;
  }
}
.p\:30 {
  padding: 30% !important;
}

.px\:30 {
  padding-left: 30% !important;
  padding-right: 30% !important;
}

.py\:30 {
  padding-top: 30% !important;
  padding-bottom: 30% !important;
}

.pt\:30 {
  padding-top: 30% !important;
}

.pb\:30 {
  padding-bottom: 30% !important;
}

.pl\:30 {
  padding-left: 30% !important;
}

.pr\:30 {
  padding-right: 30% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:30 {
    padding: 30% !important;
  }

  .px-xs\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-xs\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-xs\:30 {
    padding-top: 30% !important;
  }

  .pb-xs\:30 {
    padding-bottom: 30% !important;
  }

  .pl-xs\:30 {
    padding-left: 30% !important;
  }

  .pr-xs\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:30 {
    padding: 30% !important;
  }

  .px-sm-down\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-sm-down\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-sm-down\:30 {
    padding-top: 30% !important;
  }

  .pb-sm-down\:30 {
    padding-bottom: 30% !important;
  }

  .pl-sm-down\:30 {
    padding-left: 30% !important;
  }

  .pr-sm-down\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:30 {
    padding: 30% !important;
  }

  .px-sm\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-sm\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-sm\:30 {
    padding-top: 30% !important;
  }

  .pb-sm\:30 {
    padding-bottom: 30% !important;
  }

  .pl-sm\:30 {
    padding-left: 30% !important;
  }

  .pr-sm\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:30 {
    padding: 30% !important;
  }

  .px-sm-up\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-sm-up\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-sm-up\:30 {
    padding-top: 30% !important;
  }

  .pb-sm-up\:30 {
    padding-bottom: 30% !important;
  }

  .pl-sm-up\:30 {
    padding-left: 30% !important;
  }

  .pr-sm-up\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:30 {
    padding: 30% !important;
  }

  .px-md-down\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-md-down\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-md-down\:30 {
    padding-top: 30% !important;
  }

  .pb-md-down\:30 {
    padding-bottom: 30% !important;
  }

  .pl-md-down\:30 {
    padding-left: 30% !important;
  }

  .pr-md-down\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:30 {
    padding: 30% !important;
  }

  .px-md\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-md\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-md\:30 {
    padding-top: 30% !important;
  }

  .pb-md\:30 {
    padding-bottom: 30% !important;
  }

  .pl-md\:30 {
    padding-left: 30% !important;
  }

  .pr-md\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:30 {
    padding: 30% !important;
  }

  .px-md-up\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-md-up\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-md-up\:30 {
    padding-top: 30% !important;
  }

  .pb-md-up\:30 {
    padding-bottom: 30% !important;
  }

  .pl-md-up\:30 {
    padding-left: 30% !important;
  }

  .pr-md-up\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:30 {
    padding: 30% !important;
  }

  .px-lg-down\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-lg-down\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-lg-down\:30 {
    padding-top: 30% !important;
  }

  .pb-lg-down\:30 {
    padding-bottom: 30% !important;
  }

  .pl-lg-down\:30 {
    padding-left: 30% !important;
  }

  .pr-lg-down\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:30 {
    padding: 30% !important;
  }

  .px-lg\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-lg\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-lg\:30 {
    padding-top: 30% !important;
  }

  .pb-lg\:30 {
    padding-bottom: 30% !important;
  }

  .pl-lg\:30 {
    padding-left: 30% !important;
  }

  .pr-lg\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:30 {
    padding: 30% !important;
  }

  .px-lg-up\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-lg-up\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-lg-up\:30 {
    padding-top: 30% !important;
  }

  .pb-lg-up\:30 {
    padding-bottom: 30% !important;
  }

  .pl-lg-up\:30 {
    padding-left: 30% !important;
  }

  .pr-lg-up\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:30 {
    padding: 30% !important;
  }

  .px-xl-down\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-xl-down\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-xl-down\:30 {
    padding-top: 30% !important;
  }

  .pb-xl-down\:30 {
    padding-bottom: 30% !important;
  }

  .pl-xl-down\:30 {
    padding-left: 30% !important;
  }

  .pr-xl-down\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:30 {
    padding: 30% !important;
  }

  .px-xl\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-xl\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-xl\:30 {
    padding-top: 30% !important;
  }

  .pb-xl\:30 {
    padding-bottom: 30% !important;
  }

  .pl-xl\:30 {
    padding-left: 30% !important;
  }

  .pr-xl\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:30 {
    padding: 30% !important;
  }

  .px-xl-up\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-xl-up\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-xl-up\:30 {
    padding-top: 30% !important;
  }

  .pb-xl-up\:30 {
    padding-bottom: 30% !important;
  }

  .pl-xl-up\:30 {
    padding-left: 30% !important;
  }

  .pr-xl-up\:30 {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:30 {
    padding: 30% !important;
  }

  .px-xxl\:30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }

  .py-xxl\:30 {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }

  .pt-xxl\:30 {
    padding-top: 30% !important;
  }

  .pb-xxl\:30 {
    padding-bottom: 30% !important;
  }

  .pl-xxl\:30 {
    padding-left: 30% !important;
  }

  .pr-xxl\:30 {
    padding-right: 30% !important;
  }
}
.p\:33 {
  padding: 33.33% !important;
}

.px\:33 {
  padding-left: 33.33% !important;
  padding-right: 33.33% !important;
}

.py\:33 {
  padding-top: 33.33% !important;
  padding-bottom: 33.33% !important;
}

.pt\:33 {
  padding-top: 33.33% !important;
}

.pb\:33 {
  padding-bottom: 33.33% !important;
}

.pl\:33 {
  padding-left: 33.33% !important;
}

.pr\:33 {
  padding-right: 33.33% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:33 {
    padding: 33.33% !important;
  }

  .px-xs\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-xs\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-xs\:33 {
    padding-top: 33.33% !important;
  }

  .pb-xs\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-xs\:33 {
    padding-left: 33.33% !important;
  }

  .pr-xs\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:33 {
    padding: 33.33% !important;
  }

  .px-sm-down\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-sm-down\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-sm-down\:33 {
    padding-top: 33.33% !important;
  }

  .pb-sm-down\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-sm-down\:33 {
    padding-left: 33.33% !important;
  }

  .pr-sm-down\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:33 {
    padding: 33.33% !important;
  }

  .px-sm\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-sm\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-sm\:33 {
    padding-top: 33.33% !important;
  }

  .pb-sm\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-sm\:33 {
    padding-left: 33.33% !important;
  }

  .pr-sm\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:33 {
    padding: 33.33% !important;
  }

  .px-sm-up\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-sm-up\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-sm-up\:33 {
    padding-top: 33.33% !important;
  }

  .pb-sm-up\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-sm-up\:33 {
    padding-left: 33.33% !important;
  }

  .pr-sm-up\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:33 {
    padding: 33.33% !important;
  }

  .px-md-down\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-md-down\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-md-down\:33 {
    padding-top: 33.33% !important;
  }

  .pb-md-down\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-md-down\:33 {
    padding-left: 33.33% !important;
  }

  .pr-md-down\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:33 {
    padding: 33.33% !important;
  }

  .px-md\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-md\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-md\:33 {
    padding-top: 33.33% !important;
  }

  .pb-md\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-md\:33 {
    padding-left: 33.33% !important;
  }

  .pr-md\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:33 {
    padding: 33.33% !important;
  }

  .px-md-up\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-md-up\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-md-up\:33 {
    padding-top: 33.33% !important;
  }

  .pb-md-up\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-md-up\:33 {
    padding-left: 33.33% !important;
  }

  .pr-md-up\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:33 {
    padding: 33.33% !important;
  }

  .px-lg-down\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-lg-down\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-lg-down\:33 {
    padding-top: 33.33% !important;
  }

  .pb-lg-down\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-lg-down\:33 {
    padding-left: 33.33% !important;
  }

  .pr-lg-down\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:33 {
    padding: 33.33% !important;
  }

  .px-lg\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-lg\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-lg\:33 {
    padding-top: 33.33% !important;
  }

  .pb-lg\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-lg\:33 {
    padding-left: 33.33% !important;
  }

  .pr-lg\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:33 {
    padding: 33.33% !important;
  }

  .px-lg-up\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-lg-up\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-lg-up\:33 {
    padding-top: 33.33% !important;
  }

  .pb-lg-up\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-lg-up\:33 {
    padding-left: 33.33% !important;
  }

  .pr-lg-up\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:33 {
    padding: 33.33% !important;
  }

  .px-xl-down\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-xl-down\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-xl-down\:33 {
    padding-top: 33.33% !important;
  }

  .pb-xl-down\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-xl-down\:33 {
    padding-left: 33.33% !important;
  }

  .pr-xl-down\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:33 {
    padding: 33.33% !important;
  }

  .px-xl\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-xl\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-xl\:33 {
    padding-top: 33.33% !important;
  }

  .pb-xl\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-xl\:33 {
    padding-left: 33.33% !important;
  }

  .pr-xl\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:33 {
    padding: 33.33% !important;
  }

  .px-xl-up\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-xl-up\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-xl-up\:33 {
    padding-top: 33.33% !important;
  }

  .pb-xl-up\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-xl-up\:33 {
    padding-left: 33.33% !important;
  }

  .pr-xl-up\:33 {
    padding-right: 33.33% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:33 {
    padding: 33.33% !important;
  }

  .px-xxl\:33 {
    padding-left: 33.33% !important;
    padding-right: 33.33% !important;
  }

  .py-xxl\:33 {
    padding-top: 33.33% !important;
    padding-bottom: 33.33% !important;
  }

  .pt-xxl\:33 {
    padding-top: 33.33% !important;
  }

  .pb-xxl\:33 {
    padding-bottom: 33.33% !important;
  }

  .pl-xxl\:33 {
    padding-left: 33.33% !important;
  }

  .pr-xxl\:33 {
    padding-right: 33.33% !important;
  }
}
.p\:40 {
  padding: 40% !important;
}

.px\:40 {
  padding-left: 40% !important;
  padding-right: 40% !important;
}

.py\:40 {
  padding-top: 40% !important;
  padding-bottom: 40% !important;
}

.pt\:40 {
  padding-top: 40% !important;
}

.pb\:40 {
  padding-bottom: 40% !important;
}

.pl\:40 {
  padding-left: 40% !important;
}

.pr\:40 {
  padding-right: 40% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:40 {
    padding: 40% !important;
  }

  .px-xs\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-xs\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-xs\:40 {
    padding-top: 40% !important;
  }

  .pb-xs\:40 {
    padding-bottom: 40% !important;
  }

  .pl-xs\:40 {
    padding-left: 40% !important;
  }

  .pr-xs\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:40 {
    padding: 40% !important;
  }

  .px-sm-down\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-sm-down\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-sm-down\:40 {
    padding-top: 40% !important;
  }

  .pb-sm-down\:40 {
    padding-bottom: 40% !important;
  }

  .pl-sm-down\:40 {
    padding-left: 40% !important;
  }

  .pr-sm-down\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:40 {
    padding: 40% !important;
  }

  .px-sm\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-sm\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-sm\:40 {
    padding-top: 40% !important;
  }

  .pb-sm\:40 {
    padding-bottom: 40% !important;
  }

  .pl-sm\:40 {
    padding-left: 40% !important;
  }

  .pr-sm\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:40 {
    padding: 40% !important;
  }

  .px-sm-up\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-sm-up\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-sm-up\:40 {
    padding-top: 40% !important;
  }

  .pb-sm-up\:40 {
    padding-bottom: 40% !important;
  }

  .pl-sm-up\:40 {
    padding-left: 40% !important;
  }

  .pr-sm-up\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:40 {
    padding: 40% !important;
  }

  .px-md-down\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-md-down\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-md-down\:40 {
    padding-top: 40% !important;
  }

  .pb-md-down\:40 {
    padding-bottom: 40% !important;
  }

  .pl-md-down\:40 {
    padding-left: 40% !important;
  }

  .pr-md-down\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:40 {
    padding: 40% !important;
  }

  .px-md\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-md\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-md\:40 {
    padding-top: 40% !important;
  }

  .pb-md\:40 {
    padding-bottom: 40% !important;
  }

  .pl-md\:40 {
    padding-left: 40% !important;
  }

  .pr-md\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:40 {
    padding: 40% !important;
  }

  .px-md-up\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-md-up\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-md-up\:40 {
    padding-top: 40% !important;
  }

  .pb-md-up\:40 {
    padding-bottom: 40% !important;
  }

  .pl-md-up\:40 {
    padding-left: 40% !important;
  }

  .pr-md-up\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:40 {
    padding: 40% !important;
  }

  .px-lg-down\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-lg-down\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-lg-down\:40 {
    padding-top: 40% !important;
  }

  .pb-lg-down\:40 {
    padding-bottom: 40% !important;
  }

  .pl-lg-down\:40 {
    padding-left: 40% !important;
  }

  .pr-lg-down\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:40 {
    padding: 40% !important;
  }

  .px-lg\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-lg\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-lg\:40 {
    padding-top: 40% !important;
  }

  .pb-lg\:40 {
    padding-bottom: 40% !important;
  }

  .pl-lg\:40 {
    padding-left: 40% !important;
  }

  .pr-lg\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:40 {
    padding: 40% !important;
  }

  .px-lg-up\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-lg-up\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-lg-up\:40 {
    padding-top: 40% !important;
  }

  .pb-lg-up\:40 {
    padding-bottom: 40% !important;
  }

  .pl-lg-up\:40 {
    padding-left: 40% !important;
  }

  .pr-lg-up\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:40 {
    padding: 40% !important;
  }

  .px-xl-down\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-xl-down\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-xl-down\:40 {
    padding-top: 40% !important;
  }

  .pb-xl-down\:40 {
    padding-bottom: 40% !important;
  }

  .pl-xl-down\:40 {
    padding-left: 40% !important;
  }

  .pr-xl-down\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:40 {
    padding: 40% !important;
  }

  .px-xl\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-xl\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-xl\:40 {
    padding-top: 40% !important;
  }

  .pb-xl\:40 {
    padding-bottom: 40% !important;
  }

  .pl-xl\:40 {
    padding-left: 40% !important;
  }

  .pr-xl\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:40 {
    padding: 40% !important;
  }

  .px-xl-up\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-xl-up\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-xl-up\:40 {
    padding-top: 40% !important;
  }

  .pb-xl-up\:40 {
    padding-bottom: 40% !important;
  }

  .pl-xl-up\:40 {
    padding-left: 40% !important;
  }

  .pr-xl-up\:40 {
    padding-right: 40% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:40 {
    padding: 40% !important;
  }

  .px-xxl\:40 {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }

  .py-xxl\:40 {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }

  .pt-xxl\:40 {
    padding-top: 40% !important;
  }

  .pb-xxl\:40 {
    padding-bottom: 40% !important;
  }

  .pl-xxl\:40 {
    padding-left: 40% !important;
  }

  .pr-xxl\:40 {
    padding-right: 40% !important;
  }
}
.p\:45 {
  padding: 45% !important;
}

.px\:45 {
  padding-left: 45% !important;
  padding-right: 45% !important;
}

.py\:45 {
  padding-top: 45% !important;
  padding-bottom: 45% !important;
}

.pt\:45 {
  padding-top: 45% !important;
}

.pb\:45 {
  padding-bottom: 45% !important;
}

.pl\:45 {
  padding-left: 45% !important;
}

.pr\:45 {
  padding-right: 45% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:45 {
    padding: 45% !important;
  }

  .px-xs\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-xs\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-xs\:45 {
    padding-top: 45% !important;
  }

  .pb-xs\:45 {
    padding-bottom: 45% !important;
  }

  .pl-xs\:45 {
    padding-left: 45% !important;
  }

  .pr-xs\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:45 {
    padding: 45% !important;
  }

  .px-sm-down\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-sm-down\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-sm-down\:45 {
    padding-top: 45% !important;
  }

  .pb-sm-down\:45 {
    padding-bottom: 45% !important;
  }

  .pl-sm-down\:45 {
    padding-left: 45% !important;
  }

  .pr-sm-down\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:45 {
    padding: 45% !important;
  }

  .px-sm\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-sm\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-sm\:45 {
    padding-top: 45% !important;
  }

  .pb-sm\:45 {
    padding-bottom: 45% !important;
  }

  .pl-sm\:45 {
    padding-left: 45% !important;
  }

  .pr-sm\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:45 {
    padding: 45% !important;
  }

  .px-sm-up\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-sm-up\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-sm-up\:45 {
    padding-top: 45% !important;
  }

  .pb-sm-up\:45 {
    padding-bottom: 45% !important;
  }

  .pl-sm-up\:45 {
    padding-left: 45% !important;
  }

  .pr-sm-up\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:45 {
    padding: 45% !important;
  }

  .px-md-down\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-md-down\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-md-down\:45 {
    padding-top: 45% !important;
  }

  .pb-md-down\:45 {
    padding-bottom: 45% !important;
  }

  .pl-md-down\:45 {
    padding-left: 45% !important;
  }

  .pr-md-down\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:45 {
    padding: 45% !important;
  }

  .px-md\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-md\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-md\:45 {
    padding-top: 45% !important;
  }

  .pb-md\:45 {
    padding-bottom: 45% !important;
  }

  .pl-md\:45 {
    padding-left: 45% !important;
  }

  .pr-md\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:45 {
    padding: 45% !important;
  }

  .px-md-up\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-md-up\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-md-up\:45 {
    padding-top: 45% !important;
  }

  .pb-md-up\:45 {
    padding-bottom: 45% !important;
  }

  .pl-md-up\:45 {
    padding-left: 45% !important;
  }

  .pr-md-up\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:45 {
    padding: 45% !important;
  }

  .px-lg-down\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-lg-down\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-lg-down\:45 {
    padding-top: 45% !important;
  }

  .pb-lg-down\:45 {
    padding-bottom: 45% !important;
  }

  .pl-lg-down\:45 {
    padding-left: 45% !important;
  }

  .pr-lg-down\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:45 {
    padding: 45% !important;
  }

  .px-lg\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-lg\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-lg\:45 {
    padding-top: 45% !important;
  }

  .pb-lg\:45 {
    padding-bottom: 45% !important;
  }

  .pl-lg\:45 {
    padding-left: 45% !important;
  }

  .pr-lg\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:45 {
    padding: 45% !important;
  }

  .px-lg-up\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-lg-up\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-lg-up\:45 {
    padding-top: 45% !important;
  }

  .pb-lg-up\:45 {
    padding-bottom: 45% !important;
  }

  .pl-lg-up\:45 {
    padding-left: 45% !important;
  }

  .pr-lg-up\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:45 {
    padding: 45% !important;
  }

  .px-xl-down\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-xl-down\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-xl-down\:45 {
    padding-top: 45% !important;
  }

  .pb-xl-down\:45 {
    padding-bottom: 45% !important;
  }

  .pl-xl-down\:45 {
    padding-left: 45% !important;
  }

  .pr-xl-down\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:45 {
    padding: 45% !important;
  }

  .px-xl\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-xl\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-xl\:45 {
    padding-top: 45% !important;
  }

  .pb-xl\:45 {
    padding-bottom: 45% !important;
  }

  .pl-xl\:45 {
    padding-left: 45% !important;
  }

  .pr-xl\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:45 {
    padding: 45% !important;
  }

  .px-xl-up\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-xl-up\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-xl-up\:45 {
    padding-top: 45% !important;
  }

  .pb-xl-up\:45 {
    padding-bottom: 45% !important;
  }

  .pl-xl-up\:45 {
    padding-left: 45% !important;
  }

  .pr-xl-up\:45 {
    padding-right: 45% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:45 {
    padding: 45% !important;
  }

  .px-xxl\:45 {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }

  .py-xxl\:45 {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }

  .pt-xxl\:45 {
    padding-top: 45% !important;
  }

  .pb-xxl\:45 {
    padding-bottom: 45% !important;
  }

  .pl-xxl\:45 {
    padding-left: 45% !important;
  }

  .pr-xxl\:45 {
    padding-right: 45% !important;
  }
}
.p\:50 {
  padding: 50% !important;
}

.px\:50 {
  padding-left: 50% !important;
  padding-right: 50% !important;
}

.py\:50 {
  padding-top: 50% !important;
  padding-bottom: 50% !important;
}

.pt\:50 {
  padding-top: 50% !important;
}

.pb\:50 {
  padding-bottom: 50% !important;
}

.pl\:50 {
  padding-left: 50% !important;
}

.pr\:50 {
  padding-right: 50% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:50 {
    padding: 50% !important;
  }

  .px-xs\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-xs\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-xs\:50 {
    padding-top: 50% !important;
  }

  .pb-xs\:50 {
    padding-bottom: 50% !important;
  }

  .pl-xs\:50 {
    padding-left: 50% !important;
  }

  .pr-xs\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:50 {
    padding: 50% !important;
  }

  .px-sm-down\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-sm-down\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-sm-down\:50 {
    padding-top: 50% !important;
  }

  .pb-sm-down\:50 {
    padding-bottom: 50% !important;
  }

  .pl-sm-down\:50 {
    padding-left: 50% !important;
  }

  .pr-sm-down\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:50 {
    padding: 50% !important;
  }

  .px-sm\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-sm\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-sm\:50 {
    padding-top: 50% !important;
  }

  .pb-sm\:50 {
    padding-bottom: 50% !important;
  }

  .pl-sm\:50 {
    padding-left: 50% !important;
  }

  .pr-sm\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:50 {
    padding: 50% !important;
  }

  .px-sm-up\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-sm-up\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-sm-up\:50 {
    padding-top: 50% !important;
  }

  .pb-sm-up\:50 {
    padding-bottom: 50% !important;
  }

  .pl-sm-up\:50 {
    padding-left: 50% !important;
  }

  .pr-sm-up\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:50 {
    padding: 50% !important;
  }

  .px-md-down\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-md-down\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-md-down\:50 {
    padding-top: 50% !important;
  }

  .pb-md-down\:50 {
    padding-bottom: 50% !important;
  }

  .pl-md-down\:50 {
    padding-left: 50% !important;
  }

  .pr-md-down\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:50 {
    padding: 50% !important;
  }

  .px-md\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-md\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-md\:50 {
    padding-top: 50% !important;
  }

  .pb-md\:50 {
    padding-bottom: 50% !important;
  }

  .pl-md\:50 {
    padding-left: 50% !important;
  }

  .pr-md\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:50 {
    padding: 50% !important;
  }

  .px-md-up\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-md-up\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-md-up\:50 {
    padding-top: 50% !important;
  }

  .pb-md-up\:50 {
    padding-bottom: 50% !important;
  }

  .pl-md-up\:50 {
    padding-left: 50% !important;
  }

  .pr-md-up\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:50 {
    padding: 50% !important;
  }

  .px-lg-down\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-lg-down\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-lg-down\:50 {
    padding-top: 50% !important;
  }

  .pb-lg-down\:50 {
    padding-bottom: 50% !important;
  }

  .pl-lg-down\:50 {
    padding-left: 50% !important;
  }

  .pr-lg-down\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:50 {
    padding: 50% !important;
  }

  .px-lg\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-lg\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-lg\:50 {
    padding-top: 50% !important;
  }

  .pb-lg\:50 {
    padding-bottom: 50% !important;
  }

  .pl-lg\:50 {
    padding-left: 50% !important;
  }

  .pr-lg\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:50 {
    padding: 50% !important;
  }

  .px-lg-up\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-lg-up\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-lg-up\:50 {
    padding-top: 50% !important;
  }

  .pb-lg-up\:50 {
    padding-bottom: 50% !important;
  }

  .pl-lg-up\:50 {
    padding-left: 50% !important;
  }

  .pr-lg-up\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:50 {
    padding: 50% !important;
  }

  .px-xl-down\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-xl-down\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-xl-down\:50 {
    padding-top: 50% !important;
  }

  .pb-xl-down\:50 {
    padding-bottom: 50% !important;
  }

  .pl-xl-down\:50 {
    padding-left: 50% !important;
  }

  .pr-xl-down\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:50 {
    padding: 50% !important;
  }

  .px-xl\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-xl\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-xl\:50 {
    padding-top: 50% !important;
  }

  .pb-xl\:50 {
    padding-bottom: 50% !important;
  }

  .pl-xl\:50 {
    padding-left: 50% !important;
  }

  .pr-xl\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:50 {
    padding: 50% !important;
  }

  .px-xl-up\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-xl-up\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-xl-up\:50 {
    padding-top: 50% !important;
  }

  .pb-xl-up\:50 {
    padding-bottom: 50% !important;
  }

  .pl-xl-up\:50 {
    padding-left: 50% !important;
  }

  .pr-xl-up\:50 {
    padding-right: 50% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:50 {
    padding: 50% !important;
  }

  .px-xxl\:50 {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }

  .py-xxl\:50 {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }

  .pt-xxl\:50 {
    padding-top: 50% !important;
  }

  .pb-xxl\:50 {
    padding-bottom: 50% !important;
  }

  .pl-xxl\:50 {
    padding-left: 50% !important;
  }

  .pr-xxl\:50 {
    padding-right: 50% !important;
  }
}
.p\:60 {
  padding: 60% !important;
}

.px\:60 {
  padding-left: 60% !important;
  padding-right: 60% !important;
}

.py\:60 {
  padding-top: 60% !important;
  padding-bottom: 60% !important;
}

.pt\:60 {
  padding-top: 60% !important;
}

.pb\:60 {
  padding-bottom: 60% !important;
}

.pl\:60 {
  padding-left: 60% !important;
}

.pr\:60 {
  padding-right: 60% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:60 {
    padding: 60% !important;
  }

  .px-xs\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-xs\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-xs\:60 {
    padding-top: 60% !important;
  }

  .pb-xs\:60 {
    padding-bottom: 60% !important;
  }

  .pl-xs\:60 {
    padding-left: 60% !important;
  }

  .pr-xs\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:60 {
    padding: 60% !important;
  }

  .px-sm-down\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-sm-down\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-sm-down\:60 {
    padding-top: 60% !important;
  }

  .pb-sm-down\:60 {
    padding-bottom: 60% !important;
  }

  .pl-sm-down\:60 {
    padding-left: 60% !important;
  }

  .pr-sm-down\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:60 {
    padding: 60% !important;
  }

  .px-sm\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-sm\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-sm\:60 {
    padding-top: 60% !important;
  }

  .pb-sm\:60 {
    padding-bottom: 60% !important;
  }

  .pl-sm\:60 {
    padding-left: 60% !important;
  }

  .pr-sm\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:60 {
    padding: 60% !important;
  }

  .px-sm-up\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-sm-up\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-sm-up\:60 {
    padding-top: 60% !important;
  }

  .pb-sm-up\:60 {
    padding-bottom: 60% !important;
  }

  .pl-sm-up\:60 {
    padding-left: 60% !important;
  }

  .pr-sm-up\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:60 {
    padding: 60% !important;
  }

  .px-md-down\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-md-down\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-md-down\:60 {
    padding-top: 60% !important;
  }

  .pb-md-down\:60 {
    padding-bottom: 60% !important;
  }

  .pl-md-down\:60 {
    padding-left: 60% !important;
  }

  .pr-md-down\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:60 {
    padding: 60% !important;
  }

  .px-md\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-md\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-md\:60 {
    padding-top: 60% !important;
  }

  .pb-md\:60 {
    padding-bottom: 60% !important;
  }

  .pl-md\:60 {
    padding-left: 60% !important;
  }

  .pr-md\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:60 {
    padding: 60% !important;
  }

  .px-md-up\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-md-up\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-md-up\:60 {
    padding-top: 60% !important;
  }

  .pb-md-up\:60 {
    padding-bottom: 60% !important;
  }

  .pl-md-up\:60 {
    padding-left: 60% !important;
  }

  .pr-md-up\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:60 {
    padding: 60% !important;
  }

  .px-lg-down\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-lg-down\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-lg-down\:60 {
    padding-top: 60% !important;
  }

  .pb-lg-down\:60 {
    padding-bottom: 60% !important;
  }

  .pl-lg-down\:60 {
    padding-left: 60% !important;
  }

  .pr-lg-down\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:60 {
    padding: 60% !important;
  }

  .px-lg\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-lg\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-lg\:60 {
    padding-top: 60% !important;
  }

  .pb-lg\:60 {
    padding-bottom: 60% !important;
  }

  .pl-lg\:60 {
    padding-left: 60% !important;
  }

  .pr-lg\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:60 {
    padding: 60% !important;
  }

  .px-lg-up\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-lg-up\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-lg-up\:60 {
    padding-top: 60% !important;
  }

  .pb-lg-up\:60 {
    padding-bottom: 60% !important;
  }

  .pl-lg-up\:60 {
    padding-left: 60% !important;
  }

  .pr-lg-up\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:60 {
    padding: 60% !important;
  }

  .px-xl-down\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-xl-down\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-xl-down\:60 {
    padding-top: 60% !important;
  }

  .pb-xl-down\:60 {
    padding-bottom: 60% !important;
  }

  .pl-xl-down\:60 {
    padding-left: 60% !important;
  }

  .pr-xl-down\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:60 {
    padding: 60% !important;
  }

  .px-xl\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-xl\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-xl\:60 {
    padding-top: 60% !important;
  }

  .pb-xl\:60 {
    padding-bottom: 60% !important;
  }

  .pl-xl\:60 {
    padding-left: 60% !important;
  }

  .pr-xl\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:60 {
    padding: 60% !important;
  }

  .px-xl-up\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-xl-up\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-xl-up\:60 {
    padding-top: 60% !important;
  }

  .pb-xl-up\:60 {
    padding-bottom: 60% !important;
  }

  .pl-xl-up\:60 {
    padding-left: 60% !important;
  }

  .pr-xl-up\:60 {
    padding-right: 60% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:60 {
    padding: 60% !important;
  }

  .px-xxl\:60 {
    padding-left: 60% !important;
    padding-right: 60% !important;
  }

  .py-xxl\:60 {
    padding-top: 60% !important;
    padding-bottom: 60% !important;
  }

  .pt-xxl\:60 {
    padding-top: 60% !important;
  }

  .pb-xxl\:60 {
    padding-bottom: 60% !important;
  }

  .pl-xxl\:60 {
    padding-left: 60% !important;
  }

  .pr-xxl\:60 {
    padding-right: 60% !important;
  }
}
.p\:66 {
  padding: 66.66% !important;
}

.px\:66 {
  padding-left: 66.66% !important;
  padding-right: 66.66% !important;
}

.py\:66 {
  padding-top: 66.66% !important;
  padding-bottom: 66.66% !important;
}

.pt\:66 {
  padding-top: 66.66% !important;
}

.pb\:66 {
  padding-bottom: 66.66% !important;
}

.pl\:66 {
  padding-left: 66.66% !important;
}

.pr\:66 {
  padding-right: 66.66% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:66 {
    padding: 66.66% !important;
  }

  .px-xs\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-xs\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-xs\:66 {
    padding-top: 66.66% !important;
  }

  .pb-xs\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-xs\:66 {
    padding-left: 66.66% !important;
  }

  .pr-xs\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:66 {
    padding: 66.66% !important;
  }

  .px-sm-down\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-sm-down\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-sm-down\:66 {
    padding-top: 66.66% !important;
  }

  .pb-sm-down\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-sm-down\:66 {
    padding-left: 66.66% !important;
  }

  .pr-sm-down\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:66 {
    padding: 66.66% !important;
  }

  .px-sm\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-sm\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-sm\:66 {
    padding-top: 66.66% !important;
  }

  .pb-sm\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-sm\:66 {
    padding-left: 66.66% !important;
  }

  .pr-sm\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:66 {
    padding: 66.66% !important;
  }

  .px-sm-up\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-sm-up\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-sm-up\:66 {
    padding-top: 66.66% !important;
  }

  .pb-sm-up\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-sm-up\:66 {
    padding-left: 66.66% !important;
  }

  .pr-sm-up\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:66 {
    padding: 66.66% !important;
  }

  .px-md-down\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-md-down\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-md-down\:66 {
    padding-top: 66.66% !important;
  }

  .pb-md-down\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-md-down\:66 {
    padding-left: 66.66% !important;
  }

  .pr-md-down\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:66 {
    padding: 66.66% !important;
  }

  .px-md\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-md\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-md\:66 {
    padding-top: 66.66% !important;
  }

  .pb-md\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-md\:66 {
    padding-left: 66.66% !important;
  }

  .pr-md\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:66 {
    padding: 66.66% !important;
  }

  .px-md-up\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-md-up\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-md-up\:66 {
    padding-top: 66.66% !important;
  }

  .pb-md-up\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-md-up\:66 {
    padding-left: 66.66% !important;
  }

  .pr-md-up\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:66 {
    padding: 66.66% !important;
  }

  .px-lg-down\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-lg-down\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-lg-down\:66 {
    padding-top: 66.66% !important;
  }

  .pb-lg-down\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-lg-down\:66 {
    padding-left: 66.66% !important;
  }

  .pr-lg-down\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:66 {
    padding: 66.66% !important;
  }

  .px-lg\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-lg\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-lg\:66 {
    padding-top: 66.66% !important;
  }

  .pb-lg\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-lg\:66 {
    padding-left: 66.66% !important;
  }

  .pr-lg\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:66 {
    padding: 66.66% !important;
  }

  .px-lg-up\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-lg-up\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-lg-up\:66 {
    padding-top: 66.66% !important;
  }

  .pb-lg-up\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-lg-up\:66 {
    padding-left: 66.66% !important;
  }

  .pr-lg-up\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:66 {
    padding: 66.66% !important;
  }

  .px-xl-down\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-xl-down\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-xl-down\:66 {
    padding-top: 66.66% !important;
  }

  .pb-xl-down\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-xl-down\:66 {
    padding-left: 66.66% !important;
  }

  .pr-xl-down\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:66 {
    padding: 66.66% !important;
  }

  .px-xl\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-xl\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-xl\:66 {
    padding-top: 66.66% !important;
  }

  .pb-xl\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-xl\:66 {
    padding-left: 66.66% !important;
  }

  .pr-xl\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:66 {
    padding: 66.66% !important;
  }

  .px-xl-up\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-xl-up\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-xl-up\:66 {
    padding-top: 66.66% !important;
  }

  .pb-xl-up\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-xl-up\:66 {
    padding-left: 66.66% !important;
  }

  .pr-xl-up\:66 {
    padding-right: 66.66% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:66 {
    padding: 66.66% !important;
  }

  .px-xxl\:66 {
    padding-left: 66.66% !important;
    padding-right: 66.66% !important;
  }

  .py-xxl\:66 {
    padding-top: 66.66% !important;
    padding-bottom: 66.66% !important;
  }

  .pt-xxl\:66 {
    padding-top: 66.66% !important;
  }

  .pb-xxl\:66 {
    padding-bottom: 66.66% !important;
  }

  .pl-xxl\:66 {
    padding-left: 66.66% !important;
  }

  .pr-xxl\:66 {
    padding-right: 66.66% !important;
  }
}
.p\:70 {
  padding: 70% !important;
}

.px\:70 {
  padding-left: 70% !important;
  padding-right: 70% !important;
}

.py\:70 {
  padding-top: 70% !important;
  padding-bottom: 70% !important;
}

.pt\:70 {
  padding-top: 70% !important;
}

.pb\:70 {
  padding-bottom: 70% !important;
}

.pl\:70 {
  padding-left: 70% !important;
}

.pr\:70 {
  padding-right: 70% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:70 {
    padding: 70% !important;
  }

  .px-xs\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-xs\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-xs\:70 {
    padding-top: 70% !important;
  }

  .pb-xs\:70 {
    padding-bottom: 70% !important;
  }

  .pl-xs\:70 {
    padding-left: 70% !important;
  }

  .pr-xs\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:70 {
    padding: 70% !important;
  }

  .px-sm-down\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-sm-down\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-sm-down\:70 {
    padding-top: 70% !important;
  }

  .pb-sm-down\:70 {
    padding-bottom: 70% !important;
  }

  .pl-sm-down\:70 {
    padding-left: 70% !important;
  }

  .pr-sm-down\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:70 {
    padding: 70% !important;
  }

  .px-sm\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-sm\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-sm\:70 {
    padding-top: 70% !important;
  }

  .pb-sm\:70 {
    padding-bottom: 70% !important;
  }

  .pl-sm\:70 {
    padding-left: 70% !important;
  }

  .pr-sm\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:70 {
    padding: 70% !important;
  }

  .px-sm-up\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-sm-up\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-sm-up\:70 {
    padding-top: 70% !important;
  }

  .pb-sm-up\:70 {
    padding-bottom: 70% !important;
  }

  .pl-sm-up\:70 {
    padding-left: 70% !important;
  }

  .pr-sm-up\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:70 {
    padding: 70% !important;
  }

  .px-md-down\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-md-down\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-md-down\:70 {
    padding-top: 70% !important;
  }

  .pb-md-down\:70 {
    padding-bottom: 70% !important;
  }

  .pl-md-down\:70 {
    padding-left: 70% !important;
  }

  .pr-md-down\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:70 {
    padding: 70% !important;
  }

  .px-md\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-md\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-md\:70 {
    padding-top: 70% !important;
  }

  .pb-md\:70 {
    padding-bottom: 70% !important;
  }

  .pl-md\:70 {
    padding-left: 70% !important;
  }

  .pr-md\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:70 {
    padding: 70% !important;
  }

  .px-md-up\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-md-up\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-md-up\:70 {
    padding-top: 70% !important;
  }

  .pb-md-up\:70 {
    padding-bottom: 70% !important;
  }

  .pl-md-up\:70 {
    padding-left: 70% !important;
  }

  .pr-md-up\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:70 {
    padding: 70% !important;
  }

  .px-lg-down\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-lg-down\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-lg-down\:70 {
    padding-top: 70% !important;
  }

  .pb-lg-down\:70 {
    padding-bottom: 70% !important;
  }

  .pl-lg-down\:70 {
    padding-left: 70% !important;
  }

  .pr-lg-down\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:70 {
    padding: 70% !important;
  }

  .px-lg\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-lg\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-lg\:70 {
    padding-top: 70% !important;
  }

  .pb-lg\:70 {
    padding-bottom: 70% !important;
  }

  .pl-lg\:70 {
    padding-left: 70% !important;
  }

  .pr-lg\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:70 {
    padding: 70% !important;
  }

  .px-lg-up\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-lg-up\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-lg-up\:70 {
    padding-top: 70% !important;
  }

  .pb-lg-up\:70 {
    padding-bottom: 70% !important;
  }

  .pl-lg-up\:70 {
    padding-left: 70% !important;
  }

  .pr-lg-up\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:70 {
    padding: 70% !important;
  }

  .px-xl-down\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-xl-down\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-xl-down\:70 {
    padding-top: 70% !important;
  }

  .pb-xl-down\:70 {
    padding-bottom: 70% !important;
  }

  .pl-xl-down\:70 {
    padding-left: 70% !important;
  }

  .pr-xl-down\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:70 {
    padding: 70% !important;
  }

  .px-xl\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-xl\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-xl\:70 {
    padding-top: 70% !important;
  }

  .pb-xl\:70 {
    padding-bottom: 70% !important;
  }

  .pl-xl\:70 {
    padding-left: 70% !important;
  }

  .pr-xl\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:70 {
    padding: 70% !important;
  }

  .px-xl-up\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-xl-up\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-xl-up\:70 {
    padding-top: 70% !important;
  }

  .pb-xl-up\:70 {
    padding-bottom: 70% !important;
  }

  .pl-xl-up\:70 {
    padding-left: 70% !important;
  }

  .pr-xl-up\:70 {
    padding-right: 70% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:70 {
    padding: 70% !important;
  }

  .px-xxl\:70 {
    padding-left: 70% !important;
    padding-right: 70% !important;
  }

  .py-xxl\:70 {
    padding-top: 70% !important;
    padding-bottom: 70% !important;
  }

  .pt-xxl\:70 {
    padding-top: 70% !important;
  }

  .pb-xxl\:70 {
    padding-bottom: 70% !important;
  }

  .pl-xxl\:70 {
    padding-left: 70% !important;
  }

  .pr-xxl\:70 {
    padding-right: 70% !important;
  }
}
.p\:75 {
  padding: 75% !important;
}

.px\:75 {
  padding-left: 75% !important;
  padding-right: 75% !important;
}

.py\:75 {
  padding-top: 75% !important;
  padding-bottom: 75% !important;
}

.pt\:75 {
  padding-top: 75% !important;
}

.pb\:75 {
  padding-bottom: 75% !important;
}

.pl\:75 {
  padding-left: 75% !important;
}

.pr\:75 {
  padding-right: 75% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:75 {
    padding: 75% !important;
  }

  .px-xs\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-xs\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-xs\:75 {
    padding-top: 75% !important;
  }

  .pb-xs\:75 {
    padding-bottom: 75% !important;
  }

  .pl-xs\:75 {
    padding-left: 75% !important;
  }

  .pr-xs\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:75 {
    padding: 75% !important;
  }

  .px-sm-down\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-sm-down\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-sm-down\:75 {
    padding-top: 75% !important;
  }

  .pb-sm-down\:75 {
    padding-bottom: 75% !important;
  }

  .pl-sm-down\:75 {
    padding-left: 75% !important;
  }

  .pr-sm-down\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:75 {
    padding: 75% !important;
  }

  .px-sm\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-sm\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-sm\:75 {
    padding-top: 75% !important;
  }

  .pb-sm\:75 {
    padding-bottom: 75% !important;
  }

  .pl-sm\:75 {
    padding-left: 75% !important;
  }

  .pr-sm\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:75 {
    padding: 75% !important;
  }

  .px-sm-up\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-sm-up\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-sm-up\:75 {
    padding-top: 75% !important;
  }

  .pb-sm-up\:75 {
    padding-bottom: 75% !important;
  }

  .pl-sm-up\:75 {
    padding-left: 75% !important;
  }

  .pr-sm-up\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:75 {
    padding: 75% !important;
  }

  .px-md-down\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-md-down\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-md-down\:75 {
    padding-top: 75% !important;
  }

  .pb-md-down\:75 {
    padding-bottom: 75% !important;
  }

  .pl-md-down\:75 {
    padding-left: 75% !important;
  }

  .pr-md-down\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:75 {
    padding: 75% !important;
  }

  .px-md\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-md\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-md\:75 {
    padding-top: 75% !important;
  }

  .pb-md\:75 {
    padding-bottom: 75% !important;
  }

  .pl-md\:75 {
    padding-left: 75% !important;
  }

  .pr-md\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:75 {
    padding: 75% !important;
  }

  .px-md-up\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-md-up\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-md-up\:75 {
    padding-top: 75% !important;
  }

  .pb-md-up\:75 {
    padding-bottom: 75% !important;
  }

  .pl-md-up\:75 {
    padding-left: 75% !important;
  }

  .pr-md-up\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:75 {
    padding: 75% !important;
  }

  .px-lg-down\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-lg-down\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-lg-down\:75 {
    padding-top: 75% !important;
  }

  .pb-lg-down\:75 {
    padding-bottom: 75% !important;
  }

  .pl-lg-down\:75 {
    padding-left: 75% !important;
  }

  .pr-lg-down\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:75 {
    padding: 75% !important;
  }

  .px-lg\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-lg\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-lg\:75 {
    padding-top: 75% !important;
  }

  .pb-lg\:75 {
    padding-bottom: 75% !important;
  }

  .pl-lg\:75 {
    padding-left: 75% !important;
  }

  .pr-lg\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:75 {
    padding: 75% !important;
  }

  .px-lg-up\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-lg-up\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-lg-up\:75 {
    padding-top: 75% !important;
  }

  .pb-lg-up\:75 {
    padding-bottom: 75% !important;
  }

  .pl-lg-up\:75 {
    padding-left: 75% !important;
  }

  .pr-lg-up\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:75 {
    padding: 75% !important;
  }

  .px-xl-down\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-xl-down\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-xl-down\:75 {
    padding-top: 75% !important;
  }

  .pb-xl-down\:75 {
    padding-bottom: 75% !important;
  }

  .pl-xl-down\:75 {
    padding-left: 75% !important;
  }

  .pr-xl-down\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:75 {
    padding: 75% !important;
  }

  .px-xl\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-xl\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-xl\:75 {
    padding-top: 75% !important;
  }

  .pb-xl\:75 {
    padding-bottom: 75% !important;
  }

  .pl-xl\:75 {
    padding-left: 75% !important;
  }

  .pr-xl\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:75 {
    padding: 75% !important;
  }

  .px-xl-up\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-xl-up\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-xl-up\:75 {
    padding-top: 75% !important;
  }

  .pb-xl-up\:75 {
    padding-bottom: 75% !important;
  }

  .pl-xl-up\:75 {
    padding-left: 75% !important;
  }

  .pr-xl-up\:75 {
    padding-right: 75% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:75 {
    padding: 75% !important;
  }

  .px-xxl\:75 {
    padding-left: 75% !important;
    padding-right: 75% !important;
  }

  .py-xxl\:75 {
    padding-top: 75% !important;
    padding-bottom: 75% !important;
  }

  .pt-xxl\:75 {
    padding-top: 75% !important;
  }

  .pb-xxl\:75 {
    padding-bottom: 75% !important;
  }

  .pl-xxl\:75 {
    padding-left: 75% !important;
  }

  .pr-xxl\:75 {
    padding-right: 75% !important;
  }
}
.p\:80 {
  padding: 80% !important;
}

.px\:80 {
  padding-left: 80% !important;
  padding-right: 80% !important;
}

.py\:80 {
  padding-top: 80% !important;
  padding-bottom: 80% !important;
}

.pt\:80 {
  padding-top: 80% !important;
}

.pb\:80 {
  padding-bottom: 80% !important;
}

.pl\:80 {
  padding-left: 80% !important;
}

.pr\:80 {
  padding-right: 80% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:80 {
    padding: 80% !important;
  }

  .px-xs\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-xs\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-xs\:80 {
    padding-top: 80% !important;
  }

  .pb-xs\:80 {
    padding-bottom: 80% !important;
  }

  .pl-xs\:80 {
    padding-left: 80% !important;
  }

  .pr-xs\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:80 {
    padding: 80% !important;
  }

  .px-sm-down\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-sm-down\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-sm-down\:80 {
    padding-top: 80% !important;
  }

  .pb-sm-down\:80 {
    padding-bottom: 80% !important;
  }

  .pl-sm-down\:80 {
    padding-left: 80% !important;
  }

  .pr-sm-down\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:80 {
    padding: 80% !important;
  }

  .px-sm\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-sm\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-sm\:80 {
    padding-top: 80% !important;
  }

  .pb-sm\:80 {
    padding-bottom: 80% !important;
  }

  .pl-sm\:80 {
    padding-left: 80% !important;
  }

  .pr-sm\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:80 {
    padding: 80% !important;
  }

  .px-sm-up\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-sm-up\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-sm-up\:80 {
    padding-top: 80% !important;
  }

  .pb-sm-up\:80 {
    padding-bottom: 80% !important;
  }

  .pl-sm-up\:80 {
    padding-left: 80% !important;
  }

  .pr-sm-up\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:80 {
    padding: 80% !important;
  }

  .px-md-down\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-md-down\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-md-down\:80 {
    padding-top: 80% !important;
  }

  .pb-md-down\:80 {
    padding-bottom: 80% !important;
  }

  .pl-md-down\:80 {
    padding-left: 80% !important;
  }

  .pr-md-down\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:80 {
    padding: 80% !important;
  }

  .px-md\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-md\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-md\:80 {
    padding-top: 80% !important;
  }

  .pb-md\:80 {
    padding-bottom: 80% !important;
  }

  .pl-md\:80 {
    padding-left: 80% !important;
  }

  .pr-md\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:80 {
    padding: 80% !important;
  }

  .px-md-up\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-md-up\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-md-up\:80 {
    padding-top: 80% !important;
  }

  .pb-md-up\:80 {
    padding-bottom: 80% !important;
  }

  .pl-md-up\:80 {
    padding-left: 80% !important;
  }

  .pr-md-up\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:80 {
    padding: 80% !important;
  }

  .px-lg-down\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-lg-down\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-lg-down\:80 {
    padding-top: 80% !important;
  }

  .pb-lg-down\:80 {
    padding-bottom: 80% !important;
  }

  .pl-lg-down\:80 {
    padding-left: 80% !important;
  }

  .pr-lg-down\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:80 {
    padding: 80% !important;
  }

  .px-lg\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-lg\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-lg\:80 {
    padding-top: 80% !important;
  }

  .pb-lg\:80 {
    padding-bottom: 80% !important;
  }

  .pl-lg\:80 {
    padding-left: 80% !important;
  }

  .pr-lg\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:80 {
    padding: 80% !important;
  }

  .px-lg-up\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-lg-up\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-lg-up\:80 {
    padding-top: 80% !important;
  }

  .pb-lg-up\:80 {
    padding-bottom: 80% !important;
  }

  .pl-lg-up\:80 {
    padding-left: 80% !important;
  }

  .pr-lg-up\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:80 {
    padding: 80% !important;
  }

  .px-xl-down\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-xl-down\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-xl-down\:80 {
    padding-top: 80% !important;
  }

  .pb-xl-down\:80 {
    padding-bottom: 80% !important;
  }

  .pl-xl-down\:80 {
    padding-left: 80% !important;
  }

  .pr-xl-down\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:80 {
    padding: 80% !important;
  }

  .px-xl\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-xl\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-xl\:80 {
    padding-top: 80% !important;
  }

  .pb-xl\:80 {
    padding-bottom: 80% !important;
  }

  .pl-xl\:80 {
    padding-left: 80% !important;
  }

  .pr-xl\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:80 {
    padding: 80% !important;
  }

  .px-xl-up\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-xl-up\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-xl-up\:80 {
    padding-top: 80% !important;
  }

  .pb-xl-up\:80 {
    padding-bottom: 80% !important;
  }

  .pl-xl-up\:80 {
    padding-left: 80% !important;
  }

  .pr-xl-up\:80 {
    padding-right: 80% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:80 {
    padding: 80% !important;
  }

  .px-xxl\:80 {
    padding-left: 80% !important;
    padding-right: 80% !important;
  }

  .py-xxl\:80 {
    padding-top: 80% !important;
    padding-bottom: 80% !important;
  }

  .pt-xxl\:80 {
    padding-top: 80% !important;
  }

  .pb-xxl\:80 {
    padding-bottom: 80% !important;
  }

  .pl-xxl\:80 {
    padding-left: 80% !important;
  }

  .pr-xxl\:80 {
    padding-right: 80% !important;
  }
}
.p\:90 {
  padding: 90% !important;
}

.px\:90 {
  padding-left: 90% !important;
  padding-right: 90% !important;
}

.py\:90 {
  padding-top: 90% !important;
  padding-bottom: 90% !important;
}

.pt\:90 {
  padding-top: 90% !important;
}

.pb\:90 {
  padding-bottom: 90% !important;
}

.pl\:90 {
  padding-left: 90% !important;
}

.pr\:90 {
  padding-right: 90% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:90 {
    padding: 90% !important;
  }

  .px-xs\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-xs\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-xs\:90 {
    padding-top: 90% !important;
  }

  .pb-xs\:90 {
    padding-bottom: 90% !important;
  }

  .pl-xs\:90 {
    padding-left: 90% !important;
  }

  .pr-xs\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:90 {
    padding: 90% !important;
  }

  .px-sm-down\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-sm-down\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-sm-down\:90 {
    padding-top: 90% !important;
  }

  .pb-sm-down\:90 {
    padding-bottom: 90% !important;
  }

  .pl-sm-down\:90 {
    padding-left: 90% !important;
  }

  .pr-sm-down\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:90 {
    padding: 90% !important;
  }

  .px-sm\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-sm\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-sm\:90 {
    padding-top: 90% !important;
  }

  .pb-sm\:90 {
    padding-bottom: 90% !important;
  }

  .pl-sm\:90 {
    padding-left: 90% !important;
  }

  .pr-sm\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:90 {
    padding: 90% !important;
  }

  .px-sm-up\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-sm-up\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-sm-up\:90 {
    padding-top: 90% !important;
  }

  .pb-sm-up\:90 {
    padding-bottom: 90% !important;
  }

  .pl-sm-up\:90 {
    padding-left: 90% !important;
  }

  .pr-sm-up\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:90 {
    padding: 90% !important;
  }

  .px-md-down\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-md-down\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-md-down\:90 {
    padding-top: 90% !important;
  }

  .pb-md-down\:90 {
    padding-bottom: 90% !important;
  }

  .pl-md-down\:90 {
    padding-left: 90% !important;
  }

  .pr-md-down\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:90 {
    padding: 90% !important;
  }

  .px-md\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-md\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-md\:90 {
    padding-top: 90% !important;
  }

  .pb-md\:90 {
    padding-bottom: 90% !important;
  }

  .pl-md\:90 {
    padding-left: 90% !important;
  }

  .pr-md\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:90 {
    padding: 90% !important;
  }

  .px-md-up\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-md-up\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-md-up\:90 {
    padding-top: 90% !important;
  }

  .pb-md-up\:90 {
    padding-bottom: 90% !important;
  }

  .pl-md-up\:90 {
    padding-left: 90% !important;
  }

  .pr-md-up\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:90 {
    padding: 90% !important;
  }

  .px-lg-down\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-lg-down\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-lg-down\:90 {
    padding-top: 90% !important;
  }

  .pb-lg-down\:90 {
    padding-bottom: 90% !important;
  }

  .pl-lg-down\:90 {
    padding-left: 90% !important;
  }

  .pr-lg-down\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:90 {
    padding: 90% !important;
  }

  .px-lg\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-lg\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-lg\:90 {
    padding-top: 90% !important;
  }

  .pb-lg\:90 {
    padding-bottom: 90% !important;
  }

  .pl-lg\:90 {
    padding-left: 90% !important;
  }

  .pr-lg\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:90 {
    padding: 90% !important;
  }

  .px-lg-up\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-lg-up\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-lg-up\:90 {
    padding-top: 90% !important;
  }

  .pb-lg-up\:90 {
    padding-bottom: 90% !important;
  }

  .pl-lg-up\:90 {
    padding-left: 90% !important;
  }

  .pr-lg-up\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:90 {
    padding: 90% !important;
  }

  .px-xl-down\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-xl-down\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-xl-down\:90 {
    padding-top: 90% !important;
  }

  .pb-xl-down\:90 {
    padding-bottom: 90% !important;
  }

  .pl-xl-down\:90 {
    padding-left: 90% !important;
  }

  .pr-xl-down\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:90 {
    padding: 90% !important;
  }

  .px-xl\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-xl\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-xl\:90 {
    padding-top: 90% !important;
  }

  .pb-xl\:90 {
    padding-bottom: 90% !important;
  }

  .pl-xl\:90 {
    padding-left: 90% !important;
  }

  .pr-xl\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:90 {
    padding: 90% !important;
  }

  .px-xl-up\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-xl-up\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-xl-up\:90 {
    padding-top: 90% !important;
  }

  .pb-xl-up\:90 {
    padding-bottom: 90% !important;
  }

  .pl-xl-up\:90 {
    padding-left: 90% !important;
  }

  .pr-xl-up\:90 {
    padding-right: 90% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:90 {
    padding: 90% !important;
  }

  .px-xxl\:90 {
    padding-left: 90% !important;
    padding-right: 90% !important;
  }

  .py-xxl\:90 {
    padding-top: 90% !important;
    padding-bottom: 90% !important;
  }

  .pt-xxl\:90 {
    padding-top: 90% !important;
  }

  .pb-xxl\:90 {
    padding-bottom: 90% !important;
  }

  .pl-xxl\:90 {
    padding-left: 90% !important;
  }

  .pr-xxl\:90 {
    padding-right: 90% !important;
  }
}
.p\:100 {
  padding: 100% !important;
}

.px\:100 {
  padding-left: 100% !important;
  padding-right: 100% !important;
}

.py\:100 {
  padding-top: 100% !important;
  padding-bottom: 100% !important;
}

.pt\:100 {
  padding-top: 100% !important;
}

.pb\:100 {
  padding-bottom: 100% !important;
}

.pl\:100 {
  padding-left: 100% !important;
}

.pr\:100 {
  padding-right: 100% !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:100 {
    padding: 100% !important;
  }

  .px-xs\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-xs\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-xs\:100 {
    padding-top: 100% !important;
  }

  .pb-xs\:100 {
    padding-bottom: 100% !important;
  }

  .pl-xs\:100 {
    padding-left: 100% !important;
  }

  .pr-xs\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:100 {
    padding: 100% !important;
  }

  .px-sm-down\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-sm-down\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-sm-down\:100 {
    padding-top: 100% !important;
  }

  .pb-sm-down\:100 {
    padding-bottom: 100% !important;
  }

  .pl-sm-down\:100 {
    padding-left: 100% !important;
  }

  .pr-sm-down\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:100 {
    padding: 100% !important;
  }

  .px-sm\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-sm\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-sm\:100 {
    padding-top: 100% !important;
  }

  .pb-sm\:100 {
    padding-bottom: 100% !important;
  }

  .pl-sm\:100 {
    padding-left: 100% !important;
  }

  .pr-sm\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:100 {
    padding: 100% !important;
  }

  .px-sm-up\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-sm-up\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-sm-up\:100 {
    padding-top: 100% !important;
  }

  .pb-sm-up\:100 {
    padding-bottom: 100% !important;
  }

  .pl-sm-up\:100 {
    padding-left: 100% !important;
  }

  .pr-sm-up\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:100 {
    padding: 100% !important;
  }

  .px-md-down\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-md-down\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-md-down\:100 {
    padding-top: 100% !important;
  }

  .pb-md-down\:100 {
    padding-bottom: 100% !important;
  }

  .pl-md-down\:100 {
    padding-left: 100% !important;
  }

  .pr-md-down\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:100 {
    padding: 100% !important;
  }

  .px-md\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-md\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-md\:100 {
    padding-top: 100% !important;
  }

  .pb-md\:100 {
    padding-bottom: 100% !important;
  }

  .pl-md\:100 {
    padding-left: 100% !important;
  }

  .pr-md\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:100 {
    padding: 100% !important;
  }

  .px-md-up\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-md-up\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-md-up\:100 {
    padding-top: 100% !important;
  }

  .pb-md-up\:100 {
    padding-bottom: 100% !important;
  }

  .pl-md-up\:100 {
    padding-left: 100% !important;
  }

  .pr-md-up\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:100 {
    padding: 100% !important;
  }

  .px-lg-down\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-lg-down\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-lg-down\:100 {
    padding-top: 100% !important;
  }

  .pb-lg-down\:100 {
    padding-bottom: 100% !important;
  }

  .pl-lg-down\:100 {
    padding-left: 100% !important;
  }

  .pr-lg-down\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:100 {
    padding: 100% !important;
  }

  .px-lg\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-lg\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-lg\:100 {
    padding-top: 100% !important;
  }

  .pb-lg\:100 {
    padding-bottom: 100% !important;
  }

  .pl-lg\:100 {
    padding-left: 100% !important;
  }

  .pr-lg\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:100 {
    padding: 100% !important;
  }

  .px-lg-up\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-lg-up\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-lg-up\:100 {
    padding-top: 100% !important;
  }

  .pb-lg-up\:100 {
    padding-bottom: 100% !important;
  }

  .pl-lg-up\:100 {
    padding-left: 100% !important;
  }

  .pr-lg-up\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:100 {
    padding: 100% !important;
  }

  .px-xl-down\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-xl-down\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-xl-down\:100 {
    padding-top: 100% !important;
  }

  .pb-xl-down\:100 {
    padding-bottom: 100% !important;
  }

  .pl-xl-down\:100 {
    padding-left: 100% !important;
  }

  .pr-xl-down\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:100 {
    padding: 100% !important;
  }

  .px-xl\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-xl\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-xl\:100 {
    padding-top: 100% !important;
  }

  .pb-xl\:100 {
    padding-bottom: 100% !important;
  }

  .pl-xl\:100 {
    padding-left: 100% !important;
  }

  .pr-xl\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:100 {
    padding: 100% !important;
  }

  .px-xl-up\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-xl-up\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-xl-up\:100 {
    padding-top: 100% !important;
  }

  .pb-xl-up\:100 {
    padding-bottom: 100% !important;
  }

  .pl-xl-up\:100 {
    padding-left: 100% !important;
  }

  .pr-xl-up\:100 {
    padding-right: 100% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:100 {
    padding: 100% !important;
  }

  .px-xxl\:100 {
    padding-left: 100% !important;
    padding-right: 100% !important;
  }

  .py-xxl\:100 {
    padding-top: 100% !important;
    padding-bottom: 100% !important;
  }

  .pt-xxl\:100 {
    padding-top: 100% !important;
  }

  .pb-xxl\:100 {
    padding-bottom: 100% !important;
  }

  .pl-xxl\:100 {
    padding-left: 100% !important;
  }

  .pr-xxl\:100 {
    padding-right: 100% !important;
  }
}
.p\:10vh {
  padding: 10vh !important;
}

.px\:10vh {
  padding-left: 10vh !important;
  padding-right: 10vh !important;
}

.py\:10vh {
  padding-top: 10vh !important;
  padding-bottom: 10vh !important;
}

.pt\:10vh {
  padding-top: 10vh !important;
}

.pb\:10vh {
  padding-bottom: 10vh !important;
}

.pl\:10vh {
  padding-left: 10vh !important;
}

.pr\:10vh {
  padding-right: 10vh !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:10vh {
    padding: 10vh !important;
  }

  .px-xs\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-xs\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-xs\:10vh {
    padding-top: 10vh !important;
  }

  .pb-xs\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-xs\:10vh {
    padding-left: 10vh !important;
  }

  .pr-xs\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:10vh {
    padding: 10vh !important;
  }

  .px-sm-down\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-sm-down\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-sm-down\:10vh {
    padding-top: 10vh !important;
  }

  .pb-sm-down\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-sm-down\:10vh {
    padding-left: 10vh !important;
  }

  .pr-sm-down\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:10vh {
    padding: 10vh !important;
  }

  .px-sm\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-sm\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-sm\:10vh {
    padding-top: 10vh !important;
  }

  .pb-sm\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-sm\:10vh {
    padding-left: 10vh !important;
  }

  .pr-sm\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:10vh {
    padding: 10vh !important;
  }

  .px-sm-up\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-sm-up\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-sm-up\:10vh {
    padding-top: 10vh !important;
  }

  .pb-sm-up\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-sm-up\:10vh {
    padding-left: 10vh !important;
  }

  .pr-sm-up\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:10vh {
    padding: 10vh !important;
  }

  .px-md-down\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-md-down\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-md-down\:10vh {
    padding-top: 10vh !important;
  }

  .pb-md-down\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-md-down\:10vh {
    padding-left: 10vh !important;
  }

  .pr-md-down\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:10vh {
    padding: 10vh !important;
  }

  .px-md\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-md\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-md\:10vh {
    padding-top: 10vh !important;
  }

  .pb-md\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-md\:10vh {
    padding-left: 10vh !important;
  }

  .pr-md\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:10vh {
    padding: 10vh !important;
  }

  .px-md-up\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-md-up\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-md-up\:10vh {
    padding-top: 10vh !important;
  }

  .pb-md-up\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-md-up\:10vh {
    padding-left: 10vh !important;
  }

  .pr-md-up\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:10vh {
    padding: 10vh !important;
  }

  .px-lg-down\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-lg-down\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-lg-down\:10vh {
    padding-top: 10vh !important;
  }

  .pb-lg-down\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-lg-down\:10vh {
    padding-left: 10vh !important;
  }

  .pr-lg-down\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:10vh {
    padding: 10vh !important;
  }

  .px-lg\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-lg\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-lg\:10vh {
    padding-top: 10vh !important;
  }

  .pb-lg\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-lg\:10vh {
    padding-left: 10vh !important;
  }

  .pr-lg\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:10vh {
    padding: 10vh !important;
  }

  .px-lg-up\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-lg-up\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-lg-up\:10vh {
    padding-top: 10vh !important;
  }

  .pb-lg-up\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-lg-up\:10vh {
    padding-left: 10vh !important;
  }

  .pr-lg-up\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:10vh {
    padding: 10vh !important;
  }

  .px-xl-down\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-xl-down\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-xl-down\:10vh {
    padding-top: 10vh !important;
  }

  .pb-xl-down\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-xl-down\:10vh {
    padding-left: 10vh !important;
  }

  .pr-xl-down\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:10vh {
    padding: 10vh !important;
  }

  .px-xl\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-xl\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-xl\:10vh {
    padding-top: 10vh !important;
  }

  .pb-xl\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-xl\:10vh {
    padding-left: 10vh !important;
  }

  .pr-xl\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:10vh {
    padding: 10vh !important;
  }

  .px-xl-up\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-xl-up\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-xl-up\:10vh {
    padding-top: 10vh !important;
  }

  .pb-xl-up\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-xl-up\:10vh {
    padding-left: 10vh !important;
  }

  .pr-xl-up\:10vh {
    padding-right: 10vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:10vh {
    padding: 10vh !important;
  }

  .px-xxl\:10vh {
    padding-left: 10vh !important;
    padding-right: 10vh !important;
  }

  .py-xxl\:10vh {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
  }

  .pt-xxl\:10vh {
    padding-top: 10vh !important;
  }

  .pb-xxl\:10vh {
    padding-bottom: 10vh !important;
  }

  .pl-xxl\:10vh {
    padding-left: 10vh !important;
  }

  .pr-xxl\:10vh {
    padding-right: 10vh !important;
  }
}
.p\:25vh {
  padding: 25vh !important;
}

.px\:25vh {
  padding-left: 25vh !important;
  padding-right: 25vh !important;
}

.py\:25vh {
  padding-top: 25vh !important;
  padding-bottom: 25vh !important;
}

.pt\:25vh {
  padding-top: 25vh !important;
}

.pb\:25vh {
  padding-bottom: 25vh !important;
}

.pl\:25vh {
  padding-left: 25vh !important;
}

.pr\:25vh {
  padding-right: 25vh !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:25vh {
    padding: 25vh !important;
  }

  .px-xs\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-xs\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-xs\:25vh {
    padding-top: 25vh !important;
  }

  .pb-xs\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-xs\:25vh {
    padding-left: 25vh !important;
  }

  .pr-xs\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:25vh {
    padding: 25vh !important;
  }

  .px-sm-down\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-sm-down\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-sm-down\:25vh {
    padding-top: 25vh !important;
  }

  .pb-sm-down\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-sm-down\:25vh {
    padding-left: 25vh !important;
  }

  .pr-sm-down\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:25vh {
    padding: 25vh !important;
  }

  .px-sm\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-sm\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-sm\:25vh {
    padding-top: 25vh !important;
  }

  .pb-sm\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-sm\:25vh {
    padding-left: 25vh !important;
  }

  .pr-sm\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:25vh {
    padding: 25vh !important;
  }

  .px-sm-up\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-sm-up\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-sm-up\:25vh {
    padding-top: 25vh !important;
  }

  .pb-sm-up\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-sm-up\:25vh {
    padding-left: 25vh !important;
  }

  .pr-sm-up\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:25vh {
    padding: 25vh !important;
  }

  .px-md-down\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-md-down\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-md-down\:25vh {
    padding-top: 25vh !important;
  }

  .pb-md-down\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-md-down\:25vh {
    padding-left: 25vh !important;
  }

  .pr-md-down\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:25vh {
    padding: 25vh !important;
  }

  .px-md\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-md\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-md\:25vh {
    padding-top: 25vh !important;
  }

  .pb-md\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-md\:25vh {
    padding-left: 25vh !important;
  }

  .pr-md\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:25vh {
    padding: 25vh !important;
  }

  .px-md-up\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-md-up\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-md-up\:25vh {
    padding-top: 25vh !important;
  }

  .pb-md-up\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-md-up\:25vh {
    padding-left: 25vh !important;
  }

  .pr-md-up\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:25vh {
    padding: 25vh !important;
  }

  .px-lg-down\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-lg-down\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-lg-down\:25vh {
    padding-top: 25vh !important;
  }

  .pb-lg-down\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-lg-down\:25vh {
    padding-left: 25vh !important;
  }

  .pr-lg-down\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:25vh {
    padding: 25vh !important;
  }

  .px-lg\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-lg\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-lg\:25vh {
    padding-top: 25vh !important;
  }

  .pb-lg\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-lg\:25vh {
    padding-left: 25vh !important;
  }

  .pr-lg\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:25vh {
    padding: 25vh !important;
  }

  .px-lg-up\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-lg-up\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-lg-up\:25vh {
    padding-top: 25vh !important;
  }

  .pb-lg-up\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-lg-up\:25vh {
    padding-left: 25vh !important;
  }

  .pr-lg-up\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:25vh {
    padding: 25vh !important;
  }

  .px-xl-down\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-xl-down\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-xl-down\:25vh {
    padding-top: 25vh !important;
  }

  .pb-xl-down\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-xl-down\:25vh {
    padding-left: 25vh !important;
  }

  .pr-xl-down\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:25vh {
    padding: 25vh !important;
  }

  .px-xl\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-xl\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-xl\:25vh {
    padding-top: 25vh !important;
  }

  .pb-xl\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-xl\:25vh {
    padding-left: 25vh !important;
  }

  .pr-xl\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:25vh {
    padding: 25vh !important;
  }

  .px-xl-up\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-xl-up\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-xl-up\:25vh {
    padding-top: 25vh !important;
  }

  .pb-xl-up\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-xl-up\:25vh {
    padding-left: 25vh !important;
  }

  .pr-xl-up\:25vh {
    padding-right: 25vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:25vh {
    padding: 25vh !important;
  }

  .px-xxl\:25vh {
    padding-left: 25vh !important;
    padding-right: 25vh !important;
  }

  .py-xxl\:25vh {
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
  }

  .pt-xxl\:25vh {
    padding-top: 25vh !important;
  }

  .pb-xxl\:25vh {
    padding-bottom: 25vh !important;
  }

  .pl-xxl\:25vh {
    padding-left: 25vh !important;
  }

  .pr-xxl\:25vh {
    padding-right: 25vh !important;
  }
}
.p\:50vh {
  padding: 50vh !important;
}

.px\:50vh {
  padding-left: 50vh !important;
  padding-right: 50vh !important;
}

.py\:50vh {
  padding-top: 50vh !important;
  padding-bottom: 50vh !important;
}

.pt\:50vh {
  padding-top: 50vh !important;
}

.pb\:50vh {
  padding-bottom: 50vh !important;
}

.pl\:50vh {
  padding-left: 50vh !important;
}

.pr\:50vh {
  padding-right: 50vh !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:50vh {
    padding: 50vh !important;
  }

  .px-xs\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-xs\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-xs\:50vh {
    padding-top: 50vh !important;
  }

  .pb-xs\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-xs\:50vh {
    padding-left: 50vh !important;
  }

  .pr-xs\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:50vh {
    padding: 50vh !important;
  }

  .px-sm-down\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-sm-down\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-sm-down\:50vh {
    padding-top: 50vh !important;
  }

  .pb-sm-down\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-sm-down\:50vh {
    padding-left: 50vh !important;
  }

  .pr-sm-down\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:50vh {
    padding: 50vh !important;
  }

  .px-sm\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-sm\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-sm\:50vh {
    padding-top: 50vh !important;
  }

  .pb-sm\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-sm\:50vh {
    padding-left: 50vh !important;
  }

  .pr-sm\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:50vh {
    padding: 50vh !important;
  }

  .px-sm-up\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-sm-up\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-sm-up\:50vh {
    padding-top: 50vh !important;
  }

  .pb-sm-up\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-sm-up\:50vh {
    padding-left: 50vh !important;
  }

  .pr-sm-up\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:50vh {
    padding: 50vh !important;
  }

  .px-md-down\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-md-down\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-md-down\:50vh {
    padding-top: 50vh !important;
  }

  .pb-md-down\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-md-down\:50vh {
    padding-left: 50vh !important;
  }

  .pr-md-down\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:50vh {
    padding: 50vh !important;
  }

  .px-md\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-md\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-md\:50vh {
    padding-top: 50vh !important;
  }

  .pb-md\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-md\:50vh {
    padding-left: 50vh !important;
  }

  .pr-md\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:50vh {
    padding: 50vh !important;
  }

  .px-md-up\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-md-up\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-md-up\:50vh {
    padding-top: 50vh !important;
  }

  .pb-md-up\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-md-up\:50vh {
    padding-left: 50vh !important;
  }

  .pr-md-up\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:50vh {
    padding: 50vh !important;
  }

  .px-lg-down\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-lg-down\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-lg-down\:50vh {
    padding-top: 50vh !important;
  }

  .pb-lg-down\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-lg-down\:50vh {
    padding-left: 50vh !important;
  }

  .pr-lg-down\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:50vh {
    padding: 50vh !important;
  }

  .px-lg\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-lg\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-lg\:50vh {
    padding-top: 50vh !important;
  }

  .pb-lg\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-lg\:50vh {
    padding-left: 50vh !important;
  }

  .pr-lg\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:50vh {
    padding: 50vh !important;
  }

  .px-lg-up\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-lg-up\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-lg-up\:50vh {
    padding-top: 50vh !important;
  }

  .pb-lg-up\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-lg-up\:50vh {
    padding-left: 50vh !important;
  }

  .pr-lg-up\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:50vh {
    padding: 50vh !important;
  }

  .px-xl-down\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-xl-down\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-xl-down\:50vh {
    padding-top: 50vh !important;
  }

  .pb-xl-down\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-xl-down\:50vh {
    padding-left: 50vh !important;
  }

  .pr-xl-down\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:50vh {
    padding: 50vh !important;
  }

  .px-xl\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-xl\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-xl\:50vh {
    padding-top: 50vh !important;
  }

  .pb-xl\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-xl\:50vh {
    padding-left: 50vh !important;
  }

  .pr-xl\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:50vh {
    padding: 50vh !important;
  }

  .px-xl-up\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-xl-up\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-xl-up\:50vh {
    padding-top: 50vh !important;
  }

  .pb-xl-up\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-xl-up\:50vh {
    padding-left: 50vh !important;
  }

  .pr-xl-up\:50vh {
    padding-right: 50vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:50vh {
    padding: 50vh !important;
  }

  .px-xxl\:50vh {
    padding-left: 50vh !important;
    padding-right: 50vh !important;
  }

  .py-xxl\:50vh {
    padding-top: 50vh !important;
    padding-bottom: 50vh !important;
  }

  .pt-xxl\:50vh {
    padding-top: 50vh !important;
  }

  .pb-xxl\:50vh {
    padding-bottom: 50vh !important;
  }

  .pl-xxl\:50vh {
    padding-left: 50vh !important;
  }

  .pr-xxl\:50vh {
    padding-right: 50vh !important;
  }
}
.p\:75vh {
  padding: 75vh !important;
}

.px\:75vh {
  padding-left: 75vh !important;
  padding-right: 75vh !important;
}

.py\:75vh {
  padding-top: 75vh !important;
  padding-bottom: 75vh !important;
}

.pt\:75vh {
  padding-top: 75vh !important;
}

.pb\:75vh {
  padding-bottom: 75vh !important;
}

.pl\:75vh {
  padding-left: 75vh !important;
}

.pr\:75vh {
  padding-right: 75vh !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:75vh {
    padding: 75vh !important;
  }

  .px-xs\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-xs\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-xs\:75vh {
    padding-top: 75vh !important;
  }

  .pb-xs\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-xs\:75vh {
    padding-left: 75vh !important;
  }

  .pr-xs\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:75vh {
    padding: 75vh !important;
  }

  .px-sm-down\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-sm-down\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-sm-down\:75vh {
    padding-top: 75vh !important;
  }

  .pb-sm-down\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-sm-down\:75vh {
    padding-left: 75vh !important;
  }

  .pr-sm-down\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:75vh {
    padding: 75vh !important;
  }

  .px-sm\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-sm\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-sm\:75vh {
    padding-top: 75vh !important;
  }

  .pb-sm\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-sm\:75vh {
    padding-left: 75vh !important;
  }

  .pr-sm\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:75vh {
    padding: 75vh !important;
  }

  .px-sm-up\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-sm-up\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-sm-up\:75vh {
    padding-top: 75vh !important;
  }

  .pb-sm-up\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-sm-up\:75vh {
    padding-left: 75vh !important;
  }

  .pr-sm-up\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:75vh {
    padding: 75vh !important;
  }

  .px-md-down\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-md-down\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-md-down\:75vh {
    padding-top: 75vh !important;
  }

  .pb-md-down\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-md-down\:75vh {
    padding-left: 75vh !important;
  }

  .pr-md-down\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:75vh {
    padding: 75vh !important;
  }

  .px-md\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-md\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-md\:75vh {
    padding-top: 75vh !important;
  }

  .pb-md\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-md\:75vh {
    padding-left: 75vh !important;
  }

  .pr-md\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:75vh {
    padding: 75vh !important;
  }

  .px-md-up\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-md-up\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-md-up\:75vh {
    padding-top: 75vh !important;
  }

  .pb-md-up\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-md-up\:75vh {
    padding-left: 75vh !important;
  }

  .pr-md-up\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:75vh {
    padding: 75vh !important;
  }

  .px-lg-down\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-lg-down\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-lg-down\:75vh {
    padding-top: 75vh !important;
  }

  .pb-lg-down\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-lg-down\:75vh {
    padding-left: 75vh !important;
  }

  .pr-lg-down\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:75vh {
    padding: 75vh !important;
  }

  .px-lg\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-lg\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-lg\:75vh {
    padding-top: 75vh !important;
  }

  .pb-lg\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-lg\:75vh {
    padding-left: 75vh !important;
  }

  .pr-lg\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:75vh {
    padding: 75vh !important;
  }

  .px-lg-up\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-lg-up\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-lg-up\:75vh {
    padding-top: 75vh !important;
  }

  .pb-lg-up\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-lg-up\:75vh {
    padding-left: 75vh !important;
  }

  .pr-lg-up\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:75vh {
    padding: 75vh !important;
  }

  .px-xl-down\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-xl-down\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-xl-down\:75vh {
    padding-top: 75vh !important;
  }

  .pb-xl-down\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-xl-down\:75vh {
    padding-left: 75vh !important;
  }

  .pr-xl-down\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:75vh {
    padding: 75vh !important;
  }

  .px-xl\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-xl\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-xl\:75vh {
    padding-top: 75vh !important;
  }

  .pb-xl\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-xl\:75vh {
    padding-left: 75vh !important;
  }

  .pr-xl\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:75vh {
    padding: 75vh !important;
  }

  .px-xl-up\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-xl-up\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-xl-up\:75vh {
    padding-top: 75vh !important;
  }

  .pb-xl-up\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-xl-up\:75vh {
    padding-left: 75vh !important;
  }

  .pr-xl-up\:75vh {
    padding-right: 75vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:75vh {
    padding: 75vh !important;
  }

  .px-xxl\:75vh {
    padding-left: 75vh !important;
    padding-right: 75vh !important;
  }

  .py-xxl\:75vh {
    padding-top: 75vh !important;
    padding-bottom: 75vh !important;
  }

  .pt-xxl\:75vh {
    padding-top: 75vh !important;
  }

  .pb-xxl\:75vh {
    padding-bottom: 75vh !important;
  }

  .pl-xxl\:75vh {
    padding-left: 75vh !important;
  }

  .pr-xxl\:75vh {
    padding-right: 75vh !important;
  }
}
.p\:100vh {
  padding: 100vh !important;
}

.px\:100vh {
  padding-left: 100vh !important;
  padding-right: 100vh !important;
}

.py\:100vh {
  padding-top: 100vh !important;
  padding-bottom: 100vh !important;
}

.pt\:100vh {
  padding-top: 100vh !important;
}

.pb\:100vh {
  padding-bottom: 100vh !important;
}

.pl\:100vh {
  padding-left: 100vh !important;
}

.pr\:100vh {
  padding-right: 100vh !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:100vh {
    padding: 100vh !important;
  }

  .px-xs\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-xs\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-xs\:100vh {
    padding-top: 100vh !important;
  }

  .pb-xs\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-xs\:100vh {
    padding-left: 100vh !important;
  }

  .pr-xs\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:100vh {
    padding: 100vh !important;
  }

  .px-sm-down\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-sm-down\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-sm-down\:100vh {
    padding-top: 100vh !important;
  }

  .pb-sm-down\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-sm-down\:100vh {
    padding-left: 100vh !important;
  }

  .pr-sm-down\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:100vh {
    padding: 100vh !important;
  }

  .px-sm\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-sm\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-sm\:100vh {
    padding-top: 100vh !important;
  }

  .pb-sm\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-sm\:100vh {
    padding-left: 100vh !important;
  }

  .pr-sm\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:100vh {
    padding: 100vh !important;
  }

  .px-sm-up\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-sm-up\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-sm-up\:100vh {
    padding-top: 100vh !important;
  }

  .pb-sm-up\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-sm-up\:100vh {
    padding-left: 100vh !important;
  }

  .pr-sm-up\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:100vh {
    padding: 100vh !important;
  }

  .px-md-down\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-md-down\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-md-down\:100vh {
    padding-top: 100vh !important;
  }

  .pb-md-down\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-md-down\:100vh {
    padding-left: 100vh !important;
  }

  .pr-md-down\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:100vh {
    padding: 100vh !important;
  }

  .px-md\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-md\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-md\:100vh {
    padding-top: 100vh !important;
  }

  .pb-md\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-md\:100vh {
    padding-left: 100vh !important;
  }

  .pr-md\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:100vh {
    padding: 100vh !important;
  }

  .px-md-up\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-md-up\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-md-up\:100vh {
    padding-top: 100vh !important;
  }

  .pb-md-up\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-md-up\:100vh {
    padding-left: 100vh !important;
  }

  .pr-md-up\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:100vh {
    padding: 100vh !important;
  }

  .px-lg-down\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-lg-down\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-lg-down\:100vh {
    padding-top: 100vh !important;
  }

  .pb-lg-down\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-lg-down\:100vh {
    padding-left: 100vh !important;
  }

  .pr-lg-down\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:100vh {
    padding: 100vh !important;
  }

  .px-lg\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-lg\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-lg\:100vh {
    padding-top: 100vh !important;
  }

  .pb-lg\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-lg\:100vh {
    padding-left: 100vh !important;
  }

  .pr-lg\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:100vh {
    padding: 100vh !important;
  }

  .px-lg-up\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-lg-up\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-lg-up\:100vh {
    padding-top: 100vh !important;
  }

  .pb-lg-up\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-lg-up\:100vh {
    padding-left: 100vh !important;
  }

  .pr-lg-up\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:100vh {
    padding: 100vh !important;
  }

  .px-xl-down\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-xl-down\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-xl-down\:100vh {
    padding-top: 100vh !important;
  }

  .pb-xl-down\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-xl-down\:100vh {
    padding-left: 100vh !important;
  }

  .pr-xl-down\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:100vh {
    padding: 100vh !important;
  }

  .px-xl\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-xl\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-xl\:100vh {
    padding-top: 100vh !important;
  }

  .pb-xl\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-xl\:100vh {
    padding-left: 100vh !important;
  }

  .pr-xl\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:100vh {
    padding: 100vh !important;
  }

  .px-xl-up\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-xl-up\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-xl-up\:100vh {
    padding-top: 100vh !important;
  }

  .pb-xl-up\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-xl-up\:100vh {
    padding-left: 100vh !important;
  }

  .pr-xl-up\:100vh {
    padding-right: 100vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:100vh {
    padding: 100vh !important;
  }

  .px-xxl\:100vh {
    padding-left: 100vh !important;
    padding-right: 100vh !important;
  }

  .py-xxl\:100vh {
    padding-top: 100vh !important;
    padding-bottom: 100vh !important;
  }

  .pt-xxl\:100vh {
    padding-top: 100vh !important;
  }

  .pb-xxl\:100vh {
    padding-bottom: 100vh !important;
  }

  .pl-xxl\:100vh {
    padding-left: 100vh !important;
  }

  .pr-xxl\:100vh {
    padding-right: 100vh !important;
  }
}
.p\:10vw {
  padding: 10vw !important;
}

.px\:10vw {
  padding-left: 10vw !important;
  padding-right: 10vw !important;
}

.py\:10vw {
  padding-top: 10vw !important;
  padding-bottom: 10vw !important;
}

.pt\:10vw {
  padding-top: 10vw !important;
}

.pb\:10vw {
  padding-bottom: 10vw !important;
}

.pl\:10vw {
  padding-left: 10vw !important;
}

.pr\:10vw {
  padding-right: 10vw !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:10vw {
    padding: 10vw !important;
  }

  .px-xs\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-xs\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-xs\:10vw {
    padding-top: 10vw !important;
  }

  .pb-xs\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-xs\:10vw {
    padding-left: 10vw !important;
  }

  .pr-xs\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:10vw {
    padding: 10vw !important;
  }

  .px-sm-down\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-sm-down\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-sm-down\:10vw {
    padding-top: 10vw !important;
  }

  .pb-sm-down\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-sm-down\:10vw {
    padding-left: 10vw !important;
  }

  .pr-sm-down\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:10vw {
    padding: 10vw !important;
  }

  .px-sm\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-sm\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-sm\:10vw {
    padding-top: 10vw !important;
  }

  .pb-sm\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-sm\:10vw {
    padding-left: 10vw !important;
  }

  .pr-sm\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:10vw {
    padding: 10vw !important;
  }

  .px-sm-up\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-sm-up\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-sm-up\:10vw {
    padding-top: 10vw !important;
  }

  .pb-sm-up\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-sm-up\:10vw {
    padding-left: 10vw !important;
  }

  .pr-sm-up\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:10vw {
    padding: 10vw !important;
  }

  .px-md-down\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-md-down\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-md-down\:10vw {
    padding-top: 10vw !important;
  }

  .pb-md-down\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-md-down\:10vw {
    padding-left: 10vw !important;
  }

  .pr-md-down\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:10vw {
    padding: 10vw !important;
  }

  .px-md\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-md\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-md\:10vw {
    padding-top: 10vw !important;
  }

  .pb-md\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-md\:10vw {
    padding-left: 10vw !important;
  }

  .pr-md\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:10vw {
    padding: 10vw !important;
  }

  .px-md-up\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-md-up\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-md-up\:10vw {
    padding-top: 10vw !important;
  }

  .pb-md-up\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-md-up\:10vw {
    padding-left: 10vw !important;
  }

  .pr-md-up\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:10vw {
    padding: 10vw !important;
  }

  .px-lg-down\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-lg-down\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-lg-down\:10vw {
    padding-top: 10vw !important;
  }

  .pb-lg-down\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-lg-down\:10vw {
    padding-left: 10vw !important;
  }

  .pr-lg-down\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:10vw {
    padding: 10vw !important;
  }

  .px-lg\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-lg\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-lg\:10vw {
    padding-top: 10vw !important;
  }

  .pb-lg\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-lg\:10vw {
    padding-left: 10vw !important;
  }

  .pr-lg\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:10vw {
    padding: 10vw !important;
  }

  .px-lg-up\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-lg-up\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-lg-up\:10vw {
    padding-top: 10vw !important;
  }

  .pb-lg-up\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-lg-up\:10vw {
    padding-left: 10vw !important;
  }

  .pr-lg-up\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:10vw {
    padding: 10vw !important;
  }

  .px-xl-down\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-xl-down\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-xl-down\:10vw {
    padding-top: 10vw !important;
  }

  .pb-xl-down\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-xl-down\:10vw {
    padding-left: 10vw !important;
  }

  .pr-xl-down\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:10vw {
    padding: 10vw !important;
  }

  .px-xl\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-xl\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-xl\:10vw {
    padding-top: 10vw !important;
  }

  .pb-xl\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-xl\:10vw {
    padding-left: 10vw !important;
  }

  .pr-xl\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:10vw {
    padding: 10vw !important;
  }

  .px-xl-up\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-xl-up\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-xl-up\:10vw {
    padding-top: 10vw !important;
  }

  .pb-xl-up\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-xl-up\:10vw {
    padding-left: 10vw !important;
  }

  .pr-xl-up\:10vw {
    padding-right: 10vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:10vw {
    padding: 10vw !important;
  }

  .px-xxl\:10vw {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }

  .py-xxl\:10vw {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }

  .pt-xxl\:10vw {
    padding-top: 10vw !important;
  }

  .pb-xxl\:10vw {
    padding-bottom: 10vw !important;
  }

  .pl-xxl\:10vw {
    padding-left: 10vw !important;
  }

  .pr-xxl\:10vw {
    padding-right: 10vw !important;
  }
}
.p\:25vw {
  padding: 25vw !important;
}

.px\:25vw {
  padding-left: 25vw !important;
  padding-right: 25vw !important;
}

.py\:25vw {
  padding-top: 25vw !important;
  padding-bottom: 25vw !important;
}

.pt\:25vw {
  padding-top: 25vw !important;
}

.pb\:25vw {
  padding-bottom: 25vw !important;
}

.pl\:25vw {
  padding-left: 25vw !important;
}

.pr\:25vw {
  padding-right: 25vw !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:25vw {
    padding: 25vw !important;
  }

  .px-xs\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-xs\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-xs\:25vw {
    padding-top: 25vw !important;
  }

  .pb-xs\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-xs\:25vw {
    padding-left: 25vw !important;
  }

  .pr-xs\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:25vw {
    padding: 25vw !important;
  }

  .px-sm-down\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-sm-down\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-sm-down\:25vw {
    padding-top: 25vw !important;
  }

  .pb-sm-down\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-sm-down\:25vw {
    padding-left: 25vw !important;
  }

  .pr-sm-down\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:25vw {
    padding: 25vw !important;
  }

  .px-sm\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-sm\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-sm\:25vw {
    padding-top: 25vw !important;
  }

  .pb-sm\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-sm\:25vw {
    padding-left: 25vw !important;
  }

  .pr-sm\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:25vw {
    padding: 25vw !important;
  }

  .px-sm-up\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-sm-up\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-sm-up\:25vw {
    padding-top: 25vw !important;
  }

  .pb-sm-up\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-sm-up\:25vw {
    padding-left: 25vw !important;
  }

  .pr-sm-up\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:25vw {
    padding: 25vw !important;
  }

  .px-md-down\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-md-down\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-md-down\:25vw {
    padding-top: 25vw !important;
  }

  .pb-md-down\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-md-down\:25vw {
    padding-left: 25vw !important;
  }

  .pr-md-down\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:25vw {
    padding: 25vw !important;
  }

  .px-md\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-md\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-md\:25vw {
    padding-top: 25vw !important;
  }

  .pb-md\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-md\:25vw {
    padding-left: 25vw !important;
  }

  .pr-md\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:25vw {
    padding: 25vw !important;
  }

  .px-md-up\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-md-up\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-md-up\:25vw {
    padding-top: 25vw !important;
  }

  .pb-md-up\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-md-up\:25vw {
    padding-left: 25vw !important;
  }

  .pr-md-up\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:25vw {
    padding: 25vw !important;
  }

  .px-lg-down\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-lg-down\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-lg-down\:25vw {
    padding-top: 25vw !important;
  }

  .pb-lg-down\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-lg-down\:25vw {
    padding-left: 25vw !important;
  }

  .pr-lg-down\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:25vw {
    padding: 25vw !important;
  }

  .px-lg\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-lg\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-lg\:25vw {
    padding-top: 25vw !important;
  }

  .pb-lg\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-lg\:25vw {
    padding-left: 25vw !important;
  }

  .pr-lg\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:25vw {
    padding: 25vw !important;
  }

  .px-lg-up\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-lg-up\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-lg-up\:25vw {
    padding-top: 25vw !important;
  }

  .pb-lg-up\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-lg-up\:25vw {
    padding-left: 25vw !important;
  }

  .pr-lg-up\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:25vw {
    padding: 25vw !important;
  }

  .px-xl-down\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-xl-down\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-xl-down\:25vw {
    padding-top: 25vw !important;
  }

  .pb-xl-down\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-xl-down\:25vw {
    padding-left: 25vw !important;
  }

  .pr-xl-down\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:25vw {
    padding: 25vw !important;
  }

  .px-xl\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-xl\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-xl\:25vw {
    padding-top: 25vw !important;
  }

  .pb-xl\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-xl\:25vw {
    padding-left: 25vw !important;
  }

  .pr-xl\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:25vw {
    padding: 25vw !important;
  }

  .px-xl-up\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-xl-up\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-xl-up\:25vw {
    padding-top: 25vw !important;
  }

  .pb-xl-up\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-xl-up\:25vw {
    padding-left: 25vw !important;
  }

  .pr-xl-up\:25vw {
    padding-right: 25vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:25vw {
    padding: 25vw !important;
  }

  .px-xxl\:25vw {
    padding-left: 25vw !important;
    padding-right: 25vw !important;
  }

  .py-xxl\:25vw {
    padding-top: 25vw !important;
    padding-bottom: 25vw !important;
  }

  .pt-xxl\:25vw {
    padding-top: 25vw !important;
  }

  .pb-xxl\:25vw {
    padding-bottom: 25vw !important;
  }

  .pl-xxl\:25vw {
    padding-left: 25vw !important;
  }

  .pr-xxl\:25vw {
    padding-right: 25vw !important;
  }
}
.p\:50vw {
  padding: 50vw !important;
}

.px\:50vw {
  padding-left: 50vw !important;
  padding-right: 50vw !important;
}

.py\:50vw {
  padding-top: 50vw !important;
  padding-bottom: 50vw !important;
}

.pt\:50vw {
  padding-top: 50vw !important;
}

.pb\:50vw {
  padding-bottom: 50vw !important;
}

.pl\:50vw {
  padding-left: 50vw !important;
}

.pr\:50vw {
  padding-right: 50vw !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:50vw {
    padding: 50vw !important;
  }

  .px-xs\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-xs\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-xs\:50vw {
    padding-top: 50vw !important;
  }

  .pb-xs\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-xs\:50vw {
    padding-left: 50vw !important;
  }

  .pr-xs\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:50vw {
    padding: 50vw !important;
  }

  .px-sm-down\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-sm-down\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-sm-down\:50vw {
    padding-top: 50vw !important;
  }

  .pb-sm-down\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-sm-down\:50vw {
    padding-left: 50vw !important;
  }

  .pr-sm-down\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:50vw {
    padding: 50vw !important;
  }

  .px-sm\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-sm\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-sm\:50vw {
    padding-top: 50vw !important;
  }

  .pb-sm\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-sm\:50vw {
    padding-left: 50vw !important;
  }

  .pr-sm\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:50vw {
    padding: 50vw !important;
  }

  .px-sm-up\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-sm-up\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-sm-up\:50vw {
    padding-top: 50vw !important;
  }

  .pb-sm-up\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-sm-up\:50vw {
    padding-left: 50vw !important;
  }

  .pr-sm-up\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:50vw {
    padding: 50vw !important;
  }

  .px-md-down\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-md-down\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-md-down\:50vw {
    padding-top: 50vw !important;
  }

  .pb-md-down\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-md-down\:50vw {
    padding-left: 50vw !important;
  }

  .pr-md-down\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:50vw {
    padding: 50vw !important;
  }

  .px-md\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-md\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-md\:50vw {
    padding-top: 50vw !important;
  }

  .pb-md\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-md\:50vw {
    padding-left: 50vw !important;
  }

  .pr-md\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:50vw {
    padding: 50vw !important;
  }

  .px-md-up\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-md-up\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-md-up\:50vw {
    padding-top: 50vw !important;
  }

  .pb-md-up\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-md-up\:50vw {
    padding-left: 50vw !important;
  }

  .pr-md-up\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:50vw {
    padding: 50vw !important;
  }

  .px-lg-down\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-lg-down\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-lg-down\:50vw {
    padding-top: 50vw !important;
  }

  .pb-lg-down\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-lg-down\:50vw {
    padding-left: 50vw !important;
  }

  .pr-lg-down\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:50vw {
    padding: 50vw !important;
  }

  .px-lg\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-lg\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-lg\:50vw {
    padding-top: 50vw !important;
  }

  .pb-lg\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-lg\:50vw {
    padding-left: 50vw !important;
  }

  .pr-lg\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:50vw {
    padding: 50vw !important;
  }

  .px-lg-up\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-lg-up\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-lg-up\:50vw {
    padding-top: 50vw !important;
  }

  .pb-lg-up\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-lg-up\:50vw {
    padding-left: 50vw !important;
  }

  .pr-lg-up\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:50vw {
    padding: 50vw !important;
  }

  .px-xl-down\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-xl-down\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-xl-down\:50vw {
    padding-top: 50vw !important;
  }

  .pb-xl-down\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-xl-down\:50vw {
    padding-left: 50vw !important;
  }

  .pr-xl-down\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:50vw {
    padding: 50vw !important;
  }

  .px-xl\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-xl\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-xl\:50vw {
    padding-top: 50vw !important;
  }

  .pb-xl\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-xl\:50vw {
    padding-left: 50vw !important;
  }

  .pr-xl\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:50vw {
    padding: 50vw !important;
  }

  .px-xl-up\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-xl-up\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-xl-up\:50vw {
    padding-top: 50vw !important;
  }

  .pb-xl-up\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-xl-up\:50vw {
    padding-left: 50vw !important;
  }

  .pr-xl-up\:50vw {
    padding-right: 50vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:50vw {
    padding: 50vw !important;
  }

  .px-xxl\:50vw {
    padding-left: 50vw !important;
    padding-right: 50vw !important;
  }

  .py-xxl\:50vw {
    padding-top: 50vw !important;
    padding-bottom: 50vw !important;
  }

  .pt-xxl\:50vw {
    padding-top: 50vw !important;
  }

  .pb-xxl\:50vw {
    padding-bottom: 50vw !important;
  }

  .pl-xxl\:50vw {
    padding-left: 50vw !important;
  }

  .pr-xxl\:50vw {
    padding-right: 50vw !important;
  }
}
.p\:75vw {
  padding: 75vw !important;
}

.px\:75vw {
  padding-left: 75vw !important;
  padding-right: 75vw !important;
}

.py\:75vw {
  padding-top: 75vw !important;
  padding-bottom: 75vw !important;
}

.pt\:75vw {
  padding-top: 75vw !important;
}

.pb\:75vw {
  padding-bottom: 75vw !important;
}

.pl\:75vw {
  padding-left: 75vw !important;
}

.pr\:75vw {
  padding-right: 75vw !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:75vw {
    padding: 75vw !important;
  }

  .px-xs\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-xs\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-xs\:75vw {
    padding-top: 75vw !important;
  }

  .pb-xs\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-xs\:75vw {
    padding-left: 75vw !important;
  }

  .pr-xs\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:75vw {
    padding: 75vw !important;
  }

  .px-sm-down\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-sm-down\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-sm-down\:75vw {
    padding-top: 75vw !important;
  }

  .pb-sm-down\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-sm-down\:75vw {
    padding-left: 75vw !important;
  }

  .pr-sm-down\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:75vw {
    padding: 75vw !important;
  }

  .px-sm\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-sm\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-sm\:75vw {
    padding-top: 75vw !important;
  }

  .pb-sm\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-sm\:75vw {
    padding-left: 75vw !important;
  }

  .pr-sm\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:75vw {
    padding: 75vw !important;
  }

  .px-sm-up\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-sm-up\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-sm-up\:75vw {
    padding-top: 75vw !important;
  }

  .pb-sm-up\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-sm-up\:75vw {
    padding-left: 75vw !important;
  }

  .pr-sm-up\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:75vw {
    padding: 75vw !important;
  }

  .px-md-down\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-md-down\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-md-down\:75vw {
    padding-top: 75vw !important;
  }

  .pb-md-down\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-md-down\:75vw {
    padding-left: 75vw !important;
  }

  .pr-md-down\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:75vw {
    padding: 75vw !important;
  }

  .px-md\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-md\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-md\:75vw {
    padding-top: 75vw !important;
  }

  .pb-md\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-md\:75vw {
    padding-left: 75vw !important;
  }

  .pr-md\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:75vw {
    padding: 75vw !important;
  }

  .px-md-up\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-md-up\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-md-up\:75vw {
    padding-top: 75vw !important;
  }

  .pb-md-up\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-md-up\:75vw {
    padding-left: 75vw !important;
  }

  .pr-md-up\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:75vw {
    padding: 75vw !important;
  }

  .px-lg-down\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-lg-down\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-lg-down\:75vw {
    padding-top: 75vw !important;
  }

  .pb-lg-down\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-lg-down\:75vw {
    padding-left: 75vw !important;
  }

  .pr-lg-down\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:75vw {
    padding: 75vw !important;
  }

  .px-lg\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-lg\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-lg\:75vw {
    padding-top: 75vw !important;
  }

  .pb-lg\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-lg\:75vw {
    padding-left: 75vw !important;
  }

  .pr-lg\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:75vw {
    padding: 75vw !important;
  }

  .px-lg-up\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-lg-up\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-lg-up\:75vw {
    padding-top: 75vw !important;
  }

  .pb-lg-up\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-lg-up\:75vw {
    padding-left: 75vw !important;
  }

  .pr-lg-up\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:75vw {
    padding: 75vw !important;
  }

  .px-xl-down\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-xl-down\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-xl-down\:75vw {
    padding-top: 75vw !important;
  }

  .pb-xl-down\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-xl-down\:75vw {
    padding-left: 75vw !important;
  }

  .pr-xl-down\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:75vw {
    padding: 75vw !important;
  }

  .px-xl\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-xl\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-xl\:75vw {
    padding-top: 75vw !important;
  }

  .pb-xl\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-xl\:75vw {
    padding-left: 75vw !important;
  }

  .pr-xl\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:75vw {
    padding: 75vw !important;
  }

  .px-xl-up\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-xl-up\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-xl-up\:75vw {
    padding-top: 75vw !important;
  }

  .pb-xl-up\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-xl-up\:75vw {
    padding-left: 75vw !important;
  }

  .pr-xl-up\:75vw {
    padding-right: 75vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:75vw {
    padding: 75vw !important;
  }

  .px-xxl\:75vw {
    padding-left: 75vw !important;
    padding-right: 75vw !important;
  }

  .py-xxl\:75vw {
    padding-top: 75vw !important;
    padding-bottom: 75vw !important;
  }

  .pt-xxl\:75vw {
    padding-top: 75vw !important;
  }

  .pb-xxl\:75vw {
    padding-bottom: 75vw !important;
  }

  .pl-xxl\:75vw {
    padding-left: 75vw !important;
  }

  .pr-xxl\:75vw {
    padding-right: 75vw !important;
  }
}
.p\:100vw {
  padding: 100vw !important;
}

.px\:100vw {
  padding-left: 100vw !important;
  padding-right: 100vw !important;
}

.py\:100vw {
  padding-top: 100vw !important;
  padding-bottom: 100vw !important;
}

.pt\:100vw {
  padding-top: 100vw !important;
}

.pb\:100vw {
  padding-bottom: 100vw !important;
}

.pl\:100vw {
  padding-left: 100vw !important;
}

.pr\:100vw {
  padding-right: 100vw !important;
}

@media only screen and (max-width: 576px) {
  .p-xs\:100vw {
    padding: 100vw !important;
  }

  .px-xs\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-xs\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-xs\:100vw {
    padding-top: 100vw !important;
  }

  .pb-xs\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-xs\:100vw {
    padding-left: 100vw !important;
  }

  .pr-xs\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-sm-down\:100vw {
    padding: 100vw !important;
  }

  .px-sm-down\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-sm-down\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-sm-down\:100vw {
    padding-top: 100vw !important;
  }

  .pb-sm-down\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-sm-down\:100vw {
    padding-left: 100vw !important;
  }

  .pr-sm-down\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .p-sm\:100vw {
    padding: 100vw !important;
  }

  .px-sm\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-sm\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-sm\:100vw {
    padding-top: 100vw !important;
  }

  .pb-sm\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-sm\:100vw {
    padding-left: 100vw !important;
  }

  .pr-sm\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .p-sm-up\:100vw {
    padding: 100vw !important;
  }

  .px-sm-up\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-sm-up\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-sm-up\:100vw {
    padding-top: 100vw !important;
  }

  .pb-sm-up\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-sm-up\:100vw {
    padding-left: 100vw !important;
  }

  .pr-sm-up\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .p-md-down\:100vw {
    padding: 100vw !important;
  }

  .px-md-down\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-md-down\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-md-down\:100vw {
    padding-top: 100vw !important;
  }

  .pb-md-down\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-md-down\:100vw {
    padding-left: 100vw !important;
  }

  .pr-md-down\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .p-md\:100vw {
    padding: 100vw !important;
  }

  .px-md\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-md\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-md\:100vw {
    padding-top: 100vw !important;
  }

  .pb-md\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-md\:100vw {
    padding-left: 100vw !important;
  }

  .pr-md\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .p-md-up\:100vw {
    padding: 100vw !important;
  }

  .px-md-up\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-md-up\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-md-up\:100vw {
    padding-top: 100vw !important;
  }

  .pb-md-up\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-md-up\:100vw {
    padding-left: 100vw !important;
  }

  .pr-md-up\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .p-lg-down\:100vw {
    padding: 100vw !important;
  }

  .px-lg-down\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-lg-down\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-lg-down\:100vw {
    padding-top: 100vw !important;
  }

  .pb-lg-down\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-lg-down\:100vw {
    padding-left: 100vw !important;
  }

  .pr-lg-down\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .p-lg\:100vw {
    padding: 100vw !important;
  }

  .px-lg\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-lg\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-lg\:100vw {
    padding-top: 100vw !important;
  }

  .pb-lg\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-lg\:100vw {
    padding-left: 100vw !important;
  }

  .pr-lg\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .p-lg-up\:100vw {
    padding: 100vw !important;
  }

  .px-lg-up\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-lg-up\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-lg-up\:100vw {
    padding-top: 100vw !important;
  }

  .pb-lg-up\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-lg-up\:100vw {
    padding-left: 100vw !important;
  }

  .pr-lg-up\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .p-xl-down\:100vw {
    padding: 100vw !important;
  }

  .px-xl-down\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-xl-down\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-xl-down\:100vw {
    padding-top: 100vw !important;
  }

  .pb-xl-down\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-xl-down\:100vw {
    padding-left: 100vw !important;
  }

  .pr-xl-down\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .p-xl\:100vw {
    padding: 100vw !important;
  }

  .px-xl\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-xl\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-xl\:100vw {
    padding-top: 100vw !important;
  }

  .pb-xl\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-xl\:100vw {
    padding-left: 100vw !important;
  }

  .pr-xl\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .p-xl-up\:100vw {
    padding: 100vw !important;
  }

  .px-xl-up\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-xl-up\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-xl-up\:100vw {
    padding-top: 100vw !important;
  }

  .pb-xl-up\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-xl-up\:100vw {
    padding-left: 100vw !important;
  }

  .pr-xl-up\:100vw {
    padding-right: 100vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .p-xxl\:100vw {
    padding: 100vw !important;
  }

  .px-xxl\:100vw {
    padding-left: 100vw !important;
    padding-right: 100vw !important;
  }

  .py-xxl\:100vw {
    padding-top: 100vw !important;
    padding-bottom: 100vw !important;
  }

  .pt-xxl\:100vw {
    padding-top: 100vw !important;
  }

  .pb-xxl\:100vw {
    padding-bottom: 100vw !important;
  }

  .pl-xxl\:100vw {
    padding-left: 100vw !important;
  }

  .pr-xxl\:100vw {
    padding-right: 100vw !important;
  }
}
.flex {
  display: flex;
}

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

@media only screen and (max-width: 576px) {
  .d-xs\:none {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:none {
    display: none !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:none {
    display: none !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:none {
    display: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:none {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:none {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:none {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:none {
    display: none !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:none {
    display: none !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:none {
    display: none !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:none {
    display: none !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:none {
    display: none !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:none {
    display: none !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:none {
    display: none !important;
  }
}
.d\:flex {
  display: flex !important;
}

@media only screen and (max-width: 576px) {
  .d-xs\:flex {
    display: flex !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:flex {
    display: flex !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:flex {
    display: flex !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:flex {
    display: flex !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:flex {
    display: flex !important;
  }
}
.d\:ruby {
  display: ruby !important;
}

@media only screen and (max-width: 576px) {
  .d-xs\:ruby {
    display: ruby !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:ruby {
    display: ruby !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:ruby {
    display: ruby !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:ruby {
    display: ruby !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:ruby {
    display: ruby !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:ruby {
    display: ruby !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:ruby {
    display: ruby !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:ruby {
    display: ruby !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:ruby {
    display: ruby !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:ruby {
    display: ruby !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:ruby {
    display: ruby !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:ruby {
    display: ruby !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:ruby {
    display: ruby !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:ruby {
    display: ruby !important;
  }
}
.d\:block {
  display: block !important;
}

@media only screen and (max-width: 576px) {
  .d-xs\:block {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:block {
    display: block !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:block {
    display: block !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:block {
    display: block !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:block {
    display: block !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:block {
    display: block !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:block {
    display: block !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:block {
    display: block !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:block {
    display: block !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:block {
    display: block !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:block {
    display: block !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:block {
    display: block !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:block {
    display: block !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:block {
    display: block !important;
  }
}
.d\:contents {
  display: contents !important;
}

@media only screen and (max-width: 576px) {
  .d-xs\:contents {
    display: contents !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:contents {
    display: contents !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:contents {
    display: contents !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:contents {
    display: contents !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:contents {
    display: contents !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:contents {
    display: contents !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:contents {
    display: contents !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:contents {
    display: contents !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:contents {
    display: contents !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:contents {
    display: contents !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:contents {
    display: contents !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:contents {
    display: contents !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:contents {
    display: contents !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:contents {
    display: contents !important;
  }
}
.d\:grid {
  display: grid !important;
}

@media only screen and (max-width: 576px) {
  .d-xs\:grid {
    display: grid !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:grid {
    display: grid !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:grid {
    display: grid !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:grid {
    display: grid !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:grid {
    display: grid !important;
  }
}
.d\:inline {
  display: inline !important;
}

@media only screen and (max-width: 576px) {
  .d-xs\:inline {
    display: inline !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:inline {
    display: inline !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:inline {
    display: inline !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:inline {
    display: inline !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:inline {
    display: inline !important;
  }
}
.d\:inline-block {
  display: inline-block !important;
}

@media only screen and (max-width: 576px) {
  .d-xs\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:inline-block {
    display: inline-block !important;
  }
}
.d\:inline-flex {
  display: inline-flex !important;
}

@media only screen and (max-width: 576px) {
  .d-xs\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:inline-flex {
    display: inline-flex !important;
  }
}
.d\:table {
  display: table !important;
}

@media only screen and (max-width: 576px) {
  .d-xs\:table {
    display: table !important;
  }
}
@media only screen and (max-width: 768px) {
  .d-sm-down\:table {
    display: table !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .d-sm\:table {
    display: table !important;
  }
}
@media only screen and (min-width: 577px) {
  .d-sm-up\:table {
    display: table !important;
  }
}
@media only screen and (max-width: 992px) {
  .d-md-down\:table {
    display: table !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .d-md\:table {
    display: table !important;
  }
}
@media only screen and (min-width: 769px) {
  .d-md-up\:table {
    display: table !important;
  }
}
@media only screen and (max-width: 1200px) {
  .d-lg-down\:table {
    display: table !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .d-lg\:table {
    display: table !important;
  }
}
@media only screen and (min-width: 993px) {
  .d-lg-up\:table {
    display: table !important;
  }
}
@media only screen and (max-width: 1400px) {
  .d-xl-down\:table {
    display: table !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .d-xl\:table {
    display: table !important;
  }
}
@media only screen and (min-width: 1201px) {
  .d-xl-up\:table {
    display: table !important;
  }
}
@media only screen and (min-width: 1401px) {
  .d-xl\:table {
    display: table !important;
  }
}
.flex-row {
  display: flex;
}

.flex-col {
  display: flex;
}

.flex\:center-between {
  align-items: center;
  justify-content: space-between;
}

.flex\:center-start {
  align-items: center;
  justify-content: flex-start;
}

.flex\:center-end {
  align-items: center;
  justify-content: flex-end;
}

.flex\:end-center {
  align-items: flex-end;
  justify-content: center;
}

.flex\:start-all {
  align-items: flex-start;
  justify-content: flex-start;
}

.flex\:end-all {
  align-items: flex-end;
  justify-content: flex-end;
}

.flex\:justify-center {
  justify-content: center;
}

.flex\:justify-end {
  justify-content: flex-end;
}

.flex\:justify-start {
  justify-content: flex-start;
}

.flex\:items-center {
  align-items: center;
}

.flex\:center-all {
  align-items: center;
  justify-content: center;
}

.flex-d\:col, .flex-col {
  flex-direction: column;
}

.flex-d\:row, .flex-row {
  flex-direction: row;
}

@media only screen and (max-width: 576px) {
  .flex-d-xs\:col {
    flex-direction: column !important;
  }

  .flex-d-xs\:row {
    flex-direction: row !important;
  }
}
@media only screen and (max-width: 768px) {
  .flex-d-sm-down\:col {
    flex-direction: column !important;
  }

  .flex-d-sm-down\:row {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .flex-d-sm\:col {
    flex-direction: column !important;
  }

  .flex-d-sm\:row {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 577px) {
  .flex-d-sm-up\:col {
    flex-direction: column !important;
  }

  .flex-d-sm-up\:row {
    flex-direction: row !important;
  }
}
@media only screen and (max-width: 992px) {
  .flex-d-md-down\:col {
    flex-direction: column !important;
  }

  .flex-d-md-down\:row {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .flex-d-md\:col {
    flex-direction: column !important;
  }

  .flex-d-md\:row {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 769px) {
  .flex-d-md-up\:col {
    flex-direction: column !important;
  }

  .flex-d-md-up\:row {
    flex-direction: row !important;
  }
}
@media only screen and (max-width: 1200px) {
  .flex-d-lg-down\:col {
    flex-direction: column !important;
  }

  .flex-d-lg-down\:row {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .flex-d-lg\:col {
    flex-direction: column !important;
  }

  .flex-d-lg\:row {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 993px) {
  .flex-d-lg-up\:col {
    flex-direction: column !important;
  }

  .flex-d-lg-up\:row {
    flex-direction: row !important;
  }
}
@media only screen and (max-width: 1400px) {
  .flex-d-xl-down\:col {
    flex-direction: column !important;
  }

  .flex-d-xl-down\:row {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .flex-d-xl\:col {
    flex-direction: column !important;
  }

  .flex-d-xl\:row {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 1201px) {
  .flex-d-xl-up\:col {
    flex-direction: column !important;
  }

  .flex-d-xl-up\:row {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 1401px) {
  .flex-d-xxl\:col {
    flex-direction: column !important;
  }

  .flex-d-xxl\:row {
    flex-direction: row !important;
  }
}
.position\:relative {
  position: relative !important;
}

@media only screen and (max-width: 576px) {
  .position-xs\:relative {
    position: relative !important;
  }
}
@media only screen and (max-width: 768px) {
  .position-sm-down\:relative {
    position: relative !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .position-sm\:relative {
    position: relative !important;
  }
}
@media only screen and (min-width: 577px) {
  .position-sm-up\:relative {
    position: relative !important;
  }
}
@media only screen and (max-width: 992px) {
  .position-md-down\:relative {
    position: relative !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .position-md\:relative {
    position: relative !important;
  }
}
@media only screen and (min-width: 769px) {
  .position-md-up\:relative {
    position: relative !important;
  }
}
@media only screen and (max-width: 1200px) {
  .position-lg-down\:relative {
    position: relative !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .position-lg\:relative {
    position: relative !important;
  }
}
@media only screen and (min-width: 993px) {
  .position-lg-up\:relative {
    position: relative !important;
  }
}
@media only screen and (max-width: 1400px) {
  .position-xl-down\:relative {
    position: relative !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .position-xl\:relative {
    position: relative !important;
  }
}
@media only screen and (min-width: 1201px) {
  .position-xl-up\:relative {
    position: relative !important;
  }
}
@media only screen and (min-width: 1401px) {
  .position-xxl\:relative {
    position: relative !important;
  }
}
.position\:absolute {
  position: absolute !important;
}

@media only screen and (max-width: 576px) {
  .position-xs\:absolute {
    position: absolute !important;
  }
}
@media only screen and (max-width: 768px) {
  .position-sm-down\:absolute {
    position: absolute !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .position-sm\:absolute {
    position: absolute !important;
  }
}
@media only screen and (min-width: 577px) {
  .position-sm-up\:absolute {
    position: absolute !important;
  }
}
@media only screen and (max-width: 992px) {
  .position-md-down\:absolute {
    position: absolute !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .position-md\:absolute {
    position: absolute !important;
  }
}
@media only screen and (min-width: 769px) {
  .position-md-up\:absolute {
    position: absolute !important;
  }
}
@media only screen and (max-width: 1200px) {
  .position-lg-down\:absolute {
    position: absolute !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .position-lg\:absolute {
    position: absolute !important;
  }
}
@media only screen and (min-width: 993px) {
  .position-lg-up\:absolute {
    position: absolute !important;
  }
}
@media only screen and (max-width: 1400px) {
  .position-xl-down\:absolute {
    position: absolute !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .position-xl\:absolute {
    position: absolute !important;
  }
}
@media only screen and (min-width: 1201px) {
  .position-xl-up\:absolute {
    position: absolute !important;
  }
}
@media only screen and (min-width: 1401px) {
  .position-xxl\:absolute {
    position: absolute !important;
  }
}
.position\:fixed {
  position: fixed !important;
}

@media only screen and (max-width: 576px) {
  .position-xs\:fixed {
    position: fixed !important;
  }
}
@media only screen and (max-width: 768px) {
  .position-sm-down\:fixed {
    position: fixed !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .position-sm\:fixed {
    position: fixed !important;
  }
}
@media only screen and (min-width: 577px) {
  .position-sm-up\:fixed {
    position: fixed !important;
  }
}
@media only screen and (max-width: 992px) {
  .position-md-down\:fixed {
    position: fixed !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .position-md\:fixed {
    position: fixed !important;
  }
}
@media only screen and (min-width: 769px) {
  .position-md-up\:fixed {
    position: fixed !important;
  }
}
@media only screen and (max-width: 1200px) {
  .position-lg-down\:fixed {
    position: fixed !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .position-lg\:fixed {
    position: fixed !important;
  }
}
@media only screen and (min-width: 993px) {
  .position-lg-up\:fixed {
    position: fixed !important;
  }
}
@media only screen and (max-width: 1400px) {
  .position-xl-down\:fixed {
    position: fixed !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .position-xl\:fixed {
    position: fixed !important;
  }
}
@media only screen and (min-width: 1201px) {
  .position-xl-up\:fixed {
    position: fixed !important;
  }
}
@media only screen and (min-width: 1401px) {
  .position-xxl\:fixed {
    position: fixed !important;
  }
}
.position\:sticky {
  position: sticky !important;
}

@media only screen and (max-width: 576px) {
  .position-xs\:sticky {
    position: sticky !important;
  }
}
@media only screen and (max-width: 768px) {
  .position-sm-down\:sticky {
    position: sticky !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .position-sm\:sticky {
    position: sticky !important;
  }
}
@media only screen and (min-width: 577px) {
  .position-sm-up\:sticky {
    position: sticky !important;
  }
}
@media only screen and (max-width: 992px) {
  .position-md-down\:sticky {
    position: sticky !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .position-md\:sticky {
    position: sticky !important;
  }
}
@media only screen and (min-width: 769px) {
  .position-md-up\:sticky {
    position: sticky !important;
  }
}
@media only screen and (max-width: 1200px) {
  .position-lg-down\:sticky {
    position: sticky !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .position-lg\:sticky {
    position: sticky !important;
  }
}
@media only screen and (min-width: 993px) {
  .position-lg-up\:sticky {
    position: sticky !important;
  }
}
@media only screen and (max-width: 1400px) {
  .position-xl-down\:sticky {
    position: sticky !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .position-xl\:sticky {
    position: sticky !important;
  }
}
@media only screen and (min-width: 1201px) {
  .position-xl-up\:sticky {
    position: sticky !important;
  }
}
@media only screen and (min-width: 1401px) {
  .position-xxl\:sticky {
    position: sticky !important;
  }
}
.top\:-1 {
  top: -10px !important;
}

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

.left\:-1 {
  left: -10px !important;
}

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

@media only screen and (max-width: 576px) {
  .top-xs\:-1 {
    top: -10px !important;
  }

  .bottom-xs\:-1 {
    bottom: -10px !important;
  }

  .left-xs\:-1 {
    left: -10px !important;
  }

  .right-xs\:-1 {
    right: -10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-1 {
    top: -10px !important;
  }

  .bottom-sm-down\:-1 {
    bottom: -10px !important;
  }

  .left-sm-down\:-1 {
    left: -10px !important;
  }

  .right-sm-down\:-1 {
    right: -10px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-1 {
    top: -10px !important;
  }

  .bottom-sm\:-1 {
    bottom: -10px !important;
  }

  .left-sm\:-1 {
    left: -10px !important;
  }

  .right-sm\:-1 {
    right: -10px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-1 {
    top: -10px !important;
  }

  .bottom-sm-up\:-1 {
    bottom: -10px !important;
  }

  .left-sm-up\:-1 {
    left: -10px !important;
  }

  .right-sm-up\:-1 {
    right: -10px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-1 {
    top: -10px !important;
  }

  .bottom-md-down\:-1 {
    bottom: -10px !important;
  }

  .left-md-down\:-1 {
    left: -10px !important;
  }

  .right-md-down\:-1 {
    right: -10px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-1 {
    top: -10px !important;
  }

  .bottom-md\:-1 {
    bottom: -10px !important;
  }

  .left-md\:-1 {
    left: -10px !important;
  }

  .right-md\:-1 {
    right: -10px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-1 {
    top: -10px !important;
  }

  .bottom-md-up\:-1 {
    bottom: -10px !important;
  }

  .left-md-up\:-1 {
    left: -10px !important;
  }

  .right-md-up\:-1 {
    right: -10px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-1 {
    top: -10px !important;
  }

  .bottom-lg-down\:-1 {
    bottom: -10px !important;
  }

  .left-lg-down\:-1 {
    left: -10px !important;
  }

  .right-lg-down\:-1 {
    right: -10px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-1 {
    top: -10px !important;
  }

  .bottom-lg\:-1 {
    bottom: -10px !important;
  }

  .left-lg\:-1 {
    left: -10px !important;
  }

  .right-lg\:-1 {
    right: -10px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-1 {
    top: -10px !important;
  }

  .bottom-lg-up\:-1 {
    bottom: -10px !important;
  }

  .left-lg-up\:-1 {
    left: -10px !important;
  }

  .right-lg-up\:-1 {
    right: -10px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-1 {
    top: -10px !important;
  }

  .bottom-xl-down\:-1 {
    bottom: -10px !important;
  }

  .left-xl-down\:-1 {
    left: -10px !important;
  }

  .right-xl-down\:-1 {
    right: -10px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-1 {
    top: -10px !important;
  }

  .bottom-xl\:-1 {
    bottom: -10px !important;
  }

  .left-xl\:-1 {
    left: -10px !important;
  }

  .right-xl\:-1 {
    right: -10px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-1 {
    top: -10px !important;
  }

  .bottom-xl-up\:-1 {
    bottom: -10px !important;
  }

  .left-xl-up\:-1 {
    left: -10px !important;
  }

  .right-xl-up\:-1 {
    right: -10px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-1 {
    top: -10px !important;
  }

  .bottom-xxl\:-1 {
    bottom: -10px !important;
  }

  .left-xxl\:-1 {
    left: -10px !important;
  }

  .right-xxl\:-1 {
    right: -10px !important;
  }
}
.top\:-2 {
  top: -20px !important;
}

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

.left\:-2 {
  left: -20px !important;
}

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

@media only screen and (max-width: 576px) {
  .top-xs\:-2 {
    top: -20px !important;
  }

  .bottom-xs\:-2 {
    bottom: -20px !important;
  }

  .left-xs\:-2 {
    left: -20px !important;
  }

  .right-xs\:-2 {
    right: -20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-2 {
    top: -20px !important;
  }

  .bottom-sm-down\:-2 {
    bottom: -20px !important;
  }

  .left-sm-down\:-2 {
    left: -20px !important;
  }

  .right-sm-down\:-2 {
    right: -20px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-2 {
    top: -20px !important;
  }

  .bottom-sm\:-2 {
    bottom: -20px !important;
  }

  .left-sm\:-2 {
    left: -20px !important;
  }

  .right-sm\:-2 {
    right: -20px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-2 {
    top: -20px !important;
  }

  .bottom-sm-up\:-2 {
    bottom: -20px !important;
  }

  .left-sm-up\:-2 {
    left: -20px !important;
  }

  .right-sm-up\:-2 {
    right: -20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-2 {
    top: -20px !important;
  }

  .bottom-md-down\:-2 {
    bottom: -20px !important;
  }

  .left-md-down\:-2 {
    left: -20px !important;
  }

  .right-md-down\:-2 {
    right: -20px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-2 {
    top: -20px !important;
  }

  .bottom-md\:-2 {
    bottom: -20px !important;
  }

  .left-md\:-2 {
    left: -20px !important;
  }

  .right-md\:-2 {
    right: -20px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-2 {
    top: -20px !important;
  }

  .bottom-md-up\:-2 {
    bottom: -20px !important;
  }

  .left-md-up\:-2 {
    left: -20px !important;
  }

  .right-md-up\:-2 {
    right: -20px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-2 {
    top: -20px !important;
  }

  .bottom-lg-down\:-2 {
    bottom: -20px !important;
  }

  .left-lg-down\:-2 {
    left: -20px !important;
  }

  .right-lg-down\:-2 {
    right: -20px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-2 {
    top: -20px !important;
  }

  .bottom-lg\:-2 {
    bottom: -20px !important;
  }

  .left-lg\:-2 {
    left: -20px !important;
  }

  .right-lg\:-2 {
    right: -20px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-2 {
    top: -20px !important;
  }

  .bottom-lg-up\:-2 {
    bottom: -20px !important;
  }

  .left-lg-up\:-2 {
    left: -20px !important;
  }

  .right-lg-up\:-2 {
    right: -20px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-2 {
    top: -20px !important;
  }

  .bottom-xl-down\:-2 {
    bottom: -20px !important;
  }

  .left-xl-down\:-2 {
    left: -20px !important;
  }

  .right-xl-down\:-2 {
    right: -20px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-2 {
    top: -20px !important;
  }

  .bottom-xl\:-2 {
    bottom: -20px !important;
  }

  .left-xl\:-2 {
    left: -20px !important;
  }

  .right-xl\:-2 {
    right: -20px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-2 {
    top: -20px !important;
  }

  .bottom-xl-up\:-2 {
    bottom: -20px !important;
  }

  .left-xl-up\:-2 {
    left: -20px !important;
  }

  .right-xl-up\:-2 {
    right: -20px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-2 {
    top: -20px !important;
  }

  .bottom-xxl\:-2 {
    bottom: -20px !important;
  }

  .left-xxl\:-2 {
    left: -20px !important;
  }

  .right-xxl\:-2 {
    right: -20px !important;
  }
}
.top\:-3 {
  top: -30px !important;
}

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

.left\:-3 {
  left: -30px !important;
}

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

@media only screen and (max-width: 576px) {
  .top-xs\:-3 {
    top: -30px !important;
  }

  .bottom-xs\:-3 {
    bottom: -30px !important;
  }

  .left-xs\:-3 {
    left: -30px !important;
  }

  .right-xs\:-3 {
    right: -30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-3 {
    top: -30px !important;
  }

  .bottom-sm-down\:-3 {
    bottom: -30px !important;
  }

  .left-sm-down\:-3 {
    left: -30px !important;
  }

  .right-sm-down\:-3 {
    right: -30px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-3 {
    top: -30px !important;
  }

  .bottom-sm\:-3 {
    bottom: -30px !important;
  }

  .left-sm\:-3 {
    left: -30px !important;
  }

  .right-sm\:-3 {
    right: -30px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-3 {
    top: -30px !important;
  }

  .bottom-sm-up\:-3 {
    bottom: -30px !important;
  }

  .left-sm-up\:-3 {
    left: -30px !important;
  }

  .right-sm-up\:-3 {
    right: -30px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-3 {
    top: -30px !important;
  }

  .bottom-md-down\:-3 {
    bottom: -30px !important;
  }

  .left-md-down\:-3 {
    left: -30px !important;
  }

  .right-md-down\:-3 {
    right: -30px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-3 {
    top: -30px !important;
  }

  .bottom-md\:-3 {
    bottom: -30px !important;
  }

  .left-md\:-3 {
    left: -30px !important;
  }

  .right-md\:-3 {
    right: -30px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-3 {
    top: -30px !important;
  }

  .bottom-md-up\:-3 {
    bottom: -30px !important;
  }

  .left-md-up\:-3 {
    left: -30px !important;
  }

  .right-md-up\:-3 {
    right: -30px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-3 {
    top: -30px !important;
  }

  .bottom-lg-down\:-3 {
    bottom: -30px !important;
  }

  .left-lg-down\:-3 {
    left: -30px !important;
  }

  .right-lg-down\:-3 {
    right: -30px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-3 {
    top: -30px !important;
  }

  .bottom-lg\:-3 {
    bottom: -30px !important;
  }

  .left-lg\:-3 {
    left: -30px !important;
  }

  .right-lg\:-3 {
    right: -30px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-3 {
    top: -30px !important;
  }

  .bottom-lg-up\:-3 {
    bottom: -30px !important;
  }

  .left-lg-up\:-3 {
    left: -30px !important;
  }

  .right-lg-up\:-3 {
    right: -30px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-3 {
    top: -30px !important;
  }

  .bottom-xl-down\:-3 {
    bottom: -30px !important;
  }

  .left-xl-down\:-3 {
    left: -30px !important;
  }

  .right-xl-down\:-3 {
    right: -30px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-3 {
    top: -30px !important;
  }

  .bottom-xl\:-3 {
    bottom: -30px !important;
  }

  .left-xl\:-3 {
    left: -30px !important;
  }

  .right-xl\:-3 {
    right: -30px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-3 {
    top: -30px !important;
  }

  .bottom-xl-up\:-3 {
    bottom: -30px !important;
  }

  .left-xl-up\:-3 {
    left: -30px !important;
  }

  .right-xl-up\:-3 {
    right: -30px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-3 {
    top: -30px !important;
  }

  .bottom-xxl\:-3 {
    bottom: -30px !important;
  }

  .left-xxl\:-3 {
    left: -30px !important;
  }

  .right-xxl\:-3 {
    right: -30px !important;
  }
}
.top\:-4 {
  top: -40px !important;
}

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

.left\:-4 {
  left: -40px !important;
}

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

@media only screen and (max-width: 576px) {
  .top-xs\:-4 {
    top: -40px !important;
  }

  .bottom-xs\:-4 {
    bottom: -40px !important;
  }

  .left-xs\:-4 {
    left: -40px !important;
  }

  .right-xs\:-4 {
    right: -40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-4 {
    top: -40px !important;
  }

  .bottom-sm-down\:-4 {
    bottom: -40px !important;
  }

  .left-sm-down\:-4 {
    left: -40px !important;
  }

  .right-sm-down\:-4 {
    right: -40px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-4 {
    top: -40px !important;
  }

  .bottom-sm\:-4 {
    bottom: -40px !important;
  }

  .left-sm\:-4 {
    left: -40px !important;
  }

  .right-sm\:-4 {
    right: -40px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-4 {
    top: -40px !important;
  }

  .bottom-sm-up\:-4 {
    bottom: -40px !important;
  }

  .left-sm-up\:-4 {
    left: -40px !important;
  }

  .right-sm-up\:-4 {
    right: -40px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-4 {
    top: -40px !important;
  }

  .bottom-md-down\:-4 {
    bottom: -40px !important;
  }

  .left-md-down\:-4 {
    left: -40px !important;
  }

  .right-md-down\:-4 {
    right: -40px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-4 {
    top: -40px !important;
  }

  .bottom-md\:-4 {
    bottom: -40px !important;
  }

  .left-md\:-4 {
    left: -40px !important;
  }

  .right-md\:-4 {
    right: -40px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-4 {
    top: -40px !important;
  }

  .bottom-md-up\:-4 {
    bottom: -40px !important;
  }

  .left-md-up\:-4 {
    left: -40px !important;
  }

  .right-md-up\:-4 {
    right: -40px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-4 {
    top: -40px !important;
  }

  .bottom-lg-down\:-4 {
    bottom: -40px !important;
  }

  .left-lg-down\:-4 {
    left: -40px !important;
  }

  .right-lg-down\:-4 {
    right: -40px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-4 {
    top: -40px !important;
  }

  .bottom-lg\:-4 {
    bottom: -40px !important;
  }

  .left-lg\:-4 {
    left: -40px !important;
  }

  .right-lg\:-4 {
    right: -40px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-4 {
    top: -40px !important;
  }

  .bottom-lg-up\:-4 {
    bottom: -40px !important;
  }

  .left-lg-up\:-4 {
    left: -40px !important;
  }

  .right-lg-up\:-4 {
    right: -40px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-4 {
    top: -40px !important;
  }

  .bottom-xl-down\:-4 {
    bottom: -40px !important;
  }

  .left-xl-down\:-4 {
    left: -40px !important;
  }

  .right-xl-down\:-4 {
    right: -40px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-4 {
    top: -40px !important;
  }

  .bottom-xl\:-4 {
    bottom: -40px !important;
  }

  .left-xl\:-4 {
    left: -40px !important;
  }

  .right-xl\:-4 {
    right: -40px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-4 {
    top: -40px !important;
  }

  .bottom-xl-up\:-4 {
    bottom: -40px !important;
  }

  .left-xl-up\:-4 {
    left: -40px !important;
  }

  .right-xl-up\:-4 {
    right: -40px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-4 {
    top: -40px !important;
  }

  .bottom-xxl\:-4 {
    bottom: -40px !important;
  }

  .left-xxl\:-4 {
    left: -40px !important;
  }

  .right-xxl\:-4 {
    right: -40px !important;
  }
}
.top\:-5 {
  top: -50px !important;
}

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

.left\:-5 {
  left: -50px !important;
}

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

@media only screen and (max-width: 576px) {
  .top-xs\:-5 {
    top: -50px !important;
  }

  .bottom-xs\:-5 {
    bottom: -50px !important;
  }

  .left-xs\:-5 {
    left: -50px !important;
  }

  .right-xs\:-5 {
    right: -50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-5 {
    top: -50px !important;
  }

  .bottom-sm-down\:-5 {
    bottom: -50px !important;
  }

  .left-sm-down\:-5 {
    left: -50px !important;
  }

  .right-sm-down\:-5 {
    right: -50px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-5 {
    top: -50px !important;
  }

  .bottom-sm\:-5 {
    bottom: -50px !important;
  }

  .left-sm\:-5 {
    left: -50px !important;
  }

  .right-sm\:-5 {
    right: -50px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-5 {
    top: -50px !important;
  }

  .bottom-sm-up\:-5 {
    bottom: -50px !important;
  }

  .left-sm-up\:-5 {
    left: -50px !important;
  }

  .right-sm-up\:-5 {
    right: -50px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-5 {
    top: -50px !important;
  }

  .bottom-md-down\:-5 {
    bottom: -50px !important;
  }

  .left-md-down\:-5 {
    left: -50px !important;
  }

  .right-md-down\:-5 {
    right: -50px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-5 {
    top: -50px !important;
  }

  .bottom-md\:-5 {
    bottom: -50px !important;
  }

  .left-md\:-5 {
    left: -50px !important;
  }

  .right-md\:-5 {
    right: -50px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-5 {
    top: -50px !important;
  }

  .bottom-md-up\:-5 {
    bottom: -50px !important;
  }

  .left-md-up\:-5 {
    left: -50px !important;
  }

  .right-md-up\:-5 {
    right: -50px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-5 {
    top: -50px !important;
  }

  .bottom-lg-down\:-5 {
    bottom: -50px !important;
  }

  .left-lg-down\:-5 {
    left: -50px !important;
  }

  .right-lg-down\:-5 {
    right: -50px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-5 {
    top: -50px !important;
  }

  .bottom-lg\:-5 {
    bottom: -50px !important;
  }

  .left-lg\:-5 {
    left: -50px !important;
  }

  .right-lg\:-5 {
    right: -50px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-5 {
    top: -50px !important;
  }

  .bottom-lg-up\:-5 {
    bottom: -50px !important;
  }

  .left-lg-up\:-5 {
    left: -50px !important;
  }

  .right-lg-up\:-5 {
    right: -50px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-5 {
    top: -50px !important;
  }

  .bottom-xl-down\:-5 {
    bottom: -50px !important;
  }

  .left-xl-down\:-5 {
    left: -50px !important;
  }

  .right-xl-down\:-5 {
    right: -50px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-5 {
    top: -50px !important;
  }

  .bottom-xl\:-5 {
    bottom: -50px !important;
  }

  .left-xl\:-5 {
    left: -50px !important;
  }

  .right-xl\:-5 {
    right: -50px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-5 {
    top: -50px !important;
  }

  .bottom-xl-up\:-5 {
    bottom: -50px !important;
  }

  .left-xl-up\:-5 {
    left: -50px !important;
  }

  .right-xl-up\:-5 {
    right: -50px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-5 {
    top: -50px !important;
  }

  .bottom-xxl\:-5 {
    bottom: -50px !important;
  }

  .left-xxl\:-5 {
    left: -50px !important;
  }

  .right-xxl\:-5 {
    right: -50px !important;
  }
}
.top\:-6 {
  top: -60px !important;
}

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

.left\:-6 {
  left: -60px !important;
}

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

@media only screen and (max-width: 576px) {
  .top-xs\:-6 {
    top: -60px !important;
  }

  .bottom-xs\:-6 {
    bottom: -60px !important;
  }

  .left-xs\:-6 {
    left: -60px !important;
  }

  .right-xs\:-6 {
    right: -60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-6 {
    top: -60px !important;
  }

  .bottom-sm-down\:-6 {
    bottom: -60px !important;
  }

  .left-sm-down\:-6 {
    left: -60px !important;
  }

  .right-sm-down\:-6 {
    right: -60px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-6 {
    top: -60px !important;
  }

  .bottom-sm\:-6 {
    bottom: -60px !important;
  }

  .left-sm\:-6 {
    left: -60px !important;
  }

  .right-sm\:-6 {
    right: -60px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-6 {
    top: -60px !important;
  }

  .bottom-sm-up\:-6 {
    bottom: -60px !important;
  }

  .left-sm-up\:-6 {
    left: -60px !important;
  }

  .right-sm-up\:-6 {
    right: -60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-6 {
    top: -60px !important;
  }

  .bottom-md-down\:-6 {
    bottom: -60px !important;
  }

  .left-md-down\:-6 {
    left: -60px !important;
  }

  .right-md-down\:-6 {
    right: -60px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-6 {
    top: -60px !important;
  }

  .bottom-md\:-6 {
    bottom: -60px !important;
  }

  .left-md\:-6 {
    left: -60px !important;
  }

  .right-md\:-6 {
    right: -60px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-6 {
    top: -60px !important;
  }

  .bottom-md-up\:-6 {
    bottom: -60px !important;
  }

  .left-md-up\:-6 {
    left: -60px !important;
  }

  .right-md-up\:-6 {
    right: -60px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-6 {
    top: -60px !important;
  }

  .bottom-lg-down\:-6 {
    bottom: -60px !important;
  }

  .left-lg-down\:-6 {
    left: -60px !important;
  }

  .right-lg-down\:-6 {
    right: -60px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-6 {
    top: -60px !important;
  }

  .bottom-lg\:-6 {
    bottom: -60px !important;
  }

  .left-lg\:-6 {
    left: -60px !important;
  }

  .right-lg\:-6 {
    right: -60px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-6 {
    top: -60px !important;
  }

  .bottom-lg-up\:-6 {
    bottom: -60px !important;
  }

  .left-lg-up\:-6 {
    left: -60px !important;
  }

  .right-lg-up\:-6 {
    right: -60px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-6 {
    top: -60px !important;
  }

  .bottom-xl-down\:-6 {
    bottom: -60px !important;
  }

  .left-xl-down\:-6 {
    left: -60px !important;
  }

  .right-xl-down\:-6 {
    right: -60px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-6 {
    top: -60px !important;
  }

  .bottom-xl\:-6 {
    bottom: -60px !important;
  }

  .left-xl\:-6 {
    left: -60px !important;
  }

  .right-xl\:-6 {
    right: -60px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-6 {
    top: -60px !important;
  }

  .bottom-xl-up\:-6 {
    bottom: -60px !important;
  }

  .left-xl-up\:-6 {
    left: -60px !important;
  }

  .right-xl-up\:-6 {
    right: -60px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-6 {
    top: -60px !important;
  }

  .bottom-xxl\:-6 {
    bottom: -60px !important;
  }

  .left-xxl\:-6 {
    left: -60px !important;
  }

  .right-xxl\:-6 {
    right: -60px !important;
  }
}
.top\:-7 {
  top: -70px !important;
}

.bottom\:-7 {
  bottom: -70px !important;
}

.left\:-7 {
  left: -70px !important;
}

.right\:-7 {
  right: -70px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:-7 {
    top: -70px !important;
  }

  .bottom-xs\:-7 {
    bottom: -70px !important;
  }

  .left-xs\:-7 {
    left: -70px !important;
  }

  .right-xs\:-7 {
    right: -70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-7 {
    top: -70px !important;
  }

  .bottom-sm-down\:-7 {
    bottom: -70px !important;
  }

  .left-sm-down\:-7 {
    left: -70px !important;
  }

  .right-sm-down\:-7 {
    right: -70px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-7 {
    top: -70px !important;
  }

  .bottom-sm\:-7 {
    bottom: -70px !important;
  }

  .left-sm\:-7 {
    left: -70px !important;
  }

  .right-sm\:-7 {
    right: -70px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-7 {
    top: -70px !important;
  }

  .bottom-sm-up\:-7 {
    bottom: -70px !important;
  }

  .left-sm-up\:-7 {
    left: -70px !important;
  }

  .right-sm-up\:-7 {
    right: -70px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-7 {
    top: -70px !important;
  }

  .bottom-md-down\:-7 {
    bottom: -70px !important;
  }

  .left-md-down\:-7 {
    left: -70px !important;
  }

  .right-md-down\:-7 {
    right: -70px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-7 {
    top: -70px !important;
  }

  .bottom-md\:-7 {
    bottom: -70px !important;
  }

  .left-md\:-7 {
    left: -70px !important;
  }

  .right-md\:-7 {
    right: -70px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-7 {
    top: -70px !important;
  }

  .bottom-md-up\:-7 {
    bottom: -70px !important;
  }

  .left-md-up\:-7 {
    left: -70px !important;
  }

  .right-md-up\:-7 {
    right: -70px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-7 {
    top: -70px !important;
  }

  .bottom-lg-down\:-7 {
    bottom: -70px !important;
  }

  .left-lg-down\:-7 {
    left: -70px !important;
  }

  .right-lg-down\:-7 {
    right: -70px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-7 {
    top: -70px !important;
  }

  .bottom-lg\:-7 {
    bottom: -70px !important;
  }

  .left-lg\:-7 {
    left: -70px !important;
  }

  .right-lg\:-7 {
    right: -70px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-7 {
    top: -70px !important;
  }

  .bottom-lg-up\:-7 {
    bottom: -70px !important;
  }

  .left-lg-up\:-7 {
    left: -70px !important;
  }

  .right-lg-up\:-7 {
    right: -70px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-7 {
    top: -70px !important;
  }

  .bottom-xl-down\:-7 {
    bottom: -70px !important;
  }

  .left-xl-down\:-7 {
    left: -70px !important;
  }

  .right-xl-down\:-7 {
    right: -70px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-7 {
    top: -70px !important;
  }

  .bottom-xl\:-7 {
    bottom: -70px !important;
  }

  .left-xl\:-7 {
    left: -70px !important;
  }

  .right-xl\:-7 {
    right: -70px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-7 {
    top: -70px !important;
  }

  .bottom-xl-up\:-7 {
    bottom: -70px !important;
  }

  .left-xl-up\:-7 {
    left: -70px !important;
  }

  .right-xl-up\:-7 {
    right: -70px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-7 {
    top: -70px !important;
  }

  .bottom-xxl\:-7 {
    bottom: -70px !important;
  }

  .left-xxl\:-7 {
    left: -70px !important;
  }

  .right-xxl\:-7 {
    right: -70px !important;
  }
}
.top\:-8 {
  top: -80px !important;
}

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

.left\:-8 {
  left: -80px !important;
}

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

@media only screen and (max-width: 576px) {
  .top-xs\:-8 {
    top: -80px !important;
  }

  .bottom-xs\:-8 {
    bottom: -80px !important;
  }

  .left-xs\:-8 {
    left: -80px !important;
  }

  .right-xs\:-8 {
    right: -80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-8 {
    top: -80px !important;
  }

  .bottom-sm-down\:-8 {
    bottom: -80px !important;
  }

  .left-sm-down\:-8 {
    left: -80px !important;
  }

  .right-sm-down\:-8 {
    right: -80px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-8 {
    top: -80px !important;
  }

  .bottom-sm\:-8 {
    bottom: -80px !important;
  }

  .left-sm\:-8 {
    left: -80px !important;
  }

  .right-sm\:-8 {
    right: -80px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-8 {
    top: -80px !important;
  }

  .bottom-sm-up\:-8 {
    bottom: -80px !important;
  }

  .left-sm-up\:-8 {
    left: -80px !important;
  }

  .right-sm-up\:-8 {
    right: -80px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-8 {
    top: -80px !important;
  }

  .bottom-md-down\:-8 {
    bottom: -80px !important;
  }

  .left-md-down\:-8 {
    left: -80px !important;
  }

  .right-md-down\:-8 {
    right: -80px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-8 {
    top: -80px !important;
  }

  .bottom-md\:-8 {
    bottom: -80px !important;
  }

  .left-md\:-8 {
    left: -80px !important;
  }

  .right-md\:-8 {
    right: -80px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-8 {
    top: -80px !important;
  }

  .bottom-md-up\:-8 {
    bottom: -80px !important;
  }

  .left-md-up\:-8 {
    left: -80px !important;
  }

  .right-md-up\:-8 {
    right: -80px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-8 {
    top: -80px !important;
  }

  .bottom-lg-down\:-8 {
    bottom: -80px !important;
  }

  .left-lg-down\:-8 {
    left: -80px !important;
  }

  .right-lg-down\:-8 {
    right: -80px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-8 {
    top: -80px !important;
  }

  .bottom-lg\:-8 {
    bottom: -80px !important;
  }

  .left-lg\:-8 {
    left: -80px !important;
  }

  .right-lg\:-8 {
    right: -80px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-8 {
    top: -80px !important;
  }

  .bottom-lg-up\:-8 {
    bottom: -80px !important;
  }

  .left-lg-up\:-8 {
    left: -80px !important;
  }

  .right-lg-up\:-8 {
    right: -80px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-8 {
    top: -80px !important;
  }

  .bottom-xl-down\:-8 {
    bottom: -80px !important;
  }

  .left-xl-down\:-8 {
    left: -80px !important;
  }

  .right-xl-down\:-8 {
    right: -80px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-8 {
    top: -80px !important;
  }

  .bottom-xl\:-8 {
    bottom: -80px !important;
  }

  .left-xl\:-8 {
    left: -80px !important;
  }

  .right-xl\:-8 {
    right: -80px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-8 {
    top: -80px !important;
  }

  .bottom-xl-up\:-8 {
    bottom: -80px !important;
  }

  .left-xl-up\:-8 {
    left: -80px !important;
  }

  .right-xl-up\:-8 {
    right: -80px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-8 {
    top: -80px !important;
  }

  .bottom-xxl\:-8 {
    bottom: -80px !important;
  }

  .left-xxl\:-8 {
    left: -80px !important;
  }

  .right-xxl\:-8 {
    right: -80px !important;
  }
}
.top\:-9 {
  top: -90px !important;
}

.bottom\:-9 {
  bottom: -90px !important;
}

.left\:-9 {
  left: -90px !important;
}

.right\:-9 {
  right: -90px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:-9 {
    top: -90px !important;
  }

  .bottom-xs\:-9 {
    bottom: -90px !important;
  }

  .left-xs\:-9 {
    left: -90px !important;
  }

  .right-xs\:-9 {
    right: -90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-9 {
    top: -90px !important;
  }

  .bottom-sm-down\:-9 {
    bottom: -90px !important;
  }

  .left-sm-down\:-9 {
    left: -90px !important;
  }

  .right-sm-down\:-9 {
    right: -90px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-9 {
    top: -90px !important;
  }

  .bottom-sm\:-9 {
    bottom: -90px !important;
  }

  .left-sm\:-9 {
    left: -90px !important;
  }

  .right-sm\:-9 {
    right: -90px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-9 {
    top: -90px !important;
  }

  .bottom-sm-up\:-9 {
    bottom: -90px !important;
  }

  .left-sm-up\:-9 {
    left: -90px !important;
  }

  .right-sm-up\:-9 {
    right: -90px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-9 {
    top: -90px !important;
  }

  .bottom-md-down\:-9 {
    bottom: -90px !important;
  }

  .left-md-down\:-9 {
    left: -90px !important;
  }

  .right-md-down\:-9 {
    right: -90px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-9 {
    top: -90px !important;
  }

  .bottom-md\:-9 {
    bottom: -90px !important;
  }

  .left-md\:-9 {
    left: -90px !important;
  }

  .right-md\:-9 {
    right: -90px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-9 {
    top: -90px !important;
  }

  .bottom-md-up\:-9 {
    bottom: -90px !important;
  }

  .left-md-up\:-9 {
    left: -90px !important;
  }

  .right-md-up\:-9 {
    right: -90px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-9 {
    top: -90px !important;
  }

  .bottom-lg-down\:-9 {
    bottom: -90px !important;
  }

  .left-lg-down\:-9 {
    left: -90px !important;
  }

  .right-lg-down\:-9 {
    right: -90px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-9 {
    top: -90px !important;
  }

  .bottom-lg\:-9 {
    bottom: -90px !important;
  }

  .left-lg\:-9 {
    left: -90px !important;
  }

  .right-lg\:-9 {
    right: -90px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-9 {
    top: -90px !important;
  }

  .bottom-lg-up\:-9 {
    bottom: -90px !important;
  }

  .left-lg-up\:-9 {
    left: -90px !important;
  }

  .right-lg-up\:-9 {
    right: -90px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-9 {
    top: -90px !important;
  }

  .bottom-xl-down\:-9 {
    bottom: -90px !important;
  }

  .left-xl-down\:-9 {
    left: -90px !important;
  }

  .right-xl-down\:-9 {
    right: -90px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-9 {
    top: -90px !important;
  }

  .bottom-xl\:-9 {
    bottom: -90px !important;
  }

  .left-xl\:-9 {
    left: -90px !important;
  }

  .right-xl\:-9 {
    right: -90px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-9 {
    top: -90px !important;
  }

  .bottom-xl-up\:-9 {
    bottom: -90px !important;
  }

  .left-xl-up\:-9 {
    left: -90px !important;
  }

  .right-xl-up\:-9 {
    right: -90px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-9 {
    top: -90px !important;
  }

  .bottom-xxl\:-9 {
    bottom: -90px !important;
  }

  .left-xxl\:-9 {
    left: -90px !important;
  }

  .right-xxl\:-9 {
    right: -90px !important;
  }
}
.top\:-10 {
  top: -100px !important;
}

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

.left\:-10 {
  left: -100px !important;
}

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

@media only screen and (max-width: 576px) {
  .top-xs\:-10 {
    top: -100px !important;
  }

  .bottom-xs\:-10 {
    bottom: -100px !important;
  }

  .left-xs\:-10 {
    left: -100px !important;
  }

  .right-xs\:-10 {
    right: -100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:-10 {
    top: -100px !important;
  }

  .bottom-sm-down\:-10 {
    bottom: -100px !important;
  }

  .left-sm-down\:-10 {
    left: -100px !important;
  }

  .right-sm-down\:-10 {
    right: -100px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:-10 {
    top: -100px !important;
  }

  .bottom-sm\:-10 {
    bottom: -100px !important;
  }

  .left-sm\:-10 {
    left: -100px !important;
  }

  .right-sm\:-10 {
    right: -100px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:-10 {
    top: -100px !important;
  }

  .bottom-sm-up\:-10 {
    bottom: -100px !important;
  }

  .left-sm-up\:-10 {
    left: -100px !important;
  }

  .right-sm-up\:-10 {
    right: -100px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:-10 {
    top: -100px !important;
  }

  .bottom-md-down\:-10 {
    bottom: -100px !important;
  }

  .left-md-down\:-10 {
    left: -100px !important;
  }

  .right-md-down\:-10 {
    right: -100px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:-10 {
    top: -100px !important;
  }

  .bottom-md\:-10 {
    bottom: -100px !important;
  }

  .left-md\:-10 {
    left: -100px !important;
  }

  .right-md\:-10 {
    right: -100px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:-10 {
    top: -100px !important;
  }

  .bottom-md-up\:-10 {
    bottom: -100px !important;
  }

  .left-md-up\:-10 {
    left: -100px !important;
  }

  .right-md-up\:-10 {
    right: -100px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:-10 {
    top: -100px !important;
  }

  .bottom-lg-down\:-10 {
    bottom: -100px !important;
  }

  .left-lg-down\:-10 {
    left: -100px !important;
  }

  .right-lg-down\:-10 {
    right: -100px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:-10 {
    top: -100px !important;
  }

  .bottom-lg\:-10 {
    bottom: -100px !important;
  }

  .left-lg\:-10 {
    left: -100px !important;
  }

  .right-lg\:-10 {
    right: -100px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:-10 {
    top: -100px !important;
  }

  .bottom-lg-up\:-10 {
    bottom: -100px !important;
  }

  .left-lg-up\:-10 {
    left: -100px !important;
  }

  .right-lg-up\:-10 {
    right: -100px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:-10 {
    top: -100px !important;
  }

  .bottom-xl-down\:-10 {
    bottom: -100px !important;
  }

  .left-xl-down\:-10 {
    left: -100px !important;
  }

  .right-xl-down\:-10 {
    right: -100px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:-10 {
    top: -100px !important;
  }

  .bottom-xl\:-10 {
    bottom: -100px !important;
  }

  .left-xl\:-10 {
    left: -100px !important;
  }

  .right-xl\:-10 {
    right: -100px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:-10 {
    top: -100px !important;
  }

  .bottom-xl-up\:-10 {
    bottom: -100px !important;
  }

  .left-xl-up\:-10 {
    left: -100px !important;
  }

  .right-xl-up\:-10 {
    right: -100px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:-10 {
    top: -100px !important;
  }

  .bottom-xxl\:-10 {
    bottom: -100px !important;
  }

  .left-xxl\:-10 {
    left: -100px !important;
  }

  .right-xxl\:-10 {
    right: -100px !important;
  }
}
.top\:0 {
  top: 0 !important;
}

.bottom\:0 {
  bottom: 0 !important;
}

.left\:0 {
  left: 0 !important;
}

.right\:0 {
  right: 0 !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:0 {
    top: 0 !important;
  }

  .bottom-xs\:0 {
    bottom: 0 !important;
  }

  .left-xs\:0 {
    left: 0 !important;
  }

  .right-xs\:0 {
    right: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:0 {
    top: 0 !important;
  }

  .bottom-sm-down\:0 {
    bottom: 0 !important;
  }

  .left-sm-down\:0 {
    left: 0 !important;
  }

  .right-sm-down\:0 {
    right: 0 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:0 {
    top: 0 !important;
  }

  .bottom-sm\:0 {
    bottom: 0 !important;
  }

  .left-sm\:0 {
    left: 0 !important;
  }

  .right-sm\:0 {
    right: 0 !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:0 {
    top: 0 !important;
  }

  .bottom-sm-up\:0 {
    bottom: 0 !important;
  }

  .left-sm-up\:0 {
    left: 0 !important;
  }

  .right-sm-up\:0 {
    right: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:0 {
    top: 0 !important;
  }

  .bottom-md-down\:0 {
    bottom: 0 !important;
  }

  .left-md-down\:0 {
    left: 0 !important;
  }

  .right-md-down\:0 {
    right: 0 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:0 {
    top: 0 !important;
  }

  .bottom-md\:0 {
    bottom: 0 !important;
  }

  .left-md\:0 {
    left: 0 !important;
  }

  .right-md\:0 {
    right: 0 !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:0 {
    top: 0 !important;
  }

  .bottom-md-up\:0 {
    bottom: 0 !important;
  }

  .left-md-up\:0 {
    left: 0 !important;
  }

  .right-md-up\:0 {
    right: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:0 {
    top: 0 !important;
  }

  .bottom-lg-down\:0 {
    bottom: 0 !important;
  }

  .left-lg-down\:0 {
    left: 0 !important;
  }

  .right-lg-down\:0 {
    right: 0 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:0 {
    top: 0 !important;
  }

  .bottom-lg\:0 {
    bottom: 0 !important;
  }

  .left-lg\:0 {
    left: 0 !important;
  }

  .right-lg\:0 {
    right: 0 !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:0 {
    top: 0 !important;
  }

  .bottom-lg-up\:0 {
    bottom: 0 !important;
  }

  .left-lg-up\:0 {
    left: 0 !important;
  }

  .right-lg-up\:0 {
    right: 0 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:0 {
    top: 0 !important;
  }

  .bottom-xl-down\:0 {
    bottom: 0 !important;
  }

  .left-xl-down\:0 {
    left: 0 !important;
  }

  .right-xl-down\:0 {
    right: 0 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:0 {
    top: 0 !important;
  }

  .bottom-xl\:0 {
    bottom: 0 !important;
  }

  .left-xl\:0 {
    left: 0 !important;
  }

  .right-xl\:0 {
    right: 0 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:0 {
    top: 0 !important;
  }

  .bottom-xl-up\:0 {
    bottom: 0 !important;
  }

  .left-xl-up\:0 {
    left: 0 !important;
  }

  .right-xl-up\:0 {
    right: 0 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:0 {
    top: 0 !important;
  }

  .bottom-xxl\:0 {
    bottom: 0 !important;
  }

  .left-xxl\:0 {
    left: 0 !important;
  }

  .right-xxl\:0 {
    right: 0 !important;
  }
}
.top\:_1 {
  top: 10px !important;
}

.bottom\:_1 {
  bottom: 10px !important;
}

.left\:_1 {
  left: 10px !important;
}

.right\:_1 {
  right: 10px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_1 {
    top: 10px !important;
  }

  .bottom-xs\:_1 {
    bottom: 10px !important;
  }

  .left-xs\:_1 {
    left: 10px !important;
  }

  .right-xs\:_1 {
    right: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_1 {
    top: 10px !important;
  }

  .bottom-sm-down\:_1 {
    bottom: 10px !important;
  }

  .left-sm-down\:_1 {
    left: 10px !important;
  }

  .right-sm-down\:_1 {
    right: 10px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_1 {
    top: 10px !important;
  }

  .bottom-sm\:_1 {
    bottom: 10px !important;
  }

  .left-sm\:_1 {
    left: 10px !important;
  }

  .right-sm\:_1 {
    right: 10px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_1 {
    top: 10px !important;
  }

  .bottom-sm-up\:_1 {
    bottom: 10px !important;
  }

  .left-sm-up\:_1 {
    left: 10px !important;
  }

  .right-sm-up\:_1 {
    right: 10px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_1 {
    top: 10px !important;
  }

  .bottom-md-down\:_1 {
    bottom: 10px !important;
  }

  .left-md-down\:_1 {
    left: 10px !important;
  }

  .right-md-down\:_1 {
    right: 10px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_1 {
    top: 10px !important;
  }

  .bottom-md\:_1 {
    bottom: 10px !important;
  }

  .left-md\:_1 {
    left: 10px !important;
  }

  .right-md\:_1 {
    right: 10px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_1 {
    top: 10px !important;
  }

  .bottom-md-up\:_1 {
    bottom: 10px !important;
  }

  .left-md-up\:_1 {
    left: 10px !important;
  }

  .right-md-up\:_1 {
    right: 10px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_1 {
    top: 10px !important;
  }

  .bottom-lg-down\:_1 {
    bottom: 10px !important;
  }

  .left-lg-down\:_1 {
    left: 10px !important;
  }

  .right-lg-down\:_1 {
    right: 10px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_1 {
    top: 10px !important;
  }

  .bottom-lg\:_1 {
    bottom: 10px !important;
  }

  .left-lg\:_1 {
    left: 10px !important;
  }

  .right-lg\:_1 {
    right: 10px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_1 {
    top: 10px !important;
  }

  .bottom-lg-up\:_1 {
    bottom: 10px !important;
  }

  .left-lg-up\:_1 {
    left: 10px !important;
  }

  .right-lg-up\:_1 {
    right: 10px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_1 {
    top: 10px !important;
  }

  .bottom-xl-down\:_1 {
    bottom: 10px !important;
  }

  .left-xl-down\:_1 {
    left: 10px !important;
  }

  .right-xl-down\:_1 {
    right: 10px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_1 {
    top: 10px !important;
  }

  .bottom-xl\:_1 {
    bottom: 10px !important;
  }

  .left-xl\:_1 {
    left: 10px !important;
  }

  .right-xl\:_1 {
    right: 10px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_1 {
    top: 10px !important;
  }

  .bottom-xl-up\:_1 {
    bottom: 10px !important;
  }

  .left-xl-up\:_1 {
    left: 10px !important;
  }

  .right-xl-up\:_1 {
    right: 10px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_1 {
    top: 10px !important;
  }

  .bottom-xxl\:_1 {
    bottom: 10px !important;
  }

  .left-xxl\:_1 {
    left: 10px !important;
  }

  .right-xxl\:_1 {
    right: 10px !important;
  }
}
.top\:_2 {
  top: 20px !important;
}

.bottom\:_2 {
  bottom: 20px !important;
}

.left\:_2 {
  left: 20px !important;
}

.right\:_2 {
  right: 20px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_2 {
    top: 20px !important;
  }

  .bottom-xs\:_2 {
    bottom: 20px !important;
  }

  .left-xs\:_2 {
    left: 20px !important;
  }

  .right-xs\:_2 {
    right: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_2 {
    top: 20px !important;
  }

  .bottom-sm-down\:_2 {
    bottom: 20px !important;
  }

  .left-sm-down\:_2 {
    left: 20px !important;
  }

  .right-sm-down\:_2 {
    right: 20px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_2 {
    top: 20px !important;
  }

  .bottom-sm\:_2 {
    bottom: 20px !important;
  }

  .left-sm\:_2 {
    left: 20px !important;
  }

  .right-sm\:_2 {
    right: 20px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_2 {
    top: 20px !important;
  }

  .bottom-sm-up\:_2 {
    bottom: 20px !important;
  }

  .left-sm-up\:_2 {
    left: 20px !important;
  }

  .right-sm-up\:_2 {
    right: 20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_2 {
    top: 20px !important;
  }

  .bottom-md-down\:_2 {
    bottom: 20px !important;
  }

  .left-md-down\:_2 {
    left: 20px !important;
  }

  .right-md-down\:_2 {
    right: 20px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_2 {
    top: 20px !important;
  }

  .bottom-md\:_2 {
    bottom: 20px !important;
  }

  .left-md\:_2 {
    left: 20px !important;
  }

  .right-md\:_2 {
    right: 20px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_2 {
    top: 20px !important;
  }

  .bottom-md-up\:_2 {
    bottom: 20px !important;
  }

  .left-md-up\:_2 {
    left: 20px !important;
  }

  .right-md-up\:_2 {
    right: 20px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_2 {
    top: 20px !important;
  }

  .bottom-lg-down\:_2 {
    bottom: 20px !important;
  }

  .left-lg-down\:_2 {
    left: 20px !important;
  }

  .right-lg-down\:_2 {
    right: 20px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_2 {
    top: 20px !important;
  }

  .bottom-lg\:_2 {
    bottom: 20px !important;
  }

  .left-lg\:_2 {
    left: 20px !important;
  }

  .right-lg\:_2 {
    right: 20px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_2 {
    top: 20px !important;
  }

  .bottom-lg-up\:_2 {
    bottom: 20px !important;
  }

  .left-lg-up\:_2 {
    left: 20px !important;
  }

  .right-lg-up\:_2 {
    right: 20px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_2 {
    top: 20px !important;
  }

  .bottom-xl-down\:_2 {
    bottom: 20px !important;
  }

  .left-xl-down\:_2 {
    left: 20px !important;
  }

  .right-xl-down\:_2 {
    right: 20px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_2 {
    top: 20px !important;
  }

  .bottom-xl\:_2 {
    bottom: 20px !important;
  }

  .left-xl\:_2 {
    left: 20px !important;
  }

  .right-xl\:_2 {
    right: 20px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_2 {
    top: 20px !important;
  }

  .bottom-xl-up\:_2 {
    bottom: 20px !important;
  }

  .left-xl-up\:_2 {
    left: 20px !important;
  }

  .right-xl-up\:_2 {
    right: 20px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_2 {
    top: 20px !important;
  }

  .bottom-xxl\:_2 {
    bottom: 20px !important;
  }

  .left-xxl\:_2 {
    left: 20px !important;
  }

  .right-xxl\:_2 {
    right: 20px !important;
  }
}
.top\:_3 {
  top: 30px !important;
}

.bottom\:_3 {
  bottom: 30px !important;
}

.left\:_3 {
  left: 30px !important;
}

.right\:_3 {
  right: 30px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_3 {
    top: 30px !important;
  }

  .bottom-xs\:_3 {
    bottom: 30px !important;
  }

  .left-xs\:_3 {
    left: 30px !important;
  }

  .right-xs\:_3 {
    right: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_3 {
    top: 30px !important;
  }

  .bottom-sm-down\:_3 {
    bottom: 30px !important;
  }

  .left-sm-down\:_3 {
    left: 30px !important;
  }

  .right-sm-down\:_3 {
    right: 30px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_3 {
    top: 30px !important;
  }

  .bottom-sm\:_3 {
    bottom: 30px !important;
  }

  .left-sm\:_3 {
    left: 30px !important;
  }

  .right-sm\:_3 {
    right: 30px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_3 {
    top: 30px !important;
  }

  .bottom-sm-up\:_3 {
    bottom: 30px !important;
  }

  .left-sm-up\:_3 {
    left: 30px !important;
  }

  .right-sm-up\:_3 {
    right: 30px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_3 {
    top: 30px !important;
  }

  .bottom-md-down\:_3 {
    bottom: 30px !important;
  }

  .left-md-down\:_3 {
    left: 30px !important;
  }

  .right-md-down\:_3 {
    right: 30px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_3 {
    top: 30px !important;
  }

  .bottom-md\:_3 {
    bottom: 30px !important;
  }

  .left-md\:_3 {
    left: 30px !important;
  }

  .right-md\:_3 {
    right: 30px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_3 {
    top: 30px !important;
  }

  .bottom-md-up\:_3 {
    bottom: 30px !important;
  }

  .left-md-up\:_3 {
    left: 30px !important;
  }

  .right-md-up\:_3 {
    right: 30px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_3 {
    top: 30px !important;
  }

  .bottom-lg-down\:_3 {
    bottom: 30px !important;
  }

  .left-lg-down\:_3 {
    left: 30px !important;
  }

  .right-lg-down\:_3 {
    right: 30px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_3 {
    top: 30px !important;
  }

  .bottom-lg\:_3 {
    bottom: 30px !important;
  }

  .left-lg\:_3 {
    left: 30px !important;
  }

  .right-lg\:_3 {
    right: 30px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_3 {
    top: 30px !important;
  }

  .bottom-lg-up\:_3 {
    bottom: 30px !important;
  }

  .left-lg-up\:_3 {
    left: 30px !important;
  }

  .right-lg-up\:_3 {
    right: 30px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_3 {
    top: 30px !important;
  }

  .bottom-xl-down\:_3 {
    bottom: 30px !important;
  }

  .left-xl-down\:_3 {
    left: 30px !important;
  }

  .right-xl-down\:_3 {
    right: 30px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_3 {
    top: 30px !important;
  }

  .bottom-xl\:_3 {
    bottom: 30px !important;
  }

  .left-xl\:_3 {
    left: 30px !important;
  }

  .right-xl\:_3 {
    right: 30px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_3 {
    top: 30px !important;
  }

  .bottom-xl-up\:_3 {
    bottom: 30px !important;
  }

  .left-xl-up\:_3 {
    left: 30px !important;
  }

  .right-xl-up\:_3 {
    right: 30px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_3 {
    top: 30px !important;
  }

  .bottom-xxl\:_3 {
    bottom: 30px !important;
  }

  .left-xxl\:_3 {
    left: 30px !important;
  }

  .right-xxl\:_3 {
    right: 30px !important;
  }
}
.top\:_4 {
  top: 40px !important;
}

.bottom\:_4 {
  bottom: 40px !important;
}

.left\:_4 {
  left: 40px !important;
}

.right\:_4 {
  right: 40px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_4 {
    top: 40px !important;
  }

  .bottom-xs\:_4 {
    bottom: 40px !important;
  }

  .left-xs\:_4 {
    left: 40px !important;
  }

  .right-xs\:_4 {
    right: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_4 {
    top: 40px !important;
  }

  .bottom-sm-down\:_4 {
    bottom: 40px !important;
  }

  .left-sm-down\:_4 {
    left: 40px !important;
  }

  .right-sm-down\:_4 {
    right: 40px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_4 {
    top: 40px !important;
  }

  .bottom-sm\:_4 {
    bottom: 40px !important;
  }

  .left-sm\:_4 {
    left: 40px !important;
  }

  .right-sm\:_4 {
    right: 40px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_4 {
    top: 40px !important;
  }

  .bottom-sm-up\:_4 {
    bottom: 40px !important;
  }

  .left-sm-up\:_4 {
    left: 40px !important;
  }

  .right-sm-up\:_4 {
    right: 40px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_4 {
    top: 40px !important;
  }

  .bottom-md-down\:_4 {
    bottom: 40px !important;
  }

  .left-md-down\:_4 {
    left: 40px !important;
  }

  .right-md-down\:_4 {
    right: 40px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_4 {
    top: 40px !important;
  }

  .bottom-md\:_4 {
    bottom: 40px !important;
  }

  .left-md\:_4 {
    left: 40px !important;
  }

  .right-md\:_4 {
    right: 40px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_4 {
    top: 40px !important;
  }

  .bottom-md-up\:_4 {
    bottom: 40px !important;
  }

  .left-md-up\:_4 {
    left: 40px !important;
  }

  .right-md-up\:_4 {
    right: 40px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_4 {
    top: 40px !important;
  }

  .bottom-lg-down\:_4 {
    bottom: 40px !important;
  }

  .left-lg-down\:_4 {
    left: 40px !important;
  }

  .right-lg-down\:_4 {
    right: 40px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_4 {
    top: 40px !important;
  }

  .bottom-lg\:_4 {
    bottom: 40px !important;
  }

  .left-lg\:_4 {
    left: 40px !important;
  }

  .right-lg\:_4 {
    right: 40px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_4 {
    top: 40px !important;
  }

  .bottom-lg-up\:_4 {
    bottom: 40px !important;
  }

  .left-lg-up\:_4 {
    left: 40px !important;
  }

  .right-lg-up\:_4 {
    right: 40px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_4 {
    top: 40px !important;
  }

  .bottom-xl-down\:_4 {
    bottom: 40px !important;
  }

  .left-xl-down\:_4 {
    left: 40px !important;
  }

  .right-xl-down\:_4 {
    right: 40px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_4 {
    top: 40px !important;
  }

  .bottom-xl\:_4 {
    bottom: 40px !important;
  }

  .left-xl\:_4 {
    left: 40px !important;
  }

  .right-xl\:_4 {
    right: 40px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_4 {
    top: 40px !important;
  }

  .bottom-xl-up\:_4 {
    bottom: 40px !important;
  }

  .left-xl-up\:_4 {
    left: 40px !important;
  }

  .right-xl-up\:_4 {
    right: 40px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_4 {
    top: 40px !important;
  }

  .bottom-xxl\:_4 {
    bottom: 40px !important;
  }

  .left-xxl\:_4 {
    left: 40px !important;
  }

  .right-xxl\:_4 {
    right: 40px !important;
  }
}
.top\:_5 {
  top: 50px !important;
}

.bottom\:_5 {
  bottom: 50px !important;
}

.left\:_5 {
  left: 50px !important;
}

.right\:_5 {
  right: 50px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_5 {
    top: 50px !important;
  }

  .bottom-xs\:_5 {
    bottom: 50px !important;
  }

  .left-xs\:_5 {
    left: 50px !important;
  }

  .right-xs\:_5 {
    right: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_5 {
    top: 50px !important;
  }

  .bottom-sm-down\:_5 {
    bottom: 50px !important;
  }

  .left-sm-down\:_5 {
    left: 50px !important;
  }

  .right-sm-down\:_5 {
    right: 50px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_5 {
    top: 50px !important;
  }

  .bottom-sm\:_5 {
    bottom: 50px !important;
  }

  .left-sm\:_5 {
    left: 50px !important;
  }

  .right-sm\:_5 {
    right: 50px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_5 {
    top: 50px !important;
  }

  .bottom-sm-up\:_5 {
    bottom: 50px !important;
  }

  .left-sm-up\:_5 {
    left: 50px !important;
  }

  .right-sm-up\:_5 {
    right: 50px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_5 {
    top: 50px !important;
  }

  .bottom-md-down\:_5 {
    bottom: 50px !important;
  }

  .left-md-down\:_5 {
    left: 50px !important;
  }

  .right-md-down\:_5 {
    right: 50px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_5 {
    top: 50px !important;
  }

  .bottom-md\:_5 {
    bottom: 50px !important;
  }

  .left-md\:_5 {
    left: 50px !important;
  }

  .right-md\:_5 {
    right: 50px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_5 {
    top: 50px !important;
  }

  .bottom-md-up\:_5 {
    bottom: 50px !important;
  }

  .left-md-up\:_5 {
    left: 50px !important;
  }

  .right-md-up\:_5 {
    right: 50px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_5 {
    top: 50px !important;
  }

  .bottom-lg-down\:_5 {
    bottom: 50px !important;
  }

  .left-lg-down\:_5 {
    left: 50px !important;
  }

  .right-lg-down\:_5 {
    right: 50px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_5 {
    top: 50px !important;
  }

  .bottom-lg\:_5 {
    bottom: 50px !important;
  }

  .left-lg\:_5 {
    left: 50px !important;
  }

  .right-lg\:_5 {
    right: 50px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_5 {
    top: 50px !important;
  }

  .bottom-lg-up\:_5 {
    bottom: 50px !important;
  }

  .left-lg-up\:_5 {
    left: 50px !important;
  }

  .right-lg-up\:_5 {
    right: 50px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_5 {
    top: 50px !important;
  }

  .bottom-xl-down\:_5 {
    bottom: 50px !important;
  }

  .left-xl-down\:_5 {
    left: 50px !important;
  }

  .right-xl-down\:_5 {
    right: 50px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_5 {
    top: 50px !important;
  }

  .bottom-xl\:_5 {
    bottom: 50px !important;
  }

  .left-xl\:_5 {
    left: 50px !important;
  }

  .right-xl\:_5 {
    right: 50px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_5 {
    top: 50px !important;
  }

  .bottom-xl-up\:_5 {
    bottom: 50px !important;
  }

  .left-xl-up\:_5 {
    left: 50px !important;
  }

  .right-xl-up\:_5 {
    right: 50px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_5 {
    top: 50px !important;
  }

  .bottom-xxl\:_5 {
    bottom: 50px !important;
  }

  .left-xxl\:_5 {
    left: 50px !important;
  }

  .right-xxl\:_5 {
    right: 50px !important;
  }
}
.top\:_6 {
  top: 60px !important;
}

.bottom\:_6 {
  bottom: 60px !important;
}

.left\:_6 {
  left: 60px !important;
}

.right\:_6 {
  right: 60px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_6 {
    top: 60px !important;
  }

  .bottom-xs\:_6 {
    bottom: 60px !important;
  }

  .left-xs\:_6 {
    left: 60px !important;
  }

  .right-xs\:_6 {
    right: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_6 {
    top: 60px !important;
  }

  .bottom-sm-down\:_6 {
    bottom: 60px !important;
  }

  .left-sm-down\:_6 {
    left: 60px !important;
  }

  .right-sm-down\:_6 {
    right: 60px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_6 {
    top: 60px !important;
  }

  .bottom-sm\:_6 {
    bottom: 60px !important;
  }

  .left-sm\:_6 {
    left: 60px !important;
  }

  .right-sm\:_6 {
    right: 60px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_6 {
    top: 60px !important;
  }

  .bottom-sm-up\:_6 {
    bottom: 60px !important;
  }

  .left-sm-up\:_6 {
    left: 60px !important;
  }

  .right-sm-up\:_6 {
    right: 60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_6 {
    top: 60px !important;
  }

  .bottom-md-down\:_6 {
    bottom: 60px !important;
  }

  .left-md-down\:_6 {
    left: 60px !important;
  }

  .right-md-down\:_6 {
    right: 60px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_6 {
    top: 60px !important;
  }

  .bottom-md\:_6 {
    bottom: 60px !important;
  }

  .left-md\:_6 {
    left: 60px !important;
  }

  .right-md\:_6 {
    right: 60px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_6 {
    top: 60px !important;
  }

  .bottom-md-up\:_6 {
    bottom: 60px !important;
  }

  .left-md-up\:_6 {
    left: 60px !important;
  }

  .right-md-up\:_6 {
    right: 60px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_6 {
    top: 60px !important;
  }

  .bottom-lg-down\:_6 {
    bottom: 60px !important;
  }

  .left-lg-down\:_6 {
    left: 60px !important;
  }

  .right-lg-down\:_6 {
    right: 60px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_6 {
    top: 60px !important;
  }

  .bottom-lg\:_6 {
    bottom: 60px !important;
  }

  .left-lg\:_6 {
    left: 60px !important;
  }

  .right-lg\:_6 {
    right: 60px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_6 {
    top: 60px !important;
  }

  .bottom-lg-up\:_6 {
    bottom: 60px !important;
  }

  .left-lg-up\:_6 {
    left: 60px !important;
  }

  .right-lg-up\:_6 {
    right: 60px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_6 {
    top: 60px !important;
  }

  .bottom-xl-down\:_6 {
    bottom: 60px !important;
  }

  .left-xl-down\:_6 {
    left: 60px !important;
  }

  .right-xl-down\:_6 {
    right: 60px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_6 {
    top: 60px !important;
  }

  .bottom-xl\:_6 {
    bottom: 60px !important;
  }

  .left-xl\:_6 {
    left: 60px !important;
  }

  .right-xl\:_6 {
    right: 60px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_6 {
    top: 60px !important;
  }

  .bottom-xl-up\:_6 {
    bottom: 60px !important;
  }

  .left-xl-up\:_6 {
    left: 60px !important;
  }

  .right-xl-up\:_6 {
    right: 60px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_6 {
    top: 60px !important;
  }

  .bottom-xxl\:_6 {
    bottom: 60px !important;
  }

  .left-xxl\:_6 {
    left: 60px !important;
  }

  .right-xxl\:_6 {
    right: 60px !important;
  }
}
.top\:_7 {
  top: 70px !important;
}

.bottom\:_7 {
  bottom: 70px !important;
}

.left\:_7 {
  left: 70px !important;
}

.right\:_7 {
  right: 70px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_7 {
    top: 70px !important;
  }

  .bottom-xs\:_7 {
    bottom: 70px !important;
  }

  .left-xs\:_7 {
    left: 70px !important;
  }

  .right-xs\:_7 {
    right: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_7 {
    top: 70px !important;
  }

  .bottom-sm-down\:_7 {
    bottom: 70px !important;
  }

  .left-sm-down\:_7 {
    left: 70px !important;
  }

  .right-sm-down\:_7 {
    right: 70px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_7 {
    top: 70px !important;
  }

  .bottom-sm\:_7 {
    bottom: 70px !important;
  }

  .left-sm\:_7 {
    left: 70px !important;
  }

  .right-sm\:_7 {
    right: 70px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_7 {
    top: 70px !important;
  }

  .bottom-sm-up\:_7 {
    bottom: 70px !important;
  }

  .left-sm-up\:_7 {
    left: 70px !important;
  }

  .right-sm-up\:_7 {
    right: 70px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_7 {
    top: 70px !important;
  }

  .bottom-md-down\:_7 {
    bottom: 70px !important;
  }

  .left-md-down\:_7 {
    left: 70px !important;
  }

  .right-md-down\:_7 {
    right: 70px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_7 {
    top: 70px !important;
  }

  .bottom-md\:_7 {
    bottom: 70px !important;
  }

  .left-md\:_7 {
    left: 70px !important;
  }

  .right-md\:_7 {
    right: 70px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_7 {
    top: 70px !important;
  }

  .bottom-md-up\:_7 {
    bottom: 70px !important;
  }

  .left-md-up\:_7 {
    left: 70px !important;
  }

  .right-md-up\:_7 {
    right: 70px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_7 {
    top: 70px !important;
  }

  .bottom-lg-down\:_7 {
    bottom: 70px !important;
  }

  .left-lg-down\:_7 {
    left: 70px !important;
  }

  .right-lg-down\:_7 {
    right: 70px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_7 {
    top: 70px !important;
  }

  .bottom-lg\:_7 {
    bottom: 70px !important;
  }

  .left-lg\:_7 {
    left: 70px !important;
  }

  .right-lg\:_7 {
    right: 70px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_7 {
    top: 70px !important;
  }

  .bottom-lg-up\:_7 {
    bottom: 70px !important;
  }

  .left-lg-up\:_7 {
    left: 70px !important;
  }

  .right-lg-up\:_7 {
    right: 70px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_7 {
    top: 70px !important;
  }

  .bottom-xl-down\:_7 {
    bottom: 70px !important;
  }

  .left-xl-down\:_7 {
    left: 70px !important;
  }

  .right-xl-down\:_7 {
    right: 70px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_7 {
    top: 70px !important;
  }

  .bottom-xl\:_7 {
    bottom: 70px !important;
  }

  .left-xl\:_7 {
    left: 70px !important;
  }

  .right-xl\:_7 {
    right: 70px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_7 {
    top: 70px !important;
  }

  .bottom-xl-up\:_7 {
    bottom: 70px !important;
  }

  .left-xl-up\:_7 {
    left: 70px !important;
  }

  .right-xl-up\:_7 {
    right: 70px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_7 {
    top: 70px !important;
  }

  .bottom-xxl\:_7 {
    bottom: 70px !important;
  }

  .left-xxl\:_7 {
    left: 70px !important;
  }

  .right-xxl\:_7 {
    right: 70px !important;
  }
}
.top\:_8 {
  top: 80px !important;
}

.bottom\:_8 {
  bottom: 80px !important;
}

.left\:_8 {
  left: 80px !important;
}

.right\:_8 {
  right: 80px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_8 {
    top: 80px !important;
  }

  .bottom-xs\:_8 {
    bottom: 80px !important;
  }

  .left-xs\:_8 {
    left: 80px !important;
  }

  .right-xs\:_8 {
    right: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_8 {
    top: 80px !important;
  }

  .bottom-sm-down\:_8 {
    bottom: 80px !important;
  }

  .left-sm-down\:_8 {
    left: 80px !important;
  }

  .right-sm-down\:_8 {
    right: 80px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_8 {
    top: 80px !important;
  }

  .bottom-sm\:_8 {
    bottom: 80px !important;
  }

  .left-sm\:_8 {
    left: 80px !important;
  }

  .right-sm\:_8 {
    right: 80px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_8 {
    top: 80px !important;
  }

  .bottom-sm-up\:_8 {
    bottom: 80px !important;
  }

  .left-sm-up\:_8 {
    left: 80px !important;
  }

  .right-sm-up\:_8 {
    right: 80px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_8 {
    top: 80px !important;
  }

  .bottom-md-down\:_8 {
    bottom: 80px !important;
  }

  .left-md-down\:_8 {
    left: 80px !important;
  }

  .right-md-down\:_8 {
    right: 80px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_8 {
    top: 80px !important;
  }

  .bottom-md\:_8 {
    bottom: 80px !important;
  }

  .left-md\:_8 {
    left: 80px !important;
  }

  .right-md\:_8 {
    right: 80px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_8 {
    top: 80px !important;
  }

  .bottom-md-up\:_8 {
    bottom: 80px !important;
  }

  .left-md-up\:_8 {
    left: 80px !important;
  }

  .right-md-up\:_8 {
    right: 80px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_8 {
    top: 80px !important;
  }

  .bottom-lg-down\:_8 {
    bottom: 80px !important;
  }

  .left-lg-down\:_8 {
    left: 80px !important;
  }

  .right-lg-down\:_8 {
    right: 80px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_8 {
    top: 80px !important;
  }

  .bottom-lg\:_8 {
    bottom: 80px !important;
  }

  .left-lg\:_8 {
    left: 80px !important;
  }

  .right-lg\:_8 {
    right: 80px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_8 {
    top: 80px !important;
  }

  .bottom-lg-up\:_8 {
    bottom: 80px !important;
  }

  .left-lg-up\:_8 {
    left: 80px !important;
  }

  .right-lg-up\:_8 {
    right: 80px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_8 {
    top: 80px !important;
  }

  .bottom-xl-down\:_8 {
    bottom: 80px !important;
  }

  .left-xl-down\:_8 {
    left: 80px !important;
  }

  .right-xl-down\:_8 {
    right: 80px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_8 {
    top: 80px !important;
  }

  .bottom-xl\:_8 {
    bottom: 80px !important;
  }

  .left-xl\:_8 {
    left: 80px !important;
  }

  .right-xl\:_8 {
    right: 80px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_8 {
    top: 80px !important;
  }

  .bottom-xl-up\:_8 {
    bottom: 80px !important;
  }

  .left-xl-up\:_8 {
    left: 80px !important;
  }

  .right-xl-up\:_8 {
    right: 80px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_8 {
    top: 80px !important;
  }

  .bottom-xxl\:_8 {
    bottom: 80px !important;
  }

  .left-xxl\:_8 {
    left: 80px !important;
  }

  .right-xxl\:_8 {
    right: 80px !important;
  }
}
.top\:_9 {
  top: 90px !important;
}

.bottom\:_9 {
  bottom: 90px !important;
}

.left\:_9 {
  left: 90px !important;
}

.right\:_9 {
  right: 90px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_9 {
    top: 90px !important;
  }

  .bottom-xs\:_9 {
    bottom: 90px !important;
  }

  .left-xs\:_9 {
    left: 90px !important;
  }

  .right-xs\:_9 {
    right: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_9 {
    top: 90px !important;
  }

  .bottom-sm-down\:_9 {
    bottom: 90px !important;
  }

  .left-sm-down\:_9 {
    left: 90px !important;
  }

  .right-sm-down\:_9 {
    right: 90px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_9 {
    top: 90px !important;
  }

  .bottom-sm\:_9 {
    bottom: 90px !important;
  }

  .left-sm\:_9 {
    left: 90px !important;
  }

  .right-sm\:_9 {
    right: 90px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_9 {
    top: 90px !important;
  }

  .bottom-sm-up\:_9 {
    bottom: 90px !important;
  }

  .left-sm-up\:_9 {
    left: 90px !important;
  }

  .right-sm-up\:_9 {
    right: 90px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_9 {
    top: 90px !important;
  }

  .bottom-md-down\:_9 {
    bottom: 90px !important;
  }

  .left-md-down\:_9 {
    left: 90px !important;
  }

  .right-md-down\:_9 {
    right: 90px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_9 {
    top: 90px !important;
  }

  .bottom-md\:_9 {
    bottom: 90px !important;
  }

  .left-md\:_9 {
    left: 90px !important;
  }

  .right-md\:_9 {
    right: 90px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_9 {
    top: 90px !important;
  }

  .bottom-md-up\:_9 {
    bottom: 90px !important;
  }

  .left-md-up\:_9 {
    left: 90px !important;
  }

  .right-md-up\:_9 {
    right: 90px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_9 {
    top: 90px !important;
  }

  .bottom-lg-down\:_9 {
    bottom: 90px !important;
  }

  .left-lg-down\:_9 {
    left: 90px !important;
  }

  .right-lg-down\:_9 {
    right: 90px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_9 {
    top: 90px !important;
  }

  .bottom-lg\:_9 {
    bottom: 90px !important;
  }

  .left-lg\:_9 {
    left: 90px !important;
  }

  .right-lg\:_9 {
    right: 90px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_9 {
    top: 90px !important;
  }

  .bottom-lg-up\:_9 {
    bottom: 90px !important;
  }

  .left-lg-up\:_9 {
    left: 90px !important;
  }

  .right-lg-up\:_9 {
    right: 90px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_9 {
    top: 90px !important;
  }

  .bottom-xl-down\:_9 {
    bottom: 90px !important;
  }

  .left-xl-down\:_9 {
    left: 90px !important;
  }

  .right-xl-down\:_9 {
    right: 90px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_9 {
    top: 90px !important;
  }

  .bottom-xl\:_9 {
    bottom: 90px !important;
  }

  .left-xl\:_9 {
    left: 90px !important;
  }

  .right-xl\:_9 {
    right: 90px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_9 {
    top: 90px !important;
  }

  .bottom-xl-up\:_9 {
    bottom: 90px !important;
  }

  .left-xl-up\:_9 {
    left: 90px !important;
  }

  .right-xl-up\:_9 {
    right: 90px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_9 {
    top: 90px !important;
  }

  .bottom-xxl\:_9 {
    bottom: 90px !important;
  }

  .left-xxl\:_9 {
    left: 90px !important;
  }

  .right-xxl\:_9 {
    right: 90px !important;
  }
}
.top\:_10 {
  top: 100px !important;
}

.bottom\:_10 {
  bottom: 100px !important;
}

.left\:_10 {
  left: 100px !important;
}

.right\:_10 {
  right: 100px !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:_10 {
    top: 100px !important;
  }

  .bottom-xs\:_10 {
    bottom: 100px !important;
  }

  .left-xs\:_10 {
    left: 100px !important;
  }

  .right-xs\:_10 {
    right: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:_10 {
    top: 100px !important;
  }

  .bottom-sm-down\:_10 {
    bottom: 100px !important;
  }

  .left-sm-down\:_10 {
    left: 100px !important;
  }

  .right-sm-down\:_10 {
    right: 100px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:_10 {
    top: 100px !important;
  }

  .bottom-sm\:_10 {
    bottom: 100px !important;
  }

  .left-sm\:_10 {
    left: 100px !important;
  }

  .right-sm\:_10 {
    right: 100px !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:_10 {
    top: 100px !important;
  }

  .bottom-sm-up\:_10 {
    bottom: 100px !important;
  }

  .left-sm-up\:_10 {
    left: 100px !important;
  }

  .right-sm-up\:_10 {
    right: 100px !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:_10 {
    top: 100px !important;
  }

  .bottom-md-down\:_10 {
    bottom: 100px !important;
  }

  .left-md-down\:_10 {
    left: 100px !important;
  }

  .right-md-down\:_10 {
    right: 100px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:_10 {
    top: 100px !important;
  }

  .bottom-md\:_10 {
    bottom: 100px !important;
  }

  .left-md\:_10 {
    left: 100px !important;
  }

  .right-md\:_10 {
    right: 100px !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:_10 {
    top: 100px !important;
  }

  .bottom-md-up\:_10 {
    bottom: 100px !important;
  }

  .left-md-up\:_10 {
    left: 100px !important;
  }

  .right-md-up\:_10 {
    right: 100px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:_10 {
    top: 100px !important;
  }

  .bottom-lg-down\:_10 {
    bottom: 100px !important;
  }

  .left-lg-down\:_10 {
    left: 100px !important;
  }

  .right-lg-down\:_10 {
    right: 100px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:_10 {
    top: 100px !important;
  }

  .bottom-lg\:_10 {
    bottom: 100px !important;
  }

  .left-lg\:_10 {
    left: 100px !important;
  }

  .right-lg\:_10 {
    right: 100px !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:_10 {
    top: 100px !important;
  }

  .bottom-lg-up\:_10 {
    bottom: 100px !important;
  }

  .left-lg-up\:_10 {
    left: 100px !important;
  }

  .right-lg-up\:_10 {
    right: 100px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:_10 {
    top: 100px !important;
  }

  .bottom-xl-down\:_10 {
    bottom: 100px !important;
  }

  .left-xl-down\:_10 {
    left: 100px !important;
  }

  .right-xl-down\:_10 {
    right: 100px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:_10 {
    top: 100px !important;
  }

  .bottom-xl\:_10 {
    bottom: 100px !important;
  }

  .left-xl\:_10 {
    left: 100px !important;
  }

  .right-xl\:_10 {
    right: 100px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:_10 {
    top: 100px !important;
  }

  .bottom-xl-up\:_10 {
    bottom: 100px !important;
  }

  .left-xl-up\:_10 {
    left: 100px !important;
  }

  .right-xl-up\:_10 {
    right: 100px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:_10 {
    top: 100px !important;
  }

  .bottom-xxl\:_10 {
    bottom: 100px !important;
  }

  .left-xxl\:_10 {
    left: 100px !important;
  }

  .right-xxl\:_10 {
    right: 100px !important;
  }
}
.top\:auto {
  top: auto !important;
}

.bottom\:auto {
  bottom: auto !important;
}

.left\:auto {
  left: auto !important;
}

.right\:auto {
  right: auto !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:auto {
    top: auto !important;
  }

  .bottom-xs\:auto {
    bottom: auto !important;
  }

  .left-xs\:auto {
    left: auto !important;
  }

  .right-xs\:auto {
    right: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:auto {
    top: auto !important;
  }

  .bottom-sm-down\:auto {
    bottom: auto !important;
  }

  .left-sm-down\:auto {
    left: auto !important;
  }

  .right-sm-down\:auto {
    right: auto !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:auto {
    top: auto !important;
  }

  .bottom-sm\:auto {
    bottom: auto !important;
  }

  .left-sm\:auto {
    left: auto !important;
  }

  .right-sm\:auto {
    right: auto !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:auto {
    top: auto !important;
  }

  .bottom-sm-up\:auto {
    bottom: auto !important;
  }

  .left-sm-up\:auto {
    left: auto !important;
  }

  .right-sm-up\:auto {
    right: auto !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:auto {
    top: auto !important;
  }

  .bottom-md-down\:auto {
    bottom: auto !important;
  }

  .left-md-down\:auto {
    left: auto !important;
  }

  .right-md-down\:auto {
    right: auto !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:auto {
    top: auto !important;
  }

  .bottom-md\:auto {
    bottom: auto !important;
  }

  .left-md\:auto {
    left: auto !important;
  }

  .right-md\:auto {
    right: auto !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:auto {
    top: auto !important;
  }

  .bottom-md-up\:auto {
    bottom: auto !important;
  }

  .left-md-up\:auto {
    left: auto !important;
  }

  .right-md-up\:auto {
    right: auto !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:auto {
    top: auto !important;
  }

  .bottom-lg-down\:auto {
    bottom: auto !important;
  }

  .left-lg-down\:auto {
    left: auto !important;
  }

  .right-lg-down\:auto {
    right: auto !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:auto {
    top: auto !important;
  }

  .bottom-lg\:auto {
    bottom: auto !important;
  }

  .left-lg\:auto {
    left: auto !important;
  }

  .right-lg\:auto {
    right: auto !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:auto {
    top: auto !important;
  }

  .bottom-lg-up\:auto {
    bottom: auto !important;
  }

  .left-lg-up\:auto {
    left: auto !important;
  }

  .right-lg-up\:auto {
    right: auto !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:auto {
    top: auto !important;
  }

  .bottom-xl-down\:auto {
    bottom: auto !important;
  }

  .left-xl-down\:auto {
    left: auto !important;
  }

  .right-xl-down\:auto {
    right: auto !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:auto {
    top: auto !important;
  }

  .bottom-xl\:auto {
    bottom: auto !important;
  }

  .left-xl\:auto {
    left: auto !important;
  }

  .right-xl\:auto {
    right: auto !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:auto {
    top: auto !important;
  }

  .bottom-xl-up\:auto {
    bottom: auto !important;
  }

  .left-xl-up\:auto {
    left: auto !important;
  }

  .right-xl-up\:auto {
    right: auto !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:auto {
    top: auto !important;
  }

  .bottom-xxl\:auto {
    bottom: auto !important;
  }

  .left-xxl\:auto {
    left: auto !important;
  }

  .right-xxl\:auto {
    right: auto !important;
  }
}
.top\:10 {
  top: 10% !important;
}

.bottom\:10 {
  bottom: 10% !important;
}

.left\:10 {
  left: 10% !important;
}

.right\:10 {
  right: 10% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:10 {
    top: 10% !important;
  }

  .bottom-xs\:10 {
    bottom: 10% !important;
  }

  .left-xs\:10 {
    left: 10% !important;
  }

  .right-xs\:10 {
    right: 10% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:10 {
    top: 10% !important;
  }

  .bottom-sm-down\:10 {
    bottom: 10% !important;
  }

  .left-sm-down\:10 {
    left: 10% !important;
  }

  .right-sm-down\:10 {
    right: 10% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:10 {
    top: 10% !important;
  }

  .bottom-sm\:10 {
    bottom: 10% !important;
  }

  .left-sm\:10 {
    left: 10% !important;
  }

  .right-sm\:10 {
    right: 10% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:10 {
    top: 10% !important;
  }

  .bottom-sm-up\:10 {
    bottom: 10% !important;
  }

  .left-sm-up\:10 {
    left: 10% !important;
  }

  .right-sm-up\:10 {
    right: 10% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:10 {
    top: 10% !important;
  }

  .bottom-md-down\:10 {
    bottom: 10% !important;
  }

  .left-md-down\:10 {
    left: 10% !important;
  }

  .right-md-down\:10 {
    right: 10% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:10 {
    top: 10% !important;
  }

  .bottom-md\:10 {
    bottom: 10% !important;
  }

  .left-md\:10 {
    left: 10% !important;
  }

  .right-md\:10 {
    right: 10% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:10 {
    top: 10% !important;
  }

  .bottom-md-up\:10 {
    bottom: 10% !important;
  }

  .left-md-up\:10 {
    left: 10% !important;
  }

  .right-md-up\:10 {
    right: 10% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:10 {
    top: 10% !important;
  }

  .bottom-lg-down\:10 {
    bottom: 10% !important;
  }

  .left-lg-down\:10 {
    left: 10% !important;
  }

  .right-lg-down\:10 {
    right: 10% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:10 {
    top: 10% !important;
  }

  .bottom-lg\:10 {
    bottom: 10% !important;
  }

  .left-lg\:10 {
    left: 10% !important;
  }

  .right-lg\:10 {
    right: 10% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:10 {
    top: 10% !important;
  }

  .bottom-lg-up\:10 {
    bottom: 10% !important;
  }

  .left-lg-up\:10 {
    left: 10% !important;
  }

  .right-lg-up\:10 {
    right: 10% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:10 {
    top: 10% !important;
  }

  .bottom-xl-down\:10 {
    bottom: 10% !important;
  }

  .left-xl-down\:10 {
    left: 10% !important;
  }

  .right-xl-down\:10 {
    right: 10% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:10 {
    top: 10% !important;
  }

  .bottom-xl\:10 {
    bottom: 10% !important;
  }

  .left-xl\:10 {
    left: 10% !important;
  }

  .right-xl\:10 {
    right: 10% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:10 {
    top: 10% !important;
  }

  .bottom-xl-up\:10 {
    bottom: 10% !important;
  }

  .left-xl-up\:10 {
    left: 10% !important;
  }

  .right-xl-up\:10 {
    right: 10% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:10 {
    top: 10% !important;
  }

  .bottom-xxl\:10 {
    bottom: 10% !important;
  }

  .left-xxl\:10 {
    left: 10% !important;
  }

  .right-xxl\:10 {
    right: 10% !important;
  }
}
.top\:20 {
  top: 20% !important;
}

.bottom\:20 {
  bottom: 20% !important;
}

.left\:20 {
  left: 20% !important;
}

.right\:20 {
  right: 20% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:20 {
    top: 20% !important;
  }

  .bottom-xs\:20 {
    bottom: 20% !important;
  }

  .left-xs\:20 {
    left: 20% !important;
  }

  .right-xs\:20 {
    right: 20% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:20 {
    top: 20% !important;
  }

  .bottom-sm-down\:20 {
    bottom: 20% !important;
  }

  .left-sm-down\:20 {
    left: 20% !important;
  }

  .right-sm-down\:20 {
    right: 20% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:20 {
    top: 20% !important;
  }

  .bottom-sm\:20 {
    bottom: 20% !important;
  }

  .left-sm\:20 {
    left: 20% !important;
  }

  .right-sm\:20 {
    right: 20% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:20 {
    top: 20% !important;
  }

  .bottom-sm-up\:20 {
    bottom: 20% !important;
  }

  .left-sm-up\:20 {
    left: 20% !important;
  }

  .right-sm-up\:20 {
    right: 20% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:20 {
    top: 20% !important;
  }

  .bottom-md-down\:20 {
    bottom: 20% !important;
  }

  .left-md-down\:20 {
    left: 20% !important;
  }

  .right-md-down\:20 {
    right: 20% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:20 {
    top: 20% !important;
  }

  .bottom-md\:20 {
    bottom: 20% !important;
  }

  .left-md\:20 {
    left: 20% !important;
  }

  .right-md\:20 {
    right: 20% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:20 {
    top: 20% !important;
  }

  .bottom-md-up\:20 {
    bottom: 20% !important;
  }

  .left-md-up\:20 {
    left: 20% !important;
  }

  .right-md-up\:20 {
    right: 20% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:20 {
    top: 20% !important;
  }

  .bottom-lg-down\:20 {
    bottom: 20% !important;
  }

  .left-lg-down\:20 {
    left: 20% !important;
  }

  .right-lg-down\:20 {
    right: 20% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:20 {
    top: 20% !important;
  }

  .bottom-lg\:20 {
    bottom: 20% !important;
  }

  .left-lg\:20 {
    left: 20% !important;
  }

  .right-lg\:20 {
    right: 20% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:20 {
    top: 20% !important;
  }

  .bottom-lg-up\:20 {
    bottom: 20% !important;
  }

  .left-lg-up\:20 {
    left: 20% !important;
  }

  .right-lg-up\:20 {
    right: 20% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:20 {
    top: 20% !important;
  }

  .bottom-xl-down\:20 {
    bottom: 20% !important;
  }

  .left-xl-down\:20 {
    left: 20% !important;
  }

  .right-xl-down\:20 {
    right: 20% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:20 {
    top: 20% !important;
  }

  .bottom-xl\:20 {
    bottom: 20% !important;
  }

  .left-xl\:20 {
    left: 20% !important;
  }

  .right-xl\:20 {
    right: 20% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:20 {
    top: 20% !important;
  }

  .bottom-xl-up\:20 {
    bottom: 20% !important;
  }

  .left-xl-up\:20 {
    left: 20% !important;
  }

  .right-xl-up\:20 {
    right: 20% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:20 {
    top: 20% !important;
  }

  .bottom-xxl\:20 {
    bottom: 20% !important;
  }

  .left-xxl\:20 {
    left: 20% !important;
  }

  .right-xxl\:20 {
    right: 20% !important;
  }
}
.top\:25 {
  top: 25% !important;
}

.bottom\:25 {
  bottom: 25% !important;
}

.left\:25 {
  left: 25% !important;
}

.right\:25 {
  right: 25% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:25 {
    top: 25% !important;
  }

  .bottom-xs\:25 {
    bottom: 25% !important;
  }

  .left-xs\:25 {
    left: 25% !important;
  }

  .right-xs\:25 {
    right: 25% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:25 {
    top: 25% !important;
  }

  .bottom-sm-down\:25 {
    bottom: 25% !important;
  }

  .left-sm-down\:25 {
    left: 25% !important;
  }

  .right-sm-down\:25 {
    right: 25% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:25 {
    top: 25% !important;
  }

  .bottom-sm\:25 {
    bottom: 25% !important;
  }

  .left-sm\:25 {
    left: 25% !important;
  }

  .right-sm\:25 {
    right: 25% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:25 {
    top: 25% !important;
  }

  .bottom-sm-up\:25 {
    bottom: 25% !important;
  }

  .left-sm-up\:25 {
    left: 25% !important;
  }

  .right-sm-up\:25 {
    right: 25% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:25 {
    top: 25% !important;
  }

  .bottom-md-down\:25 {
    bottom: 25% !important;
  }

  .left-md-down\:25 {
    left: 25% !important;
  }

  .right-md-down\:25 {
    right: 25% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:25 {
    top: 25% !important;
  }

  .bottom-md\:25 {
    bottom: 25% !important;
  }

  .left-md\:25 {
    left: 25% !important;
  }

  .right-md\:25 {
    right: 25% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:25 {
    top: 25% !important;
  }

  .bottom-md-up\:25 {
    bottom: 25% !important;
  }

  .left-md-up\:25 {
    left: 25% !important;
  }

  .right-md-up\:25 {
    right: 25% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:25 {
    top: 25% !important;
  }

  .bottom-lg-down\:25 {
    bottom: 25% !important;
  }

  .left-lg-down\:25 {
    left: 25% !important;
  }

  .right-lg-down\:25 {
    right: 25% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:25 {
    top: 25% !important;
  }

  .bottom-lg\:25 {
    bottom: 25% !important;
  }

  .left-lg\:25 {
    left: 25% !important;
  }

  .right-lg\:25 {
    right: 25% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:25 {
    top: 25% !important;
  }

  .bottom-lg-up\:25 {
    bottom: 25% !important;
  }

  .left-lg-up\:25 {
    left: 25% !important;
  }

  .right-lg-up\:25 {
    right: 25% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:25 {
    top: 25% !important;
  }

  .bottom-xl-down\:25 {
    bottom: 25% !important;
  }

  .left-xl-down\:25 {
    left: 25% !important;
  }

  .right-xl-down\:25 {
    right: 25% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:25 {
    top: 25% !important;
  }

  .bottom-xl\:25 {
    bottom: 25% !important;
  }

  .left-xl\:25 {
    left: 25% !important;
  }

  .right-xl\:25 {
    right: 25% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:25 {
    top: 25% !important;
  }

  .bottom-xl-up\:25 {
    bottom: 25% !important;
  }

  .left-xl-up\:25 {
    left: 25% !important;
  }

  .right-xl-up\:25 {
    right: 25% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:25 {
    top: 25% !important;
  }

  .bottom-xxl\:25 {
    bottom: 25% !important;
  }

  .left-xxl\:25 {
    left: 25% !important;
  }

  .right-xxl\:25 {
    right: 25% !important;
  }
}
.top\:30 {
  top: 30% !important;
}

.bottom\:30 {
  bottom: 30% !important;
}

.left\:30 {
  left: 30% !important;
}

.right\:30 {
  right: 30% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:30 {
    top: 30% !important;
  }

  .bottom-xs\:30 {
    bottom: 30% !important;
  }

  .left-xs\:30 {
    left: 30% !important;
  }

  .right-xs\:30 {
    right: 30% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:30 {
    top: 30% !important;
  }

  .bottom-sm-down\:30 {
    bottom: 30% !important;
  }

  .left-sm-down\:30 {
    left: 30% !important;
  }

  .right-sm-down\:30 {
    right: 30% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:30 {
    top: 30% !important;
  }

  .bottom-sm\:30 {
    bottom: 30% !important;
  }

  .left-sm\:30 {
    left: 30% !important;
  }

  .right-sm\:30 {
    right: 30% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:30 {
    top: 30% !important;
  }

  .bottom-sm-up\:30 {
    bottom: 30% !important;
  }

  .left-sm-up\:30 {
    left: 30% !important;
  }

  .right-sm-up\:30 {
    right: 30% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:30 {
    top: 30% !important;
  }

  .bottom-md-down\:30 {
    bottom: 30% !important;
  }

  .left-md-down\:30 {
    left: 30% !important;
  }

  .right-md-down\:30 {
    right: 30% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:30 {
    top: 30% !important;
  }

  .bottom-md\:30 {
    bottom: 30% !important;
  }

  .left-md\:30 {
    left: 30% !important;
  }

  .right-md\:30 {
    right: 30% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:30 {
    top: 30% !important;
  }

  .bottom-md-up\:30 {
    bottom: 30% !important;
  }

  .left-md-up\:30 {
    left: 30% !important;
  }

  .right-md-up\:30 {
    right: 30% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:30 {
    top: 30% !important;
  }

  .bottom-lg-down\:30 {
    bottom: 30% !important;
  }

  .left-lg-down\:30 {
    left: 30% !important;
  }

  .right-lg-down\:30 {
    right: 30% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:30 {
    top: 30% !important;
  }

  .bottom-lg\:30 {
    bottom: 30% !important;
  }

  .left-lg\:30 {
    left: 30% !important;
  }

  .right-lg\:30 {
    right: 30% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:30 {
    top: 30% !important;
  }

  .bottom-lg-up\:30 {
    bottom: 30% !important;
  }

  .left-lg-up\:30 {
    left: 30% !important;
  }

  .right-lg-up\:30 {
    right: 30% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:30 {
    top: 30% !important;
  }

  .bottom-xl-down\:30 {
    bottom: 30% !important;
  }

  .left-xl-down\:30 {
    left: 30% !important;
  }

  .right-xl-down\:30 {
    right: 30% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:30 {
    top: 30% !important;
  }

  .bottom-xl\:30 {
    bottom: 30% !important;
  }

  .left-xl\:30 {
    left: 30% !important;
  }

  .right-xl\:30 {
    right: 30% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:30 {
    top: 30% !important;
  }

  .bottom-xl-up\:30 {
    bottom: 30% !important;
  }

  .left-xl-up\:30 {
    left: 30% !important;
  }

  .right-xl-up\:30 {
    right: 30% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:30 {
    top: 30% !important;
  }

  .bottom-xxl\:30 {
    bottom: 30% !important;
  }

  .left-xxl\:30 {
    left: 30% !important;
  }

  .right-xxl\:30 {
    right: 30% !important;
  }
}
.top\:33 {
  top: 33.33% !important;
}

.bottom\:33 {
  bottom: 33.33% !important;
}

.left\:33 {
  left: 33.33% !important;
}

.right\:33 {
  right: 33.33% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:33 {
    top: 33.33% !important;
  }

  .bottom-xs\:33 {
    bottom: 33.33% !important;
  }

  .left-xs\:33 {
    left: 33.33% !important;
  }

  .right-xs\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:33 {
    top: 33.33% !important;
  }

  .bottom-sm-down\:33 {
    bottom: 33.33% !important;
  }

  .left-sm-down\:33 {
    left: 33.33% !important;
  }

  .right-sm-down\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:33 {
    top: 33.33% !important;
  }

  .bottom-sm\:33 {
    bottom: 33.33% !important;
  }

  .left-sm\:33 {
    left: 33.33% !important;
  }

  .right-sm\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:33 {
    top: 33.33% !important;
  }

  .bottom-sm-up\:33 {
    bottom: 33.33% !important;
  }

  .left-sm-up\:33 {
    left: 33.33% !important;
  }

  .right-sm-up\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:33 {
    top: 33.33% !important;
  }

  .bottom-md-down\:33 {
    bottom: 33.33% !important;
  }

  .left-md-down\:33 {
    left: 33.33% !important;
  }

  .right-md-down\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:33 {
    top: 33.33% !important;
  }

  .bottom-md\:33 {
    bottom: 33.33% !important;
  }

  .left-md\:33 {
    left: 33.33% !important;
  }

  .right-md\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:33 {
    top: 33.33% !important;
  }

  .bottom-md-up\:33 {
    bottom: 33.33% !important;
  }

  .left-md-up\:33 {
    left: 33.33% !important;
  }

  .right-md-up\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:33 {
    top: 33.33% !important;
  }

  .bottom-lg-down\:33 {
    bottom: 33.33% !important;
  }

  .left-lg-down\:33 {
    left: 33.33% !important;
  }

  .right-lg-down\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:33 {
    top: 33.33% !important;
  }

  .bottom-lg\:33 {
    bottom: 33.33% !important;
  }

  .left-lg\:33 {
    left: 33.33% !important;
  }

  .right-lg\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:33 {
    top: 33.33% !important;
  }

  .bottom-lg-up\:33 {
    bottom: 33.33% !important;
  }

  .left-lg-up\:33 {
    left: 33.33% !important;
  }

  .right-lg-up\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:33 {
    top: 33.33% !important;
  }

  .bottom-xl-down\:33 {
    bottom: 33.33% !important;
  }

  .left-xl-down\:33 {
    left: 33.33% !important;
  }

  .right-xl-down\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:33 {
    top: 33.33% !important;
  }

  .bottom-xl\:33 {
    bottom: 33.33% !important;
  }

  .left-xl\:33 {
    left: 33.33% !important;
  }

  .right-xl\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:33 {
    top: 33.33% !important;
  }

  .bottom-xl-up\:33 {
    bottom: 33.33% !important;
  }

  .left-xl-up\:33 {
    left: 33.33% !important;
  }

  .right-xl-up\:33 {
    right: 33.33% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:33 {
    top: 33.33% !important;
  }

  .bottom-xxl\:33 {
    bottom: 33.33% !important;
  }

  .left-xxl\:33 {
    left: 33.33% !important;
  }

  .right-xxl\:33 {
    right: 33.33% !important;
  }
}
.top\:40 {
  top: 40% !important;
}

.bottom\:40 {
  bottom: 40% !important;
}

.left\:40 {
  left: 40% !important;
}

.right\:40 {
  right: 40% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:40 {
    top: 40% !important;
  }

  .bottom-xs\:40 {
    bottom: 40% !important;
  }

  .left-xs\:40 {
    left: 40% !important;
  }

  .right-xs\:40 {
    right: 40% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:40 {
    top: 40% !important;
  }

  .bottom-sm-down\:40 {
    bottom: 40% !important;
  }

  .left-sm-down\:40 {
    left: 40% !important;
  }

  .right-sm-down\:40 {
    right: 40% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:40 {
    top: 40% !important;
  }

  .bottom-sm\:40 {
    bottom: 40% !important;
  }

  .left-sm\:40 {
    left: 40% !important;
  }

  .right-sm\:40 {
    right: 40% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:40 {
    top: 40% !important;
  }

  .bottom-sm-up\:40 {
    bottom: 40% !important;
  }

  .left-sm-up\:40 {
    left: 40% !important;
  }

  .right-sm-up\:40 {
    right: 40% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:40 {
    top: 40% !important;
  }

  .bottom-md-down\:40 {
    bottom: 40% !important;
  }

  .left-md-down\:40 {
    left: 40% !important;
  }

  .right-md-down\:40 {
    right: 40% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:40 {
    top: 40% !important;
  }

  .bottom-md\:40 {
    bottom: 40% !important;
  }

  .left-md\:40 {
    left: 40% !important;
  }

  .right-md\:40 {
    right: 40% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:40 {
    top: 40% !important;
  }

  .bottom-md-up\:40 {
    bottom: 40% !important;
  }

  .left-md-up\:40 {
    left: 40% !important;
  }

  .right-md-up\:40 {
    right: 40% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:40 {
    top: 40% !important;
  }

  .bottom-lg-down\:40 {
    bottom: 40% !important;
  }

  .left-lg-down\:40 {
    left: 40% !important;
  }

  .right-lg-down\:40 {
    right: 40% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:40 {
    top: 40% !important;
  }

  .bottom-lg\:40 {
    bottom: 40% !important;
  }

  .left-lg\:40 {
    left: 40% !important;
  }

  .right-lg\:40 {
    right: 40% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:40 {
    top: 40% !important;
  }

  .bottom-lg-up\:40 {
    bottom: 40% !important;
  }

  .left-lg-up\:40 {
    left: 40% !important;
  }

  .right-lg-up\:40 {
    right: 40% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:40 {
    top: 40% !important;
  }

  .bottom-xl-down\:40 {
    bottom: 40% !important;
  }

  .left-xl-down\:40 {
    left: 40% !important;
  }

  .right-xl-down\:40 {
    right: 40% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:40 {
    top: 40% !important;
  }

  .bottom-xl\:40 {
    bottom: 40% !important;
  }

  .left-xl\:40 {
    left: 40% !important;
  }

  .right-xl\:40 {
    right: 40% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:40 {
    top: 40% !important;
  }

  .bottom-xl-up\:40 {
    bottom: 40% !important;
  }

  .left-xl-up\:40 {
    left: 40% !important;
  }

  .right-xl-up\:40 {
    right: 40% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:40 {
    top: 40% !important;
  }

  .bottom-xxl\:40 {
    bottom: 40% !important;
  }

  .left-xxl\:40 {
    left: 40% !important;
  }

  .right-xxl\:40 {
    right: 40% !important;
  }
}
.top\:45 {
  top: 45% !important;
}

.bottom\:45 {
  bottom: 45% !important;
}

.left\:45 {
  left: 45% !important;
}

.right\:45 {
  right: 45% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:45 {
    top: 45% !important;
  }

  .bottom-xs\:45 {
    bottom: 45% !important;
  }

  .left-xs\:45 {
    left: 45% !important;
  }

  .right-xs\:45 {
    right: 45% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:45 {
    top: 45% !important;
  }

  .bottom-sm-down\:45 {
    bottom: 45% !important;
  }

  .left-sm-down\:45 {
    left: 45% !important;
  }

  .right-sm-down\:45 {
    right: 45% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:45 {
    top: 45% !important;
  }

  .bottom-sm\:45 {
    bottom: 45% !important;
  }

  .left-sm\:45 {
    left: 45% !important;
  }

  .right-sm\:45 {
    right: 45% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:45 {
    top: 45% !important;
  }

  .bottom-sm-up\:45 {
    bottom: 45% !important;
  }

  .left-sm-up\:45 {
    left: 45% !important;
  }

  .right-sm-up\:45 {
    right: 45% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:45 {
    top: 45% !important;
  }

  .bottom-md-down\:45 {
    bottom: 45% !important;
  }

  .left-md-down\:45 {
    left: 45% !important;
  }

  .right-md-down\:45 {
    right: 45% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:45 {
    top: 45% !important;
  }

  .bottom-md\:45 {
    bottom: 45% !important;
  }

  .left-md\:45 {
    left: 45% !important;
  }

  .right-md\:45 {
    right: 45% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:45 {
    top: 45% !important;
  }

  .bottom-md-up\:45 {
    bottom: 45% !important;
  }

  .left-md-up\:45 {
    left: 45% !important;
  }

  .right-md-up\:45 {
    right: 45% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:45 {
    top: 45% !important;
  }

  .bottom-lg-down\:45 {
    bottom: 45% !important;
  }

  .left-lg-down\:45 {
    left: 45% !important;
  }

  .right-lg-down\:45 {
    right: 45% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:45 {
    top: 45% !important;
  }

  .bottom-lg\:45 {
    bottom: 45% !important;
  }

  .left-lg\:45 {
    left: 45% !important;
  }

  .right-lg\:45 {
    right: 45% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:45 {
    top: 45% !important;
  }

  .bottom-lg-up\:45 {
    bottom: 45% !important;
  }

  .left-lg-up\:45 {
    left: 45% !important;
  }

  .right-lg-up\:45 {
    right: 45% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:45 {
    top: 45% !important;
  }

  .bottom-xl-down\:45 {
    bottom: 45% !important;
  }

  .left-xl-down\:45 {
    left: 45% !important;
  }

  .right-xl-down\:45 {
    right: 45% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:45 {
    top: 45% !important;
  }

  .bottom-xl\:45 {
    bottom: 45% !important;
  }

  .left-xl\:45 {
    left: 45% !important;
  }

  .right-xl\:45 {
    right: 45% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:45 {
    top: 45% !important;
  }

  .bottom-xl-up\:45 {
    bottom: 45% !important;
  }

  .left-xl-up\:45 {
    left: 45% !important;
  }

  .right-xl-up\:45 {
    right: 45% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:45 {
    top: 45% !important;
  }

  .bottom-xxl\:45 {
    bottom: 45% !important;
  }

  .left-xxl\:45 {
    left: 45% !important;
  }

  .right-xxl\:45 {
    right: 45% !important;
  }
}
.top\:50 {
  top: 50% !important;
}

.bottom\:50 {
  bottom: 50% !important;
}

.left\:50 {
  left: 50% !important;
}

.right\:50 {
  right: 50% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:50 {
    top: 50% !important;
  }

  .bottom-xs\:50 {
    bottom: 50% !important;
  }

  .left-xs\:50 {
    left: 50% !important;
  }

  .right-xs\:50 {
    right: 50% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:50 {
    top: 50% !important;
  }

  .bottom-sm-down\:50 {
    bottom: 50% !important;
  }

  .left-sm-down\:50 {
    left: 50% !important;
  }

  .right-sm-down\:50 {
    right: 50% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:50 {
    top: 50% !important;
  }

  .bottom-sm\:50 {
    bottom: 50% !important;
  }

  .left-sm\:50 {
    left: 50% !important;
  }

  .right-sm\:50 {
    right: 50% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:50 {
    top: 50% !important;
  }

  .bottom-sm-up\:50 {
    bottom: 50% !important;
  }

  .left-sm-up\:50 {
    left: 50% !important;
  }

  .right-sm-up\:50 {
    right: 50% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:50 {
    top: 50% !important;
  }

  .bottom-md-down\:50 {
    bottom: 50% !important;
  }

  .left-md-down\:50 {
    left: 50% !important;
  }

  .right-md-down\:50 {
    right: 50% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:50 {
    top: 50% !important;
  }

  .bottom-md\:50 {
    bottom: 50% !important;
  }

  .left-md\:50 {
    left: 50% !important;
  }

  .right-md\:50 {
    right: 50% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:50 {
    top: 50% !important;
  }

  .bottom-md-up\:50 {
    bottom: 50% !important;
  }

  .left-md-up\:50 {
    left: 50% !important;
  }

  .right-md-up\:50 {
    right: 50% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:50 {
    top: 50% !important;
  }

  .bottom-lg-down\:50 {
    bottom: 50% !important;
  }

  .left-lg-down\:50 {
    left: 50% !important;
  }

  .right-lg-down\:50 {
    right: 50% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:50 {
    top: 50% !important;
  }

  .bottom-lg\:50 {
    bottom: 50% !important;
  }

  .left-lg\:50 {
    left: 50% !important;
  }

  .right-lg\:50 {
    right: 50% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:50 {
    top: 50% !important;
  }

  .bottom-lg-up\:50 {
    bottom: 50% !important;
  }

  .left-lg-up\:50 {
    left: 50% !important;
  }

  .right-lg-up\:50 {
    right: 50% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:50 {
    top: 50% !important;
  }

  .bottom-xl-down\:50 {
    bottom: 50% !important;
  }

  .left-xl-down\:50 {
    left: 50% !important;
  }

  .right-xl-down\:50 {
    right: 50% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:50 {
    top: 50% !important;
  }

  .bottom-xl\:50 {
    bottom: 50% !important;
  }

  .left-xl\:50 {
    left: 50% !important;
  }

  .right-xl\:50 {
    right: 50% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:50 {
    top: 50% !important;
  }

  .bottom-xl-up\:50 {
    bottom: 50% !important;
  }

  .left-xl-up\:50 {
    left: 50% !important;
  }

  .right-xl-up\:50 {
    right: 50% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:50 {
    top: 50% !important;
  }

  .bottom-xxl\:50 {
    bottom: 50% !important;
  }

  .left-xxl\:50 {
    left: 50% !important;
  }

  .right-xxl\:50 {
    right: 50% !important;
  }
}
.top\:60 {
  top: 60% !important;
}

.bottom\:60 {
  bottom: 60% !important;
}

.left\:60 {
  left: 60% !important;
}

.right\:60 {
  right: 60% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:60 {
    top: 60% !important;
  }

  .bottom-xs\:60 {
    bottom: 60% !important;
  }

  .left-xs\:60 {
    left: 60% !important;
  }

  .right-xs\:60 {
    right: 60% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:60 {
    top: 60% !important;
  }

  .bottom-sm-down\:60 {
    bottom: 60% !important;
  }

  .left-sm-down\:60 {
    left: 60% !important;
  }

  .right-sm-down\:60 {
    right: 60% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:60 {
    top: 60% !important;
  }

  .bottom-sm\:60 {
    bottom: 60% !important;
  }

  .left-sm\:60 {
    left: 60% !important;
  }

  .right-sm\:60 {
    right: 60% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:60 {
    top: 60% !important;
  }

  .bottom-sm-up\:60 {
    bottom: 60% !important;
  }

  .left-sm-up\:60 {
    left: 60% !important;
  }

  .right-sm-up\:60 {
    right: 60% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:60 {
    top: 60% !important;
  }

  .bottom-md-down\:60 {
    bottom: 60% !important;
  }

  .left-md-down\:60 {
    left: 60% !important;
  }

  .right-md-down\:60 {
    right: 60% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:60 {
    top: 60% !important;
  }

  .bottom-md\:60 {
    bottom: 60% !important;
  }

  .left-md\:60 {
    left: 60% !important;
  }

  .right-md\:60 {
    right: 60% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:60 {
    top: 60% !important;
  }

  .bottom-md-up\:60 {
    bottom: 60% !important;
  }

  .left-md-up\:60 {
    left: 60% !important;
  }

  .right-md-up\:60 {
    right: 60% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:60 {
    top: 60% !important;
  }

  .bottom-lg-down\:60 {
    bottom: 60% !important;
  }

  .left-lg-down\:60 {
    left: 60% !important;
  }

  .right-lg-down\:60 {
    right: 60% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:60 {
    top: 60% !important;
  }

  .bottom-lg\:60 {
    bottom: 60% !important;
  }

  .left-lg\:60 {
    left: 60% !important;
  }

  .right-lg\:60 {
    right: 60% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:60 {
    top: 60% !important;
  }

  .bottom-lg-up\:60 {
    bottom: 60% !important;
  }

  .left-lg-up\:60 {
    left: 60% !important;
  }

  .right-lg-up\:60 {
    right: 60% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:60 {
    top: 60% !important;
  }

  .bottom-xl-down\:60 {
    bottom: 60% !important;
  }

  .left-xl-down\:60 {
    left: 60% !important;
  }

  .right-xl-down\:60 {
    right: 60% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:60 {
    top: 60% !important;
  }

  .bottom-xl\:60 {
    bottom: 60% !important;
  }

  .left-xl\:60 {
    left: 60% !important;
  }

  .right-xl\:60 {
    right: 60% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:60 {
    top: 60% !important;
  }

  .bottom-xl-up\:60 {
    bottom: 60% !important;
  }

  .left-xl-up\:60 {
    left: 60% !important;
  }

  .right-xl-up\:60 {
    right: 60% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:60 {
    top: 60% !important;
  }

  .bottom-xxl\:60 {
    bottom: 60% !important;
  }

  .left-xxl\:60 {
    left: 60% !important;
  }

  .right-xxl\:60 {
    right: 60% !important;
  }
}
.top\:66 {
  top: 66.66% !important;
}

.bottom\:66 {
  bottom: 66.66% !important;
}

.left\:66 {
  left: 66.66% !important;
}

.right\:66 {
  right: 66.66% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:66 {
    top: 66.66% !important;
  }

  .bottom-xs\:66 {
    bottom: 66.66% !important;
  }

  .left-xs\:66 {
    left: 66.66% !important;
  }

  .right-xs\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:66 {
    top: 66.66% !important;
  }

  .bottom-sm-down\:66 {
    bottom: 66.66% !important;
  }

  .left-sm-down\:66 {
    left: 66.66% !important;
  }

  .right-sm-down\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:66 {
    top: 66.66% !important;
  }

  .bottom-sm\:66 {
    bottom: 66.66% !important;
  }

  .left-sm\:66 {
    left: 66.66% !important;
  }

  .right-sm\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:66 {
    top: 66.66% !important;
  }

  .bottom-sm-up\:66 {
    bottom: 66.66% !important;
  }

  .left-sm-up\:66 {
    left: 66.66% !important;
  }

  .right-sm-up\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:66 {
    top: 66.66% !important;
  }

  .bottom-md-down\:66 {
    bottom: 66.66% !important;
  }

  .left-md-down\:66 {
    left: 66.66% !important;
  }

  .right-md-down\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:66 {
    top: 66.66% !important;
  }

  .bottom-md\:66 {
    bottom: 66.66% !important;
  }

  .left-md\:66 {
    left: 66.66% !important;
  }

  .right-md\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:66 {
    top: 66.66% !important;
  }

  .bottom-md-up\:66 {
    bottom: 66.66% !important;
  }

  .left-md-up\:66 {
    left: 66.66% !important;
  }

  .right-md-up\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:66 {
    top: 66.66% !important;
  }

  .bottom-lg-down\:66 {
    bottom: 66.66% !important;
  }

  .left-lg-down\:66 {
    left: 66.66% !important;
  }

  .right-lg-down\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:66 {
    top: 66.66% !important;
  }

  .bottom-lg\:66 {
    bottom: 66.66% !important;
  }

  .left-lg\:66 {
    left: 66.66% !important;
  }

  .right-lg\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:66 {
    top: 66.66% !important;
  }

  .bottom-lg-up\:66 {
    bottom: 66.66% !important;
  }

  .left-lg-up\:66 {
    left: 66.66% !important;
  }

  .right-lg-up\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:66 {
    top: 66.66% !important;
  }

  .bottom-xl-down\:66 {
    bottom: 66.66% !important;
  }

  .left-xl-down\:66 {
    left: 66.66% !important;
  }

  .right-xl-down\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:66 {
    top: 66.66% !important;
  }

  .bottom-xl\:66 {
    bottom: 66.66% !important;
  }

  .left-xl\:66 {
    left: 66.66% !important;
  }

  .right-xl\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:66 {
    top: 66.66% !important;
  }

  .bottom-xl-up\:66 {
    bottom: 66.66% !important;
  }

  .left-xl-up\:66 {
    left: 66.66% !important;
  }

  .right-xl-up\:66 {
    right: 66.66% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:66 {
    top: 66.66% !important;
  }

  .bottom-xxl\:66 {
    bottom: 66.66% !important;
  }

  .left-xxl\:66 {
    left: 66.66% !important;
  }

  .right-xxl\:66 {
    right: 66.66% !important;
  }
}
.top\:70 {
  top: 70% !important;
}

.bottom\:70 {
  bottom: 70% !important;
}

.left\:70 {
  left: 70% !important;
}

.right\:70 {
  right: 70% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:70 {
    top: 70% !important;
  }

  .bottom-xs\:70 {
    bottom: 70% !important;
  }

  .left-xs\:70 {
    left: 70% !important;
  }

  .right-xs\:70 {
    right: 70% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:70 {
    top: 70% !important;
  }

  .bottom-sm-down\:70 {
    bottom: 70% !important;
  }

  .left-sm-down\:70 {
    left: 70% !important;
  }

  .right-sm-down\:70 {
    right: 70% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:70 {
    top: 70% !important;
  }

  .bottom-sm\:70 {
    bottom: 70% !important;
  }

  .left-sm\:70 {
    left: 70% !important;
  }

  .right-sm\:70 {
    right: 70% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:70 {
    top: 70% !important;
  }

  .bottom-sm-up\:70 {
    bottom: 70% !important;
  }

  .left-sm-up\:70 {
    left: 70% !important;
  }

  .right-sm-up\:70 {
    right: 70% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:70 {
    top: 70% !important;
  }

  .bottom-md-down\:70 {
    bottom: 70% !important;
  }

  .left-md-down\:70 {
    left: 70% !important;
  }

  .right-md-down\:70 {
    right: 70% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:70 {
    top: 70% !important;
  }

  .bottom-md\:70 {
    bottom: 70% !important;
  }

  .left-md\:70 {
    left: 70% !important;
  }

  .right-md\:70 {
    right: 70% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:70 {
    top: 70% !important;
  }

  .bottom-md-up\:70 {
    bottom: 70% !important;
  }

  .left-md-up\:70 {
    left: 70% !important;
  }

  .right-md-up\:70 {
    right: 70% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:70 {
    top: 70% !important;
  }

  .bottom-lg-down\:70 {
    bottom: 70% !important;
  }

  .left-lg-down\:70 {
    left: 70% !important;
  }

  .right-lg-down\:70 {
    right: 70% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:70 {
    top: 70% !important;
  }

  .bottom-lg\:70 {
    bottom: 70% !important;
  }

  .left-lg\:70 {
    left: 70% !important;
  }

  .right-lg\:70 {
    right: 70% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:70 {
    top: 70% !important;
  }

  .bottom-lg-up\:70 {
    bottom: 70% !important;
  }

  .left-lg-up\:70 {
    left: 70% !important;
  }

  .right-lg-up\:70 {
    right: 70% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:70 {
    top: 70% !important;
  }

  .bottom-xl-down\:70 {
    bottom: 70% !important;
  }

  .left-xl-down\:70 {
    left: 70% !important;
  }

  .right-xl-down\:70 {
    right: 70% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:70 {
    top: 70% !important;
  }

  .bottom-xl\:70 {
    bottom: 70% !important;
  }

  .left-xl\:70 {
    left: 70% !important;
  }

  .right-xl\:70 {
    right: 70% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:70 {
    top: 70% !important;
  }

  .bottom-xl-up\:70 {
    bottom: 70% !important;
  }

  .left-xl-up\:70 {
    left: 70% !important;
  }

  .right-xl-up\:70 {
    right: 70% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:70 {
    top: 70% !important;
  }

  .bottom-xxl\:70 {
    bottom: 70% !important;
  }

  .left-xxl\:70 {
    left: 70% !important;
  }

  .right-xxl\:70 {
    right: 70% !important;
  }
}
.top\:75 {
  top: 75% !important;
}

.bottom\:75 {
  bottom: 75% !important;
}

.left\:75 {
  left: 75% !important;
}

.right\:75 {
  right: 75% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:75 {
    top: 75% !important;
  }

  .bottom-xs\:75 {
    bottom: 75% !important;
  }

  .left-xs\:75 {
    left: 75% !important;
  }

  .right-xs\:75 {
    right: 75% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:75 {
    top: 75% !important;
  }

  .bottom-sm-down\:75 {
    bottom: 75% !important;
  }

  .left-sm-down\:75 {
    left: 75% !important;
  }

  .right-sm-down\:75 {
    right: 75% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:75 {
    top: 75% !important;
  }

  .bottom-sm\:75 {
    bottom: 75% !important;
  }

  .left-sm\:75 {
    left: 75% !important;
  }

  .right-sm\:75 {
    right: 75% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:75 {
    top: 75% !important;
  }

  .bottom-sm-up\:75 {
    bottom: 75% !important;
  }

  .left-sm-up\:75 {
    left: 75% !important;
  }

  .right-sm-up\:75 {
    right: 75% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:75 {
    top: 75% !important;
  }

  .bottom-md-down\:75 {
    bottom: 75% !important;
  }

  .left-md-down\:75 {
    left: 75% !important;
  }

  .right-md-down\:75 {
    right: 75% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:75 {
    top: 75% !important;
  }

  .bottom-md\:75 {
    bottom: 75% !important;
  }

  .left-md\:75 {
    left: 75% !important;
  }

  .right-md\:75 {
    right: 75% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:75 {
    top: 75% !important;
  }

  .bottom-md-up\:75 {
    bottom: 75% !important;
  }

  .left-md-up\:75 {
    left: 75% !important;
  }

  .right-md-up\:75 {
    right: 75% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:75 {
    top: 75% !important;
  }

  .bottom-lg-down\:75 {
    bottom: 75% !important;
  }

  .left-lg-down\:75 {
    left: 75% !important;
  }

  .right-lg-down\:75 {
    right: 75% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:75 {
    top: 75% !important;
  }

  .bottom-lg\:75 {
    bottom: 75% !important;
  }

  .left-lg\:75 {
    left: 75% !important;
  }

  .right-lg\:75 {
    right: 75% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:75 {
    top: 75% !important;
  }

  .bottom-lg-up\:75 {
    bottom: 75% !important;
  }

  .left-lg-up\:75 {
    left: 75% !important;
  }

  .right-lg-up\:75 {
    right: 75% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:75 {
    top: 75% !important;
  }

  .bottom-xl-down\:75 {
    bottom: 75% !important;
  }

  .left-xl-down\:75 {
    left: 75% !important;
  }

  .right-xl-down\:75 {
    right: 75% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:75 {
    top: 75% !important;
  }

  .bottom-xl\:75 {
    bottom: 75% !important;
  }

  .left-xl\:75 {
    left: 75% !important;
  }

  .right-xl\:75 {
    right: 75% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:75 {
    top: 75% !important;
  }

  .bottom-xl-up\:75 {
    bottom: 75% !important;
  }

  .left-xl-up\:75 {
    left: 75% !important;
  }

  .right-xl-up\:75 {
    right: 75% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:75 {
    top: 75% !important;
  }

  .bottom-xxl\:75 {
    bottom: 75% !important;
  }

  .left-xxl\:75 {
    left: 75% !important;
  }

  .right-xxl\:75 {
    right: 75% !important;
  }
}
.top\:80 {
  top: 80% !important;
}

.bottom\:80 {
  bottom: 80% !important;
}

.left\:80 {
  left: 80% !important;
}

.right\:80 {
  right: 80% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:80 {
    top: 80% !important;
  }

  .bottom-xs\:80 {
    bottom: 80% !important;
  }

  .left-xs\:80 {
    left: 80% !important;
  }

  .right-xs\:80 {
    right: 80% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:80 {
    top: 80% !important;
  }

  .bottom-sm-down\:80 {
    bottom: 80% !important;
  }

  .left-sm-down\:80 {
    left: 80% !important;
  }

  .right-sm-down\:80 {
    right: 80% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:80 {
    top: 80% !important;
  }

  .bottom-sm\:80 {
    bottom: 80% !important;
  }

  .left-sm\:80 {
    left: 80% !important;
  }

  .right-sm\:80 {
    right: 80% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:80 {
    top: 80% !important;
  }

  .bottom-sm-up\:80 {
    bottom: 80% !important;
  }

  .left-sm-up\:80 {
    left: 80% !important;
  }

  .right-sm-up\:80 {
    right: 80% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:80 {
    top: 80% !important;
  }

  .bottom-md-down\:80 {
    bottom: 80% !important;
  }

  .left-md-down\:80 {
    left: 80% !important;
  }

  .right-md-down\:80 {
    right: 80% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:80 {
    top: 80% !important;
  }

  .bottom-md\:80 {
    bottom: 80% !important;
  }

  .left-md\:80 {
    left: 80% !important;
  }

  .right-md\:80 {
    right: 80% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:80 {
    top: 80% !important;
  }

  .bottom-md-up\:80 {
    bottom: 80% !important;
  }

  .left-md-up\:80 {
    left: 80% !important;
  }

  .right-md-up\:80 {
    right: 80% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:80 {
    top: 80% !important;
  }

  .bottom-lg-down\:80 {
    bottom: 80% !important;
  }

  .left-lg-down\:80 {
    left: 80% !important;
  }

  .right-lg-down\:80 {
    right: 80% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:80 {
    top: 80% !important;
  }

  .bottom-lg\:80 {
    bottom: 80% !important;
  }

  .left-lg\:80 {
    left: 80% !important;
  }

  .right-lg\:80 {
    right: 80% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:80 {
    top: 80% !important;
  }

  .bottom-lg-up\:80 {
    bottom: 80% !important;
  }

  .left-lg-up\:80 {
    left: 80% !important;
  }

  .right-lg-up\:80 {
    right: 80% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:80 {
    top: 80% !important;
  }

  .bottom-xl-down\:80 {
    bottom: 80% !important;
  }

  .left-xl-down\:80 {
    left: 80% !important;
  }

  .right-xl-down\:80 {
    right: 80% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:80 {
    top: 80% !important;
  }

  .bottom-xl\:80 {
    bottom: 80% !important;
  }

  .left-xl\:80 {
    left: 80% !important;
  }

  .right-xl\:80 {
    right: 80% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:80 {
    top: 80% !important;
  }

  .bottom-xl-up\:80 {
    bottom: 80% !important;
  }

  .left-xl-up\:80 {
    left: 80% !important;
  }

  .right-xl-up\:80 {
    right: 80% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:80 {
    top: 80% !important;
  }

  .bottom-xxl\:80 {
    bottom: 80% !important;
  }

  .left-xxl\:80 {
    left: 80% !important;
  }

  .right-xxl\:80 {
    right: 80% !important;
  }
}
.top\:90 {
  top: 90% !important;
}

.bottom\:90 {
  bottom: 90% !important;
}

.left\:90 {
  left: 90% !important;
}

.right\:90 {
  right: 90% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:90 {
    top: 90% !important;
  }

  .bottom-xs\:90 {
    bottom: 90% !important;
  }

  .left-xs\:90 {
    left: 90% !important;
  }

  .right-xs\:90 {
    right: 90% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:90 {
    top: 90% !important;
  }

  .bottom-sm-down\:90 {
    bottom: 90% !important;
  }

  .left-sm-down\:90 {
    left: 90% !important;
  }

  .right-sm-down\:90 {
    right: 90% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:90 {
    top: 90% !important;
  }

  .bottom-sm\:90 {
    bottom: 90% !important;
  }

  .left-sm\:90 {
    left: 90% !important;
  }

  .right-sm\:90 {
    right: 90% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:90 {
    top: 90% !important;
  }

  .bottom-sm-up\:90 {
    bottom: 90% !important;
  }

  .left-sm-up\:90 {
    left: 90% !important;
  }

  .right-sm-up\:90 {
    right: 90% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:90 {
    top: 90% !important;
  }

  .bottom-md-down\:90 {
    bottom: 90% !important;
  }

  .left-md-down\:90 {
    left: 90% !important;
  }

  .right-md-down\:90 {
    right: 90% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:90 {
    top: 90% !important;
  }

  .bottom-md\:90 {
    bottom: 90% !important;
  }

  .left-md\:90 {
    left: 90% !important;
  }

  .right-md\:90 {
    right: 90% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:90 {
    top: 90% !important;
  }

  .bottom-md-up\:90 {
    bottom: 90% !important;
  }

  .left-md-up\:90 {
    left: 90% !important;
  }

  .right-md-up\:90 {
    right: 90% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:90 {
    top: 90% !important;
  }

  .bottom-lg-down\:90 {
    bottom: 90% !important;
  }

  .left-lg-down\:90 {
    left: 90% !important;
  }

  .right-lg-down\:90 {
    right: 90% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:90 {
    top: 90% !important;
  }

  .bottom-lg\:90 {
    bottom: 90% !important;
  }

  .left-lg\:90 {
    left: 90% !important;
  }

  .right-lg\:90 {
    right: 90% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:90 {
    top: 90% !important;
  }

  .bottom-lg-up\:90 {
    bottom: 90% !important;
  }

  .left-lg-up\:90 {
    left: 90% !important;
  }

  .right-lg-up\:90 {
    right: 90% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:90 {
    top: 90% !important;
  }

  .bottom-xl-down\:90 {
    bottom: 90% !important;
  }

  .left-xl-down\:90 {
    left: 90% !important;
  }

  .right-xl-down\:90 {
    right: 90% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:90 {
    top: 90% !important;
  }

  .bottom-xl\:90 {
    bottom: 90% !important;
  }

  .left-xl\:90 {
    left: 90% !important;
  }

  .right-xl\:90 {
    right: 90% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:90 {
    top: 90% !important;
  }

  .bottom-xl-up\:90 {
    bottom: 90% !important;
  }

  .left-xl-up\:90 {
    left: 90% !important;
  }

  .right-xl-up\:90 {
    right: 90% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:90 {
    top: 90% !important;
  }

  .bottom-xxl\:90 {
    bottom: 90% !important;
  }

  .left-xxl\:90 {
    left: 90% !important;
  }

  .right-xxl\:90 {
    right: 90% !important;
  }
}
.top\:100 {
  top: 100% !important;
}

.bottom\:100 {
  bottom: 100% !important;
}

.left\:100 {
  left: 100% !important;
}

.right\:100 {
  right: 100% !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:100 {
    top: 100% !important;
  }

  .bottom-xs\:100 {
    bottom: 100% !important;
  }

  .left-xs\:100 {
    left: 100% !important;
  }

  .right-xs\:100 {
    right: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:100 {
    top: 100% !important;
  }

  .bottom-sm-down\:100 {
    bottom: 100% !important;
  }

  .left-sm-down\:100 {
    left: 100% !important;
  }

  .right-sm-down\:100 {
    right: 100% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:100 {
    top: 100% !important;
  }

  .bottom-sm\:100 {
    bottom: 100% !important;
  }

  .left-sm\:100 {
    left: 100% !important;
  }

  .right-sm\:100 {
    right: 100% !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:100 {
    top: 100% !important;
  }

  .bottom-sm-up\:100 {
    bottom: 100% !important;
  }

  .left-sm-up\:100 {
    left: 100% !important;
  }

  .right-sm-up\:100 {
    right: 100% !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:100 {
    top: 100% !important;
  }

  .bottom-md-down\:100 {
    bottom: 100% !important;
  }

  .left-md-down\:100 {
    left: 100% !important;
  }

  .right-md-down\:100 {
    right: 100% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:100 {
    top: 100% !important;
  }

  .bottom-md\:100 {
    bottom: 100% !important;
  }

  .left-md\:100 {
    left: 100% !important;
  }

  .right-md\:100 {
    right: 100% !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:100 {
    top: 100% !important;
  }

  .bottom-md-up\:100 {
    bottom: 100% !important;
  }

  .left-md-up\:100 {
    left: 100% !important;
  }

  .right-md-up\:100 {
    right: 100% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:100 {
    top: 100% !important;
  }

  .bottom-lg-down\:100 {
    bottom: 100% !important;
  }

  .left-lg-down\:100 {
    left: 100% !important;
  }

  .right-lg-down\:100 {
    right: 100% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:100 {
    top: 100% !important;
  }

  .bottom-lg\:100 {
    bottom: 100% !important;
  }

  .left-lg\:100 {
    left: 100% !important;
  }

  .right-lg\:100 {
    right: 100% !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:100 {
    top: 100% !important;
  }

  .bottom-lg-up\:100 {
    bottom: 100% !important;
  }

  .left-lg-up\:100 {
    left: 100% !important;
  }

  .right-lg-up\:100 {
    right: 100% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:100 {
    top: 100% !important;
  }

  .bottom-xl-down\:100 {
    bottom: 100% !important;
  }

  .left-xl-down\:100 {
    left: 100% !important;
  }

  .right-xl-down\:100 {
    right: 100% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:100 {
    top: 100% !important;
  }

  .bottom-xl\:100 {
    bottom: 100% !important;
  }

  .left-xl\:100 {
    left: 100% !important;
  }

  .right-xl\:100 {
    right: 100% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:100 {
    top: 100% !important;
  }

  .bottom-xl-up\:100 {
    bottom: 100% !important;
  }

  .left-xl-up\:100 {
    left: 100% !important;
  }

  .right-xl-up\:100 {
    right: 100% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:100 {
    top: 100% !important;
  }

  .bottom-xxl\:100 {
    bottom: 100% !important;
  }

  .left-xxl\:100 {
    left: 100% !important;
  }

  .right-xxl\:100 {
    right: 100% !important;
  }
}
.top\:10vh {
  top: 10vh !important;
}

.bottom\:10vh {
  bottom: 10vh !important;
}

.left\:10vh {
  left: 10vh !important;
}

.right\:10vh {
  right: 10vh !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:10vh {
    top: 10vh !important;
  }

  .bottom-xs\:10vh {
    bottom: 10vh !important;
  }

  .left-xs\:10vh {
    left: 10vh !important;
  }

  .right-xs\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:10vh {
    top: 10vh !important;
  }

  .bottom-sm-down\:10vh {
    bottom: 10vh !important;
  }

  .left-sm-down\:10vh {
    left: 10vh !important;
  }

  .right-sm-down\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:10vh {
    top: 10vh !important;
  }

  .bottom-sm\:10vh {
    bottom: 10vh !important;
  }

  .left-sm\:10vh {
    left: 10vh !important;
  }

  .right-sm\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:10vh {
    top: 10vh !important;
  }

  .bottom-sm-up\:10vh {
    bottom: 10vh !important;
  }

  .left-sm-up\:10vh {
    left: 10vh !important;
  }

  .right-sm-up\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:10vh {
    top: 10vh !important;
  }

  .bottom-md-down\:10vh {
    bottom: 10vh !important;
  }

  .left-md-down\:10vh {
    left: 10vh !important;
  }

  .right-md-down\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:10vh {
    top: 10vh !important;
  }

  .bottom-md\:10vh {
    bottom: 10vh !important;
  }

  .left-md\:10vh {
    left: 10vh !important;
  }

  .right-md\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:10vh {
    top: 10vh !important;
  }

  .bottom-md-up\:10vh {
    bottom: 10vh !important;
  }

  .left-md-up\:10vh {
    left: 10vh !important;
  }

  .right-md-up\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:10vh {
    top: 10vh !important;
  }

  .bottom-lg-down\:10vh {
    bottom: 10vh !important;
  }

  .left-lg-down\:10vh {
    left: 10vh !important;
  }

  .right-lg-down\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:10vh {
    top: 10vh !important;
  }

  .bottom-lg\:10vh {
    bottom: 10vh !important;
  }

  .left-lg\:10vh {
    left: 10vh !important;
  }

  .right-lg\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:10vh {
    top: 10vh !important;
  }

  .bottom-lg-up\:10vh {
    bottom: 10vh !important;
  }

  .left-lg-up\:10vh {
    left: 10vh !important;
  }

  .right-lg-up\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:10vh {
    top: 10vh !important;
  }

  .bottom-xl-down\:10vh {
    bottom: 10vh !important;
  }

  .left-xl-down\:10vh {
    left: 10vh !important;
  }

  .right-xl-down\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:10vh {
    top: 10vh !important;
  }

  .bottom-xl\:10vh {
    bottom: 10vh !important;
  }

  .left-xl\:10vh {
    left: 10vh !important;
  }

  .right-xl\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:10vh {
    top: 10vh !important;
  }

  .bottom-xl-up\:10vh {
    bottom: 10vh !important;
  }

  .left-xl-up\:10vh {
    left: 10vh !important;
  }

  .right-xl-up\:10vh {
    right: 10vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:10vh {
    top: 10vh !important;
  }

  .bottom-xxl\:10vh {
    bottom: 10vh !important;
  }

  .left-xxl\:10vh {
    left: 10vh !important;
  }

  .right-xxl\:10vh {
    right: 10vh !important;
  }
}
.top\:25vh {
  top: 25vh !important;
}

.bottom\:25vh {
  bottom: 25vh !important;
}

.left\:25vh {
  left: 25vh !important;
}

.right\:25vh {
  right: 25vh !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:25vh {
    top: 25vh !important;
  }

  .bottom-xs\:25vh {
    bottom: 25vh !important;
  }

  .left-xs\:25vh {
    left: 25vh !important;
  }

  .right-xs\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:25vh {
    top: 25vh !important;
  }

  .bottom-sm-down\:25vh {
    bottom: 25vh !important;
  }

  .left-sm-down\:25vh {
    left: 25vh !important;
  }

  .right-sm-down\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:25vh {
    top: 25vh !important;
  }

  .bottom-sm\:25vh {
    bottom: 25vh !important;
  }

  .left-sm\:25vh {
    left: 25vh !important;
  }

  .right-sm\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:25vh {
    top: 25vh !important;
  }

  .bottom-sm-up\:25vh {
    bottom: 25vh !important;
  }

  .left-sm-up\:25vh {
    left: 25vh !important;
  }

  .right-sm-up\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:25vh {
    top: 25vh !important;
  }

  .bottom-md-down\:25vh {
    bottom: 25vh !important;
  }

  .left-md-down\:25vh {
    left: 25vh !important;
  }

  .right-md-down\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:25vh {
    top: 25vh !important;
  }

  .bottom-md\:25vh {
    bottom: 25vh !important;
  }

  .left-md\:25vh {
    left: 25vh !important;
  }

  .right-md\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:25vh {
    top: 25vh !important;
  }

  .bottom-md-up\:25vh {
    bottom: 25vh !important;
  }

  .left-md-up\:25vh {
    left: 25vh !important;
  }

  .right-md-up\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:25vh {
    top: 25vh !important;
  }

  .bottom-lg-down\:25vh {
    bottom: 25vh !important;
  }

  .left-lg-down\:25vh {
    left: 25vh !important;
  }

  .right-lg-down\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:25vh {
    top: 25vh !important;
  }

  .bottom-lg\:25vh {
    bottom: 25vh !important;
  }

  .left-lg\:25vh {
    left: 25vh !important;
  }

  .right-lg\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:25vh {
    top: 25vh !important;
  }

  .bottom-lg-up\:25vh {
    bottom: 25vh !important;
  }

  .left-lg-up\:25vh {
    left: 25vh !important;
  }

  .right-lg-up\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:25vh {
    top: 25vh !important;
  }

  .bottom-xl-down\:25vh {
    bottom: 25vh !important;
  }

  .left-xl-down\:25vh {
    left: 25vh !important;
  }

  .right-xl-down\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:25vh {
    top: 25vh !important;
  }

  .bottom-xl\:25vh {
    bottom: 25vh !important;
  }

  .left-xl\:25vh {
    left: 25vh !important;
  }

  .right-xl\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:25vh {
    top: 25vh !important;
  }

  .bottom-xl-up\:25vh {
    bottom: 25vh !important;
  }

  .left-xl-up\:25vh {
    left: 25vh !important;
  }

  .right-xl-up\:25vh {
    right: 25vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:25vh {
    top: 25vh !important;
  }

  .bottom-xxl\:25vh {
    bottom: 25vh !important;
  }

  .left-xxl\:25vh {
    left: 25vh !important;
  }

  .right-xxl\:25vh {
    right: 25vh !important;
  }
}
.top\:50vh {
  top: 50vh !important;
}

.bottom\:50vh {
  bottom: 50vh !important;
}

.left\:50vh {
  left: 50vh !important;
}

.right\:50vh {
  right: 50vh !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:50vh {
    top: 50vh !important;
  }

  .bottom-xs\:50vh {
    bottom: 50vh !important;
  }

  .left-xs\:50vh {
    left: 50vh !important;
  }

  .right-xs\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:50vh {
    top: 50vh !important;
  }

  .bottom-sm-down\:50vh {
    bottom: 50vh !important;
  }

  .left-sm-down\:50vh {
    left: 50vh !important;
  }

  .right-sm-down\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:50vh {
    top: 50vh !important;
  }

  .bottom-sm\:50vh {
    bottom: 50vh !important;
  }

  .left-sm\:50vh {
    left: 50vh !important;
  }

  .right-sm\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:50vh {
    top: 50vh !important;
  }

  .bottom-sm-up\:50vh {
    bottom: 50vh !important;
  }

  .left-sm-up\:50vh {
    left: 50vh !important;
  }

  .right-sm-up\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:50vh {
    top: 50vh !important;
  }

  .bottom-md-down\:50vh {
    bottom: 50vh !important;
  }

  .left-md-down\:50vh {
    left: 50vh !important;
  }

  .right-md-down\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:50vh {
    top: 50vh !important;
  }

  .bottom-md\:50vh {
    bottom: 50vh !important;
  }

  .left-md\:50vh {
    left: 50vh !important;
  }

  .right-md\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:50vh {
    top: 50vh !important;
  }

  .bottom-md-up\:50vh {
    bottom: 50vh !important;
  }

  .left-md-up\:50vh {
    left: 50vh !important;
  }

  .right-md-up\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:50vh {
    top: 50vh !important;
  }

  .bottom-lg-down\:50vh {
    bottom: 50vh !important;
  }

  .left-lg-down\:50vh {
    left: 50vh !important;
  }

  .right-lg-down\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:50vh {
    top: 50vh !important;
  }

  .bottom-lg\:50vh {
    bottom: 50vh !important;
  }

  .left-lg\:50vh {
    left: 50vh !important;
  }

  .right-lg\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:50vh {
    top: 50vh !important;
  }

  .bottom-lg-up\:50vh {
    bottom: 50vh !important;
  }

  .left-lg-up\:50vh {
    left: 50vh !important;
  }

  .right-lg-up\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:50vh {
    top: 50vh !important;
  }

  .bottom-xl-down\:50vh {
    bottom: 50vh !important;
  }

  .left-xl-down\:50vh {
    left: 50vh !important;
  }

  .right-xl-down\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:50vh {
    top: 50vh !important;
  }

  .bottom-xl\:50vh {
    bottom: 50vh !important;
  }

  .left-xl\:50vh {
    left: 50vh !important;
  }

  .right-xl\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:50vh {
    top: 50vh !important;
  }

  .bottom-xl-up\:50vh {
    bottom: 50vh !important;
  }

  .left-xl-up\:50vh {
    left: 50vh !important;
  }

  .right-xl-up\:50vh {
    right: 50vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:50vh {
    top: 50vh !important;
  }

  .bottom-xxl\:50vh {
    bottom: 50vh !important;
  }

  .left-xxl\:50vh {
    left: 50vh !important;
  }

  .right-xxl\:50vh {
    right: 50vh !important;
  }
}
.top\:75vh {
  top: 75vh !important;
}

.bottom\:75vh {
  bottom: 75vh !important;
}

.left\:75vh {
  left: 75vh !important;
}

.right\:75vh {
  right: 75vh !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:75vh {
    top: 75vh !important;
  }

  .bottom-xs\:75vh {
    bottom: 75vh !important;
  }

  .left-xs\:75vh {
    left: 75vh !important;
  }

  .right-xs\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:75vh {
    top: 75vh !important;
  }

  .bottom-sm-down\:75vh {
    bottom: 75vh !important;
  }

  .left-sm-down\:75vh {
    left: 75vh !important;
  }

  .right-sm-down\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:75vh {
    top: 75vh !important;
  }

  .bottom-sm\:75vh {
    bottom: 75vh !important;
  }

  .left-sm\:75vh {
    left: 75vh !important;
  }

  .right-sm\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:75vh {
    top: 75vh !important;
  }

  .bottom-sm-up\:75vh {
    bottom: 75vh !important;
  }

  .left-sm-up\:75vh {
    left: 75vh !important;
  }

  .right-sm-up\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:75vh {
    top: 75vh !important;
  }

  .bottom-md-down\:75vh {
    bottom: 75vh !important;
  }

  .left-md-down\:75vh {
    left: 75vh !important;
  }

  .right-md-down\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:75vh {
    top: 75vh !important;
  }

  .bottom-md\:75vh {
    bottom: 75vh !important;
  }

  .left-md\:75vh {
    left: 75vh !important;
  }

  .right-md\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:75vh {
    top: 75vh !important;
  }

  .bottom-md-up\:75vh {
    bottom: 75vh !important;
  }

  .left-md-up\:75vh {
    left: 75vh !important;
  }

  .right-md-up\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:75vh {
    top: 75vh !important;
  }

  .bottom-lg-down\:75vh {
    bottom: 75vh !important;
  }

  .left-lg-down\:75vh {
    left: 75vh !important;
  }

  .right-lg-down\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:75vh {
    top: 75vh !important;
  }

  .bottom-lg\:75vh {
    bottom: 75vh !important;
  }

  .left-lg\:75vh {
    left: 75vh !important;
  }

  .right-lg\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:75vh {
    top: 75vh !important;
  }

  .bottom-lg-up\:75vh {
    bottom: 75vh !important;
  }

  .left-lg-up\:75vh {
    left: 75vh !important;
  }

  .right-lg-up\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:75vh {
    top: 75vh !important;
  }

  .bottom-xl-down\:75vh {
    bottom: 75vh !important;
  }

  .left-xl-down\:75vh {
    left: 75vh !important;
  }

  .right-xl-down\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:75vh {
    top: 75vh !important;
  }

  .bottom-xl\:75vh {
    bottom: 75vh !important;
  }

  .left-xl\:75vh {
    left: 75vh !important;
  }

  .right-xl\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:75vh {
    top: 75vh !important;
  }

  .bottom-xl-up\:75vh {
    bottom: 75vh !important;
  }

  .left-xl-up\:75vh {
    left: 75vh !important;
  }

  .right-xl-up\:75vh {
    right: 75vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:75vh {
    top: 75vh !important;
  }

  .bottom-xxl\:75vh {
    bottom: 75vh !important;
  }

  .left-xxl\:75vh {
    left: 75vh !important;
  }

  .right-xxl\:75vh {
    right: 75vh !important;
  }
}
.top\:100vh {
  top: 100vh !important;
}

.bottom\:100vh {
  bottom: 100vh !important;
}

.left\:100vh {
  left: 100vh !important;
}

.right\:100vh {
  right: 100vh !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:100vh {
    top: 100vh !important;
  }

  .bottom-xs\:100vh {
    bottom: 100vh !important;
  }

  .left-xs\:100vh {
    left: 100vh !important;
  }

  .right-xs\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:100vh {
    top: 100vh !important;
  }

  .bottom-sm-down\:100vh {
    bottom: 100vh !important;
  }

  .left-sm-down\:100vh {
    left: 100vh !important;
  }

  .right-sm-down\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:100vh {
    top: 100vh !important;
  }

  .bottom-sm\:100vh {
    bottom: 100vh !important;
  }

  .left-sm\:100vh {
    left: 100vh !important;
  }

  .right-sm\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:100vh {
    top: 100vh !important;
  }

  .bottom-sm-up\:100vh {
    bottom: 100vh !important;
  }

  .left-sm-up\:100vh {
    left: 100vh !important;
  }

  .right-sm-up\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:100vh {
    top: 100vh !important;
  }

  .bottom-md-down\:100vh {
    bottom: 100vh !important;
  }

  .left-md-down\:100vh {
    left: 100vh !important;
  }

  .right-md-down\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:100vh {
    top: 100vh !important;
  }

  .bottom-md\:100vh {
    bottom: 100vh !important;
  }

  .left-md\:100vh {
    left: 100vh !important;
  }

  .right-md\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:100vh {
    top: 100vh !important;
  }

  .bottom-md-up\:100vh {
    bottom: 100vh !important;
  }

  .left-md-up\:100vh {
    left: 100vh !important;
  }

  .right-md-up\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:100vh {
    top: 100vh !important;
  }

  .bottom-lg-down\:100vh {
    bottom: 100vh !important;
  }

  .left-lg-down\:100vh {
    left: 100vh !important;
  }

  .right-lg-down\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:100vh {
    top: 100vh !important;
  }

  .bottom-lg\:100vh {
    bottom: 100vh !important;
  }

  .left-lg\:100vh {
    left: 100vh !important;
  }

  .right-lg\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:100vh {
    top: 100vh !important;
  }

  .bottom-lg-up\:100vh {
    bottom: 100vh !important;
  }

  .left-lg-up\:100vh {
    left: 100vh !important;
  }

  .right-lg-up\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:100vh {
    top: 100vh !important;
  }

  .bottom-xl-down\:100vh {
    bottom: 100vh !important;
  }

  .left-xl-down\:100vh {
    left: 100vh !important;
  }

  .right-xl-down\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:100vh {
    top: 100vh !important;
  }

  .bottom-xl\:100vh {
    bottom: 100vh !important;
  }

  .left-xl\:100vh {
    left: 100vh !important;
  }

  .right-xl\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:100vh {
    top: 100vh !important;
  }

  .bottom-xl-up\:100vh {
    bottom: 100vh !important;
  }

  .left-xl-up\:100vh {
    left: 100vh !important;
  }

  .right-xl-up\:100vh {
    right: 100vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:100vh {
    top: 100vh !important;
  }

  .bottom-xxl\:100vh {
    bottom: 100vh !important;
  }

  .left-xxl\:100vh {
    left: 100vh !important;
  }

  .right-xxl\:100vh {
    right: 100vh !important;
  }
}
.top\:10vw {
  top: 10vw !important;
}

.bottom\:10vw {
  bottom: 10vw !important;
}

.left\:10vw {
  left: 10vw !important;
}

.right\:10vw {
  right: 10vw !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:10vw {
    top: 10vw !important;
  }

  .bottom-xs\:10vw {
    bottom: 10vw !important;
  }

  .left-xs\:10vw {
    left: 10vw !important;
  }

  .right-xs\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:10vw {
    top: 10vw !important;
  }

  .bottom-sm-down\:10vw {
    bottom: 10vw !important;
  }

  .left-sm-down\:10vw {
    left: 10vw !important;
  }

  .right-sm-down\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:10vw {
    top: 10vw !important;
  }

  .bottom-sm\:10vw {
    bottom: 10vw !important;
  }

  .left-sm\:10vw {
    left: 10vw !important;
  }

  .right-sm\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:10vw {
    top: 10vw !important;
  }

  .bottom-sm-up\:10vw {
    bottom: 10vw !important;
  }

  .left-sm-up\:10vw {
    left: 10vw !important;
  }

  .right-sm-up\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:10vw {
    top: 10vw !important;
  }

  .bottom-md-down\:10vw {
    bottom: 10vw !important;
  }

  .left-md-down\:10vw {
    left: 10vw !important;
  }

  .right-md-down\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:10vw {
    top: 10vw !important;
  }

  .bottom-md\:10vw {
    bottom: 10vw !important;
  }

  .left-md\:10vw {
    left: 10vw !important;
  }

  .right-md\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:10vw {
    top: 10vw !important;
  }

  .bottom-md-up\:10vw {
    bottom: 10vw !important;
  }

  .left-md-up\:10vw {
    left: 10vw !important;
  }

  .right-md-up\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:10vw {
    top: 10vw !important;
  }

  .bottom-lg-down\:10vw {
    bottom: 10vw !important;
  }

  .left-lg-down\:10vw {
    left: 10vw !important;
  }

  .right-lg-down\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:10vw {
    top: 10vw !important;
  }

  .bottom-lg\:10vw {
    bottom: 10vw !important;
  }

  .left-lg\:10vw {
    left: 10vw !important;
  }

  .right-lg\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:10vw {
    top: 10vw !important;
  }

  .bottom-lg-up\:10vw {
    bottom: 10vw !important;
  }

  .left-lg-up\:10vw {
    left: 10vw !important;
  }

  .right-lg-up\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:10vw {
    top: 10vw !important;
  }

  .bottom-xl-down\:10vw {
    bottom: 10vw !important;
  }

  .left-xl-down\:10vw {
    left: 10vw !important;
  }

  .right-xl-down\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:10vw {
    top: 10vw !important;
  }

  .bottom-xl\:10vw {
    bottom: 10vw !important;
  }

  .left-xl\:10vw {
    left: 10vw !important;
  }

  .right-xl\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:10vw {
    top: 10vw !important;
  }

  .bottom-xl-up\:10vw {
    bottom: 10vw !important;
  }

  .left-xl-up\:10vw {
    left: 10vw !important;
  }

  .right-xl-up\:10vw {
    right: 10vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:10vw {
    top: 10vw !important;
  }

  .bottom-xxl\:10vw {
    bottom: 10vw !important;
  }

  .left-xxl\:10vw {
    left: 10vw !important;
  }

  .right-xxl\:10vw {
    right: 10vw !important;
  }
}
.top\:25vw {
  top: 25vw !important;
}

.bottom\:25vw {
  bottom: 25vw !important;
}

.left\:25vw {
  left: 25vw !important;
}

.right\:25vw {
  right: 25vw !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:25vw {
    top: 25vw !important;
  }

  .bottom-xs\:25vw {
    bottom: 25vw !important;
  }

  .left-xs\:25vw {
    left: 25vw !important;
  }

  .right-xs\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:25vw {
    top: 25vw !important;
  }

  .bottom-sm-down\:25vw {
    bottom: 25vw !important;
  }

  .left-sm-down\:25vw {
    left: 25vw !important;
  }

  .right-sm-down\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:25vw {
    top: 25vw !important;
  }

  .bottom-sm\:25vw {
    bottom: 25vw !important;
  }

  .left-sm\:25vw {
    left: 25vw !important;
  }

  .right-sm\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:25vw {
    top: 25vw !important;
  }

  .bottom-sm-up\:25vw {
    bottom: 25vw !important;
  }

  .left-sm-up\:25vw {
    left: 25vw !important;
  }

  .right-sm-up\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:25vw {
    top: 25vw !important;
  }

  .bottom-md-down\:25vw {
    bottom: 25vw !important;
  }

  .left-md-down\:25vw {
    left: 25vw !important;
  }

  .right-md-down\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:25vw {
    top: 25vw !important;
  }

  .bottom-md\:25vw {
    bottom: 25vw !important;
  }

  .left-md\:25vw {
    left: 25vw !important;
  }

  .right-md\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:25vw {
    top: 25vw !important;
  }

  .bottom-md-up\:25vw {
    bottom: 25vw !important;
  }

  .left-md-up\:25vw {
    left: 25vw !important;
  }

  .right-md-up\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:25vw {
    top: 25vw !important;
  }

  .bottom-lg-down\:25vw {
    bottom: 25vw !important;
  }

  .left-lg-down\:25vw {
    left: 25vw !important;
  }

  .right-lg-down\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:25vw {
    top: 25vw !important;
  }

  .bottom-lg\:25vw {
    bottom: 25vw !important;
  }

  .left-lg\:25vw {
    left: 25vw !important;
  }

  .right-lg\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:25vw {
    top: 25vw !important;
  }

  .bottom-lg-up\:25vw {
    bottom: 25vw !important;
  }

  .left-lg-up\:25vw {
    left: 25vw !important;
  }

  .right-lg-up\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:25vw {
    top: 25vw !important;
  }

  .bottom-xl-down\:25vw {
    bottom: 25vw !important;
  }

  .left-xl-down\:25vw {
    left: 25vw !important;
  }

  .right-xl-down\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:25vw {
    top: 25vw !important;
  }

  .bottom-xl\:25vw {
    bottom: 25vw !important;
  }

  .left-xl\:25vw {
    left: 25vw !important;
  }

  .right-xl\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:25vw {
    top: 25vw !important;
  }

  .bottom-xl-up\:25vw {
    bottom: 25vw !important;
  }

  .left-xl-up\:25vw {
    left: 25vw !important;
  }

  .right-xl-up\:25vw {
    right: 25vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:25vw {
    top: 25vw !important;
  }

  .bottom-xxl\:25vw {
    bottom: 25vw !important;
  }

  .left-xxl\:25vw {
    left: 25vw !important;
  }

  .right-xxl\:25vw {
    right: 25vw !important;
  }
}
.top\:50vw {
  top: 50vw !important;
}

.bottom\:50vw {
  bottom: 50vw !important;
}

.left\:50vw {
  left: 50vw !important;
}

.right\:50vw {
  right: 50vw !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:50vw {
    top: 50vw !important;
  }

  .bottom-xs\:50vw {
    bottom: 50vw !important;
  }

  .left-xs\:50vw {
    left: 50vw !important;
  }

  .right-xs\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:50vw {
    top: 50vw !important;
  }

  .bottom-sm-down\:50vw {
    bottom: 50vw !important;
  }

  .left-sm-down\:50vw {
    left: 50vw !important;
  }

  .right-sm-down\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:50vw {
    top: 50vw !important;
  }

  .bottom-sm\:50vw {
    bottom: 50vw !important;
  }

  .left-sm\:50vw {
    left: 50vw !important;
  }

  .right-sm\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:50vw {
    top: 50vw !important;
  }

  .bottom-sm-up\:50vw {
    bottom: 50vw !important;
  }

  .left-sm-up\:50vw {
    left: 50vw !important;
  }

  .right-sm-up\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:50vw {
    top: 50vw !important;
  }

  .bottom-md-down\:50vw {
    bottom: 50vw !important;
  }

  .left-md-down\:50vw {
    left: 50vw !important;
  }

  .right-md-down\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:50vw {
    top: 50vw !important;
  }

  .bottom-md\:50vw {
    bottom: 50vw !important;
  }

  .left-md\:50vw {
    left: 50vw !important;
  }

  .right-md\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:50vw {
    top: 50vw !important;
  }

  .bottom-md-up\:50vw {
    bottom: 50vw !important;
  }

  .left-md-up\:50vw {
    left: 50vw !important;
  }

  .right-md-up\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:50vw {
    top: 50vw !important;
  }

  .bottom-lg-down\:50vw {
    bottom: 50vw !important;
  }

  .left-lg-down\:50vw {
    left: 50vw !important;
  }

  .right-lg-down\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:50vw {
    top: 50vw !important;
  }

  .bottom-lg\:50vw {
    bottom: 50vw !important;
  }

  .left-lg\:50vw {
    left: 50vw !important;
  }

  .right-lg\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:50vw {
    top: 50vw !important;
  }

  .bottom-lg-up\:50vw {
    bottom: 50vw !important;
  }

  .left-lg-up\:50vw {
    left: 50vw !important;
  }

  .right-lg-up\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:50vw {
    top: 50vw !important;
  }

  .bottom-xl-down\:50vw {
    bottom: 50vw !important;
  }

  .left-xl-down\:50vw {
    left: 50vw !important;
  }

  .right-xl-down\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:50vw {
    top: 50vw !important;
  }

  .bottom-xl\:50vw {
    bottom: 50vw !important;
  }

  .left-xl\:50vw {
    left: 50vw !important;
  }

  .right-xl\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:50vw {
    top: 50vw !important;
  }

  .bottom-xl-up\:50vw {
    bottom: 50vw !important;
  }

  .left-xl-up\:50vw {
    left: 50vw !important;
  }

  .right-xl-up\:50vw {
    right: 50vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:50vw {
    top: 50vw !important;
  }

  .bottom-xxl\:50vw {
    bottom: 50vw !important;
  }

  .left-xxl\:50vw {
    left: 50vw !important;
  }

  .right-xxl\:50vw {
    right: 50vw !important;
  }
}
.top\:75vw {
  top: 75vw !important;
}

.bottom\:75vw {
  bottom: 75vw !important;
}

.left\:75vw {
  left: 75vw !important;
}

.right\:75vw {
  right: 75vw !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:75vw {
    top: 75vw !important;
  }

  .bottom-xs\:75vw {
    bottom: 75vw !important;
  }

  .left-xs\:75vw {
    left: 75vw !important;
  }

  .right-xs\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:75vw {
    top: 75vw !important;
  }

  .bottom-sm-down\:75vw {
    bottom: 75vw !important;
  }

  .left-sm-down\:75vw {
    left: 75vw !important;
  }

  .right-sm-down\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:75vw {
    top: 75vw !important;
  }

  .bottom-sm\:75vw {
    bottom: 75vw !important;
  }

  .left-sm\:75vw {
    left: 75vw !important;
  }

  .right-sm\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:75vw {
    top: 75vw !important;
  }

  .bottom-sm-up\:75vw {
    bottom: 75vw !important;
  }

  .left-sm-up\:75vw {
    left: 75vw !important;
  }

  .right-sm-up\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:75vw {
    top: 75vw !important;
  }

  .bottom-md-down\:75vw {
    bottom: 75vw !important;
  }

  .left-md-down\:75vw {
    left: 75vw !important;
  }

  .right-md-down\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:75vw {
    top: 75vw !important;
  }

  .bottom-md\:75vw {
    bottom: 75vw !important;
  }

  .left-md\:75vw {
    left: 75vw !important;
  }

  .right-md\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:75vw {
    top: 75vw !important;
  }

  .bottom-md-up\:75vw {
    bottom: 75vw !important;
  }

  .left-md-up\:75vw {
    left: 75vw !important;
  }

  .right-md-up\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:75vw {
    top: 75vw !important;
  }

  .bottom-lg-down\:75vw {
    bottom: 75vw !important;
  }

  .left-lg-down\:75vw {
    left: 75vw !important;
  }

  .right-lg-down\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:75vw {
    top: 75vw !important;
  }

  .bottom-lg\:75vw {
    bottom: 75vw !important;
  }

  .left-lg\:75vw {
    left: 75vw !important;
  }

  .right-lg\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:75vw {
    top: 75vw !important;
  }

  .bottom-lg-up\:75vw {
    bottom: 75vw !important;
  }

  .left-lg-up\:75vw {
    left: 75vw !important;
  }

  .right-lg-up\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:75vw {
    top: 75vw !important;
  }

  .bottom-xl-down\:75vw {
    bottom: 75vw !important;
  }

  .left-xl-down\:75vw {
    left: 75vw !important;
  }

  .right-xl-down\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:75vw {
    top: 75vw !important;
  }

  .bottom-xl\:75vw {
    bottom: 75vw !important;
  }

  .left-xl\:75vw {
    left: 75vw !important;
  }

  .right-xl\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:75vw {
    top: 75vw !important;
  }

  .bottom-xl-up\:75vw {
    bottom: 75vw !important;
  }

  .left-xl-up\:75vw {
    left: 75vw !important;
  }

  .right-xl-up\:75vw {
    right: 75vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:75vw {
    top: 75vw !important;
  }

  .bottom-xxl\:75vw {
    bottom: 75vw !important;
  }

  .left-xxl\:75vw {
    left: 75vw !important;
  }

  .right-xxl\:75vw {
    right: 75vw !important;
  }
}
.top\:100vw {
  top: 100vw !important;
}

.bottom\:100vw {
  bottom: 100vw !important;
}

.left\:100vw {
  left: 100vw !important;
}

.right\:100vw {
  right: 100vw !important;
}

@media only screen and (max-width: 576px) {
  .top-xs\:100vw {
    top: 100vw !important;
  }

  .bottom-xs\:100vw {
    bottom: 100vw !important;
  }

  .left-xs\:100vw {
    left: 100vw !important;
  }

  .right-xs\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-sm-down\:100vw {
    top: 100vw !important;
  }

  .bottom-sm-down\:100vw {
    bottom: 100vw !important;
  }

  .left-sm-down\:100vw {
    left: 100vw !important;
  }

  .right-sm-down\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .top-sm\:100vw {
    top: 100vw !important;
  }

  .bottom-sm\:100vw {
    bottom: 100vw !important;
  }

  .left-sm\:100vw {
    left: 100vw !important;
  }

  .right-sm\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .top-sm-up\:100vw {
    top: 100vw !important;
  }

  .bottom-sm-up\:100vw {
    bottom: 100vw !important;
  }

  .left-sm-up\:100vw {
    left: 100vw !important;
  }

  .right-sm-up\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .top-md-down\:100vw {
    top: 100vw !important;
  }

  .bottom-md-down\:100vw {
    bottom: 100vw !important;
  }

  .left-md-down\:100vw {
    left: 100vw !important;
  }

  .right-md-down\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .top-md\:100vw {
    top: 100vw !important;
  }

  .bottom-md\:100vw {
    bottom: 100vw !important;
  }

  .left-md\:100vw {
    left: 100vw !important;
  }

  .right-md\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .top-md-up\:100vw {
    top: 100vw !important;
  }

  .bottom-md-up\:100vw {
    bottom: 100vw !important;
  }

  .left-md-up\:100vw {
    left: 100vw !important;
  }

  .right-md-up\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .top-lg-down\:100vw {
    top: 100vw !important;
  }

  .bottom-lg-down\:100vw {
    bottom: 100vw !important;
  }

  .left-lg-down\:100vw {
    left: 100vw !important;
  }

  .right-lg-down\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .top-lg\:100vw {
    top: 100vw !important;
  }

  .bottom-lg\:100vw {
    bottom: 100vw !important;
  }

  .left-lg\:100vw {
    left: 100vw !important;
  }

  .right-lg\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .top-lg-up\:100vw {
    top: 100vw !important;
  }

  .bottom-lg-up\:100vw {
    bottom: 100vw !important;
  }

  .left-lg-up\:100vw {
    left: 100vw !important;
  }

  .right-lg-up\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .top-xl-down\:100vw {
    top: 100vw !important;
  }

  .bottom-xl-down\:100vw {
    bottom: 100vw !important;
  }

  .left-xl-down\:100vw {
    left: 100vw !important;
  }

  .right-xl-down\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .top-xl\:100vw {
    top: 100vw !important;
  }

  .bottom-xl\:100vw {
    bottom: 100vw !important;
  }

  .left-xl\:100vw {
    left: 100vw !important;
  }

  .right-xl\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .top-xl-up\:100vw {
    top: 100vw !important;
  }

  .bottom-xl-up\:100vw {
    bottom: 100vw !important;
  }

  .left-xl-up\:100vw {
    left: 100vw !important;
  }

  .right-xl-up\:100vw {
    right: 100vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .top-xxl\:100vw {
    top: 100vw !important;
  }

  .bottom-xxl\:100vw {
    bottom: 100vw !important;
  }

  .left-xxl\:100vw {
    left: 100vw !important;
  }

  .right-xxl\:100vw {
    right: 100vw !important;
  }
}
.transition\:c-btn {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.animation\:slide-up {
  animation: slideUp 0.3s;
}

.animation\:slide-down {
  animation: slideDown 0.3s;
}

.animation\:page-in {
  animation: pageIn 0.3s;
}

.animation\:slide-in-right {
  animation: slideInRight 0.3s;
}

@keyframes slideUp {
  0% {
    transform: translateY(50%);
    opacity: 0.1;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-50%);
    opacity: 0.1;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slideInRight {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes pageIn {
  0% {
    top: 10px;
    opacity: 0;
  }
  50% {
    top: 5px;
    opacity: 0.5;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
.border\:none {
  border: none !important;
}

.border-radius\:none {
  border-radius: none !important;
}

.border-radius\:xs {
  border-radius: 2px;
}

.border-radius\:sm {
  border-radius: 4px;
}

.border-radius\:md {
  border-radius: 6px;
}

.border-radius\:lg {
  border-radius: 8px;
}

.border-radius\:xl {
  border-radius: 10px;
}

.border-radius\:xxl {
  border-radius: 20px;
}

.border-radius\:10 {
  border-radius: 10%;
}

.border-radius\:25 {
  border-radius: 25%;
}

.border-radius\:50 {
  border-radius: 50%;
}

.border-radius\:x {
  border-radius: 1000px;
}

.overflow\:auto {
  overflow: auto !important;
}

@media only screen and (max-width: 576px) {
  .overflow-xs\:auto {
    overflow: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .overflow-sm-down\:auto {
    overflow: auto !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .overflow-sm\:auto {
    overflow: auto !important;
  }
}
@media only screen and (min-width: 577px) {
  .overflow-sm-up\:auto {
    overflow: auto !important;
  }
}
@media only screen and (max-width: 992px) {
  .overflow-md-down\:auto {
    overflow: auto !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .overflow-md\:auto {
    overflow: auto !important;
  }
}
@media only screen and (min-width: 769px) {
  .overflow-md-up\:auto {
    overflow: auto !important;
  }
}
@media only screen and (max-width: 1200px) {
  .overflow-lg-down\:auto {
    overflow: auto !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .overflow-lg\:auto {
    overflow: auto !important;
  }
}
@media only screen and (min-width: 993px) {
  .overflow-lg-up\:auto {
    overflow: auto !important;
  }
}
@media only screen and (max-width: 1400px) {
  .overflow-xl-down\:auto {
    overflow: auto !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .overflow-xl\:auto {
    overflow: auto !important;
  }
}
@media only screen and (min-width: 1201px) {
  .overflow-xl-up\:auto {
    overflow: auto !important;
  }
}
@media only screen and (min-width: 1401px) {
  .overflow-xl\:auto {
    overflow: auto !important;
  }
}
.overflow\:hidden {
  overflow: hidden !important;
}

@media only screen and (max-width: 576px) {
  .overflow-xs\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (max-width: 768px) {
  .overflow-sm-down\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .overflow-sm\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 577px) {
  .overflow-sm-up\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (max-width: 992px) {
  .overflow-md-down\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .overflow-md\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 769px) {
  .overflow-md-up\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (max-width: 1200px) {
  .overflow-lg-down\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .overflow-lg\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 993px) {
  .overflow-lg-up\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (max-width: 1400px) {
  .overflow-xl-down\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .overflow-xl\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 1201px) {
  .overflow-xl-up\:hidden {
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 1401px) {
  .overflow-xl\:hidden {
    overflow: hidden !important;
  }
}
.overflow\:scroll {
  overflow: scroll !important;
}

@media only screen and (max-width: 576px) {
  .overflow-xs\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (max-width: 768px) {
  .overflow-sm-down\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .overflow-sm\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (min-width: 577px) {
  .overflow-sm-up\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (max-width: 992px) {
  .overflow-md-down\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .overflow-md\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (min-width: 769px) {
  .overflow-md-up\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (max-width: 1200px) {
  .overflow-lg-down\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .overflow-lg\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (min-width: 993px) {
  .overflow-lg-up\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (max-width: 1400px) {
  .overflow-xl-down\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .overflow-xl\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (min-width: 1201px) {
  .overflow-xl-up\:scroll {
    overflow: scroll !important;
  }
}
@media only screen and (min-width: 1401px) {
  .overflow-xl\:scroll {
    overflow: scroll !important;
  }
}
.overflow\:visible {
  overflow: visible !important;
}

@media only screen and (max-width: 576px) {
  .overflow-xs\:visible {
    overflow: visible !important;
  }
}
@media only screen and (max-width: 768px) {
  .overflow-sm-down\:visible {
    overflow: visible !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .overflow-sm\:visible {
    overflow: visible !important;
  }
}
@media only screen and (min-width: 577px) {
  .overflow-sm-up\:visible {
    overflow: visible !important;
  }
}
@media only screen and (max-width: 992px) {
  .overflow-md-down\:visible {
    overflow: visible !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .overflow-md\:visible {
    overflow: visible !important;
  }
}
@media only screen and (min-width: 769px) {
  .overflow-md-up\:visible {
    overflow: visible !important;
  }
}
@media only screen and (max-width: 1200px) {
  .overflow-lg-down\:visible {
    overflow: visible !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .overflow-lg\:visible {
    overflow: visible !important;
  }
}
@media only screen and (min-width: 993px) {
  .overflow-lg-up\:visible {
    overflow: visible !important;
  }
}
@media only screen and (max-width: 1400px) {
  .overflow-xl-down\:visible {
    overflow: visible !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .overflow-xl\:visible {
    overflow: visible !important;
  }
}
@media only screen and (min-width: 1201px) {
  .overflow-xl-up\:visible {
    overflow: visible !important;
  }
}
@media only screen and (min-width: 1401px) {
  .overflow-xl\:visible {
    overflow: visible !important;
  }
}
.cursor\:pointer {
  cursor: pointer !important;
}

.cursor\:auto {
  cursor: auto !important;
}

.cursor\:default {
  cursor: default !important;
}

.cursor\:crosshair {
  cursor: crosshair !important;
}

.cursor\:not-allowed {
  cursor: not-allowed !important;
}

.cursor\:all-scroll {
  cursor: all-scroll !important;
}

.cursor\:none {
  cursor: none !important;
}

.cursor\:wait {
  cursor: wait !important;
}

.cursor\:text {
  cursor: text !important;
}

.cursor\:grab {
  cursor: grab !important;
}

.cursor\:grabbing {
  cursor: grabbing !important;
}

.cursor\:move {
  cursor: move !important;
}

.cursor\:copy {
  cursor: copy !important;
}

.cursor\:progress {
  cursor: progress !important;
}

.cursor\:help {
  cursor: help !important;
}

.cursor\:zoom-in {
  cursor: zoom-in !important;
}

.cursor\:zoom-out {
  cursor: zoom-out !important;
}

.cursor\:alias {
  cursor: alias !important;
}

.cursor\:row-resize {
  cursor: row-resize !important;
}

.cursor\:col-resize {
  cursor: col-resize !important;
}

.cursor\:cell {
  cursor: cell !important;
}

.cursor\:e-resize {
  cursor: e-resize !important;
}

.cursor\:ew-resize {
  cursor: ew-resize !important;
}

.cursor\:context-menu {
  cursor: context-menu !important;
}

.h\:-1 {
  height: -10px !important;
}

.w\:-1 {
  width: -10px !important;
}

.max-h\:-1 {
  max-height: -10px !important;
}

.max-w\:-1 {
  max-width: -10px !important;
}

.min-h\:-1 {
  min-height: -10px !important;
}

.min-w\:-1 {
  min-width: -10px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-1 {
    height: -10px !important;
  }

  .w-xs\:-1 {
    width: -10px !important;
  }

  .max-h-xs\:-1 {
    max-height: -10px !important;
  }

  .max-w-xs\:-1 {
    max-width: -10px !important;
  }

  .min-h-xs\:-1 {
    min-height: -10px !important;
  }

  .min-w-xs\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-1 {
    height: -10px !important;
  }

  .w-sm\:-1 {
    width: -10px !important;
  }

  .max-h-sm\:-1 {
    max-height: -10px !important;
  }

  .max-w-sm\:-1 {
    max-width: -10px !important;
  }

  .min-h-sm\:-1 {
    min-height: -10px !important;
  }

  .min-w-sm\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-1 {
    height: -10px !important;
  }

  .w-sm-up\:-1 {
    width: -10px !important;
  }

  .max-h-sm-up\:-1 {
    max-height: -10px !important;
  }

  .max-w-sm-up\:-1 {
    max-width: -10px !important;
  }

  .min-h-sm-up\:-1 {
    min-height: -10px !important;
  }

  .min-w-sm-up\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-1 {
    height: -10px !important;
  }

  .w-sm-down\:-1 {
    width: -10px !important;
  }

  .max-h-sm-down\:-1 {
    max-height: -10px !important;
  }

  .max-w-sm-down\:-1 {
    max-width: -10px !important;
  }

  .min-h-sm-down\:-1 {
    min-height: -10px !important;
  }

  .min-w-sm-down\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-1 {
    height: -10px !important;
  }

  .w-md\:-1 {
    width: -10px !important;
  }

  .max-h-md\:-1 {
    max-height: -10px !important;
  }

  .max-w-md\:-1 {
    max-width: -10px !important;
  }

  .min-h-md\:-1 {
    min-height: -10px !important;
  }

  .min-w-md\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-1 {
    height: -10px !important;
  }

  .w-md-up\:-1 {
    width: -10px !important;
  }

  .max-h-md-up\:-1 {
    max-height: -10px !important;
  }

  .max-w-md-up\:-1 {
    max-width: -10px !important;
  }

  .min-h-md-up\:-1 {
    min-height: -10px !important;
  }

  .min-w-md-up\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-1 {
    height: -10px !important;
  }

  .w-md-down\:-1 {
    width: -10px !important;
  }

  .max-h-md-down\:-1 {
    max-height: -10px !important;
  }

  .max-w-md-down\:-1 {
    max-width: -10px !important;
  }

  .min-h-md-down\:-1 {
    min-height: -10px !important;
  }

  .min-w-md-down\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-1 {
    height: -10px !important;
  }

  .w-lg\:-1 {
    width: -10px !important;
  }

  .max-h-lg\:-1 {
    max-height: -10px !important;
  }

  .max-w-lg\:-1 {
    max-width: -10px !important;
  }

  .min-h-lg\:-1 {
    min-height: -10px !important;
  }

  .min-w-lg\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-1 {
    height: -10px !important;
  }

  .w-lg-up\:-1 {
    width: -10px !important;
  }

  .max-h-lg-up\:-1 {
    max-height: -10px !important;
  }

  .max-w-lg-up\:-1 {
    max-width: -10px !important;
  }

  .min-h-lg-up\:-1 {
    min-height: -10px !important;
  }

  .min-w-lg-up\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-1 {
    height: -10px !important;
  }

  .w-lg-down\:-1 {
    width: -10px !important;
  }

  .max-h-lg-down\:-1 {
    max-height: -10px !important;
  }

  .max-w-lg-down\:-1 {
    max-width: -10px !important;
  }

  .min-h-lg-down\:-1 {
    min-height: -10px !important;
  }

  .min-w-lg-down\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-1 {
    height: -10px !important;
  }

  .w-xl\:-1 {
    width: -10px !important;
  }

  .max-h-xl\:-1 {
    max-height: -10px !important;
  }

  .max-w-xl\:-1 {
    max-width: -10px !important;
  }

  .min-h-xl\:-1 {
    min-height: -10px !important;
  }

  .min-w-xl\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-1 {
    height: -10px !important;
  }

  .w-xl-up\:-1 {
    width: -10px !important;
  }

  .max-h-xl-up\:-1 {
    max-height: -10px !important;
  }

  .max-w-xl-up\:-1 {
    max-width: -10px !important;
  }

  .min-h-xl-up\:-1 {
    min-height: -10px !important;
  }

  .min-w-xl-up\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-1 {
    height: -10px !important;
  }

  .w-xl-down\:-1 {
    width: -10px !important;
  }

  .max-h-xl-down\:-1 {
    max-height: -10px !important;
  }

  .max-w-xl-down\:-1 {
    max-width: -10px !important;
  }

  .min-h-xl-down\:-1 {
    min-height: -10px !important;
  }

  .min-w-xl-down\:-1 {
    min-width: -10px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-1 {
    height: -10px !important;
  }

  .w-xxl\:-1 {
    width: -10px !important;
  }

  .max-h-xxl\:-1 {
    max-height: -10px !important;
  }

  .max-w-xxl\:-1 {
    max-width: -10px !important;
  }

  .min-h-xxl\:-1 {
    min-height: -10px !important;
  }

  .min-w-xxl\:-1 {
    min-width: -10px !important;
  }
}
.h\:-2 {
  height: -20px !important;
}

.w\:-2 {
  width: -20px !important;
}

.max-h\:-2 {
  max-height: -20px !important;
}

.max-w\:-2 {
  max-width: -20px !important;
}

.min-h\:-2 {
  min-height: -20px !important;
}

.min-w\:-2 {
  min-width: -20px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-2 {
    height: -20px !important;
  }

  .w-xs\:-2 {
    width: -20px !important;
  }

  .max-h-xs\:-2 {
    max-height: -20px !important;
  }

  .max-w-xs\:-2 {
    max-width: -20px !important;
  }

  .min-h-xs\:-2 {
    min-height: -20px !important;
  }

  .min-w-xs\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-2 {
    height: -20px !important;
  }

  .w-sm\:-2 {
    width: -20px !important;
  }

  .max-h-sm\:-2 {
    max-height: -20px !important;
  }

  .max-w-sm\:-2 {
    max-width: -20px !important;
  }

  .min-h-sm\:-2 {
    min-height: -20px !important;
  }

  .min-w-sm\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-2 {
    height: -20px !important;
  }

  .w-sm-up\:-2 {
    width: -20px !important;
  }

  .max-h-sm-up\:-2 {
    max-height: -20px !important;
  }

  .max-w-sm-up\:-2 {
    max-width: -20px !important;
  }

  .min-h-sm-up\:-2 {
    min-height: -20px !important;
  }

  .min-w-sm-up\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-2 {
    height: -20px !important;
  }

  .w-sm-down\:-2 {
    width: -20px !important;
  }

  .max-h-sm-down\:-2 {
    max-height: -20px !important;
  }

  .max-w-sm-down\:-2 {
    max-width: -20px !important;
  }

  .min-h-sm-down\:-2 {
    min-height: -20px !important;
  }

  .min-w-sm-down\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-2 {
    height: -20px !important;
  }

  .w-md\:-2 {
    width: -20px !important;
  }

  .max-h-md\:-2 {
    max-height: -20px !important;
  }

  .max-w-md\:-2 {
    max-width: -20px !important;
  }

  .min-h-md\:-2 {
    min-height: -20px !important;
  }

  .min-w-md\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-2 {
    height: -20px !important;
  }

  .w-md-up\:-2 {
    width: -20px !important;
  }

  .max-h-md-up\:-2 {
    max-height: -20px !important;
  }

  .max-w-md-up\:-2 {
    max-width: -20px !important;
  }

  .min-h-md-up\:-2 {
    min-height: -20px !important;
  }

  .min-w-md-up\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-2 {
    height: -20px !important;
  }

  .w-md-down\:-2 {
    width: -20px !important;
  }

  .max-h-md-down\:-2 {
    max-height: -20px !important;
  }

  .max-w-md-down\:-2 {
    max-width: -20px !important;
  }

  .min-h-md-down\:-2 {
    min-height: -20px !important;
  }

  .min-w-md-down\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-2 {
    height: -20px !important;
  }

  .w-lg\:-2 {
    width: -20px !important;
  }

  .max-h-lg\:-2 {
    max-height: -20px !important;
  }

  .max-w-lg\:-2 {
    max-width: -20px !important;
  }

  .min-h-lg\:-2 {
    min-height: -20px !important;
  }

  .min-w-lg\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-2 {
    height: -20px !important;
  }

  .w-lg-up\:-2 {
    width: -20px !important;
  }

  .max-h-lg-up\:-2 {
    max-height: -20px !important;
  }

  .max-w-lg-up\:-2 {
    max-width: -20px !important;
  }

  .min-h-lg-up\:-2 {
    min-height: -20px !important;
  }

  .min-w-lg-up\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-2 {
    height: -20px !important;
  }

  .w-lg-down\:-2 {
    width: -20px !important;
  }

  .max-h-lg-down\:-2 {
    max-height: -20px !important;
  }

  .max-w-lg-down\:-2 {
    max-width: -20px !important;
  }

  .min-h-lg-down\:-2 {
    min-height: -20px !important;
  }

  .min-w-lg-down\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-2 {
    height: -20px !important;
  }

  .w-xl\:-2 {
    width: -20px !important;
  }

  .max-h-xl\:-2 {
    max-height: -20px !important;
  }

  .max-w-xl\:-2 {
    max-width: -20px !important;
  }

  .min-h-xl\:-2 {
    min-height: -20px !important;
  }

  .min-w-xl\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-2 {
    height: -20px !important;
  }

  .w-xl-up\:-2 {
    width: -20px !important;
  }

  .max-h-xl-up\:-2 {
    max-height: -20px !important;
  }

  .max-w-xl-up\:-2 {
    max-width: -20px !important;
  }

  .min-h-xl-up\:-2 {
    min-height: -20px !important;
  }

  .min-w-xl-up\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-2 {
    height: -20px !important;
  }

  .w-xl-down\:-2 {
    width: -20px !important;
  }

  .max-h-xl-down\:-2 {
    max-height: -20px !important;
  }

  .max-w-xl-down\:-2 {
    max-width: -20px !important;
  }

  .min-h-xl-down\:-2 {
    min-height: -20px !important;
  }

  .min-w-xl-down\:-2 {
    min-width: -20px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-2 {
    height: -20px !important;
  }

  .w-xxl\:-2 {
    width: -20px !important;
  }

  .max-h-xxl\:-2 {
    max-height: -20px !important;
  }

  .max-w-xxl\:-2 {
    max-width: -20px !important;
  }

  .min-h-xxl\:-2 {
    min-height: -20px !important;
  }

  .min-w-xxl\:-2 {
    min-width: -20px !important;
  }
}
.h\:-3 {
  height: -30px !important;
}

.w\:-3 {
  width: -30px !important;
}

.max-h\:-3 {
  max-height: -30px !important;
}

.max-w\:-3 {
  max-width: -30px !important;
}

.min-h\:-3 {
  min-height: -30px !important;
}

.min-w\:-3 {
  min-width: -30px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-3 {
    height: -30px !important;
  }

  .w-xs\:-3 {
    width: -30px !important;
  }

  .max-h-xs\:-3 {
    max-height: -30px !important;
  }

  .max-w-xs\:-3 {
    max-width: -30px !important;
  }

  .min-h-xs\:-3 {
    min-height: -30px !important;
  }

  .min-w-xs\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-3 {
    height: -30px !important;
  }

  .w-sm\:-3 {
    width: -30px !important;
  }

  .max-h-sm\:-3 {
    max-height: -30px !important;
  }

  .max-w-sm\:-3 {
    max-width: -30px !important;
  }

  .min-h-sm\:-3 {
    min-height: -30px !important;
  }

  .min-w-sm\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-3 {
    height: -30px !important;
  }

  .w-sm-up\:-3 {
    width: -30px !important;
  }

  .max-h-sm-up\:-3 {
    max-height: -30px !important;
  }

  .max-w-sm-up\:-3 {
    max-width: -30px !important;
  }

  .min-h-sm-up\:-3 {
    min-height: -30px !important;
  }

  .min-w-sm-up\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-3 {
    height: -30px !important;
  }

  .w-sm-down\:-3 {
    width: -30px !important;
  }

  .max-h-sm-down\:-3 {
    max-height: -30px !important;
  }

  .max-w-sm-down\:-3 {
    max-width: -30px !important;
  }

  .min-h-sm-down\:-3 {
    min-height: -30px !important;
  }

  .min-w-sm-down\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-3 {
    height: -30px !important;
  }

  .w-md\:-3 {
    width: -30px !important;
  }

  .max-h-md\:-3 {
    max-height: -30px !important;
  }

  .max-w-md\:-3 {
    max-width: -30px !important;
  }

  .min-h-md\:-3 {
    min-height: -30px !important;
  }

  .min-w-md\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-3 {
    height: -30px !important;
  }

  .w-md-up\:-3 {
    width: -30px !important;
  }

  .max-h-md-up\:-3 {
    max-height: -30px !important;
  }

  .max-w-md-up\:-3 {
    max-width: -30px !important;
  }

  .min-h-md-up\:-3 {
    min-height: -30px !important;
  }

  .min-w-md-up\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-3 {
    height: -30px !important;
  }

  .w-md-down\:-3 {
    width: -30px !important;
  }

  .max-h-md-down\:-3 {
    max-height: -30px !important;
  }

  .max-w-md-down\:-3 {
    max-width: -30px !important;
  }

  .min-h-md-down\:-3 {
    min-height: -30px !important;
  }

  .min-w-md-down\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-3 {
    height: -30px !important;
  }

  .w-lg\:-3 {
    width: -30px !important;
  }

  .max-h-lg\:-3 {
    max-height: -30px !important;
  }

  .max-w-lg\:-3 {
    max-width: -30px !important;
  }

  .min-h-lg\:-3 {
    min-height: -30px !important;
  }

  .min-w-lg\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-3 {
    height: -30px !important;
  }

  .w-lg-up\:-3 {
    width: -30px !important;
  }

  .max-h-lg-up\:-3 {
    max-height: -30px !important;
  }

  .max-w-lg-up\:-3 {
    max-width: -30px !important;
  }

  .min-h-lg-up\:-3 {
    min-height: -30px !important;
  }

  .min-w-lg-up\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-3 {
    height: -30px !important;
  }

  .w-lg-down\:-3 {
    width: -30px !important;
  }

  .max-h-lg-down\:-3 {
    max-height: -30px !important;
  }

  .max-w-lg-down\:-3 {
    max-width: -30px !important;
  }

  .min-h-lg-down\:-3 {
    min-height: -30px !important;
  }

  .min-w-lg-down\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-3 {
    height: -30px !important;
  }

  .w-xl\:-3 {
    width: -30px !important;
  }

  .max-h-xl\:-3 {
    max-height: -30px !important;
  }

  .max-w-xl\:-3 {
    max-width: -30px !important;
  }

  .min-h-xl\:-3 {
    min-height: -30px !important;
  }

  .min-w-xl\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-3 {
    height: -30px !important;
  }

  .w-xl-up\:-3 {
    width: -30px !important;
  }

  .max-h-xl-up\:-3 {
    max-height: -30px !important;
  }

  .max-w-xl-up\:-3 {
    max-width: -30px !important;
  }

  .min-h-xl-up\:-3 {
    min-height: -30px !important;
  }

  .min-w-xl-up\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-3 {
    height: -30px !important;
  }

  .w-xl-down\:-3 {
    width: -30px !important;
  }

  .max-h-xl-down\:-3 {
    max-height: -30px !important;
  }

  .max-w-xl-down\:-3 {
    max-width: -30px !important;
  }

  .min-h-xl-down\:-3 {
    min-height: -30px !important;
  }

  .min-w-xl-down\:-3 {
    min-width: -30px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-3 {
    height: -30px !important;
  }

  .w-xxl\:-3 {
    width: -30px !important;
  }

  .max-h-xxl\:-3 {
    max-height: -30px !important;
  }

  .max-w-xxl\:-3 {
    max-width: -30px !important;
  }

  .min-h-xxl\:-3 {
    min-height: -30px !important;
  }

  .min-w-xxl\:-3 {
    min-width: -30px !important;
  }
}
.h\:-4 {
  height: -40px !important;
}

.w\:-4 {
  width: -40px !important;
}

.max-h\:-4 {
  max-height: -40px !important;
}

.max-w\:-4 {
  max-width: -40px !important;
}

.min-h\:-4 {
  min-height: -40px !important;
}

.min-w\:-4 {
  min-width: -40px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-4 {
    height: -40px !important;
  }

  .w-xs\:-4 {
    width: -40px !important;
  }

  .max-h-xs\:-4 {
    max-height: -40px !important;
  }

  .max-w-xs\:-4 {
    max-width: -40px !important;
  }

  .min-h-xs\:-4 {
    min-height: -40px !important;
  }

  .min-w-xs\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-4 {
    height: -40px !important;
  }

  .w-sm\:-4 {
    width: -40px !important;
  }

  .max-h-sm\:-4 {
    max-height: -40px !important;
  }

  .max-w-sm\:-4 {
    max-width: -40px !important;
  }

  .min-h-sm\:-4 {
    min-height: -40px !important;
  }

  .min-w-sm\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-4 {
    height: -40px !important;
  }

  .w-sm-up\:-4 {
    width: -40px !important;
  }

  .max-h-sm-up\:-4 {
    max-height: -40px !important;
  }

  .max-w-sm-up\:-4 {
    max-width: -40px !important;
  }

  .min-h-sm-up\:-4 {
    min-height: -40px !important;
  }

  .min-w-sm-up\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-4 {
    height: -40px !important;
  }

  .w-sm-down\:-4 {
    width: -40px !important;
  }

  .max-h-sm-down\:-4 {
    max-height: -40px !important;
  }

  .max-w-sm-down\:-4 {
    max-width: -40px !important;
  }

  .min-h-sm-down\:-4 {
    min-height: -40px !important;
  }

  .min-w-sm-down\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-4 {
    height: -40px !important;
  }

  .w-md\:-4 {
    width: -40px !important;
  }

  .max-h-md\:-4 {
    max-height: -40px !important;
  }

  .max-w-md\:-4 {
    max-width: -40px !important;
  }

  .min-h-md\:-4 {
    min-height: -40px !important;
  }

  .min-w-md\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-4 {
    height: -40px !important;
  }

  .w-md-up\:-4 {
    width: -40px !important;
  }

  .max-h-md-up\:-4 {
    max-height: -40px !important;
  }

  .max-w-md-up\:-4 {
    max-width: -40px !important;
  }

  .min-h-md-up\:-4 {
    min-height: -40px !important;
  }

  .min-w-md-up\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-4 {
    height: -40px !important;
  }

  .w-md-down\:-4 {
    width: -40px !important;
  }

  .max-h-md-down\:-4 {
    max-height: -40px !important;
  }

  .max-w-md-down\:-4 {
    max-width: -40px !important;
  }

  .min-h-md-down\:-4 {
    min-height: -40px !important;
  }

  .min-w-md-down\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-4 {
    height: -40px !important;
  }

  .w-lg\:-4 {
    width: -40px !important;
  }

  .max-h-lg\:-4 {
    max-height: -40px !important;
  }

  .max-w-lg\:-4 {
    max-width: -40px !important;
  }

  .min-h-lg\:-4 {
    min-height: -40px !important;
  }

  .min-w-lg\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-4 {
    height: -40px !important;
  }

  .w-lg-up\:-4 {
    width: -40px !important;
  }

  .max-h-lg-up\:-4 {
    max-height: -40px !important;
  }

  .max-w-lg-up\:-4 {
    max-width: -40px !important;
  }

  .min-h-lg-up\:-4 {
    min-height: -40px !important;
  }

  .min-w-lg-up\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-4 {
    height: -40px !important;
  }

  .w-lg-down\:-4 {
    width: -40px !important;
  }

  .max-h-lg-down\:-4 {
    max-height: -40px !important;
  }

  .max-w-lg-down\:-4 {
    max-width: -40px !important;
  }

  .min-h-lg-down\:-4 {
    min-height: -40px !important;
  }

  .min-w-lg-down\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-4 {
    height: -40px !important;
  }

  .w-xl\:-4 {
    width: -40px !important;
  }

  .max-h-xl\:-4 {
    max-height: -40px !important;
  }

  .max-w-xl\:-4 {
    max-width: -40px !important;
  }

  .min-h-xl\:-4 {
    min-height: -40px !important;
  }

  .min-w-xl\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-4 {
    height: -40px !important;
  }

  .w-xl-up\:-4 {
    width: -40px !important;
  }

  .max-h-xl-up\:-4 {
    max-height: -40px !important;
  }

  .max-w-xl-up\:-4 {
    max-width: -40px !important;
  }

  .min-h-xl-up\:-4 {
    min-height: -40px !important;
  }

  .min-w-xl-up\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-4 {
    height: -40px !important;
  }

  .w-xl-down\:-4 {
    width: -40px !important;
  }

  .max-h-xl-down\:-4 {
    max-height: -40px !important;
  }

  .max-w-xl-down\:-4 {
    max-width: -40px !important;
  }

  .min-h-xl-down\:-4 {
    min-height: -40px !important;
  }

  .min-w-xl-down\:-4 {
    min-width: -40px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-4 {
    height: -40px !important;
  }

  .w-xxl\:-4 {
    width: -40px !important;
  }

  .max-h-xxl\:-4 {
    max-height: -40px !important;
  }

  .max-w-xxl\:-4 {
    max-width: -40px !important;
  }

  .min-h-xxl\:-4 {
    min-height: -40px !important;
  }

  .min-w-xxl\:-4 {
    min-width: -40px !important;
  }
}
.h\:-5 {
  height: -50px !important;
}

.w\:-5 {
  width: -50px !important;
}

.max-h\:-5 {
  max-height: -50px !important;
}

.max-w\:-5 {
  max-width: -50px !important;
}

.min-h\:-5 {
  min-height: -50px !important;
}

.min-w\:-5 {
  min-width: -50px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-5 {
    height: -50px !important;
  }

  .w-xs\:-5 {
    width: -50px !important;
  }

  .max-h-xs\:-5 {
    max-height: -50px !important;
  }

  .max-w-xs\:-5 {
    max-width: -50px !important;
  }

  .min-h-xs\:-5 {
    min-height: -50px !important;
  }

  .min-w-xs\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-5 {
    height: -50px !important;
  }

  .w-sm\:-5 {
    width: -50px !important;
  }

  .max-h-sm\:-5 {
    max-height: -50px !important;
  }

  .max-w-sm\:-5 {
    max-width: -50px !important;
  }

  .min-h-sm\:-5 {
    min-height: -50px !important;
  }

  .min-w-sm\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-5 {
    height: -50px !important;
  }

  .w-sm-up\:-5 {
    width: -50px !important;
  }

  .max-h-sm-up\:-5 {
    max-height: -50px !important;
  }

  .max-w-sm-up\:-5 {
    max-width: -50px !important;
  }

  .min-h-sm-up\:-5 {
    min-height: -50px !important;
  }

  .min-w-sm-up\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-5 {
    height: -50px !important;
  }

  .w-sm-down\:-5 {
    width: -50px !important;
  }

  .max-h-sm-down\:-5 {
    max-height: -50px !important;
  }

  .max-w-sm-down\:-5 {
    max-width: -50px !important;
  }

  .min-h-sm-down\:-5 {
    min-height: -50px !important;
  }

  .min-w-sm-down\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-5 {
    height: -50px !important;
  }

  .w-md\:-5 {
    width: -50px !important;
  }

  .max-h-md\:-5 {
    max-height: -50px !important;
  }

  .max-w-md\:-5 {
    max-width: -50px !important;
  }

  .min-h-md\:-5 {
    min-height: -50px !important;
  }

  .min-w-md\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-5 {
    height: -50px !important;
  }

  .w-md-up\:-5 {
    width: -50px !important;
  }

  .max-h-md-up\:-5 {
    max-height: -50px !important;
  }

  .max-w-md-up\:-5 {
    max-width: -50px !important;
  }

  .min-h-md-up\:-5 {
    min-height: -50px !important;
  }

  .min-w-md-up\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-5 {
    height: -50px !important;
  }

  .w-md-down\:-5 {
    width: -50px !important;
  }

  .max-h-md-down\:-5 {
    max-height: -50px !important;
  }

  .max-w-md-down\:-5 {
    max-width: -50px !important;
  }

  .min-h-md-down\:-5 {
    min-height: -50px !important;
  }

  .min-w-md-down\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-5 {
    height: -50px !important;
  }

  .w-lg\:-5 {
    width: -50px !important;
  }

  .max-h-lg\:-5 {
    max-height: -50px !important;
  }

  .max-w-lg\:-5 {
    max-width: -50px !important;
  }

  .min-h-lg\:-5 {
    min-height: -50px !important;
  }

  .min-w-lg\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-5 {
    height: -50px !important;
  }

  .w-lg-up\:-5 {
    width: -50px !important;
  }

  .max-h-lg-up\:-5 {
    max-height: -50px !important;
  }

  .max-w-lg-up\:-5 {
    max-width: -50px !important;
  }

  .min-h-lg-up\:-5 {
    min-height: -50px !important;
  }

  .min-w-lg-up\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-5 {
    height: -50px !important;
  }

  .w-lg-down\:-5 {
    width: -50px !important;
  }

  .max-h-lg-down\:-5 {
    max-height: -50px !important;
  }

  .max-w-lg-down\:-5 {
    max-width: -50px !important;
  }

  .min-h-lg-down\:-5 {
    min-height: -50px !important;
  }

  .min-w-lg-down\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-5 {
    height: -50px !important;
  }

  .w-xl\:-5 {
    width: -50px !important;
  }

  .max-h-xl\:-5 {
    max-height: -50px !important;
  }

  .max-w-xl\:-5 {
    max-width: -50px !important;
  }

  .min-h-xl\:-5 {
    min-height: -50px !important;
  }

  .min-w-xl\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-5 {
    height: -50px !important;
  }

  .w-xl-up\:-5 {
    width: -50px !important;
  }

  .max-h-xl-up\:-5 {
    max-height: -50px !important;
  }

  .max-w-xl-up\:-5 {
    max-width: -50px !important;
  }

  .min-h-xl-up\:-5 {
    min-height: -50px !important;
  }

  .min-w-xl-up\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-5 {
    height: -50px !important;
  }

  .w-xl-down\:-5 {
    width: -50px !important;
  }

  .max-h-xl-down\:-5 {
    max-height: -50px !important;
  }

  .max-w-xl-down\:-5 {
    max-width: -50px !important;
  }

  .min-h-xl-down\:-5 {
    min-height: -50px !important;
  }

  .min-w-xl-down\:-5 {
    min-width: -50px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-5 {
    height: -50px !important;
  }

  .w-xxl\:-5 {
    width: -50px !important;
  }

  .max-h-xxl\:-5 {
    max-height: -50px !important;
  }

  .max-w-xxl\:-5 {
    max-width: -50px !important;
  }

  .min-h-xxl\:-5 {
    min-height: -50px !important;
  }

  .min-w-xxl\:-5 {
    min-width: -50px !important;
  }
}
.h\:-6 {
  height: -60px !important;
}

.w\:-6 {
  width: -60px !important;
}

.max-h\:-6 {
  max-height: -60px !important;
}

.max-w\:-6 {
  max-width: -60px !important;
}

.min-h\:-6 {
  min-height: -60px !important;
}

.min-w\:-6 {
  min-width: -60px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-6 {
    height: -60px !important;
  }

  .w-xs\:-6 {
    width: -60px !important;
  }

  .max-h-xs\:-6 {
    max-height: -60px !important;
  }

  .max-w-xs\:-6 {
    max-width: -60px !important;
  }

  .min-h-xs\:-6 {
    min-height: -60px !important;
  }

  .min-w-xs\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-6 {
    height: -60px !important;
  }

  .w-sm\:-6 {
    width: -60px !important;
  }

  .max-h-sm\:-6 {
    max-height: -60px !important;
  }

  .max-w-sm\:-6 {
    max-width: -60px !important;
  }

  .min-h-sm\:-6 {
    min-height: -60px !important;
  }

  .min-w-sm\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-6 {
    height: -60px !important;
  }

  .w-sm-up\:-6 {
    width: -60px !important;
  }

  .max-h-sm-up\:-6 {
    max-height: -60px !important;
  }

  .max-w-sm-up\:-6 {
    max-width: -60px !important;
  }

  .min-h-sm-up\:-6 {
    min-height: -60px !important;
  }

  .min-w-sm-up\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-6 {
    height: -60px !important;
  }

  .w-sm-down\:-6 {
    width: -60px !important;
  }

  .max-h-sm-down\:-6 {
    max-height: -60px !important;
  }

  .max-w-sm-down\:-6 {
    max-width: -60px !important;
  }

  .min-h-sm-down\:-6 {
    min-height: -60px !important;
  }

  .min-w-sm-down\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-6 {
    height: -60px !important;
  }

  .w-md\:-6 {
    width: -60px !important;
  }

  .max-h-md\:-6 {
    max-height: -60px !important;
  }

  .max-w-md\:-6 {
    max-width: -60px !important;
  }

  .min-h-md\:-6 {
    min-height: -60px !important;
  }

  .min-w-md\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-6 {
    height: -60px !important;
  }

  .w-md-up\:-6 {
    width: -60px !important;
  }

  .max-h-md-up\:-6 {
    max-height: -60px !important;
  }

  .max-w-md-up\:-6 {
    max-width: -60px !important;
  }

  .min-h-md-up\:-6 {
    min-height: -60px !important;
  }

  .min-w-md-up\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-6 {
    height: -60px !important;
  }

  .w-md-down\:-6 {
    width: -60px !important;
  }

  .max-h-md-down\:-6 {
    max-height: -60px !important;
  }

  .max-w-md-down\:-6 {
    max-width: -60px !important;
  }

  .min-h-md-down\:-6 {
    min-height: -60px !important;
  }

  .min-w-md-down\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-6 {
    height: -60px !important;
  }

  .w-lg\:-6 {
    width: -60px !important;
  }

  .max-h-lg\:-6 {
    max-height: -60px !important;
  }

  .max-w-lg\:-6 {
    max-width: -60px !important;
  }

  .min-h-lg\:-6 {
    min-height: -60px !important;
  }

  .min-w-lg\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-6 {
    height: -60px !important;
  }

  .w-lg-up\:-6 {
    width: -60px !important;
  }

  .max-h-lg-up\:-6 {
    max-height: -60px !important;
  }

  .max-w-lg-up\:-6 {
    max-width: -60px !important;
  }

  .min-h-lg-up\:-6 {
    min-height: -60px !important;
  }

  .min-w-lg-up\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-6 {
    height: -60px !important;
  }

  .w-lg-down\:-6 {
    width: -60px !important;
  }

  .max-h-lg-down\:-6 {
    max-height: -60px !important;
  }

  .max-w-lg-down\:-6 {
    max-width: -60px !important;
  }

  .min-h-lg-down\:-6 {
    min-height: -60px !important;
  }

  .min-w-lg-down\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-6 {
    height: -60px !important;
  }

  .w-xl\:-6 {
    width: -60px !important;
  }

  .max-h-xl\:-6 {
    max-height: -60px !important;
  }

  .max-w-xl\:-6 {
    max-width: -60px !important;
  }

  .min-h-xl\:-6 {
    min-height: -60px !important;
  }

  .min-w-xl\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-6 {
    height: -60px !important;
  }

  .w-xl-up\:-6 {
    width: -60px !important;
  }

  .max-h-xl-up\:-6 {
    max-height: -60px !important;
  }

  .max-w-xl-up\:-6 {
    max-width: -60px !important;
  }

  .min-h-xl-up\:-6 {
    min-height: -60px !important;
  }

  .min-w-xl-up\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-6 {
    height: -60px !important;
  }

  .w-xl-down\:-6 {
    width: -60px !important;
  }

  .max-h-xl-down\:-6 {
    max-height: -60px !important;
  }

  .max-w-xl-down\:-6 {
    max-width: -60px !important;
  }

  .min-h-xl-down\:-6 {
    min-height: -60px !important;
  }

  .min-w-xl-down\:-6 {
    min-width: -60px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-6 {
    height: -60px !important;
  }

  .w-xxl\:-6 {
    width: -60px !important;
  }

  .max-h-xxl\:-6 {
    max-height: -60px !important;
  }

  .max-w-xxl\:-6 {
    max-width: -60px !important;
  }

  .min-h-xxl\:-6 {
    min-height: -60px !important;
  }

  .min-w-xxl\:-6 {
    min-width: -60px !important;
  }
}
.h\:-7 {
  height: -70px !important;
}

.w\:-7 {
  width: -70px !important;
}

.max-h\:-7 {
  max-height: -70px !important;
}

.max-w\:-7 {
  max-width: -70px !important;
}

.min-h\:-7 {
  min-height: -70px !important;
}

.min-w\:-7 {
  min-width: -70px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-7 {
    height: -70px !important;
  }

  .w-xs\:-7 {
    width: -70px !important;
  }

  .max-h-xs\:-7 {
    max-height: -70px !important;
  }

  .max-w-xs\:-7 {
    max-width: -70px !important;
  }

  .min-h-xs\:-7 {
    min-height: -70px !important;
  }

  .min-w-xs\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-7 {
    height: -70px !important;
  }

  .w-sm\:-7 {
    width: -70px !important;
  }

  .max-h-sm\:-7 {
    max-height: -70px !important;
  }

  .max-w-sm\:-7 {
    max-width: -70px !important;
  }

  .min-h-sm\:-7 {
    min-height: -70px !important;
  }

  .min-w-sm\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-7 {
    height: -70px !important;
  }

  .w-sm-up\:-7 {
    width: -70px !important;
  }

  .max-h-sm-up\:-7 {
    max-height: -70px !important;
  }

  .max-w-sm-up\:-7 {
    max-width: -70px !important;
  }

  .min-h-sm-up\:-7 {
    min-height: -70px !important;
  }

  .min-w-sm-up\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-7 {
    height: -70px !important;
  }

  .w-sm-down\:-7 {
    width: -70px !important;
  }

  .max-h-sm-down\:-7 {
    max-height: -70px !important;
  }

  .max-w-sm-down\:-7 {
    max-width: -70px !important;
  }

  .min-h-sm-down\:-7 {
    min-height: -70px !important;
  }

  .min-w-sm-down\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-7 {
    height: -70px !important;
  }

  .w-md\:-7 {
    width: -70px !important;
  }

  .max-h-md\:-7 {
    max-height: -70px !important;
  }

  .max-w-md\:-7 {
    max-width: -70px !important;
  }

  .min-h-md\:-7 {
    min-height: -70px !important;
  }

  .min-w-md\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-7 {
    height: -70px !important;
  }

  .w-md-up\:-7 {
    width: -70px !important;
  }

  .max-h-md-up\:-7 {
    max-height: -70px !important;
  }

  .max-w-md-up\:-7 {
    max-width: -70px !important;
  }

  .min-h-md-up\:-7 {
    min-height: -70px !important;
  }

  .min-w-md-up\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-7 {
    height: -70px !important;
  }

  .w-md-down\:-7 {
    width: -70px !important;
  }

  .max-h-md-down\:-7 {
    max-height: -70px !important;
  }

  .max-w-md-down\:-7 {
    max-width: -70px !important;
  }

  .min-h-md-down\:-7 {
    min-height: -70px !important;
  }

  .min-w-md-down\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-7 {
    height: -70px !important;
  }

  .w-lg\:-7 {
    width: -70px !important;
  }

  .max-h-lg\:-7 {
    max-height: -70px !important;
  }

  .max-w-lg\:-7 {
    max-width: -70px !important;
  }

  .min-h-lg\:-7 {
    min-height: -70px !important;
  }

  .min-w-lg\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-7 {
    height: -70px !important;
  }

  .w-lg-up\:-7 {
    width: -70px !important;
  }

  .max-h-lg-up\:-7 {
    max-height: -70px !important;
  }

  .max-w-lg-up\:-7 {
    max-width: -70px !important;
  }

  .min-h-lg-up\:-7 {
    min-height: -70px !important;
  }

  .min-w-lg-up\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-7 {
    height: -70px !important;
  }

  .w-lg-down\:-7 {
    width: -70px !important;
  }

  .max-h-lg-down\:-7 {
    max-height: -70px !important;
  }

  .max-w-lg-down\:-7 {
    max-width: -70px !important;
  }

  .min-h-lg-down\:-7 {
    min-height: -70px !important;
  }

  .min-w-lg-down\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-7 {
    height: -70px !important;
  }

  .w-xl\:-7 {
    width: -70px !important;
  }

  .max-h-xl\:-7 {
    max-height: -70px !important;
  }

  .max-w-xl\:-7 {
    max-width: -70px !important;
  }

  .min-h-xl\:-7 {
    min-height: -70px !important;
  }

  .min-w-xl\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-7 {
    height: -70px !important;
  }

  .w-xl-up\:-7 {
    width: -70px !important;
  }

  .max-h-xl-up\:-7 {
    max-height: -70px !important;
  }

  .max-w-xl-up\:-7 {
    max-width: -70px !important;
  }

  .min-h-xl-up\:-7 {
    min-height: -70px !important;
  }

  .min-w-xl-up\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-7 {
    height: -70px !important;
  }

  .w-xl-down\:-7 {
    width: -70px !important;
  }

  .max-h-xl-down\:-7 {
    max-height: -70px !important;
  }

  .max-w-xl-down\:-7 {
    max-width: -70px !important;
  }

  .min-h-xl-down\:-7 {
    min-height: -70px !important;
  }

  .min-w-xl-down\:-7 {
    min-width: -70px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-7 {
    height: -70px !important;
  }

  .w-xxl\:-7 {
    width: -70px !important;
  }

  .max-h-xxl\:-7 {
    max-height: -70px !important;
  }

  .max-w-xxl\:-7 {
    max-width: -70px !important;
  }

  .min-h-xxl\:-7 {
    min-height: -70px !important;
  }

  .min-w-xxl\:-7 {
    min-width: -70px !important;
  }
}
.h\:-8 {
  height: -80px !important;
}

.w\:-8 {
  width: -80px !important;
}

.max-h\:-8 {
  max-height: -80px !important;
}

.max-w\:-8 {
  max-width: -80px !important;
}

.min-h\:-8 {
  min-height: -80px !important;
}

.min-w\:-8 {
  min-width: -80px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-8 {
    height: -80px !important;
  }

  .w-xs\:-8 {
    width: -80px !important;
  }

  .max-h-xs\:-8 {
    max-height: -80px !important;
  }

  .max-w-xs\:-8 {
    max-width: -80px !important;
  }

  .min-h-xs\:-8 {
    min-height: -80px !important;
  }

  .min-w-xs\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-8 {
    height: -80px !important;
  }

  .w-sm\:-8 {
    width: -80px !important;
  }

  .max-h-sm\:-8 {
    max-height: -80px !important;
  }

  .max-w-sm\:-8 {
    max-width: -80px !important;
  }

  .min-h-sm\:-8 {
    min-height: -80px !important;
  }

  .min-w-sm\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-8 {
    height: -80px !important;
  }

  .w-sm-up\:-8 {
    width: -80px !important;
  }

  .max-h-sm-up\:-8 {
    max-height: -80px !important;
  }

  .max-w-sm-up\:-8 {
    max-width: -80px !important;
  }

  .min-h-sm-up\:-8 {
    min-height: -80px !important;
  }

  .min-w-sm-up\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-8 {
    height: -80px !important;
  }

  .w-sm-down\:-8 {
    width: -80px !important;
  }

  .max-h-sm-down\:-8 {
    max-height: -80px !important;
  }

  .max-w-sm-down\:-8 {
    max-width: -80px !important;
  }

  .min-h-sm-down\:-8 {
    min-height: -80px !important;
  }

  .min-w-sm-down\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-8 {
    height: -80px !important;
  }

  .w-md\:-8 {
    width: -80px !important;
  }

  .max-h-md\:-8 {
    max-height: -80px !important;
  }

  .max-w-md\:-8 {
    max-width: -80px !important;
  }

  .min-h-md\:-8 {
    min-height: -80px !important;
  }

  .min-w-md\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-8 {
    height: -80px !important;
  }

  .w-md-up\:-8 {
    width: -80px !important;
  }

  .max-h-md-up\:-8 {
    max-height: -80px !important;
  }

  .max-w-md-up\:-8 {
    max-width: -80px !important;
  }

  .min-h-md-up\:-8 {
    min-height: -80px !important;
  }

  .min-w-md-up\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-8 {
    height: -80px !important;
  }

  .w-md-down\:-8 {
    width: -80px !important;
  }

  .max-h-md-down\:-8 {
    max-height: -80px !important;
  }

  .max-w-md-down\:-8 {
    max-width: -80px !important;
  }

  .min-h-md-down\:-8 {
    min-height: -80px !important;
  }

  .min-w-md-down\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-8 {
    height: -80px !important;
  }

  .w-lg\:-8 {
    width: -80px !important;
  }

  .max-h-lg\:-8 {
    max-height: -80px !important;
  }

  .max-w-lg\:-8 {
    max-width: -80px !important;
  }

  .min-h-lg\:-8 {
    min-height: -80px !important;
  }

  .min-w-lg\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-8 {
    height: -80px !important;
  }

  .w-lg-up\:-8 {
    width: -80px !important;
  }

  .max-h-lg-up\:-8 {
    max-height: -80px !important;
  }

  .max-w-lg-up\:-8 {
    max-width: -80px !important;
  }

  .min-h-lg-up\:-8 {
    min-height: -80px !important;
  }

  .min-w-lg-up\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-8 {
    height: -80px !important;
  }

  .w-lg-down\:-8 {
    width: -80px !important;
  }

  .max-h-lg-down\:-8 {
    max-height: -80px !important;
  }

  .max-w-lg-down\:-8 {
    max-width: -80px !important;
  }

  .min-h-lg-down\:-8 {
    min-height: -80px !important;
  }

  .min-w-lg-down\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-8 {
    height: -80px !important;
  }

  .w-xl\:-8 {
    width: -80px !important;
  }

  .max-h-xl\:-8 {
    max-height: -80px !important;
  }

  .max-w-xl\:-8 {
    max-width: -80px !important;
  }

  .min-h-xl\:-8 {
    min-height: -80px !important;
  }

  .min-w-xl\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-8 {
    height: -80px !important;
  }

  .w-xl-up\:-8 {
    width: -80px !important;
  }

  .max-h-xl-up\:-8 {
    max-height: -80px !important;
  }

  .max-w-xl-up\:-8 {
    max-width: -80px !important;
  }

  .min-h-xl-up\:-8 {
    min-height: -80px !important;
  }

  .min-w-xl-up\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-8 {
    height: -80px !important;
  }

  .w-xl-down\:-8 {
    width: -80px !important;
  }

  .max-h-xl-down\:-8 {
    max-height: -80px !important;
  }

  .max-w-xl-down\:-8 {
    max-width: -80px !important;
  }

  .min-h-xl-down\:-8 {
    min-height: -80px !important;
  }

  .min-w-xl-down\:-8 {
    min-width: -80px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-8 {
    height: -80px !important;
  }

  .w-xxl\:-8 {
    width: -80px !important;
  }

  .max-h-xxl\:-8 {
    max-height: -80px !important;
  }

  .max-w-xxl\:-8 {
    max-width: -80px !important;
  }

  .min-h-xxl\:-8 {
    min-height: -80px !important;
  }

  .min-w-xxl\:-8 {
    min-width: -80px !important;
  }
}
.h\:-9 {
  height: -90px !important;
}

.w\:-9 {
  width: -90px !important;
}

.max-h\:-9 {
  max-height: -90px !important;
}

.max-w\:-9 {
  max-width: -90px !important;
}

.min-h\:-9 {
  min-height: -90px !important;
}

.min-w\:-9 {
  min-width: -90px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-9 {
    height: -90px !important;
  }

  .w-xs\:-9 {
    width: -90px !important;
  }

  .max-h-xs\:-9 {
    max-height: -90px !important;
  }

  .max-w-xs\:-9 {
    max-width: -90px !important;
  }

  .min-h-xs\:-9 {
    min-height: -90px !important;
  }

  .min-w-xs\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-9 {
    height: -90px !important;
  }

  .w-sm\:-9 {
    width: -90px !important;
  }

  .max-h-sm\:-9 {
    max-height: -90px !important;
  }

  .max-w-sm\:-9 {
    max-width: -90px !important;
  }

  .min-h-sm\:-9 {
    min-height: -90px !important;
  }

  .min-w-sm\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-9 {
    height: -90px !important;
  }

  .w-sm-up\:-9 {
    width: -90px !important;
  }

  .max-h-sm-up\:-9 {
    max-height: -90px !important;
  }

  .max-w-sm-up\:-9 {
    max-width: -90px !important;
  }

  .min-h-sm-up\:-9 {
    min-height: -90px !important;
  }

  .min-w-sm-up\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-9 {
    height: -90px !important;
  }

  .w-sm-down\:-9 {
    width: -90px !important;
  }

  .max-h-sm-down\:-9 {
    max-height: -90px !important;
  }

  .max-w-sm-down\:-9 {
    max-width: -90px !important;
  }

  .min-h-sm-down\:-9 {
    min-height: -90px !important;
  }

  .min-w-sm-down\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-9 {
    height: -90px !important;
  }

  .w-md\:-9 {
    width: -90px !important;
  }

  .max-h-md\:-9 {
    max-height: -90px !important;
  }

  .max-w-md\:-9 {
    max-width: -90px !important;
  }

  .min-h-md\:-9 {
    min-height: -90px !important;
  }

  .min-w-md\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-9 {
    height: -90px !important;
  }

  .w-md-up\:-9 {
    width: -90px !important;
  }

  .max-h-md-up\:-9 {
    max-height: -90px !important;
  }

  .max-w-md-up\:-9 {
    max-width: -90px !important;
  }

  .min-h-md-up\:-9 {
    min-height: -90px !important;
  }

  .min-w-md-up\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-9 {
    height: -90px !important;
  }

  .w-md-down\:-9 {
    width: -90px !important;
  }

  .max-h-md-down\:-9 {
    max-height: -90px !important;
  }

  .max-w-md-down\:-9 {
    max-width: -90px !important;
  }

  .min-h-md-down\:-9 {
    min-height: -90px !important;
  }

  .min-w-md-down\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-9 {
    height: -90px !important;
  }

  .w-lg\:-9 {
    width: -90px !important;
  }

  .max-h-lg\:-9 {
    max-height: -90px !important;
  }

  .max-w-lg\:-9 {
    max-width: -90px !important;
  }

  .min-h-lg\:-9 {
    min-height: -90px !important;
  }

  .min-w-lg\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-9 {
    height: -90px !important;
  }

  .w-lg-up\:-9 {
    width: -90px !important;
  }

  .max-h-lg-up\:-9 {
    max-height: -90px !important;
  }

  .max-w-lg-up\:-9 {
    max-width: -90px !important;
  }

  .min-h-lg-up\:-9 {
    min-height: -90px !important;
  }

  .min-w-lg-up\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-9 {
    height: -90px !important;
  }

  .w-lg-down\:-9 {
    width: -90px !important;
  }

  .max-h-lg-down\:-9 {
    max-height: -90px !important;
  }

  .max-w-lg-down\:-9 {
    max-width: -90px !important;
  }

  .min-h-lg-down\:-9 {
    min-height: -90px !important;
  }

  .min-w-lg-down\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-9 {
    height: -90px !important;
  }

  .w-xl\:-9 {
    width: -90px !important;
  }

  .max-h-xl\:-9 {
    max-height: -90px !important;
  }

  .max-w-xl\:-9 {
    max-width: -90px !important;
  }

  .min-h-xl\:-9 {
    min-height: -90px !important;
  }

  .min-w-xl\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-9 {
    height: -90px !important;
  }

  .w-xl-up\:-9 {
    width: -90px !important;
  }

  .max-h-xl-up\:-9 {
    max-height: -90px !important;
  }

  .max-w-xl-up\:-9 {
    max-width: -90px !important;
  }

  .min-h-xl-up\:-9 {
    min-height: -90px !important;
  }

  .min-w-xl-up\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-9 {
    height: -90px !important;
  }

  .w-xl-down\:-9 {
    width: -90px !important;
  }

  .max-h-xl-down\:-9 {
    max-height: -90px !important;
  }

  .max-w-xl-down\:-9 {
    max-width: -90px !important;
  }

  .min-h-xl-down\:-9 {
    min-height: -90px !important;
  }

  .min-w-xl-down\:-9 {
    min-width: -90px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-9 {
    height: -90px !important;
  }

  .w-xxl\:-9 {
    width: -90px !important;
  }

  .max-h-xxl\:-9 {
    max-height: -90px !important;
  }

  .max-w-xxl\:-9 {
    max-width: -90px !important;
  }

  .min-h-xxl\:-9 {
    min-height: -90px !important;
  }

  .min-w-xxl\:-9 {
    min-width: -90px !important;
  }
}
.h\:-10 {
  height: -100px !important;
}

.w\:-10 {
  width: -100px !important;
}

.max-h\:-10 {
  max-height: -100px !important;
}

.max-w\:-10 {
  max-width: -100px !important;
}

.min-h\:-10 {
  min-height: -100px !important;
}

.min-w\:-10 {
  min-width: -100px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:-10 {
    height: -100px !important;
  }

  .w-xs\:-10 {
    width: -100px !important;
  }

  .max-h-xs\:-10 {
    max-height: -100px !important;
  }

  .max-w-xs\:-10 {
    max-width: -100px !important;
  }

  .min-h-xs\:-10 {
    min-height: -100px !important;
  }

  .min-w-xs\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:-10 {
    height: -100px !important;
  }

  .w-sm\:-10 {
    width: -100px !important;
  }

  .max-h-sm\:-10 {
    max-height: -100px !important;
  }

  .max-w-sm\:-10 {
    max-width: -100px !important;
  }

  .min-h-sm\:-10 {
    min-height: -100px !important;
  }

  .min-w-sm\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:-10 {
    height: -100px !important;
  }

  .w-sm-up\:-10 {
    width: -100px !important;
  }

  .max-h-sm-up\:-10 {
    max-height: -100px !important;
  }

  .max-w-sm-up\:-10 {
    max-width: -100px !important;
  }

  .min-h-sm-up\:-10 {
    min-height: -100px !important;
  }

  .min-w-sm-up\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:-10 {
    height: -100px !important;
  }

  .w-sm-down\:-10 {
    width: -100px !important;
  }

  .max-h-sm-down\:-10 {
    max-height: -100px !important;
  }

  .max-w-sm-down\:-10 {
    max-width: -100px !important;
  }

  .min-h-sm-down\:-10 {
    min-height: -100px !important;
  }

  .min-w-sm-down\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:-10 {
    height: -100px !important;
  }

  .w-md\:-10 {
    width: -100px !important;
  }

  .max-h-md\:-10 {
    max-height: -100px !important;
  }

  .max-w-md\:-10 {
    max-width: -100px !important;
  }

  .min-h-md\:-10 {
    min-height: -100px !important;
  }

  .min-w-md\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:-10 {
    height: -100px !important;
  }

  .w-md-up\:-10 {
    width: -100px !important;
  }

  .max-h-md-up\:-10 {
    max-height: -100px !important;
  }

  .max-w-md-up\:-10 {
    max-width: -100px !important;
  }

  .min-h-md-up\:-10 {
    min-height: -100px !important;
  }

  .min-w-md-up\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:-10 {
    height: -100px !important;
  }

  .w-md-down\:-10 {
    width: -100px !important;
  }

  .max-h-md-down\:-10 {
    max-height: -100px !important;
  }

  .max-w-md-down\:-10 {
    max-width: -100px !important;
  }

  .min-h-md-down\:-10 {
    min-height: -100px !important;
  }

  .min-w-md-down\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:-10 {
    height: -100px !important;
  }

  .w-lg\:-10 {
    width: -100px !important;
  }

  .max-h-lg\:-10 {
    max-height: -100px !important;
  }

  .max-w-lg\:-10 {
    max-width: -100px !important;
  }

  .min-h-lg\:-10 {
    min-height: -100px !important;
  }

  .min-w-lg\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:-10 {
    height: -100px !important;
  }

  .w-lg-up\:-10 {
    width: -100px !important;
  }

  .max-h-lg-up\:-10 {
    max-height: -100px !important;
  }

  .max-w-lg-up\:-10 {
    max-width: -100px !important;
  }

  .min-h-lg-up\:-10 {
    min-height: -100px !important;
  }

  .min-w-lg-up\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:-10 {
    height: -100px !important;
  }

  .w-lg-down\:-10 {
    width: -100px !important;
  }

  .max-h-lg-down\:-10 {
    max-height: -100px !important;
  }

  .max-w-lg-down\:-10 {
    max-width: -100px !important;
  }

  .min-h-lg-down\:-10 {
    min-height: -100px !important;
  }

  .min-w-lg-down\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:-10 {
    height: -100px !important;
  }

  .w-xl\:-10 {
    width: -100px !important;
  }

  .max-h-xl\:-10 {
    max-height: -100px !important;
  }

  .max-w-xl\:-10 {
    max-width: -100px !important;
  }

  .min-h-xl\:-10 {
    min-height: -100px !important;
  }

  .min-w-xl\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:-10 {
    height: -100px !important;
  }

  .w-xl-up\:-10 {
    width: -100px !important;
  }

  .max-h-xl-up\:-10 {
    max-height: -100px !important;
  }

  .max-w-xl-up\:-10 {
    max-width: -100px !important;
  }

  .min-h-xl-up\:-10 {
    min-height: -100px !important;
  }

  .min-w-xl-up\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:-10 {
    height: -100px !important;
  }

  .w-xl-down\:-10 {
    width: -100px !important;
  }

  .max-h-xl-down\:-10 {
    max-height: -100px !important;
  }

  .max-w-xl-down\:-10 {
    max-width: -100px !important;
  }

  .min-h-xl-down\:-10 {
    min-height: -100px !important;
  }

  .min-w-xl-down\:-10 {
    min-width: -100px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:-10 {
    height: -100px !important;
  }

  .w-xxl\:-10 {
    width: -100px !important;
  }

  .max-h-xxl\:-10 {
    max-height: -100px !important;
  }

  .max-w-xxl\:-10 {
    max-width: -100px !important;
  }

  .min-h-xxl\:-10 {
    min-height: -100px !important;
  }

  .min-w-xxl\:-10 {
    min-width: -100px !important;
  }
}
.h\:0 {
  height: 0 !important;
}

.w\:0 {
  width: 0 !important;
}

.max-h\:0 {
  max-height: 0 !important;
}

.max-w\:0 {
  max-width: 0 !important;
}

.min-h\:0 {
  min-height: 0 !important;
}

.min-w\:0 {
  min-width: 0 !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:0 {
    height: 0 !important;
  }

  .w-xs\:0 {
    width: 0 !important;
  }

  .max-h-xs\:0 {
    max-height: 0 !important;
  }

  .max-w-xs\:0 {
    max-width: 0 !important;
  }

  .min-h-xs\:0 {
    min-height: 0 !important;
  }

  .min-w-xs\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:0 {
    height: 0 !important;
  }

  .w-sm\:0 {
    width: 0 !important;
  }

  .max-h-sm\:0 {
    max-height: 0 !important;
  }

  .max-w-sm\:0 {
    max-width: 0 !important;
  }

  .min-h-sm\:0 {
    min-height: 0 !important;
  }

  .min-w-sm\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:0 {
    height: 0 !important;
  }

  .w-sm-up\:0 {
    width: 0 !important;
  }

  .max-h-sm-up\:0 {
    max-height: 0 !important;
  }

  .max-w-sm-up\:0 {
    max-width: 0 !important;
  }

  .min-h-sm-up\:0 {
    min-height: 0 !important;
  }

  .min-w-sm-up\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:0 {
    height: 0 !important;
  }

  .w-sm-down\:0 {
    width: 0 !important;
  }

  .max-h-sm-down\:0 {
    max-height: 0 !important;
  }

  .max-w-sm-down\:0 {
    max-width: 0 !important;
  }

  .min-h-sm-down\:0 {
    min-height: 0 !important;
  }

  .min-w-sm-down\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:0 {
    height: 0 !important;
  }

  .w-md\:0 {
    width: 0 !important;
  }

  .max-h-md\:0 {
    max-height: 0 !important;
  }

  .max-w-md\:0 {
    max-width: 0 !important;
  }

  .min-h-md\:0 {
    min-height: 0 !important;
  }

  .min-w-md\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:0 {
    height: 0 !important;
  }

  .w-md-up\:0 {
    width: 0 !important;
  }

  .max-h-md-up\:0 {
    max-height: 0 !important;
  }

  .max-w-md-up\:0 {
    max-width: 0 !important;
  }

  .min-h-md-up\:0 {
    min-height: 0 !important;
  }

  .min-w-md-up\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:0 {
    height: 0 !important;
  }

  .w-md-down\:0 {
    width: 0 !important;
  }

  .max-h-md-down\:0 {
    max-height: 0 !important;
  }

  .max-w-md-down\:0 {
    max-width: 0 !important;
  }

  .min-h-md-down\:0 {
    min-height: 0 !important;
  }

  .min-w-md-down\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:0 {
    height: 0 !important;
  }

  .w-lg\:0 {
    width: 0 !important;
  }

  .max-h-lg\:0 {
    max-height: 0 !important;
  }

  .max-w-lg\:0 {
    max-width: 0 !important;
  }

  .min-h-lg\:0 {
    min-height: 0 !important;
  }

  .min-w-lg\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:0 {
    height: 0 !important;
  }

  .w-lg-up\:0 {
    width: 0 !important;
  }

  .max-h-lg-up\:0 {
    max-height: 0 !important;
  }

  .max-w-lg-up\:0 {
    max-width: 0 !important;
  }

  .min-h-lg-up\:0 {
    min-height: 0 !important;
  }

  .min-w-lg-up\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:0 {
    height: 0 !important;
  }

  .w-lg-down\:0 {
    width: 0 !important;
  }

  .max-h-lg-down\:0 {
    max-height: 0 !important;
  }

  .max-w-lg-down\:0 {
    max-width: 0 !important;
  }

  .min-h-lg-down\:0 {
    min-height: 0 !important;
  }

  .min-w-lg-down\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:0 {
    height: 0 !important;
  }

  .w-xl\:0 {
    width: 0 !important;
  }

  .max-h-xl\:0 {
    max-height: 0 !important;
  }

  .max-w-xl\:0 {
    max-width: 0 !important;
  }

  .min-h-xl\:0 {
    min-height: 0 !important;
  }

  .min-w-xl\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:0 {
    height: 0 !important;
  }

  .w-xl-up\:0 {
    width: 0 !important;
  }

  .max-h-xl-up\:0 {
    max-height: 0 !important;
  }

  .max-w-xl-up\:0 {
    max-width: 0 !important;
  }

  .min-h-xl-up\:0 {
    min-height: 0 !important;
  }

  .min-w-xl-up\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:0 {
    height: 0 !important;
  }

  .w-xl-down\:0 {
    width: 0 !important;
  }

  .max-h-xl-down\:0 {
    max-height: 0 !important;
  }

  .max-w-xl-down\:0 {
    max-width: 0 !important;
  }

  .min-h-xl-down\:0 {
    min-height: 0 !important;
  }

  .min-w-xl-down\:0 {
    min-width: 0 !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:0 {
    height: 0 !important;
  }

  .w-xxl\:0 {
    width: 0 !important;
  }

  .max-h-xxl\:0 {
    max-height: 0 !important;
  }

  .max-w-xxl\:0 {
    max-width: 0 !important;
  }

  .min-h-xxl\:0 {
    min-height: 0 !important;
  }

  .min-w-xxl\:0 {
    min-width: 0 !important;
  }
}
.h\:_1 {
  height: 10px !important;
}

.w\:_1 {
  width: 10px !important;
}

.max-h\:_1 {
  max-height: 10px !important;
}

.max-w\:_1 {
  max-width: 10px !important;
}

.min-h\:_1 {
  min-height: 10px !important;
}

.min-w\:_1 {
  min-width: 10px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_1 {
    height: 10px !important;
  }

  .w-xs\:_1 {
    width: 10px !important;
  }

  .max-h-xs\:_1 {
    max-height: 10px !important;
  }

  .max-w-xs\:_1 {
    max-width: 10px !important;
  }

  .min-h-xs\:_1 {
    min-height: 10px !important;
  }

  .min-w-xs\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_1 {
    height: 10px !important;
  }

  .w-sm\:_1 {
    width: 10px !important;
  }

  .max-h-sm\:_1 {
    max-height: 10px !important;
  }

  .max-w-sm\:_1 {
    max-width: 10px !important;
  }

  .min-h-sm\:_1 {
    min-height: 10px !important;
  }

  .min-w-sm\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_1 {
    height: 10px !important;
  }

  .w-sm-up\:_1 {
    width: 10px !important;
  }

  .max-h-sm-up\:_1 {
    max-height: 10px !important;
  }

  .max-w-sm-up\:_1 {
    max-width: 10px !important;
  }

  .min-h-sm-up\:_1 {
    min-height: 10px !important;
  }

  .min-w-sm-up\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_1 {
    height: 10px !important;
  }

  .w-sm-down\:_1 {
    width: 10px !important;
  }

  .max-h-sm-down\:_1 {
    max-height: 10px !important;
  }

  .max-w-sm-down\:_1 {
    max-width: 10px !important;
  }

  .min-h-sm-down\:_1 {
    min-height: 10px !important;
  }

  .min-w-sm-down\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_1 {
    height: 10px !important;
  }

  .w-md\:_1 {
    width: 10px !important;
  }

  .max-h-md\:_1 {
    max-height: 10px !important;
  }

  .max-w-md\:_1 {
    max-width: 10px !important;
  }

  .min-h-md\:_1 {
    min-height: 10px !important;
  }

  .min-w-md\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_1 {
    height: 10px !important;
  }

  .w-md-up\:_1 {
    width: 10px !important;
  }

  .max-h-md-up\:_1 {
    max-height: 10px !important;
  }

  .max-w-md-up\:_1 {
    max-width: 10px !important;
  }

  .min-h-md-up\:_1 {
    min-height: 10px !important;
  }

  .min-w-md-up\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_1 {
    height: 10px !important;
  }

  .w-md-down\:_1 {
    width: 10px !important;
  }

  .max-h-md-down\:_1 {
    max-height: 10px !important;
  }

  .max-w-md-down\:_1 {
    max-width: 10px !important;
  }

  .min-h-md-down\:_1 {
    min-height: 10px !important;
  }

  .min-w-md-down\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_1 {
    height: 10px !important;
  }

  .w-lg\:_1 {
    width: 10px !important;
  }

  .max-h-lg\:_1 {
    max-height: 10px !important;
  }

  .max-w-lg\:_1 {
    max-width: 10px !important;
  }

  .min-h-lg\:_1 {
    min-height: 10px !important;
  }

  .min-w-lg\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_1 {
    height: 10px !important;
  }

  .w-lg-up\:_1 {
    width: 10px !important;
  }

  .max-h-lg-up\:_1 {
    max-height: 10px !important;
  }

  .max-w-lg-up\:_1 {
    max-width: 10px !important;
  }

  .min-h-lg-up\:_1 {
    min-height: 10px !important;
  }

  .min-w-lg-up\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_1 {
    height: 10px !important;
  }

  .w-lg-down\:_1 {
    width: 10px !important;
  }

  .max-h-lg-down\:_1 {
    max-height: 10px !important;
  }

  .max-w-lg-down\:_1 {
    max-width: 10px !important;
  }

  .min-h-lg-down\:_1 {
    min-height: 10px !important;
  }

  .min-w-lg-down\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_1 {
    height: 10px !important;
  }

  .w-xl\:_1 {
    width: 10px !important;
  }

  .max-h-xl\:_1 {
    max-height: 10px !important;
  }

  .max-w-xl\:_1 {
    max-width: 10px !important;
  }

  .min-h-xl\:_1 {
    min-height: 10px !important;
  }

  .min-w-xl\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_1 {
    height: 10px !important;
  }

  .w-xl-up\:_1 {
    width: 10px !important;
  }

  .max-h-xl-up\:_1 {
    max-height: 10px !important;
  }

  .max-w-xl-up\:_1 {
    max-width: 10px !important;
  }

  .min-h-xl-up\:_1 {
    min-height: 10px !important;
  }

  .min-w-xl-up\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_1 {
    height: 10px !important;
  }

  .w-xl-down\:_1 {
    width: 10px !important;
  }

  .max-h-xl-down\:_1 {
    max-height: 10px !important;
  }

  .max-w-xl-down\:_1 {
    max-width: 10px !important;
  }

  .min-h-xl-down\:_1 {
    min-height: 10px !important;
  }

  .min-w-xl-down\:_1 {
    min-width: 10px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_1 {
    height: 10px !important;
  }

  .w-xxl\:_1 {
    width: 10px !important;
  }

  .max-h-xxl\:_1 {
    max-height: 10px !important;
  }

  .max-w-xxl\:_1 {
    max-width: 10px !important;
  }

  .min-h-xxl\:_1 {
    min-height: 10px !important;
  }

  .min-w-xxl\:_1 {
    min-width: 10px !important;
  }
}
.h\:_2 {
  height: 20px !important;
}

.w\:_2 {
  width: 20px !important;
}

.max-h\:_2 {
  max-height: 20px !important;
}

.max-w\:_2 {
  max-width: 20px !important;
}

.min-h\:_2 {
  min-height: 20px !important;
}

.min-w\:_2 {
  min-width: 20px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_2 {
    height: 20px !important;
  }

  .w-xs\:_2 {
    width: 20px !important;
  }

  .max-h-xs\:_2 {
    max-height: 20px !important;
  }

  .max-w-xs\:_2 {
    max-width: 20px !important;
  }

  .min-h-xs\:_2 {
    min-height: 20px !important;
  }

  .min-w-xs\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_2 {
    height: 20px !important;
  }

  .w-sm\:_2 {
    width: 20px !important;
  }

  .max-h-sm\:_2 {
    max-height: 20px !important;
  }

  .max-w-sm\:_2 {
    max-width: 20px !important;
  }

  .min-h-sm\:_2 {
    min-height: 20px !important;
  }

  .min-w-sm\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_2 {
    height: 20px !important;
  }

  .w-sm-up\:_2 {
    width: 20px !important;
  }

  .max-h-sm-up\:_2 {
    max-height: 20px !important;
  }

  .max-w-sm-up\:_2 {
    max-width: 20px !important;
  }

  .min-h-sm-up\:_2 {
    min-height: 20px !important;
  }

  .min-w-sm-up\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_2 {
    height: 20px !important;
  }

  .w-sm-down\:_2 {
    width: 20px !important;
  }

  .max-h-sm-down\:_2 {
    max-height: 20px !important;
  }

  .max-w-sm-down\:_2 {
    max-width: 20px !important;
  }

  .min-h-sm-down\:_2 {
    min-height: 20px !important;
  }

  .min-w-sm-down\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_2 {
    height: 20px !important;
  }

  .w-md\:_2 {
    width: 20px !important;
  }

  .max-h-md\:_2 {
    max-height: 20px !important;
  }

  .max-w-md\:_2 {
    max-width: 20px !important;
  }

  .min-h-md\:_2 {
    min-height: 20px !important;
  }

  .min-w-md\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_2 {
    height: 20px !important;
  }

  .w-md-up\:_2 {
    width: 20px !important;
  }

  .max-h-md-up\:_2 {
    max-height: 20px !important;
  }

  .max-w-md-up\:_2 {
    max-width: 20px !important;
  }

  .min-h-md-up\:_2 {
    min-height: 20px !important;
  }

  .min-w-md-up\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_2 {
    height: 20px !important;
  }

  .w-md-down\:_2 {
    width: 20px !important;
  }

  .max-h-md-down\:_2 {
    max-height: 20px !important;
  }

  .max-w-md-down\:_2 {
    max-width: 20px !important;
  }

  .min-h-md-down\:_2 {
    min-height: 20px !important;
  }

  .min-w-md-down\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_2 {
    height: 20px !important;
  }

  .w-lg\:_2 {
    width: 20px !important;
  }

  .max-h-lg\:_2 {
    max-height: 20px !important;
  }

  .max-w-lg\:_2 {
    max-width: 20px !important;
  }

  .min-h-lg\:_2 {
    min-height: 20px !important;
  }

  .min-w-lg\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_2 {
    height: 20px !important;
  }

  .w-lg-up\:_2 {
    width: 20px !important;
  }

  .max-h-lg-up\:_2 {
    max-height: 20px !important;
  }

  .max-w-lg-up\:_2 {
    max-width: 20px !important;
  }

  .min-h-lg-up\:_2 {
    min-height: 20px !important;
  }

  .min-w-lg-up\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_2 {
    height: 20px !important;
  }

  .w-lg-down\:_2 {
    width: 20px !important;
  }

  .max-h-lg-down\:_2 {
    max-height: 20px !important;
  }

  .max-w-lg-down\:_2 {
    max-width: 20px !important;
  }

  .min-h-lg-down\:_2 {
    min-height: 20px !important;
  }

  .min-w-lg-down\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_2 {
    height: 20px !important;
  }

  .w-xl\:_2 {
    width: 20px !important;
  }

  .max-h-xl\:_2 {
    max-height: 20px !important;
  }

  .max-w-xl\:_2 {
    max-width: 20px !important;
  }

  .min-h-xl\:_2 {
    min-height: 20px !important;
  }

  .min-w-xl\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_2 {
    height: 20px !important;
  }

  .w-xl-up\:_2 {
    width: 20px !important;
  }

  .max-h-xl-up\:_2 {
    max-height: 20px !important;
  }

  .max-w-xl-up\:_2 {
    max-width: 20px !important;
  }

  .min-h-xl-up\:_2 {
    min-height: 20px !important;
  }

  .min-w-xl-up\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_2 {
    height: 20px !important;
  }

  .w-xl-down\:_2 {
    width: 20px !important;
  }

  .max-h-xl-down\:_2 {
    max-height: 20px !important;
  }

  .max-w-xl-down\:_2 {
    max-width: 20px !important;
  }

  .min-h-xl-down\:_2 {
    min-height: 20px !important;
  }

  .min-w-xl-down\:_2 {
    min-width: 20px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_2 {
    height: 20px !important;
  }

  .w-xxl\:_2 {
    width: 20px !important;
  }

  .max-h-xxl\:_2 {
    max-height: 20px !important;
  }

  .max-w-xxl\:_2 {
    max-width: 20px !important;
  }

  .min-h-xxl\:_2 {
    min-height: 20px !important;
  }

  .min-w-xxl\:_2 {
    min-width: 20px !important;
  }
}
.h\:_3 {
  height: 30px !important;
}

.w\:_3 {
  width: 30px !important;
}

.max-h\:_3 {
  max-height: 30px !important;
}

.max-w\:_3 {
  max-width: 30px !important;
}

.min-h\:_3 {
  min-height: 30px !important;
}

.min-w\:_3 {
  min-width: 30px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_3 {
    height: 30px !important;
  }

  .w-xs\:_3 {
    width: 30px !important;
  }

  .max-h-xs\:_3 {
    max-height: 30px !important;
  }

  .max-w-xs\:_3 {
    max-width: 30px !important;
  }

  .min-h-xs\:_3 {
    min-height: 30px !important;
  }

  .min-w-xs\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_3 {
    height: 30px !important;
  }

  .w-sm\:_3 {
    width: 30px !important;
  }

  .max-h-sm\:_3 {
    max-height: 30px !important;
  }

  .max-w-sm\:_3 {
    max-width: 30px !important;
  }

  .min-h-sm\:_3 {
    min-height: 30px !important;
  }

  .min-w-sm\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_3 {
    height: 30px !important;
  }

  .w-sm-up\:_3 {
    width: 30px !important;
  }

  .max-h-sm-up\:_3 {
    max-height: 30px !important;
  }

  .max-w-sm-up\:_3 {
    max-width: 30px !important;
  }

  .min-h-sm-up\:_3 {
    min-height: 30px !important;
  }

  .min-w-sm-up\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_3 {
    height: 30px !important;
  }

  .w-sm-down\:_3 {
    width: 30px !important;
  }

  .max-h-sm-down\:_3 {
    max-height: 30px !important;
  }

  .max-w-sm-down\:_3 {
    max-width: 30px !important;
  }

  .min-h-sm-down\:_3 {
    min-height: 30px !important;
  }

  .min-w-sm-down\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_3 {
    height: 30px !important;
  }

  .w-md\:_3 {
    width: 30px !important;
  }

  .max-h-md\:_3 {
    max-height: 30px !important;
  }

  .max-w-md\:_3 {
    max-width: 30px !important;
  }

  .min-h-md\:_3 {
    min-height: 30px !important;
  }

  .min-w-md\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_3 {
    height: 30px !important;
  }

  .w-md-up\:_3 {
    width: 30px !important;
  }

  .max-h-md-up\:_3 {
    max-height: 30px !important;
  }

  .max-w-md-up\:_3 {
    max-width: 30px !important;
  }

  .min-h-md-up\:_3 {
    min-height: 30px !important;
  }

  .min-w-md-up\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_3 {
    height: 30px !important;
  }

  .w-md-down\:_3 {
    width: 30px !important;
  }

  .max-h-md-down\:_3 {
    max-height: 30px !important;
  }

  .max-w-md-down\:_3 {
    max-width: 30px !important;
  }

  .min-h-md-down\:_3 {
    min-height: 30px !important;
  }

  .min-w-md-down\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_3 {
    height: 30px !important;
  }

  .w-lg\:_3 {
    width: 30px !important;
  }

  .max-h-lg\:_3 {
    max-height: 30px !important;
  }

  .max-w-lg\:_3 {
    max-width: 30px !important;
  }

  .min-h-lg\:_3 {
    min-height: 30px !important;
  }

  .min-w-lg\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_3 {
    height: 30px !important;
  }

  .w-lg-up\:_3 {
    width: 30px !important;
  }

  .max-h-lg-up\:_3 {
    max-height: 30px !important;
  }

  .max-w-lg-up\:_3 {
    max-width: 30px !important;
  }

  .min-h-lg-up\:_3 {
    min-height: 30px !important;
  }

  .min-w-lg-up\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_3 {
    height: 30px !important;
  }

  .w-lg-down\:_3 {
    width: 30px !important;
  }

  .max-h-lg-down\:_3 {
    max-height: 30px !important;
  }

  .max-w-lg-down\:_3 {
    max-width: 30px !important;
  }

  .min-h-lg-down\:_3 {
    min-height: 30px !important;
  }

  .min-w-lg-down\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_3 {
    height: 30px !important;
  }

  .w-xl\:_3 {
    width: 30px !important;
  }

  .max-h-xl\:_3 {
    max-height: 30px !important;
  }

  .max-w-xl\:_3 {
    max-width: 30px !important;
  }

  .min-h-xl\:_3 {
    min-height: 30px !important;
  }

  .min-w-xl\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_3 {
    height: 30px !important;
  }

  .w-xl-up\:_3 {
    width: 30px !important;
  }

  .max-h-xl-up\:_3 {
    max-height: 30px !important;
  }

  .max-w-xl-up\:_3 {
    max-width: 30px !important;
  }

  .min-h-xl-up\:_3 {
    min-height: 30px !important;
  }

  .min-w-xl-up\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_3 {
    height: 30px !important;
  }

  .w-xl-down\:_3 {
    width: 30px !important;
  }

  .max-h-xl-down\:_3 {
    max-height: 30px !important;
  }

  .max-w-xl-down\:_3 {
    max-width: 30px !important;
  }

  .min-h-xl-down\:_3 {
    min-height: 30px !important;
  }

  .min-w-xl-down\:_3 {
    min-width: 30px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_3 {
    height: 30px !important;
  }

  .w-xxl\:_3 {
    width: 30px !important;
  }

  .max-h-xxl\:_3 {
    max-height: 30px !important;
  }

  .max-w-xxl\:_3 {
    max-width: 30px !important;
  }

  .min-h-xxl\:_3 {
    min-height: 30px !important;
  }

  .min-w-xxl\:_3 {
    min-width: 30px !important;
  }
}
.h\:_4 {
  height: 40px !important;
}

.w\:_4 {
  width: 40px !important;
}

.max-h\:_4 {
  max-height: 40px !important;
}

.max-w\:_4 {
  max-width: 40px !important;
}

.min-h\:_4 {
  min-height: 40px !important;
}

.min-w\:_4 {
  min-width: 40px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_4 {
    height: 40px !important;
  }

  .w-xs\:_4 {
    width: 40px !important;
  }

  .max-h-xs\:_4 {
    max-height: 40px !important;
  }

  .max-w-xs\:_4 {
    max-width: 40px !important;
  }

  .min-h-xs\:_4 {
    min-height: 40px !important;
  }

  .min-w-xs\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_4 {
    height: 40px !important;
  }

  .w-sm\:_4 {
    width: 40px !important;
  }

  .max-h-sm\:_4 {
    max-height: 40px !important;
  }

  .max-w-sm\:_4 {
    max-width: 40px !important;
  }

  .min-h-sm\:_4 {
    min-height: 40px !important;
  }

  .min-w-sm\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_4 {
    height: 40px !important;
  }

  .w-sm-up\:_4 {
    width: 40px !important;
  }

  .max-h-sm-up\:_4 {
    max-height: 40px !important;
  }

  .max-w-sm-up\:_4 {
    max-width: 40px !important;
  }

  .min-h-sm-up\:_4 {
    min-height: 40px !important;
  }

  .min-w-sm-up\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_4 {
    height: 40px !important;
  }

  .w-sm-down\:_4 {
    width: 40px !important;
  }

  .max-h-sm-down\:_4 {
    max-height: 40px !important;
  }

  .max-w-sm-down\:_4 {
    max-width: 40px !important;
  }

  .min-h-sm-down\:_4 {
    min-height: 40px !important;
  }

  .min-w-sm-down\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_4 {
    height: 40px !important;
  }

  .w-md\:_4 {
    width: 40px !important;
  }

  .max-h-md\:_4 {
    max-height: 40px !important;
  }

  .max-w-md\:_4 {
    max-width: 40px !important;
  }

  .min-h-md\:_4 {
    min-height: 40px !important;
  }

  .min-w-md\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_4 {
    height: 40px !important;
  }

  .w-md-up\:_4 {
    width: 40px !important;
  }

  .max-h-md-up\:_4 {
    max-height: 40px !important;
  }

  .max-w-md-up\:_4 {
    max-width: 40px !important;
  }

  .min-h-md-up\:_4 {
    min-height: 40px !important;
  }

  .min-w-md-up\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_4 {
    height: 40px !important;
  }

  .w-md-down\:_4 {
    width: 40px !important;
  }

  .max-h-md-down\:_4 {
    max-height: 40px !important;
  }

  .max-w-md-down\:_4 {
    max-width: 40px !important;
  }

  .min-h-md-down\:_4 {
    min-height: 40px !important;
  }

  .min-w-md-down\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_4 {
    height: 40px !important;
  }

  .w-lg\:_4 {
    width: 40px !important;
  }

  .max-h-lg\:_4 {
    max-height: 40px !important;
  }

  .max-w-lg\:_4 {
    max-width: 40px !important;
  }

  .min-h-lg\:_4 {
    min-height: 40px !important;
  }

  .min-w-lg\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_4 {
    height: 40px !important;
  }

  .w-lg-up\:_4 {
    width: 40px !important;
  }

  .max-h-lg-up\:_4 {
    max-height: 40px !important;
  }

  .max-w-lg-up\:_4 {
    max-width: 40px !important;
  }

  .min-h-lg-up\:_4 {
    min-height: 40px !important;
  }

  .min-w-lg-up\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_4 {
    height: 40px !important;
  }

  .w-lg-down\:_4 {
    width: 40px !important;
  }

  .max-h-lg-down\:_4 {
    max-height: 40px !important;
  }

  .max-w-lg-down\:_4 {
    max-width: 40px !important;
  }

  .min-h-lg-down\:_4 {
    min-height: 40px !important;
  }

  .min-w-lg-down\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_4 {
    height: 40px !important;
  }

  .w-xl\:_4 {
    width: 40px !important;
  }

  .max-h-xl\:_4 {
    max-height: 40px !important;
  }

  .max-w-xl\:_4 {
    max-width: 40px !important;
  }

  .min-h-xl\:_4 {
    min-height: 40px !important;
  }

  .min-w-xl\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_4 {
    height: 40px !important;
  }

  .w-xl-up\:_4 {
    width: 40px !important;
  }

  .max-h-xl-up\:_4 {
    max-height: 40px !important;
  }

  .max-w-xl-up\:_4 {
    max-width: 40px !important;
  }

  .min-h-xl-up\:_4 {
    min-height: 40px !important;
  }

  .min-w-xl-up\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_4 {
    height: 40px !important;
  }

  .w-xl-down\:_4 {
    width: 40px !important;
  }

  .max-h-xl-down\:_4 {
    max-height: 40px !important;
  }

  .max-w-xl-down\:_4 {
    max-width: 40px !important;
  }

  .min-h-xl-down\:_4 {
    min-height: 40px !important;
  }

  .min-w-xl-down\:_4 {
    min-width: 40px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_4 {
    height: 40px !important;
  }

  .w-xxl\:_4 {
    width: 40px !important;
  }

  .max-h-xxl\:_4 {
    max-height: 40px !important;
  }

  .max-w-xxl\:_4 {
    max-width: 40px !important;
  }

  .min-h-xxl\:_4 {
    min-height: 40px !important;
  }

  .min-w-xxl\:_4 {
    min-width: 40px !important;
  }
}
.h\:_5 {
  height: 50px !important;
}

.w\:_5 {
  width: 50px !important;
}

.max-h\:_5 {
  max-height: 50px !important;
}

.max-w\:_5 {
  max-width: 50px !important;
}

.min-h\:_5 {
  min-height: 50px !important;
}

.min-w\:_5 {
  min-width: 50px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_5 {
    height: 50px !important;
  }

  .w-xs\:_5 {
    width: 50px !important;
  }

  .max-h-xs\:_5 {
    max-height: 50px !important;
  }

  .max-w-xs\:_5 {
    max-width: 50px !important;
  }

  .min-h-xs\:_5 {
    min-height: 50px !important;
  }

  .min-w-xs\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_5 {
    height: 50px !important;
  }

  .w-sm\:_5 {
    width: 50px !important;
  }

  .max-h-sm\:_5 {
    max-height: 50px !important;
  }

  .max-w-sm\:_5 {
    max-width: 50px !important;
  }

  .min-h-sm\:_5 {
    min-height: 50px !important;
  }

  .min-w-sm\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_5 {
    height: 50px !important;
  }

  .w-sm-up\:_5 {
    width: 50px !important;
  }

  .max-h-sm-up\:_5 {
    max-height: 50px !important;
  }

  .max-w-sm-up\:_5 {
    max-width: 50px !important;
  }

  .min-h-sm-up\:_5 {
    min-height: 50px !important;
  }

  .min-w-sm-up\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_5 {
    height: 50px !important;
  }

  .w-sm-down\:_5 {
    width: 50px !important;
  }

  .max-h-sm-down\:_5 {
    max-height: 50px !important;
  }

  .max-w-sm-down\:_5 {
    max-width: 50px !important;
  }

  .min-h-sm-down\:_5 {
    min-height: 50px !important;
  }

  .min-w-sm-down\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_5 {
    height: 50px !important;
  }

  .w-md\:_5 {
    width: 50px !important;
  }

  .max-h-md\:_5 {
    max-height: 50px !important;
  }

  .max-w-md\:_5 {
    max-width: 50px !important;
  }

  .min-h-md\:_5 {
    min-height: 50px !important;
  }

  .min-w-md\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_5 {
    height: 50px !important;
  }

  .w-md-up\:_5 {
    width: 50px !important;
  }

  .max-h-md-up\:_5 {
    max-height: 50px !important;
  }

  .max-w-md-up\:_5 {
    max-width: 50px !important;
  }

  .min-h-md-up\:_5 {
    min-height: 50px !important;
  }

  .min-w-md-up\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_5 {
    height: 50px !important;
  }

  .w-md-down\:_5 {
    width: 50px !important;
  }

  .max-h-md-down\:_5 {
    max-height: 50px !important;
  }

  .max-w-md-down\:_5 {
    max-width: 50px !important;
  }

  .min-h-md-down\:_5 {
    min-height: 50px !important;
  }

  .min-w-md-down\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_5 {
    height: 50px !important;
  }

  .w-lg\:_5 {
    width: 50px !important;
  }

  .max-h-lg\:_5 {
    max-height: 50px !important;
  }

  .max-w-lg\:_5 {
    max-width: 50px !important;
  }

  .min-h-lg\:_5 {
    min-height: 50px !important;
  }

  .min-w-lg\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_5 {
    height: 50px !important;
  }

  .w-lg-up\:_5 {
    width: 50px !important;
  }

  .max-h-lg-up\:_5 {
    max-height: 50px !important;
  }

  .max-w-lg-up\:_5 {
    max-width: 50px !important;
  }

  .min-h-lg-up\:_5 {
    min-height: 50px !important;
  }

  .min-w-lg-up\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_5 {
    height: 50px !important;
  }

  .w-lg-down\:_5 {
    width: 50px !important;
  }

  .max-h-lg-down\:_5 {
    max-height: 50px !important;
  }

  .max-w-lg-down\:_5 {
    max-width: 50px !important;
  }

  .min-h-lg-down\:_5 {
    min-height: 50px !important;
  }

  .min-w-lg-down\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_5 {
    height: 50px !important;
  }

  .w-xl\:_5 {
    width: 50px !important;
  }

  .max-h-xl\:_5 {
    max-height: 50px !important;
  }

  .max-w-xl\:_5 {
    max-width: 50px !important;
  }

  .min-h-xl\:_5 {
    min-height: 50px !important;
  }

  .min-w-xl\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_5 {
    height: 50px !important;
  }

  .w-xl-up\:_5 {
    width: 50px !important;
  }

  .max-h-xl-up\:_5 {
    max-height: 50px !important;
  }

  .max-w-xl-up\:_5 {
    max-width: 50px !important;
  }

  .min-h-xl-up\:_5 {
    min-height: 50px !important;
  }

  .min-w-xl-up\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_5 {
    height: 50px !important;
  }

  .w-xl-down\:_5 {
    width: 50px !important;
  }

  .max-h-xl-down\:_5 {
    max-height: 50px !important;
  }

  .max-w-xl-down\:_5 {
    max-width: 50px !important;
  }

  .min-h-xl-down\:_5 {
    min-height: 50px !important;
  }

  .min-w-xl-down\:_5 {
    min-width: 50px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_5 {
    height: 50px !important;
  }

  .w-xxl\:_5 {
    width: 50px !important;
  }

  .max-h-xxl\:_5 {
    max-height: 50px !important;
  }

  .max-w-xxl\:_5 {
    max-width: 50px !important;
  }

  .min-h-xxl\:_5 {
    min-height: 50px !important;
  }

  .min-w-xxl\:_5 {
    min-width: 50px !important;
  }
}
.h\:_6 {
  height: 60px !important;
}

.w\:_6 {
  width: 60px !important;
}

.max-h\:_6 {
  max-height: 60px !important;
}

.max-w\:_6 {
  max-width: 60px !important;
}

.min-h\:_6 {
  min-height: 60px !important;
}

.min-w\:_6 {
  min-width: 60px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_6 {
    height: 60px !important;
  }

  .w-xs\:_6 {
    width: 60px !important;
  }

  .max-h-xs\:_6 {
    max-height: 60px !important;
  }

  .max-w-xs\:_6 {
    max-width: 60px !important;
  }

  .min-h-xs\:_6 {
    min-height: 60px !important;
  }

  .min-w-xs\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_6 {
    height: 60px !important;
  }

  .w-sm\:_6 {
    width: 60px !important;
  }

  .max-h-sm\:_6 {
    max-height: 60px !important;
  }

  .max-w-sm\:_6 {
    max-width: 60px !important;
  }

  .min-h-sm\:_6 {
    min-height: 60px !important;
  }

  .min-w-sm\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_6 {
    height: 60px !important;
  }

  .w-sm-up\:_6 {
    width: 60px !important;
  }

  .max-h-sm-up\:_6 {
    max-height: 60px !important;
  }

  .max-w-sm-up\:_6 {
    max-width: 60px !important;
  }

  .min-h-sm-up\:_6 {
    min-height: 60px !important;
  }

  .min-w-sm-up\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_6 {
    height: 60px !important;
  }

  .w-sm-down\:_6 {
    width: 60px !important;
  }

  .max-h-sm-down\:_6 {
    max-height: 60px !important;
  }

  .max-w-sm-down\:_6 {
    max-width: 60px !important;
  }

  .min-h-sm-down\:_6 {
    min-height: 60px !important;
  }

  .min-w-sm-down\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_6 {
    height: 60px !important;
  }

  .w-md\:_6 {
    width: 60px !important;
  }

  .max-h-md\:_6 {
    max-height: 60px !important;
  }

  .max-w-md\:_6 {
    max-width: 60px !important;
  }

  .min-h-md\:_6 {
    min-height: 60px !important;
  }

  .min-w-md\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_6 {
    height: 60px !important;
  }

  .w-md-up\:_6 {
    width: 60px !important;
  }

  .max-h-md-up\:_6 {
    max-height: 60px !important;
  }

  .max-w-md-up\:_6 {
    max-width: 60px !important;
  }

  .min-h-md-up\:_6 {
    min-height: 60px !important;
  }

  .min-w-md-up\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_6 {
    height: 60px !important;
  }

  .w-md-down\:_6 {
    width: 60px !important;
  }

  .max-h-md-down\:_6 {
    max-height: 60px !important;
  }

  .max-w-md-down\:_6 {
    max-width: 60px !important;
  }

  .min-h-md-down\:_6 {
    min-height: 60px !important;
  }

  .min-w-md-down\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_6 {
    height: 60px !important;
  }

  .w-lg\:_6 {
    width: 60px !important;
  }

  .max-h-lg\:_6 {
    max-height: 60px !important;
  }

  .max-w-lg\:_6 {
    max-width: 60px !important;
  }

  .min-h-lg\:_6 {
    min-height: 60px !important;
  }

  .min-w-lg\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_6 {
    height: 60px !important;
  }

  .w-lg-up\:_6 {
    width: 60px !important;
  }

  .max-h-lg-up\:_6 {
    max-height: 60px !important;
  }

  .max-w-lg-up\:_6 {
    max-width: 60px !important;
  }

  .min-h-lg-up\:_6 {
    min-height: 60px !important;
  }

  .min-w-lg-up\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_6 {
    height: 60px !important;
  }

  .w-lg-down\:_6 {
    width: 60px !important;
  }

  .max-h-lg-down\:_6 {
    max-height: 60px !important;
  }

  .max-w-lg-down\:_6 {
    max-width: 60px !important;
  }

  .min-h-lg-down\:_6 {
    min-height: 60px !important;
  }

  .min-w-lg-down\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_6 {
    height: 60px !important;
  }

  .w-xl\:_6 {
    width: 60px !important;
  }

  .max-h-xl\:_6 {
    max-height: 60px !important;
  }

  .max-w-xl\:_6 {
    max-width: 60px !important;
  }

  .min-h-xl\:_6 {
    min-height: 60px !important;
  }

  .min-w-xl\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_6 {
    height: 60px !important;
  }

  .w-xl-up\:_6 {
    width: 60px !important;
  }

  .max-h-xl-up\:_6 {
    max-height: 60px !important;
  }

  .max-w-xl-up\:_6 {
    max-width: 60px !important;
  }

  .min-h-xl-up\:_6 {
    min-height: 60px !important;
  }

  .min-w-xl-up\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_6 {
    height: 60px !important;
  }

  .w-xl-down\:_6 {
    width: 60px !important;
  }

  .max-h-xl-down\:_6 {
    max-height: 60px !important;
  }

  .max-w-xl-down\:_6 {
    max-width: 60px !important;
  }

  .min-h-xl-down\:_6 {
    min-height: 60px !important;
  }

  .min-w-xl-down\:_6 {
    min-width: 60px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_6 {
    height: 60px !important;
  }

  .w-xxl\:_6 {
    width: 60px !important;
  }

  .max-h-xxl\:_6 {
    max-height: 60px !important;
  }

  .max-w-xxl\:_6 {
    max-width: 60px !important;
  }

  .min-h-xxl\:_6 {
    min-height: 60px !important;
  }

  .min-w-xxl\:_6 {
    min-width: 60px !important;
  }
}
.h\:_7 {
  height: 70px !important;
}

.w\:_7 {
  width: 70px !important;
}

.max-h\:_7 {
  max-height: 70px !important;
}

.max-w\:_7 {
  max-width: 70px !important;
}

.min-h\:_7 {
  min-height: 70px !important;
}

.min-w\:_7 {
  min-width: 70px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_7 {
    height: 70px !important;
  }

  .w-xs\:_7 {
    width: 70px !important;
  }

  .max-h-xs\:_7 {
    max-height: 70px !important;
  }

  .max-w-xs\:_7 {
    max-width: 70px !important;
  }

  .min-h-xs\:_7 {
    min-height: 70px !important;
  }

  .min-w-xs\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_7 {
    height: 70px !important;
  }

  .w-sm\:_7 {
    width: 70px !important;
  }

  .max-h-sm\:_7 {
    max-height: 70px !important;
  }

  .max-w-sm\:_7 {
    max-width: 70px !important;
  }

  .min-h-sm\:_7 {
    min-height: 70px !important;
  }

  .min-w-sm\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_7 {
    height: 70px !important;
  }

  .w-sm-up\:_7 {
    width: 70px !important;
  }

  .max-h-sm-up\:_7 {
    max-height: 70px !important;
  }

  .max-w-sm-up\:_7 {
    max-width: 70px !important;
  }

  .min-h-sm-up\:_7 {
    min-height: 70px !important;
  }

  .min-w-sm-up\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_7 {
    height: 70px !important;
  }

  .w-sm-down\:_7 {
    width: 70px !important;
  }

  .max-h-sm-down\:_7 {
    max-height: 70px !important;
  }

  .max-w-sm-down\:_7 {
    max-width: 70px !important;
  }

  .min-h-sm-down\:_7 {
    min-height: 70px !important;
  }

  .min-w-sm-down\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_7 {
    height: 70px !important;
  }

  .w-md\:_7 {
    width: 70px !important;
  }

  .max-h-md\:_7 {
    max-height: 70px !important;
  }

  .max-w-md\:_7 {
    max-width: 70px !important;
  }

  .min-h-md\:_7 {
    min-height: 70px !important;
  }

  .min-w-md\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_7 {
    height: 70px !important;
  }

  .w-md-up\:_7 {
    width: 70px !important;
  }

  .max-h-md-up\:_7 {
    max-height: 70px !important;
  }

  .max-w-md-up\:_7 {
    max-width: 70px !important;
  }

  .min-h-md-up\:_7 {
    min-height: 70px !important;
  }

  .min-w-md-up\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_7 {
    height: 70px !important;
  }

  .w-md-down\:_7 {
    width: 70px !important;
  }

  .max-h-md-down\:_7 {
    max-height: 70px !important;
  }

  .max-w-md-down\:_7 {
    max-width: 70px !important;
  }

  .min-h-md-down\:_7 {
    min-height: 70px !important;
  }

  .min-w-md-down\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_7 {
    height: 70px !important;
  }

  .w-lg\:_7 {
    width: 70px !important;
  }

  .max-h-lg\:_7 {
    max-height: 70px !important;
  }

  .max-w-lg\:_7 {
    max-width: 70px !important;
  }

  .min-h-lg\:_7 {
    min-height: 70px !important;
  }

  .min-w-lg\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_7 {
    height: 70px !important;
  }

  .w-lg-up\:_7 {
    width: 70px !important;
  }

  .max-h-lg-up\:_7 {
    max-height: 70px !important;
  }

  .max-w-lg-up\:_7 {
    max-width: 70px !important;
  }

  .min-h-lg-up\:_7 {
    min-height: 70px !important;
  }

  .min-w-lg-up\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_7 {
    height: 70px !important;
  }

  .w-lg-down\:_7 {
    width: 70px !important;
  }

  .max-h-lg-down\:_7 {
    max-height: 70px !important;
  }

  .max-w-lg-down\:_7 {
    max-width: 70px !important;
  }

  .min-h-lg-down\:_7 {
    min-height: 70px !important;
  }

  .min-w-lg-down\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_7 {
    height: 70px !important;
  }

  .w-xl\:_7 {
    width: 70px !important;
  }

  .max-h-xl\:_7 {
    max-height: 70px !important;
  }

  .max-w-xl\:_7 {
    max-width: 70px !important;
  }

  .min-h-xl\:_7 {
    min-height: 70px !important;
  }

  .min-w-xl\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_7 {
    height: 70px !important;
  }

  .w-xl-up\:_7 {
    width: 70px !important;
  }

  .max-h-xl-up\:_7 {
    max-height: 70px !important;
  }

  .max-w-xl-up\:_7 {
    max-width: 70px !important;
  }

  .min-h-xl-up\:_7 {
    min-height: 70px !important;
  }

  .min-w-xl-up\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_7 {
    height: 70px !important;
  }

  .w-xl-down\:_7 {
    width: 70px !important;
  }

  .max-h-xl-down\:_7 {
    max-height: 70px !important;
  }

  .max-w-xl-down\:_7 {
    max-width: 70px !important;
  }

  .min-h-xl-down\:_7 {
    min-height: 70px !important;
  }

  .min-w-xl-down\:_7 {
    min-width: 70px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_7 {
    height: 70px !important;
  }

  .w-xxl\:_7 {
    width: 70px !important;
  }

  .max-h-xxl\:_7 {
    max-height: 70px !important;
  }

  .max-w-xxl\:_7 {
    max-width: 70px !important;
  }

  .min-h-xxl\:_7 {
    min-height: 70px !important;
  }

  .min-w-xxl\:_7 {
    min-width: 70px !important;
  }
}
.h\:_8 {
  height: 80px !important;
}

.w\:_8 {
  width: 80px !important;
}

.max-h\:_8 {
  max-height: 80px !important;
}

.max-w\:_8 {
  max-width: 80px !important;
}

.min-h\:_8 {
  min-height: 80px !important;
}

.min-w\:_8 {
  min-width: 80px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_8 {
    height: 80px !important;
  }

  .w-xs\:_8 {
    width: 80px !important;
  }

  .max-h-xs\:_8 {
    max-height: 80px !important;
  }

  .max-w-xs\:_8 {
    max-width: 80px !important;
  }

  .min-h-xs\:_8 {
    min-height: 80px !important;
  }

  .min-w-xs\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_8 {
    height: 80px !important;
  }

  .w-sm\:_8 {
    width: 80px !important;
  }

  .max-h-sm\:_8 {
    max-height: 80px !important;
  }

  .max-w-sm\:_8 {
    max-width: 80px !important;
  }

  .min-h-sm\:_8 {
    min-height: 80px !important;
  }

  .min-w-sm\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_8 {
    height: 80px !important;
  }

  .w-sm-up\:_8 {
    width: 80px !important;
  }

  .max-h-sm-up\:_8 {
    max-height: 80px !important;
  }

  .max-w-sm-up\:_8 {
    max-width: 80px !important;
  }

  .min-h-sm-up\:_8 {
    min-height: 80px !important;
  }

  .min-w-sm-up\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_8 {
    height: 80px !important;
  }

  .w-sm-down\:_8 {
    width: 80px !important;
  }

  .max-h-sm-down\:_8 {
    max-height: 80px !important;
  }

  .max-w-sm-down\:_8 {
    max-width: 80px !important;
  }

  .min-h-sm-down\:_8 {
    min-height: 80px !important;
  }

  .min-w-sm-down\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_8 {
    height: 80px !important;
  }

  .w-md\:_8 {
    width: 80px !important;
  }

  .max-h-md\:_8 {
    max-height: 80px !important;
  }

  .max-w-md\:_8 {
    max-width: 80px !important;
  }

  .min-h-md\:_8 {
    min-height: 80px !important;
  }

  .min-w-md\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_8 {
    height: 80px !important;
  }

  .w-md-up\:_8 {
    width: 80px !important;
  }

  .max-h-md-up\:_8 {
    max-height: 80px !important;
  }

  .max-w-md-up\:_8 {
    max-width: 80px !important;
  }

  .min-h-md-up\:_8 {
    min-height: 80px !important;
  }

  .min-w-md-up\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_8 {
    height: 80px !important;
  }

  .w-md-down\:_8 {
    width: 80px !important;
  }

  .max-h-md-down\:_8 {
    max-height: 80px !important;
  }

  .max-w-md-down\:_8 {
    max-width: 80px !important;
  }

  .min-h-md-down\:_8 {
    min-height: 80px !important;
  }

  .min-w-md-down\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_8 {
    height: 80px !important;
  }

  .w-lg\:_8 {
    width: 80px !important;
  }

  .max-h-lg\:_8 {
    max-height: 80px !important;
  }

  .max-w-lg\:_8 {
    max-width: 80px !important;
  }

  .min-h-lg\:_8 {
    min-height: 80px !important;
  }

  .min-w-lg\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_8 {
    height: 80px !important;
  }

  .w-lg-up\:_8 {
    width: 80px !important;
  }

  .max-h-lg-up\:_8 {
    max-height: 80px !important;
  }

  .max-w-lg-up\:_8 {
    max-width: 80px !important;
  }

  .min-h-lg-up\:_8 {
    min-height: 80px !important;
  }

  .min-w-lg-up\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_8 {
    height: 80px !important;
  }

  .w-lg-down\:_8 {
    width: 80px !important;
  }

  .max-h-lg-down\:_8 {
    max-height: 80px !important;
  }

  .max-w-lg-down\:_8 {
    max-width: 80px !important;
  }

  .min-h-lg-down\:_8 {
    min-height: 80px !important;
  }

  .min-w-lg-down\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_8 {
    height: 80px !important;
  }

  .w-xl\:_8 {
    width: 80px !important;
  }

  .max-h-xl\:_8 {
    max-height: 80px !important;
  }

  .max-w-xl\:_8 {
    max-width: 80px !important;
  }

  .min-h-xl\:_8 {
    min-height: 80px !important;
  }

  .min-w-xl\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_8 {
    height: 80px !important;
  }

  .w-xl-up\:_8 {
    width: 80px !important;
  }

  .max-h-xl-up\:_8 {
    max-height: 80px !important;
  }

  .max-w-xl-up\:_8 {
    max-width: 80px !important;
  }

  .min-h-xl-up\:_8 {
    min-height: 80px !important;
  }

  .min-w-xl-up\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_8 {
    height: 80px !important;
  }

  .w-xl-down\:_8 {
    width: 80px !important;
  }

  .max-h-xl-down\:_8 {
    max-height: 80px !important;
  }

  .max-w-xl-down\:_8 {
    max-width: 80px !important;
  }

  .min-h-xl-down\:_8 {
    min-height: 80px !important;
  }

  .min-w-xl-down\:_8 {
    min-width: 80px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_8 {
    height: 80px !important;
  }

  .w-xxl\:_8 {
    width: 80px !important;
  }

  .max-h-xxl\:_8 {
    max-height: 80px !important;
  }

  .max-w-xxl\:_8 {
    max-width: 80px !important;
  }

  .min-h-xxl\:_8 {
    min-height: 80px !important;
  }

  .min-w-xxl\:_8 {
    min-width: 80px !important;
  }
}
.h\:_9 {
  height: 90px !important;
}

.w\:_9 {
  width: 90px !important;
}

.max-h\:_9 {
  max-height: 90px !important;
}

.max-w\:_9 {
  max-width: 90px !important;
}

.min-h\:_9 {
  min-height: 90px !important;
}

.min-w\:_9 {
  min-width: 90px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_9 {
    height: 90px !important;
  }

  .w-xs\:_9 {
    width: 90px !important;
  }

  .max-h-xs\:_9 {
    max-height: 90px !important;
  }

  .max-w-xs\:_9 {
    max-width: 90px !important;
  }

  .min-h-xs\:_9 {
    min-height: 90px !important;
  }

  .min-w-xs\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_9 {
    height: 90px !important;
  }

  .w-sm\:_9 {
    width: 90px !important;
  }

  .max-h-sm\:_9 {
    max-height: 90px !important;
  }

  .max-w-sm\:_9 {
    max-width: 90px !important;
  }

  .min-h-sm\:_9 {
    min-height: 90px !important;
  }

  .min-w-sm\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_9 {
    height: 90px !important;
  }

  .w-sm-up\:_9 {
    width: 90px !important;
  }

  .max-h-sm-up\:_9 {
    max-height: 90px !important;
  }

  .max-w-sm-up\:_9 {
    max-width: 90px !important;
  }

  .min-h-sm-up\:_9 {
    min-height: 90px !important;
  }

  .min-w-sm-up\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_9 {
    height: 90px !important;
  }

  .w-sm-down\:_9 {
    width: 90px !important;
  }

  .max-h-sm-down\:_9 {
    max-height: 90px !important;
  }

  .max-w-sm-down\:_9 {
    max-width: 90px !important;
  }

  .min-h-sm-down\:_9 {
    min-height: 90px !important;
  }

  .min-w-sm-down\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_9 {
    height: 90px !important;
  }

  .w-md\:_9 {
    width: 90px !important;
  }

  .max-h-md\:_9 {
    max-height: 90px !important;
  }

  .max-w-md\:_9 {
    max-width: 90px !important;
  }

  .min-h-md\:_9 {
    min-height: 90px !important;
  }

  .min-w-md\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_9 {
    height: 90px !important;
  }

  .w-md-up\:_9 {
    width: 90px !important;
  }

  .max-h-md-up\:_9 {
    max-height: 90px !important;
  }

  .max-w-md-up\:_9 {
    max-width: 90px !important;
  }

  .min-h-md-up\:_9 {
    min-height: 90px !important;
  }

  .min-w-md-up\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_9 {
    height: 90px !important;
  }

  .w-md-down\:_9 {
    width: 90px !important;
  }

  .max-h-md-down\:_9 {
    max-height: 90px !important;
  }

  .max-w-md-down\:_9 {
    max-width: 90px !important;
  }

  .min-h-md-down\:_9 {
    min-height: 90px !important;
  }

  .min-w-md-down\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_9 {
    height: 90px !important;
  }

  .w-lg\:_9 {
    width: 90px !important;
  }

  .max-h-lg\:_9 {
    max-height: 90px !important;
  }

  .max-w-lg\:_9 {
    max-width: 90px !important;
  }

  .min-h-lg\:_9 {
    min-height: 90px !important;
  }

  .min-w-lg\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_9 {
    height: 90px !important;
  }

  .w-lg-up\:_9 {
    width: 90px !important;
  }

  .max-h-lg-up\:_9 {
    max-height: 90px !important;
  }

  .max-w-lg-up\:_9 {
    max-width: 90px !important;
  }

  .min-h-lg-up\:_9 {
    min-height: 90px !important;
  }

  .min-w-lg-up\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_9 {
    height: 90px !important;
  }

  .w-lg-down\:_9 {
    width: 90px !important;
  }

  .max-h-lg-down\:_9 {
    max-height: 90px !important;
  }

  .max-w-lg-down\:_9 {
    max-width: 90px !important;
  }

  .min-h-lg-down\:_9 {
    min-height: 90px !important;
  }

  .min-w-lg-down\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_9 {
    height: 90px !important;
  }

  .w-xl\:_9 {
    width: 90px !important;
  }

  .max-h-xl\:_9 {
    max-height: 90px !important;
  }

  .max-w-xl\:_9 {
    max-width: 90px !important;
  }

  .min-h-xl\:_9 {
    min-height: 90px !important;
  }

  .min-w-xl\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_9 {
    height: 90px !important;
  }

  .w-xl-up\:_9 {
    width: 90px !important;
  }

  .max-h-xl-up\:_9 {
    max-height: 90px !important;
  }

  .max-w-xl-up\:_9 {
    max-width: 90px !important;
  }

  .min-h-xl-up\:_9 {
    min-height: 90px !important;
  }

  .min-w-xl-up\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_9 {
    height: 90px !important;
  }

  .w-xl-down\:_9 {
    width: 90px !important;
  }

  .max-h-xl-down\:_9 {
    max-height: 90px !important;
  }

  .max-w-xl-down\:_9 {
    max-width: 90px !important;
  }

  .min-h-xl-down\:_9 {
    min-height: 90px !important;
  }

  .min-w-xl-down\:_9 {
    min-width: 90px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_9 {
    height: 90px !important;
  }

  .w-xxl\:_9 {
    width: 90px !important;
  }

  .max-h-xxl\:_9 {
    max-height: 90px !important;
  }

  .max-w-xxl\:_9 {
    max-width: 90px !important;
  }

  .min-h-xxl\:_9 {
    min-height: 90px !important;
  }

  .min-w-xxl\:_9 {
    min-width: 90px !important;
  }
}
.h\:_10 {
  height: 100px !important;
}

.w\:_10 {
  width: 100px !important;
}

.max-h\:_10 {
  max-height: 100px !important;
}

.max-w\:_10 {
  max-width: 100px !important;
}

.min-h\:_10 {
  min-height: 100px !important;
}

.min-w\:_10 {
  min-width: 100px !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:_10 {
    height: 100px !important;
  }

  .w-xs\:_10 {
    width: 100px !important;
  }

  .max-h-xs\:_10 {
    max-height: 100px !important;
  }

  .max-w-xs\:_10 {
    max-width: 100px !important;
  }

  .min-h-xs\:_10 {
    min-height: 100px !important;
  }

  .min-w-xs\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:_10 {
    height: 100px !important;
  }

  .w-sm\:_10 {
    width: 100px !important;
  }

  .max-h-sm\:_10 {
    max-height: 100px !important;
  }

  .max-w-sm\:_10 {
    max-width: 100px !important;
  }

  .min-h-sm\:_10 {
    min-height: 100px !important;
  }

  .min-w-sm\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:_10 {
    height: 100px !important;
  }

  .w-sm-up\:_10 {
    width: 100px !important;
  }

  .max-h-sm-up\:_10 {
    max-height: 100px !important;
  }

  .max-w-sm-up\:_10 {
    max-width: 100px !important;
  }

  .min-h-sm-up\:_10 {
    min-height: 100px !important;
  }

  .min-w-sm-up\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:_10 {
    height: 100px !important;
  }

  .w-sm-down\:_10 {
    width: 100px !important;
  }

  .max-h-sm-down\:_10 {
    max-height: 100px !important;
  }

  .max-w-sm-down\:_10 {
    max-width: 100px !important;
  }

  .min-h-sm-down\:_10 {
    min-height: 100px !important;
  }

  .min-w-sm-down\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:_10 {
    height: 100px !important;
  }

  .w-md\:_10 {
    width: 100px !important;
  }

  .max-h-md\:_10 {
    max-height: 100px !important;
  }

  .max-w-md\:_10 {
    max-width: 100px !important;
  }

  .min-h-md\:_10 {
    min-height: 100px !important;
  }

  .min-w-md\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:_10 {
    height: 100px !important;
  }

  .w-md-up\:_10 {
    width: 100px !important;
  }

  .max-h-md-up\:_10 {
    max-height: 100px !important;
  }

  .max-w-md-up\:_10 {
    max-width: 100px !important;
  }

  .min-h-md-up\:_10 {
    min-height: 100px !important;
  }

  .min-w-md-up\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:_10 {
    height: 100px !important;
  }

  .w-md-down\:_10 {
    width: 100px !important;
  }

  .max-h-md-down\:_10 {
    max-height: 100px !important;
  }

  .max-w-md-down\:_10 {
    max-width: 100px !important;
  }

  .min-h-md-down\:_10 {
    min-height: 100px !important;
  }

  .min-w-md-down\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:_10 {
    height: 100px !important;
  }

  .w-lg\:_10 {
    width: 100px !important;
  }

  .max-h-lg\:_10 {
    max-height: 100px !important;
  }

  .max-w-lg\:_10 {
    max-width: 100px !important;
  }

  .min-h-lg\:_10 {
    min-height: 100px !important;
  }

  .min-w-lg\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:_10 {
    height: 100px !important;
  }

  .w-lg-up\:_10 {
    width: 100px !important;
  }

  .max-h-lg-up\:_10 {
    max-height: 100px !important;
  }

  .max-w-lg-up\:_10 {
    max-width: 100px !important;
  }

  .min-h-lg-up\:_10 {
    min-height: 100px !important;
  }

  .min-w-lg-up\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:_10 {
    height: 100px !important;
  }

  .w-lg-down\:_10 {
    width: 100px !important;
  }

  .max-h-lg-down\:_10 {
    max-height: 100px !important;
  }

  .max-w-lg-down\:_10 {
    max-width: 100px !important;
  }

  .min-h-lg-down\:_10 {
    min-height: 100px !important;
  }

  .min-w-lg-down\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:_10 {
    height: 100px !important;
  }

  .w-xl\:_10 {
    width: 100px !important;
  }

  .max-h-xl\:_10 {
    max-height: 100px !important;
  }

  .max-w-xl\:_10 {
    max-width: 100px !important;
  }

  .min-h-xl\:_10 {
    min-height: 100px !important;
  }

  .min-w-xl\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:_10 {
    height: 100px !important;
  }

  .w-xl-up\:_10 {
    width: 100px !important;
  }

  .max-h-xl-up\:_10 {
    max-height: 100px !important;
  }

  .max-w-xl-up\:_10 {
    max-width: 100px !important;
  }

  .min-h-xl-up\:_10 {
    min-height: 100px !important;
  }

  .min-w-xl-up\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:_10 {
    height: 100px !important;
  }

  .w-xl-down\:_10 {
    width: 100px !important;
  }

  .max-h-xl-down\:_10 {
    max-height: 100px !important;
  }

  .max-w-xl-down\:_10 {
    max-width: 100px !important;
  }

  .min-h-xl-down\:_10 {
    min-height: 100px !important;
  }

  .min-w-xl-down\:_10 {
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:_10 {
    height: 100px !important;
  }

  .w-xxl\:_10 {
    width: 100px !important;
  }

  .max-h-xxl\:_10 {
    max-height: 100px !important;
  }

  .max-w-xxl\:_10 {
    max-width: 100px !important;
  }

  .min-h-xxl\:_10 {
    min-height: 100px !important;
  }

  .min-w-xxl\:_10 {
    min-width: 100px !important;
  }
}
.h\:auto {
  height: auto !important;
}

.w\:auto {
  width: auto !important;
}

.max-h\:auto {
  max-height: auto !important;
}

.max-w\:auto {
  max-width: auto !important;
}

.min-h\:auto {
  min-height: auto !important;
}

.min-w\:auto {
  min-width: auto !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:auto {
    height: auto !important;
  }

  .w-xs\:auto {
    width: auto !important;
  }

  .max-h-xs\:auto {
    max-height: auto !important;
  }

  .max-w-xs\:auto {
    max-width: auto !important;
  }

  .min-h-xs\:auto {
    min-height: auto !important;
  }

  .min-w-xs\:auto {
    min-width: auto !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:auto {
    height: auto !important;
  }

  .w-sm\:auto {
    width: auto !important;
  }

  .max-h-sm\:auto {
    max-height: auto !important;
  }

  .max-w-sm\:auto {
    max-width: auto !important;
  }

  .min-h-sm\:auto {
    min-height: auto !important;
  }

  .min-w-sm\:auto {
    min-width: auto !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:auto {
    height: auto !important;
  }

  .w-sm-up\:auto {
    width: auto !important;
  }

  .max-h-sm-up\:auto {
    max-height: auto !important;
  }

  .max-w-sm-up\:auto {
    max-width: auto !important;
  }

  .min-h-sm-up\:auto {
    min-height: auto !important;
  }

  .min-w-sm-up\:auto {
    min-width: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:auto {
    height: auto !important;
  }

  .w-sm-down\:auto {
    width: auto !important;
  }

  .max-h-sm-down\:auto {
    max-height: auto !important;
  }

  .max-w-sm-down\:auto {
    max-width: auto !important;
  }

  .min-h-sm-down\:auto {
    min-height: auto !important;
  }

  .min-w-sm-down\:auto {
    min-width: auto !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:auto {
    height: auto !important;
  }

  .w-md\:auto {
    width: auto !important;
  }

  .max-h-md\:auto {
    max-height: auto !important;
  }

  .max-w-md\:auto {
    max-width: auto !important;
  }

  .min-h-md\:auto {
    min-height: auto !important;
  }

  .min-w-md\:auto {
    min-width: auto !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:auto {
    height: auto !important;
  }

  .w-md-up\:auto {
    width: auto !important;
  }

  .max-h-md-up\:auto {
    max-height: auto !important;
  }

  .max-w-md-up\:auto {
    max-width: auto !important;
  }

  .min-h-md-up\:auto {
    min-height: auto !important;
  }

  .min-w-md-up\:auto {
    min-width: auto !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:auto {
    height: auto !important;
  }

  .w-md-down\:auto {
    width: auto !important;
  }

  .max-h-md-down\:auto {
    max-height: auto !important;
  }

  .max-w-md-down\:auto {
    max-width: auto !important;
  }

  .min-h-md-down\:auto {
    min-height: auto !important;
  }

  .min-w-md-down\:auto {
    min-width: auto !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:auto {
    height: auto !important;
  }

  .w-lg\:auto {
    width: auto !important;
  }

  .max-h-lg\:auto {
    max-height: auto !important;
  }

  .max-w-lg\:auto {
    max-width: auto !important;
  }

  .min-h-lg\:auto {
    min-height: auto !important;
  }

  .min-w-lg\:auto {
    min-width: auto !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:auto {
    height: auto !important;
  }

  .w-lg-up\:auto {
    width: auto !important;
  }

  .max-h-lg-up\:auto {
    max-height: auto !important;
  }

  .max-w-lg-up\:auto {
    max-width: auto !important;
  }

  .min-h-lg-up\:auto {
    min-height: auto !important;
  }

  .min-w-lg-up\:auto {
    min-width: auto !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:auto {
    height: auto !important;
  }

  .w-lg-down\:auto {
    width: auto !important;
  }

  .max-h-lg-down\:auto {
    max-height: auto !important;
  }

  .max-w-lg-down\:auto {
    max-width: auto !important;
  }

  .min-h-lg-down\:auto {
    min-height: auto !important;
  }

  .min-w-lg-down\:auto {
    min-width: auto !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:auto {
    height: auto !important;
  }

  .w-xl\:auto {
    width: auto !important;
  }

  .max-h-xl\:auto {
    max-height: auto !important;
  }

  .max-w-xl\:auto {
    max-width: auto !important;
  }

  .min-h-xl\:auto {
    min-height: auto !important;
  }

  .min-w-xl\:auto {
    min-width: auto !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:auto {
    height: auto !important;
  }

  .w-xl-up\:auto {
    width: auto !important;
  }

  .max-h-xl-up\:auto {
    max-height: auto !important;
  }

  .max-w-xl-up\:auto {
    max-width: auto !important;
  }

  .min-h-xl-up\:auto {
    min-height: auto !important;
  }

  .min-w-xl-up\:auto {
    min-width: auto !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:auto {
    height: auto !important;
  }

  .w-xl-down\:auto {
    width: auto !important;
  }

  .max-h-xl-down\:auto {
    max-height: auto !important;
  }

  .max-w-xl-down\:auto {
    max-width: auto !important;
  }

  .min-h-xl-down\:auto {
    min-height: auto !important;
  }

  .min-w-xl-down\:auto {
    min-width: auto !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:auto {
    height: auto !important;
  }

  .w-xxl\:auto {
    width: auto !important;
  }

  .max-h-xxl\:auto {
    max-height: auto !important;
  }

  .max-w-xxl\:auto {
    max-width: auto !important;
  }

  .min-h-xxl\:auto {
    min-height: auto !important;
  }

  .min-w-xxl\:auto {
    min-width: auto !important;
  }
}
.h\:10 {
  height: 10% !important;
}

.w\:10 {
  width: 10% !important;
}

.max-h\:10 {
  max-height: 10% !important;
}

.max-w\:10 {
  max-width: 10% !important;
}

.min-h\:10 {
  min-height: 10% !important;
}

.min-w\:10 {
  min-width: 10% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:10 {
    height: 10% !important;
  }

  .w-xs\:10 {
    width: 10% !important;
  }

  .max-h-xs\:10 {
    max-height: 10% !important;
  }

  .max-w-xs\:10 {
    max-width: 10% !important;
  }

  .min-h-xs\:10 {
    min-height: 10% !important;
  }

  .min-w-xs\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:10 {
    height: 10% !important;
  }

  .w-sm\:10 {
    width: 10% !important;
  }

  .max-h-sm\:10 {
    max-height: 10% !important;
  }

  .max-w-sm\:10 {
    max-width: 10% !important;
  }

  .min-h-sm\:10 {
    min-height: 10% !important;
  }

  .min-w-sm\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:10 {
    height: 10% !important;
  }

  .w-sm-up\:10 {
    width: 10% !important;
  }

  .max-h-sm-up\:10 {
    max-height: 10% !important;
  }

  .max-w-sm-up\:10 {
    max-width: 10% !important;
  }

  .min-h-sm-up\:10 {
    min-height: 10% !important;
  }

  .min-w-sm-up\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:10 {
    height: 10% !important;
  }

  .w-sm-down\:10 {
    width: 10% !important;
  }

  .max-h-sm-down\:10 {
    max-height: 10% !important;
  }

  .max-w-sm-down\:10 {
    max-width: 10% !important;
  }

  .min-h-sm-down\:10 {
    min-height: 10% !important;
  }

  .min-w-sm-down\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:10 {
    height: 10% !important;
  }

  .w-md\:10 {
    width: 10% !important;
  }

  .max-h-md\:10 {
    max-height: 10% !important;
  }

  .max-w-md\:10 {
    max-width: 10% !important;
  }

  .min-h-md\:10 {
    min-height: 10% !important;
  }

  .min-w-md\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:10 {
    height: 10% !important;
  }

  .w-md-up\:10 {
    width: 10% !important;
  }

  .max-h-md-up\:10 {
    max-height: 10% !important;
  }

  .max-w-md-up\:10 {
    max-width: 10% !important;
  }

  .min-h-md-up\:10 {
    min-height: 10% !important;
  }

  .min-w-md-up\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:10 {
    height: 10% !important;
  }

  .w-md-down\:10 {
    width: 10% !important;
  }

  .max-h-md-down\:10 {
    max-height: 10% !important;
  }

  .max-w-md-down\:10 {
    max-width: 10% !important;
  }

  .min-h-md-down\:10 {
    min-height: 10% !important;
  }

  .min-w-md-down\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:10 {
    height: 10% !important;
  }

  .w-lg\:10 {
    width: 10% !important;
  }

  .max-h-lg\:10 {
    max-height: 10% !important;
  }

  .max-w-lg\:10 {
    max-width: 10% !important;
  }

  .min-h-lg\:10 {
    min-height: 10% !important;
  }

  .min-w-lg\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:10 {
    height: 10% !important;
  }

  .w-lg-up\:10 {
    width: 10% !important;
  }

  .max-h-lg-up\:10 {
    max-height: 10% !important;
  }

  .max-w-lg-up\:10 {
    max-width: 10% !important;
  }

  .min-h-lg-up\:10 {
    min-height: 10% !important;
  }

  .min-w-lg-up\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:10 {
    height: 10% !important;
  }

  .w-lg-down\:10 {
    width: 10% !important;
  }

  .max-h-lg-down\:10 {
    max-height: 10% !important;
  }

  .max-w-lg-down\:10 {
    max-width: 10% !important;
  }

  .min-h-lg-down\:10 {
    min-height: 10% !important;
  }

  .min-w-lg-down\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:10 {
    height: 10% !important;
  }

  .w-xl\:10 {
    width: 10% !important;
  }

  .max-h-xl\:10 {
    max-height: 10% !important;
  }

  .max-w-xl\:10 {
    max-width: 10% !important;
  }

  .min-h-xl\:10 {
    min-height: 10% !important;
  }

  .min-w-xl\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:10 {
    height: 10% !important;
  }

  .w-xl-up\:10 {
    width: 10% !important;
  }

  .max-h-xl-up\:10 {
    max-height: 10% !important;
  }

  .max-w-xl-up\:10 {
    max-width: 10% !important;
  }

  .min-h-xl-up\:10 {
    min-height: 10% !important;
  }

  .min-w-xl-up\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:10 {
    height: 10% !important;
  }

  .w-xl-down\:10 {
    width: 10% !important;
  }

  .max-h-xl-down\:10 {
    max-height: 10% !important;
  }

  .max-w-xl-down\:10 {
    max-width: 10% !important;
  }

  .min-h-xl-down\:10 {
    min-height: 10% !important;
  }

  .min-w-xl-down\:10 {
    min-width: 10% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:10 {
    height: 10% !important;
  }

  .w-xxl\:10 {
    width: 10% !important;
  }

  .max-h-xxl\:10 {
    max-height: 10% !important;
  }

  .max-w-xxl\:10 {
    max-width: 10% !important;
  }

  .min-h-xxl\:10 {
    min-height: 10% !important;
  }

  .min-w-xxl\:10 {
    min-width: 10% !important;
  }
}
.h\:20 {
  height: 20% !important;
}

.w\:20 {
  width: 20% !important;
}

.max-h\:20 {
  max-height: 20% !important;
}

.max-w\:20 {
  max-width: 20% !important;
}

.min-h\:20 {
  min-height: 20% !important;
}

.min-w\:20 {
  min-width: 20% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:20 {
    height: 20% !important;
  }

  .w-xs\:20 {
    width: 20% !important;
  }

  .max-h-xs\:20 {
    max-height: 20% !important;
  }

  .max-w-xs\:20 {
    max-width: 20% !important;
  }

  .min-h-xs\:20 {
    min-height: 20% !important;
  }

  .min-w-xs\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:20 {
    height: 20% !important;
  }

  .w-sm\:20 {
    width: 20% !important;
  }

  .max-h-sm\:20 {
    max-height: 20% !important;
  }

  .max-w-sm\:20 {
    max-width: 20% !important;
  }

  .min-h-sm\:20 {
    min-height: 20% !important;
  }

  .min-w-sm\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:20 {
    height: 20% !important;
  }

  .w-sm-up\:20 {
    width: 20% !important;
  }

  .max-h-sm-up\:20 {
    max-height: 20% !important;
  }

  .max-w-sm-up\:20 {
    max-width: 20% !important;
  }

  .min-h-sm-up\:20 {
    min-height: 20% !important;
  }

  .min-w-sm-up\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:20 {
    height: 20% !important;
  }

  .w-sm-down\:20 {
    width: 20% !important;
  }

  .max-h-sm-down\:20 {
    max-height: 20% !important;
  }

  .max-w-sm-down\:20 {
    max-width: 20% !important;
  }

  .min-h-sm-down\:20 {
    min-height: 20% !important;
  }

  .min-w-sm-down\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:20 {
    height: 20% !important;
  }

  .w-md\:20 {
    width: 20% !important;
  }

  .max-h-md\:20 {
    max-height: 20% !important;
  }

  .max-w-md\:20 {
    max-width: 20% !important;
  }

  .min-h-md\:20 {
    min-height: 20% !important;
  }

  .min-w-md\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:20 {
    height: 20% !important;
  }

  .w-md-up\:20 {
    width: 20% !important;
  }

  .max-h-md-up\:20 {
    max-height: 20% !important;
  }

  .max-w-md-up\:20 {
    max-width: 20% !important;
  }

  .min-h-md-up\:20 {
    min-height: 20% !important;
  }

  .min-w-md-up\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:20 {
    height: 20% !important;
  }

  .w-md-down\:20 {
    width: 20% !important;
  }

  .max-h-md-down\:20 {
    max-height: 20% !important;
  }

  .max-w-md-down\:20 {
    max-width: 20% !important;
  }

  .min-h-md-down\:20 {
    min-height: 20% !important;
  }

  .min-w-md-down\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:20 {
    height: 20% !important;
  }

  .w-lg\:20 {
    width: 20% !important;
  }

  .max-h-lg\:20 {
    max-height: 20% !important;
  }

  .max-w-lg\:20 {
    max-width: 20% !important;
  }

  .min-h-lg\:20 {
    min-height: 20% !important;
  }

  .min-w-lg\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:20 {
    height: 20% !important;
  }

  .w-lg-up\:20 {
    width: 20% !important;
  }

  .max-h-lg-up\:20 {
    max-height: 20% !important;
  }

  .max-w-lg-up\:20 {
    max-width: 20% !important;
  }

  .min-h-lg-up\:20 {
    min-height: 20% !important;
  }

  .min-w-lg-up\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:20 {
    height: 20% !important;
  }

  .w-lg-down\:20 {
    width: 20% !important;
  }

  .max-h-lg-down\:20 {
    max-height: 20% !important;
  }

  .max-w-lg-down\:20 {
    max-width: 20% !important;
  }

  .min-h-lg-down\:20 {
    min-height: 20% !important;
  }

  .min-w-lg-down\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:20 {
    height: 20% !important;
  }

  .w-xl\:20 {
    width: 20% !important;
  }

  .max-h-xl\:20 {
    max-height: 20% !important;
  }

  .max-w-xl\:20 {
    max-width: 20% !important;
  }

  .min-h-xl\:20 {
    min-height: 20% !important;
  }

  .min-w-xl\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:20 {
    height: 20% !important;
  }

  .w-xl-up\:20 {
    width: 20% !important;
  }

  .max-h-xl-up\:20 {
    max-height: 20% !important;
  }

  .max-w-xl-up\:20 {
    max-width: 20% !important;
  }

  .min-h-xl-up\:20 {
    min-height: 20% !important;
  }

  .min-w-xl-up\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:20 {
    height: 20% !important;
  }

  .w-xl-down\:20 {
    width: 20% !important;
  }

  .max-h-xl-down\:20 {
    max-height: 20% !important;
  }

  .max-w-xl-down\:20 {
    max-width: 20% !important;
  }

  .min-h-xl-down\:20 {
    min-height: 20% !important;
  }

  .min-w-xl-down\:20 {
    min-width: 20% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:20 {
    height: 20% !important;
  }

  .w-xxl\:20 {
    width: 20% !important;
  }

  .max-h-xxl\:20 {
    max-height: 20% !important;
  }

  .max-w-xxl\:20 {
    max-width: 20% !important;
  }

  .min-h-xxl\:20 {
    min-height: 20% !important;
  }

  .min-w-xxl\:20 {
    min-width: 20% !important;
  }
}
.h\:25 {
  height: 25% !important;
}

.w\:25 {
  width: 25% !important;
}

.max-h\:25 {
  max-height: 25% !important;
}

.max-w\:25 {
  max-width: 25% !important;
}

.min-h\:25 {
  min-height: 25% !important;
}

.min-w\:25 {
  min-width: 25% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:25 {
    height: 25% !important;
  }

  .w-xs\:25 {
    width: 25% !important;
  }

  .max-h-xs\:25 {
    max-height: 25% !important;
  }

  .max-w-xs\:25 {
    max-width: 25% !important;
  }

  .min-h-xs\:25 {
    min-height: 25% !important;
  }

  .min-w-xs\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:25 {
    height: 25% !important;
  }

  .w-sm\:25 {
    width: 25% !important;
  }

  .max-h-sm\:25 {
    max-height: 25% !important;
  }

  .max-w-sm\:25 {
    max-width: 25% !important;
  }

  .min-h-sm\:25 {
    min-height: 25% !important;
  }

  .min-w-sm\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:25 {
    height: 25% !important;
  }

  .w-sm-up\:25 {
    width: 25% !important;
  }

  .max-h-sm-up\:25 {
    max-height: 25% !important;
  }

  .max-w-sm-up\:25 {
    max-width: 25% !important;
  }

  .min-h-sm-up\:25 {
    min-height: 25% !important;
  }

  .min-w-sm-up\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:25 {
    height: 25% !important;
  }

  .w-sm-down\:25 {
    width: 25% !important;
  }

  .max-h-sm-down\:25 {
    max-height: 25% !important;
  }

  .max-w-sm-down\:25 {
    max-width: 25% !important;
  }

  .min-h-sm-down\:25 {
    min-height: 25% !important;
  }

  .min-w-sm-down\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:25 {
    height: 25% !important;
  }

  .w-md\:25 {
    width: 25% !important;
  }

  .max-h-md\:25 {
    max-height: 25% !important;
  }

  .max-w-md\:25 {
    max-width: 25% !important;
  }

  .min-h-md\:25 {
    min-height: 25% !important;
  }

  .min-w-md\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:25 {
    height: 25% !important;
  }

  .w-md-up\:25 {
    width: 25% !important;
  }

  .max-h-md-up\:25 {
    max-height: 25% !important;
  }

  .max-w-md-up\:25 {
    max-width: 25% !important;
  }

  .min-h-md-up\:25 {
    min-height: 25% !important;
  }

  .min-w-md-up\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:25 {
    height: 25% !important;
  }

  .w-md-down\:25 {
    width: 25% !important;
  }

  .max-h-md-down\:25 {
    max-height: 25% !important;
  }

  .max-w-md-down\:25 {
    max-width: 25% !important;
  }

  .min-h-md-down\:25 {
    min-height: 25% !important;
  }

  .min-w-md-down\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:25 {
    height: 25% !important;
  }

  .w-lg\:25 {
    width: 25% !important;
  }

  .max-h-lg\:25 {
    max-height: 25% !important;
  }

  .max-w-lg\:25 {
    max-width: 25% !important;
  }

  .min-h-lg\:25 {
    min-height: 25% !important;
  }

  .min-w-lg\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:25 {
    height: 25% !important;
  }

  .w-lg-up\:25 {
    width: 25% !important;
  }

  .max-h-lg-up\:25 {
    max-height: 25% !important;
  }

  .max-w-lg-up\:25 {
    max-width: 25% !important;
  }

  .min-h-lg-up\:25 {
    min-height: 25% !important;
  }

  .min-w-lg-up\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:25 {
    height: 25% !important;
  }

  .w-lg-down\:25 {
    width: 25% !important;
  }

  .max-h-lg-down\:25 {
    max-height: 25% !important;
  }

  .max-w-lg-down\:25 {
    max-width: 25% !important;
  }

  .min-h-lg-down\:25 {
    min-height: 25% !important;
  }

  .min-w-lg-down\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:25 {
    height: 25% !important;
  }

  .w-xl\:25 {
    width: 25% !important;
  }

  .max-h-xl\:25 {
    max-height: 25% !important;
  }

  .max-w-xl\:25 {
    max-width: 25% !important;
  }

  .min-h-xl\:25 {
    min-height: 25% !important;
  }

  .min-w-xl\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:25 {
    height: 25% !important;
  }

  .w-xl-up\:25 {
    width: 25% !important;
  }

  .max-h-xl-up\:25 {
    max-height: 25% !important;
  }

  .max-w-xl-up\:25 {
    max-width: 25% !important;
  }

  .min-h-xl-up\:25 {
    min-height: 25% !important;
  }

  .min-w-xl-up\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:25 {
    height: 25% !important;
  }

  .w-xl-down\:25 {
    width: 25% !important;
  }

  .max-h-xl-down\:25 {
    max-height: 25% !important;
  }

  .max-w-xl-down\:25 {
    max-width: 25% !important;
  }

  .min-h-xl-down\:25 {
    min-height: 25% !important;
  }

  .min-w-xl-down\:25 {
    min-width: 25% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:25 {
    height: 25% !important;
  }

  .w-xxl\:25 {
    width: 25% !important;
  }

  .max-h-xxl\:25 {
    max-height: 25% !important;
  }

  .max-w-xxl\:25 {
    max-width: 25% !important;
  }

  .min-h-xxl\:25 {
    min-height: 25% !important;
  }

  .min-w-xxl\:25 {
    min-width: 25% !important;
  }
}
.h\:30 {
  height: 30% !important;
}

.w\:30 {
  width: 30% !important;
}

.max-h\:30 {
  max-height: 30% !important;
}

.max-w\:30 {
  max-width: 30% !important;
}

.min-h\:30 {
  min-height: 30% !important;
}

.min-w\:30 {
  min-width: 30% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:30 {
    height: 30% !important;
  }

  .w-xs\:30 {
    width: 30% !important;
  }

  .max-h-xs\:30 {
    max-height: 30% !important;
  }

  .max-w-xs\:30 {
    max-width: 30% !important;
  }

  .min-h-xs\:30 {
    min-height: 30% !important;
  }

  .min-w-xs\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:30 {
    height: 30% !important;
  }

  .w-sm\:30 {
    width: 30% !important;
  }

  .max-h-sm\:30 {
    max-height: 30% !important;
  }

  .max-w-sm\:30 {
    max-width: 30% !important;
  }

  .min-h-sm\:30 {
    min-height: 30% !important;
  }

  .min-w-sm\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:30 {
    height: 30% !important;
  }

  .w-sm-up\:30 {
    width: 30% !important;
  }

  .max-h-sm-up\:30 {
    max-height: 30% !important;
  }

  .max-w-sm-up\:30 {
    max-width: 30% !important;
  }

  .min-h-sm-up\:30 {
    min-height: 30% !important;
  }

  .min-w-sm-up\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:30 {
    height: 30% !important;
  }

  .w-sm-down\:30 {
    width: 30% !important;
  }

  .max-h-sm-down\:30 {
    max-height: 30% !important;
  }

  .max-w-sm-down\:30 {
    max-width: 30% !important;
  }

  .min-h-sm-down\:30 {
    min-height: 30% !important;
  }

  .min-w-sm-down\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:30 {
    height: 30% !important;
  }

  .w-md\:30 {
    width: 30% !important;
  }

  .max-h-md\:30 {
    max-height: 30% !important;
  }

  .max-w-md\:30 {
    max-width: 30% !important;
  }

  .min-h-md\:30 {
    min-height: 30% !important;
  }

  .min-w-md\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:30 {
    height: 30% !important;
  }

  .w-md-up\:30 {
    width: 30% !important;
  }

  .max-h-md-up\:30 {
    max-height: 30% !important;
  }

  .max-w-md-up\:30 {
    max-width: 30% !important;
  }

  .min-h-md-up\:30 {
    min-height: 30% !important;
  }

  .min-w-md-up\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:30 {
    height: 30% !important;
  }

  .w-md-down\:30 {
    width: 30% !important;
  }

  .max-h-md-down\:30 {
    max-height: 30% !important;
  }

  .max-w-md-down\:30 {
    max-width: 30% !important;
  }

  .min-h-md-down\:30 {
    min-height: 30% !important;
  }

  .min-w-md-down\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:30 {
    height: 30% !important;
  }

  .w-lg\:30 {
    width: 30% !important;
  }

  .max-h-lg\:30 {
    max-height: 30% !important;
  }

  .max-w-lg\:30 {
    max-width: 30% !important;
  }

  .min-h-lg\:30 {
    min-height: 30% !important;
  }

  .min-w-lg\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:30 {
    height: 30% !important;
  }

  .w-lg-up\:30 {
    width: 30% !important;
  }

  .max-h-lg-up\:30 {
    max-height: 30% !important;
  }

  .max-w-lg-up\:30 {
    max-width: 30% !important;
  }

  .min-h-lg-up\:30 {
    min-height: 30% !important;
  }

  .min-w-lg-up\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:30 {
    height: 30% !important;
  }

  .w-lg-down\:30 {
    width: 30% !important;
  }

  .max-h-lg-down\:30 {
    max-height: 30% !important;
  }

  .max-w-lg-down\:30 {
    max-width: 30% !important;
  }

  .min-h-lg-down\:30 {
    min-height: 30% !important;
  }

  .min-w-lg-down\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:30 {
    height: 30% !important;
  }

  .w-xl\:30 {
    width: 30% !important;
  }

  .max-h-xl\:30 {
    max-height: 30% !important;
  }

  .max-w-xl\:30 {
    max-width: 30% !important;
  }

  .min-h-xl\:30 {
    min-height: 30% !important;
  }

  .min-w-xl\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:30 {
    height: 30% !important;
  }

  .w-xl-up\:30 {
    width: 30% !important;
  }

  .max-h-xl-up\:30 {
    max-height: 30% !important;
  }

  .max-w-xl-up\:30 {
    max-width: 30% !important;
  }

  .min-h-xl-up\:30 {
    min-height: 30% !important;
  }

  .min-w-xl-up\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:30 {
    height: 30% !important;
  }

  .w-xl-down\:30 {
    width: 30% !important;
  }

  .max-h-xl-down\:30 {
    max-height: 30% !important;
  }

  .max-w-xl-down\:30 {
    max-width: 30% !important;
  }

  .min-h-xl-down\:30 {
    min-height: 30% !important;
  }

  .min-w-xl-down\:30 {
    min-width: 30% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:30 {
    height: 30% !important;
  }

  .w-xxl\:30 {
    width: 30% !important;
  }

  .max-h-xxl\:30 {
    max-height: 30% !important;
  }

  .max-w-xxl\:30 {
    max-width: 30% !important;
  }

  .min-h-xxl\:30 {
    min-height: 30% !important;
  }

  .min-w-xxl\:30 {
    min-width: 30% !important;
  }
}
.h\:33 {
  height: 33.33% !important;
}

.w\:33 {
  width: 33.33% !important;
}

.max-h\:33 {
  max-height: 33.33% !important;
}

.max-w\:33 {
  max-width: 33.33% !important;
}

.min-h\:33 {
  min-height: 33.33% !important;
}

.min-w\:33 {
  min-width: 33.33% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:33 {
    height: 33.33% !important;
  }

  .w-xs\:33 {
    width: 33.33% !important;
  }

  .max-h-xs\:33 {
    max-height: 33.33% !important;
  }

  .max-w-xs\:33 {
    max-width: 33.33% !important;
  }

  .min-h-xs\:33 {
    min-height: 33.33% !important;
  }

  .min-w-xs\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:33 {
    height: 33.33% !important;
  }

  .w-sm\:33 {
    width: 33.33% !important;
  }

  .max-h-sm\:33 {
    max-height: 33.33% !important;
  }

  .max-w-sm\:33 {
    max-width: 33.33% !important;
  }

  .min-h-sm\:33 {
    min-height: 33.33% !important;
  }

  .min-w-sm\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:33 {
    height: 33.33% !important;
  }

  .w-sm-up\:33 {
    width: 33.33% !important;
  }

  .max-h-sm-up\:33 {
    max-height: 33.33% !important;
  }

  .max-w-sm-up\:33 {
    max-width: 33.33% !important;
  }

  .min-h-sm-up\:33 {
    min-height: 33.33% !important;
  }

  .min-w-sm-up\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:33 {
    height: 33.33% !important;
  }

  .w-sm-down\:33 {
    width: 33.33% !important;
  }

  .max-h-sm-down\:33 {
    max-height: 33.33% !important;
  }

  .max-w-sm-down\:33 {
    max-width: 33.33% !important;
  }

  .min-h-sm-down\:33 {
    min-height: 33.33% !important;
  }

  .min-w-sm-down\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:33 {
    height: 33.33% !important;
  }

  .w-md\:33 {
    width: 33.33% !important;
  }

  .max-h-md\:33 {
    max-height: 33.33% !important;
  }

  .max-w-md\:33 {
    max-width: 33.33% !important;
  }

  .min-h-md\:33 {
    min-height: 33.33% !important;
  }

  .min-w-md\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:33 {
    height: 33.33% !important;
  }

  .w-md-up\:33 {
    width: 33.33% !important;
  }

  .max-h-md-up\:33 {
    max-height: 33.33% !important;
  }

  .max-w-md-up\:33 {
    max-width: 33.33% !important;
  }

  .min-h-md-up\:33 {
    min-height: 33.33% !important;
  }

  .min-w-md-up\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:33 {
    height: 33.33% !important;
  }

  .w-md-down\:33 {
    width: 33.33% !important;
  }

  .max-h-md-down\:33 {
    max-height: 33.33% !important;
  }

  .max-w-md-down\:33 {
    max-width: 33.33% !important;
  }

  .min-h-md-down\:33 {
    min-height: 33.33% !important;
  }

  .min-w-md-down\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:33 {
    height: 33.33% !important;
  }

  .w-lg\:33 {
    width: 33.33% !important;
  }

  .max-h-lg\:33 {
    max-height: 33.33% !important;
  }

  .max-w-lg\:33 {
    max-width: 33.33% !important;
  }

  .min-h-lg\:33 {
    min-height: 33.33% !important;
  }

  .min-w-lg\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:33 {
    height: 33.33% !important;
  }

  .w-lg-up\:33 {
    width: 33.33% !important;
  }

  .max-h-lg-up\:33 {
    max-height: 33.33% !important;
  }

  .max-w-lg-up\:33 {
    max-width: 33.33% !important;
  }

  .min-h-lg-up\:33 {
    min-height: 33.33% !important;
  }

  .min-w-lg-up\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:33 {
    height: 33.33% !important;
  }

  .w-lg-down\:33 {
    width: 33.33% !important;
  }

  .max-h-lg-down\:33 {
    max-height: 33.33% !important;
  }

  .max-w-lg-down\:33 {
    max-width: 33.33% !important;
  }

  .min-h-lg-down\:33 {
    min-height: 33.33% !important;
  }

  .min-w-lg-down\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:33 {
    height: 33.33% !important;
  }

  .w-xl\:33 {
    width: 33.33% !important;
  }

  .max-h-xl\:33 {
    max-height: 33.33% !important;
  }

  .max-w-xl\:33 {
    max-width: 33.33% !important;
  }

  .min-h-xl\:33 {
    min-height: 33.33% !important;
  }

  .min-w-xl\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:33 {
    height: 33.33% !important;
  }

  .w-xl-up\:33 {
    width: 33.33% !important;
  }

  .max-h-xl-up\:33 {
    max-height: 33.33% !important;
  }

  .max-w-xl-up\:33 {
    max-width: 33.33% !important;
  }

  .min-h-xl-up\:33 {
    min-height: 33.33% !important;
  }

  .min-w-xl-up\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:33 {
    height: 33.33% !important;
  }

  .w-xl-down\:33 {
    width: 33.33% !important;
  }

  .max-h-xl-down\:33 {
    max-height: 33.33% !important;
  }

  .max-w-xl-down\:33 {
    max-width: 33.33% !important;
  }

  .min-h-xl-down\:33 {
    min-height: 33.33% !important;
  }

  .min-w-xl-down\:33 {
    min-width: 33.33% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:33 {
    height: 33.33% !important;
  }

  .w-xxl\:33 {
    width: 33.33% !important;
  }

  .max-h-xxl\:33 {
    max-height: 33.33% !important;
  }

  .max-w-xxl\:33 {
    max-width: 33.33% !important;
  }

  .min-h-xxl\:33 {
    min-height: 33.33% !important;
  }

  .min-w-xxl\:33 {
    min-width: 33.33% !important;
  }
}
.h\:40 {
  height: 40% !important;
}

.w\:40 {
  width: 40% !important;
}

.max-h\:40 {
  max-height: 40% !important;
}

.max-w\:40 {
  max-width: 40% !important;
}

.min-h\:40 {
  min-height: 40% !important;
}

.min-w\:40 {
  min-width: 40% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:40 {
    height: 40% !important;
  }

  .w-xs\:40 {
    width: 40% !important;
  }

  .max-h-xs\:40 {
    max-height: 40% !important;
  }

  .max-w-xs\:40 {
    max-width: 40% !important;
  }

  .min-h-xs\:40 {
    min-height: 40% !important;
  }

  .min-w-xs\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:40 {
    height: 40% !important;
  }

  .w-sm\:40 {
    width: 40% !important;
  }

  .max-h-sm\:40 {
    max-height: 40% !important;
  }

  .max-w-sm\:40 {
    max-width: 40% !important;
  }

  .min-h-sm\:40 {
    min-height: 40% !important;
  }

  .min-w-sm\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:40 {
    height: 40% !important;
  }

  .w-sm-up\:40 {
    width: 40% !important;
  }

  .max-h-sm-up\:40 {
    max-height: 40% !important;
  }

  .max-w-sm-up\:40 {
    max-width: 40% !important;
  }

  .min-h-sm-up\:40 {
    min-height: 40% !important;
  }

  .min-w-sm-up\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:40 {
    height: 40% !important;
  }

  .w-sm-down\:40 {
    width: 40% !important;
  }

  .max-h-sm-down\:40 {
    max-height: 40% !important;
  }

  .max-w-sm-down\:40 {
    max-width: 40% !important;
  }

  .min-h-sm-down\:40 {
    min-height: 40% !important;
  }

  .min-w-sm-down\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:40 {
    height: 40% !important;
  }

  .w-md\:40 {
    width: 40% !important;
  }

  .max-h-md\:40 {
    max-height: 40% !important;
  }

  .max-w-md\:40 {
    max-width: 40% !important;
  }

  .min-h-md\:40 {
    min-height: 40% !important;
  }

  .min-w-md\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:40 {
    height: 40% !important;
  }

  .w-md-up\:40 {
    width: 40% !important;
  }

  .max-h-md-up\:40 {
    max-height: 40% !important;
  }

  .max-w-md-up\:40 {
    max-width: 40% !important;
  }

  .min-h-md-up\:40 {
    min-height: 40% !important;
  }

  .min-w-md-up\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:40 {
    height: 40% !important;
  }

  .w-md-down\:40 {
    width: 40% !important;
  }

  .max-h-md-down\:40 {
    max-height: 40% !important;
  }

  .max-w-md-down\:40 {
    max-width: 40% !important;
  }

  .min-h-md-down\:40 {
    min-height: 40% !important;
  }

  .min-w-md-down\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:40 {
    height: 40% !important;
  }

  .w-lg\:40 {
    width: 40% !important;
  }

  .max-h-lg\:40 {
    max-height: 40% !important;
  }

  .max-w-lg\:40 {
    max-width: 40% !important;
  }

  .min-h-lg\:40 {
    min-height: 40% !important;
  }

  .min-w-lg\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:40 {
    height: 40% !important;
  }

  .w-lg-up\:40 {
    width: 40% !important;
  }

  .max-h-lg-up\:40 {
    max-height: 40% !important;
  }

  .max-w-lg-up\:40 {
    max-width: 40% !important;
  }

  .min-h-lg-up\:40 {
    min-height: 40% !important;
  }

  .min-w-lg-up\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:40 {
    height: 40% !important;
  }

  .w-lg-down\:40 {
    width: 40% !important;
  }

  .max-h-lg-down\:40 {
    max-height: 40% !important;
  }

  .max-w-lg-down\:40 {
    max-width: 40% !important;
  }

  .min-h-lg-down\:40 {
    min-height: 40% !important;
  }

  .min-w-lg-down\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:40 {
    height: 40% !important;
  }

  .w-xl\:40 {
    width: 40% !important;
  }

  .max-h-xl\:40 {
    max-height: 40% !important;
  }

  .max-w-xl\:40 {
    max-width: 40% !important;
  }

  .min-h-xl\:40 {
    min-height: 40% !important;
  }

  .min-w-xl\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:40 {
    height: 40% !important;
  }

  .w-xl-up\:40 {
    width: 40% !important;
  }

  .max-h-xl-up\:40 {
    max-height: 40% !important;
  }

  .max-w-xl-up\:40 {
    max-width: 40% !important;
  }

  .min-h-xl-up\:40 {
    min-height: 40% !important;
  }

  .min-w-xl-up\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:40 {
    height: 40% !important;
  }

  .w-xl-down\:40 {
    width: 40% !important;
  }

  .max-h-xl-down\:40 {
    max-height: 40% !important;
  }

  .max-w-xl-down\:40 {
    max-width: 40% !important;
  }

  .min-h-xl-down\:40 {
    min-height: 40% !important;
  }

  .min-w-xl-down\:40 {
    min-width: 40% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:40 {
    height: 40% !important;
  }

  .w-xxl\:40 {
    width: 40% !important;
  }

  .max-h-xxl\:40 {
    max-height: 40% !important;
  }

  .max-w-xxl\:40 {
    max-width: 40% !important;
  }

  .min-h-xxl\:40 {
    min-height: 40% !important;
  }

  .min-w-xxl\:40 {
    min-width: 40% !important;
  }
}
.h\:45 {
  height: 45% !important;
}

.w\:45 {
  width: 45% !important;
}

.max-h\:45 {
  max-height: 45% !important;
}

.max-w\:45 {
  max-width: 45% !important;
}

.min-h\:45 {
  min-height: 45% !important;
}

.min-w\:45 {
  min-width: 45% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:45 {
    height: 45% !important;
  }

  .w-xs\:45 {
    width: 45% !important;
  }

  .max-h-xs\:45 {
    max-height: 45% !important;
  }

  .max-w-xs\:45 {
    max-width: 45% !important;
  }

  .min-h-xs\:45 {
    min-height: 45% !important;
  }

  .min-w-xs\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:45 {
    height: 45% !important;
  }

  .w-sm\:45 {
    width: 45% !important;
  }

  .max-h-sm\:45 {
    max-height: 45% !important;
  }

  .max-w-sm\:45 {
    max-width: 45% !important;
  }

  .min-h-sm\:45 {
    min-height: 45% !important;
  }

  .min-w-sm\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:45 {
    height: 45% !important;
  }

  .w-sm-up\:45 {
    width: 45% !important;
  }

  .max-h-sm-up\:45 {
    max-height: 45% !important;
  }

  .max-w-sm-up\:45 {
    max-width: 45% !important;
  }

  .min-h-sm-up\:45 {
    min-height: 45% !important;
  }

  .min-w-sm-up\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:45 {
    height: 45% !important;
  }

  .w-sm-down\:45 {
    width: 45% !important;
  }

  .max-h-sm-down\:45 {
    max-height: 45% !important;
  }

  .max-w-sm-down\:45 {
    max-width: 45% !important;
  }

  .min-h-sm-down\:45 {
    min-height: 45% !important;
  }

  .min-w-sm-down\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:45 {
    height: 45% !important;
  }

  .w-md\:45 {
    width: 45% !important;
  }

  .max-h-md\:45 {
    max-height: 45% !important;
  }

  .max-w-md\:45 {
    max-width: 45% !important;
  }

  .min-h-md\:45 {
    min-height: 45% !important;
  }

  .min-w-md\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:45 {
    height: 45% !important;
  }

  .w-md-up\:45 {
    width: 45% !important;
  }

  .max-h-md-up\:45 {
    max-height: 45% !important;
  }

  .max-w-md-up\:45 {
    max-width: 45% !important;
  }

  .min-h-md-up\:45 {
    min-height: 45% !important;
  }

  .min-w-md-up\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:45 {
    height: 45% !important;
  }

  .w-md-down\:45 {
    width: 45% !important;
  }

  .max-h-md-down\:45 {
    max-height: 45% !important;
  }

  .max-w-md-down\:45 {
    max-width: 45% !important;
  }

  .min-h-md-down\:45 {
    min-height: 45% !important;
  }

  .min-w-md-down\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:45 {
    height: 45% !important;
  }

  .w-lg\:45 {
    width: 45% !important;
  }

  .max-h-lg\:45 {
    max-height: 45% !important;
  }

  .max-w-lg\:45 {
    max-width: 45% !important;
  }

  .min-h-lg\:45 {
    min-height: 45% !important;
  }

  .min-w-lg\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:45 {
    height: 45% !important;
  }

  .w-lg-up\:45 {
    width: 45% !important;
  }

  .max-h-lg-up\:45 {
    max-height: 45% !important;
  }

  .max-w-lg-up\:45 {
    max-width: 45% !important;
  }

  .min-h-lg-up\:45 {
    min-height: 45% !important;
  }

  .min-w-lg-up\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:45 {
    height: 45% !important;
  }

  .w-lg-down\:45 {
    width: 45% !important;
  }

  .max-h-lg-down\:45 {
    max-height: 45% !important;
  }

  .max-w-lg-down\:45 {
    max-width: 45% !important;
  }

  .min-h-lg-down\:45 {
    min-height: 45% !important;
  }

  .min-w-lg-down\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:45 {
    height: 45% !important;
  }

  .w-xl\:45 {
    width: 45% !important;
  }

  .max-h-xl\:45 {
    max-height: 45% !important;
  }

  .max-w-xl\:45 {
    max-width: 45% !important;
  }

  .min-h-xl\:45 {
    min-height: 45% !important;
  }

  .min-w-xl\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:45 {
    height: 45% !important;
  }

  .w-xl-up\:45 {
    width: 45% !important;
  }

  .max-h-xl-up\:45 {
    max-height: 45% !important;
  }

  .max-w-xl-up\:45 {
    max-width: 45% !important;
  }

  .min-h-xl-up\:45 {
    min-height: 45% !important;
  }

  .min-w-xl-up\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:45 {
    height: 45% !important;
  }

  .w-xl-down\:45 {
    width: 45% !important;
  }

  .max-h-xl-down\:45 {
    max-height: 45% !important;
  }

  .max-w-xl-down\:45 {
    max-width: 45% !important;
  }

  .min-h-xl-down\:45 {
    min-height: 45% !important;
  }

  .min-w-xl-down\:45 {
    min-width: 45% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:45 {
    height: 45% !important;
  }

  .w-xxl\:45 {
    width: 45% !important;
  }

  .max-h-xxl\:45 {
    max-height: 45% !important;
  }

  .max-w-xxl\:45 {
    max-width: 45% !important;
  }

  .min-h-xxl\:45 {
    min-height: 45% !important;
  }

  .min-w-xxl\:45 {
    min-width: 45% !important;
  }
}
.h\:50 {
  height: 50% !important;
}

.w\:50 {
  width: 50% !important;
}

.max-h\:50 {
  max-height: 50% !important;
}

.max-w\:50 {
  max-width: 50% !important;
}

.min-h\:50 {
  min-height: 50% !important;
}

.min-w\:50 {
  min-width: 50% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:50 {
    height: 50% !important;
  }

  .w-xs\:50 {
    width: 50% !important;
  }

  .max-h-xs\:50 {
    max-height: 50% !important;
  }

  .max-w-xs\:50 {
    max-width: 50% !important;
  }

  .min-h-xs\:50 {
    min-height: 50% !important;
  }

  .min-w-xs\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:50 {
    height: 50% !important;
  }

  .w-sm\:50 {
    width: 50% !important;
  }

  .max-h-sm\:50 {
    max-height: 50% !important;
  }

  .max-w-sm\:50 {
    max-width: 50% !important;
  }

  .min-h-sm\:50 {
    min-height: 50% !important;
  }

  .min-w-sm\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:50 {
    height: 50% !important;
  }

  .w-sm-up\:50 {
    width: 50% !important;
  }

  .max-h-sm-up\:50 {
    max-height: 50% !important;
  }

  .max-w-sm-up\:50 {
    max-width: 50% !important;
  }

  .min-h-sm-up\:50 {
    min-height: 50% !important;
  }

  .min-w-sm-up\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:50 {
    height: 50% !important;
  }

  .w-sm-down\:50 {
    width: 50% !important;
  }

  .max-h-sm-down\:50 {
    max-height: 50% !important;
  }

  .max-w-sm-down\:50 {
    max-width: 50% !important;
  }

  .min-h-sm-down\:50 {
    min-height: 50% !important;
  }

  .min-w-sm-down\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:50 {
    height: 50% !important;
  }

  .w-md\:50 {
    width: 50% !important;
  }

  .max-h-md\:50 {
    max-height: 50% !important;
  }

  .max-w-md\:50 {
    max-width: 50% !important;
  }

  .min-h-md\:50 {
    min-height: 50% !important;
  }

  .min-w-md\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:50 {
    height: 50% !important;
  }

  .w-md-up\:50 {
    width: 50% !important;
  }

  .max-h-md-up\:50 {
    max-height: 50% !important;
  }

  .max-w-md-up\:50 {
    max-width: 50% !important;
  }

  .min-h-md-up\:50 {
    min-height: 50% !important;
  }

  .min-w-md-up\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:50 {
    height: 50% !important;
  }

  .w-md-down\:50 {
    width: 50% !important;
  }

  .max-h-md-down\:50 {
    max-height: 50% !important;
  }

  .max-w-md-down\:50 {
    max-width: 50% !important;
  }

  .min-h-md-down\:50 {
    min-height: 50% !important;
  }

  .min-w-md-down\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:50 {
    height: 50% !important;
  }

  .w-lg\:50 {
    width: 50% !important;
  }

  .max-h-lg\:50 {
    max-height: 50% !important;
  }

  .max-w-lg\:50 {
    max-width: 50% !important;
  }

  .min-h-lg\:50 {
    min-height: 50% !important;
  }

  .min-w-lg\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:50 {
    height: 50% !important;
  }

  .w-lg-up\:50 {
    width: 50% !important;
  }

  .max-h-lg-up\:50 {
    max-height: 50% !important;
  }

  .max-w-lg-up\:50 {
    max-width: 50% !important;
  }

  .min-h-lg-up\:50 {
    min-height: 50% !important;
  }

  .min-w-lg-up\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:50 {
    height: 50% !important;
  }

  .w-lg-down\:50 {
    width: 50% !important;
  }

  .max-h-lg-down\:50 {
    max-height: 50% !important;
  }

  .max-w-lg-down\:50 {
    max-width: 50% !important;
  }

  .min-h-lg-down\:50 {
    min-height: 50% !important;
  }

  .min-w-lg-down\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:50 {
    height: 50% !important;
  }

  .w-xl\:50 {
    width: 50% !important;
  }

  .max-h-xl\:50 {
    max-height: 50% !important;
  }

  .max-w-xl\:50 {
    max-width: 50% !important;
  }

  .min-h-xl\:50 {
    min-height: 50% !important;
  }

  .min-w-xl\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:50 {
    height: 50% !important;
  }

  .w-xl-up\:50 {
    width: 50% !important;
  }

  .max-h-xl-up\:50 {
    max-height: 50% !important;
  }

  .max-w-xl-up\:50 {
    max-width: 50% !important;
  }

  .min-h-xl-up\:50 {
    min-height: 50% !important;
  }

  .min-w-xl-up\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:50 {
    height: 50% !important;
  }

  .w-xl-down\:50 {
    width: 50% !important;
  }

  .max-h-xl-down\:50 {
    max-height: 50% !important;
  }

  .max-w-xl-down\:50 {
    max-width: 50% !important;
  }

  .min-h-xl-down\:50 {
    min-height: 50% !important;
  }

  .min-w-xl-down\:50 {
    min-width: 50% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:50 {
    height: 50% !important;
  }

  .w-xxl\:50 {
    width: 50% !important;
  }

  .max-h-xxl\:50 {
    max-height: 50% !important;
  }

  .max-w-xxl\:50 {
    max-width: 50% !important;
  }

  .min-h-xxl\:50 {
    min-height: 50% !important;
  }

  .min-w-xxl\:50 {
    min-width: 50% !important;
  }
}
.h\:60 {
  height: 60% !important;
}

.w\:60 {
  width: 60% !important;
}

.max-h\:60 {
  max-height: 60% !important;
}

.max-w\:60 {
  max-width: 60% !important;
}

.min-h\:60 {
  min-height: 60% !important;
}

.min-w\:60 {
  min-width: 60% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:60 {
    height: 60% !important;
  }

  .w-xs\:60 {
    width: 60% !important;
  }

  .max-h-xs\:60 {
    max-height: 60% !important;
  }

  .max-w-xs\:60 {
    max-width: 60% !important;
  }

  .min-h-xs\:60 {
    min-height: 60% !important;
  }

  .min-w-xs\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:60 {
    height: 60% !important;
  }

  .w-sm\:60 {
    width: 60% !important;
  }

  .max-h-sm\:60 {
    max-height: 60% !important;
  }

  .max-w-sm\:60 {
    max-width: 60% !important;
  }

  .min-h-sm\:60 {
    min-height: 60% !important;
  }

  .min-w-sm\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:60 {
    height: 60% !important;
  }

  .w-sm-up\:60 {
    width: 60% !important;
  }

  .max-h-sm-up\:60 {
    max-height: 60% !important;
  }

  .max-w-sm-up\:60 {
    max-width: 60% !important;
  }

  .min-h-sm-up\:60 {
    min-height: 60% !important;
  }

  .min-w-sm-up\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:60 {
    height: 60% !important;
  }

  .w-sm-down\:60 {
    width: 60% !important;
  }

  .max-h-sm-down\:60 {
    max-height: 60% !important;
  }

  .max-w-sm-down\:60 {
    max-width: 60% !important;
  }

  .min-h-sm-down\:60 {
    min-height: 60% !important;
  }

  .min-w-sm-down\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:60 {
    height: 60% !important;
  }

  .w-md\:60 {
    width: 60% !important;
  }

  .max-h-md\:60 {
    max-height: 60% !important;
  }

  .max-w-md\:60 {
    max-width: 60% !important;
  }

  .min-h-md\:60 {
    min-height: 60% !important;
  }

  .min-w-md\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:60 {
    height: 60% !important;
  }

  .w-md-up\:60 {
    width: 60% !important;
  }

  .max-h-md-up\:60 {
    max-height: 60% !important;
  }

  .max-w-md-up\:60 {
    max-width: 60% !important;
  }

  .min-h-md-up\:60 {
    min-height: 60% !important;
  }

  .min-w-md-up\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:60 {
    height: 60% !important;
  }

  .w-md-down\:60 {
    width: 60% !important;
  }

  .max-h-md-down\:60 {
    max-height: 60% !important;
  }

  .max-w-md-down\:60 {
    max-width: 60% !important;
  }

  .min-h-md-down\:60 {
    min-height: 60% !important;
  }

  .min-w-md-down\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:60 {
    height: 60% !important;
  }

  .w-lg\:60 {
    width: 60% !important;
  }

  .max-h-lg\:60 {
    max-height: 60% !important;
  }

  .max-w-lg\:60 {
    max-width: 60% !important;
  }

  .min-h-lg\:60 {
    min-height: 60% !important;
  }

  .min-w-lg\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:60 {
    height: 60% !important;
  }

  .w-lg-up\:60 {
    width: 60% !important;
  }

  .max-h-lg-up\:60 {
    max-height: 60% !important;
  }

  .max-w-lg-up\:60 {
    max-width: 60% !important;
  }

  .min-h-lg-up\:60 {
    min-height: 60% !important;
  }

  .min-w-lg-up\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:60 {
    height: 60% !important;
  }

  .w-lg-down\:60 {
    width: 60% !important;
  }

  .max-h-lg-down\:60 {
    max-height: 60% !important;
  }

  .max-w-lg-down\:60 {
    max-width: 60% !important;
  }

  .min-h-lg-down\:60 {
    min-height: 60% !important;
  }

  .min-w-lg-down\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:60 {
    height: 60% !important;
  }

  .w-xl\:60 {
    width: 60% !important;
  }

  .max-h-xl\:60 {
    max-height: 60% !important;
  }

  .max-w-xl\:60 {
    max-width: 60% !important;
  }

  .min-h-xl\:60 {
    min-height: 60% !important;
  }

  .min-w-xl\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:60 {
    height: 60% !important;
  }

  .w-xl-up\:60 {
    width: 60% !important;
  }

  .max-h-xl-up\:60 {
    max-height: 60% !important;
  }

  .max-w-xl-up\:60 {
    max-width: 60% !important;
  }

  .min-h-xl-up\:60 {
    min-height: 60% !important;
  }

  .min-w-xl-up\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:60 {
    height: 60% !important;
  }

  .w-xl-down\:60 {
    width: 60% !important;
  }

  .max-h-xl-down\:60 {
    max-height: 60% !important;
  }

  .max-w-xl-down\:60 {
    max-width: 60% !important;
  }

  .min-h-xl-down\:60 {
    min-height: 60% !important;
  }

  .min-w-xl-down\:60 {
    min-width: 60% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:60 {
    height: 60% !important;
  }

  .w-xxl\:60 {
    width: 60% !important;
  }

  .max-h-xxl\:60 {
    max-height: 60% !important;
  }

  .max-w-xxl\:60 {
    max-width: 60% !important;
  }

  .min-h-xxl\:60 {
    min-height: 60% !important;
  }

  .min-w-xxl\:60 {
    min-width: 60% !important;
  }
}
.h\:66 {
  height: 66.66% !important;
}

.w\:66 {
  width: 66.66% !important;
}

.max-h\:66 {
  max-height: 66.66% !important;
}

.max-w\:66 {
  max-width: 66.66% !important;
}

.min-h\:66 {
  min-height: 66.66% !important;
}

.min-w\:66 {
  min-width: 66.66% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:66 {
    height: 66.66% !important;
  }

  .w-xs\:66 {
    width: 66.66% !important;
  }

  .max-h-xs\:66 {
    max-height: 66.66% !important;
  }

  .max-w-xs\:66 {
    max-width: 66.66% !important;
  }

  .min-h-xs\:66 {
    min-height: 66.66% !important;
  }

  .min-w-xs\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:66 {
    height: 66.66% !important;
  }

  .w-sm\:66 {
    width: 66.66% !important;
  }

  .max-h-sm\:66 {
    max-height: 66.66% !important;
  }

  .max-w-sm\:66 {
    max-width: 66.66% !important;
  }

  .min-h-sm\:66 {
    min-height: 66.66% !important;
  }

  .min-w-sm\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:66 {
    height: 66.66% !important;
  }

  .w-sm-up\:66 {
    width: 66.66% !important;
  }

  .max-h-sm-up\:66 {
    max-height: 66.66% !important;
  }

  .max-w-sm-up\:66 {
    max-width: 66.66% !important;
  }

  .min-h-sm-up\:66 {
    min-height: 66.66% !important;
  }

  .min-w-sm-up\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:66 {
    height: 66.66% !important;
  }

  .w-sm-down\:66 {
    width: 66.66% !important;
  }

  .max-h-sm-down\:66 {
    max-height: 66.66% !important;
  }

  .max-w-sm-down\:66 {
    max-width: 66.66% !important;
  }

  .min-h-sm-down\:66 {
    min-height: 66.66% !important;
  }

  .min-w-sm-down\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:66 {
    height: 66.66% !important;
  }

  .w-md\:66 {
    width: 66.66% !important;
  }

  .max-h-md\:66 {
    max-height: 66.66% !important;
  }

  .max-w-md\:66 {
    max-width: 66.66% !important;
  }

  .min-h-md\:66 {
    min-height: 66.66% !important;
  }

  .min-w-md\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:66 {
    height: 66.66% !important;
  }

  .w-md-up\:66 {
    width: 66.66% !important;
  }

  .max-h-md-up\:66 {
    max-height: 66.66% !important;
  }

  .max-w-md-up\:66 {
    max-width: 66.66% !important;
  }

  .min-h-md-up\:66 {
    min-height: 66.66% !important;
  }

  .min-w-md-up\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:66 {
    height: 66.66% !important;
  }

  .w-md-down\:66 {
    width: 66.66% !important;
  }

  .max-h-md-down\:66 {
    max-height: 66.66% !important;
  }

  .max-w-md-down\:66 {
    max-width: 66.66% !important;
  }

  .min-h-md-down\:66 {
    min-height: 66.66% !important;
  }

  .min-w-md-down\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:66 {
    height: 66.66% !important;
  }

  .w-lg\:66 {
    width: 66.66% !important;
  }

  .max-h-lg\:66 {
    max-height: 66.66% !important;
  }

  .max-w-lg\:66 {
    max-width: 66.66% !important;
  }

  .min-h-lg\:66 {
    min-height: 66.66% !important;
  }

  .min-w-lg\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:66 {
    height: 66.66% !important;
  }

  .w-lg-up\:66 {
    width: 66.66% !important;
  }

  .max-h-lg-up\:66 {
    max-height: 66.66% !important;
  }

  .max-w-lg-up\:66 {
    max-width: 66.66% !important;
  }

  .min-h-lg-up\:66 {
    min-height: 66.66% !important;
  }

  .min-w-lg-up\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:66 {
    height: 66.66% !important;
  }

  .w-lg-down\:66 {
    width: 66.66% !important;
  }

  .max-h-lg-down\:66 {
    max-height: 66.66% !important;
  }

  .max-w-lg-down\:66 {
    max-width: 66.66% !important;
  }

  .min-h-lg-down\:66 {
    min-height: 66.66% !important;
  }

  .min-w-lg-down\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:66 {
    height: 66.66% !important;
  }

  .w-xl\:66 {
    width: 66.66% !important;
  }

  .max-h-xl\:66 {
    max-height: 66.66% !important;
  }

  .max-w-xl\:66 {
    max-width: 66.66% !important;
  }

  .min-h-xl\:66 {
    min-height: 66.66% !important;
  }

  .min-w-xl\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:66 {
    height: 66.66% !important;
  }

  .w-xl-up\:66 {
    width: 66.66% !important;
  }

  .max-h-xl-up\:66 {
    max-height: 66.66% !important;
  }

  .max-w-xl-up\:66 {
    max-width: 66.66% !important;
  }

  .min-h-xl-up\:66 {
    min-height: 66.66% !important;
  }

  .min-w-xl-up\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:66 {
    height: 66.66% !important;
  }

  .w-xl-down\:66 {
    width: 66.66% !important;
  }

  .max-h-xl-down\:66 {
    max-height: 66.66% !important;
  }

  .max-w-xl-down\:66 {
    max-width: 66.66% !important;
  }

  .min-h-xl-down\:66 {
    min-height: 66.66% !important;
  }

  .min-w-xl-down\:66 {
    min-width: 66.66% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:66 {
    height: 66.66% !important;
  }

  .w-xxl\:66 {
    width: 66.66% !important;
  }

  .max-h-xxl\:66 {
    max-height: 66.66% !important;
  }

  .max-w-xxl\:66 {
    max-width: 66.66% !important;
  }

  .min-h-xxl\:66 {
    min-height: 66.66% !important;
  }

  .min-w-xxl\:66 {
    min-width: 66.66% !important;
  }
}
.h\:70 {
  height: 70% !important;
}

.w\:70 {
  width: 70% !important;
}

.max-h\:70 {
  max-height: 70% !important;
}

.max-w\:70 {
  max-width: 70% !important;
}

.min-h\:70 {
  min-height: 70% !important;
}

.min-w\:70 {
  min-width: 70% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:70 {
    height: 70% !important;
  }

  .w-xs\:70 {
    width: 70% !important;
  }

  .max-h-xs\:70 {
    max-height: 70% !important;
  }

  .max-w-xs\:70 {
    max-width: 70% !important;
  }

  .min-h-xs\:70 {
    min-height: 70% !important;
  }

  .min-w-xs\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:70 {
    height: 70% !important;
  }

  .w-sm\:70 {
    width: 70% !important;
  }

  .max-h-sm\:70 {
    max-height: 70% !important;
  }

  .max-w-sm\:70 {
    max-width: 70% !important;
  }

  .min-h-sm\:70 {
    min-height: 70% !important;
  }

  .min-w-sm\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:70 {
    height: 70% !important;
  }

  .w-sm-up\:70 {
    width: 70% !important;
  }

  .max-h-sm-up\:70 {
    max-height: 70% !important;
  }

  .max-w-sm-up\:70 {
    max-width: 70% !important;
  }

  .min-h-sm-up\:70 {
    min-height: 70% !important;
  }

  .min-w-sm-up\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:70 {
    height: 70% !important;
  }

  .w-sm-down\:70 {
    width: 70% !important;
  }

  .max-h-sm-down\:70 {
    max-height: 70% !important;
  }

  .max-w-sm-down\:70 {
    max-width: 70% !important;
  }

  .min-h-sm-down\:70 {
    min-height: 70% !important;
  }

  .min-w-sm-down\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:70 {
    height: 70% !important;
  }

  .w-md\:70 {
    width: 70% !important;
  }

  .max-h-md\:70 {
    max-height: 70% !important;
  }

  .max-w-md\:70 {
    max-width: 70% !important;
  }

  .min-h-md\:70 {
    min-height: 70% !important;
  }

  .min-w-md\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:70 {
    height: 70% !important;
  }

  .w-md-up\:70 {
    width: 70% !important;
  }

  .max-h-md-up\:70 {
    max-height: 70% !important;
  }

  .max-w-md-up\:70 {
    max-width: 70% !important;
  }

  .min-h-md-up\:70 {
    min-height: 70% !important;
  }

  .min-w-md-up\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:70 {
    height: 70% !important;
  }

  .w-md-down\:70 {
    width: 70% !important;
  }

  .max-h-md-down\:70 {
    max-height: 70% !important;
  }

  .max-w-md-down\:70 {
    max-width: 70% !important;
  }

  .min-h-md-down\:70 {
    min-height: 70% !important;
  }

  .min-w-md-down\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:70 {
    height: 70% !important;
  }

  .w-lg\:70 {
    width: 70% !important;
  }

  .max-h-lg\:70 {
    max-height: 70% !important;
  }

  .max-w-lg\:70 {
    max-width: 70% !important;
  }

  .min-h-lg\:70 {
    min-height: 70% !important;
  }

  .min-w-lg\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:70 {
    height: 70% !important;
  }

  .w-lg-up\:70 {
    width: 70% !important;
  }

  .max-h-lg-up\:70 {
    max-height: 70% !important;
  }

  .max-w-lg-up\:70 {
    max-width: 70% !important;
  }

  .min-h-lg-up\:70 {
    min-height: 70% !important;
  }

  .min-w-lg-up\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:70 {
    height: 70% !important;
  }

  .w-lg-down\:70 {
    width: 70% !important;
  }

  .max-h-lg-down\:70 {
    max-height: 70% !important;
  }

  .max-w-lg-down\:70 {
    max-width: 70% !important;
  }

  .min-h-lg-down\:70 {
    min-height: 70% !important;
  }

  .min-w-lg-down\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:70 {
    height: 70% !important;
  }

  .w-xl\:70 {
    width: 70% !important;
  }

  .max-h-xl\:70 {
    max-height: 70% !important;
  }

  .max-w-xl\:70 {
    max-width: 70% !important;
  }

  .min-h-xl\:70 {
    min-height: 70% !important;
  }

  .min-w-xl\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:70 {
    height: 70% !important;
  }

  .w-xl-up\:70 {
    width: 70% !important;
  }

  .max-h-xl-up\:70 {
    max-height: 70% !important;
  }

  .max-w-xl-up\:70 {
    max-width: 70% !important;
  }

  .min-h-xl-up\:70 {
    min-height: 70% !important;
  }

  .min-w-xl-up\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:70 {
    height: 70% !important;
  }

  .w-xl-down\:70 {
    width: 70% !important;
  }

  .max-h-xl-down\:70 {
    max-height: 70% !important;
  }

  .max-w-xl-down\:70 {
    max-width: 70% !important;
  }

  .min-h-xl-down\:70 {
    min-height: 70% !important;
  }

  .min-w-xl-down\:70 {
    min-width: 70% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:70 {
    height: 70% !important;
  }

  .w-xxl\:70 {
    width: 70% !important;
  }

  .max-h-xxl\:70 {
    max-height: 70% !important;
  }

  .max-w-xxl\:70 {
    max-width: 70% !important;
  }

  .min-h-xxl\:70 {
    min-height: 70% !important;
  }

  .min-w-xxl\:70 {
    min-width: 70% !important;
  }
}
.h\:75 {
  height: 75% !important;
}

.w\:75 {
  width: 75% !important;
}

.max-h\:75 {
  max-height: 75% !important;
}

.max-w\:75 {
  max-width: 75% !important;
}

.min-h\:75 {
  min-height: 75% !important;
}

.min-w\:75 {
  min-width: 75% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:75 {
    height: 75% !important;
  }

  .w-xs\:75 {
    width: 75% !important;
  }

  .max-h-xs\:75 {
    max-height: 75% !important;
  }

  .max-w-xs\:75 {
    max-width: 75% !important;
  }

  .min-h-xs\:75 {
    min-height: 75% !important;
  }

  .min-w-xs\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:75 {
    height: 75% !important;
  }

  .w-sm\:75 {
    width: 75% !important;
  }

  .max-h-sm\:75 {
    max-height: 75% !important;
  }

  .max-w-sm\:75 {
    max-width: 75% !important;
  }

  .min-h-sm\:75 {
    min-height: 75% !important;
  }

  .min-w-sm\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:75 {
    height: 75% !important;
  }

  .w-sm-up\:75 {
    width: 75% !important;
  }

  .max-h-sm-up\:75 {
    max-height: 75% !important;
  }

  .max-w-sm-up\:75 {
    max-width: 75% !important;
  }

  .min-h-sm-up\:75 {
    min-height: 75% !important;
  }

  .min-w-sm-up\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:75 {
    height: 75% !important;
  }

  .w-sm-down\:75 {
    width: 75% !important;
  }

  .max-h-sm-down\:75 {
    max-height: 75% !important;
  }

  .max-w-sm-down\:75 {
    max-width: 75% !important;
  }

  .min-h-sm-down\:75 {
    min-height: 75% !important;
  }

  .min-w-sm-down\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:75 {
    height: 75% !important;
  }

  .w-md\:75 {
    width: 75% !important;
  }

  .max-h-md\:75 {
    max-height: 75% !important;
  }

  .max-w-md\:75 {
    max-width: 75% !important;
  }

  .min-h-md\:75 {
    min-height: 75% !important;
  }

  .min-w-md\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:75 {
    height: 75% !important;
  }

  .w-md-up\:75 {
    width: 75% !important;
  }

  .max-h-md-up\:75 {
    max-height: 75% !important;
  }

  .max-w-md-up\:75 {
    max-width: 75% !important;
  }

  .min-h-md-up\:75 {
    min-height: 75% !important;
  }

  .min-w-md-up\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:75 {
    height: 75% !important;
  }

  .w-md-down\:75 {
    width: 75% !important;
  }

  .max-h-md-down\:75 {
    max-height: 75% !important;
  }

  .max-w-md-down\:75 {
    max-width: 75% !important;
  }

  .min-h-md-down\:75 {
    min-height: 75% !important;
  }

  .min-w-md-down\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:75 {
    height: 75% !important;
  }

  .w-lg\:75 {
    width: 75% !important;
  }

  .max-h-lg\:75 {
    max-height: 75% !important;
  }

  .max-w-lg\:75 {
    max-width: 75% !important;
  }

  .min-h-lg\:75 {
    min-height: 75% !important;
  }

  .min-w-lg\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:75 {
    height: 75% !important;
  }

  .w-lg-up\:75 {
    width: 75% !important;
  }

  .max-h-lg-up\:75 {
    max-height: 75% !important;
  }

  .max-w-lg-up\:75 {
    max-width: 75% !important;
  }

  .min-h-lg-up\:75 {
    min-height: 75% !important;
  }

  .min-w-lg-up\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:75 {
    height: 75% !important;
  }

  .w-lg-down\:75 {
    width: 75% !important;
  }

  .max-h-lg-down\:75 {
    max-height: 75% !important;
  }

  .max-w-lg-down\:75 {
    max-width: 75% !important;
  }

  .min-h-lg-down\:75 {
    min-height: 75% !important;
  }

  .min-w-lg-down\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:75 {
    height: 75% !important;
  }

  .w-xl\:75 {
    width: 75% !important;
  }

  .max-h-xl\:75 {
    max-height: 75% !important;
  }

  .max-w-xl\:75 {
    max-width: 75% !important;
  }

  .min-h-xl\:75 {
    min-height: 75% !important;
  }

  .min-w-xl\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:75 {
    height: 75% !important;
  }

  .w-xl-up\:75 {
    width: 75% !important;
  }

  .max-h-xl-up\:75 {
    max-height: 75% !important;
  }

  .max-w-xl-up\:75 {
    max-width: 75% !important;
  }

  .min-h-xl-up\:75 {
    min-height: 75% !important;
  }

  .min-w-xl-up\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:75 {
    height: 75% !important;
  }

  .w-xl-down\:75 {
    width: 75% !important;
  }

  .max-h-xl-down\:75 {
    max-height: 75% !important;
  }

  .max-w-xl-down\:75 {
    max-width: 75% !important;
  }

  .min-h-xl-down\:75 {
    min-height: 75% !important;
  }

  .min-w-xl-down\:75 {
    min-width: 75% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:75 {
    height: 75% !important;
  }

  .w-xxl\:75 {
    width: 75% !important;
  }

  .max-h-xxl\:75 {
    max-height: 75% !important;
  }

  .max-w-xxl\:75 {
    max-width: 75% !important;
  }

  .min-h-xxl\:75 {
    min-height: 75% !important;
  }

  .min-w-xxl\:75 {
    min-width: 75% !important;
  }
}
.h\:80 {
  height: 80% !important;
}

.w\:80 {
  width: 80% !important;
}

.max-h\:80 {
  max-height: 80% !important;
}

.max-w\:80 {
  max-width: 80% !important;
}

.min-h\:80 {
  min-height: 80% !important;
}

.min-w\:80 {
  min-width: 80% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:80 {
    height: 80% !important;
  }

  .w-xs\:80 {
    width: 80% !important;
  }

  .max-h-xs\:80 {
    max-height: 80% !important;
  }

  .max-w-xs\:80 {
    max-width: 80% !important;
  }

  .min-h-xs\:80 {
    min-height: 80% !important;
  }

  .min-w-xs\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:80 {
    height: 80% !important;
  }

  .w-sm\:80 {
    width: 80% !important;
  }

  .max-h-sm\:80 {
    max-height: 80% !important;
  }

  .max-w-sm\:80 {
    max-width: 80% !important;
  }

  .min-h-sm\:80 {
    min-height: 80% !important;
  }

  .min-w-sm\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:80 {
    height: 80% !important;
  }

  .w-sm-up\:80 {
    width: 80% !important;
  }

  .max-h-sm-up\:80 {
    max-height: 80% !important;
  }

  .max-w-sm-up\:80 {
    max-width: 80% !important;
  }

  .min-h-sm-up\:80 {
    min-height: 80% !important;
  }

  .min-w-sm-up\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:80 {
    height: 80% !important;
  }

  .w-sm-down\:80 {
    width: 80% !important;
  }

  .max-h-sm-down\:80 {
    max-height: 80% !important;
  }

  .max-w-sm-down\:80 {
    max-width: 80% !important;
  }

  .min-h-sm-down\:80 {
    min-height: 80% !important;
  }

  .min-w-sm-down\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:80 {
    height: 80% !important;
  }

  .w-md\:80 {
    width: 80% !important;
  }

  .max-h-md\:80 {
    max-height: 80% !important;
  }

  .max-w-md\:80 {
    max-width: 80% !important;
  }

  .min-h-md\:80 {
    min-height: 80% !important;
  }

  .min-w-md\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:80 {
    height: 80% !important;
  }

  .w-md-up\:80 {
    width: 80% !important;
  }

  .max-h-md-up\:80 {
    max-height: 80% !important;
  }

  .max-w-md-up\:80 {
    max-width: 80% !important;
  }

  .min-h-md-up\:80 {
    min-height: 80% !important;
  }

  .min-w-md-up\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:80 {
    height: 80% !important;
  }

  .w-md-down\:80 {
    width: 80% !important;
  }

  .max-h-md-down\:80 {
    max-height: 80% !important;
  }

  .max-w-md-down\:80 {
    max-width: 80% !important;
  }

  .min-h-md-down\:80 {
    min-height: 80% !important;
  }

  .min-w-md-down\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:80 {
    height: 80% !important;
  }

  .w-lg\:80 {
    width: 80% !important;
  }

  .max-h-lg\:80 {
    max-height: 80% !important;
  }

  .max-w-lg\:80 {
    max-width: 80% !important;
  }

  .min-h-lg\:80 {
    min-height: 80% !important;
  }

  .min-w-lg\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:80 {
    height: 80% !important;
  }

  .w-lg-up\:80 {
    width: 80% !important;
  }

  .max-h-lg-up\:80 {
    max-height: 80% !important;
  }

  .max-w-lg-up\:80 {
    max-width: 80% !important;
  }

  .min-h-lg-up\:80 {
    min-height: 80% !important;
  }

  .min-w-lg-up\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:80 {
    height: 80% !important;
  }

  .w-lg-down\:80 {
    width: 80% !important;
  }

  .max-h-lg-down\:80 {
    max-height: 80% !important;
  }

  .max-w-lg-down\:80 {
    max-width: 80% !important;
  }

  .min-h-lg-down\:80 {
    min-height: 80% !important;
  }

  .min-w-lg-down\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:80 {
    height: 80% !important;
  }

  .w-xl\:80 {
    width: 80% !important;
  }

  .max-h-xl\:80 {
    max-height: 80% !important;
  }

  .max-w-xl\:80 {
    max-width: 80% !important;
  }

  .min-h-xl\:80 {
    min-height: 80% !important;
  }

  .min-w-xl\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:80 {
    height: 80% !important;
  }

  .w-xl-up\:80 {
    width: 80% !important;
  }

  .max-h-xl-up\:80 {
    max-height: 80% !important;
  }

  .max-w-xl-up\:80 {
    max-width: 80% !important;
  }

  .min-h-xl-up\:80 {
    min-height: 80% !important;
  }

  .min-w-xl-up\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:80 {
    height: 80% !important;
  }

  .w-xl-down\:80 {
    width: 80% !important;
  }

  .max-h-xl-down\:80 {
    max-height: 80% !important;
  }

  .max-w-xl-down\:80 {
    max-width: 80% !important;
  }

  .min-h-xl-down\:80 {
    min-height: 80% !important;
  }

  .min-w-xl-down\:80 {
    min-width: 80% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:80 {
    height: 80% !important;
  }

  .w-xxl\:80 {
    width: 80% !important;
  }

  .max-h-xxl\:80 {
    max-height: 80% !important;
  }

  .max-w-xxl\:80 {
    max-width: 80% !important;
  }

  .min-h-xxl\:80 {
    min-height: 80% !important;
  }

  .min-w-xxl\:80 {
    min-width: 80% !important;
  }
}
.h\:90 {
  height: 90% !important;
}

.w\:90 {
  width: 90% !important;
}

.max-h\:90 {
  max-height: 90% !important;
}

.max-w\:90 {
  max-width: 90% !important;
}

.min-h\:90 {
  min-height: 90% !important;
}

.min-w\:90 {
  min-width: 90% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:90 {
    height: 90% !important;
  }

  .w-xs\:90 {
    width: 90% !important;
  }

  .max-h-xs\:90 {
    max-height: 90% !important;
  }

  .max-w-xs\:90 {
    max-width: 90% !important;
  }

  .min-h-xs\:90 {
    min-height: 90% !important;
  }

  .min-w-xs\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:90 {
    height: 90% !important;
  }

  .w-sm\:90 {
    width: 90% !important;
  }

  .max-h-sm\:90 {
    max-height: 90% !important;
  }

  .max-w-sm\:90 {
    max-width: 90% !important;
  }

  .min-h-sm\:90 {
    min-height: 90% !important;
  }

  .min-w-sm\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:90 {
    height: 90% !important;
  }

  .w-sm-up\:90 {
    width: 90% !important;
  }

  .max-h-sm-up\:90 {
    max-height: 90% !important;
  }

  .max-w-sm-up\:90 {
    max-width: 90% !important;
  }

  .min-h-sm-up\:90 {
    min-height: 90% !important;
  }

  .min-w-sm-up\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:90 {
    height: 90% !important;
  }

  .w-sm-down\:90 {
    width: 90% !important;
  }

  .max-h-sm-down\:90 {
    max-height: 90% !important;
  }

  .max-w-sm-down\:90 {
    max-width: 90% !important;
  }

  .min-h-sm-down\:90 {
    min-height: 90% !important;
  }

  .min-w-sm-down\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:90 {
    height: 90% !important;
  }

  .w-md\:90 {
    width: 90% !important;
  }

  .max-h-md\:90 {
    max-height: 90% !important;
  }

  .max-w-md\:90 {
    max-width: 90% !important;
  }

  .min-h-md\:90 {
    min-height: 90% !important;
  }

  .min-w-md\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:90 {
    height: 90% !important;
  }

  .w-md-up\:90 {
    width: 90% !important;
  }

  .max-h-md-up\:90 {
    max-height: 90% !important;
  }

  .max-w-md-up\:90 {
    max-width: 90% !important;
  }

  .min-h-md-up\:90 {
    min-height: 90% !important;
  }

  .min-w-md-up\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:90 {
    height: 90% !important;
  }

  .w-md-down\:90 {
    width: 90% !important;
  }

  .max-h-md-down\:90 {
    max-height: 90% !important;
  }

  .max-w-md-down\:90 {
    max-width: 90% !important;
  }

  .min-h-md-down\:90 {
    min-height: 90% !important;
  }

  .min-w-md-down\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:90 {
    height: 90% !important;
  }

  .w-lg\:90 {
    width: 90% !important;
  }

  .max-h-lg\:90 {
    max-height: 90% !important;
  }

  .max-w-lg\:90 {
    max-width: 90% !important;
  }

  .min-h-lg\:90 {
    min-height: 90% !important;
  }

  .min-w-lg\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:90 {
    height: 90% !important;
  }

  .w-lg-up\:90 {
    width: 90% !important;
  }

  .max-h-lg-up\:90 {
    max-height: 90% !important;
  }

  .max-w-lg-up\:90 {
    max-width: 90% !important;
  }

  .min-h-lg-up\:90 {
    min-height: 90% !important;
  }

  .min-w-lg-up\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:90 {
    height: 90% !important;
  }

  .w-lg-down\:90 {
    width: 90% !important;
  }

  .max-h-lg-down\:90 {
    max-height: 90% !important;
  }

  .max-w-lg-down\:90 {
    max-width: 90% !important;
  }

  .min-h-lg-down\:90 {
    min-height: 90% !important;
  }

  .min-w-lg-down\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:90 {
    height: 90% !important;
  }

  .w-xl\:90 {
    width: 90% !important;
  }

  .max-h-xl\:90 {
    max-height: 90% !important;
  }

  .max-w-xl\:90 {
    max-width: 90% !important;
  }

  .min-h-xl\:90 {
    min-height: 90% !important;
  }

  .min-w-xl\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:90 {
    height: 90% !important;
  }

  .w-xl-up\:90 {
    width: 90% !important;
  }

  .max-h-xl-up\:90 {
    max-height: 90% !important;
  }

  .max-w-xl-up\:90 {
    max-width: 90% !important;
  }

  .min-h-xl-up\:90 {
    min-height: 90% !important;
  }

  .min-w-xl-up\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:90 {
    height: 90% !important;
  }

  .w-xl-down\:90 {
    width: 90% !important;
  }

  .max-h-xl-down\:90 {
    max-height: 90% !important;
  }

  .max-w-xl-down\:90 {
    max-width: 90% !important;
  }

  .min-h-xl-down\:90 {
    min-height: 90% !important;
  }

  .min-w-xl-down\:90 {
    min-width: 90% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:90 {
    height: 90% !important;
  }

  .w-xxl\:90 {
    width: 90% !important;
  }

  .max-h-xxl\:90 {
    max-height: 90% !important;
  }

  .max-w-xxl\:90 {
    max-width: 90% !important;
  }

  .min-h-xxl\:90 {
    min-height: 90% !important;
  }

  .min-w-xxl\:90 {
    min-width: 90% !important;
  }
}
.h\:100 {
  height: 100% !important;
}

.w\:100 {
  width: 100% !important;
}

.max-h\:100 {
  max-height: 100% !important;
}

.max-w\:100 {
  max-width: 100% !important;
}

.min-h\:100 {
  min-height: 100% !important;
}

.min-w\:100 {
  min-width: 100% !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:100 {
    height: 100% !important;
  }

  .w-xs\:100 {
    width: 100% !important;
  }

  .max-h-xs\:100 {
    max-height: 100% !important;
  }

  .max-w-xs\:100 {
    max-width: 100% !important;
  }

  .min-h-xs\:100 {
    min-height: 100% !important;
  }

  .min-w-xs\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:100 {
    height: 100% !important;
  }

  .w-sm\:100 {
    width: 100% !important;
  }

  .max-h-sm\:100 {
    max-height: 100% !important;
  }

  .max-w-sm\:100 {
    max-width: 100% !important;
  }

  .min-h-sm\:100 {
    min-height: 100% !important;
  }

  .min-w-sm\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:100 {
    height: 100% !important;
  }

  .w-sm-up\:100 {
    width: 100% !important;
  }

  .max-h-sm-up\:100 {
    max-height: 100% !important;
  }

  .max-w-sm-up\:100 {
    max-width: 100% !important;
  }

  .min-h-sm-up\:100 {
    min-height: 100% !important;
  }

  .min-w-sm-up\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:100 {
    height: 100% !important;
  }

  .w-sm-down\:100 {
    width: 100% !important;
  }

  .max-h-sm-down\:100 {
    max-height: 100% !important;
  }

  .max-w-sm-down\:100 {
    max-width: 100% !important;
  }

  .min-h-sm-down\:100 {
    min-height: 100% !important;
  }

  .min-w-sm-down\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:100 {
    height: 100% !important;
  }

  .w-md\:100 {
    width: 100% !important;
  }

  .max-h-md\:100 {
    max-height: 100% !important;
  }

  .max-w-md\:100 {
    max-width: 100% !important;
  }

  .min-h-md\:100 {
    min-height: 100% !important;
  }

  .min-w-md\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:100 {
    height: 100% !important;
  }

  .w-md-up\:100 {
    width: 100% !important;
  }

  .max-h-md-up\:100 {
    max-height: 100% !important;
  }

  .max-w-md-up\:100 {
    max-width: 100% !important;
  }

  .min-h-md-up\:100 {
    min-height: 100% !important;
  }

  .min-w-md-up\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:100 {
    height: 100% !important;
  }

  .w-md-down\:100 {
    width: 100% !important;
  }

  .max-h-md-down\:100 {
    max-height: 100% !important;
  }

  .max-w-md-down\:100 {
    max-width: 100% !important;
  }

  .min-h-md-down\:100 {
    min-height: 100% !important;
  }

  .min-w-md-down\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:100 {
    height: 100% !important;
  }

  .w-lg\:100 {
    width: 100% !important;
  }

  .max-h-lg\:100 {
    max-height: 100% !important;
  }

  .max-w-lg\:100 {
    max-width: 100% !important;
  }

  .min-h-lg\:100 {
    min-height: 100% !important;
  }

  .min-w-lg\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:100 {
    height: 100% !important;
  }

  .w-lg-up\:100 {
    width: 100% !important;
  }

  .max-h-lg-up\:100 {
    max-height: 100% !important;
  }

  .max-w-lg-up\:100 {
    max-width: 100% !important;
  }

  .min-h-lg-up\:100 {
    min-height: 100% !important;
  }

  .min-w-lg-up\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:100 {
    height: 100% !important;
  }

  .w-lg-down\:100 {
    width: 100% !important;
  }

  .max-h-lg-down\:100 {
    max-height: 100% !important;
  }

  .max-w-lg-down\:100 {
    max-width: 100% !important;
  }

  .min-h-lg-down\:100 {
    min-height: 100% !important;
  }

  .min-w-lg-down\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:100 {
    height: 100% !important;
  }

  .w-xl\:100 {
    width: 100% !important;
  }

  .max-h-xl\:100 {
    max-height: 100% !important;
  }

  .max-w-xl\:100 {
    max-width: 100% !important;
  }

  .min-h-xl\:100 {
    min-height: 100% !important;
  }

  .min-w-xl\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:100 {
    height: 100% !important;
  }

  .w-xl-up\:100 {
    width: 100% !important;
  }

  .max-h-xl-up\:100 {
    max-height: 100% !important;
  }

  .max-w-xl-up\:100 {
    max-width: 100% !important;
  }

  .min-h-xl-up\:100 {
    min-height: 100% !important;
  }

  .min-w-xl-up\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:100 {
    height: 100% !important;
  }

  .w-xl-down\:100 {
    width: 100% !important;
  }

  .max-h-xl-down\:100 {
    max-height: 100% !important;
  }

  .max-w-xl-down\:100 {
    max-width: 100% !important;
  }

  .min-h-xl-down\:100 {
    min-height: 100% !important;
  }

  .min-w-xl-down\:100 {
    min-width: 100% !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:100 {
    height: 100% !important;
  }

  .w-xxl\:100 {
    width: 100% !important;
  }

  .max-h-xxl\:100 {
    max-height: 100% !important;
  }

  .max-w-xxl\:100 {
    max-width: 100% !important;
  }

  .min-h-xxl\:100 {
    min-height: 100% !important;
  }

  .min-w-xxl\:100 {
    min-width: 100% !important;
  }
}
.h\:10vh {
  height: 10vh !important;
}

.w\:10vh {
  width: 10vh !important;
}

.max-h\:10vh {
  max-height: 10vh !important;
}

.max-w\:10vh {
  max-width: 10vh !important;
}

.min-h\:10vh {
  min-height: 10vh !important;
}

.min-w\:10vh {
  min-width: 10vh !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:10vh {
    height: 10vh !important;
  }

  .w-xs\:10vh {
    width: 10vh !important;
  }

  .max-h-xs\:10vh {
    max-height: 10vh !important;
  }

  .max-w-xs\:10vh {
    max-width: 10vh !important;
  }

  .min-h-xs\:10vh {
    min-height: 10vh !important;
  }

  .min-w-xs\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:10vh {
    height: 10vh !important;
  }

  .w-sm\:10vh {
    width: 10vh !important;
  }

  .max-h-sm\:10vh {
    max-height: 10vh !important;
  }

  .max-w-sm\:10vh {
    max-width: 10vh !important;
  }

  .min-h-sm\:10vh {
    min-height: 10vh !important;
  }

  .min-w-sm\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:10vh {
    height: 10vh !important;
  }

  .w-sm-up\:10vh {
    width: 10vh !important;
  }

  .max-h-sm-up\:10vh {
    max-height: 10vh !important;
  }

  .max-w-sm-up\:10vh {
    max-width: 10vh !important;
  }

  .min-h-sm-up\:10vh {
    min-height: 10vh !important;
  }

  .min-w-sm-up\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:10vh {
    height: 10vh !important;
  }

  .w-sm-down\:10vh {
    width: 10vh !important;
  }

  .max-h-sm-down\:10vh {
    max-height: 10vh !important;
  }

  .max-w-sm-down\:10vh {
    max-width: 10vh !important;
  }

  .min-h-sm-down\:10vh {
    min-height: 10vh !important;
  }

  .min-w-sm-down\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:10vh {
    height: 10vh !important;
  }

  .w-md\:10vh {
    width: 10vh !important;
  }

  .max-h-md\:10vh {
    max-height: 10vh !important;
  }

  .max-w-md\:10vh {
    max-width: 10vh !important;
  }

  .min-h-md\:10vh {
    min-height: 10vh !important;
  }

  .min-w-md\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:10vh {
    height: 10vh !important;
  }

  .w-md-up\:10vh {
    width: 10vh !important;
  }

  .max-h-md-up\:10vh {
    max-height: 10vh !important;
  }

  .max-w-md-up\:10vh {
    max-width: 10vh !important;
  }

  .min-h-md-up\:10vh {
    min-height: 10vh !important;
  }

  .min-w-md-up\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:10vh {
    height: 10vh !important;
  }

  .w-md-down\:10vh {
    width: 10vh !important;
  }

  .max-h-md-down\:10vh {
    max-height: 10vh !important;
  }

  .max-w-md-down\:10vh {
    max-width: 10vh !important;
  }

  .min-h-md-down\:10vh {
    min-height: 10vh !important;
  }

  .min-w-md-down\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:10vh {
    height: 10vh !important;
  }

  .w-lg\:10vh {
    width: 10vh !important;
  }

  .max-h-lg\:10vh {
    max-height: 10vh !important;
  }

  .max-w-lg\:10vh {
    max-width: 10vh !important;
  }

  .min-h-lg\:10vh {
    min-height: 10vh !important;
  }

  .min-w-lg\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:10vh {
    height: 10vh !important;
  }

  .w-lg-up\:10vh {
    width: 10vh !important;
  }

  .max-h-lg-up\:10vh {
    max-height: 10vh !important;
  }

  .max-w-lg-up\:10vh {
    max-width: 10vh !important;
  }

  .min-h-lg-up\:10vh {
    min-height: 10vh !important;
  }

  .min-w-lg-up\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:10vh {
    height: 10vh !important;
  }

  .w-lg-down\:10vh {
    width: 10vh !important;
  }

  .max-h-lg-down\:10vh {
    max-height: 10vh !important;
  }

  .max-w-lg-down\:10vh {
    max-width: 10vh !important;
  }

  .min-h-lg-down\:10vh {
    min-height: 10vh !important;
  }

  .min-w-lg-down\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:10vh {
    height: 10vh !important;
  }

  .w-xl\:10vh {
    width: 10vh !important;
  }

  .max-h-xl\:10vh {
    max-height: 10vh !important;
  }

  .max-w-xl\:10vh {
    max-width: 10vh !important;
  }

  .min-h-xl\:10vh {
    min-height: 10vh !important;
  }

  .min-w-xl\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:10vh {
    height: 10vh !important;
  }

  .w-xl-up\:10vh {
    width: 10vh !important;
  }

  .max-h-xl-up\:10vh {
    max-height: 10vh !important;
  }

  .max-w-xl-up\:10vh {
    max-width: 10vh !important;
  }

  .min-h-xl-up\:10vh {
    min-height: 10vh !important;
  }

  .min-w-xl-up\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:10vh {
    height: 10vh !important;
  }

  .w-xl-down\:10vh {
    width: 10vh !important;
  }

  .max-h-xl-down\:10vh {
    max-height: 10vh !important;
  }

  .max-w-xl-down\:10vh {
    max-width: 10vh !important;
  }

  .min-h-xl-down\:10vh {
    min-height: 10vh !important;
  }

  .min-w-xl-down\:10vh {
    min-width: 10vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:10vh {
    height: 10vh !important;
  }

  .w-xxl\:10vh {
    width: 10vh !important;
  }

  .max-h-xxl\:10vh {
    max-height: 10vh !important;
  }

  .max-w-xxl\:10vh {
    max-width: 10vh !important;
  }

  .min-h-xxl\:10vh {
    min-height: 10vh !important;
  }

  .min-w-xxl\:10vh {
    min-width: 10vh !important;
  }
}
.h\:25vh {
  height: 25vh !important;
}

.w\:25vh {
  width: 25vh !important;
}

.max-h\:25vh {
  max-height: 25vh !important;
}

.max-w\:25vh {
  max-width: 25vh !important;
}

.min-h\:25vh {
  min-height: 25vh !important;
}

.min-w\:25vh {
  min-width: 25vh !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:25vh {
    height: 25vh !important;
  }

  .w-xs\:25vh {
    width: 25vh !important;
  }

  .max-h-xs\:25vh {
    max-height: 25vh !important;
  }

  .max-w-xs\:25vh {
    max-width: 25vh !important;
  }

  .min-h-xs\:25vh {
    min-height: 25vh !important;
  }

  .min-w-xs\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:25vh {
    height: 25vh !important;
  }

  .w-sm\:25vh {
    width: 25vh !important;
  }

  .max-h-sm\:25vh {
    max-height: 25vh !important;
  }

  .max-w-sm\:25vh {
    max-width: 25vh !important;
  }

  .min-h-sm\:25vh {
    min-height: 25vh !important;
  }

  .min-w-sm\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:25vh {
    height: 25vh !important;
  }

  .w-sm-up\:25vh {
    width: 25vh !important;
  }

  .max-h-sm-up\:25vh {
    max-height: 25vh !important;
  }

  .max-w-sm-up\:25vh {
    max-width: 25vh !important;
  }

  .min-h-sm-up\:25vh {
    min-height: 25vh !important;
  }

  .min-w-sm-up\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:25vh {
    height: 25vh !important;
  }

  .w-sm-down\:25vh {
    width: 25vh !important;
  }

  .max-h-sm-down\:25vh {
    max-height: 25vh !important;
  }

  .max-w-sm-down\:25vh {
    max-width: 25vh !important;
  }

  .min-h-sm-down\:25vh {
    min-height: 25vh !important;
  }

  .min-w-sm-down\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:25vh {
    height: 25vh !important;
  }

  .w-md\:25vh {
    width: 25vh !important;
  }

  .max-h-md\:25vh {
    max-height: 25vh !important;
  }

  .max-w-md\:25vh {
    max-width: 25vh !important;
  }

  .min-h-md\:25vh {
    min-height: 25vh !important;
  }

  .min-w-md\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:25vh {
    height: 25vh !important;
  }

  .w-md-up\:25vh {
    width: 25vh !important;
  }

  .max-h-md-up\:25vh {
    max-height: 25vh !important;
  }

  .max-w-md-up\:25vh {
    max-width: 25vh !important;
  }

  .min-h-md-up\:25vh {
    min-height: 25vh !important;
  }

  .min-w-md-up\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:25vh {
    height: 25vh !important;
  }

  .w-md-down\:25vh {
    width: 25vh !important;
  }

  .max-h-md-down\:25vh {
    max-height: 25vh !important;
  }

  .max-w-md-down\:25vh {
    max-width: 25vh !important;
  }

  .min-h-md-down\:25vh {
    min-height: 25vh !important;
  }

  .min-w-md-down\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:25vh {
    height: 25vh !important;
  }

  .w-lg\:25vh {
    width: 25vh !important;
  }

  .max-h-lg\:25vh {
    max-height: 25vh !important;
  }

  .max-w-lg\:25vh {
    max-width: 25vh !important;
  }

  .min-h-lg\:25vh {
    min-height: 25vh !important;
  }

  .min-w-lg\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:25vh {
    height: 25vh !important;
  }

  .w-lg-up\:25vh {
    width: 25vh !important;
  }

  .max-h-lg-up\:25vh {
    max-height: 25vh !important;
  }

  .max-w-lg-up\:25vh {
    max-width: 25vh !important;
  }

  .min-h-lg-up\:25vh {
    min-height: 25vh !important;
  }

  .min-w-lg-up\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:25vh {
    height: 25vh !important;
  }

  .w-lg-down\:25vh {
    width: 25vh !important;
  }

  .max-h-lg-down\:25vh {
    max-height: 25vh !important;
  }

  .max-w-lg-down\:25vh {
    max-width: 25vh !important;
  }

  .min-h-lg-down\:25vh {
    min-height: 25vh !important;
  }

  .min-w-lg-down\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:25vh {
    height: 25vh !important;
  }

  .w-xl\:25vh {
    width: 25vh !important;
  }

  .max-h-xl\:25vh {
    max-height: 25vh !important;
  }

  .max-w-xl\:25vh {
    max-width: 25vh !important;
  }

  .min-h-xl\:25vh {
    min-height: 25vh !important;
  }

  .min-w-xl\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:25vh {
    height: 25vh !important;
  }

  .w-xl-up\:25vh {
    width: 25vh !important;
  }

  .max-h-xl-up\:25vh {
    max-height: 25vh !important;
  }

  .max-w-xl-up\:25vh {
    max-width: 25vh !important;
  }

  .min-h-xl-up\:25vh {
    min-height: 25vh !important;
  }

  .min-w-xl-up\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:25vh {
    height: 25vh !important;
  }

  .w-xl-down\:25vh {
    width: 25vh !important;
  }

  .max-h-xl-down\:25vh {
    max-height: 25vh !important;
  }

  .max-w-xl-down\:25vh {
    max-width: 25vh !important;
  }

  .min-h-xl-down\:25vh {
    min-height: 25vh !important;
  }

  .min-w-xl-down\:25vh {
    min-width: 25vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:25vh {
    height: 25vh !important;
  }

  .w-xxl\:25vh {
    width: 25vh !important;
  }

  .max-h-xxl\:25vh {
    max-height: 25vh !important;
  }

  .max-w-xxl\:25vh {
    max-width: 25vh !important;
  }

  .min-h-xxl\:25vh {
    min-height: 25vh !important;
  }

  .min-w-xxl\:25vh {
    min-width: 25vh !important;
  }
}
.h\:50vh {
  height: 50vh !important;
}

.w\:50vh {
  width: 50vh !important;
}

.max-h\:50vh {
  max-height: 50vh !important;
}

.max-w\:50vh {
  max-width: 50vh !important;
}

.min-h\:50vh {
  min-height: 50vh !important;
}

.min-w\:50vh {
  min-width: 50vh !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:50vh {
    height: 50vh !important;
  }

  .w-xs\:50vh {
    width: 50vh !important;
  }

  .max-h-xs\:50vh {
    max-height: 50vh !important;
  }

  .max-w-xs\:50vh {
    max-width: 50vh !important;
  }

  .min-h-xs\:50vh {
    min-height: 50vh !important;
  }

  .min-w-xs\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:50vh {
    height: 50vh !important;
  }

  .w-sm\:50vh {
    width: 50vh !important;
  }

  .max-h-sm\:50vh {
    max-height: 50vh !important;
  }

  .max-w-sm\:50vh {
    max-width: 50vh !important;
  }

  .min-h-sm\:50vh {
    min-height: 50vh !important;
  }

  .min-w-sm\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:50vh {
    height: 50vh !important;
  }

  .w-sm-up\:50vh {
    width: 50vh !important;
  }

  .max-h-sm-up\:50vh {
    max-height: 50vh !important;
  }

  .max-w-sm-up\:50vh {
    max-width: 50vh !important;
  }

  .min-h-sm-up\:50vh {
    min-height: 50vh !important;
  }

  .min-w-sm-up\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:50vh {
    height: 50vh !important;
  }

  .w-sm-down\:50vh {
    width: 50vh !important;
  }

  .max-h-sm-down\:50vh {
    max-height: 50vh !important;
  }

  .max-w-sm-down\:50vh {
    max-width: 50vh !important;
  }

  .min-h-sm-down\:50vh {
    min-height: 50vh !important;
  }

  .min-w-sm-down\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:50vh {
    height: 50vh !important;
  }

  .w-md\:50vh {
    width: 50vh !important;
  }

  .max-h-md\:50vh {
    max-height: 50vh !important;
  }

  .max-w-md\:50vh {
    max-width: 50vh !important;
  }

  .min-h-md\:50vh {
    min-height: 50vh !important;
  }

  .min-w-md\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:50vh {
    height: 50vh !important;
  }

  .w-md-up\:50vh {
    width: 50vh !important;
  }

  .max-h-md-up\:50vh {
    max-height: 50vh !important;
  }

  .max-w-md-up\:50vh {
    max-width: 50vh !important;
  }

  .min-h-md-up\:50vh {
    min-height: 50vh !important;
  }

  .min-w-md-up\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:50vh {
    height: 50vh !important;
  }

  .w-md-down\:50vh {
    width: 50vh !important;
  }

  .max-h-md-down\:50vh {
    max-height: 50vh !important;
  }

  .max-w-md-down\:50vh {
    max-width: 50vh !important;
  }

  .min-h-md-down\:50vh {
    min-height: 50vh !important;
  }

  .min-w-md-down\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:50vh {
    height: 50vh !important;
  }

  .w-lg\:50vh {
    width: 50vh !important;
  }

  .max-h-lg\:50vh {
    max-height: 50vh !important;
  }

  .max-w-lg\:50vh {
    max-width: 50vh !important;
  }

  .min-h-lg\:50vh {
    min-height: 50vh !important;
  }

  .min-w-lg\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:50vh {
    height: 50vh !important;
  }

  .w-lg-up\:50vh {
    width: 50vh !important;
  }

  .max-h-lg-up\:50vh {
    max-height: 50vh !important;
  }

  .max-w-lg-up\:50vh {
    max-width: 50vh !important;
  }

  .min-h-lg-up\:50vh {
    min-height: 50vh !important;
  }

  .min-w-lg-up\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:50vh {
    height: 50vh !important;
  }

  .w-lg-down\:50vh {
    width: 50vh !important;
  }

  .max-h-lg-down\:50vh {
    max-height: 50vh !important;
  }

  .max-w-lg-down\:50vh {
    max-width: 50vh !important;
  }

  .min-h-lg-down\:50vh {
    min-height: 50vh !important;
  }

  .min-w-lg-down\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:50vh {
    height: 50vh !important;
  }

  .w-xl\:50vh {
    width: 50vh !important;
  }

  .max-h-xl\:50vh {
    max-height: 50vh !important;
  }

  .max-w-xl\:50vh {
    max-width: 50vh !important;
  }

  .min-h-xl\:50vh {
    min-height: 50vh !important;
  }

  .min-w-xl\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:50vh {
    height: 50vh !important;
  }

  .w-xl-up\:50vh {
    width: 50vh !important;
  }

  .max-h-xl-up\:50vh {
    max-height: 50vh !important;
  }

  .max-w-xl-up\:50vh {
    max-width: 50vh !important;
  }

  .min-h-xl-up\:50vh {
    min-height: 50vh !important;
  }

  .min-w-xl-up\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:50vh {
    height: 50vh !important;
  }

  .w-xl-down\:50vh {
    width: 50vh !important;
  }

  .max-h-xl-down\:50vh {
    max-height: 50vh !important;
  }

  .max-w-xl-down\:50vh {
    max-width: 50vh !important;
  }

  .min-h-xl-down\:50vh {
    min-height: 50vh !important;
  }

  .min-w-xl-down\:50vh {
    min-width: 50vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:50vh {
    height: 50vh !important;
  }

  .w-xxl\:50vh {
    width: 50vh !important;
  }

  .max-h-xxl\:50vh {
    max-height: 50vh !important;
  }

  .max-w-xxl\:50vh {
    max-width: 50vh !important;
  }

  .min-h-xxl\:50vh {
    min-height: 50vh !important;
  }

  .min-w-xxl\:50vh {
    min-width: 50vh !important;
  }
}
.h\:75vh {
  height: 75vh !important;
}

.w\:75vh {
  width: 75vh !important;
}

.max-h\:75vh {
  max-height: 75vh !important;
}

.max-w\:75vh {
  max-width: 75vh !important;
}

.min-h\:75vh {
  min-height: 75vh !important;
}

.min-w\:75vh {
  min-width: 75vh !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:75vh {
    height: 75vh !important;
  }

  .w-xs\:75vh {
    width: 75vh !important;
  }

  .max-h-xs\:75vh {
    max-height: 75vh !important;
  }

  .max-w-xs\:75vh {
    max-width: 75vh !important;
  }

  .min-h-xs\:75vh {
    min-height: 75vh !important;
  }

  .min-w-xs\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:75vh {
    height: 75vh !important;
  }

  .w-sm\:75vh {
    width: 75vh !important;
  }

  .max-h-sm\:75vh {
    max-height: 75vh !important;
  }

  .max-w-sm\:75vh {
    max-width: 75vh !important;
  }

  .min-h-sm\:75vh {
    min-height: 75vh !important;
  }

  .min-w-sm\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:75vh {
    height: 75vh !important;
  }

  .w-sm-up\:75vh {
    width: 75vh !important;
  }

  .max-h-sm-up\:75vh {
    max-height: 75vh !important;
  }

  .max-w-sm-up\:75vh {
    max-width: 75vh !important;
  }

  .min-h-sm-up\:75vh {
    min-height: 75vh !important;
  }

  .min-w-sm-up\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:75vh {
    height: 75vh !important;
  }

  .w-sm-down\:75vh {
    width: 75vh !important;
  }

  .max-h-sm-down\:75vh {
    max-height: 75vh !important;
  }

  .max-w-sm-down\:75vh {
    max-width: 75vh !important;
  }

  .min-h-sm-down\:75vh {
    min-height: 75vh !important;
  }

  .min-w-sm-down\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:75vh {
    height: 75vh !important;
  }

  .w-md\:75vh {
    width: 75vh !important;
  }

  .max-h-md\:75vh {
    max-height: 75vh !important;
  }

  .max-w-md\:75vh {
    max-width: 75vh !important;
  }

  .min-h-md\:75vh {
    min-height: 75vh !important;
  }

  .min-w-md\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:75vh {
    height: 75vh !important;
  }

  .w-md-up\:75vh {
    width: 75vh !important;
  }

  .max-h-md-up\:75vh {
    max-height: 75vh !important;
  }

  .max-w-md-up\:75vh {
    max-width: 75vh !important;
  }

  .min-h-md-up\:75vh {
    min-height: 75vh !important;
  }

  .min-w-md-up\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:75vh {
    height: 75vh !important;
  }

  .w-md-down\:75vh {
    width: 75vh !important;
  }

  .max-h-md-down\:75vh {
    max-height: 75vh !important;
  }

  .max-w-md-down\:75vh {
    max-width: 75vh !important;
  }

  .min-h-md-down\:75vh {
    min-height: 75vh !important;
  }

  .min-w-md-down\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:75vh {
    height: 75vh !important;
  }

  .w-lg\:75vh {
    width: 75vh !important;
  }

  .max-h-lg\:75vh {
    max-height: 75vh !important;
  }

  .max-w-lg\:75vh {
    max-width: 75vh !important;
  }

  .min-h-lg\:75vh {
    min-height: 75vh !important;
  }

  .min-w-lg\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:75vh {
    height: 75vh !important;
  }

  .w-lg-up\:75vh {
    width: 75vh !important;
  }

  .max-h-lg-up\:75vh {
    max-height: 75vh !important;
  }

  .max-w-lg-up\:75vh {
    max-width: 75vh !important;
  }

  .min-h-lg-up\:75vh {
    min-height: 75vh !important;
  }

  .min-w-lg-up\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:75vh {
    height: 75vh !important;
  }

  .w-lg-down\:75vh {
    width: 75vh !important;
  }

  .max-h-lg-down\:75vh {
    max-height: 75vh !important;
  }

  .max-w-lg-down\:75vh {
    max-width: 75vh !important;
  }

  .min-h-lg-down\:75vh {
    min-height: 75vh !important;
  }

  .min-w-lg-down\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:75vh {
    height: 75vh !important;
  }

  .w-xl\:75vh {
    width: 75vh !important;
  }

  .max-h-xl\:75vh {
    max-height: 75vh !important;
  }

  .max-w-xl\:75vh {
    max-width: 75vh !important;
  }

  .min-h-xl\:75vh {
    min-height: 75vh !important;
  }

  .min-w-xl\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:75vh {
    height: 75vh !important;
  }

  .w-xl-up\:75vh {
    width: 75vh !important;
  }

  .max-h-xl-up\:75vh {
    max-height: 75vh !important;
  }

  .max-w-xl-up\:75vh {
    max-width: 75vh !important;
  }

  .min-h-xl-up\:75vh {
    min-height: 75vh !important;
  }

  .min-w-xl-up\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:75vh {
    height: 75vh !important;
  }

  .w-xl-down\:75vh {
    width: 75vh !important;
  }

  .max-h-xl-down\:75vh {
    max-height: 75vh !important;
  }

  .max-w-xl-down\:75vh {
    max-width: 75vh !important;
  }

  .min-h-xl-down\:75vh {
    min-height: 75vh !important;
  }

  .min-w-xl-down\:75vh {
    min-width: 75vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:75vh {
    height: 75vh !important;
  }

  .w-xxl\:75vh {
    width: 75vh !important;
  }

  .max-h-xxl\:75vh {
    max-height: 75vh !important;
  }

  .max-w-xxl\:75vh {
    max-width: 75vh !important;
  }

  .min-h-xxl\:75vh {
    min-height: 75vh !important;
  }

  .min-w-xxl\:75vh {
    min-width: 75vh !important;
  }
}
.h\:100vh {
  height: 100vh !important;
}

.w\:100vh {
  width: 100vh !important;
}

.max-h\:100vh {
  max-height: 100vh !important;
}

.max-w\:100vh {
  max-width: 100vh !important;
}

.min-h\:100vh {
  min-height: 100vh !important;
}

.min-w\:100vh {
  min-width: 100vh !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:100vh {
    height: 100vh !important;
  }

  .w-xs\:100vh {
    width: 100vh !important;
  }

  .max-h-xs\:100vh {
    max-height: 100vh !important;
  }

  .max-w-xs\:100vh {
    max-width: 100vh !important;
  }

  .min-h-xs\:100vh {
    min-height: 100vh !important;
  }

  .min-w-xs\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:100vh {
    height: 100vh !important;
  }

  .w-sm\:100vh {
    width: 100vh !important;
  }

  .max-h-sm\:100vh {
    max-height: 100vh !important;
  }

  .max-w-sm\:100vh {
    max-width: 100vh !important;
  }

  .min-h-sm\:100vh {
    min-height: 100vh !important;
  }

  .min-w-sm\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:100vh {
    height: 100vh !important;
  }

  .w-sm-up\:100vh {
    width: 100vh !important;
  }

  .max-h-sm-up\:100vh {
    max-height: 100vh !important;
  }

  .max-w-sm-up\:100vh {
    max-width: 100vh !important;
  }

  .min-h-sm-up\:100vh {
    min-height: 100vh !important;
  }

  .min-w-sm-up\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:100vh {
    height: 100vh !important;
  }

  .w-sm-down\:100vh {
    width: 100vh !important;
  }

  .max-h-sm-down\:100vh {
    max-height: 100vh !important;
  }

  .max-w-sm-down\:100vh {
    max-width: 100vh !important;
  }

  .min-h-sm-down\:100vh {
    min-height: 100vh !important;
  }

  .min-w-sm-down\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:100vh {
    height: 100vh !important;
  }

  .w-md\:100vh {
    width: 100vh !important;
  }

  .max-h-md\:100vh {
    max-height: 100vh !important;
  }

  .max-w-md\:100vh {
    max-width: 100vh !important;
  }

  .min-h-md\:100vh {
    min-height: 100vh !important;
  }

  .min-w-md\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:100vh {
    height: 100vh !important;
  }

  .w-md-up\:100vh {
    width: 100vh !important;
  }

  .max-h-md-up\:100vh {
    max-height: 100vh !important;
  }

  .max-w-md-up\:100vh {
    max-width: 100vh !important;
  }

  .min-h-md-up\:100vh {
    min-height: 100vh !important;
  }

  .min-w-md-up\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:100vh {
    height: 100vh !important;
  }

  .w-md-down\:100vh {
    width: 100vh !important;
  }

  .max-h-md-down\:100vh {
    max-height: 100vh !important;
  }

  .max-w-md-down\:100vh {
    max-width: 100vh !important;
  }

  .min-h-md-down\:100vh {
    min-height: 100vh !important;
  }

  .min-w-md-down\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:100vh {
    height: 100vh !important;
  }

  .w-lg\:100vh {
    width: 100vh !important;
  }

  .max-h-lg\:100vh {
    max-height: 100vh !important;
  }

  .max-w-lg\:100vh {
    max-width: 100vh !important;
  }

  .min-h-lg\:100vh {
    min-height: 100vh !important;
  }

  .min-w-lg\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:100vh {
    height: 100vh !important;
  }

  .w-lg-up\:100vh {
    width: 100vh !important;
  }

  .max-h-lg-up\:100vh {
    max-height: 100vh !important;
  }

  .max-w-lg-up\:100vh {
    max-width: 100vh !important;
  }

  .min-h-lg-up\:100vh {
    min-height: 100vh !important;
  }

  .min-w-lg-up\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:100vh {
    height: 100vh !important;
  }

  .w-lg-down\:100vh {
    width: 100vh !important;
  }

  .max-h-lg-down\:100vh {
    max-height: 100vh !important;
  }

  .max-w-lg-down\:100vh {
    max-width: 100vh !important;
  }

  .min-h-lg-down\:100vh {
    min-height: 100vh !important;
  }

  .min-w-lg-down\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:100vh {
    height: 100vh !important;
  }

  .w-xl\:100vh {
    width: 100vh !important;
  }

  .max-h-xl\:100vh {
    max-height: 100vh !important;
  }

  .max-w-xl\:100vh {
    max-width: 100vh !important;
  }

  .min-h-xl\:100vh {
    min-height: 100vh !important;
  }

  .min-w-xl\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:100vh {
    height: 100vh !important;
  }

  .w-xl-up\:100vh {
    width: 100vh !important;
  }

  .max-h-xl-up\:100vh {
    max-height: 100vh !important;
  }

  .max-w-xl-up\:100vh {
    max-width: 100vh !important;
  }

  .min-h-xl-up\:100vh {
    min-height: 100vh !important;
  }

  .min-w-xl-up\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:100vh {
    height: 100vh !important;
  }

  .w-xl-down\:100vh {
    width: 100vh !important;
  }

  .max-h-xl-down\:100vh {
    max-height: 100vh !important;
  }

  .max-w-xl-down\:100vh {
    max-width: 100vh !important;
  }

  .min-h-xl-down\:100vh {
    min-height: 100vh !important;
  }

  .min-w-xl-down\:100vh {
    min-width: 100vh !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:100vh {
    height: 100vh !important;
  }

  .w-xxl\:100vh {
    width: 100vh !important;
  }

  .max-h-xxl\:100vh {
    max-height: 100vh !important;
  }

  .max-w-xxl\:100vh {
    max-width: 100vh !important;
  }

  .min-h-xxl\:100vh {
    min-height: 100vh !important;
  }

  .min-w-xxl\:100vh {
    min-width: 100vh !important;
  }
}
.h\:10vw {
  height: 10vw !important;
}

.w\:10vw {
  width: 10vw !important;
}

.max-h\:10vw {
  max-height: 10vw !important;
}

.max-w\:10vw {
  max-width: 10vw !important;
}

.min-h\:10vw {
  min-height: 10vw !important;
}

.min-w\:10vw {
  min-width: 10vw !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:10vw {
    height: 10vw !important;
  }

  .w-xs\:10vw {
    width: 10vw !important;
  }

  .max-h-xs\:10vw {
    max-height: 10vw !important;
  }

  .max-w-xs\:10vw {
    max-width: 10vw !important;
  }

  .min-h-xs\:10vw {
    min-height: 10vw !important;
  }

  .min-w-xs\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:10vw {
    height: 10vw !important;
  }

  .w-sm\:10vw {
    width: 10vw !important;
  }

  .max-h-sm\:10vw {
    max-height: 10vw !important;
  }

  .max-w-sm\:10vw {
    max-width: 10vw !important;
  }

  .min-h-sm\:10vw {
    min-height: 10vw !important;
  }

  .min-w-sm\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:10vw {
    height: 10vw !important;
  }

  .w-sm-up\:10vw {
    width: 10vw !important;
  }

  .max-h-sm-up\:10vw {
    max-height: 10vw !important;
  }

  .max-w-sm-up\:10vw {
    max-width: 10vw !important;
  }

  .min-h-sm-up\:10vw {
    min-height: 10vw !important;
  }

  .min-w-sm-up\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:10vw {
    height: 10vw !important;
  }

  .w-sm-down\:10vw {
    width: 10vw !important;
  }

  .max-h-sm-down\:10vw {
    max-height: 10vw !important;
  }

  .max-w-sm-down\:10vw {
    max-width: 10vw !important;
  }

  .min-h-sm-down\:10vw {
    min-height: 10vw !important;
  }

  .min-w-sm-down\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:10vw {
    height: 10vw !important;
  }

  .w-md\:10vw {
    width: 10vw !important;
  }

  .max-h-md\:10vw {
    max-height: 10vw !important;
  }

  .max-w-md\:10vw {
    max-width: 10vw !important;
  }

  .min-h-md\:10vw {
    min-height: 10vw !important;
  }

  .min-w-md\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:10vw {
    height: 10vw !important;
  }

  .w-md-up\:10vw {
    width: 10vw !important;
  }

  .max-h-md-up\:10vw {
    max-height: 10vw !important;
  }

  .max-w-md-up\:10vw {
    max-width: 10vw !important;
  }

  .min-h-md-up\:10vw {
    min-height: 10vw !important;
  }

  .min-w-md-up\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:10vw {
    height: 10vw !important;
  }

  .w-md-down\:10vw {
    width: 10vw !important;
  }

  .max-h-md-down\:10vw {
    max-height: 10vw !important;
  }

  .max-w-md-down\:10vw {
    max-width: 10vw !important;
  }

  .min-h-md-down\:10vw {
    min-height: 10vw !important;
  }

  .min-w-md-down\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:10vw {
    height: 10vw !important;
  }

  .w-lg\:10vw {
    width: 10vw !important;
  }

  .max-h-lg\:10vw {
    max-height: 10vw !important;
  }

  .max-w-lg\:10vw {
    max-width: 10vw !important;
  }

  .min-h-lg\:10vw {
    min-height: 10vw !important;
  }

  .min-w-lg\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:10vw {
    height: 10vw !important;
  }

  .w-lg-up\:10vw {
    width: 10vw !important;
  }

  .max-h-lg-up\:10vw {
    max-height: 10vw !important;
  }

  .max-w-lg-up\:10vw {
    max-width: 10vw !important;
  }

  .min-h-lg-up\:10vw {
    min-height: 10vw !important;
  }

  .min-w-lg-up\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:10vw {
    height: 10vw !important;
  }

  .w-lg-down\:10vw {
    width: 10vw !important;
  }

  .max-h-lg-down\:10vw {
    max-height: 10vw !important;
  }

  .max-w-lg-down\:10vw {
    max-width: 10vw !important;
  }

  .min-h-lg-down\:10vw {
    min-height: 10vw !important;
  }

  .min-w-lg-down\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:10vw {
    height: 10vw !important;
  }

  .w-xl\:10vw {
    width: 10vw !important;
  }

  .max-h-xl\:10vw {
    max-height: 10vw !important;
  }

  .max-w-xl\:10vw {
    max-width: 10vw !important;
  }

  .min-h-xl\:10vw {
    min-height: 10vw !important;
  }

  .min-w-xl\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:10vw {
    height: 10vw !important;
  }

  .w-xl-up\:10vw {
    width: 10vw !important;
  }

  .max-h-xl-up\:10vw {
    max-height: 10vw !important;
  }

  .max-w-xl-up\:10vw {
    max-width: 10vw !important;
  }

  .min-h-xl-up\:10vw {
    min-height: 10vw !important;
  }

  .min-w-xl-up\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:10vw {
    height: 10vw !important;
  }

  .w-xl-down\:10vw {
    width: 10vw !important;
  }

  .max-h-xl-down\:10vw {
    max-height: 10vw !important;
  }

  .max-w-xl-down\:10vw {
    max-width: 10vw !important;
  }

  .min-h-xl-down\:10vw {
    min-height: 10vw !important;
  }

  .min-w-xl-down\:10vw {
    min-width: 10vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:10vw {
    height: 10vw !important;
  }

  .w-xxl\:10vw {
    width: 10vw !important;
  }

  .max-h-xxl\:10vw {
    max-height: 10vw !important;
  }

  .max-w-xxl\:10vw {
    max-width: 10vw !important;
  }

  .min-h-xxl\:10vw {
    min-height: 10vw !important;
  }

  .min-w-xxl\:10vw {
    min-width: 10vw !important;
  }
}
.h\:25vw {
  height: 25vw !important;
}

.w\:25vw {
  width: 25vw !important;
}

.max-h\:25vw {
  max-height: 25vw !important;
}

.max-w\:25vw {
  max-width: 25vw !important;
}

.min-h\:25vw {
  min-height: 25vw !important;
}

.min-w\:25vw {
  min-width: 25vw !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:25vw {
    height: 25vw !important;
  }

  .w-xs\:25vw {
    width: 25vw !important;
  }

  .max-h-xs\:25vw {
    max-height: 25vw !important;
  }

  .max-w-xs\:25vw {
    max-width: 25vw !important;
  }

  .min-h-xs\:25vw {
    min-height: 25vw !important;
  }

  .min-w-xs\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:25vw {
    height: 25vw !important;
  }

  .w-sm\:25vw {
    width: 25vw !important;
  }

  .max-h-sm\:25vw {
    max-height: 25vw !important;
  }

  .max-w-sm\:25vw {
    max-width: 25vw !important;
  }

  .min-h-sm\:25vw {
    min-height: 25vw !important;
  }

  .min-w-sm\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:25vw {
    height: 25vw !important;
  }

  .w-sm-up\:25vw {
    width: 25vw !important;
  }

  .max-h-sm-up\:25vw {
    max-height: 25vw !important;
  }

  .max-w-sm-up\:25vw {
    max-width: 25vw !important;
  }

  .min-h-sm-up\:25vw {
    min-height: 25vw !important;
  }

  .min-w-sm-up\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:25vw {
    height: 25vw !important;
  }

  .w-sm-down\:25vw {
    width: 25vw !important;
  }

  .max-h-sm-down\:25vw {
    max-height: 25vw !important;
  }

  .max-w-sm-down\:25vw {
    max-width: 25vw !important;
  }

  .min-h-sm-down\:25vw {
    min-height: 25vw !important;
  }

  .min-w-sm-down\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:25vw {
    height: 25vw !important;
  }

  .w-md\:25vw {
    width: 25vw !important;
  }

  .max-h-md\:25vw {
    max-height: 25vw !important;
  }

  .max-w-md\:25vw {
    max-width: 25vw !important;
  }

  .min-h-md\:25vw {
    min-height: 25vw !important;
  }

  .min-w-md\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:25vw {
    height: 25vw !important;
  }

  .w-md-up\:25vw {
    width: 25vw !important;
  }

  .max-h-md-up\:25vw {
    max-height: 25vw !important;
  }

  .max-w-md-up\:25vw {
    max-width: 25vw !important;
  }

  .min-h-md-up\:25vw {
    min-height: 25vw !important;
  }

  .min-w-md-up\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:25vw {
    height: 25vw !important;
  }

  .w-md-down\:25vw {
    width: 25vw !important;
  }

  .max-h-md-down\:25vw {
    max-height: 25vw !important;
  }

  .max-w-md-down\:25vw {
    max-width: 25vw !important;
  }

  .min-h-md-down\:25vw {
    min-height: 25vw !important;
  }

  .min-w-md-down\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:25vw {
    height: 25vw !important;
  }

  .w-lg\:25vw {
    width: 25vw !important;
  }

  .max-h-lg\:25vw {
    max-height: 25vw !important;
  }

  .max-w-lg\:25vw {
    max-width: 25vw !important;
  }

  .min-h-lg\:25vw {
    min-height: 25vw !important;
  }

  .min-w-lg\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:25vw {
    height: 25vw !important;
  }

  .w-lg-up\:25vw {
    width: 25vw !important;
  }

  .max-h-lg-up\:25vw {
    max-height: 25vw !important;
  }

  .max-w-lg-up\:25vw {
    max-width: 25vw !important;
  }

  .min-h-lg-up\:25vw {
    min-height: 25vw !important;
  }

  .min-w-lg-up\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:25vw {
    height: 25vw !important;
  }

  .w-lg-down\:25vw {
    width: 25vw !important;
  }

  .max-h-lg-down\:25vw {
    max-height: 25vw !important;
  }

  .max-w-lg-down\:25vw {
    max-width: 25vw !important;
  }

  .min-h-lg-down\:25vw {
    min-height: 25vw !important;
  }

  .min-w-lg-down\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:25vw {
    height: 25vw !important;
  }

  .w-xl\:25vw {
    width: 25vw !important;
  }

  .max-h-xl\:25vw {
    max-height: 25vw !important;
  }

  .max-w-xl\:25vw {
    max-width: 25vw !important;
  }

  .min-h-xl\:25vw {
    min-height: 25vw !important;
  }

  .min-w-xl\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:25vw {
    height: 25vw !important;
  }

  .w-xl-up\:25vw {
    width: 25vw !important;
  }

  .max-h-xl-up\:25vw {
    max-height: 25vw !important;
  }

  .max-w-xl-up\:25vw {
    max-width: 25vw !important;
  }

  .min-h-xl-up\:25vw {
    min-height: 25vw !important;
  }

  .min-w-xl-up\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:25vw {
    height: 25vw !important;
  }

  .w-xl-down\:25vw {
    width: 25vw !important;
  }

  .max-h-xl-down\:25vw {
    max-height: 25vw !important;
  }

  .max-w-xl-down\:25vw {
    max-width: 25vw !important;
  }

  .min-h-xl-down\:25vw {
    min-height: 25vw !important;
  }

  .min-w-xl-down\:25vw {
    min-width: 25vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:25vw {
    height: 25vw !important;
  }

  .w-xxl\:25vw {
    width: 25vw !important;
  }

  .max-h-xxl\:25vw {
    max-height: 25vw !important;
  }

  .max-w-xxl\:25vw {
    max-width: 25vw !important;
  }

  .min-h-xxl\:25vw {
    min-height: 25vw !important;
  }

  .min-w-xxl\:25vw {
    min-width: 25vw !important;
  }
}
.h\:50vw {
  height: 50vw !important;
}

.w\:50vw {
  width: 50vw !important;
}

.max-h\:50vw {
  max-height: 50vw !important;
}

.max-w\:50vw {
  max-width: 50vw !important;
}

.min-h\:50vw {
  min-height: 50vw !important;
}

.min-w\:50vw {
  min-width: 50vw !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:50vw {
    height: 50vw !important;
  }

  .w-xs\:50vw {
    width: 50vw !important;
  }

  .max-h-xs\:50vw {
    max-height: 50vw !important;
  }

  .max-w-xs\:50vw {
    max-width: 50vw !important;
  }

  .min-h-xs\:50vw {
    min-height: 50vw !important;
  }

  .min-w-xs\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:50vw {
    height: 50vw !important;
  }

  .w-sm\:50vw {
    width: 50vw !important;
  }

  .max-h-sm\:50vw {
    max-height: 50vw !important;
  }

  .max-w-sm\:50vw {
    max-width: 50vw !important;
  }

  .min-h-sm\:50vw {
    min-height: 50vw !important;
  }

  .min-w-sm\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:50vw {
    height: 50vw !important;
  }

  .w-sm-up\:50vw {
    width: 50vw !important;
  }

  .max-h-sm-up\:50vw {
    max-height: 50vw !important;
  }

  .max-w-sm-up\:50vw {
    max-width: 50vw !important;
  }

  .min-h-sm-up\:50vw {
    min-height: 50vw !important;
  }

  .min-w-sm-up\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:50vw {
    height: 50vw !important;
  }

  .w-sm-down\:50vw {
    width: 50vw !important;
  }

  .max-h-sm-down\:50vw {
    max-height: 50vw !important;
  }

  .max-w-sm-down\:50vw {
    max-width: 50vw !important;
  }

  .min-h-sm-down\:50vw {
    min-height: 50vw !important;
  }

  .min-w-sm-down\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:50vw {
    height: 50vw !important;
  }

  .w-md\:50vw {
    width: 50vw !important;
  }

  .max-h-md\:50vw {
    max-height: 50vw !important;
  }

  .max-w-md\:50vw {
    max-width: 50vw !important;
  }

  .min-h-md\:50vw {
    min-height: 50vw !important;
  }

  .min-w-md\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:50vw {
    height: 50vw !important;
  }

  .w-md-up\:50vw {
    width: 50vw !important;
  }

  .max-h-md-up\:50vw {
    max-height: 50vw !important;
  }

  .max-w-md-up\:50vw {
    max-width: 50vw !important;
  }

  .min-h-md-up\:50vw {
    min-height: 50vw !important;
  }

  .min-w-md-up\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:50vw {
    height: 50vw !important;
  }

  .w-md-down\:50vw {
    width: 50vw !important;
  }

  .max-h-md-down\:50vw {
    max-height: 50vw !important;
  }

  .max-w-md-down\:50vw {
    max-width: 50vw !important;
  }

  .min-h-md-down\:50vw {
    min-height: 50vw !important;
  }

  .min-w-md-down\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:50vw {
    height: 50vw !important;
  }

  .w-lg\:50vw {
    width: 50vw !important;
  }

  .max-h-lg\:50vw {
    max-height: 50vw !important;
  }

  .max-w-lg\:50vw {
    max-width: 50vw !important;
  }

  .min-h-lg\:50vw {
    min-height: 50vw !important;
  }

  .min-w-lg\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:50vw {
    height: 50vw !important;
  }

  .w-lg-up\:50vw {
    width: 50vw !important;
  }

  .max-h-lg-up\:50vw {
    max-height: 50vw !important;
  }

  .max-w-lg-up\:50vw {
    max-width: 50vw !important;
  }

  .min-h-lg-up\:50vw {
    min-height: 50vw !important;
  }

  .min-w-lg-up\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:50vw {
    height: 50vw !important;
  }

  .w-lg-down\:50vw {
    width: 50vw !important;
  }

  .max-h-lg-down\:50vw {
    max-height: 50vw !important;
  }

  .max-w-lg-down\:50vw {
    max-width: 50vw !important;
  }

  .min-h-lg-down\:50vw {
    min-height: 50vw !important;
  }

  .min-w-lg-down\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:50vw {
    height: 50vw !important;
  }

  .w-xl\:50vw {
    width: 50vw !important;
  }

  .max-h-xl\:50vw {
    max-height: 50vw !important;
  }

  .max-w-xl\:50vw {
    max-width: 50vw !important;
  }

  .min-h-xl\:50vw {
    min-height: 50vw !important;
  }

  .min-w-xl\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:50vw {
    height: 50vw !important;
  }

  .w-xl-up\:50vw {
    width: 50vw !important;
  }

  .max-h-xl-up\:50vw {
    max-height: 50vw !important;
  }

  .max-w-xl-up\:50vw {
    max-width: 50vw !important;
  }

  .min-h-xl-up\:50vw {
    min-height: 50vw !important;
  }

  .min-w-xl-up\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:50vw {
    height: 50vw !important;
  }

  .w-xl-down\:50vw {
    width: 50vw !important;
  }

  .max-h-xl-down\:50vw {
    max-height: 50vw !important;
  }

  .max-w-xl-down\:50vw {
    max-width: 50vw !important;
  }

  .min-h-xl-down\:50vw {
    min-height: 50vw !important;
  }

  .min-w-xl-down\:50vw {
    min-width: 50vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:50vw {
    height: 50vw !important;
  }

  .w-xxl\:50vw {
    width: 50vw !important;
  }

  .max-h-xxl\:50vw {
    max-height: 50vw !important;
  }

  .max-w-xxl\:50vw {
    max-width: 50vw !important;
  }

  .min-h-xxl\:50vw {
    min-height: 50vw !important;
  }

  .min-w-xxl\:50vw {
    min-width: 50vw !important;
  }
}
.h\:75vw {
  height: 75vw !important;
}

.w\:75vw {
  width: 75vw !important;
}

.max-h\:75vw {
  max-height: 75vw !important;
}

.max-w\:75vw {
  max-width: 75vw !important;
}

.min-h\:75vw {
  min-height: 75vw !important;
}

.min-w\:75vw {
  min-width: 75vw !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:75vw {
    height: 75vw !important;
  }

  .w-xs\:75vw {
    width: 75vw !important;
  }

  .max-h-xs\:75vw {
    max-height: 75vw !important;
  }

  .max-w-xs\:75vw {
    max-width: 75vw !important;
  }

  .min-h-xs\:75vw {
    min-height: 75vw !important;
  }

  .min-w-xs\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:75vw {
    height: 75vw !important;
  }

  .w-sm\:75vw {
    width: 75vw !important;
  }

  .max-h-sm\:75vw {
    max-height: 75vw !important;
  }

  .max-w-sm\:75vw {
    max-width: 75vw !important;
  }

  .min-h-sm\:75vw {
    min-height: 75vw !important;
  }

  .min-w-sm\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:75vw {
    height: 75vw !important;
  }

  .w-sm-up\:75vw {
    width: 75vw !important;
  }

  .max-h-sm-up\:75vw {
    max-height: 75vw !important;
  }

  .max-w-sm-up\:75vw {
    max-width: 75vw !important;
  }

  .min-h-sm-up\:75vw {
    min-height: 75vw !important;
  }

  .min-w-sm-up\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:75vw {
    height: 75vw !important;
  }

  .w-sm-down\:75vw {
    width: 75vw !important;
  }

  .max-h-sm-down\:75vw {
    max-height: 75vw !important;
  }

  .max-w-sm-down\:75vw {
    max-width: 75vw !important;
  }

  .min-h-sm-down\:75vw {
    min-height: 75vw !important;
  }

  .min-w-sm-down\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:75vw {
    height: 75vw !important;
  }

  .w-md\:75vw {
    width: 75vw !important;
  }

  .max-h-md\:75vw {
    max-height: 75vw !important;
  }

  .max-w-md\:75vw {
    max-width: 75vw !important;
  }

  .min-h-md\:75vw {
    min-height: 75vw !important;
  }

  .min-w-md\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:75vw {
    height: 75vw !important;
  }

  .w-md-up\:75vw {
    width: 75vw !important;
  }

  .max-h-md-up\:75vw {
    max-height: 75vw !important;
  }

  .max-w-md-up\:75vw {
    max-width: 75vw !important;
  }

  .min-h-md-up\:75vw {
    min-height: 75vw !important;
  }

  .min-w-md-up\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:75vw {
    height: 75vw !important;
  }

  .w-md-down\:75vw {
    width: 75vw !important;
  }

  .max-h-md-down\:75vw {
    max-height: 75vw !important;
  }

  .max-w-md-down\:75vw {
    max-width: 75vw !important;
  }

  .min-h-md-down\:75vw {
    min-height: 75vw !important;
  }

  .min-w-md-down\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:75vw {
    height: 75vw !important;
  }

  .w-lg\:75vw {
    width: 75vw !important;
  }

  .max-h-lg\:75vw {
    max-height: 75vw !important;
  }

  .max-w-lg\:75vw {
    max-width: 75vw !important;
  }

  .min-h-lg\:75vw {
    min-height: 75vw !important;
  }

  .min-w-lg\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:75vw {
    height: 75vw !important;
  }

  .w-lg-up\:75vw {
    width: 75vw !important;
  }

  .max-h-lg-up\:75vw {
    max-height: 75vw !important;
  }

  .max-w-lg-up\:75vw {
    max-width: 75vw !important;
  }

  .min-h-lg-up\:75vw {
    min-height: 75vw !important;
  }

  .min-w-lg-up\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:75vw {
    height: 75vw !important;
  }

  .w-lg-down\:75vw {
    width: 75vw !important;
  }

  .max-h-lg-down\:75vw {
    max-height: 75vw !important;
  }

  .max-w-lg-down\:75vw {
    max-width: 75vw !important;
  }

  .min-h-lg-down\:75vw {
    min-height: 75vw !important;
  }

  .min-w-lg-down\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:75vw {
    height: 75vw !important;
  }

  .w-xl\:75vw {
    width: 75vw !important;
  }

  .max-h-xl\:75vw {
    max-height: 75vw !important;
  }

  .max-w-xl\:75vw {
    max-width: 75vw !important;
  }

  .min-h-xl\:75vw {
    min-height: 75vw !important;
  }

  .min-w-xl\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:75vw {
    height: 75vw !important;
  }

  .w-xl-up\:75vw {
    width: 75vw !important;
  }

  .max-h-xl-up\:75vw {
    max-height: 75vw !important;
  }

  .max-w-xl-up\:75vw {
    max-width: 75vw !important;
  }

  .min-h-xl-up\:75vw {
    min-height: 75vw !important;
  }

  .min-w-xl-up\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:75vw {
    height: 75vw !important;
  }

  .w-xl-down\:75vw {
    width: 75vw !important;
  }

  .max-h-xl-down\:75vw {
    max-height: 75vw !important;
  }

  .max-w-xl-down\:75vw {
    max-width: 75vw !important;
  }

  .min-h-xl-down\:75vw {
    min-height: 75vw !important;
  }

  .min-w-xl-down\:75vw {
    min-width: 75vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:75vw {
    height: 75vw !important;
  }

  .w-xxl\:75vw {
    width: 75vw !important;
  }

  .max-h-xxl\:75vw {
    max-height: 75vw !important;
  }

  .max-w-xxl\:75vw {
    max-width: 75vw !important;
  }

  .min-h-xxl\:75vw {
    min-height: 75vw !important;
  }

  .min-w-xxl\:75vw {
    min-width: 75vw !important;
  }
}
.h\:100vw {
  height: 100vw !important;
}

.w\:100vw {
  width: 100vw !important;
}

.max-h\:100vw {
  max-height: 100vw !important;
}

.max-w\:100vw {
  max-width: 100vw !important;
}

.min-h\:100vw {
  min-height: 100vw !important;
}

.min-w\:100vw {
  min-width: 100vw !important;
}

@media only screen and (max-width: 576px) {
  .h-xs\:100vw {
    height: 100vw !important;
  }

  .w-xs\:100vw {
    width: 100vw !important;
  }

  .max-h-xs\:100vw {
    max-height: 100vw !important;
  }

  .max-w-xs\:100vw {
    max-width: 100vw !important;
  }

  .min-h-xs\:100vw {
    min-height: 100vw !important;
  }

  .min-w-xs\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .h-sm\:100vw {
    height: 100vw !important;
  }

  .w-sm\:100vw {
    width: 100vw !important;
  }

  .max-h-sm\:100vw {
    max-height: 100vw !important;
  }

  .max-w-sm\:100vw {
    max-width: 100vw !important;
  }

  .min-h-sm\:100vw {
    min-height: 100vw !important;
  }

  .min-w-sm\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (min-width: 577px) {
  .h-sm-up\:100vw {
    height: 100vw !important;
  }

  .w-sm-up\:100vw {
    width: 100vw !important;
  }

  .max-h-sm-up\:100vw {
    max-height: 100vw !important;
  }

  .max-w-sm-up\:100vw {
    max-width: 100vw !important;
  }

  .min-h-sm-up\:100vw {
    min-height: 100vw !important;
  }

  .min-w-sm-up\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .h-sm-down\:100vw {
    height: 100vw !important;
  }

  .w-sm-down\:100vw {
    width: 100vw !important;
  }

  .max-h-sm-down\:100vw {
    max-height: 100vw !important;
  }

  .max-w-sm-down\:100vw {
    max-width: 100vw !important;
  }

  .min-h-sm-down\:100vw {
    min-height: 100vw !important;
  }

  .min-w-sm-down\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .h-md\:100vw {
    height: 100vw !important;
  }

  .w-md\:100vw {
    width: 100vw !important;
  }

  .max-h-md\:100vw {
    max-height: 100vw !important;
  }

  .max-w-md\:100vw {
    max-width: 100vw !important;
  }

  .min-h-md\:100vw {
    min-height: 100vw !important;
  }

  .min-w-md\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .h-md-up\:100vw {
    height: 100vw !important;
  }

  .w-md-up\:100vw {
    width: 100vw !important;
  }

  .max-h-md-up\:100vw {
    max-height: 100vw !important;
  }

  .max-w-md-up\:100vw {
    max-width: 100vw !important;
  }

  .min-h-md-up\:100vw {
    min-height: 100vw !important;
  }

  .min-w-md-up\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (max-width: 992px) {
  .h-md-down\:100vw {
    height: 100vw !important;
  }

  .w-md-down\:100vw {
    width: 100vw !important;
  }

  .max-h-md-down\:100vw {
    max-height: 100vw !important;
  }

  .max-w-md-down\:100vw {
    max-width: 100vw !important;
  }

  .min-h-md-down\:100vw {
    min-height: 100vw !important;
  }

  .min-w-md-down\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .h-lg\:100vw {
    height: 100vw !important;
  }

  .w-lg\:100vw {
    width: 100vw !important;
  }

  .max-h-lg\:100vw {
    max-height: 100vw !important;
  }

  .max-w-lg\:100vw {
    max-width: 100vw !important;
  }

  .min-h-lg\:100vw {
    min-height: 100vw !important;
  }

  .min-w-lg\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (min-width: 993px) {
  .h-lg-up\:100vw {
    height: 100vw !important;
  }

  .w-lg-up\:100vw {
    width: 100vw !important;
  }

  .max-h-lg-up\:100vw {
    max-height: 100vw !important;
  }

  .max-w-lg-up\:100vw {
    max-width: 100vw !important;
  }

  .min-h-lg-up\:100vw {
    min-height: 100vw !important;
  }

  .min-w-lg-up\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (max-width: 1200px) {
  .h-lg-down\:100vw {
    height: 100vw !important;
  }

  .w-lg-down\:100vw {
    width: 100vw !important;
  }

  .max-h-lg-down\:100vw {
    max-height: 100vw !important;
  }

  .max-w-lg-down\:100vw {
    max-width: 100vw !important;
  }

  .min-h-lg-down\:100vw {
    min-height: 100vw !important;
  }

  .min-w-lg-down\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .h-xl\:100vw {
    height: 100vw !important;
  }

  .w-xl\:100vw {
    width: 100vw !important;
  }

  .max-h-xl\:100vw {
    max-height: 100vw !important;
  }

  .max-w-xl\:100vw {
    max-width: 100vw !important;
  }

  .min-h-xl\:100vw {
    min-height: 100vw !important;
  }

  .min-w-xl\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (min-width: 1201px) {
  .h-xl-up\:100vw {
    height: 100vw !important;
  }

  .w-xl-up\:100vw {
    width: 100vw !important;
  }

  .max-h-xl-up\:100vw {
    max-height: 100vw !important;
  }

  .max-w-xl-up\:100vw {
    max-width: 100vw !important;
  }

  .min-h-xl-up\:100vw {
    min-height: 100vw !important;
  }

  .min-w-xl-up\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (max-width: 1400px) {
  .h-xl-down\:100vw {
    height: 100vw !important;
  }

  .w-xl-down\:100vw {
    width: 100vw !important;
  }

  .max-h-xl-down\:100vw {
    max-height: 100vw !important;
  }

  .max-w-xl-down\:100vw {
    max-width: 100vw !important;
  }

  .min-h-xl-down\:100vw {
    min-height: 100vw !important;
  }

  .min-w-xl-down\:100vw {
    min-width: 100vw !important;
  }
}
@media only screen and (min-width: 1401px) {
  .h-xxl\:100vw {
    height: 100vw !important;
  }

  .w-xxl\:100vw {
    width: 100vw !important;
  }

  .max-h-xxl\:100vw {
    max-height: 100vw !important;
  }

  .max-w-xxl\:100vw {
    max-width: 100vw !important;
  }

  .min-h-xxl\:100vw {
    min-height: 100vw !important;
  }

  .min-w-xxl\:100vw {
    min-width: 100vw !important;
  }
}
.shadow-sm\:100 {
  box-shadow: 0px 0px 1px #f8f9fa !important;
}

.shadow\:100 {
  box-shadow: 0px 0px 4px #f8f9fa !important;
}

.shadow-lg\:100 {
  box-shadow: 0px 0px 8px #f8f9fa !important;
}

.shadow-top-sm\:100 {
  box-shadow: 0px -1px 1px #f8f9fa !important;
}

.shadow-top\:100 {
  box-shadow: 0px -1px 4px #f8f9fa !important;
}

.shadow-top-lg\:100 {
  box-shadow: 0px -1px 8px #f8f9fa !important;
}

.shadow-bottom-sm\:100 {
  box-shadow: 0px 1px 1px #f8f9fa !important;
}

.shadow-bottom\:100 {
  box-shadow: 0px 1px 4px #f8f9fa !important;
}

.shadow-bottom-lg\:100 {
  box-shadow: 0px 1px 8px #f8f9fa !important;
}

.shadow-left-sm\:100 {
  box-shadow: -1px 0px 1px #f8f9fa !important;
}

.shadow-left\:100 {
  box-shadow: -1px 0px 4px #f8f9fa !important;
}

.shadow-left-lg\:100 {
  box-shadow: -1px 0px 8px #f8f9fa !important;
}

.shadow-right-sm\:100 {
  box-shadow: 1px 0px 1px #f8f9fa !important;
}

.shadow-right\:100 {
  box-shadow: 1px 0px 4px #f8f9fa !important;
}

.shadow-right-lg\:100 {
  box-shadow: 1px 0px 8px #f8f9fa !important;
}

.shadow-sm\:200 {
  box-shadow: 0px 0px 1px #e9ecef !important;
}

.shadow\:200 {
  box-shadow: 0px 0px 4px #e9ecef !important;
}

.shadow-lg\:200 {
  box-shadow: 0px 0px 8px #e9ecef !important;
}

.shadow-top-sm\:200 {
  box-shadow: 0px -1px 1px #e9ecef !important;
}

.shadow-top\:200 {
  box-shadow: 0px -1px 4px #e9ecef !important;
}

.shadow-top-lg\:200 {
  box-shadow: 0px -1px 8px #e9ecef !important;
}

.shadow-bottom-sm\:200 {
  box-shadow: 0px 1px 1px #e9ecef !important;
}

.shadow-bottom\:200 {
  box-shadow: 0px 1px 4px #e9ecef !important;
}

.shadow-bottom-lg\:200 {
  box-shadow: 0px 1px 8px #e9ecef !important;
}

.shadow-left-sm\:200 {
  box-shadow: -1px 0px 1px #e9ecef !important;
}

.shadow-left\:200 {
  box-shadow: -1px 0px 4px #e9ecef !important;
}

.shadow-left-lg\:200 {
  box-shadow: -1px 0px 8px #e9ecef !important;
}

.shadow-right-sm\:200 {
  box-shadow: 1px 0px 1px #e9ecef !important;
}

.shadow-right\:200 {
  box-shadow: 1px 0px 4px #e9ecef !important;
}

.shadow-right-lg\:200 {
  box-shadow: 1px 0px 8px #e9ecef !important;
}

.shadow-sm\:300 {
  box-shadow: 0px 0px 1px #dee2e6 !important;
}

.shadow\:300 {
  box-shadow: 0px 0px 4px #dee2e6 !important;
}

.shadow-lg\:300 {
  box-shadow: 0px 0px 8px #dee2e6 !important;
}

.shadow-top-sm\:300 {
  box-shadow: 0px -1px 1px #dee2e6 !important;
}

.shadow-top\:300 {
  box-shadow: 0px -1px 4px #dee2e6 !important;
}

.shadow-top-lg\:300 {
  box-shadow: 0px -1px 8px #dee2e6 !important;
}

.shadow-bottom-sm\:300 {
  box-shadow: 0px 1px 1px #dee2e6 !important;
}

.shadow-bottom\:300 {
  box-shadow: 0px 1px 4px #dee2e6 !important;
}

.shadow-bottom-lg\:300 {
  box-shadow: 0px 1px 8px #dee2e6 !important;
}

.shadow-left-sm\:300 {
  box-shadow: -1px 0px 1px #dee2e6 !important;
}

.shadow-left\:300 {
  box-shadow: -1px 0px 4px #dee2e6 !important;
}

.shadow-left-lg\:300 {
  box-shadow: -1px 0px 8px #dee2e6 !important;
}

.shadow-right-sm\:300 {
  box-shadow: 1px 0px 1px #dee2e6 !important;
}

.shadow-right\:300 {
  box-shadow: 1px 0px 4px #dee2e6 !important;
}

.shadow-right-lg\:300 {
  box-shadow: 1px 0px 8px #dee2e6 !important;
}

.shadow-sm\:400 {
  box-shadow: 0px 0px 1px #ced4da !important;
}

.shadow\:400 {
  box-shadow: 0px 0px 4px #ced4da !important;
}

.shadow-lg\:400 {
  box-shadow: 0px 0px 8px #ced4da !important;
}

.shadow-top-sm\:400 {
  box-shadow: 0px -1px 1px #ced4da !important;
}

.shadow-top\:400 {
  box-shadow: 0px -1px 4px #ced4da !important;
}

.shadow-top-lg\:400 {
  box-shadow: 0px -1px 8px #ced4da !important;
}

.shadow-bottom-sm\:400 {
  box-shadow: 0px 1px 1px #ced4da !important;
}

.shadow-bottom\:400 {
  box-shadow: 0px 1px 4px #ced4da !important;
}

.shadow-bottom-lg\:400 {
  box-shadow: 0px 1px 8px #ced4da !important;
}

.shadow-left-sm\:400 {
  box-shadow: -1px 0px 1px #ced4da !important;
}

.shadow-left\:400 {
  box-shadow: -1px 0px 4px #ced4da !important;
}

.shadow-left-lg\:400 {
  box-shadow: -1px 0px 8px #ced4da !important;
}

.shadow-right-sm\:400 {
  box-shadow: 1px 0px 1px #ced4da !important;
}

.shadow-right\:400 {
  box-shadow: 1px 0px 4px #ced4da !important;
}

.shadow-right-lg\:400 {
  box-shadow: 1px 0px 8px #ced4da !important;
}

.shadow-sm\:500 {
  box-shadow: 0px 0px 1px #adb5bd !important;
}

.shadow\:500 {
  box-shadow: 0px 0px 4px #adb5bd !important;
}

.shadow-lg\:500 {
  box-shadow: 0px 0px 8px #adb5bd !important;
}

.shadow-top-sm\:500 {
  box-shadow: 0px -1px 1px #adb5bd !important;
}

.shadow-top\:500 {
  box-shadow: 0px -1px 4px #adb5bd !important;
}

.shadow-top-lg\:500 {
  box-shadow: 0px -1px 8px #adb5bd !important;
}

.shadow-bottom-sm\:500 {
  box-shadow: 0px 1px 1px #adb5bd !important;
}

.shadow-bottom\:500 {
  box-shadow: 0px 1px 4px #adb5bd !important;
}

.shadow-bottom-lg\:500 {
  box-shadow: 0px 1px 8px #adb5bd !important;
}

.shadow-left-sm\:500 {
  box-shadow: -1px 0px 1px #adb5bd !important;
}

.shadow-left\:500 {
  box-shadow: -1px 0px 4px #adb5bd !important;
}

.shadow-left-lg\:500 {
  box-shadow: -1px 0px 8px #adb5bd !important;
}

.shadow-right-sm\:500 {
  box-shadow: 1px 0px 1px #adb5bd !important;
}

.shadow-right\:500 {
  box-shadow: 1px 0px 4px #adb5bd !important;
}

.shadow-right-lg\:500 {
  box-shadow: 1px 0px 8px #adb5bd !important;
}

.shadow-sm\:600 {
  box-shadow: 0px 0px 1px #6c757d !important;
}

.shadow\:600 {
  box-shadow: 0px 0px 4px #6c757d !important;
}

.shadow-lg\:600 {
  box-shadow: 0px 0px 8px #6c757d !important;
}

.shadow-top-sm\:600 {
  box-shadow: 0px -1px 1px #6c757d !important;
}

.shadow-top\:600 {
  box-shadow: 0px -1px 4px #6c757d !important;
}

.shadow-top-lg\:600 {
  box-shadow: 0px -1px 8px #6c757d !important;
}

.shadow-bottom-sm\:600 {
  box-shadow: 0px 1px 1px #6c757d !important;
}

.shadow-bottom\:600 {
  box-shadow: 0px 1px 4px #6c757d !important;
}

.shadow-bottom-lg\:600 {
  box-shadow: 0px 1px 8px #6c757d !important;
}

.shadow-left-sm\:600 {
  box-shadow: -1px 0px 1px #6c757d !important;
}

.shadow-left\:600 {
  box-shadow: -1px 0px 4px #6c757d !important;
}

.shadow-left-lg\:600 {
  box-shadow: -1px 0px 8px #6c757d !important;
}

.shadow-right-sm\:600 {
  box-shadow: 1px 0px 1px #6c757d !important;
}

.shadow-right\:600 {
  box-shadow: 1px 0px 4px #6c757d !important;
}

.shadow-right-lg\:600 {
  box-shadow: 1px 0px 8px #6c757d !important;
}

.shadow-sm\:700 {
  box-shadow: 0px 0px 1px #495057 !important;
}

.shadow\:700 {
  box-shadow: 0px 0px 4px #495057 !important;
}

.shadow-lg\:700 {
  box-shadow: 0px 0px 8px #495057 !important;
}

.shadow-top-sm\:700 {
  box-shadow: 0px -1px 1px #495057 !important;
}

.shadow-top\:700 {
  box-shadow: 0px -1px 4px #495057 !important;
}

.shadow-top-lg\:700 {
  box-shadow: 0px -1px 8px #495057 !important;
}

.shadow-bottom-sm\:700 {
  box-shadow: 0px 1px 1px #495057 !important;
}

.shadow-bottom\:700 {
  box-shadow: 0px 1px 4px #495057 !important;
}

.shadow-bottom-lg\:700 {
  box-shadow: 0px 1px 8px #495057 !important;
}

.shadow-left-sm\:700 {
  box-shadow: -1px 0px 1px #495057 !important;
}

.shadow-left\:700 {
  box-shadow: -1px 0px 4px #495057 !important;
}

.shadow-left-lg\:700 {
  box-shadow: -1px 0px 8px #495057 !important;
}

.shadow-right-sm\:700 {
  box-shadow: 1px 0px 1px #495057 !important;
}

.shadow-right\:700 {
  box-shadow: 1px 0px 4px #495057 !important;
}

.shadow-right-lg\:700 {
  box-shadow: 1px 0px 8px #495057 !important;
}

.shadow-sm\:800 {
  box-shadow: 0px 0px 1px #343a40 !important;
}

.shadow\:800 {
  box-shadow: 0px 0px 4px #343a40 !important;
}

.shadow-lg\:800 {
  box-shadow: 0px 0px 8px #343a40 !important;
}

.shadow-top-sm\:800 {
  box-shadow: 0px -1px 1px #343a40 !important;
}

.shadow-top\:800 {
  box-shadow: 0px -1px 4px #343a40 !important;
}

.shadow-top-lg\:800 {
  box-shadow: 0px -1px 8px #343a40 !important;
}

.shadow-bottom-sm\:800 {
  box-shadow: 0px 1px 1px #343a40 !important;
}

.shadow-bottom\:800 {
  box-shadow: 0px 1px 4px #343a40 !important;
}

.shadow-bottom-lg\:800 {
  box-shadow: 0px 1px 8px #343a40 !important;
}

.shadow-left-sm\:800 {
  box-shadow: -1px 0px 1px #343a40 !important;
}

.shadow-left\:800 {
  box-shadow: -1px 0px 4px #343a40 !important;
}

.shadow-left-lg\:800 {
  box-shadow: -1px 0px 8px #343a40 !important;
}

.shadow-right-sm\:800 {
  box-shadow: 1px 0px 1px #343a40 !important;
}

.shadow-right\:800 {
  box-shadow: 1px 0px 4px #343a40 !important;
}

.shadow-right-lg\:800 {
  box-shadow: 1px 0px 8px #343a40 !important;
}

.shadow-sm\:900 {
  box-shadow: 0px 0px 1px #212529 !important;
}

.shadow\:900 {
  box-shadow: 0px 0px 4px #212529 !important;
}

.shadow-lg\:900 {
  box-shadow: 0px 0px 8px #212529 !important;
}

.shadow-top-sm\:900 {
  box-shadow: 0px -1px 1px #212529 !important;
}

.shadow-top\:900 {
  box-shadow: 0px -1px 4px #212529 !important;
}

.shadow-top-lg\:900 {
  box-shadow: 0px -1px 8px #212529 !important;
}

.shadow-bottom-sm\:900 {
  box-shadow: 0px 1px 1px #212529 !important;
}

.shadow-bottom\:900 {
  box-shadow: 0px 1px 4px #212529 !important;
}

.shadow-bottom-lg\:900 {
  box-shadow: 0px 1px 8px #212529 !important;
}

.shadow-left-sm\:900 {
  box-shadow: -1px 0px 1px #212529 !important;
}

.shadow-left\:900 {
  box-shadow: -1px 0px 4px #212529 !important;
}

.shadow-left-lg\:900 {
  box-shadow: -1px 0px 8px #212529 !important;
}

.shadow-right-sm\:900 {
  box-shadow: 1px 0px 1px #212529 !important;
}

.shadow-right\:900 {
  box-shadow: 1px 0px 4px #212529 !important;
}

.shadow-right-lg\:900 {
  box-shadow: 1px 0px 8px #212529 !important;
}

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