@charset "UTF-8";

html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
  overflow-x: hidden;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
}

body {
  background-color: #fffffc;
}

.is-fixed {
  height: 100%;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* embed,
iframe,
img,
video {
  vertical-align: middle;
} */
figure {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
  margin-top: 0;
}

img,
svg {
  height: auto;
  max-width: 100%;
}

[data-taxi-view] {
  padding-top: 4rem !important;
}

@media (min-width: 768px) {
  [data-taxi-view]:not([data-page="new-about"]):not([data-page="product"]):not([data-page="default"]) {
    padding-top: 6.9rem !important;
  }
}

[data-taxi-view="projects"] {
  padding-top: 6rem !important;
}

@media (min-width: 768px) {
  [data-taxi-view="projects"] {
    padding-top: 7rem !important;
  }
}

.page-template-projects.is-ring-view {
  overflow: hidden;
}

.page-template-projects [asscroll-container] {
  pointer-events: none;
  z-index: 10;
}

.cursor {
  mix-blend-mode: difference;
}

@media (hover: none) and (pointer: coarse) {
  .cursor {
    display: none;
  }
}

.cursor__inner {
  background: #fffffc;
  border-radius: 20px;
  height: 20px;
  opacity: 0;
  width: 20px;
}

.cursor__arrow {
  border: solid #fffffc;
  border-width: 0 2.63px 2.63px 0;
  display: inline-block;
  opacity: 0;
  padding: 2.63px;
}

.full-width {
  margin: 0 -0.5rem;
  width: calc(100% + 1rem);
}

@media (min-width: 768px) {
  .full-width {
    margin: 0 -1rem;
    width: calc(100% + 2rem);
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .full-width {
    margin: 0 -1.5rem;
    width: calc(100% + 3rem);
  }
}

.cursor-default {
  cursor: default !important;
}

body.is-home .footer {
  display: none;
}

.home-clou {
  display: -webkit-box;
  display: flex;
}

.home-clou__text {
  padding: 0 1.2rem;
}

.home-icp-number {
  bottom: 0.7rem;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: 48;
}

.home-icp-number,
.is-touch .home-icp-number {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.is-touch .home-icp-number {
  text-align: center;
}

@media (min-width: 744px) {
  .home-icp-number {
    bottom: 2.1rem;
  }
}

@media (min-width: 1024px) {
  .home-icp-number {
    bottom: 1.75rem;
    left: unset;
    right: 1.5rem;
    -webkit-transform: none;
    transform: none;
  }
}

.hidden-mobile {
  display: none;
}

@media (min-width: 1024px) and (hover: hover) {
  .hidden-mobile {
    display: block;
  }
}

.s-grid:before {
  background: repeating-linear-gradient(90deg,
      transparent 0,
      transparent 0.5rem,
      rgba(0, 0, 0, 0.1) 0,
      rgba(0, 0, 0, 0.1) 8.3333333334%);
  content: "";
  height: 100%;
  pointer-events: none;
  position: fixed;
  width: calc(100% - 0.5rem);
  z-index: 99999;
}

@media (min-width: 768px) {
  .s-grid:before {
    background: repeating-linear-gradient(90deg,
        transparent 0,
        transparent 1rem,
        rgba(0, 0, 0, 0.1) 0,
        rgba(0, 0, 0, 0.1) 8.3333333334%);
    width: calc(100% - 1rem);
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .s-grid:before {
    background: repeating-linear-gradient(90deg,
        transparent 0,
        transparent 1.5rem,
        rgba(0, 0, 0, 0.1) 0,
        rgba(0, 0, 0, 0.1) 4.1666666667%);
    width: calc(100% - 1.5rem);
  }
}

@font-face {
  font-display: swap;
  font-family: Circular Std;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/CircularXXWeb-Bold.woff2) format("woff2"),
    url(../fonts/CircularXXWeb-Bold.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Circular Std;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/CircularXXWeb-Book.woff2) format("woff2"),
    url(../fonts/CircularXXWeb-Book.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Noto Sans CJK SC;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansCJKsc-Medium.woff2) format("woff2"),
    url(../fonts/NotoSansCJKsc-Medium.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Noto Sans CJK SC;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansCJKsc-Bold.woff2) format("woff2"),
    url(../fonts/NotoSansCJKsc-Bold.woff) format("woff");
}

html {
  font-size: 20px;
}

@media (min-width: 1024px) and (hover: hover) {
  html {
    font-size: 14px;
  }
}

@media screen and (min-width: 1024px) and (hover: hover) and (min-width: 1024px) {
  html {
    font-size: calc(7.14291px + 0.66964vw);
  }
}

@media screen and (min-width: 1024px) and (hover: hover) and (min-width: 3840px) {
  html {
    font-size: 32.857px;
  }
}

body {
  font-family: Circular Std, Noto Sans CJK SC, system-ui, -apple-system,
    BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 0.8rem;
  letter-spacing: -0.01rem;
}

@media (min-width: 768px) {
  body {
    font-size: 1rem;
  }
}

.h1,
h1 {
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -0.07em;
  line-height: 1.06;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {

  .h1,
  h1 {
    font-size: 4.75rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {

  .h1,
  h1 {
    font-size: 8rem;
    margin-bottom: 3rem;
  }
}

.h2,
h2 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {

  .h2,
  h2 {
    font-size: 2rem;
    letter-spacing: -0.05em;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {

  .h2,
  h2 {
    font-size: 3rem;
    margin-bottom: 3rem;
  }
}

.h3,
h3 {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1.1;
  margin-bottom: 0.8rem;
}

@media (min-width: 768px) {

  .h3,
  h3 {
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {

  .h3,
  h3 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}

.h4,
h4 {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin-bottom: 0.8rem;
}

@media (min-width: 768px) {

  .h4,
  h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {

  .h4,
  h4 {
    margin-bottom: 1.5rem;
  }
}

p {
  margin-bottom: 1rem;
}

a {
  color: #000;
  text-decoration: none;
}

.t-jumbo {
  font-size: clamp(20px, 11.7vw, 400px);
  letter-spacing: -0.07em;
}

@media (min-width: 768px) {
  .t-jumbo {
    font-size: clamp(20px, 11.5vw, 400px);
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .t-jumbo {
    font-size: clamp(20px, 11.9vw, 400px);
  }
}

.is-ch-lang * {
  letter-spacing: 0 !important;
  quotes: "“" "”";
}

.is-ch-lang .h1,
.is-ch-lang h1 {
  line-height: 1;
}

.is-ch-lang .t-ls-1.t-ls-1,
.is-ch-lang .t-ls-3.t-ls-3,
.is-ch-lang .t-ls-5.t-ls-5,
.is-ch-lang .t-ls-7.t-ls-7 {
  letter-spacing: 0 !important;
}

.is-ch-lang .h2,
.is-ch-lang h2 {
  line-height: 1.3;
}

.is-ch-lang .site-loader__sentence {
  display: -webkit-box;
  display: flex;
}

.is-ch-lang .t-lh-1\@cn {
  line-height: 1 !important;
}

.is-ch-lang .klu-fix\@cn {
  line-height: 1;
  vertical-align: text-top;
}

.t-no-kerning {
  -webkit-font-kerning: none;
  font-kerning: none;
}

.site-loader {
  -webkit-box-pack: center;
  -webkit-box-align: center;
  align-items: center;
  background-color: #fffffc;
  display: -webkit-box;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
}

.site-loader__content {
  background-color: #000;
  color: #fffffc;
  padding: 0 1.2rem;
  position: relative;
}

.site-loader__content .site-loader__wipe,
.site-loader__content .site-loader__wipe-clou {
  background-color: #fffffc;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.site-loader__content .site-loader__wipe-clou {
  white-space: nowrap;
  width: 100%;
}

.site-loader__content .site-loader__wipe-clou__text {
  color: #000;
  padding: 0 1.45rem;
}

.site-loader__word {
  position: relative;
  vertical-align: bottom;
}

.site-loader__word__inner {
  left: 50%;
  position: absolute;
  white-space: nowrap;
}

.site-loader__progress {
  bottom: 2.87vh;
  left: 0;
  position: absolute;
  width: 100%;
}

.site-loader__progress .site-loader__bar-container {
  margin: 0 2rem;
  overflow: hidden;
}

.site-loader__progress .site-loader__progress__text {
  opacity: 0;
  text-align: right;
  width: 100%;
}

.site-loader__progress .site-loader__bar {
  background: #000;
  height: 2px;
  opacity: 0;
  width: 100%;
}

.site-loader__progress .site-loader__bar-bg {
  background: #000;
  height: 1px;
  opacity: 0;
  width: 100%;
}

.site-loader__clou {
  max-width: 120px;
  width: 30vw;
}

.site-loader__clou path {
  visibility: hidden;
}

.cookie {
  bottom: 0.2rem;
  cursor: auto;
  left: 1rem;
  right: 1rem;
  z-index: 50;
}

@media (min-width: 740px) {
  .cookie {
    bottom: 1rem;
    left: 20px;
    right: 20px;
  }
}

@media (min-width: 1024px) {
  .cookie {
    bottom: 1.75rem;
    left: unset;
    right: 1.5rem;
    width: 14.25rem;
  }

  .cookie:before {
    border-bottom: 1.35rem solid transparent;
    border-right: 1.05rem solid #000;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
  }
}

.cookie__close {
  background: none;
  border: none;
  cursor: pointer;
  right: 0.4rem;
  top: 0.3rem;
}

.cookie__close svg {
  fill: #fffffc;
  height: 0.5rem;
  width: 0.5rem;
}

.cookie__close:focus-visible {
  outline: 1px solid #fffffc;
}

.cookie__close:focus {
  outline: none;
}

.header {
  height: 4rem;
  background-color: rgb(27 25 24);
}

@media (min-width: 768px) {
  .header {
    height: 4.5rem;
    background-color: rgb(27 25 24);
  }
}

.header__inner {
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.header__logo {
  height: 26px;
  width: 5.2rem;
}

@media (min-width: 768px) {
  .header__logo {
    height: 26px;
    width: 5.85rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .header__logo {
    height: 1.5rem;
    width: 5.85rem;
  }
}

.header__logo__item {
  opacity: 0;
}

.header__nav {
  line-height: 1rem;
  list-style-type: none;
}

.header__nav .nav__dropdown {
  grid-gap: 0.3rem 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  left: 50%;
  list-style-type: none;
  opacity: 0;
  position: absolute;
  top: calc(115% + 1.35rem);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
}

.header__nav .nav__dropdown__item {
  white-space: nowrap;
}

.header__nav .nav__dropdown:before {
  border-bottom: 0 solid transparent;
  border-left: 1.05rem solid #000;
  border-top: 1.35rem solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -1.3rem;
  width: 0;
}

.header__nav .nav__item--dropdown:hover:before {
  background: transparent;
  content: "";
  height: 70px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 230%;
}

.header__nav .nav__item--dropdown:hover .nav__dropdown {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: visible;
}

.header .burger {
  background: none;
  border: none;
}

rect:not(.header .burger__bg) {
  fill: #fffffc;
}

.header .burger__bg {
  fill: #000;
}

.header__lang {
  line-height: 1rem;
}

.header .nav-mobile {
  height: 0;
  left: 0;
  margin-top: 4rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

@media (min-width: 768px) {
  .header .nav-mobile {
    margin-top: 4.4em;
  }
}

.gl-canvas,
.gl-label-renderer,
.js-canvas {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.gl-canvas,
.gl-label-renderer,
.js-canvas {
  top: 50px !important;
}

/* Hide WebGL UI on inner/product pages */
body.is-inner .gl-ui,
body.is-inner .gl-canvas,
body.is-inner .gl-label-renderer,
body.is-project .gl-ui,
body.is-project .gl-canvas,
body.is-project .gl-label-renderer {
  display: none !important;
}

.gl-mini-ring-container {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

@media (min-width: 1024px) and (hover: hover) {
  .gl-mini-ring-container {
    height: 110%;
  }
}

.gl-label-renderer {
  z-index: 1;
}

.border {
  border: 1px solid #000;
}

.border-bottom {
  border-bottom: 1px solid #000;
}

.border-top {
  border-top: 1px solid #000;
}

.border--2 {
  border-width: 2px;
}

.image {
  --aspect-sm: var(--aspect);
  --aspect-md: var(--aspect-sm);
  --aspect-lg: var(--aspect-md);
  overflow: hidden;
  padding-bottom: calc(100% * var(--aspect));
  position: relative;
}

@media (min-width: 768px) {
  .image {
    padding-bottom: calc(100% * var(--aspect-sm));
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .image {
    padding-bottom: calc(100% * var(--aspect-md));
  }
}

@media (min-width: 1366px) {
  .image {
    padding-bottom: calc(100% * var(--aspect-lg));
  }
}

.image__inner {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.image__img {
  height: 100%;
  width: 100%;
  display: flex;
  background: #F8FAFC;
  justify-content: center;
  align-items: center;
}

.image__img_contact {
  height: 100%;
  width: 100%;
  display: flex;
  background: #F8FAFC;
  justify-content: center;
  align-items: center;
}

.image_video_contact {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image_video_contact.mobile{
    display:none;
}
.image_video_contact.desktop{
    display:block;
}

.image__img img {
  height: 180px;
  -o-object-fit: contain;
  object-fit: contain;
  transform: none !important;
}

.image__img_contact img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: none !important;
}

.image--native .image__inner {
  height: 100%;
}

.button {
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  z-index: 2;
}

.button__text {
  color: #000;
  display: block;
  padding: 0 0.1em 0.1em;
}

.button__wipe {
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.button__wipe svg {
  fill: #fffffc;
}

.button__wipe__text {
  padding: 0 0.1em 0.1em;
}

.button__underline {
  /* border-bottom: 2px solid #000; */
  bottom: 1px;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.button--real {
  background: #fffffc;
  border: 0;
  font-weight: 700;
  padding: 0;
}

.text-white {
  color: white !important;
}

.link,
.user-content>p>a {
  background: transparent;
  border: none;
  color: #000;
  cursor: pointer;
  padding-bottom: 0.3rem;
  position: relative;
  text-decoration: none;
}

.link__underline,
.user-content>p>a__underline {
  border-bottom: 2px solid white;
  bottom: 1px;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.link__underline--white,
.user-content>p>a__underline--white {
  border-bottom: 2px solid #fffffc;
}

.link--menu {
  opacity: 0;
}

.link--menu,
.link--menu .link__chars {
  margin-bottom: -0.2rem;
  padding-bottom: 0.2rem;
}

.btn-loader {
  margin-left: 8px;
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    opacity: 0.3;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

.link-basic {
  color: #000;
  text-decoration: none;
}

.divider {
  display: block;
  height: 2px;
}

.divider,
.divider div {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.divider div {
  border-bottom: 2px solid #000;
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.divider--awards {
  contain: paint;
  width: calc(100% + 1px);
}

.divider--awards div {
  background: #000;
  border: none;
  height: 2px;
}

.divider--last {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.footer .back-top {
  cursor: pointer;
}

.footer-descp {
  max-width: 300px;
  width: 100%;
}

.footer .back-top__arrow {
  height: 0.8em;
  width: 0.6em;
}

.footer .back-top__arrow__inner {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.footer .back-top:hover .back-top__arrow__inner {
  -webkit-transform: translate3d(0, -51%, 0);
  transform: translate3d(0, -51%, 0);
}

.footer__logo {
  height: 26px;
  width: 5.2rem;
}

@media (min-width: 768px) {
  .footer__logo {
    height: 26px;
    width: 5.85rem;
  }
}

@media (max-width: 768px) {
  .footer-descp {
    max-width: 100% !important;
  }
   .image_video_contact.mobile{
       display:block;
   }
  .image_video_contact.desktop{
       display:none;
   }
}

@media (min-width: 1024px) and (hover: hover) {
  .footer__logo {
    height: 2.05rem;
    width: 7.9rem;
  }
}

.footer__link {
  font-size: 1rem;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

@media (min-width: 768px) {
  .footer__link {
    font-size: 1.5rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .footer__link {
    font-size: 1.9rem;
  }
}

@media (min-width: 1366px) {
  .footer__link {
    font-size: 2rem;
  }
}

.accordion {
  background-color: #fffffc;
  border: none;
  color: #000;
  cursor: pointer;
  position: relative;
}

.accordion.is-hovered:after {
  background: #000;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 9;
}

.accordion__icon {
  height: 12px;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 12px;
}

.accordion__icon--white {
  fill: #fffffc;
}

.accordion__cover {
  background: #000;
  -webkit-box-shadow: 0 0 0 1px #000;
  box-shadow: 0 0 0 1px #000;
  color: #fffffc;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .accordion__cover .accordion__icon {
    right: 0;
  }
}

.cust-accordion__cover {
  /* background: #000; */
  /* -webkit-box-shadow: 0 0 0 1px #000; */
  /* box-shadow: 0 0 0 1px #000; */
  color: #000;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .cust-accordion__cover .accordion__icon {
    right: 0;
  }
}

.user-content h2 {
  margin-bottom: 2rem;
  margin-top: 3rem;
}

@media (min-width: 1024px) and (hover: hover) {
  .user-content h2 {
    margin-bottom: 3rem;
    margin-top: 4.5rem;
  }
}

.user-content h3 {
  font-size: 1.2rem;
  letter-spacing: -0.05em;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .user-content h3 {
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    margin-top: 2rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .user-content h3 {
    margin-bottom: 0.75rem;
    margin-top: 1.5rem;
  }
}

.user-content h2+h3 {
  margin-top: 2rem;
}

@media (min-width: 1024px) and (hover: hover) {
  .user-content h2+h3 {
    margin-top: 3rem;
  }
}

.user-content ol,
.user-content p,
.user-content ul {
  margin-bottom: 1rem;
}

@media (min-width: 1024px) and (hover: hover) {

  .user-content ol,
  .user-content p,
  .user-content ul {
    margin-bottom: 1.5rem;
  }
}

.user-content ul {
  -webkit-padding-start: 1rem;
  list-style-type: square;
  padding-inline-start: 1rem;
}

@media (min-width: 1024px) and (hover: hover) {
  .user-content ul {
    -webkit-padding-start: 1.2rem;
    padding-inline-start: 1.2rem;
  }
}

.user-content ul li {
  margin-bottom: 0.6rem;
}

.user-content a {
  font-weight: 700;
}

.user-content>p>a {
  vertical-align: top;
}

.user-content>p>a .link__underline {
  bottom: 0.3em;
}

.user-content>h2>a,
.user-content>h3>a {
  vertical-align: top;
}

.user-content .wp-block-quote {
  margin: 2rem 0;
}

@media (min-width: 768px) {
  .user-content .wp-block-quote {
    margin: 3rem 0;
  }
}

.user-content .wp-block-quote p {
  font-size: 1.2rem;
  letter-spacing: -0.05em;
  line-height: 1.1;
}

@media (min-width: 768px) {
  .user-content .wp-block-quote p {
    font-size: 2rem;
    letter-spacing: -0.03em;
  }
}

.user-content .wp-block-quote p:before {
  content: "“";
}

.user-content .wp-block-quote p:after {
  content: "”";
}

.user-content .wp-block-quote cite {
  font-style: normal;
}

.user-content .wp-block-embed {
  margin-bottom: 2rem;
  margin-top: 2rem;
  padding-top: 56.25%;
  position: relative;
}

@media (min-width: 768px) {
  .user-content .wp-block-embed {
    margin-bottom: 3em;
    margin-top: 3em;
  }
}

.user-content .wp-block-embed iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.user-content .block-image-columns+.image,
.user-content .block-image-columns+.wp-block-video,
.user-content .image+.block-image-columns,
.user-content .image+.image,
.user-content .image+.wp-block-video {
  margin-top: -1.5rem !important;
}

@media (min-width: 768px) {

  .user-content .block-image-columns+.image,
  .user-content .block-image-columns+.wp-block-video,
  .user-content .image+.block-image-columns,
  .user-content .image+.image,
  .user-content .image+.wp-block-video {
    margin-top: -2rem !important;
  }
}

@media (min-width: 1024px) and (hover: hover) {

  .user-content .block-image-columns+.image,
  .user-content .block-image-columns+.wp-block-video,
  .user-content .image+.block-image-columns,
  .user-content .image+.image,
  .user-content .image+.wp-block-video {
    margin-top: -1.5rem !important;
  }
}

.user-content .wp-block-video {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .user-content .wp-block-video {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

.user-content .wp-block-video video {
  height: auto;
  width: 100%;
}

.awards-list {
  -webkit-font-kerning: none;
  font-kerning: none;
  overflow: hidden;
}

.awards-list__award {
  overflow: hidden;
  position: relative;
}

.awards-list__award a {
  display: block;
}

.awards-list__award a:focus-visible {
  -webkit-box-shadow: inset 0 0 0 1px #000;
  box-shadow: inset 0 0 0 1px #000;
}

.awards-list__cover {
  background: #000;
  color: #fffffc;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.team__gallery {
  cursor: default !important;
}

.team__gallery__block {
  grid-gap: 0.5rem;
  cursor: none;
  display: grid;
  grid-auto-columns: 6rem;
  grid-auto-flow: column;
  grid-template-rows: 1fr 1fr 1fr;
  padding-right: 0.5rem;
}

@media (min-width: 768px) {
  .team__gallery__block {
    grid-gap: 1rem;
    grid-auto-columns: 8rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .team__gallery__block {
    grid-gap: 1.5rem;
    grid-auto-columns: 10.35rem;
    padding-right: 1.5rem;
  }
}

.team__gallery--filtered img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.team__directors button,
.team__gallery button {
  background: none;
  border: none;
  cursor: pointer;
}

.team__directors .team__image,
.team__gallery .team__image {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.team__directors .team__image img,
.team__gallery .team__image img {
  pointer-events: none;
}

.team__directors .team__image img::-moz-selection,
.team__gallery .team__image img::-moz-selection {
  -webkit-tap-highlight-color: transparent;
}

.team__directors .team__image img::selection,
.team__gallery .team__image img::selection {
  -webkit-tap-highlight-color: transparent;
}

.team__directors .team__image img,
.team__gallery .team__image img {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.team__directors.hovered .team__image:not(.hovered),
.team__gallery.hovered .team__image:not(.hovered) {
  opacity: 0.85;
}

.team__directors.hovered .team__image.hovered img,
.team__gallery.hovered .team__image.hovered img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.team__directors.active .team__image:not(.active),
.team__gallery.active .team__image:not(.active) {
  opacity: 0.07;
}

.team__directors .team__image.active img,
.team__gallery .team__image.active img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.section-title__wrapper {
  -webkit-box-align: baseline;
  align-items: baseline;
  display: -webkit-inline-box;
  display: inline-flex;
  line-height: 1.1;
  overflow: hidden;
  padding-right: 2px;
}

@media (min-width: 768px) {
  .section-title__wrapper {
    margin-left: 0.5rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .section-title__wrapper {
    margin-left: 0;
  }
}

.section-title__number {
  display: inline-block;
  font-size: 0.8rem;
  letter-spacing: -0.01em;
  margin-right: 0.5rem;
}

@media (min-width: 768px) {
  .section-title__number {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .section-title__number {
    font-size: 1.2rem;
  }
}

.section-title__text {
  padding-bottom: 2px;
}

.section-title__border {
  border-bottom: 2px solid #000;
  display: block;
  margin-top: 3px;
}

.media-form__label {
  font-size: 0.7rem;
}

@media (min-width: 1024px) and (hover: hover) {
  .media-form__label {
    font-size: 0.8rem;
  }
}

.media-form__input {
  position: relative;
}

.media-form__input__el {
  background: none;
  border: none;
  font-size: 1.25rem;
  padding-bottom: 0.5rem;
  padding-top: 0.8rem;
}

@media (min-width: 1024px) and (hover: hover) {
  .media-form__input__el {
    font-size: 1.5rem;
    padding-top: 0.6rem;
  }
}

.media-form__input__el:focus {
  outline: none;
}

.media-form__input__el::-webkit-input-placeholder {
  color: #000;
  opacity: 0.5;
}

.media-form__input__el::-moz-placeholder {
  color: #000;
  opacity: 0.5;
}

.media-form__input__el::placeholder {
  color: #000;
  opacity: 0.5;
}

.media-form__input__el:-webkit-autofill,
.media-form__input__el:-webkit-autofill:active,
.media-form__input__el:-webkit-autofill:focus,
.media-form__input__el:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 30px #fffffc !important;
}

.media-form__input .media-form__underline {
  border-bottom: 2px solid #000;
  bottom: 1px;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.media-form__btn-arrow {
  height: 0.7rem;
  width: 0.7rem;
}

.awards-underline {
  background: #000;
  bottom: 0;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

.gallery {
  height: 18.2rem;
}

@media (min-width: 768px) {
  .gallery {
    height: 29.3rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .gallery {
    height: 44.7rem;
  }
}

.gallery .gallery__inner {
  -webkit-perspective: 100px;
  perspective: 100px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

.gallery__el {
  opacity: 0;
}

.gallery__el--perspective {
  -webkit-transform: translateZ(10px);
  transform: translateZ(10px);
}

.gallery__el--landscape img,
.gallery__el--portrait img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.gallery__el--portrait {
  height: 14.1rem;
  width: 10.6rem;
}

@media (min-width: 768px) {
  .gallery__el--portrait {
    height: 22.7rem;
    width: 17.05rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .gallery__el--portrait {
    height: 34.75rem;
    width: 26.05rem;
  }
}

.gallery__el--landscape {
  height: 7.5rem;
  width: 10.6rem;
}

@media (min-width: 768px) {
  .gallery__el--landscape {
    height: 12.05rem;
    width: 17.05rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .gallery__el--landscape {
    height: 18.4rem;
    width: 26.05rem;
  }
}

.gallery__el--square {
  height: 9rem;
  width: 9rem;
}

@media (min-width: 768px) {
  .gallery__el--square {
    height: 14.4rem;
    width: 14.4rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .gallery__el--square {
    height: 22rem;
    width: 22rem;
  }
}

.modal {
  background-color: #000;
  height: 90vh;
  max-width: 90%;
}

@media (min-width: 768px) {
  .modal {
    height: 80vh;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .modal {
    max-width: 70%;
  }
}

.modal--light {
  height: unset;
  width: 90%;
}

@media (min-width: 768px) {
  .modal--light {
    width: 70%;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .modal--light {
    left: 50%;
    max-width: none;
    top: calc(100% + 1.35rem);
    width: 39.2rem;
  }

  .modal--light:before {
    border-bottom: 0 solid transparent;
    border-left: 1.05rem solid #000;
    border-top: 1.35rem solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -1.3rem;
    width: 0;
  }

  .modal--light.flip-x {
    left: unset;
    right: 50%;
  }

  .modal--light.flip-x:before {
    border-left: 0 solid transparent;
    border-right: 1.05rem solid #000;
    left: unset;
    right: 0;
  }

  .modal--light.flip-y {
    bottom: calc(100% + 1.3rem);
    top: unset;
  }

  .modal--light.flip-y:before {
    border-bottom: 1.35rem solid transparent;
    border-top: 0 solid transparent;
    top: 100%;
  }
}

.modal--light .modal__name {
  font-size: 1.5rem;
  margin-right: 1rem;
}

@media (min-width: 768px) {
  .modal--light .modal__name {
    font-size: 2rem;
  }
}

.modal--light .modal__accreditations {
  font-size: 0.6rem;
}

@media (min-width: 768px) {
  .modal--light .modal__accreditations {
    font-size: 0.8rem;
  }
}

.modal--light .modal__bio {
  font-size: 0.6rem;
}

@media (min-width: 768px) {
  .modal--light .modal__bio {
    font-size: 1rem;
  }
}

.modal--name {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.modal__close {
  background: none;
  border: none;
  cursor: pointer;
  right: 1rem;
  top: 1rem;
}

@media (min-width: 768px) {
  .modal__close {
    right: 1.5rem;
    top: 1.5rem;
  }
}

.modal__close svg {
  fill: #fffffc;
  height: 0.9rem;
  width: 0.9rem;
}

.modal__close:focus-visible {
  outline: 1px solid #fffffc;
}

.modal__close:focus {
  outline: none;
}

.modal__image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.modal__links svg {
  fill: #fffffc;
  height: 0.75rem;
  width: 1.05rem;
}

.modal-container {
  background-color: hsla(0, 0%, 100%, 0.9);
}

.modal-container--floating {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.title-wipe {
  margin: 0 -0.1em 0 0;
  padding: 0 0.1em 0 0;
  position: relative;
}

.title-wipe__cont {
  display: inline-block;
  margin-bottom: -0.1em;
  margin-right: -0.1em;
  margin-top: -0.07em;
  overflow: hidden;
  padding-bottom: 0.1em;
  padding-right: 0.1em;
  position: relative;
  vertical-align: bottom;
}

.title-wipe__cover {
  background-color: #000;
  color: #fffffc;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
}

.title-wipe__span {
  display: block;
}

.projects-filter {
  pointer-events: none;
  position: fixed;
  z-index: 2;
}

.is-touch .projects-filter,
.projects-filter {
  bottom: 0;
  left: 10px;
  right: 10px;
}

@media (min-width: 740px) {
  .is-touch .projects-filter {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
}

.projects-filter>div {
  pointer-events: auto;
}

@media (min-width: 740px) {
  .projects-filter {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
}

@media (min-width: 1024px) {
  .projects-filter {
    bottom: 1.75rem;
    left: 1.875rem;
    padding: 0;
    right: auto;
  }
}

.projects-filter__categories {
  background: #000;
  padding: 20px;
  position: relative;
  z-index: 5;
}

.is-touch .projects-filter__categories {
  background: #000;
  padding: 20px;
}

@media (min-width: 740px) {
  .is-touch .projects-filter__categories {
    padding: 1.5rem 2.5rem;
  }
}

.projects-filter__categories ul {
  overflow: hidden;
}

@media (min-width: 740px) {
  .projects-filter__categories {
    padding: 1.5rem 2.5rem;
  }
}

@media (min-width: 1024px) {
  .projects-filter__categories {
    background: transparent;
    padding: 0;
  }
}

.projects-filter__categories:after {
  background-color: #000;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

@media (min-width: 1024px) {
  .projects-filter__categories:after {
    display: none;
  }
}

.projects-filter__categories .projects-filter__terms {
  display: none;
}

.projects-filter ul {
  display: -webkit-box;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.projects-filter li {
  margin-right: 14px;
}

@media (min-width: 1024px) {
  .projects-filter li {
    margin-right: 1rem;
  }
}

.projects-filter .projects-filter__btn {
  background: transparent;
  border: none;
  color: #fffffc;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: -0.01em;
  padding: 0;
  text-transform: capitalize;
}

.is-touch .projects-filter .projects-filter__btn {
  color: #fffffc;
}

@media (min-width: 1024px) {
  .projects-filter .projects-filter__btn {
    color: #000;
  }
}

.is-touch .projects-filter .projects-filter__btn .link__underline,
.projects-filter .projects-filter__btn .link__underline {
  border-color: #fffffc;
}

@media (min-width: 1024px) {
  .projects-filter .projects-filter__btn .link__underline {
    border-color: #000;
  }
}

.projects-filter .projects-filter__btn * {
  pointer-events: none;
}

.projects-filter__toggle {
  background: transparent;
  border: none;
  color: #fffffc;
  cursor: pointer;
  font-size: 0.8rem;
  letter-spacing: 0.01em;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.is-touch .projects-filter__toggle {
  display: block;
}

@media (min-width: 740px) {
  .projects-filter__toggle {
    right: 1.8rem;
  }
}

@media (min-width: 1024px) {
  .projects-filter__toggle {
    display: none;
  }
}

.projects-filter__toggle span {
  display: none;
  margin-right: 6px;
  white-space: nowrap;
}

@media (min-width: 740px) {
  .projects-filter__toggle span {
    display: inline-block;
  }
}

.projects-filter__toggle svg {
  height: 0.43rem;
  width: 0.75rem;
}

.projects-filter__wrap {
  bottom: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.projects-filter__groups {
  background: #000;
  padding: 0 20px 20px;
  z-index: 1;
}

.is-touch .projects-filter__groups {
  display: block;
  padding: 0 20px 20px;
}

@media (min-width: 740px) {
  .is-touch .projects-filter__groups {
    padding: 0 2.5rem 1.5rem;
  }
}

.projects-filter__groups p {
  color: #fffffc;
}

@media (min-width: 740px) {
  .projects-filter__groups {
    padding: 0 2.5rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .projects-filter__groups {
    display: none;
  }
}

.projects-filter [data-scroll] {
  font-size: 0.6rem;
  text-align: left;
  width: 45%;
}

@media (min-width: 740px) {
  .projects-filter [data-scroll] {
    font-size: 0.8rem;
    width: 32%;
  }
}

.project-preview {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  color: #000;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  z-index: 1;
}

@media (orientation: landscape) {
  .project-preview {
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40%;
  }
}

@media (orientation: portrait) {
  .project-preview {
    left: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    top: 6rem;
    width: 100%;
  }
}

@media (orientation: portrait) and (min-width: 768px) {
  .project-preview {
    top: 6rem;
  }
}

@media (orientation: portrait) and (max-width: 1024px) and (min-aspect-ratio: 29/40) {
  .project-preview .project-preview__img {
    max-height: 35vh;
    overflow: hidden;
  }
}

@media (orientation: portrait) and (max-width: 600px) and (min-aspect-ratio: 75/112) {
  .project-preview .project-preview__img {
    max-height: 28vh;
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .project-preview {
    left: 50%;
    max-width: 20rem;
    padding: 0;
    /* top: 48.5%; */
    top: 54.5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
  }
}

.project-preview__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 1024px) and (orientation: landscape) {
  .zoomed-view .project-preview {
    left: 20px;
    max-width: 31.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40%;
  }
}

@media (min-width: 1024px) and (orientation: landscape) and (min-width: 1439px) {
  .zoomed-view .project-preview {
    left: 5.1rem;
  }
}

@media (min-width: 1024px) and (orientation: landscape) and (min-width: 1500px) {
  .zoomed-view .project-preview {
    max-width: 37rem;
  }
}

.project-preview__img {
  -webkit-box-ordinal-group: 4;
  order: 3;
}

@media (min-width: 1024px) {
  .project-preview__img {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  .zoomed-view .project-preview__img {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
}

.project-preview__img .image {
  padding-bottom: 59.309%;
}

@media (min-width: 1024px) {
  .project-preview__img .image {
    padding-bottom: 53.5714%;
  }
}

.zoomed-view .project-preview__img .image {
  padding-bottom: 59.309% !important;
}

.project-preview__img .image__inner {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.project-preview__title {
  -webkit-box-ordinal-group: 3;
  font-size: 1.2rem;
  letter-spacing: -0.05em;
  line-height: 1.2;
  margin-bottom: 0.6rem;
  order: 2;
  overflow: hidden;
  text-align: center;
  text-align: left;
  text-transform: capitalize;
}

.d-block::first-letter,
.project-preview__title::first-letter {
  color: #ea5603;
}

.project-preview__title div,
.project-preview__title span {
  overflow: hidden;
}

@media (min-width: 744px) {
  .project-preview__title {
    font-size: 2rem;
    margin-bottom: 0.9rem;
  }
}

@media (min-width: 1024px) {
  .project-preview__title {
    -webkit-box-ordinal-group: 2;
    margin-bottom: 1.8rem;
    order: 1;
    text-align: center;
  }

  .zoomed-view .project-preview__title {
    -webkit-box-ordinal-group: 3;
    margin-bottom: 1.6rem;
    order: 2;
    text-align: left;
  }
}

.project-preview__group {
  -webkit-box-ordinal-group: 2;
  font-size: 0.6rem;
  letter-spacing: -0.01em;
  margin-bottom: 0.2rem;
  order: 1;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}

@media (min-width: 744px) {
  .project-preview__group {
    font-size: 0.8rem;
    margin-bottom: 0.3rem;
  }
}

@media (min-width: 1024px) {
  .project-preview__group {
    -webkit-box-ordinal-group: 4;
    margin-bottom: 0;
    margin-top: 0.9rem;
    order: 3;
    text-align: center;
  }

  .zoomed-view .project-preview__group {
    -webkit-box-ordinal-group: 2;
    margin-bottom: 0.6rem;
    margin-top: 0;
    order: 1;
    text-align: left;
  }
}

.project-preview__btn {
  -webkit-box-ordinal-group: 5;
  margin-top: 0.3rem;
  order: 4;
}

@media (min-width: 1024px) {
  .project-preview__btn {
    display: none;
  }

  .zoomed-view .project-preview__btn {
    -webkit-box-ordinal-group: 5;
    display: block;
    margin-top: 0.6rem;
    order: 4;
    text-align: left;
  }
}

.project-preview__btn .link {
  position: relative;
}

.project-preview__btn .js-clip-text {
  display: block;
}

.logo-grid__logo {
  max-width: 80%;
}

@media (min-width: 1024px) and (hover: hover) {
  .logo-grid__logo {
    max-height: 100%;
    max-width: 100%;
  }
}

.office-accordion {
  overflow: hidden;
  position: relative;
}

.office-accordion.is-hovered:after {
  background: #000;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  z-index: 9;
}

.office-accordion.is-open+.is-hovered {
  overflow: visible;
  position: relative;
}

.office-accordion.is-open+.is-hovered:after {
  background: #000;
  content: "";
  height: 4px;
  position: absolute;
  top: -4px;
  width: 100%;
  z-index: 9;
}

.office-accordion.is-hovered+.is-open:before {
  background: #000;
  content: "";
  height: 12px;
  position: absolute;
  top: -2px;
  width: 100%;
  z-index: 9;
}

.office-accordion:last-child:after {
  content: none;
}

.office-accordion__btn {
  background: transparent;
  background: #fffffc;
  border: 0;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
}

.office-accordion__btn[aria-expanded="true"] {
  background: #000;
}

.office-accordion__cover,
.office-accordion__title {
  color: #000;
  font-size: 3.5rem;
  letter-spacing: -0.07em;
  line-height: 1.15;
  padding: 0.5rem 0.5rem 1rem;
  position: relative;
}

@media (min-width: 768px) {

  .office-accordion__cover,
  .office-accordion__title {
    font-size: 6.5rem;
    padding: 0.5rem 1.5rem 1rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {

  .office-accordion__cover,
  .office-accordion__title {
    font-size: 8rem;
    padding: 0.5rem 1.5rem 1.5rem;
  }
}

.office-accordion__icon {
  height: 0.5rem;
  margin-top: 0.5rem;
  width: 0.5rem;
}

@media (min-width: 768px) {
  .office-accordion__icon {
    height: 0.8rem;
    width: 0.8rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .office-accordion__icon {
    height: 1rem;
    margin-top: 1rem;
    width: 1rem;
  }
}

.office-accordion__cover {
  background: #000;
  -webkit-box-shadow: 0 0 0 1px #000;
  box-shadow: 0 0 0 1px #000;
  color: #fffffc;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.office-accordion__content {
  color: #fffffc;
  pointer-events: none;
  position: relative;
}

.office-accordion__content:before {
  background: #000;
  content: "";
  height: calc(100% + 3px);
  left: 0;
  position: absolute;
  top: -3px;
  width: 100%;
}

@media (min-width: 1024px) and (hover: hover) {
  .office-accordion__content .image {
    margin-top: -11rem;
  }
}

.cursor {
  z-index: 1000;
}

.cursor-auto {
  cursor: auto;
}

.label {
  cursor: pointer;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 22px;
}

/* .is-home .home-clou__text,
.is-home .site-loader__wipe-clou__text,
.is-home a,
.is-home .label{
  color:white !important;
} */

.label.no-hover,
.label.no-hover * {
  pointer-events: none;
}

.label__inner {
  display: -webkit-box;
  display: flex;
  overflow: hidden;
  pointer-events: auto;
}

.label__text {
  font-size: 10.5px;
  line-height: 1.3;
  overflow: hidden;
  padding-bottom: 2px;
  position: relative;
}

.label__text::first-letter {
  color: #ea5603;
  font-weight: 900;
}

@media (min-width: 744px) {
  .label__text {
    font-size: 10.5px;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .label__text {
    font-size: 14px;
  }
}

@media (min-width: 1560px) {
  .label__text {
    font-size: 16px;
  }
}

@media (min-width: 1921px) {
  .label__text {
    font-size: 20px;
  }
}

.label__text:after {
  background: #000;
  bottom: 1px;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0.2;
  position: absolute;
  -webkit-transform: translate3d(-102%, 0, 1px);
  transform: translate3d(-102%, 0, 1px);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1),
    -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  width: 100%;
}

.animated-in .label__text:after {
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
}

.label__text:before {
  background: #000;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  -webkit-transform: translate3d(-102%, 0, 1px);
  transform: translate3d(-102%, 0, 1px);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1),
    -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  width: 50%;
}

.zoomed-view .label__text:before {
  display: none;
}

.label__number {
  font-size: 8px;
  line-height: 10px;
  margin-left: 3px;
}

.label:hover .label__text:before {
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
}

.page-template-projects {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 1024px) {
  .page-template-projects.is-ring-view .header>div {
    background-color: transparent !important;
  }
}

.mobile-intro {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: end;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  padding-bottom: 2rem;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (min-width: 744px) {
  .mobile-intro {
    bottom: 3rem;
  }
}

.mobile-intro .button {
  pointer-events: none;
}

.mobile-intro-btn {
  background-color: transparent;
  border: none;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 0.2rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 744px) {
  .mobile-intro-btn {
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 2rem;
  }
}

.mobile-intro-btn * {
  pointer-events: none;
}

.projects-grid {
  margin-bottom: 2rem;
}

.projects-grid__project {
  -webkit-box-pack: center;
  -webkit-box-align: center;
  align-items: center;
  aspect-ratio: 16/9;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.projects-grid__project:hover .projects-grid__project__title {
  opacity: 1;
}

.projects-grid__project img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.projects-grid__project__title {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background: #fffffc;
  display: -webkit-box;
  display: flex;
  font-size: 0.9rem;
  height: 101%;
  justify-content: center;
  line-height: 1.1;
  opacity: 0;
  padding: 0 1rem;
  position: absolute;
  text-align: center;
  width: 101%;
}

@media (min-width: 1024px) and (hover: hover) {
  .projects-grid__project__title {
    font-size: 1.2rem;
  }
}

.projects-grid-filter {
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  z-index: 65;
}

.projects-grid-filter__menu {
  background: #fffffc;
  border-right: 2px solid #000;
  height: 100vh;
  left: 0;
  max-width: 42rem;
  overflow-y: scroll;
  padding: 0 0.5rem 5rem;
  position: absolute;
  scrollbar-width: none;
  top: 0;
  -webkit-transform: translate(-100%);
  transform: translate(-100%);
  width: calc(100vw + 2px);
}

@media (min-width: 1024px) and (hover: hover) {
  .projects-grid-filter__menu {
    padding: 0 1.5rem 2rem;
  }
}

.projects-grid-filter__menu::-webkit-scrollbar {
  height: 0 !important;
  width: 0 !important;
}

.projects-grid-filter__menu__header {
  background: #fffffc;
  margin: 0 -0.5rem;
  padding: 1.5rem 0.5rem 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

@media (min-width: 1024px) and (hover: hover) {
  .projects-grid-filter__menu__header {
    margin: 0 -1.5rem;
    padding: 2rem 1.5rem 0;
  }
}

.projects-grid-filter__selected-filter {
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: inline-flex;
  font-size: 0.8rem;
  line-height: 1.1;
  margin-bottom: 0.2rem;
  margin-right: 1.2rem;
}

.projects-grid-filter__selected-filter svg {
  display: inline-block;
  height: 12px;
  margin-left: 0.5rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 12px;
}

.projects-grid-filter__dimmer {
  background: hsla(0, 0%, 100%, 0.5);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: -1;
}

.projects-header {
  background-color: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 11;
}

.page-template-projects .projects-header {
  opacity: 1;
  visibility: visible;
}

.page-template-projects.is-ring-view .projects-header {
  background-color: transparent;
}

.split-fade-up {
  margin-bottom: -0.2em;
  overflow: hidden;
  padding-bottom: 0.2em;
}

.error404 main {
  min-height: calc(100vh - 4.5rem);
  pointer-events: none;
}

@media (min-width: 768px) {
  .error404 main {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    min-height: calc(100vh - 6.9rem);
  }

  .error404 main>div {
    margin-top: -6.9rem;
  }
}

.error404 .header>.bg-white {
  background-color: transparent !important;
}

.error404 div[asscroll-container] {
  pointer-events: none;
}

@media (min-width: 1024px) and (hover: hover) {
  .h-sidebar\@md {
    min-height: calc(100vh - 6.9rem);
  }
}

.form-checkbox {
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  font-size: 0.8rem;
}

.form-checkbox:hover .form-checkbox__box:before {
  opacity: 1;
}

.form-checkbox input[type="checkbox"] {
  display: none;
}

.form-checkbox input[type="checkbox"]:checked+.form-checkbox__box:before {
  opacity: 1;
}

.form-checkbox__box {
  /* border: 1px solid #000; */
  display: inline-block;
  flex-shrink: 0;
  height: 30px;
  margin-right: 8px;
  position: relative;
  width: 40px;
}

/* .form-checkbox__box:before {
  background: #000;
  content: "";
  height: 12px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  width: 12px;
} */
.ring-back-button {
  -webkit-box-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #000;
  border: 0;
  bottom: 1.5rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  height: 1.6rem;
  justify-content: center;
  left: 1.5rem;
  opacity: 0;
  padding: 0;
  position: fixed;
  visibility: hidden;
  width: 1.6rem;
  z-index: 10;
}

@media (hover: none) and (pointer: coarse) {
  .ring-back-button {
    display: none !important;
  }
}

.ring-back-button svg {
  fill: #fffffc;
  height: 0.7rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 0.7rem;
}

.otgs-development-site-front-end {
  display: none;
}

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

.sr {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr--focusable:focus {
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  height: auto;
  position: static;
  width: auto;
}

@media (min-width: 414px) {
  .sr--focusable\@xsm:focus {
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    position: static;
    width: auto;
  }
}

@media (min-width: 768px) {
  .sr--focusable\@sm:focus {
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    position: static;
    width: auto;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .sr--focusable\@md:focus {
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    position: static;
    width: auto;
  }
}

@media (min-width: 1366px) {
  .sr--focusable\@lg:focus {
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    position: static;
    width: auto;
  }
}

@media (min-width: 1560px) {
  .sr--focusable\@1560:focus {
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    position: static;
    width: auto;
  }
}

@media (min-width: 1921px) {
  .sr--focusable\@xlg:focus {
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    position: static;
    width: auto;
  }
}

@media (hover: none) and (pointer: coarse) {
  .sr--focusable\@touch:focus {
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    position: static;
    width: auto;
  }
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-sub {
  vertical-align: sub !important;
}

.align-super {
  vertical-align: super !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

@media (min-width: 414px) {
  .align-top\@xsm {
    vertical-align: top !important;
  }

  .align-middle\@xsm {
    vertical-align: middle !important;
  }

  .align-bottom\@xsm {
    vertical-align: bottom !important;
  }

  .align-baseline\@xsm {
    vertical-align: baseline !important;
  }

  .align-sub\@xsm {
    vertical-align: sub !important;
  }

  .align-super\@xsm {
    vertical-align: super !important;
  }

  .align-text-top\@xsm {
    vertical-align: text-top !important;
  }

  .align-text-bottom\@xsm {
    vertical-align: text-bottom !important;
  }
}

@media (min-width: 768px) {
  .align-top\@sm {
    vertical-align: top !important;
  }

  .align-middle\@sm {
    vertical-align: middle !important;
  }

  .align-bottom\@sm {
    vertical-align: bottom !important;
  }

  .align-baseline\@sm {
    vertical-align: baseline !important;
  }

  .align-sub\@sm {
    vertical-align: sub !important;
  }

  .align-super\@sm {
    vertical-align: super !important;
  }

  .align-text-top\@sm {
    vertical-align: text-top !important;
  }

  .align-text-bottom\@sm {
    vertical-align: text-bottom !important;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .align-top\@md {
    vertical-align: top !important;
  }

  .align-middle\@md {
    vertical-align: middle !important;
  }

  .align-bottom\@md {
    vertical-align: bottom !important;
  }

  .align-baseline\@md {
    vertical-align: baseline !important;
  }

  .align-sub\@md {
    vertical-align: sub !important;
  }

  .align-super\@md {
    vertical-align: super !important;
  }

  .align-text-top\@md {
    vertical-align: text-top !important;
  }

  .align-text-bottom\@md {
    vertical-align: text-bottom !important;
  }
}

@media (min-width: 1366px) {
  .align-top\@lg {
    vertical-align: top !important;
  }

  .align-middle\@lg {
    vertical-align: middle !important;
  }

  .align-bottom\@lg {
    vertical-align: bottom !important;
  }

  .align-baseline\@lg {
    vertical-align: baseline !important;
  }

  .align-sub\@lg {
    vertical-align: sub !important;
  }

  .align-super\@lg {
    vertical-align: super !important;
  }

  .align-text-top\@lg {
    vertical-align: text-top !important;
  }

  .align-text-bottom\@lg {
    vertical-align: text-bottom !important;
  }
}

@media (min-width: 1560px) {
  .align-top\@1560 {
    vertical-align: top !important;
  }

  .align-middle\@1560 {
    vertical-align: middle !important;
  }

  .align-bottom\@1560 {
    vertical-align: bottom !important;
  }

  .align-baseline\@1560 {
    vertical-align: baseline !important;
  }

  .align-sub\@1560 {
    vertical-align: sub !important;
  }

  .align-super\@1560 {
    vertical-align: super !important;
  }

  .align-text-top\@1560 {
    vertical-align: text-top !important;
  }

  .align-text-bottom\@1560 {
    vertical-align: text-bottom !important;
  }
}

@media (min-width: 1921px) {
  .align-top\@xlg {
    vertical-align: top !important;
  }

  .align-middle\@xlg {
    vertical-align: middle !important;
  }

  .align-bottom\@xlg {
    vertical-align: bottom !important;
  }

  .align-baseline\@xlg {
    vertical-align: baseline !important;
  }

  .align-sub\@xlg {
    vertical-align: sub !important;
  }

  .align-super\@xlg {
    vertical-align: super !important;
  }

  .align-text-top\@xlg {
    vertical-align: text-top !important;
  }

  .align-text-bottom\@xlg {
    vertical-align: text-bottom !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .align-top\@touch {
    vertical-align: top !important;
  }

  .align-middle\@touch {
    vertical-align: middle !important;
  }

  .align-bottom\@touch {
    vertical-align: bottom !important;
  }

  .align-baseline\@touch {
    vertical-align: baseline !important;
  }

  .align-sub\@touch {
    vertical-align: sub !important;
  }

  .align-super\@touch {
    vertical-align: super !important;
  }

  .align-text-top\@touch {
    vertical-align: text-top !important;
  }

  .align-text-bottom\@touch {
    vertical-align: text-bottom !important;
  }
}

.aspect {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.aspect__child {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.aspect--16\/9 {
  padding-top: 56.25%;
}

@media (min-width: 414px) {
  .aspect--16\/9\@xsm {
    padding-top: 56.25%;
  }
}

@media (min-width: 768px) {
  .aspect--16\/9\@sm {
    padding-top: 56.25%;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .aspect--16\/9\@md {
    padding-top: 56.25%;
  }
}

@media (min-width: 1366px) {
  .aspect--16\/9\@lg {
    padding-top: 56.25%;
  }
}

@media (min-width: 1560px) {
  .aspect--16\/9\@1560 {
    padding-top: 56.25%;
  }
}

@media (min-width: 1921px) {
  .aspect--16\/9\@xlg {
    padding-top: 56.25%;
  }
}

@media (hover: none) and (pointer: coarse) {
  .aspect--16\/9\@touch {
    padding-top: 56.25%;
  }
}

.container {
  margin: 0 auto;
  padding: 0 0.5rem;
  width: 100%;
}

@media (min-width: 414px) {
  .container {
    max-width: 414px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .container {
    max-width: 1200px;
    /* or whatever you want */
    padding: 0 1.5rem;
  }
}

@media (min-width: 1366px) {
  .container {
    max-width: 1366px;
  }
}

@media (min-width: 1560px) {
  .container {
    max-width: 1560px;
  }
}

@media (min-width: 1921px) {
  .container {
    max-width: 1921px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .container {
    max-width: 100%;
  }
}

.container-fluid {
  padding: 0 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .container-fluid {
    padding: 0 1rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .container-fluid {
    padding: 0 1.5rem;
  }
}

.w-1\/1 {
  max-width: 100%;
  width: 100%;
}

.w-1\/2 {
  max-width: 50%;
  width: 50%;
}

.w-1\/3 {
  max-width: 33.3333333333%;
  width: 33.3333333333%;
}

.w-1\/4 {
  max-width: 25%;
  width: 25%;
}

.w-3\/4 {
  max-width: 75%;
  width: 75%;
}

.w-22\/24 {
  max-width: 91.6666666667%;
  width: 91.6666666667%;
}

.w-20\/24 {
  max-width: 83.3333333333%;
  width: 83.3333333333%;
}

.w-18\/24 {
  max-width: 75%;
  width: 75%;
}

.w-11\/24 {
  max-width: 45.8333333333%;
  width: 45.8333333333%;
}

.w-8\/24 {
  max-width: 33.3333333333%;
  width: 33.3333333333%;
}

@media (min-width: 414px) {
  .w-1\/2\@xsm {
    max-width: 50%;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .w-1\/2\@sm {
    max-width: 50%;
    width: 50%;
  }

  .w-1\/3\@sm {
    max-width: 33.3333333333%;
    width: 33.3333333333%;
  }

  .w-2\/3\@sm {
    max-width: 66.6666666667%;
    width: 66.6666666667%;
  }

  .w-1\/4\@sm {
    max-width: 25%;
    width: 25%;
  }

  .w-20\/24\@sm {
    max-width: 83.3333333333%;
    width: 83.3333333333%;
  }

  .w-19\/24\@sm {
    max-width: 79.1666666667%;
    width: 79.1666666667%;
  }

  .w-14\/24\@sm {
    max-width: 58.3333333333%;
    width: 58.3333333333%;
  }

  .w-10\/24\@sm {
    max-width: 41.6666666667%;
    width: 41.6666666667%;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .w-1\/1\@md {
    max-width: 100%;
    width: 100%;
  }

  .w-1\/2\@md {
    max-width: 50%;
    width: 50%;
  }

  .w-1\/3\@md {
    max-width: 33.3333333333%;
    width: 33.3333333333%;
  }

  .w-2\/3\@md {
    max-width: 66.6666666667%;
    width: 66.6666666667%;
  }

  .w-1\/4\@md {
    max-width: 25%;
    width: 25%;
  }

  .w-2\/5\@md {
    max-width: 40%;
    width: 40%;
  }

  .w-3\/5\@md {
    max-width: 60%;
    width: 60%;
  }

  .w-22\/24\@md {
    max-width: 91.6666666667%;
    width: 91.6666666667%;
  }

  .w-18\/24\@md {
    max-width: 75%;
    width: 75%;
  }

  .w-17\/24\@md {
    max-width: 70.8333333333%;
    width: 70.8333333333%;
  }

  .w-16\/24\@md {
    max-width: 66.6666666667%;
    width: 66.6666666667%;
  }

  .w-15\/24\@md {
    max-width: 62.5%;
    width: 62.5%;
  }

  .w-14\/24\@md {
    max-width: 58.3333333333%;
    width: 58.3333333333%;
  }

  .w-13\/24\@md {
    max-width: 54.1666666667%;
    width: 54.1666666667%;
  }

  .w-11\/24\@md {
    max-width: 45.8333333333%;
    width: 45.8333333333%;
  }

  .w-10\/24\@md {
    max-width: 41.6666666667%;
    width: 41.6666666667%;
  }

  .w-9\/24\@md {
    max-width: 37.5%;
    width: 37.5%;
  }

  .w-8\/24\@md {
    max-width: 33.3333333333%;
    width: 33.3333333333%;
  }

  .w-7\/24\@md {
    max-width: 29.1666666667%;
    width: 29.1666666667%;
  }

  .w-6\/24\@md {
    max-width: 25%;
    width: 25%;
  }

  .w-4\/24\@md {
    max-width: 16.6666666667%;
    width: 16.6666666667%;
  }
}

@media (min-width: 1366px) {
  .w-20\/24\@lg {
    max-width: 83.3333333333%;
    width: 83.3333333333%;
  }
}

@media (min-width: 1560px) {
  .w-16\/24\@1560 {
    max-width: 66.6666666667%;
    width: 66.6666666667%;
  }

  .w-15\/24\@1560 {
    max-width: 62.5%;
    width: 62.5%;
  }
}

@media (hover: none) and (pointer: coarse) {
  .w-1\/1\@touch {
    max-width: 100%;
    width: 100%;
  }
}

.grid {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  /* margin-left: -0.5rem; */
}

.grid>* {
  padding-left: 0.5rem;
}

@media (min-width: 768px) {
  .grid {
    margin-left: -1rem;
  }

  .grid>* {
    padding-left: 1rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .grid {
    margin-left: -1.5rem;
  }

  /* .grid > * {
    padding-left: 1.5rem;
  } */
}

.gap-0 {
  margin-left: 0;
  margin-top: 0;
}

.gap-0>* {
  padding-left: 0;
  padding-top: 0;
}

.gap-x-0 {
  margin-left: 0;
}

.gap-x-0>* {
  padding-left: 0;
}

.gap-y-0 {
  margin-top: 0;
}

.gap-y-0>* {
  padding-top: 0;
}

.gap-1 {
  margin-left: -1rem;
  margin-top: -1rem;
}

.gap-1>* {
  padding-left: 1rem;
  padding-top: 1rem;
}

.gap-x-1 {
  margin-left: -1rem;
}

.gap-x-1>* {
  padding-left: 1rem;
}

.gap-y-1 {
  margin-top: -1rem;
}

.gap-y-1>* {
  padding-top: 1rem;
}

.gap-2 {
  margin-left: -2rem;
  margin-top: -2rem;
}

.gap-2>* {
  padding-left: 2rem;
  padding-top: 2rem;
}

.gap-x-2 {
  margin-left: -2rem;
}

.gap-x-2>* {
  padding-left: 2rem;
}

.gap-y-2 {
  margin-top: -2rem;
}

.gap-y-2>* {
  padding-top: 2rem;
}

.gap-3 {
  margin-left: -3rem;
  margin-top: -3rem;
}

.gap-3>* {
  padding-left: 3rem;
  padding-top: 3rem;
}

.gap-x-3 {
  margin-left: -3rem;
}

.gap-x-3>* {
  padding-left: 3rem;
}

.gap-y-3 {
  margin-top: -3rem;
}

.gap-y-3>* {
  padding-top: 3rem;
}

.gap-8 {
  margin-left: -8rem;
  margin-top: -8rem;
}

.gap-8>* {
  padding-left: 8rem;
  padding-top: 8rem;
}

.gap-x-8 {
  margin-left: -8rem;
}

.gap-x-8>* {
  padding-left: 8rem;
}

.gap-y-8 {
  margin-top: -8rem;
}

.gap-y-8>* {
  padding-top: 8rem;
}

@media (min-width: 414px) {
  .gap-0\@xsm {
    margin-left: 0;
    margin-top: 0;
  }

  .gap-0\@xsm>* {
    padding-left: 0;
    padding-top: 0;
  }

  .gap-x-0\@xsm {
    margin-left: 0;
  }

  .gap-x-0\@xsm>* {
    padding-left: 0;
  }

  .gap-y-0\@xsm {
    margin-top: 0;
  }

  .gap-y-0\@xsm>* {
    padding-top: 0;
  }

  .gap-1\@xsm {
    margin-left: -1rem;
    margin-top: -1rem;
  }

  .gap-1\@xsm>* {
    padding-left: 1rem;
    padding-top: 1rem;
  }

  .gap-x-1\@xsm {
    margin-left: -1rem;
  }

  .gap-x-1\@xsm>* {
    padding-left: 1rem;
  }

  .gap-y-1\@xsm {
    margin-top: -1rem;
  }

  .gap-y-1\@xsm>* {
    padding-top: 1rem;
  }

  .gap-2\@xsm {
    margin-left: -2rem;
    margin-top: -2rem;
  }

  .gap-2\@xsm>* {
    padding-left: 2rem;
    padding-top: 2rem;
  }

  .gap-x-2\@xsm {
    margin-left: -2rem;
  }

  .gap-x-2\@xsm>* {
    padding-left: 2rem;
  }

  .gap-y-2\@xsm {
    margin-top: -2rem;
  }

  .gap-y-2\@xsm>* {
    padding-top: 2rem;
  }

  .gap-3\@xsm {
    margin-left: -3rem;
    margin-top: -3rem;
  }

  .gap-3\@xsm>* {
    padding-left: 3rem;
    padding-top: 3rem;
  }

  .gap-x-3\@xsm {
    margin-left: -3rem;
  }

  .gap-x-3\@xsm>* {
    padding-left: 3rem;
  }

  .gap-y-3\@xsm {
    margin-top: -3rem;
  }

  .gap-y-3\@xsm>* {
    padding-top: 3rem;
  }

  .gap-8\@xsm {
    margin-left: -8rem;
    margin-top: -8rem;
  }

  .gap-8\@xsm>* {
    padding-left: 8rem;
    padding-top: 8rem;
  }

  .gap-x-8\@xsm {
    margin-left: -8rem;
  }

  .gap-x-8\@xsm>* {
    padding-left: 8rem;
  }

  .gap-y-8\@xsm {
    margin-top: -8rem;
  }

  .gap-y-8\@xsm>* {
    padding-top: 8rem;
  }
}

@media (min-width: 768px) {
  .gap-0\@sm {
    margin-left: 0;
    margin-top: 0;
  }

  .gap-0\@sm>* {
    padding-left: 0;
    padding-top: 0;
  }

  .gap-x-0\@sm {
    margin-left: 0;
  }

  .gap-x-0\@sm>* {
    padding-left: 0;
  }

  .gap-y-0\@sm {
    margin-top: 0;
  }

  .gap-y-0\@sm>* {
    padding-top: 0;
  }

  .gap-1\@sm {
    margin-left: -1rem;
    margin-top: -1rem;
  }

  .gap-1\@sm>* {
    padding-left: 1rem;
    padding-top: 1rem;
  }

  .gap-x-1\@sm {
    margin-left: -1rem;
  }

  .gap-x-1\@sm>* {
    padding-left: 1rem;
  }

  .gap-y-1\@sm {
    margin-top: -1rem;
  }

  .gap-y-1\@sm>* {
    padding-top: 1rem;
  }

  .gap-2\@sm {
    margin-left: -2rem;
    margin-top: -2rem;
  }

  .gap-2\@sm>* {
    padding-left: 2rem;
    padding-top: 2rem;
  }

  .gap-x-2\@sm {
    margin-left: -2rem;
  }

  .gap-x-2\@sm>* {
    padding-left: 2rem;
  }

  .gap-y-2\@sm {
    margin-top: -2rem;
  }

  .gap-y-2\@sm>* {
    padding-top: 2rem;
  }

  .gap-3\@sm {
    margin-left: -3rem;
    margin-top: -3rem;
  }

  .gap-3\@sm>* {
    padding-left: 3rem;
    padding-top: 3rem;
  }

  .gap-x-3\@sm {
    margin-left: -3rem;
  }

  .gap-x-3\@sm>* {
    padding-left: 3rem;
  }

  .gap-y-3\@sm {
    margin-top: -3rem;
  }

  .gap-y-3\@sm>* {
    padding-top: 3rem;
  }

  .gap-8\@sm {
    margin-left: -8rem;
    margin-top: -8rem;
  }

  .gap-8\@sm>* {
    padding-left: 8rem;
    padding-top: 8rem;
  }

  .gap-x-8\@sm {
    margin-left: -8rem;
  }

  .gap-x-8\@sm>* {
    padding-left: 8rem;
  }

  .gap-y-8\@sm {
    margin-top: -8rem;
  }

  .gap-y-8\@sm>* {
    padding-top: 8rem;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .gap-0\@md {
    margin-left: 0;
    margin-top: 0;
  }

  .gap-0\@md>* {
    padding-left: 0;
    padding-top: 0;
  }

  .gap-x-0\@md {
    margin-left: 0;
  }

  .gap-x-0\@md>* {
    padding-left: 0;
  }

  .gap-y-0\@md {
    margin-top: 0;
  }

  .gap-y-0\@md>* {
    padding-top: 0;
  }

  .gap-1\@md {
    margin-left: -1rem;
    margin-top: -1rem;
  }

  .gap-1\@md>* {
    padding-left: 1rem;
    padding-top: 1rem;
  }

  .gap-x-1\@md {
    margin-left: -1rem;
  }

  .gap-x-1\@md>* {
    padding-left: 1rem;
  }

  .gap-y-1\@md {
    margin-top: -1rem;
  }

  .gap-y-1\@md>* {
    padding-top: 1rem;
  }

  .gap-2\@md {
    margin-left: -2rem;
    margin-top: -2rem;
  }

  .gap-2\@md>* {
    padding-left: 2rem;
    padding-top: 2rem;
  }

  .gap-x-2\@md {
    margin-left: -2rem;
  }

  .gap-x-2\@md>* {
    padding-left: 2rem;
  }

  .gap-y-2\@md {
    margin-top: -2rem;
  }

  .gap-y-2\@md>* {
    padding-top: 2rem;
  }

  .gap-3\@md {
    margin-left: -3rem;
    margin-top: -3rem;
  }

  .gap-3\@md>* {
    padding-left: 3rem;
    padding-top: 3rem;
  }

  .gap-x-3\@md {
    margin-left: -3rem;
  }

  .gap-x-3\@md>* {
    padding-left: 3rem;
  }

  .gap-y-3\@md {
    margin-top: -3rem;
  }

  .gap-y-3\@md>* {
    padding-top: 3rem;
  }

  .gap-8\@md {
    margin-left: -8rem;
    margin-top: -8rem;
  }

  .gap-8\@md>* {
    padding-left: 8rem;
    padding-top: 8rem;
  }

  .gap-x-8\@md {
    margin-left: -8rem;
  }

  .gap-x-8\@md>* {
    padding-left: 8rem;
  }

  .gap-y-8\@md {
    margin-top: -8rem;
  }

  .gap-y-8\@md>* {
    padding-top: 8rem;
  }
}

@media (min-width: 1366px) {
  .gap-0\@lg {
    margin-left: 0;
    margin-top: 0;
  }

  .gap-0\@lg>* {
    padding-left: 0;
    padding-top: 0;
  }

  .gap-x-0\@lg {
    margin-left: 0;
  }

  .gap-x-0\@lg>* {
    padding-left: 0;
  }

  .gap-y-0\@lg {
    margin-top: 0;
  }

  .gap-y-0\@lg>* {
    padding-top: 0;
  }

  .gap-1\@lg {
    margin-left: -1rem;
    margin-top: -1rem;
  }

  .gap-1\@lg>* {
    padding-left: 1rem;
    padding-top: 1rem;
  }

  .gap-x-1\@lg {
    margin-left: -1rem;
  }

  .gap-x-1\@lg>* {
    padding-left: 1rem;
  }

  .gap-y-1\@lg {
    margin-top: -1rem;
  }

  .gap-y-1\@lg>* {
    padding-top: 1rem;
  }

  .gap-2\@lg {
    margin-left: -2rem;
    margin-top: -2rem;
  }

  .gap-2\@lg>* {
    padding-left: 2rem;
    padding-top: 2rem;
  }

  .gap-x-2\@lg {
    margin-left: -2rem;
  }

  .gap-x-2\@lg>* {
    padding-left: 2rem;
  }

  .gap-y-2\@lg {
    margin-top: -2rem;
  }

  .gap-y-2\@lg>* {
    padding-top: 2rem;
  }

  .gap-3\@lg {
    margin-left: -3rem;
    margin-top: -3rem;
  }

  .gap-3\@lg>* {
    padding-left: 3rem;
    padding-top: 3rem;
  }

  .gap-x-3\@lg {
    margin-left: -3rem;
  }

  .gap-x-3\@lg>* {
    padding-left: 3rem;
  }

  .gap-y-3\@lg {
    margin-top: -3rem;
  }

  .gap-y-3\@lg>* {
    padding-top: 3rem;
  }

  .gap-8\@lg {
    margin-left: -8rem;
    margin-top: -8rem;
  }

  .gap-8\@lg>* {
    padding-left: 8rem;
    padding-top: 8rem;
  }

  .gap-x-8\@lg {
    margin-left: -8rem;
  }

  .gap-x-8\@lg>* {
    padding-left: 8rem;
  }

  .gap-y-8\@lg {
    margin-top: -8rem;
  }

  .gap-y-8\@lg>* {
    padding-top: 8rem;
  }
}

@media (min-width: 1560px) {
  .gap-0\@1560 {
    margin-left: 0;
    margin-top: 0;
  }

  .gap-0\@1560>* {
    padding-left: 0;
    padding-top: 0;
  }

  .gap-x-0\@1560 {
    margin-left: 0;
  }

  .gap-x-0\@1560>* {
    padding-left: 0;
  }

  .gap-y-0\@1560 {
    margin-top: 0;
  }

  .gap-y-0\@1560>* {
    padding-top: 0;
  }

  .gap-1\@1560 {
    margin-left: -1rem;
    margin-top: -1rem;
  }

  .gap-1\@1560>* {
    padding-left: 1rem;
    padding-top: 1rem;
  }

  .gap-x-1\@1560 {
    margin-left: -1rem;
  }

  .gap-x-1\@1560>* {
    padding-left: 1rem;
  }

  .gap-y-1\@1560 {
    margin-top: -1rem;
  }

  .gap-y-1\@1560>* {
    padding-top: 1rem;
  }

  .gap-2\@1560 {
    margin-left: -2rem;
    margin-top: -2rem;
  }

  .gap-2\@1560>* {
    padding-left: 2rem;
    padding-top: 2rem;
  }

  .gap-x-2\@1560 {
    margin-left: -2rem;
  }

  .gap-x-2\@1560>* {
    padding-left: 2rem;
  }

  .gap-y-2\@1560 {
    margin-top: -2rem;
  }

  .gap-y-2\@1560>* {
    padding-top: 2rem;
  }

  .gap-3\@1560 {
    margin-left: -3rem;
    margin-top: -3rem;
  }

  .gap-3\@1560>* {
    padding-left: 3rem;
    padding-top: 3rem;
  }

  .gap-x-3\@1560 {
    margin-left: -3rem;
  }

  .gap-x-3\@1560>* {
    padding-left: 3rem;
  }

  .gap-y-3\@1560 {
    margin-top: -3rem;
  }

  .gap-y-3\@1560>* {
    padding-top: 3rem;
  }

  .gap-8\@1560 {
    margin-left: -8rem;
    margin-top: -8rem;
  }

  .gap-8\@1560>* {
    padding-left: 8rem;
    padding-top: 8rem;
  }

  .gap-x-8\@1560 {
    margin-left: -8rem;
  }

  .gap-x-8\@1560>* {
    padding-left: 8rem;
  }

  .gap-y-8\@1560 {
    margin-top: -8rem;
  }

  .gap-y-8\@1560>* {
    padding-top: 8rem;
  }
}

@media (min-width: 1921px) {
  .gap-0\@xlg {
    margin-left: 0;
    margin-top: 0;
  }

  .gap-0\@xlg>* {
    padding-left: 0;
    padding-top: 0;
  }

  .gap-x-0\@xlg {
    margin-left: 0;
  }

  .gap-x-0\@xlg>* {
    padding-left: 0;
  }

  .gap-y-0\@xlg {
    margin-top: 0;
  }

  .gap-y-0\@xlg>* {
    padding-top: 0;
  }

  .gap-1\@xlg {
    margin-left: -1rem;
    margin-top: -1rem;
  }

  .gap-1\@xlg>* {
    padding-left: 1rem;
    padding-top: 1rem;
  }

  .gap-x-1\@xlg {
    margin-left: -1rem;
  }

  .gap-x-1\@xlg>* {
    padding-left: 1rem;
  }

  .gap-y-1\@xlg {
    margin-top: -1rem;
  }

  .gap-y-1\@xlg>* {
    padding-top: 1rem;
  }

  .gap-2\@xlg {
    margin-left: -2rem;
    margin-top: -2rem;
  }

  .gap-2\@xlg>* {
    padding-left: 2rem;
    padding-top: 2rem;
  }

  .gap-x-2\@xlg {
    margin-left: -2rem;
  }

  .gap-x-2\@xlg>* {
    padding-left: 2rem;
  }

  .gap-y-2\@xlg {
    margin-top: -2rem;
  }

  .gap-y-2\@xlg>* {
    padding-top: 2rem;
  }

  .gap-3\@xlg {
    margin-left: -3rem;
    margin-top: -3rem;
  }

  .gap-3\@xlg>* {
    padding-left: 3rem;
    padding-top: 3rem;
  }

  .gap-x-3\@xlg {
    margin-left: -3rem;
  }

  .gap-x-3\@xlg>* {
    padding-left: 3rem;
  }

  .gap-y-3\@xlg {
    margin-top: -3rem;
  }

  .gap-y-3\@xlg>* {
    padding-top: 3rem;
  }

  .gap-8\@xlg {
    margin-left: -8rem;
    margin-top: -8rem;
  }

  .gap-8\@xlg>* {
    padding-left: 8rem;
    padding-top: 8rem;
  }

  .gap-x-8\@xlg {
    margin-left: -8rem;
  }

  .gap-x-8\@xlg>* {
    padding-left: 8rem;
  }

  .gap-y-8\@xlg {
    margin-top: -8rem;
  }

  .gap-y-8\@xlg>* {
    padding-top: 8rem;
  }
}

@media (hover: none) and (pointer: coarse) {
  .gap-0\@touch {
    margin-left: 0;
    margin-top: 0;
  }

  .gap-0\@touch>* {
    padding-left: 0;
    padding-top: 0;
  }

  .gap-x-0\@touch {
    margin-left: 0;
  }

  .gap-x-0\@touch>* {
    padding-left: 0;
  }

  .gap-y-0\@touch {
    margin-top: 0;
  }

  .gap-y-0\@touch>* {
    padding-top: 0;
  }

  .gap-1\@touch {
    margin-left: -1rem;
    margin-top: -1rem;
  }

  .gap-1\@touch>* {
    padding-left: 1rem;
    padding-top: 1rem;
  }

  .gap-x-1\@touch {
    margin-left: -1rem;
  }

  .gap-x-1\@touch>* {
    padding-left: 1rem;
  }

  .gap-y-1\@touch {
    margin-top: -1rem;
  }

  .gap-y-1\@touch>* {
    padding-top: 1rem;
  }

  .gap-2\@touch {
    margin-left: -2rem;
    margin-top: -2rem;
  }

  .gap-2\@touch>* {
    padding-left: 2rem;
    padding-top: 2rem;
  }

  .gap-x-2\@touch {
    margin-left: -2rem;
  }

  .gap-x-2\@touch>* {
    padding-left: 2rem;
  }

  .gap-y-2\@touch {
    margin-top: -2rem;
  }

  .gap-y-2\@touch>* {
    padding-top: 2rem;
  }

  .gap-3\@touch {
    margin-left: -3rem;
    margin-top: -3rem;
  }

  .gap-3\@touch>* {
    padding-left: 3rem;
    padding-top: 3rem;
  }

  .gap-x-3\@touch {
    margin-left: -3rem;
  }

  .gap-x-3\@touch>* {
    padding-left: 3rem;
  }

  .gap-y-3\@touch {
    margin-top: -3rem;
  }

  .gap-y-3\@touch>* {
    padding-top: 3rem;
  }

  .gap-8\@touch {
    margin-left: -8rem;
    margin-top: -8rem;
  }

  .gap-8\@touch>* {
    padding-left: 8rem;
    padding-top: 8rem;
  }

  .gap-x-8\@touch {
    margin-left: -8rem;
  }

  .gap-x-8\@touch>* {
    padding-left: 8rem;
  }

  .gap-y-8\@touch {
    margin-top: -8rem;
  }

  .gap-y-8\@touch>* {
    padding-top: 8rem;
  }
}

.h-1\/1 {
  height: 100%;
}

@media (min-width: 1024px) and (hover: hover) {
  .h-1\/1\@md {
    height: 100%;
  }
}

.d-none {
  display: none;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-flex {
  display: -webkit-box;
  display: flex;
}

.d-inline-flex {
  display: -webkit-inline-box;
  display: inline-flex;
}

@media (min-width: 414px) {
  .d-inline-block\@xsm {
    display: inline-block;
  }

  .d-block\@xsm {
    display: block;
  }

  .d-inline-flex\@xsm {
    display: -webkit-inline-box;
    display: inline-flex;
  }
}

@media (min-width: 768px) {
  .d-none\@sm {
    display: none;
  }

  .d-inline-block\@sm {
    display: inline-block;
  }

  .d-block\@sm {
    display: block;
  }

  .d-flex\@sm {
    display: -webkit-box;
    display: flex;
  }

  .d-inline-flex\@sm {
    display: -webkit-inline-box;
    display: inline-flex;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .d-none\@md {
    display: none;
  }

  .d-inline-block\@md {
    display: inline-block;
  }

  .d-block\@md {
    display: block;
  }

  .d-flex\@md {
    display: -webkit-box;
    display: flex;
  }

  .d-inline-flex\@md {
    display: -webkit-inline-box;
    display: inline-flex;
  }
}

@media (min-width: 1366px) {
  .d-inline-block\@lg {
    display: inline-block;
  }

  .d-block\@lg {
    display: block;
  }

  .d-inline-flex\@lg {
    display: -webkit-inline-box;
    display: inline-flex;
  }
}

@media (min-width: 1560px) {
  .d-inline-block\@1560 {
    display: inline-block;
  }

  .d-block\@1560 {
    display: block;
  }

  .d-inline-flex\@1560 {
    display: -webkit-inline-box;
    display: inline-flex;
  }
}

@media (min-width: 1921px) {
  .d-inline-block\@xlg {
    display: inline-block;
  }

  .d-block\@xlg {
    display: block;
  }

  .d-inline-flex\@xlg {
    display: -webkit-inline-box;
    display: inline-flex;
  }
}

@media (hover: none) and (pointer: coarse) {
  .d-none\@touch {
    display: none;
  }

  .d-inline-block\@touch {
    display: inline-block;
  }

  .d-block\@touch {
    display: block;
  }

  .d-inline-flex\@touch {
    display: -webkit-inline-box;
    display: inline-flex;
  }
}

.m-0\.2em {
  margin: 0.2em !important;
}

.mx-0\.2em {
  margin-left: 0.2em !important;
  margin-right: 0.2em !important;
}

.my-0\.2em {
  margin-bottom: 0.2em !important;
}

.mt-0\.2em,
.my-0\.2em {
  margin-top: 0.2em !important;
}

.mr-0\.2em {
  margin-right: 0.2em !important;
}

.mb-0\.2em {
  margin-bottom: 0.2em !important;
}

.ml-0\.2em {
  margin-left: 0.2em !important;
}

.-mx-0\.2em {
  margin-left: -0.2em !important;
  margin-right: -0.2em !important;
}

.-my-0\.2em {
  margin-bottom: -0.2em !important;
}

.-mt-0\.2em,
.-my-0\.2em {
  margin-top: -0.2em !important;
}

.-mr-0\.2em {
  margin-right: -0.2em !important;
}

.-mb-0\.2em {
  margin-bottom: -0.2em !important;
}

.-ml-0\.2em {
  margin-left: -0.2em !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0\.25 {
  margin-top: 0.25rem !important;
}

.mb-0\.25 {
  margin-bottom: 0.25rem !important;
}

.-mb-0\.25 {
  margin-bottom: -0.25rem !important;
}

.mx-0\.5 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mt-0\.5 {
  margin-top: 0.5rem !important;
}

.mb-0\.5 {
  margin-bottom: 0.5rem !important;
}

.ml-0\.5 {
  margin-left: 0.5rem !important;
}

.-mr-0\.5 {
  margin-right: -0.5rem !important;
}

.-mb-0\.5 {
  margin-bottom: -0.5rem !important;
}

.mt-0\.75 {
  margin-top: 0.75rem !important;
}

.mb-0\.75 {
  margin-bottom: 0.75rem !important;
}

.ml-0\.75 {
  margin-left: 0.75rem !important;
}

.-mb-0\.75 {
  margin-bottom: -0.75rem !important;
}

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

.mr-1 {
  margin-right: 1rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

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

.-mb-1 {
  margin-bottom: -1rem !important;
}

.mb-1\.2 {
  margin-bottom: 1.2rem !important;
}

.-mb-1\.2 {
  margin-bottom: -1.2rem !important;
}

.my-1\.5 {
  margin-bottom: 1.5rem !important;
}

.mt-1\.5,
.my-1\.5 {
  margin-top: 1.5rem !important;
}

.mr-1\.5 {
  margin-right: 1.5rem !important;
}

.mb-1\.5 {
  margin-bottom: 1.5rem !important;
}

.-mb-1\.5 {
  margin-bottom: -1.5rem !important;
}

.my-2 {
  margin-bottom: 2rem !important;
}

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

.mb-2 {
  margin-bottom: 2rem !important;
}

.-mb-2 {
  margin-bottom: -2rem !important;
}

.mb-2\.5 {
  margin-bottom: 2.5rem !important;
}

.-mb-2\.5 {
  margin-bottom: -2.5rem !important;
}

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

.mb-3 {
  margin-bottom: 3rem !important;
}

.-mb-3 {
  margin-bottom: -3rem !important;
}

.my-4 {
  margin-top: 4rem !important;
}

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

.ml-4 {
  margin-left: 4rem !important;
}

.-mb-4 {
  margin-bottom: -4rem !important;
}

.mt-4\.5 {
  margin-top: 4.5rem !important;
}

.mb-4\.5 {
  margin-bottom: 4.5rem !important;
}

.-mb-4\.5 {
  margin-bottom: -4.5rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.-mb-5 {
  margin-bottom: -5rem !important;
}

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

.mb-6 {
  margin-bottom: 6rem !important;
}

.-mb-6 {
  margin-bottom: -6rem !important;
}

.mb-6\.5 {
  margin-bottom: 6.5rem !important;
}

.-mb-6\.5 {
  margin-bottom: -6.5rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.-mb-7 {
  margin-bottom: -7rem !important;
}

.mb-7\.5 {
  margin-bottom: 7.5rem !important;
}

.-mb-7\.5 {
  margin-bottom: -7.5rem !important;
}

.mb-8 {
  margin-bottom: 8rem !important;
}

.-mb-8 {
  margin-bottom: -8rem !important;
}

.mb-8\.5 {
  margin-bottom: 8.5rem !important;
}

.-mb-8\.5 {
  margin-bottom: -8.5rem !important;
}

.mb-10 {
  margin-bottom: 10rem !important;
}

.-mb-10 {
  margin-bottom: -10rem !important;
}

.mb-12 {
  margin-bottom: 12rem !important;
}

.-mb-12 {
  margin-bottom: -12rem !important;
}

.mb-14 {
  margin-bottom: 14rem !important;
}

.-mb-14 {
  margin-bottom: -14rem !important;
}

.mb-22 {
  margin-bottom: 22rem !important;
}

.-mb-22 {
  margin-bottom: -22rem !important;
}

.mb-24 {
  margin-bottom: 24rem !important;
}

.-mb-24 {
  margin-bottom: -24rem !important;
}

.mb-32 {
  margin-bottom: 32rem !important;
}

.-mb-32 {
  margin-bottom: -32rem !important;
}

.p-0\.2em {
  padding: 0.2em !important;
}

.px-0\.2em {
  padding-left: 0.2em !important;
  padding-right: 0.2em !important;
}

.py-0\.2em {
  padding-bottom: 0.2em !important;
}

.pt-0\.2em,
.py-0\.2em {
  padding-top: 0.2em !important;
}

.pr-0\.2em {
  padding-right: 0.2em !important;
}

.pb-0\.2em {
  padding-bottom: 0.2em !important;
}

.pl-0\.2em {
  padding-left: 0.2em !important;
}

.p-auto {
  padding: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-bottom: auto !important;
}

.pt-auto,
.py-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

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

.py-0 {
  padding-bottom: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.p-0\.25 {
  padding: 0.25rem !important;
}

.px-0\.25 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-0\.25 {
  padding-bottom: 0.25rem !important;
}

.pt-0\.25,
.py-0\.25 {
  padding-top: 0.25rem !important;
}

.pr-0\.25 {
  padding-right: 0.25rem !important;
}

.pb-0\.25 {
  padding-bottom: 0.25rem !important;
}

.pl-0\.25 {
  padding-left: 0.25rem !important;
}

.p-0\.5 {
  padding: 0.5rem !important;
}

.px-0\.5 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-0\.5 {
  padding-bottom: 0.5rem !important;
}

.pt-0\.5,
.py-0\.5 {
  padding-top: 0.5rem !important;
}

.pr-0\.5 {
  padding-right: 0.5rem !important;
}

.pb-0\.5 {
  padding-bottom: 0.5rem !important;
}

.pl-0\.5 {
  padding-left: 0.5rem !important;
}

.p-0\.75 {
  padding: 0.75rem !important;
}

.px-0\.75 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-0\.75 {
  padding-bottom: 0.75rem !important;
}

.pt-0\.75,
.py-0\.75 {
  padding-top: 0.75rem !important;
}

.pr-0\.75 {
  padding-right: 0.75rem !important;
}

.pb-0\.75 {
  padding-bottom: 0.75rem !important;
}

.pl-0\.75 {
  padding-left: 0.75rem !important;
}

.p-1 {
  padding: 1rem !important;
}

.px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-1 {
  padding-bottom: 1rem !important;
}

.pt-1,
.py-1 {
  padding-top: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.p-1\.2 {
  padding: 1.2rem !important;
}

.px-1\.2 {
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}

.py-1\.2 {
  padding-bottom: 1.2rem !important;
}

.pt-1\.2,
.py-1\.2 {
  padding-top: 1.2rem !important;
}

.pr-1\.2 {
  padding-right: 1.2rem !important;
}

.pb-1\.2 {
  padding-bottom: 1.2rem !important;
}

.pl-1\.2 {
  padding-left: 1.2rem !important;
}

.p-1\.5 {
  padding: 1.5rem !important;
}

.px-1\.5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-1\.5 {
  padding-bottom: 1.5rem !important;
}

.pt-1\.5,
.py-1\.5 {
  padding-top: 1.5rem !important;
}

.pr-1\.5 {
  padding-right: 1.5rem !important;
}

.pb-1\.5 {
  padding-bottom: 1.5rem !important;
}

.pl-1\.5 {
  padding-left: 1.5rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-2 {
  padding-bottom: 2rem !important;
}

.pt-2,
.py-2 {
  padding-top: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.p-2\.5 {
  padding: 2.5rem !important;
}

.px-2\.5 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-2\.5 {
  padding-bottom: 2.5rem !important;
}

.pt-2\.5,
.py-2\.5 {
  padding-top: 2.5rem !important;
}

.pr-2\.5 {
  padding-right: 2.5rem !important;
}

.pb-2\.5 {
  padding-bottom: 2.5rem !important;
}

.pl-2\.5 {
  padding-left: 2.5rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-3 {
  padding-bottom: 3rem !important;
}

.pt-3,
.py-3 {
  padding-top: 3rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-4 {
  padding-bottom: 4rem !important;
}

.pt-4,
.py-4 {
  padding-top: 4rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

.p-4\.5 {
  padding: 4.5rem !important;
}

.px-4\.5 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.py-4\.5 {
  padding-bottom: 4.5rem !important;
}

.pt-4\.5,
.py-4\.5 {
  padding-top: 4.5rem !important;
}

.pr-4\.5 {
  padding-right: 4.5rem !important;
}

.pb-4\.5 {
  padding-bottom: 4.5rem !important;
}

.pl-4\.5 {
  padding-left: 4.5rem !important;
}

.p-5 {
  padding: 5rem !important;
}

.px-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-5 {
  padding-bottom: 5rem !important;
}

.pt-5,
.py-5 {
  padding-top: 5rem !important;
}

.pr-5 {
  padding-right: 5rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.pl-5 {
  padding-left: 5rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.px-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.py-6 {
  padding-bottom: 6rem !important;
}

.pt-6,
.py-6 {
  padding-top: 6rem !important;
}

.pr-6 {
  padding-right: 6rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.pl-6 {
  padding-left: 6rem !important;
}

.p-6\.5 {
  padding: 6.5rem !important;
}

.px-6\.5 {
  padding-left: 6.5rem !important;
  padding-right: 6.5rem !important;
}

.py-6\.5 {
  padding-bottom: 6.5rem !important;
}

.pt-6\.5,
.py-6\.5 {
  padding-top: 6.5rem !important;
}

.pr-6\.5 {
  padding-right: 6.5rem !important;
}

.pb-6\.5 {
  padding-bottom: 6.5rem !important;
}

.pl-6\.5 {
  padding-left: 6.5rem !important;
}

.p-7 {
  padding: 7rem !important;
}

.px-7 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.py-7 {
  padding-bottom: 7rem !important;
}

.pt-7,
.py-7 {
  padding-top: 7rem !important;
}

.pr-7 {
  padding-right: 7rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.pl-7 {
  padding-left: 7rem !important;
}

.p-7\.5 {
  padding: 7.5rem !important;
}

.px-7\.5 {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}

.py-7\.5 {
  padding-bottom: 7.5rem !important;
}

.pt-7\.5,
.py-7\.5 {
  padding-top: 7.5rem !important;
}

.pr-7\.5 {
  padding-right: 7.5rem !important;
}

.pb-7\.5 {
  padding-bottom: 7.5rem !important;
}

.pl-7\.5 {
  padding-left: 7.5rem !important;
}

.p-8 {
  padding: 8rem !important;
}

.px-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.py-8 {
  padding-bottom: 8rem !important;
}

.pt-8,
.py-8 {
  padding-top: 8rem !important;
}

.pr-8 {
  padding-right: 8rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.pl-8 {
  padding-left: 8rem !important;
}

.p-8\.5 {
  padding: 8.5rem !important;
}

.px-8\.5 {
  padding-left: 8.5rem !important;
  padding-right: 8.5rem !important;
}

.py-8\.5 {
  padding-bottom: 8.5rem !important;
}

.pt-8\.5,
.py-8\.5 {
  padding-top: 8.5rem !important;
}

.pr-8\.5 {
  padding-right: 8.5rem !important;
}

.pb-8\.5 {
  padding-bottom: 8.5rem !important;
}

.pl-8\.5 {
  padding-left: 8.5rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.px-10 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.py-10 {
  padding-bottom: 10rem !important;
}

.pt-10,
.py-10 {
  padding-top: 10rem !important;
}

.pr-10 {
  padding-right: 10rem !important;
}

.pb-10 {
  padding-bottom: 10rem !important;
}

.pl-10 {
  padding-left: 10rem !important;
}

.p-12 {
  padding: 12rem !important;
}

.px-12 {
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}

.py-12 {
  padding-bottom: 12rem !important;
}

.pt-12,
.py-12 {
  padding-top: 12rem !important;
}

.pr-12 {
  padding-right: 12rem !important;
}

.pb-12 {
  padding-bottom: 12rem !important;
}

.pl-12 {
  padding-left: 12rem !important;
}

.p-14 {
  padding: 14rem !important;
}

.px-14 {
  padding-left: 14rem !important;
  padding-right: 14rem !important;
}

.py-14 {
  padding-bottom: 14rem !important;
}

.pt-14,
.py-14 {
  padding-top: 14rem !important;
}

.pr-14 {
  padding-right: 14rem !important;
}

.pb-14 {
  padding-bottom: 14rem !important;
}

.pl-14 {
  padding-left: 14rem !important;
}

.p-22 {
  padding: 22rem !important;
}

.px-22 {
  padding-left: 22rem !important;
  padding-right: 22rem !important;
}

.py-22 {
  padding-bottom: 22rem !important;
}

.pt-22,
.py-22 {
  padding-top: 22rem !important;
}

.pr-22 {
  padding-right: 22rem !important;
}

.pb-22 {
  padding-bottom: 22rem !important;
}

.pl-22 {
  padding-left: 22rem !important;
}

.p-24 {
  padding: 24rem !important;
}

.px-24 {
  padding-left: 24rem !important;
  padding-right: 24rem !important;
}

.py-24 {
  padding-bottom: 24rem !important;
}

.pt-24,
.py-24 {
  padding-top: 24rem !important;
}

.pr-24 {
  padding-right: 24rem !important;
}

.pb-24 {
  padding-bottom: 24rem !important;
}

.pl-24 {
  padding-left: 24rem !important;
}

.p-32 {
  padding: 32rem !important;
}

.px-32 {
  padding-left: 32rem !important;
  padding-right: 32rem !important;
}

.py-32 {
  padding-bottom: 32rem !important;
}

.pt-32,
.py-32 {
  padding-top: 32rem !important;
}

.pr-32 {
  padding-right: 32rem !important;
}

.pb-32 {
  padding-bottom: 32rem !important;
}

.pl-32 {
  padding-left: 32rem !important;
}

@media (min-width: 414px) {
  .m-0\.2em\@xsm {
    margin: 0.2em !important;
  }

  .mx-0\.2em\@xsm {
    margin-left: 0.2em !important;
    margin-right: 0.2em !important;
  }

  .my-0\.2em\@xsm {
    margin-bottom: 0.2em !important;
  }

  .mt-0\.2em\@xsm,
  .my-0\.2em\@xsm {
    margin-top: 0.2em !important;
  }

  .mr-0\.2em\@xsm {
    margin-right: 0.2em !important;
  }

  .mb-0\.2em\@xsm {
    margin-bottom: 0.2em !important;
  }

  .ml-0\.2em\@xsm {
    margin-left: 0.2em !important;
  }

  .-mx-0\.2em\@xsm {
    margin-left: -0.2em !important;
    margin-right: -0.2em !important;
  }

  .-my-0\.2em\@xsm {
    margin-bottom: -0.2em !important;
  }

  .-mt-0\.2em\@xsm,
  .-my-0\.2em\@xsm {
    margin-top: -0.2em !important;
  }

  .-mr-0\.2em\@xsm {
    margin-right: -0.2em !important;
  }

  .-mb-0\.2em\@xsm {
    margin-bottom: -0.2em !important;
  }

  .-ml-0\.2em\@xsm {
    margin-left: -0.2em !important;
  }

  .mb-auto\@xsm {
    margin-bottom: auto !important;
  }

  .mb-0\@xsm {
    margin-bottom: 0 !important;
  }

  .mb-0\.25\@xsm {
    margin-bottom: 0.25rem !important;
  }

  .-mb-0\.25\@xsm {
    margin-bottom: -0.25rem !important;
  }

  .mb-0\.5\@xsm {
    margin-bottom: 0.5rem !important;
  }

  .-mb-0\.5\@xsm {
    margin-bottom: -0.5rem !important;
  }

  .mb-0\.75\@xsm {
    margin-bottom: 0.75rem !important;
  }

  .-mb-0\.75\@xsm {
    margin-bottom: -0.75rem !important;
  }

  .mb-1\@xsm {
    margin-bottom: 1rem !important;
  }

  .-mb-1\@xsm {
    margin-bottom: -1rem !important;
  }

  .mb-1\.2\@xsm {
    margin-bottom: 1.2rem !important;
  }

  .-mb-1\.2\@xsm {
    margin-bottom: -1.2rem !important;
  }

  .mb-1\.5\@xsm {
    margin-bottom: 1.5rem !important;
  }

  .-mb-1\.5\@xsm {
    margin-bottom: -1.5rem !important;
  }

  .mb-2\@xsm {
    margin-bottom: 2rem !important;
  }

  .-mb-2\@xsm {
    margin-bottom: -2rem !important;
  }

  .mb-2\.5\@xsm {
    margin-bottom: 2.5rem !important;
  }

  .-mb-2\.5\@xsm {
    margin-bottom: -2.5rem !important;
  }

  .mb-3\@xsm {
    margin-bottom: 3rem !important;
  }

  .-mb-3\@xsm {
    margin-bottom: -3rem !important;
  }

  .mb-4\@xsm {
    margin-bottom: 4rem !important;
  }

  .-mb-4\@xsm {
    margin-bottom: -4rem !important;
  }

  .mb-4\.5\@xsm {
    margin-bottom: 4.5rem !important;
  }

  .-mb-4\.5\@xsm {
    margin-bottom: -4.5rem !important;
  }

  .mb-5\@xsm {
    margin-bottom: 5rem !important;
  }

  .-mb-5\@xsm {
    margin-bottom: -5rem !important;
  }

  .mb-6\@xsm {
    margin-bottom: 6rem !important;
  }

  .-mb-6\@xsm {
    margin-bottom: -6rem !important;
  }

  .mb-6\.5\@xsm {
    margin-bottom: 6.5rem !important;
  }

  .-mb-6\.5\@xsm {
    margin-bottom: -6.5rem !important;
  }

  .mb-7\@xsm {
    margin-bottom: 7rem !important;
  }

  .-mb-7\@xsm {
    margin-bottom: -7rem !important;
  }

  .mb-7\.5\@xsm {
    margin-bottom: 7.5rem !important;
  }

  .-mb-7\.5\@xsm {
    margin-bottom: -7.5rem !important;
  }

  .mb-8\@xsm {
    margin-bottom: 8rem !important;
  }

  .-mb-8\@xsm {
    margin-bottom: -8rem !important;
  }

  .mb-8\.5\@xsm {
    margin-bottom: 8.5rem !important;
  }

  .-mb-8\.5\@xsm {
    margin-bottom: -8.5rem !important;
  }

  .mb-10\@xsm {
    margin-bottom: 10rem !important;
  }

  .-mb-10\@xsm {
    margin-bottom: -10rem !important;
  }

  .mb-12\@xsm {
    margin-bottom: 12rem !important;
  }

  .-mb-12\@xsm {
    margin-bottom: -12rem !important;
  }

  .mb-14\@xsm {
    margin-bottom: 14rem !important;
  }

  .-mb-14\@xsm {
    margin-bottom: -14rem !important;
  }

  .mb-22\@xsm {
    margin-bottom: 22rem !important;
  }

  .-mb-22\@xsm {
    margin-bottom: -22rem !important;
  }

  .mb-24\@xsm {
    margin-bottom: 24rem !important;
  }

  .-mb-24\@xsm {
    margin-bottom: -24rem !important;
  }

  .mb-32\@xsm {
    margin-bottom: 32rem !important;
  }

  .-mb-32\@xsm {
    margin-bottom: -32rem !important;
  }

  .p-0\.2em\@xsm {
    padding: 0.2em !important;
  }

  .px-0\.2em\@xsm {
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
  }

  .py-0\.2em\@xsm {
    padding-bottom: 0.2em !important;
  }

  .pt-0\.2em\@xsm,
  .py-0\.2em\@xsm {
    padding-top: 0.2em !important;
  }

  .pr-0\.2em\@xsm {
    padding-right: 0.2em !important;
  }

  .pb-0\.2em\@xsm {
    padding-bottom: 0.2em !important;
  }

  .pl-0\.2em\@xsm {
    padding-left: 0.2em !important;
  }

  .p-auto\@xsm {
    padding: auto !important;
  }

  .px-auto\@xsm {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-auto\@xsm {
    padding-bottom: auto !important;
  }

  .pt-auto\@xsm,
  .py-auto\@xsm {
    padding-top: auto !important;
  }

  .pr-auto\@xsm {
    padding-right: auto !important;
  }

  .pb-auto\@xsm {
    padding-bottom: auto !important;
  }

  .pl-auto\@xsm {
    padding-left: auto !important;
  }

  .p-0\@xsm {
    padding: 0 !important;
  }

  .px-0\@xsm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-0\@xsm {
    padding-bottom: 0 !important;
  }

  .pt-0\@xsm,
  .py-0\@xsm {
    padding-top: 0 !important;
  }

  .pr-0\@xsm {
    padding-right: 0 !important;
  }

  .pb-0\@xsm {
    padding-bottom: 0 !important;
  }

  .pl-0\@xsm {
    padding-left: 0 !important;
  }

  .p-0\.25\@xsm {
    padding: 0.25rem !important;
  }

  .px-0\.25\@xsm {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .py-0\.25\@xsm {
    padding-bottom: 0.25rem !important;
  }

  .pt-0\.25\@xsm,
  .py-0\.25\@xsm {
    padding-top: 0.25rem !important;
  }

  .pr-0\.25\@xsm {
    padding-right: 0.25rem !important;
  }

  .pb-0\.25\@xsm {
    padding-bottom: 0.25rem !important;
  }

  .pl-0\.25\@xsm {
    padding-left: 0.25rem !important;
  }

  .p-0\.5\@xsm {
    padding: 0.5rem !important;
  }

  .px-0\.5\@xsm {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .py-0\.5\@xsm {
    padding-bottom: 0.5rem !important;
  }

  .pt-0\.5\@xsm,
  .py-0\.5\@xsm {
    padding-top: 0.5rem !important;
  }

  .pr-0\.5\@xsm {
    padding-right: 0.5rem !important;
  }

  .pb-0\.5\@xsm {
    padding-bottom: 0.5rem !important;
  }

  .pl-0\.5\@xsm {
    padding-left: 0.5rem !important;
  }

  .p-0\.75\@xsm {
    padding: 0.75rem !important;
  }

  .px-0\.75\@xsm {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .py-0\.75\@xsm {
    padding-bottom: 0.75rem !important;
  }

  .pt-0\.75\@xsm,
  .py-0\.75\@xsm {
    padding-top: 0.75rem !important;
  }

  .pr-0\.75\@xsm {
    padding-right: 0.75rem !important;
  }

  .pb-0\.75\@xsm {
    padding-bottom: 0.75rem !important;
  }

  .pl-0\.75\@xsm {
    padding-left: 0.75rem !important;
  }

  .p-1\@xsm {
    padding: 1rem !important;
  }

  .px-1\@xsm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .py-1\@xsm {
    padding-bottom: 1rem !important;
  }

  .pt-1\@xsm,
  .py-1\@xsm {
    padding-top: 1rem !important;
  }

  .pr-1\@xsm {
    padding-right: 1rem !important;
  }

  .pb-1\@xsm {
    padding-bottom: 1rem !important;
  }

  .pl-1\@xsm {
    padding-left: 1rem !important;
  }

  .p-1\.2\@xsm {
    padding: 1.2rem !important;
  }

  .px-1\.2\@xsm {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  .py-1\.2\@xsm {
    padding-bottom: 1.2rem !important;
  }

  .pt-1\.2\@xsm,
  .py-1\.2\@xsm {
    padding-top: 1.2rem !important;
  }

  .pr-1\.2\@xsm {
    padding-right: 1.2rem !important;
  }

  .pb-1\.2\@xsm {
    padding-bottom: 1.2rem !important;
  }

  .pl-1\.2\@xsm {
    padding-left: 1.2rem !important;
  }

  .p-1\.5\@xsm {
    padding: 1.5rem !important;
  }

  .px-1\.5\@xsm {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .py-1\.5\@xsm {
    padding-bottom: 1.5rem !important;
  }

  .pt-1\.5\@xsm,
  .py-1\.5\@xsm {
    padding-top: 1.5rem !important;
  }

  .pr-1\.5\@xsm {
    padding-right: 1.5rem !important;
  }

  .pb-1\.5\@xsm {
    padding-bottom: 1.5rem !important;
  }

  .pl-1\.5\@xsm {
    padding-left: 1.5rem !important;
  }

  .p-2\@xsm {
    padding: 2rem !important;
  }

  .px-2\@xsm {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .py-2\@xsm {
    padding-bottom: 2rem !important;
  }

  .pt-2\@xsm,
  .py-2\@xsm {
    padding-top: 2rem !important;
  }

  .pr-2\@xsm {
    padding-right: 2rem !important;
  }

  .pb-2\@xsm {
    padding-bottom: 2rem !important;
  }

  .pl-2\@xsm {
    padding-left: 2rem !important;
  }

  .p-2\.5\@xsm {
    padding: 2.5rem !important;
  }

  .px-2\.5\@xsm {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .py-2\.5\@xsm {
    padding-bottom: 2.5rem !important;
  }

  .pt-2\.5\@xsm,
  .py-2\.5\@xsm {
    padding-top: 2.5rem !important;
  }

  .pr-2\.5\@xsm {
    padding-right: 2.5rem !important;
  }

  .pb-2\.5\@xsm {
    padding-bottom: 2.5rem !important;
  }

  .pl-2\.5\@xsm {
    padding-left: 2.5rem !important;
  }

  .p-3\@xsm {
    padding: 3rem !important;
  }

  .px-3\@xsm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-3\@xsm {
    padding-bottom: 3rem !important;
  }

  .pt-3\@xsm,
  .py-3\@xsm {
    padding-top: 3rem !important;
  }

  .pr-3\@xsm {
    padding-right: 3rem !important;
  }

  .pb-3\@xsm {
    padding-bottom: 3rem !important;
  }

  .pl-3\@xsm {
    padding-left: 3rem !important;
  }

  .p-4\@xsm {
    padding: 4rem !important;
  }

  .px-4\@xsm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .py-4\@xsm {
    padding-bottom: 4rem !important;
  }

  .pt-4\@xsm,
  .py-4\@xsm {
    padding-top: 4rem !important;
  }

  .pr-4\@xsm {
    padding-right: 4rem !important;
  }

  .pb-4\@xsm {
    padding-bottom: 4rem !important;
  }

  .pl-4\@xsm {
    padding-left: 4rem !important;
  }

  .p-4\.5\@xsm {
    padding: 4.5rem !important;
  }

  .px-4\.5\@xsm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .py-4\.5\@xsm {
    padding-bottom: 4.5rem !important;
  }

  .pt-4\.5\@xsm,
  .py-4\.5\@xsm {
    padding-top: 4.5rem !important;
  }

  .pr-4\.5\@xsm {
    padding-right: 4.5rem !important;
  }

  .pb-4\.5\@xsm {
    padding-bottom: 4.5rem !important;
  }

  .pl-4\.5\@xsm {
    padding-left: 4.5rem !important;
  }

  .p-5\@xsm {
    padding: 5rem !important;
  }

  .px-5\@xsm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-5\@xsm {
    padding-bottom: 5rem !important;
  }

  .pt-5\@xsm,
  .py-5\@xsm {
    padding-top: 5rem !important;
  }

  .pr-5\@xsm {
    padding-right: 5rem !important;
  }

  .pb-5\@xsm {
    padding-bottom: 5rem !important;
  }

  .pl-5\@xsm {
    padding-left: 5rem !important;
  }

  .p-6\@xsm {
    padding: 6rem !important;
  }

  .px-6\@xsm {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .py-6\@xsm {
    padding-bottom: 6rem !important;
  }

  .pt-6\@xsm,
  .py-6\@xsm {
    padding-top: 6rem !important;
  }

  .pr-6\@xsm {
    padding-right: 6rem !important;
  }

  .pb-6\@xsm {
    padding-bottom: 6rem !important;
  }

  .pl-6\@xsm {
    padding-left: 6rem !important;
  }

  .p-6\.5\@xsm {
    padding: 6.5rem !important;
  }

  .px-6\.5\@xsm {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }

  .py-6\.5\@xsm {
    padding-bottom: 6.5rem !important;
  }

  .pt-6\.5\@xsm,
  .py-6\.5\@xsm {
    padding-top: 6.5rem !important;
  }

  .pr-6\.5\@xsm {
    padding-right: 6.5rem !important;
  }

  .pb-6\.5\@xsm {
    padding-bottom: 6.5rem !important;
  }

  .pl-6\.5\@xsm {
    padding-left: 6.5rem !important;
  }

  .p-7\@xsm {
    padding: 7rem !important;
  }

  .px-7\@xsm {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .py-7\@xsm {
    padding-bottom: 7rem !important;
  }

  .pt-7\@xsm,
  .py-7\@xsm {
    padding-top: 7rem !important;
  }

  .pr-7\@xsm {
    padding-right: 7rem !important;
  }

  .pb-7\@xsm {
    padding-bottom: 7rem !important;
  }

  .pl-7\@xsm {
    padding-left: 7rem !important;
  }

  .p-7\.5\@xsm {
    padding: 7.5rem !important;
  }

  .px-7\.5\@xsm {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }

  .py-7\.5\@xsm {
    padding-bottom: 7.5rem !important;
  }

  .pt-7\.5\@xsm,
  .py-7\.5\@xsm {
    padding-top: 7.5rem !important;
  }

  .pr-7\.5\@xsm {
    padding-right: 7.5rem !important;
  }

  .pb-7\.5\@xsm {
    padding-bottom: 7.5rem !important;
  }

  .pl-7\.5\@xsm {
    padding-left: 7.5rem !important;
  }

  .p-8\@xsm {
    padding: 8rem !important;
  }

  .px-8\@xsm {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .py-8\@xsm {
    padding-bottom: 8rem !important;
  }

  .pt-8\@xsm,
  .py-8\@xsm {
    padding-top: 8rem !important;
  }

  .pr-8\@xsm {
    padding-right: 8rem !important;
  }

  .pb-8\@xsm {
    padding-bottom: 8rem !important;
  }

  .pl-8\@xsm {
    padding-left: 8rem !important;
  }

  .p-8\.5\@xsm {
    padding: 8.5rem !important;
  }

  .px-8\.5\@xsm {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }

  .py-8\.5\@xsm {
    padding-bottom: 8.5rem !important;
  }

  .pt-8\.5\@xsm,
  .py-8\.5\@xsm {
    padding-top: 8.5rem !important;
  }

  .pr-8\.5\@xsm {
    padding-right: 8.5rem !important;
  }

  .pb-8\.5\@xsm {
    padding-bottom: 8.5rem !important;
  }

  .pl-8\.5\@xsm {
    padding-left: 8.5rem !important;
  }

  .p-10\@xsm {
    padding: 10rem !important;
  }

  .px-10\@xsm {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .py-10\@xsm {
    padding-bottom: 10rem !important;
  }

  .pt-10\@xsm,
  .py-10\@xsm {
    padding-top: 10rem !important;
  }

  .pr-10\@xsm {
    padding-right: 10rem !important;
  }

  .pb-10\@xsm {
    padding-bottom: 10rem !important;
  }

  .pl-10\@xsm {
    padding-left: 10rem !important;
  }

  .p-12\@xsm {
    padding: 12rem !important;
  }

  .px-12\@xsm {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .py-12\@xsm {
    padding-bottom: 12rem !important;
  }

  .pt-12\@xsm,
  .py-12\@xsm {
    padding-top: 12rem !important;
  }

  .pr-12\@xsm {
    padding-right: 12rem !important;
  }

  .pb-12\@xsm {
    padding-bottom: 12rem !important;
  }

  .pl-12\@xsm {
    padding-left: 12rem !important;
  }

  .p-14\@xsm {
    padding: 14rem !important;
  }

  .px-14\@xsm {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .py-14\@xsm {
    padding-bottom: 14rem !important;
  }

  .pt-14\@xsm,
  .py-14\@xsm {
    padding-top: 14rem !important;
  }

  .pr-14\@xsm {
    padding-right: 14rem !important;
  }

  .pb-14\@xsm {
    padding-bottom: 14rem !important;
  }

  .pl-14\@xsm {
    padding-left: 14rem !important;
  }

  .p-22\@xsm {
    padding: 22rem !important;
  }

  .px-22\@xsm {
    padding-left: 22rem !important;
    padding-right: 22rem !important;
  }

  .py-22\@xsm {
    padding-bottom: 22rem !important;
  }

  .pt-22\@xsm,
  .py-22\@xsm {
    padding-top: 22rem !important;
  }

  .pr-22\@xsm {
    padding-right: 22rem !important;
  }

  .pb-22\@xsm {
    padding-bottom: 22rem !important;
  }

  .pl-22\@xsm {
    padding-left: 22rem !important;
  }

  .p-24\@xsm {
    padding: 24rem !important;
  }

  .px-24\@xsm {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .py-24\@xsm {
    padding-bottom: 24rem !important;
  }

  .pt-24\@xsm,
  .py-24\@xsm {
    padding-top: 24rem !important;
  }

  .pr-24\@xsm {
    padding-right: 24rem !important;
  }

  .pb-24\@xsm {
    padding-bottom: 24rem !important;
  }

  .pl-24\@xsm {
    padding-left: 24rem !important;
  }

  .p-32\@xsm {
    padding: 32rem !important;
  }

  .px-32\@xsm {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .py-32\@xsm {
    padding-bottom: 32rem !important;
  }

  .pt-32\@xsm,
  .py-32\@xsm {
    padding-top: 32rem !important;
  }

  .pr-32\@xsm {
    padding-right: 32rem !important;
  }

  .pb-32\@xsm {
    padding-bottom: 32rem !important;
  }

  .pl-32\@xsm {
    padding-left: 32rem !important;
  }
}

@media (min-width: 768px) {
  .m-0\.2em\@sm {
    margin: 0.2em !important;
  }

  .mx-0\.2em\@sm {
    margin-left: 0.2em !important;
    margin-right: 0.2em !important;
  }

  .my-0\.2em\@sm {
    margin-bottom: 0.2em !important;
  }

  .mt-0\.2em\@sm,
  .my-0\.2em\@sm {
    margin-top: 0.2em !important;
  }

  .mr-0\.2em\@sm {
    margin-right: 0.2em !important;
  }

  .mb-0\.2em\@sm {
    margin-bottom: 0.2em !important;
  }

  .ml-0\.2em\@sm {
    margin-left: 0.2em !important;
  }

  .-mx-0\.2em\@sm {
    margin-left: -0.2em !important;
    margin-right: -0.2em !important;
  }

  .-my-0\.2em\@sm {
    margin-bottom: -0.2em !important;
  }

  .-mt-0\.2em\@sm,
  .-my-0\.2em\@sm {
    margin-top: -0.2em !important;
  }

  .-mr-0\.2em\@sm {
    margin-right: -0.2em !important;
  }

  .-mb-0\.2em\@sm {
    margin-bottom: -0.2em !important;
  }

  .-ml-0\.2em\@sm {
    margin-left: -0.2em !important;
  }

  .mb-auto\@sm {
    margin-bottom: auto !important;
  }

  .mt-0\@sm {
    margin-top: 0 !important;
  }

  .mr-0\@sm {
    margin-right: 0 !important;
  }

  .mb-0\@sm {
    margin-bottom: 0 !important;
  }

  .mb-0\.25\@sm {
    margin-bottom: 0.25rem !important;
  }

  .-mb-0\.25\@sm {
    margin-bottom: -0.25rem !important;
  }

  .mt-0\.5\@sm {
    margin-top: 0.5rem !important;
  }

  .mb-0\.5\@sm {
    margin-bottom: 0.5rem !important;
  }

  .-mb-0\.5\@sm {
    margin-bottom: -0.5rem !important;
  }

  .mb-0\.75\@sm {
    margin-bottom: 0.75rem !important;
  }

  .-mb-0\.75\@sm {
    margin-bottom: -0.75rem !important;
  }

  .mt-1\@sm {
    margin-top: 1rem !important;
  }

  .mb-1\@sm {
    margin-bottom: 1rem !important;
  }

  .-mb-1\@sm {
    margin-bottom: -1rem !important;
  }

  .mb-1\.2\@sm {
    margin-bottom: 1.2rem !important;
  }

  .-mb-1\.2\@sm {
    margin-bottom: -1.2rem !important;
  }

  .mt-1\.5\@sm {
    margin-top: 1.5rem !important;
  }

  .mb-1\.5\@sm {
    margin-bottom: 1.5rem !important;
  }

  .-mb-1\.5\@sm {
    margin-bottom: -1.5rem !important;
  }

  .my-2\@sm {
    margin-bottom: 2rem !important;
  }

  .mt-2\@sm,
  .my-2\@sm {
    margin-top: 2rem !important;
  }

  .mb-2\@sm {
    margin-bottom: 2rem !important;
  }

  .-mb-2\@sm {
    margin-bottom: -2rem !important;
  }

  .mb-2\.5\@sm {
    margin-bottom: 2.5rem !important;
  }

  .-mb-2\.5\@sm {
    margin-bottom: -2.5rem !important;
  }

  .my-3\@sm {
    margin-bottom: 3rem !important;
  }

  .mt-3\@sm,
  .my-3\@sm {
    margin-top: 3rem !important;
  }

  .mb-3\@sm {
    margin-bottom: 3rem !important;
  }

  .-mb-3\@sm {
    margin-bottom: -3rem !important;
  }

  .my-4\@sm {
    margin-bottom: 4rem !important;
  }

  .mt-4\@sm,
  .my-4\@sm {
    margin-top: 4rem !important;
  }

  .mb-4\@sm {
    margin-bottom: 4rem !important;
  }

  .-mb-4\@sm {
    margin-bottom: -4rem !important;
  }

  .mt-4\.5\@sm {
    margin-top: 4.5rem !important;
  }

  .mb-4\.5\@sm {
    margin-bottom: 4.5rem !important;
  }

  .-mb-4\.5\@sm {
    margin-bottom: -4.5rem !important;
  }

  .mb-5\@sm {
    margin-bottom: 5rem !important;
  }

  .-mb-5\@sm {
    margin-bottom: -5rem !important;
  }

  .mt-6\@sm {
    margin-top: 6rem !important;
  }

  .mb-6\@sm {
    margin-bottom: 6rem !important;
  }

  .-mb-6\@sm {
    margin-bottom: -6rem !important;
  }

  .mb-6\.5\@sm {
    margin-bottom: 6.5rem !important;
  }

  .-mb-6\.5\@sm {
    margin-bottom: -6.5rem !important;
  }

  .mb-7\@sm {
    margin-bottom: 7rem !important;
  }

  .-mb-7\@sm {
    margin-bottom: -7rem !important;
  }

  .mb-7\.5\@sm {
    margin-bottom: 7.5rem !important;
  }

  .-mb-7\.5\@sm {
    margin-bottom: -7.5rem !important;
  }

  .mb-8\@sm {
    margin-bottom: 8rem !important;
  }

  .-mb-8\@sm {
    margin-bottom: -8rem !important;
  }

  .mb-8\.5\@sm {
    margin-bottom: 8.5rem !important;
  }

  .-mb-8\.5\@sm {
    margin-bottom: -8.5rem !important;
  }

  .mb-10\@sm {
    margin-bottom: 10rem !important;
  }

  .-mb-10\@sm {
    margin-bottom: -10rem !important;
  }

  .mb-12\@sm {
    margin-bottom: 12rem !important;
  }

  .-mb-12\@sm {
    margin-bottom: -12rem !important;
  }

  .mb-14\@sm {
    margin-bottom: 14rem !important;
  }

  .-mb-14\@sm {
    margin-bottom: -14rem !important;
  }

  .mb-22\@sm {
    margin-bottom: 22rem !important;
  }

  .-mb-22\@sm {
    margin-bottom: -22rem !important;
  }

  .mb-24\@sm {
    margin-bottom: 24rem !important;
  }

  .-mb-24\@sm {
    margin-bottom: -24rem !important;
  }

  .mb-32\@sm {
    margin-bottom: 32rem !important;
  }

  .-mb-32\@sm {
    margin-bottom: -32rem !important;
  }

  .p-0\.2em\@sm {
    padding: 0.2em !important;
  }

  .px-0\.2em\@sm {
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
  }

  .py-0\.2em\@sm {
    padding-bottom: 0.2em !important;
  }

  .pt-0\.2em\@sm,
  .py-0\.2em\@sm {
    padding-top: 0.2em !important;
  }

  .pr-0\.2em\@sm {
    padding-right: 0.2em !important;
  }

  .pb-0\.2em\@sm {
    padding-bottom: 0.2em !important;
  }

  .pl-0\.2em\@sm {
    padding-left: 0.2em !important;
  }

  .p-auto\@sm {
    padding: auto !important;
  }

  .px-auto\@sm {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-auto\@sm {
    padding-bottom: auto !important;
  }

  .pt-auto\@sm,
  .py-auto\@sm {
    padding-top: auto !important;
  }

  .pr-auto\@sm {
    padding-right: auto !important;
  }

  .pb-auto\@sm {
    padding-bottom: auto !important;
  }

  .pl-auto\@sm {
    padding-left: auto !important;
  }

  .p-0\@sm {
    padding: 0 !important;
  }

  .px-0\@sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-0\@sm {
    padding-bottom: 0 !important;
  }

  .pt-0\@sm,
  .py-0\@sm {
    padding-top: 0 !important;
  }

  .pr-0\@sm {
    padding-right: 0 !important;
  }

  .pb-0\@sm {
    padding-bottom: 0 !important;
  }

  .pl-0\@sm {
    padding-left: 0 !important;
  }

  .p-0\.25\@sm {
    padding: 0.25rem !important;
  }

  .px-0\.25\@sm {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .py-0\.25\@sm {
    padding-bottom: 0.25rem !important;
  }

  .pt-0\.25\@sm,
  .py-0\.25\@sm {
    padding-top: 0.25rem !important;
  }

  .pr-0\.25\@sm {
    padding-right: 0.25rem !important;
  }

  .pb-0\.25\@sm {
    padding-bottom: 0.25rem !important;
  }

  .pl-0\.25\@sm {
    padding-left: 0.25rem !important;
  }

  .p-0\.5\@sm {
    padding: 0.5rem !important;
  }

  .px-0\.5\@sm {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .py-0\.5\@sm {
    padding-bottom: 0.5rem !important;
  }

  .pt-0\.5\@sm,
  .py-0\.5\@sm {
    padding-top: 0.5rem !important;
  }

  .pr-0\.5\@sm {
    padding-right: 0.5rem !important;
  }

  .pb-0\.5\@sm {
    padding-bottom: 0.5rem !important;
  }

  .pl-0\.5\@sm {
    padding-left: 0.5rem !important;
  }

  .p-0\.75\@sm {
    padding: 0.75rem !important;
  }

  .px-0\.75\@sm {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .py-0\.75\@sm {
    padding-bottom: 0.75rem !important;
  }

  .pt-0\.75\@sm,
  .py-0\.75\@sm {
    padding-top: 0.75rem !important;
  }

  .pr-0\.75\@sm {
    padding-right: 0.75rem !important;
  }

  .pb-0\.75\@sm {
    padding-bottom: 0.75rem !important;
  }

  .pl-0\.75\@sm {
    padding-left: 0.75rem !important;
  }

  .p-1\@sm {
    padding: 1rem !important;
  }

  .px-1\@sm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .py-1\@sm {
    padding-bottom: 1rem !important;
  }

  .pt-1\@sm,
  .py-1\@sm {
    padding-top: 1rem !important;
  }

  .pr-1\@sm {
    padding-right: 1rem !important;
  }

  .pb-1\@sm {
    padding-bottom: 1rem !important;
  }

  .pl-1\@sm {
    padding-left: 1rem !important;
  }

  .p-1\.2\@sm {
    padding: 1.2rem !important;
  }

  .px-1\.2\@sm {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  .py-1\.2\@sm {
    padding-bottom: 1.2rem !important;
  }

  .pt-1\.2\@sm,
  .py-1\.2\@sm {
    padding-top: 1.2rem !important;
  }

  .pr-1\.2\@sm {
    padding-right: 1.2rem !important;
  }

  .pb-1\.2\@sm {
    padding-bottom: 1.2rem !important;
  }

  .pl-1\.2\@sm {
    padding-left: 1.2rem !important;
  }

  .p-1\.5\@sm {
    padding: 1.5rem !important;
  }

  .px-1\.5\@sm {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .py-1\.5\@sm {
    padding-bottom: 1.5rem !important;
  }

  .pt-1\.5\@sm,
  .py-1\.5\@sm {
    padding-top: 1.5rem !important;
  }

  .pr-1\.5\@sm {
    padding-right: 1.5rem !important;
  }

  .pb-1\.5\@sm {
    padding-bottom: 1.5rem !important;
  }

  .pl-1\.5\@sm {
    padding-left: 1.5rem !important;
  }

  .p-2\@sm {
    padding: 2rem !important;
  }

  .px-2\@sm {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .py-2\@sm {
    padding-bottom: 2rem !important;
  }

  .pt-2\@sm,
  .py-2\@sm {
    padding-top: 2rem !important;
  }

  .pr-2\@sm {
    padding-right: 2rem !important;
  }

  .pb-2\@sm {
    padding-bottom: 2rem !important;
  }

  .pl-2\@sm {
    padding-left: 2rem !important;
  }

  .p-2\.5\@sm {
    padding: 2.5rem !important;
  }

  .px-2\.5\@sm {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .py-2\.5\@sm {
    padding-bottom: 2.5rem !important;
  }

  .pt-2\.5\@sm,
  .py-2\.5\@sm {
    padding-top: 2.5rem !important;
  }

  .pr-2\.5\@sm {
    padding-right: 2.5rem !important;
  }

  .pb-2\.5\@sm {
    padding-bottom: 2.5rem !important;
  }

  .pl-2\.5\@sm {
    padding-left: 2.5rem !important;
  }

  .p-3\@sm {
    padding: 3rem !important;
  }

  .px-3\@sm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-3\@sm {
    padding-bottom: 3rem !important;
  }

  .pt-3\@sm,
  .py-3\@sm {
    padding-top: 3rem !important;
  }

  .pr-3\@sm {
    padding-right: 3rem !important;
  }

  .pb-3\@sm {
    padding-bottom: 3rem !important;
  }

  .pl-3\@sm {
    padding-left: 3rem !important;
  }

  .p-4\@sm {
    padding: 4rem !important;
  }

  .px-4\@sm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .py-4\@sm {
    padding-bottom: 4rem !important;
  }

  .pt-4\@sm,
  .py-4\@sm {
    padding-top: 4rem !important;
  }

  .pr-4\@sm {
    padding-right: 4rem !important;
  }

  .pb-4\@sm {
    padding-bottom: 4rem !important;
  }

  .pl-4\@sm {
    padding-left: 4rem !important;
  }

  .p-4\.5\@sm {
    padding: 4.5rem !important;
  }

  .px-4\.5\@sm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .py-4\.5\@sm {
    padding-bottom: 4.5rem !important;
  }

  .pt-4\.5\@sm,
  .py-4\.5\@sm {
    padding-top: 4.5rem !important;
  }

  .pr-4\.5\@sm {
    padding-right: 4.5rem !important;
  }

  .pb-4\.5\@sm {
    padding-bottom: 4.5rem !important;
  }

  .pl-4\.5\@sm {
    padding-left: 4.5rem !important;
  }

  .p-5\@sm {
    padding: 5rem !important;
  }

  .px-5\@sm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-5\@sm {
    padding-bottom: 5rem !important;
  }

  .pt-5\@sm,
  .py-5\@sm {
    padding-top: 5rem !important;
  }

  .pr-5\@sm {
    padding-right: 5rem !important;
  }

  .pb-5\@sm {
    padding-bottom: 5rem !important;
  }

  .pl-5\@sm {
    padding-left: 5rem !important;
  }

  .p-6\@sm {
    padding: 6rem !important;
  }

  .px-6\@sm {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .py-6\@sm {
    padding-bottom: 6rem !important;
  }

  .pt-6\@sm,
  .py-6\@sm {
    padding-top: 6rem !important;
  }

  .pr-6\@sm {
    padding-right: 6rem !important;
  }

  .pb-6\@sm {
    padding-bottom: 6rem !important;
  }

  .pl-6\@sm {
    padding-left: 6rem !important;
  }

  .p-6\.5\@sm {
    padding: 6.5rem !important;
  }

  .px-6\.5\@sm {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }

  .py-6\.5\@sm {
    padding-bottom: 6.5rem !important;
  }

  .pt-6\.5\@sm,
  .py-6\.5\@sm {
    padding-top: 6.5rem !important;
  }

  .pr-6\.5\@sm {
    padding-right: 6.5rem !important;
  }

  .pb-6\.5\@sm {
    padding-bottom: 6.5rem !important;
  }

  .pl-6\.5\@sm {
    padding-left: 6.5rem !important;
  }

  .p-7\@sm {
    padding: 7rem !important;
  }

  .px-7\@sm {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .py-7\@sm {
    padding-bottom: 7rem !important;
  }

  .pt-7\@sm,
  .py-7\@sm {
    padding-top: 7rem !important;
  }

  .pr-7\@sm {
    padding-right: 7rem !important;
  }

  .pb-7\@sm {
    padding-bottom: 7rem !important;
  }

  .pl-7\@sm {
    padding-left: 7rem !important;
  }

  .p-7\.5\@sm {
    padding: 7.5rem !important;
  }

  .px-7\.5\@sm {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }

  .py-7\.5\@sm {
    padding-bottom: 7.5rem !important;
  }

  .pt-7\.5\@sm,
  .py-7\.5\@sm {
    padding-top: 7.5rem !important;
  }

  .pr-7\.5\@sm {
    padding-right: 7.5rem !important;
  }

  .pb-7\.5\@sm {
    padding-bottom: 7.5rem !important;
  }

  .pl-7\.5\@sm {
    padding-left: 7.5rem !important;
  }

  .p-8\@sm {
    padding: 8rem !important;
  }

  .px-8\@sm {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .py-8\@sm {
    padding-bottom: 8rem !important;
  }

  .pt-8\@sm,
  .py-8\@sm {
    padding-top: 8rem !important;
  }

  .pr-8\@sm {
    padding-right: 8rem !important;
  }

  .pb-8\@sm {
    padding-bottom: 8rem !important;
  }

  .pl-8\@sm {
    padding-left: 8rem !important;
  }

  .p-8\.5\@sm {
    padding: 8.5rem !important;
  }

  .px-8\.5\@sm {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }

  .py-8\.5\@sm {
    padding-bottom: 8.5rem !important;
  }

  .pt-8\.5\@sm,
  .py-8\.5\@sm {
    padding-top: 8.5rem !important;
  }

  .pr-8\.5\@sm {
    padding-right: 8.5rem !important;
  }

  .pb-8\.5\@sm {
    padding-bottom: 8.5rem !important;
  }

  .pl-8\.5\@sm {
    padding-left: 8.5rem !important;
  }

  .p-10\@sm {
    padding: 10rem !important;
  }

  .px-10\@sm {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .py-10\@sm {
    padding-bottom: 10rem !important;
  }

  .pt-10\@sm,
  .py-10\@sm {
    padding-top: 10rem !important;
  }

  .pr-10\@sm {
    padding-right: 10rem !important;
  }

  .pb-10\@sm {
    padding-bottom: 10rem !important;
  }

  .pl-10\@sm {
    padding-left: 10rem !important;
  }

  .p-12\@sm {
    padding: 12rem !important;
  }

  .px-12\@sm {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .py-12\@sm {
    padding-bottom: 12rem !important;
  }

  .pt-12\@sm,
  .py-12\@sm {
    padding-top: 12rem !important;
  }

  .pr-12\@sm {
    padding-right: 12rem !important;
  }

  .pb-12\@sm {
    padding-bottom: 12rem !important;
  }

  .pl-12\@sm {
    padding-left: 12rem !important;
  }

  .p-14\@sm {
    padding: 14rem !important;
  }

  .px-14\@sm {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .py-14\@sm {
    padding-bottom: 14rem !important;
  }

  .pt-14\@sm,
  .py-14\@sm {
    padding-top: 14rem !important;
  }

  .pr-14\@sm {
    padding-right: 14rem !important;
  }

  .pb-14\@sm {
    padding-bottom: 14rem !important;
  }

  .pl-14\@sm {
    padding-left: 14rem !important;
  }

  .p-22\@sm {
    padding: 22rem !important;
  }

  .px-22\@sm {
    padding-left: 22rem !important;
    padding-right: 22rem !important;
  }

  .py-22\@sm {
    padding-bottom: 22rem !important;
  }

  .pt-22\@sm,
  .py-22\@sm {
    padding-top: 22rem !important;
  }

  .pr-22\@sm {
    padding-right: 22rem !important;
  }

  .pb-22\@sm {
    padding-bottom: 22rem !important;
  }

  .pl-22\@sm {
    padding-left: 22rem !important;
  }

  .p-24\@sm {
    padding: 24rem !important;
  }

  .px-24\@sm {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .py-24\@sm {
    padding-bottom: 24rem !important;
  }

  .pt-24\@sm,
  .py-24\@sm {
    padding-top: 24rem !important;
  }

  .pr-24\@sm {
    padding-right: 24rem !important;
  }

  .pb-24\@sm {
    padding-bottom: 24rem !important;
  }

  .pl-24\@sm {
    padding-left: 24rem !important;
  }

  .p-32\@sm {
    padding: 32rem !important;
  }

  .px-32\@sm {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .py-32\@sm {
    padding-bottom: 32rem !important;
  }

  .pt-32\@sm,
  .py-32\@sm {
    padding-top: 32rem !important;
  }

  .pr-32\@sm {
    padding-right: 32rem !important;
  }

  .pb-32\@sm {
    padding-bottom: 32rem !important;
  }

  .pl-32\@sm {
    padding-left: 32rem !important;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .m-0\.2em\@md {
    margin: 0.2em !important;
  }

  .mx-0\.2em\@md {
    margin-left: 0.2em !important;
    margin-right: 0.2em !important;
  }

  .my-0\.2em\@md {
    margin-bottom: 0.2em !important;
  }

  .mt-0\.2em\@md,
  .my-0\.2em\@md {
    margin-top: 0.2em !important;
  }

  .mr-0\.2em\@md {
    margin-right: 0.2em !important;
  }

  .mb-0\.2em\@md {
    margin-bottom: 0.2em !important;
  }

  .ml-0\.2em\@md {
    margin-left: 0.2em !important;
  }

  .-mx-0\.2em\@md {
    margin-left: -0.2em !important;
    margin-right: -0.2em !important;
  }

  .-my-0\.2em\@md {
    margin-bottom: -0.2em !important;
  }

  .-mt-0\.2em\@md,
  .-my-0\.2em\@md {
    margin-top: -0.2em !important;
  }

  .-mr-0\.2em\@md {
    margin-right: -0.2em !important;
  }

  .-mb-0\.2em\@md {
    margin-bottom: -0.2em !important;
  }

  .-ml-0\.2em\@md {
    margin-left: -0.2em !important;
  }

  .mb-auto\@md {
    margin-bottom: auto !important;
  }

  .m-0\@md {
    margin: 0 !important;
  }

  .my-0\@md {
    margin-bottom: 0 !important;
  }

  .mt-0\@md,
  .my-0\@md {
    margin-top: 0 !important;
  }

  .mb-0\@md {
    margin-bottom: 0 !important;
  }

  .mb-0\.25\@md {
    margin-bottom: 0.25rem !important;
  }

  .-mb-0\.25\@md {
    margin-bottom: -0.25rem !important;
  }

  .mb-0\.5\@md {
    margin-bottom: 0.5rem !important;
  }

  .-mb-0\.5\@md {
    margin-bottom: -0.5rem !important;
  }

  .mb-0\.75\@md {
    margin-bottom: 0.75rem !important;
  }

  .-mb-0\.75\@md {
    margin-bottom: -0.75rem !important;
  }

  .mt-1\@md {
    margin-top: 1rem !important;
  }

  .mr-1\@md {
    margin-right: 1rem !important;
  }

  .mb-1\@md {
    margin-bottom: 1rem !important;
  }

  .ml-1\@md {
    margin-left: 1rem !important;
  }

  .-mb-1\@md {
    margin-bottom: -1rem !important;
  }

  .mb-1\.2\@md {
    margin-bottom: 1.2rem !important;
  }

  .-mb-1\.2\@md {
    margin-bottom: -1.2rem !important;
  }

  .mt-1\.5\@md {
    margin-top: 1.5rem !important;
  }

  .mb-1\.5\@md {
    margin-bottom: 1.5rem !important;
  }

  .-mb-1\.5\@md {
    margin-bottom: -1.5rem !important;
  }

  .mt-2\@md {
    margin-top: 2rem !important;
  }

  .mb-2\@md {
    margin-bottom: 2rem !important;
  }

  .-mt-2\@md {
    margin-top: -2rem !important;
  }

  .-mb-2\@md {
    margin-bottom: -2rem !important;
  }

  .mt-2\.5\@md {
    margin-top: 2.5rem !important;
  }

  .mb-2\.5\@md {
    margin-bottom: 2.5rem !important;
  }

  .-mb-2\.5\@md {
    margin-bottom: -2.5rem !important;
  }

  .mt-3\@md {
    margin-top: 3rem !important;
  }

  .mb-3\@md {
    margin-bottom: 3rem !important;
  }

  .-mb-3\@md {
    margin-bottom: -3rem !important;
  }

  .mt-4\@md {
    margin-top: 4rem !important;
  }

  .mb-4\@md {
    margin-bottom: 4rem !important;
  }

  .-mb-4\@md {
    margin-bottom: -4rem !important;
  }

  .my-4\.5\@md {
    margin-bottom: 4.5rem !important;
  }

  .mt-4\.5\@md,
  .my-4\.5\@md {
    margin-top: 4.5rem !important;
  }

  .mb-4\.5\@md {
    margin-bottom: 4.5rem !important;
  }

  .-mb-4\.5\@md {
    margin-bottom: -4.5rem !important;
  }

  .mt-5\@md {
    margin-top: 5rem !important;
  }

  .mb-5\@md {
    margin-bottom: 5rem !important;
  }

  .-mb-5\@md {
    margin-bottom: -5rem !important;
  }

  .my-6\@md {
    margin-bottom: 6rem !important;
  }

  .mt-6\@md,
  .my-6\@md {
    margin-top: 6rem !important;
  }

  .mb-6\@md {
    margin-bottom: 6rem !important;
  }

  .-mb-6\@md {
    margin-bottom: -6rem !important;
  }

  .mt-6\.5\@md {
    margin-top: 6.5rem !important;
  }

  .mb-6\.5\@md {
    margin-bottom: 6.5rem !important;
  }

  .-mb-6\.5\@md {
    margin-bottom: -6.5rem !important;
  }

  .mb-7\@md {
    margin-bottom: 7rem !important;
  }

  .-mb-7\@md {
    margin-bottom: -7rem !important;
  }

  .mb-7\.5\@md {
    margin-bottom: 7.5rem !important;
  }

  .-mb-7\.5\@md {
    margin-bottom: -7.5rem !important;
  }

  .mt-8\@md {
    margin-top: 8rem !important;
  }

  .mb-8\@md {
    margin-bottom: 8rem !important;
  }

  .-mb-8\@md {
    margin-bottom: -8rem !important;
  }

  .mb-8\.5\@md {
    margin-bottom: 8.5rem !important;
  }

  .-mb-8\.5\@md {
    margin-bottom: -8.5rem !important;
  }

  .mb-10\@md {
    margin-bottom: 10rem !important;
  }

  .-mb-10\@md {
    margin-bottom: -10rem !important;
  }

  .mt-12\@md {
    margin-top: 12rem !important;
  }

  .mb-12\@md {
    margin-bottom: 12rem !important;
  }

  .-mb-12\@md {
    margin-bottom: -12rem !important;
  }

  .mt-14\@md {
    margin-top: 14rem !important;
  }

  .mb-14\@md {
    margin-bottom: 14rem !important;
  }

  .-mb-14\@md {
    margin-bottom: -14rem !important;
  }

  .mb-22\@md {
    margin-bottom: 22rem !important;
  }

  .-mb-22\@md {
    margin-bottom: -22rem !important;
  }

  .mb-24\@md {
    margin-bottom: 24rem !important;
  }

  .-mb-24\@md {
    margin-bottom: -24rem !important;
  }

  .mb-32\@md {
    margin-bottom: 32rem !important;
  }

  .-mb-32\@md {
    margin-bottom: -32rem !important;
  }

  .p-0\.2em\@md {
    padding: 0.2em !important;
  }

  .px-0\.2em\@md {
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
  }

  .py-0\.2em\@md {
    padding-bottom: 0.2em !important;
  }

  .pt-0\.2em\@md,
  .py-0\.2em\@md {
    padding-top: 0.2em !important;
  }

  .pr-0\.2em\@md {
    padding-right: 0.2em !important;
  }

  .pb-0\.2em\@md {
    padding-bottom: 0.2em !important;
  }

  .pl-0\.2em\@md {
    padding-left: 0.2em !important;
  }

  .p-auto\@md {
    padding: auto !important;
  }

  .px-auto\@md {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-auto\@md {
    padding-bottom: auto !important;
  }

  .pt-auto\@md,
  .py-auto\@md {
    padding-top: auto !important;
  }

  .pr-auto\@md {
    padding-right: auto !important;
  }

  .pb-auto\@md {
    padding-bottom: auto !important;
  }

  .pl-auto\@md {
    padding-left: auto !important;
  }

  .p-0\@md {
    padding: 0 !important;
  }

  .px-0\@md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-0\@md {
    padding-bottom: 0 !important;
  }

  .pt-0\@md,
  .py-0\@md {
    padding-top: 0 !important;
  }

  .pr-0\@md {
    padding-right: 0 !important;
  }

  .pb-0\@md {
    padding-bottom: 0 !important;
  }

  .pl-0\@md {
    padding-left: 0 !important;
  }

  .p-0\.25\@md {
    padding: 0.25rem !important;
  }

  .px-0\.25\@md {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .py-0\.25\@md {
    padding-bottom: 0.25rem !important;
  }

  .pt-0\.25\@md,
  .py-0\.25\@md {
    padding-top: 0.25rem !important;
  }

  .pr-0\.25\@md {
    padding-right: 0.25rem !important;
  }

  .pb-0\.25\@md {
    padding-bottom: 0.25rem !important;
  }

  .pl-0\.25\@md {
    padding-left: 0.25rem !important;
  }

  .p-0\.5\@md {
    padding: 0.5rem !important;
  }

  .px-0\.5\@md {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .py-0\.5\@md {
    padding-bottom: 0.5rem !important;
  }

  .pt-0\.5\@md,
  .py-0\.5\@md {
    padding-top: 0.5rem !important;
  }

  .pr-0\.5\@md {
    padding-right: 0.5rem !important;
  }

  .pb-0\.5\@md {
    padding-bottom: 0.5rem !important;
  }

  .pl-0\.5\@md {
    padding-left: 0.5rem !important;
  }

  .p-0\.75\@md {
    padding: 0.75rem !important;
  }

  .px-0\.75\@md {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .py-0\.75\@md {
    padding-bottom: 0.75rem !important;
  }

  .pt-0\.75\@md,
  .py-0\.75\@md {
    padding-top: 0.75rem !important;
  }

  .pr-0\.75\@md {
    padding-right: 0.75rem !important;
  }

  .pb-0\.75\@md {
    padding-bottom: 0.75rem !important;
  }

  .pl-0\.75\@md {
    padding-left: 0.75rem !important;
  }

  .p-1\@md {
    padding: 1rem !important;
  }

  .px-1\@md {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .py-1\@md {
    padding-bottom: 1rem !important;
  }

  .pt-1\@md,
  .py-1\@md {
    padding-top: 1rem !important;
  }

  .pr-1\@md {
    padding-right: 1rem !important;
  }

  .pb-1\@md {
    padding-bottom: 1rem !important;
  }

  .pl-1\@md {
    padding-left: 1rem !important;
  }

  .p-1\.2\@md {
    padding: 1.2rem !important;
  }

  .px-1\.2\@md {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  .py-1\.2\@md {
    padding-bottom: 1.2rem !important;
  }

  .pt-1\.2\@md,
  .py-1\.2\@md {
    padding-top: 1.2rem !important;
  }

  .pr-1\.2\@md {
    padding-right: 1.2rem !important;
  }

  .pb-1\.2\@md {
    padding-bottom: 1.2rem !important;
  }

  .pl-1\.2\@md {
    padding-left: 1.2rem !important;
  }

  .p-1\.5\@md {
    padding: 1.5rem !important;
  }

  .px-1\.5\@md {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .py-1\.5\@md {
    padding-bottom: 1.5rem !important;
  }

  .pt-1\.5\@md,
  .py-1\.5\@md {
    padding-top: 1.5rem !important;
  }

  .pr-1\.5\@md {
    padding-right: 1.5rem !important;
  }

  .pb-1\.5\@md {
    padding-bottom: 1.5rem !important;
  }

  .pl-1\.5\@md {
    padding-left: 1.5rem !important;
  }

  .p-2\@md {
    padding: 2rem !important;
  }

  .px-2\@md {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .py-2\@md {
    padding-bottom: 2rem !important;
  }

  .pt-2\@md,
  .py-2\@md {
    padding-top: 2rem !important;
  }

  .pr-2\@md {
    padding-right: 2rem !important;
  }

  .pb-2\@md {
    padding-bottom: 2rem !important;
  }

  .pl-2\@md {
    padding-left: 2rem !important;
  }

  .p-2\.5\@md {
    padding: 2.5rem !important;
  }

  .px-2\.5\@md {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .py-2\.5\@md {
    padding-bottom: 2.5rem !important;
  }

  .pt-2\.5\@md,
  .py-2\.5\@md {
    padding-top: 2.5rem !important;
  }

  .pr-2\.5\@md {
    padding-right: 2.5rem !important;
  }

  .pb-2\.5\@md {
    padding-bottom: 2.5rem !important;
  }

  .pl-2\.5\@md {
    padding-left: 2.5rem !important;
  }

  .p-3\@md {
    padding: 3rem !important;
  }

  .px-3\@md {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-3\@md {
    padding-bottom: 3rem !important;
  }

  .pt-3\@md,
  .py-3\@md {
    padding-top: 3rem !important;
  }

  .pr-3\@md {
    padding-right: 3rem !important;
  }

  .pb-3\@md {
    padding-bottom: 3rem !important;
  }

  .pl-3\@md {
    padding-left: 3rem !important;
  }

  .p-4\@md {
    padding: 4rem !important;
  }

  .px-4\@md {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .py-4\@md {
    padding-bottom: 4rem !important;
  }

  .pt-4\@md,
  .py-4\@md {
    padding-top: 4rem !important;
  }

  .pr-4\@md {
    padding-right: 4rem !important;
  }

  .pb-4\@md {
    padding-bottom: 4rem !important;
  }

  .pl-4\@md {
    padding-left: 4rem !important;
  }

  .p-4\.5\@md {
    padding: 4.5rem !important;
  }

  .px-4\.5\@md {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .py-4\.5\@md {
    padding-bottom: 4.5rem !important;
  }

  .pt-4\.5\@md,
  .py-4\.5\@md {
    padding-top: 4.5rem !important;
  }

  .pr-4\.5\@md {
    padding-right: 4.5rem !important;
  }

  .pb-4\.5\@md {
    padding-bottom: 4.5rem !important;
  }

  .pl-4\.5\@md {
    padding-left: 4.5rem !important;
  }

  .p-5\@md {
    padding: 5rem !important;
  }

  .px-5\@md {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-5\@md {
    padding-bottom: 5rem !important;
  }

  .pt-5\@md,
  .py-5\@md {
    padding-top: 5rem !important;
  }

  .pr-5\@md {
    padding-right: 5rem !important;
  }

  .pb-5\@md {
    padding-bottom: 5rem !important;
  }

  .pl-5\@md {
    padding-left: 5rem !important;
  }

  .p-6\@md {
    padding: 6rem !important;
  }

  .px-6\@md {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .py-6\@md {
    padding-bottom: 6rem !important;
  }

  .pt-6\@md,
  .py-6\@md {
    padding-top: 6rem !important;
  }

  .pr-6\@md {
    padding-right: 6rem !important;
  }

  .pb-6\@md {
    padding-bottom: 6rem !important;
  }

  .pl-6\@md {
    padding-left: 6rem !important;
  }

  .p-6\.5\@md {
    padding: 6.5rem !important;
  }

  .px-6\.5\@md {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }

  .py-6\.5\@md {
    padding-bottom: 6.5rem !important;
  }

  .pt-6\.5\@md,
  .py-6\.5\@md {
    padding-top: 6.5rem !important;
  }

  .pr-6\.5\@md {
    padding-right: 6.5rem !important;
  }

  .pb-6\.5\@md {
    padding-bottom: 6.5rem !important;
  }

  .pl-6\.5\@md {
    padding-left: 6.5rem !important;
  }

  .p-7\@md {
    padding: 7rem !important;
  }

  .px-7\@md {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .py-7\@md {
    padding-bottom: 7rem !important;
  }

  .pt-7\@md,
  .py-7\@md {
    padding-top: 7rem !important;
  }

  .pr-7\@md {
    padding-right: 7rem !important;
  }

  .pb-7\@md {
    padding-bottom: 7rem !important;
  }

  .pl-7\@md {
    padding-left: 7rem !important;
  }

  .p-7\.5\@md {
    padding: 7.5rem !important;
  }

  .px-7\.5\@md {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }

  .py-7\.5\@md {
    padding-bottom: 7.5rem !important;
  }

  .pt-7\.5\@md,
  .py-7\.5\@md {
    padding-top: 7.5rem !important;
  }

  .pr-7\.5\@md {
    padding-right: 7.5rem !important;
  }

  .pb-7\.5\@md {
    padding-bottom: 7.5rem !important;
  }

  .pl-7\.5\@md {
    padding-left: 7.5rem !important;
  }

  .p-8\@md {
    padding: 8rem !important;
  }

  .px-8\@md {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .py-8\@md {
    padding-bottom: 8rem !important;
  }

  .pt-8\@md,
  .py-8\@md {
    padding-top: 8rem !important;
  }

  .pr-8\@md {
    padding-right: 8rem !important;
  }

  .pb-8\@md {
    padding-bottom: 8rem !important;
  }

  .pl-8\@md {
    padding-left: 8rem !important;
  }

  .p-8\.5\@md {
    padding: 8.5rem !important;
  }

  .px-8\.5\@md {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }

  .py-8\.5\@md {
    padding-bottom: 8.5rem !important;
  }

  .pt-8\.5\@md,
  .py-8\.5\@md {
    padding-top: 8.5rem !important;
  }

  .pr-8\.5\@md {
    padding-right: 8.5rem !important;
  }

  .pb-8\.5\@md {
    padding-bottom: 8.5rem !important;
  }

  .pl-8\.5\@md {
    padding-left: 8.5rem !important;
  }

  .p-10\@md {
    padding: 10rem !important;
  }

  .px-10\@md {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .py-10\@md {
    padding-bottom: 10rem !important;
  }

  .pt-10\@md,
  .py-10\@md {
    padding-top: 10rem !important;
  }

  .pr-10\@md {
    padding-right: 10rem !important;
  }

  .pb-10\@md {
    padding-bottom: 10rem !important;
  }

  .pl-10\@md {
    padding-left: 10rem !important;
  }

  .p-12\@md {
    padding: 12rem !important;
  }

  .px-12\@md {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .py-12\@md {
    padding-bottom: 12rem !important;
  }

  .pt-12\@md,
  .py-12\@md {
    padding-top: 12rem !important;
  }

  .pr-12\@md {
    padding-right: 12rem !important;
  }

  .pb-12\@md {
    padding-bottom: 12rem !important;
  }

  .pl-12\@md {
    padding-left: 12rem !important;
  }

  .p-14\@md {
    padding: 14rem !important;
  }

  .px-14\@md {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .py-14\@md {
    padding-bottom: 14rem !important;
  }

  .pt-14\@md,
  .py-14\@md {
    padding-top: 14rem !important;
  }

  .pr-14\@md {
    padding-right: 14rem !important;
  }

  .pb-14\@md {
    padding-bottom: 14rem !important;
  }

  .pl-14\@md {
    padding-left: 14rem !important;
  }

  .p-22\@md {
    padding: 22rem !important;
  }

  .px-22\@md {
    padding-left: 22rem !important;
    padding-right: 22rem !important;
  }

  .py-22\@md {
    padding-bottom: 22rem !important;
  }

  .pt-22\@md,
  .py-22\@md {
    padding-top: 22rem !important;
  }

  .pr-22\@md {
    padding-right: 22rem !important;
  }

  .pb-22\@md {
    padding-bottom: 22rem !important;
  }

  .pl-22\@md {
    padding-left: 22rem !important;
  }

  .p-24\@md {
    padding: 24rem !important;
  }

  .px-24\@md {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .py-24\@md {
    padding-bottom: 24rem !important;
  }

  .pt-24\@md,
  .py-24\@md {
    padding-top: 24rem !important;
  }

  .pr-24\@md {
    padding-right: 24rem !important;
  }

  .pb-24\@md {
    padding-bottom: 24rem !important;
  }

  .pl-24\@md {
    padding-left: 24rem !important;
  }

  .p-32\@md {
    padding: 32rem !important;
  }

  .px-32\@md {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .py-32\@md {
    padding-bottom: 32rem !important;
  }

  .pt-32\@md,
  .py-32\@md {
    padding-top: 32rem !important;
  }

  .pr-32\@md {
    padding-right: 32rem !important;
  }

  .pb-32\@md {
    padding-bottom: 32rem !important;
  }

  .pl-32\@md {
    padding-left: 32rem !important;
  }
}

@media (min-width: 1366px) {
  .m-0\.2em\@lg {
    margin: 0.2em !important;
  }

  .mx-0\.2em\@lg {
    margin-left: 0.2em !important;
    margin-right: 0.2em !important;
  }

  .my-0\.2em\@lg {
    margin-bottom: 0.2em !important;
  }

  .mt-0\.2em\@lg,
  .my-0\.2em\@lg {
    margin-top: 0.2em !important;
  }

  .mr-0\.2em\@lg {
    margin-right: 0.2em !important;
  }

  .mb-0\.2em\@lg {
    margin-bottom: 0.2em !important;
  }

  .ml-0\.2em\@lg {
    margin-left: 0.2em !important;
  }

  .-mx-0\.2em\@lg {
    margin-left: -0.2em !important;
    margin-right: -0.2em !important;
  }

  .-my-0\.2em\@lg {
    margin-bottom: -0.2em !important;
  }

  .-mt-0\.2em\@lg,
  .-my-0\.2em\@lg {
    margin-top: -0.2em !important;
  }

  .-mr-0\.2em\@lg {
    margin-right: -0.2em !important;
  }

  .-mb-0\.2em\@lg {
    margin-bottom: -0.2em !important;
  }

  .-ml-0\.2em\@lg {
    margin-left: -0.2em !important;
  }

  .mb-auto\@lg {
    margin-bottom: auto !important;
  }

  .mb-0\@lg {
    margin-bottom: 0 !important;
  }

  .mb-0\.25\@lg {
    margin-bottom: 0.25rem !important;
  }

  .-mb-0\.25\@lg {
    margin-bottom: -0.25rem !important;
  }

  .mb-0\.5\@lg {
    margin-bottom: 0.5rem !important;
  }

  .-mb-0\.5\@lg {
    margin-bottom: -0.5rem !important;
  }

  .mb-0\.75\@lg {
    margin-bottom: 0.75rem !important;
  }

  .-mb-0\.75\@lg {
    margin-bottom: -0.75rem !important;
  }

  .mb-1\@lg {
    margin-bottom: 1rem !important;
  }

  .-mb-1\@lg {
    margin-bottom: -1rem !important;
  }

  .mb-1\.2\@lg {
    margin-bottom: 1.2rem !important;
  }

  .-mb-1\.2\@lg {
    margin-bottom: -1.2rem !important;
  }

  .mb-1\.5\@lg {
    margin-bottom: 1.5rem !important;
  }

  .-mb-1\.5\@lg {
    margin-bottom: -1.5rem !important;
  }

  .mb-2\@lg {
    margin-bottom: 2rem !important;
  }

  .-mb-2\@lg {
    margin-bottom: -2rem !important;
  }

  .mb-2\.5\@lg {
    margin-bottom: 2.5rem !important;
  }

  .-mb-2\.5\@lg {
    margin-bottom: -2.5rem !important;
  }

  .mb-3\@lg {
    margin-bottom: 3rem !important;
  }

  .-mb-3\@lg {
    margin-bottom: -3rem !important;
  }

  .mb-4\@lg {
    margin-bottom: 4rem !important;
  }

  .-mb-4\@lg {
    margin-bottom: -4rem !important;
  }

  .mb-4\.5\@lg {
    margin-bottom: 4.5rem !important;
  }

  .-mb-4\.5\@lg {
    margin-bottom: -4.5rem !important;
  }

  .mb-5\@lg {
    margin-bottom: 5rem !important;
  }

  .-mb-5\@lg {
    margin-bottom: -5rem !important;
  }

  .mb-6\@lg {
    margin-bottom: 6rem !important;
  }

  .-mb-6\@lg {
    margin-bottom: -6rem !important;
  }

  .mb-6\.5\@lg {
    margin-bottom: 6.5rem !important;
  }

  .-mb-6\.5\@lg {
    margin-bottom: -6.5rem !important;
  }

  .mb-7\@lg {
    margin-bottom: 7rem !important;
  }

  .-mb-7\@lg {
    margin-bottom: -7rem !important;
  }

  .mb-7\.5\@lg {
    margin-bottom: 7.5rem !important;
  }

  .-mb-7\.5\@lg {
    margin-bottom: -7.5rem !important;
  }

  .mb-8\@lg {
    margin-bottom: 8rem !important;
  }

  .-mb-8\@lg {
    margin-bottom: -8rem !important;
  }

  .mb-8\.5\@lg {
    margin-bottom: 8.5rem !important;
  }

  .-mb-8\.5\@lg {
    margin-bottom: -8.5rem !important;
  }

  .mb-10\@lg {
    margin-bottom: 10rem !important;
  }

  .-mb-10\@lg {
    margin-bottom: -10rem !important;
  }

  .mb-12\@lg {
    margin-bottom: 12rem !important;
  }

  .-mb-12\@lg {
    margin-bottom: -12rem !important;
  }

  .mb-14\@lg {
    margin-bottom: 14rem !important;
  }

  .-mb-14\@lg {
    margin-bottom: -14rem !important;
  }

  .mb-22\@lg {
    margin-bottom: 22rem !important;
  }

  .-mb-22\@lg {
    margin-bottom: -22rem !important;
  }

  .mb-24\@lg {
    margin-bottom: 24rem !important;
  }

  .-mb-24\@lg {
    margin-bottom: -24rem !important;
  }

  .mb-32\@lg {
    margin-bottom: 32rem !important;
  }

  .-mb-32\@lg {
    margin-bottom: -32rem !important;
  }

  .p-0\.2em\@lg {
    padding: 0.2em !important;
  }

  .px-0\.2em\@lg {
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
  }

  .py-0\.2em\@lg {
    padding-bottom: 0.2em !important;
  }

  .pt-0\.2em\@lg,
  .py-0\.2em\@lg {
    padding-top: 0.2em !important;
  }

  .pr-0\.2em\@lg {
    padding-right: 0.2em !important;
  }

  .pb-0\.2em\@lg {
    padding-bottom: 0.2em !important;
  }

  .pl-0\.2em\@lg {
    padding-left: 0.2em !important;
  }

  .p-auto\@lg {
    padding: auto !important;
  }

  .px-auto\@lg {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-auto\@lg {
    padding-bottom: auto !important;
  }

  .pt-auto\@lg,
  .py-auto\@lg {
    padding-top: auto !important;
  }

  .pr-auto\@lg {
    padding-right: auto !important;
  }

  .pb-auto\@lg {
    padding-bottom: auto !important;
  }

  .pl-auto\@lg {
    padding-left: auto !important;
  }

  .p-0\@lg {
    padding: 0 !important;
  }

  .px-0\@lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-0\@lg {
    padding-bottom: 0 !important;
  }

  .pt-0\@lg,
  .py-0\@lg {
    padding-top: 0 !important;
  }

  .pr-0\@lg {
    padding-right: 0 !important;
  }

  .pb-0\@lg {
    padding-bottom: 0 !important;
  }

  .pl-0\@lg {
    padding-left: 0 !important;
  }

  .p-0\.25\@lg {
    padding: 0.25rem !important;
  }

  .px-0\.25\@lg {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .py-0\.25\@lg {
    padding-bottom: 0.25rem !important;
  }

  .pt-0\.25\@lg,
  .py-0\.25\@lg {
    padding-top: 0.25rem !important;
  }

  .pr-0\.25\@lg {
    padding-right: 0.25rem !important;
  }

  .pb-0\.25\@lg {
    padding-bottom: 0.25rem !important;
  }

  .pl-0\.25\@lg {
    padding-left: 0.25rem !important;
  }

  .p-0\.5\@lg {
    padding: 0.5rem !important;
  }

  .px-0\.5\@lg {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .py-0\.5\@lg {
    padding-bottom: 0.5rem !important;
  }

  .pt-0\.5\@lg,
  .py-0\.5\@lg {
    padding-top: 0.5rem !important;
  }

  .pr-0\.5\@lg {
    padding-right: 0.5rem !important;
  }

  .pb-0\.5\@lg {
    padding-bottom: 0.5rem !important;
  }

  .pl-0\.5\@lg {
    padding-left: 0.5rem !important;
  }

  .p-0\.75\@lg {
    padding: 0.75rem !important;
  }

  .px-0\.75\@lg {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .py-0\.75\@lg {
    padding-bottom: 0.75rem !important;
  }

  .pt-0\.75\@lg,
  .py-0\.75\@lg {
    padding-top: 0.75rem !important;
  }

  .pr-0\.75\@lg {
    padding-right: 0.75rem !important;
  }

  .pb-0\.75\@lg {
    padding-bottom: 0.75rem !important;
  }

  .pl-0\.75\@lg {
    padding-left: 0.75rem !important;
  }

  .p-1\@lg {
    padding: 1rem !important;
  }

  .px-1\@lg {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .py-1\@lg {
    padding-bottom: 1rem !important;
  }

  .pt-1\@lg,
  .py-1\@lg {
    padding-top: 1rem !important;
  }

  .pr-1\@lg {
    padding-right: 1rem !important;
  }

  .pb-1\@lg {
    padding-bottom: 1rem !important;
  }

  .pl-1\@lg {
    padding-left: 1rem !important;
  }

  .p-1\.2\@lg {
    padding: 1.2rem !important;
  }

  .px-1\.2\@lg {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  .py-1\.2\@lg {
    padding-bottom: 1.2rem !important;
  }

  .pt-1\.2\@lg,
  .py-1\.2\@lg {
    padding-top: 1.2rem !important;
  }

  .pr-1\.2\@lg {
    padding-right: 1.2rem !important;
  }

  .pb-1\.2\@lg {
    padding-bottom: 1.2rem !important;
  }

  .pl-1\.2\@lg {
    padding-left: 1.2rem !important;
  }

  .p-1\.5\@lg {
    padding: 1.5rem !important;
  }

  .px-1\.5\@lg {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .py-1\.5\@lg {
    padding-bottom: 1.5rem !important;
  }

  .pt-1\.5\@lg,
  .py-1\.5\@lg {
    padding-top: 1.5rem !important;
  }

  .pr-1\.5\@lg {
    padding-right: 1.5rem !important;
  }

  .pb-1\.5\@lg {
    padding-bottom: 1.5rem !important;
  }

  .pl-1\.5\@lg {
    padding-left: 1.5rem !important;
  }

  .p-2\@lg {
    padding: 2rem !important;
  }

  .px-2\@lg {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .py-2\@lg {
    padding-bottom: 2rem !important;
  }

  .pt-2\@lg,
  .py-2\@lg {
    padding-top: 2rem !important;
  }

  .pr-2\@lg {
    padding-right: 2rem !important;
  }

  .pb-2\@lg {
    padding-bottom: 2rem !important;
  }

  .pl-2\@lg {
    padding-left: 2rem !important;
  }

  .p-2\.5\@lg {
    padding: 2.5rem !important;
  }

  .px-2\.5\@lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .py-2\.5\@lg {
    padding-bottom: 2.5rem !important;
  }

  .pt-2\.5\@lg,
  .py-2\.5\@lg {
    padding-top: 2.5rem !important;
  }

  .pr-2\.5\@lg {
    padding-right: 2.5rem !important;
  }

  .pb-2\.5\@lg {
    padding-bottom: 2.5rem !important;
  }

  .pl-2\.5\@lg {
    padding-left: 2.5rem !important;
  }

  .p-3\@lg {
    padding: 3rem !important;
  }

  .px-3\@lg {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-3\@lg {
    padding-bottom: 3rem !important;
  }

  .pt-3\@lg,
  .py-3\@lg {
    padding-top: 3rem !important;
  }

  .pr-3\@lg {
    padding-right: 3rem !important;
  }

  .pb-3\@lg {
    padding-bottom: 3rem !important;
  }

  .pl-3\@lg {
    padding-left: 3rem !important;
  }

  .p-4\@lg {
    padding: 4rem !important;
  }

  .px-4\@lg {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .py-4\@lg {
    padding-bottom: 4rem !important;
  }

  .pt-4\@lg,
  .py-4\@lg {
    padding-top: 4rem !important;
  }

  .pr-4\@lg {
    padding-right: 4rem !important;
  }

  .pb-4\@lg {
    padding-bottom: 4rem !important;
  }

  .pl-4\@lg {
    padding-left: 4rem !important;
  }

  .p-4\.5\@lg {
    padding: 4.5rem !important;
  }

  .px-4\.5\@lg {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .py-4\.5\@lg {
    padding-bottom: 4.5rem !important;
  }

  .pt-4\.5\@lg,
  .py-4\.5\@lg {
    padding-top: 4.5rem !important;
  }

  .pr-4\.5\@lg {
    padding-right: 4.5rem !important;
  }

  .pb-4\.5\@lg {
    padding-bottom: 4.5rem !important;
  }

  .pl-4\.5\@lg {
    padding-left: 4.5rem !important;
  }

  .p-5\@lg {
    padding: 5rem !important;
  }

  .px-5\@lg {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-5\@lg {
    padding-bottom: 5rem !important;
  }

  .pt-5\@lg,
  .py-5\@lg {
    padding-top: 5rem !important;
  }

  .pr-5\@lg {
    padding-right: 5rem !important;
  }

  .pb-5\@lg {
    padding-bottom: 5rem !important;
  }

  .pl-5\@lg {
    padding-left: 5rem !important;
  }

  .p-6\@lg {
    padding: 6rem !important;
  }

  .px-6\@lg {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .py-6\@lg {
    padding-bottom: 6rem !important;
  }

  .pt-6\@lg,
  .py-6\@lg {
    padding-top: 6rem !important;
  }

  .pr-6\@lg {
    padding-right: 6rem !important;
  }

  .pb-6\@lg {
    padding-bottom: 6rem !important;
  }

  .pl-6\@lg {
    padding-left: 6rem !important;
  }

  .p-6\.5\@lg {
    padding: 6.5rem !important;
  }

  .px-6\.5\@lg {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }

  .py-6\.5\@lg {
    padding-bottom: 6.5rem !important;
  }

  .pt-6\.5\@lg,
  .py-6\.5\@lg {
    padding-top: 6.5rem !important;
  }

  .pr-6\.5\@lg {
    padding-right: 6.5rem !important;
  }

  .pb-6\.5\@lg {
    padding-bottom: 6.5rem !important;
  }

  .pl-6\.5\@lg {
    padding-left: 6.5rem !important;
  }

  .p-7\@lg {
    padding: 7rem !important;
  }

  .px-7\@lg {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .py-7\@lg {
    padding-bottom: 7rem !important;
  }

  .pt-7\@lg,
  .py-7\@lg {
    padding-top: 7rem !important;
  }

  .pr-7\@lg {
    padding-right: 7rem !important;
  }

  .pb-7\@lg {
    padding-bottom: 7rem !important;
  }

  .pl-7\@lg {
    padding-left: 7rem !important;
  }

  .p-7\.5\@lg {
    padding: 7.5rem !important;
  }

  .px-7\.5\@lg {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }

  .py-7\.5\@lg {
    padding-bottom: 7.5rem !important;
  }

  .pt-7\.5\@lg,
  .py-7\.5\@lg {
    padding-top: 7.5rem !important;
  }

  .pr-7\.5\@lg {
    padding-right: 7.5rem !important;
  }

  .pb-7\.5\@lg {
    padding-bottom: 7.5rem !important;
  }

  .pl-7\.5\@lg {
    padding-left: 7.5rem !important;
  }

  .p-8\@lg {
    padding: 8rem !important;
  }

  .px-8\@lg {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .py-8\@lg {
    padding-bottom: 8rem !important;
  }

  .pt-8\@lg,
  .py-8\@lg {
    padding-top: 8rem !important;
  }

  .pr-8\@lg {
    padding-right: 8rem !important;
  }

  .pb-8\@lg {
    padding-bottom: 8rem !important;
  }

  .pl-8\@lg {
    padding-left: 8rem !important;
  }

  .p-8\.5\@lg {
    padding: 8.5rem !important;
  }

  .px-8\.5\@lg {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }

  .py-8\.5\@lg {
    padding-bottom: 8.5rem !important;
  }

  .pt-8\.5\@lg,
  .py-8\.5\@lg {
    padding-top: 8.5rem !important;
  }

  .pr-8\.5\@lg {
    padding-right: 8.5rem !important;
  }

  .pb-8\.5\@lg {
    padding-bottom: 8.5rem !important;
  }

  .pl-8\.5\@lg {
    padding-left: 8.5rem !important;
  }

  .p-10\@lg {
    padding: 10rem !important;
  }

  .px-10\@lg {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .py-10\@lg {
    padding-bottom: 10rem !important;
  }

  .pt-10\@lg,
  .py-10\@lg {
    padding-top: 10rem !important;
  }

  .pr-10\@lg {
    padding-right: 10rem !important;
  }

  .pb-10\@lg {
    padding-bottom: 10rem !important;
  }

  .pl-10\@lg {
    padding-left: 10rem !important;
  }

  .p-12\@lg {
    padding: 12rem !important;
  }

  .px-12\@lg {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .py-12\@lg {
    padding-bottom: 12rem !important;
  }

  .pt-12\@lg,
  .py-12\@lg {
    padding-top: 12rem !important;
  }

  .pr-12\@lg {
    padding-right: 12rem !important;
  }

  .pb-12\@lg {
    padding-bottom: 12rem !important;
  }

  .pl-12\@lg {
    padding-left: 12rem !important;
  }

  .p-14\@lg {
    padding: 14rem !important;
  }

  .px-14\@lg {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .py-14\@lg {
    padding-bottom: 14rem !important;
  }

  .pt-14\@lg,
  .py-14\@lg {
    padding-top: 14rem !important;
  }

  .pr-14\@lg {
    padding-right: 14rem !important;
  }

  .pb-14\@lg {
    padding-bottom: 14rem !important;
  }

  .pl-14\@lg {
    padding-left: 14rem !important;
  }

  .p-22\@lg {
    padding: 22rem !important;
  }

  .px-22\@lg {
    padding-left: 22rem !important;
    padding-right: 22rem !important;
  }

  .py-22\@lg {
    padding-bottom: 22rem !important;
  }

  .pt-22\@lg,
  .py-22\@lg {
    padding-top: 22rem !important;
  }

  .pr-22\@lg {
    padding-right: 22rem !important;
  }

  .pb-22\@lg {
    padding-bottom: 22rem !important;
  }

  .pl-22\@lg {
    padding-left: 22rem !important;
  }

  .p-24\@lg {
    padding: 24rem !important;
  }

  .px-24\@lg {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .py-24\@lg {
    padding-bottom: 24rem !important;
  }

  .pt-24\@lg,
  .py-24\@lg {
    padding-top: 24rem !important;
  }

  .pr-24\@lg {
    padding-right: 24rem !important;
  }

  .pb-24\@lg {
    padding-bottom: 24rem !important;
  }

  .pl-24\@lg {
    padding-left: 24rem !important;
  }

  .p-32\@lg {
    padding: 32rem !important;
  }

  .px-32\@lg {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .py-32\@lg {
    padding-bottom: 32rem !important;
  }

  .pt-32\@lg,
  .py-32\@lg {
    padding-top: 32rem !important;
  }

  .pr-32\@lg {
    padding-right: 32rem !important;
  }

  .pb-32\@lg {
    padding-bottom: 32rem !important;
  }

  .pl-32\@lg {
    padding-left: 32rem !important;
  }
}

@media (min-width: 1560px) {
  .m-0\.2em\@1560 {
    margin: 0.2em !important;
  }

  .mx-0\.2em\@1560 {
    margin-left: 0.2em !important;
    margin-right: 0.2em !important;
  }

  .my-0\.2em\@1560 {
    margin-bottom: 0.2em !important;
  }

  .mt-0\.2em\@1560,
  .my-0\.2em\@1560 {
    margin-top: 0.2em !important;
  }

  .mr-0\.2em\@1560 {
    margin-right: 0.2em !important;
  }

  .mb-0\.2em\@1560 {
    margin-bottom: 0.2em !important;
  }

  .ml-0\.2em\@1560 {
    margin-left: 0.2em !important;
  }

  .-mx-0\.2em\@1560 {
    margin-left: -0.2em !important;
    margin-right: -0.2em !important;
  }

  .-my-0\.2em\@1560 {
    margin-bottom: -0.2em !important;
  }

  .-mt-0\.2em\@1560,
  .-my-0\.2em\@1560 {
    margin-top: -0.2em !important;
  }

  .-mr-0\.2em\@1560 {
    margin-right: -0.2em !important;
  }

  .-mb-0\.2em\@1560 {
    margin-bottom: -0.2em !important;
  }

  .-ml-0\.2em\@1560 {
    margin-left: -0.2em !important;
  }

  .mb-auto\@1560 {
    margin-bottom: auto !important;
  }

  .mb-0\@1560 {
    margin-bottom: 0 !important;
  }

  .mb-0\.25\@1560 {
    margin-bottom: 0.25rem !important;
  }

  .-mb-0\.25\@1560 {
    margin-bottom: -0.25rem !important;
  }

  .mb-0\.5\@1560 {
    margin-bottom: 0.5rem !important;
  }

  .-mb-0\.5\@1560 {
    margin-bottom: -0.5rem !important;
  }

  .mb-0\.75\@1560 {
    margin-bottom: 0.75rem !important;
  }

  .-mb-0\.75\@1560 {
    margin-bottom: -0.75rem !important;
  }

  .mb-1\@1560 {
    margin-bottom: 1rem !important;
  }

  .-mb-1\@1560 {
    margin-bottom: -1rem !important;
  }

  .mb-1\.2\@1560 {
    margin-bottom: 1.2rem !important;
  }

  .-mb-1\.2\@1560 {
    margin-bottom: -1.2rem !important;
  }

  .mb-1\.5\@1560 {
    margin-bottom: 1.5rem !important;
  }

  .-mb-1\.5\@1560 {
    margin-bottom: -1.5rem !important;
  }

  .mb-2\@1560 {
    margin-bottom: 2rem !important;
  }

  .-mb-2\@1560 {
    margin-bottom: -2rem !important;
  }

  .mb-2\.5\@1560 {
    margin-bottom: 2.5rem !important;
  }

  .-mb-2\.5\@1560 {
    margin-bottom: -2.5rem !important;
  }

  .mb-3\@1560 {
    margin-bottom: 3rem !important;
  }

  .-mb-3\@1560 {
    margin-bottom: -3rem !important;
  }

  .mb-4\@1560 {
    margin-bottom: 4rem !important;
  }

  .-mb-4\@1560 {
    margin-bottom: -4rem !important;
  }

  .mb-4\.5\@1560 {
    margin-bottom: 4.5rem !important;
  }

  .-mb-4\.5\@1560 {
    margin-bottom: -4.5rem !important;
  }

  .mb-5\@1560 {
    margin-bottom: 5rem !important;
  }

  .-mb-5\@1560 {
    margin-bottom: -5rem !important;
  }

  .mb-6\@1560 {
    margin-bottom: 6rem !important;
  }

  .-mb-6\@1560 {
    margin-bottom: -6rem !important;
  }

  .mb-6\.5\@1560 {
    margin-bottom: 6.5rem !important;
  }

  .-mb-6\.5\@1560 {
    margin-bottom: -6.5rem !important;
  }

  .mb-7\@1560 {
    margin-bottom: 7rem !important;
  }

  .-mb-7\@1560 {
    margin-bottom: -7rem !important;
  }

  .mb-7\.5\@1560 {
    margin-bottom: 7.5rem !important;
  }

  .-mb-7\.5\@1560 {
    margin-bottom: -7.5rem !important;
  }

  .mb-8\@1560 {
    margin-bottom: 8rem !important;
  }

  .-mb-8\@1560 {
    margin-bottom: -8rem !important;
  }

  .mb-8\.5\@1560 {
    margin-bottom: 8.5rem !important;
  }

  .-mb-8\.5\@1560 {
    margin-bottom: -8.5rem !important;
  }

  .mb-10\@1560 {
    margin-bottom: 10rem !important;
  }

  .-mb-10\@1560 {
    margin-bottom: -10rem !important;
  }

  .mb-12\@1560 {
    margin-bottom: 12rem !important;
  }

  .-mb-12\@1560 {
    margin-bottom: -12rem !important;
  }

  .mb-14\@1560 {
    margin-bottom: 14rem !important;
  }

  .-mb-14\@1560 {
    margin-bottom: -14rem !important;
  }

  .mb-22\@1560 {
    margin-bottom: 22rem !important;
  }

  .-mb-22\@1560 {
    margin-bottom: -22rem !important;
  }

  .mb-24\@1560 {
    margin-bottom: 24rem !important;
  }

  .-mb-24\@1560 {
    margin-bottom: -24rem !important;
  }

  .mb-32\@1560 {
    margin-bottom: 32rem !important;
  }

  .-mb-32\@1560 {
    margin-bottom: -32rem !important;
  }

  .p-0\.2em\@1560 {
    padding: 0.2em !important;
  }

  .px-0\.2em\@1560 {
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
  }

  .py-0\.2em\@1560 {
    padding-bottom: 0.2em !important;
  }

  .pt-0\.2em\@1560,
  .py-0\.2em\@1560 {
    padding-top: 0.2em !important;
  }

  .pr-0\.2em\@1560 {
    padding-right: 0.2em !important;
  }

  .pb-0\.2em\@1560 {
    padding-bottom: 0.2em !important;
  }

  .pl-0\.2em\@1560 {
    padding-left: 0.2em !important;
  }

  .p-auto\@1560 {
    padding: auto !important;
  }

  .px-auto\@1560 {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-auto\@1560 {
    padding-bottom: auto !important;
  }

  .pt-auto\@1560,
  .py-auto\@1560 {
    padding-top: auto !important;
  }

  .pr-auto\@1560 {
    padding-right: auto !important;
  }

  .pb-auto\@1560 {
    padding-bottom: auto !important;
  }

  .pl-auto\@1560 {
    padding-left: auto !important;
  }

  .p-0\@1560 {
    padding: 0 !important;
  }

  .px-0\@1560 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-0\@1560 {
    padding-bottom: 0 !important;
  }

  .pt-0\@1560,
  .py-0\@1560 {
    padding-top: 0 !important;
  }

  .pr-0\@1560 {
    padding-right: 0 !important;
  }

  .pb-0\@1560 {
    padding-bottom: 0 !important;
  }

  .pl-0\@1560 {
    padding-left: 0 !important;
  }

  .p-0\.25\@1560 {
    padding: 0.25rem !important;
  }

  .px-0\.25\@1560 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .py-0\.25\@1560 {
    padding-bottom: 0.25rem !important;
  }

  .pt-0\.25\@1560,
  .py-0\.25\@1560 {
    padding-top: 0.25rem !important;
  }

  .pr-0\.25\@1560 {
    padding-right: 0.25rem !important;
  }

  .pb-0\.25\@1560 {
    padding-bottom: 0.25rem !important;
  }

  .pl-0\.25\@1560 {
    padding-left: 0.25rem !important;
  }

  .p-0\.5\@1560 {
    padding: 0.5rem !important;
  }

  .px-0\.5\@1560 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .py-0\.5\@1560 {
    padding-bottom: 0.5rem !important;
  }

  .pt-0\.5\@1560,
  .py-0\.5\@1560 {
    padding-top: 0.5rem !important;
  }

  .pr-0\.5\@1560 {
    padding-right: 0.5rem !important;
  }

  .pb-0\.5\@1560 {
    padding-bottom: 0.5rem !important;
  }

  .pl-0\.5\@1560 {
    padding-left: 0.5rem !important;
  }

  .p-0\.75\@1560 {
    padding: 0.75rem !important;
  }

  .px-0\.75\@1560 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .py-0\.75\@1560 {
    padding-bottom: 0.75rem !important;
  }

  .pt-0\.75\@1560,
  .py-0\.75\@1560 {
    padding-top: 0.75rem !important;
  }

  .pr-0\.75\@1560 {
    padding-right: 0.75rem !important;
  }

  .pb-0\.75\@1560 {
    padding-bottom: 0.75rem !important;
  }

  .pl-0\.75\@1560 {
    padding-left: 0.75rem !important;
  }

  .p-1\@1560 {
    padding: 1rem !important;
  }

  .px-1\@1560 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .py-1\@1560 {
    padding-bottom: 1rem !important;
  }

  .pt-1\@1560,
  .py-1\@1560 {
    padding-top: 1rem !important;
  }

  .pr-1\@1560 {
    padding-right: 1rem !important;
  }

  .pb-1\@1560 {
    padding-bottom: 1rem !important;
  }

  .pl-1\@1560 {
    padding-left: 1rem !important;
  }

  .p-1\.2\@1560 {
    padding: 1.2rem !important;
  }

  .px-1\.2\@1560 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  .py-1\.2\@1560 {
    padding-bottom: 1.2rem !important;
  }

  .pt-1\.2\@1560,
  .py-1\.2\@1560 {
    padding-top: 1.2rem !important;
  }

  .pr-1\.2\@1560 {
    padding-right: 1.2rem !important;
  }

  .pb-1\.2\@1560 {
    padding-bottom: 1.2rem !important;
  }

  .pl-1\.2\@1560 {
    padding-left: 1.2rem !important;
  }

  .p-1\.5\@1560 {
    padding: 1.5rem !important;
  }

  .px-1\.5\@1560 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .py-1\.5\@1560 {
    padding-bottom: 1.5rem !important;
  }

  .pt-1\.5\@1560,
  .py-1\.5\@1560 {
    padding-top: 1.5rem !important;
  }

  .pr-1\.5\@1560 {
    padding-right: 1.5rem !important;
  }

  .pb-1\.5\@1560 {
    padding-bottom: 1.5rem !important;
  }

  .pl-1\.5\@1560 {
    padding-left: 1.5rem !important;
  }

  .p-2\@1560 {
    padding: 2rem !important;
  }

  .px-2\@1560 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .py-2\@1560 {
    padding-bottom: 2rem !important;
  }

  .pt-2\@1560,
  .py-2\@1560 {
    padding-top: 2rem !important;
  }

  .pr-2\@1560 {
    padding-right: 2rem !important;
  }

  .pb-2\@1560 {
    padding-bottom: 2rem !important;
  }

  .pl-2\@1560 {
    padding-left: 2rem !important;
  }

  .p-2\.5\@1560 {
    padding: 2.5rem !important;
  }

  .px-2\.5\@1560 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .py-2\.5\@1560 {
    padding-bottom: 2.5rem !important;
  }

  .pt-2\.5\@1560,
  .py-2\.5\@1560 {
    padding-top: 2.5rem !important;
  }

  .pr-2\.5\@1560 {
    padding-right: 2.5rem !important;
  }

  .pb-2\.5\@1560 {
    padding-bottom: 2.5rem !important;
  }

  .pl-2\.5\@1560 {
    padding-left: 2.5rem !important;
  }

  .p-3\@1560 {
    padding: 3rem !important;
  }

  .px-3\@1560 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-3\@1560 {
    padding-bottom: 3rem !important;
  }

  .pt-3\@1560,
  .py-3\@1560 {
    padding-top: 3rem !important;
  }

  .pr-3\@1560 {
    padding-right: 3rem !important;
  }

  .pb-3\@1560 {
    padding-bottom: 3rem !important;
  }

  .pl-3\@1560 {
    padding-left: 3rem !important;
  }

  .p-4\@1560 {
    padding: 4rem !important;
  }

  .px-4\@1560 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .py-4\@1560 {
    padding-bottom: 4rem !important;
  }

  .pt-4\@1560,
  .py-4\@1560 {
    padding-top: 4rem !important;
  }

  .pr-4\@1560 {
    padding-right: 4rem !important;
  }

  .pb-4\@1560 {
    padding-bottom: 4rem !important;
  }

  .pl-4\@1560 {
    padding-left: 4rem !important;
  }

  .p-4\.5\@1560 {
    padding: 4.5rem !important;
  }

  .px-4\.5\@1560 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .py-4\.5\@1560 {
    padding-bottom: 4.5rem !important;
  }

  .pt-4\.5\@1560,
  .py-4\.5\@1560 {
    padding-top: 4.5rem !important;
  }

  .pr-4\.5\@1560 {
    padding-right: 4.5rem !important;
  }

  .pb-4\.5\@1560 {
    padding-bottom: 4.5rem !important;
  }

  .pl-4\.5\@1560 {
    padding-left: 4.5rem !important;
  }

  .p-5\@1560 {
    padding: 5rem !important;
  }

  .px-5\@1560 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-5\@1560 {
    padding-bottom: 5rem !important;
  }

  .pt-5\@1560,
  .py-5\@1560 {
    padding-top: 5rem !important;
  }

  .pr-5\@1560 {
    padding-right: 5rem !important;
  }

  .pb-5\@1560 {
    padding-bottom: 5rem !important;
  }

  .pl-5\@1560 {
    padding-left: 5rem !important;
  }

  .p-6\@1560 {
    padding: 6rem !important;
  }

  .px-6\@1560 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .py-6\@1560 {
    padding-bottom: 6rem !important;
  }

  .pt-6\@1560,
  .py-6\@1560 {
    padding-top: 6rem !important;
  }

  .pr-6\@1560 {
    padding-right: 6rem !important;
  }

  .pb-6\@1560 {
    padding-bottom: 6rem !important;
  }

  .pl-6\@1560 {
    padding-left: 6rem !important;
  }

  .p-6\.5\@1560 {
    padding: 6.5rem !important;
  }

  .px-6\.5\@1560 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }

  .py-6\.5\@1560 {
    padding-bottom: 6.5rem !important;
  }

  .pt-6\.5\@1560,
  .py-6\.5\@1560 {
    padding-top: 6.5rem !important;
  }

  .pr-6\.5\@1560 {
    padding-right: 6.5rem !important;
  }

  .pb-6\.5\@1560 {
    padding-bottom: 6.5rem !important;
  }

  .pl-6\.5\@1560 {
    padding-left: 6.5rem !important;
  }

  .p-7\@1560 {
    padding: 7rem !important;
  }

  .px-7\@1560 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .py-7\@1560 {
    padding-bottom: 7rem !important;
  }

  .pt-7\@1560,
  .py-7\@1560 {
    padding-top: 7rem !important;
  }

  .pr-7\@1560 {
    padding-right: 7rem !important;
  }

  .pb-7\@1560 {
    padding-bottom: 7rem !important;
  }

  .pl-7\@1560 {
    padding-left: 7rem !important;
  }

  .p-7\.5\@1560 {
    padding: 7.5rem !important;
  }

  .px-7\.5\@1560 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }

  .py-7\.5\@1560 {
    padding-bottom: 7.5rem !important;
  }

  .pt-7\.5\@1560,
  .py-7\.5\@1560 {
    padding-top: 7.5rem !important;
  }

  .pr-7\.5\@1560 {
    padding-right: 7.5rem !important;
  }

  .pb-7\.5\@1560 {
    padding-bottom: 7.5rem !important;
  }

  .pl-7\.5\@1560 {
    padding-left: 7.5rem !important;
  }

  .p-8\@1560 {
    padding: 8rem !important;
  }

  .px-8\@1560 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .py-8\@1560 {
    padding-bottom: 8rem !important;
  }

  .pt-8\@1560,
  .py-8\@1560 {
    padding-top: 8rem !important;
  }

  .pr-8\@1560 {
    padding-right: 8rem !important;
  }

  .pb-8\@1560 {
    padding-bottom: 8rem !important;
  }

  .pl-8\@1560 {
    padding-left: 8rem !important;
  }

  .p-8\.5\@1560 {
    padding: 8.5rem !important;
  }

  .px-8\.5\@1560 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }

  .py-8\.5\@1560 {
    padding-bottom: 8.5rem !important;
  }

  .pt-8\.5\@1560,
  .py-8\.5\@1560 {
    padding-top: 8.5rem !important;
  }

  .pr-8\.5\@1560 {
    padding-right: 8.5rem !important;
  }

  .pb-8\.5\@1560 {
    padding-bottom: 8.5rem !important;
  }

  .pl-8\.5\@1560 {
    padding-left: 8.5rem !important;
  }

  .p-10\@1560 {
    padding: 10rem !important;
  }

  .px-10\@1560 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .py-10\@1560 {
    padding-bottom: 10rem !important;
  }

  .pt-10\@1560,
  .py-10\@1560 {
    padding-top: 10rem !important;
  }

  .pr-10\@1560 {
    padding-right: 10rem !important;
  }

  .pb-10\@1560 {
    padding-bottom: 10rem !important;
  }

  .pl-10\@1560 {
    padding-left: 10rem !important;
  }

  .p-12\@1560 {
    padding: 12rem !important;
  }

  .px-12\@1560 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .py-12\@1560 {
    padding-bottom: 12rem !important;
  }

  .pt-12\@1560,
  .py-12\@1560 {
    padding-top: 12rem !important;
  }

  .pr-12\@1560 {
    padding-right: 12rem !important;
  }

  .pb-12\@1560 {
    padding-bottom: 12rem !important;
  }

  .pl-12\@1560 {
    padding-left: 12rem !important;
  }

  .p-14\@1560 {
    padding: 14rem !important;
  }

  .px-14\@1560 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .py-14\@1560 {
    padding-bottom: 14rem !important;
  }

  .pt-14\@1560,
  .py-14\@1560 {
    padding-top: 14rem !important;
  }

  .pr-14\@1560 {
    padding-right: 14rem !important;
  }

  .pb-14\@1560 {
    padding-bottom: 14rem !important;
  }

  .pl-14\@1560 {
    padding-left: 14rem !important;
  }

  .p-22\@1560 {
    padding: 22rem !important;
  }

  .px-22\@1560 {
    padding-left: 22rem !important;
    padding-right: 22rem !important;
  }

  .py-22\@1560 {
    padding-bottom: 22rem !important;
  }

  .pt-22\@1560,
  .py-22\@1560 {
    padding-top: 22rem !important;
  }

  .pr-22\@1560 {
    padding-right: 22rem !important;
  }

  .pb-22\@1560 {
    padding-bottom: 22rem !important;
  }

  .pl-22\@1560 {
    padding-left: 22rem !important;
  }

  .p-24\@1560 {
    padding: 24rem !important;
  }

  .px-24\@1560 {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .py-24\@1560 {
    padding-bottom: 24rem !important;
  }

  .pt-24\@1560,
  .py-24\@1560 {
    padding-top: 24rem !important;
  }

  .pr-24\@1560 {
    padding-right: 24rem !important;
  }

  .pb-24\@1560 {
    padding-bottom: 24rem !important;
  }

  .pl-24\@1560 {
    padding-left: 24rem !important;
  }

  .p-32\@1560 {
    padding: 32rem !important;
  }

  .px-32\@1560 {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .py-32\@1560 {
    padding-bottom: 32rem !important;
  }

  .pt-32\@1560,
  .py-32\@1560 {
    padding-top: 32rem !important;
  }

  .pr-32\@1560 {
    padding-right: 32rem !important;
  }

  .pb-32\@1560 {
    padding-bottom: 32rem !important;
  }

  .pl-32\@1560 {
    padding-left: 32rem !important;
  }
}

@media (min-width: 1921px) {
  .m-0\.2em\@xlg {
    margin: 0.2em !important;
  }

  .mx-0\.2em\@xlg {
    margin-left: 0.2em !important;
    margin-right: 0.2em !important;
  }

  .my-0\.2em\@xlg {
    margin-bottom: 0.2em !important;
  }

  .mt-0\.2em\@xlg,
  .my-0\.2em\@xlg {
    margin-top: 0.2em !important;
  }

  .mr-0\.2em\@xlg {
    margin-right: 0.2em !important;
  }

  .mb-0\.2em\@xlg {
    margin-bottom: 0.2em !important;
  }

  .ml-0\.2em\@xlg {
    margin-left: 0.2em !important;
  }

  .-mx-0\.2em\@xlg {
    margin-left: -0.2em !important;
    margin-right: -0.2em !important;
  }

  .-my-0\.2em\@xlg {
    margin-bottom: -0.2em !important;
  }

  .-mt-0\.2em\@xlg,
  .-my-0\.2em\@xlg {
    margin-top: -0.2em !important;
  }

  .-mr-0\.2em\@xlg {
    margin-right: -0.2em !important;
  }

  .-mb-0\.2em\@xlg {
    margin-bottom: -0.2em !important;
  }

  .-ml-0\.2em\@xlg {
    margin-left: -0.2em !important;
  }

  .mb-auto\@xlg {
    margin-bottom: auto !important;
  }

  .mb-0\@xlg {
    margin-bottom: 0 !important;
  }

  .mb-0\.25\@xlg {
    margin-bottom: 0.25rem !important;
  }

  .-mb-0\.25\@xlg {
    margin-bottom: -0.25rem !important;
  }

  .mb-0\.5\@xlg {
    margin-bottom: 0.5rem !important;
  }

  .-mb-0\.5\@xlg {
    margin-bottom: -0.5rem !important;
  }

  .mb-0\.75\@xlg {
    margin-bottom: 0.75rem !important;
  }

  .-mb-0\.75\@xlg {
    margin-bottom: -0.75rem !important;
  }

  .mb-1\@xlg {
    margin-bottom: 1rem !important;
  }

  .-mb-1\@xlg {
    margin-bottom: -1rem !important;
  }

  .mb-1\.2\@xlg {
    margin-bottom: 1.2rem !important;
  }

  .-mb-1\.2\@xlg {
    margin-bottom: -1.2rem !important;
  }

  .mb-1\.5\@xlg {
    margin-bottom: 1.5rem !important;
  }

  .-mb-1\.5\@xlg {
    margin-bottom: -1.5rem !important;
  }

  .mb-2\@xlg {
    margin-bottom: 2rem !important;
  }

  .-mb-2\@xlg {
    margin-bottom: -2rem !important;
  }

  .mb-2\.5\@xlg {
    margin-bottom: 2.5rem !important;
  }

  .-mb-2\.5\@xlg {
    margin-bottom: -2.5rem !important;
  }

  .mb-3\@xlg {
    margin-bottom: 3rem !important;
  }

  .-mb-3\@xlg {
    margin-bottom: -3rem !important;
  }

  .mb-4\@xlg {
    margin-bottom: 4rem !important;
  }

  .-mb-4\@xlg {
    margin-bottom: -4rem !important;
  }

  .mb-4\.5\@xlg {
    margin-bottom: 4.5rem !important;
  }

  .-mb-4\.5\@xlg {
    margin-bottom: -4.5rem !important;
  }

  .mb-5\@xlg {
    margin-bottom: 5rem !important;
  }

  .-mb-5\@xlg {
    margin-bottom: -5rem !important;
  }

  .mb-6\@xlg {
    margin-bottom: 6rem !important;
  }

  .-mb-6\@xlg {
    margin-bottom: -6rem !important;
  }

  .mb-6\.5\@xlg {
    margin-bottom: 6.5rem !important;
  }

  .-mb-6\.5\@xlg {
    margin-bottom: -6.5rem !important;
  }

  .mb-7\@xlg {
    margin-bottom: 7rem !important;
  }

  .-mb-7\@xlg {
    margin-bottom: -7rem !important;
  }

  .mb-7\.5\@xlg {
    margin-bottom: 7.5rem !important;
  }

  .-mb-7\.5\@xlg {
    margin-bottom: -7.5rem !important;
  }

  .mb-8\@xlg {
    margin-bottom: 8rem !important;
  }

  .-mb-8\@xlg {
    margin-bottom: -8rem !important;
  }

  .mb-8\.5\@xlg {
    margin-bottom: 8.5rem !important;
  }

  .-mb-8\.5\@xlg {
    margin-bottom: -8.5rem !important;
  }

  .mb-10\@xlg {
    margin-bottom: 10rem !important;
  }

  .-mb-10\@xlg {
    margin-bottom: -10rem !important;
  }

  .mb-12\@xlg {
    margin-bottom: 12rem !important;
  }

  .-mb-12\@xlg {
    margin-bottom: -12rem !important;
  }

  .mb-14\@xlg {
    margin-bottom: 14rem !important;
  }

  .-mb-14\@xlg {
    margin-bottom: -14rem !important;
  }

  .mb-22\@xlg {
    margin-bottom: 22rem !important;
  }

  .-mb-22\@xlg {
    margin-bottom: -22rem !important;
  }

  .mb-24\@xlg {
    margin-bottom: 24rem !important;
  }

  .-mb-24\@xlg {
    margin-bottom: -24rem !important;
  }

  .mb-32\@xlg {
    margin-bottom: 32rem !important;
  }

  .-mb-32\@xlg {
    margin-bottom: -32rem !important;
  }

  .p-0\.2em\@xlg {
    padding: 0.2em !important;
  }

  .px-0\.2em\@xlg {
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
  }

  .py-0\.2em\@xlg {
    padding-bottom: 0.2em !important;
  }

  .pt-0\.2em\@xlg,
  .py-0\.2em\@xlg {
    padding-top: 0.2em !important;
  }

  .pr-0\.2em\@xlg {
    padding-right: 0.2em !important;
  }

  .pb-0\.2em\@xlg {
    padding-bottom: 0.2em !important;
  }

  .pl-0\.2em\@xlg {
    padding-left: 0.2em !important;
  }

  .p-auto\@xlg {
    padding: auto !important;
  }

  .px-auto\@xlg {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-auto\@xlg {
    padding-bottom: auto !important;
  }

  .pt-auto\@xlg,
  .py-auto\@xlg {
    padding-top: auto !important;
  }

  .pr-auto\@xlg {
    padding-right: auto !important;
  }

  .pb-auto\@xlg {
    padding-bottom: auto !important;
  }

  .pl-auto\@xlg {
    padding-left: auto !important;
  }

  .p-0\@xlg {
    padding: 0 !important;
  }

  .px-0\@xlg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-0\@xlg {
    padding-bottom: 0 !important;
  }

  .pt-0\@xlg,
  .py-0\@xlg {
    padding-top: 0 !important;
  }

  .pr-0\@xlg {
    padding-right: 0 !important;
  }

  .pb-0\@xlg {
    padding-bottom: 0 !important;
  }

  .pl-0\@xlg {
    padding-left: 0 !important;
  }

  .p-0\.25\@xlg {
    padding: 0.25rem !important;
  }

  .px-0\.25\@xlg {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .py-0\.25\@xlg {
    padding-bottom: 0.25rem !important;
  }

  .pt-0\.25\@xlg,
  .py-0\.25\@xlg {
    padding-top: 0.25rem !important;
  }

  .pr-0\.25\@xlg {
    padding-right: 0.25rem !important;
  }

  .pb-0\.25\@xlg {
    padding-bottom: 0.25rem !important;
  }

  .pl-0\.25\@xlg {
    padding-left: 0.25rem !important;
  }

  .p-0\.5\@xlg {
    padding: 0.5rem !important;
  }

  .px-0\.5\@xlg {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .py-0\.5\@xlg {
    padding-bottom: 0.5rem !important;
  }

  .pt-0\.5\@xlg,
  .py-0\.5\@xlg {
    padding-top: 0.5rem !important;
  }

  .pr-0\.5\@xlg {
    padding-right: 0.5rem !important;
  }

  .pb-0\.5\@xlg {
    padding-bottom: 0.5rem !important;
  }

  .pl-0\.5\@xlg {
    padding-left: 0.5rem !important;
  }

  .p-0\.75\@xlg {
    padding: 0.75rem !important;
  }

  .px-0\.75\@xlg {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .py-0\.75\@xlg {
    padding-bottom: 0.75rem !important;
  }

  .pt-0\.75\@xlg,
  .py-0\.75\@xlg {
    padding-top: 0.75rem !important;
  }

  .pr-0\.75\@xlg {
    padding-right: 0.75rem !important;
  }

  .pb-0\.75\@xlg {
    padding-bottom: 0.75rem !important;
  }

  .pl-0\.75\@xlg {
    padding-left: 0.75rem !important;
  }

  .p-1\@xlg {
    padding: 1rem !important;
  }

  .px-1\@xlg {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .py-1\@xlg {
    padding-bottom: 1rem !important;
  }

  .pt-1\@xlg,
  .py-1\@xlg {
    padding-top: 1rem !important;
  }

  .pr-1\@xlg {
    padding-right: 1rem !important;
  }

  .pb-1\@xlg {
    padding-bottom: 1rem !important;
  }

  .pl-1\@xlg {
    padding-left: 1rem !important;
  }

  .p-1\.2\@xlg {
    padding: 1.2rem !important;
  }

  .px-1\.2\@xlg {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  .py-1\.2\@xlg {
    padding-bottom: 1.2rem !important;
  }

  .pt-1\.2\@xlg,
  .py-1\.2\@xlg {
    padding-top: 1.2rem !important;
  }

  .pr-1\.2\@xlg {
    padding-right: 1.2rem !important;
  }

  .pb-1\.2\@xlg {
    padding-bottom: 1.2rem !important;
  }

  .pl-1\.2\@xlg {
    padding-left: 1.2rem !important;
  }

  .p-1\.5\@xlg {
    padding: 1.5rem !important;
  }

  .px-1\.5\@xlg {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .py-1\.5\@xlg {
    padding-bottom: 1.5rem !important;
  }

  .pt-1\.5\@xlg,
  .py-1\.5\@xlg {
    padding-top: 1.5rem !important;
  }

  .pr-1\.5\@xlg {
    padding-right: 1.5rem !important;
  }

  .pb-1\.5\@xlg {
    padding-bottom: 1.5rem !important;
  }

  .pl-1\.5\@xlg {
    padding-left: 1.5rem !important;
  }

  .p-2\@xlg {
    padding: 2rem !important;
  }

  .px-2\@xlg {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .py-2\@xlg {
    padding-bottom: 2rem !important;
  }

  .pt-2\@xlg,
  .py-2\@xlg {
    padding-top: 2rem !important;
  }

  .pr-2\@xlg {
    padding-right: 2rem !important;
  }

  .pb-2\@xlg {
    padding-bottom: 2rem !important;
  }

  .pl-2\@xlg {
    padding-left: 2rem !important;
  }

  .p-2\.5\@xlg {
    padding: 2.5rem !important;
  }

  .px-2\.5\@xlg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .py-2\.5\@xlg {
    padding-bottom: 2.5rem !important;
  }

  .pt-2\.5\@xlg,
  .py-2\.5\@xlg {
    padding-top: 2.5rem !important;
  }

  .pr-2\.5\@xlg {
    padding-right: 2.5rem !important;
  }

  .pb-2\.5\@xlg {
    padding-bottom: 2.5rem !important;
  }

  .pl-2\.5\@xlg {
    padding-left: 2.5rem !important;
  }

  .p-3\@xlg {
    padding: 3rem !important;
  }

  .px-3\@xlg {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-3\@xlg {
    padding-bottom: 3rem !important;
  }

  .pt-3\@xlg,
  .py-3\@xlg {
    padding-top: 3rem !important;
  }

  .pr-3\@xlg {
    padding-right: 3rem !important;
  }

  .pb-3\@xlg {
    padding-bottom: 3rem !important;
  }

  .pl-3\@xlg {
    padding-left: 3rem !important;
  }

  .p-4\@xlg {
    padding: 4rem !important;
  }

  .px-4\@xlg {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .py-4\@xlg {
    padding-bottom: 4rem !important;
  }

  .pt-4\@xlg,
  .py-4\@xlg {
    padding-top: 4rem !important;
  }

  .pr-4\@xlg {
    padding-right: 4rem !important;
  }

  .pb-4\@xlg {
    padding-bottom: 4rem !important;
  }

  .pl-4\@xlg {
    padding-left: 4rem !important;
  }

  .p-4\.5\@xlg {
    padding: 4.5rem !important;
  }

  .px-4\.5\@xlg {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .py-4\.5\@xlg {
    padding-bottom: 4.5rem !important;
  }

  .pt-4\.5\@xlg,
  .py-4\.5\@xlg {
    padding-top: 4.5rem !important;
  }

  .pr-4\.5\@xlg {
    padding-right: 4.5rem !important;
  }

  .pb-4\.5\@xlg {
    padding-bottom: 4.5rem !important;
  }

  .pl-4\.5\@xlg {
    padding-left: 4.5rem !important;
  }

  .p-5\@xlg {
    padding: 5rem !important;
  }

  .px-5\@xlg {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-5\@xlg {
    padding-bottom: 5rem !important;
  }

  .pt-5\@xlg,
  .py-5\@xlg {
    padding-top: 5rem !important;
  }

  .pr-5\@xlg {
    padding-right: 5rem !important;
  }

  .pb-5\@xlg {
    padding-bottom: 5rem !important;
  }

  .pl-5\@xlg {
    padding-left: 5rem !important;
  }

  .p-6\@xlg {
    padding: 6rem !important;
  }

  .px-6\@xlg {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .py-6\@xlg {
    padding-bottom: 6rem !important;
  }

  .pt-6\@xlg,
  .py-6\@xlg {
    padding-top: 6rem !important;
  }

  .pr-6\@xlg {
    padding-right: 6rem !important;
  }

  .pb-6\@xlg {
    padding-bottom: 6rem !important;
  }

  .pl-6\@xlg {
    padding-left: 6rem !important;
  }

  .p-6\.5\@xlg {
    padding: 6.5rem !important;
  }

  .px-6\.5\@xlg {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }

  .py-6\.5\@xlg {
    padding-bottom: 6.5rem !important;
  }

  .pt-6\.5\@xlg,
  .py-6\.5\@xlg {
    padding-top: 6.5rem !important;
  }

  .pr-6\.5\@xlg {
    padding-right: 6.5rem !important;
  }

  .pb-6\.5\@xlg {
    padding-bottom: 6.5rem !important;
  }

  .pl-6\.5\@xlg {
    padding-left: 6.5rem !important;
  }

  .p-7\@xlg {
    padding: 7rem !important;
  }

  .px-7\@xlg {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .py-7\@xlg {
    padding-bottom: 7rem !important;
  }

  .pt-7\@xlg,
  .py-7\@xlg {
    padding-top: 7rem !important;
  }

  .pr-7\@xlg {
    padding-right: 7rem !important;
  }

  .pb-7\@xlg {
    padding-bottom: 7rem !important;
  }

  .pl-7\@xlg {
    padding-left: 7rem !important;
  }

  .p-7\.5\@xlg {
    padding: 7.5rem !important;
  }

  .px-7\.5\@xlg {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }

  .py-7\.5\@xlg {
    padding-bottom: 7.5rem !important;
  }

  .pt-7\.5\@xlg,
  .py-7\.5\@xlg {
    padding-top: 7.5rem !important;
  }

  .pr-7\.5\@xlg {
    padding-right: 7.5rem !important;
  }

  .pb-7\.5\@xlg {
    padding-bottom: 7.5rem !important;
  }

  .pl-7\.5\@xlg {
    padding-left: 7.5rem !important;
  }

  .p-8\@xlg {
    padding: 8rem !important;
  }

  .px-8\@xlg {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .py-8\@xlg {
    padding-bottom: 8rem !important;
  }

  .pt-8\@xlg,
  .py-8\@xlg {
    padding-top: 8rem !important;
  }

  .pr-8\@xlg {
    padding-right: 8rem !important;
  }

  .pb-8\@xlg {
    padding-bottom: 8rem !important;
  }

  .pl-8\@xlg {
    padding-left: 8rem !important;
  }

  .p-8\.5\@xlg {
    padding: 8.5rem !important;
  }

  .px-8\.5\@xlg {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }

  .py-8\.5\@xlg {
    padding-bottom: 8.5rem !important;
  }

  .pt-8\.5\@xlg,
  .py-8\.5\@xlg {
    padding-top: 8.5rem !important;
  }

  .pr-8\.5\@xlg {
    padding-right: 8.5rem !important;
  }

  .pb-8\.5\@xlg {
    padding-bottom: 8.5rem !important;
  }

  .pl-8\.5\@xlg {
    padding-left: 8.5rem !important;
  }

  .p-10\@xlg {
    padding: 10rem !important;
  }

  .px-10\@xlg {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .py-10\@xlg {
    padding-bottom: 10rem !important;
  }

  .pt-10\@xlg,
  .py-10\@xlg {
    padding-top: 10rem !important;
  }

  .pr-10\@xlg {
    padding-right: 10rem !important;
  }

  .pb-10\@xlg {
    padding-bottom: 10rem !important;
  }

  .pl-10\@xlg {
    padding-left: 10rem !important;
  }

  .p-12\@xlg {
    padding: 12rem !important;
  }

  .px-12\@xlg {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .py-12\@xlg {
    padding-bottom: 12rem !important;
  }

  .pt-12\@xlg,
  .py-12\@xlg {
    padding-top: 12rem !important;
  }

  .pr-12\@xlg {
    padding-right: 12rem !important;
  }

  .pb-12\@xlg {
    padding-bottom: 12rem !important;
  }

  .pl-12\@xlg {
    padding-left: 12rem !important;
  }

  .p-14\@xlg {
    padding: 14rem !important;
  }

  .px-14\@xlg {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .py-14\@xlg {
    padding-bottom: 14rem !important;
  }

  .pt-14\@xlg,
  .py-14\@xlg {
    padding-top: 14rem !important;
  }

  .pr-14\@xlg {
    padding-right: 14rem !important;
  }

  .pb-14\@xlg {
    padding-bottom: 14rem !important;
  }

  .pl-14\@xlg {
    padding-left: 14rem !important;
  }

  .p-22\@xlg {
    padding: 22rem !important;
  }

  .px-22\@xlg {
    padding-left: 22rem !important;
    padding-right: 22rem !important;
  }

  .py-22\@xlg {
    padding-bottom: 22rem !important;
  }

  .pt-22\@xlg,
  .py-22\@xlg {
    padding-top: 22rem !important;
  }

  .pr-22\@xlg {
    padding-right: 22rem !important;
  }

  .pb-22\@xlg {
    padding-bottom: 22rem !important;
  }

  .pl-22\@xlg {
    padding-left: 22rem !important;
  }

  .p-24\@xlg {
    padding: 24rem !important;
  }

  .px-24\@xlg {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .py-24\@xlg {
    padding-bottom: 24rem !important;
  }

  .pt-24\@xlg,
  .py-24\@xlg {
    padding-top: 24rem !important;
  }

  .pr-24\@xlg {
    padding-right: 24rem !important;
  }

  .pb-24\@xlg {
    padding-bottom: 24rem !important;
  }

  .pl-24\@xlg {
    padding-left: 24rem !important;
  }

  .p-32\@xlg {
    padding: 32rem !important;
  }

  .px-32\@xlg {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .py-32\@xlg {
    padding-bottom: 32rem !important;
  }

  .pt-32\@xlg,
  .py-32\@xlg {
    padding-top: 32rem !important;
  }

  .pr-32\@xlg {
    padding-right: 32rem !important;
  }

  .pb-32\@xlg {
    padding-bottom: 32rem !important;
  }

  .pl-32\@xlg {
    padding-left: 32rem !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .m-0\.2em\@touch {
    margin: 0.2em !important;
  }

  .mx-0\.2em\@touch {
    margin-left: 0.2em !important;
    margin-right: 0.2em !important;
  }

  .my-0\.2em\@touch {
    margin-bottom: 0.2em !important;
  }

  .mt-0\.2em\@touch,
  .my-0\.2em\@touch {
    margin-top: 0.2em !important;
  }

  .mr-0\.2em\@touch {
    margin-right: 0.2em !important;
  }

  .mb-0\.2em\@touch {
    margin-bottom: 0.2em !important;
  }

  .ml-0\.2em\@touch {
    margin-left: 0.2em !important;
  }

  .-mx-0\.2em\@touch {
    margin-left: -0.2em !important;
    margin-right: -0.2em !important;
  }

  .-my-0\.2em\@touch {
    margin-bottom: -0.2em !important;
  }

  .-mt-0\.2em\@touch,
  .-my-0\.2em\@touch {
    margin-top: -0.2em !important;
  }

  .-mr-0\.2em\@touch {
    margin-right: -0.2em !important;
  }

  .-mb-0\.2em\@touch {
    margin-bottom: -0.2em !important;
  }

  .-ml-0\.2em\@touch {
    margin-left: -0.2em !important;
  }

  .mb-auto\@touch {
    margin-bottom: auto !important;
  }

  .mb-0\@touch {
    margin-bottom: 0 !important;
  }

  .mb-0\.25\@touch {
    margin-bottom: 0.25rem !important;
  }

  .-mb-0\.25\@touch {
    margin-bottom: -0.25rem !important;
  }

  .mb-0\.5\@touch {
    margin-bottom: 0.5rem !important;
  }

  .-mb-0\.5\@touch {
    margin-bottom: -0.5rem !important;
  }

  .mb-0\.75\@touch {
    margin-bottom: 0.75rem !important;
  }

  .-mb-0\.75\@touch {
    margin-bottom: -0.75rem !important;
  }

  .mb-1\@touch {
    margin-bottom: 1rem !important;
  }

  .-mb-1\@touch {
    margin-bottom: -1rem !important;
  }

  .mb-1\.2\@touch {
    margin-bottom: 1.2rem !important;
  }

  .-mb-1\.2\@touch {
    margin-bottom: -1.2rem !important;
  }

  .mb-1\.5\@touch {
    margin-bottom: 1.5rem !important;
  }

  .-mb-1\.5\@touch {
    margin-bottom: -1.5rem !important;
  }

  .mb-2\@touch {
    margin-bottom: 2rem !important;
  }

  .-mb-2\@touch {
    margin-bottom: -2rem !important;
  }

  .mb-2\.5\@touch {
    margin-bottom: 2.5rem !important;
  }

  .-mb-2\.5\@touch {
    margin-bottom: -2.5rem !important;
  }

  .mb-3\@touch {
    margin-bottom: 3rem !important;
  }

  .-mb-3\@touch {
    margin-bottom: -3rem !important;
  }

  .mb-4\@touch {
    margin-bottom: 4rem !important;
  }

  .-mb-4\@touch {
    margin-bottom: -4rem !important;
  }

  .mb-4\.5\@touch {
    margin-bottom: 4.5rem !important;
  }

  .-mb-4\.5\@touch {
    margin-bottom: -4.5rem !important;
  }

  .mb-5\@touch {
    margin-bottom: 5rem !important;
  }

  .-mb-5\@touch {
    margin-bottom: -5rem !important;
  }

  .mb-6\@touch {
    margin-bottom: 6rem !important;
  }

  .-mb-6\@touch {
    margin-bottom: -6rem !important;
  }

  .mb-6\.5\@touch {
    margin-bottom: 6.5rem !important;
  }

  .-mb-6\.5\@touch {
    margin-bottom: -6.5rem !important;
  }

  .mb-7\@touch {
    margin-bottom: 7rem !important;
  }

  .-mb-7\@touch {
    margin-bottom: -7rem !important;
  }

  .mb-7\.5\@touch {
    margin-bottom: 7.5rem !important;
  }

  .-mb-7\.5\@touch {
    margin-bottom: -7.5rem !important;
  }

  .mb-8\@touch {
    margin-bottom: 8rem !important;
  }

  .-mb-8\@touch {
    margin-bottom: -8rem !important;
  }

  .mb-8\.5\@touch {
    margin-bottom: 8.5rem !important;
  }

  .-mb-8\.5\@touch {
    margin-bottom: -8.5rem !important;
  }

  .mb-10\@touch {
    margin-bottom: 10rem !important;
  }

  .-mb-10\@touch {
    margin-bottom: -10rem !important;
  }

  .mb-12\@touch {
    margin-bottom: 12rem !important;
  }

  .-mb-12\@touch {
    margin-bottom: -12rem !important;
  }

  .mb-14\@touch {
    margin-bottom: 14rem !important;
  }

  .-mb-14\@touch {
    margin-bottom: -14rem !important;
  }

  .mb-22\@touch {
    margin-bottom: 22rem !important;
  }

  .-mb-22\@touch {
    margin-bottom: -22rem !important;
  }

  .mb-24\@touch {
    margin-bottom: 24rem !important;
  }

  .-mb-24\@touch {
    margin-bottom: -24rem !important;
  }

  .mb-32\@touch {
    margin-bottom: 32rem !important;
  }

  .-mb-32\@touch {
    margin-bottom: -32rem !important;
  }

  .p-0\.2em\@touch {
    padding: 0.2em !important;
  }

  .px-0\.2em\@touch {
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
  }

  .py-0\.2em\@touch {
    padding-bottom: 0.2em !important;
  }

  .pt-0\.2em\@touch,
  .py-0\.2em\@touch {
    padding-top: 0.2em !important;
  }

  .pr-0\.2em\@touch {
    padding-right: 0.2em !important;
  }

  .pb-0\.2em\@touch {
    padding-bottom: 0.2em !important;
  }

  .pl-0\.2em\@touch {
    padding-left: 0.2em !important;
  }

  .p-auto\@touch {
    padding: auto !important;
  }

  .px-auto\@touch {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-auto\@touch {
    padding-bottom: auto !important;
  }

  .pt-auto\@touch,
  .py-auto\@touch {
    padding-top: auto !important;
  }

  .pr-auto\@touch {
    padding-right: auto !important;
  }

  .pb-auto\@touch {
    padding-bottom: auto !important;
  }

  .pl-auto\@touch {
    padding-left: auto !important;
  }

  .p-0\@touch {
    padding: 0 !important;
  }

  .px-0\@touch {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-0\@touch {
    padding-bottom: 0 !important;
  }

  .pt-0\@touch,
  .py-0\@touch {
    padding-top: 0 !important;
  }

  .pr-0\@touch {
    padding-right: 0 !important;
  }

  .pb-0\@touch {
    padding-bottom: 0 !important;
  }

  .pl-0\@touch {
    padding-left: 0 !important;
  }

  .p-0\.25\@touch {
    padding: 0.25rem !important;
  }

  .px-0\.25\@touch {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .py-0\.25\@touch {
    padding-bottom: 0.25rem !important;
  }

  .pt-0\.25\@touch,
  .py-0\.25\@touch {
    padding-top: 0.25rem !important;
  }

  .pr-0\.25\@touch {
    padding-right: 0.25rem !important;
  }

  .pb-0\.25\@touch {
    padding-bottom: 0.25rem !important;
  }

  .pl-0\.25\@touch {
    padding-left: 0.25rem !important;
  }

  .p-0\.5\@touch {
    padding: 0.5rem !important;
  }

  .px-0\.5\@touch {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .py-0\.5\@touch {
    padding-bottom: 0.5rem !important;
  }

  .pt-0\.5\@touch,
  .py-0\.5\@touch {
    padding-top: 0.5rem !important;
  }

  .pr-0\.5\@touch {
    padding-right: 0.5rem !important;
  }

  .pb-0\.5\@touch {
    padding-bottom: 0.5rem !important;
  }

  .pl-0\.5\@touch {
    padding-left: 0.5rem !important;
  }

  .p-0\.75\@touch {
    padding: 0.75rem !important;
  }

  .px-0\.75\@touch {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .py-0\.75\@touch {
    padding-bottom: 0.75rem !important;
  }

  .pt-0\.75\@touch,
  .py-0\.75\@touch {
    padding-top: 0.75rem !important;
  }

  .pr-0\.75\@touch {
    padding-right: 0.75rem !important;
  }

  .pb-0\.75\@touch {
    padding-bottom: 0.75rem !important;
  }

  .pl-0\.75\@touch {
    padding-left: 0.75rem !important;
  }

  .p-1\@touch {
    padding: 1rem !important;
  }

  .px-1\@touch {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .py-1\@touch {
    padding-bottom: 1rem !important;
  }

  .pt-1\@touch,
  .py-1\@touch {
    padding-top: 1rem !important;
  }

  .pr-1\@touch {
    padding-right: 1rem !important;
  }

  .pb-1\@touch {
    padding-bottom: 1rem !important;
  }

  .pl-1\@touch {
    padding-left: 1rem !important;
  }

  .p-1\.2\@touch {
    padding: 1.2rem !important;
  }

  .px-1\.2\@touch {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  .py-1\.2\@touch {
    padding-bottom: 1.2rem !important;
  }

  .pt-1\.2\@touch,
  .py-1\.2\@touch {
    padding-top: 1.2rem !important;
  }

  .pr-1\.2\@touch {
    padding-right: 1.2rem !important;
  }

  .pb-1\.2\@touch {
    padding-bottom: 1.2rem !important;
  }

  .pl-1\.2\@touch {
    padding-left: 1.2rem !important;
  }

  .p-1\.5\@touch {
    padding: 1.5rem !important;
  }

  .px-1\.5\@touch {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .py-1\.5\@touch {
    padding-bottom: 1.5rem !important;
  }

  .pt-1\.5\@touch,
  .py-1\.5\@touch {
    padding-top: 1.5rem !important;
  }

  .pr-1\.5\@touch {
    padding-right: 1.5rem !important;
  }

  .pb-1\.5\@touch {
    padding-bottom: 1.5rem !important;
  }

  .pl-1\.5\@touch {
    padding-left: 1.5rem !important;
  }

  .p-2\@touch {
    padding: 2rem !important;
  }

  .px-2\@touch {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .py-2\@touch {
    padding-bottom: 2rem !important;
  }

  .pt-2\@touch,
  .py-2\@touch {
    padding-top: 2rem !important;
  }

  .pr-2\@touch {
    padding-right: 2rem !important;
  }

  .pb-2\@touch {
    padding-bottom: 2rem !important;
  }

  .pl-2\@touch {
    padding-left: 2rem !important;
  }

  .p-2\.5\@touch {
    padding: 2.5rem !important;
  }

  .px-2\.5\@touch {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .py-2\.5\@touch {
    padding-bottom: 2.5rem !important;
  }

  .pt-2\.5\@touch,
  .py-2\.5\@touch {
    padding-top: 2.5rem !important;
  }

  .pr-2\.5\@touch {
    padding-right: 2.5rem !important;
  }

  .pb-2\.5\@touch {
    padding-bottom: 2.5rem !important;
  }

  .pl-2\.5\@touch {
    padding-left: 2.5rem !important;
  }

  .p-3\@touch {
    padding: 3rem !important;
  }

  .px-3\@touch {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-3\@touch {
    padding-bottom: 3rem !important;
  }

  .pt-3\@touch,
  .py-3\@touch {
    padding-top: 3rem !important;
  }

  .pr-3\@touch {
    padding-right: 3rem !important;
  }

  .pb-3\@touch {
    padding-bottom: 3rem !important;
  }

  .pl-3\@touch {
    padding-left: 3rem !important;
  }

  .p-4\@touch {
    padding: 4rem !important;
  }

  .px-4\@touch {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .py-4\@touch {
    padding-bottom: 4rem !important;
  }

  .pt-4\@touch,
  .py-4\@touch {
    padding-top: 4rem !important;
  }

  .pr-4\@touch {
    padding-right: 4rem !important;
  }

  .pb-4\@touch {
    padding-bottom: 4rem !important;
  }

  .pl-4\@touch {
    padding-left: 4rem !important;
  }

  .p-4\.5\@touch {
    padding: 4.5rem !important;
  }

  .px-4\.5\@touch {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .py-4\.5\@touch {
    padding-bottom: 4.5rem !important;
  }

  .pt-4\.5\@touch,
  .py-4\.5\@touch {
    padding-top: 4.5rem !important;
  }

  .pr-4\.5\@touch {
    padding-right: 4.5rem !important;
  }

  .pb-4\.5\@touch {
    padding-bottom: 4.5rem !important;
  }

  .pl-4\.5\@touch {
    padding-left: 4.5rem !important;
  }

  .p-5\@touch {
    padding: 5rem !important;
  }

  .px-5\@touch {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-5\@touch {
    padding-bottom: 5rem !important;
  }

  .pt-5\@touch,
  .py-5\@touch {
    padding-top: 5rem !important;
  }

  .pr-5\@touch {
    padding-right: 5rem !important;
  }

  .pb-5\@touch {
    padding-bottom: 5rem !important;
  }

  .pl-5\@touch {
    padding-left: 5rem !important;
  }

  .p-6\@touch {
    padding: 6rem !important;
  }

  .px-6\@touch {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .py-6\@touch {
    padding-bottom: 6rem !important;
  }

  .pt-6\@touch,
  .py-6\@touch {
    padding-top: 6rem !important;
  }

  .pr-6\@touch {
    padding-right: 6rem !important;
  }

  .pb-6\@touch {
    padding-bottom: 6rem !important;
  }

  .pl-6\@touch {
    padding-left: 6rem !important;
  }

  .p-6\.5\@touch {
    padding: 6.5rem !important;
  }

  .px-6\.5\@touch {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }

  .py-6\.5\@touch {
    padding-bottom: 6.5rem !important;
  }

  .pt-6\.5\@touch,
  .py-6\.5\@touch {
    padding-top: 6.5rem !important;
  }

  .pr-6\.5\@touch {
    padding-right: 6.5rem !important;
  }

  .pb-6\.5\@touch {
    padding-bottom: 6.5rem !important;
  }

  .pl-6\.5\@touch {
    padding-left: 6.5rem !important;
  }

  .p-7\@touch {
    padding: 7rem !important;
  }

  .px-7\@touch {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .py-7\@touch {
    padding-bottom: 7rem !important;
  }

  .pt-7\@touch,
  .py-7\@touch {
    padding-top: 7rem !important;
  }

  .pr-7\@touch {
    padding-right: 7rem !important;
  }

  .pb-7\@touch {
    padding-bottom: 7rem !important;
  }

  .pl-7\@touch {
    padding-left: 7rem !important;
  }

  .p-7\.5\@touch {
    padding: 7.5rem !important;
  }

  .px-7\.5\@touch {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }

  .py-7\.5\@touch {
    padding-bottom: 7.5rem !important;
  }

  .pt-7\.5\@touch,
  .py-7\.5\@touch {
    padding-top: 7.5rem !important;
  }

  .pr-7\.5\@touch {
    padding-right: 7.5rem !important;
  }

  .pb-7\.5\@touch {
    padding-bottom: 7.5rem !important;
  }

  .pl-7\.5\@touch {
    padding-left: 7.5rem !important;
  }

  .p-8\@touch {
    padding: 8rem !important;
  }

  .px-8\@touch {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .py-8\@touch {
    padding-bottom: 8rem !important;
  }

  .pt-8\@touch,
  .py-8\@touch {
    padding-top: 8rem !important;
  }

  .pr-8\@touch {
    padding-right: 8rem !important;
  }

  .pb-8\@touch {
    padding-bottom: 8rem !important;
  }

  .pl-8\@touch {
    padding-left: 8rem !important;
  }

  .p-8\.5\@touch {
    padding: 8.5rem !important;
  }

  .px-8\.5\@touch {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }

  .py-8\.5\@touch {
    padding-bottom: 8.5rem !important;
  }

  .pt-8\.5\@touch,
  .py-8\.5\@touch {
    padding-top: 8.5rem !important;
  }

  .pr-8\.5\@touch {
    padding-right: 8.5rem !important;
  }

  .pb-8\.5\@touch {
    padding-bottom: 8.5rem !important;
  }

  .pl-8\.5\@touch {
    padding-left: 8.5rem !important;
  }

  .p-10\@touch {
    padding: 10rem !important;
  }

  .px-10\@touch {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .py-10\@touch {
    padding-bottom: 10rem !important;
  }

  .pt-10\@touch,
  .py-10\@touch {
    padding-top: 10rem !important;
  }

  .pr-10\@touch {
    padding-right: 10rem !important;
  }

  .pb-10\@touch {
    padding-bottom: 10rem !important;
  }

  .pl-10\@touch {
    padding-left: 10rem !important;
  }

  .p-12\@touch {
    padding: 12rem !important;
  }

  .px-12\@touch {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .py-12\@touch {
    padding-bottom: 12rem !important;
  }

  .pt-12\@touch,
  .py-12\@touch {
    padding-top: 12rem !important;
  }

  .pr-12\@touch {
    padding-right: 12rem !important;
  }

  .pb-12\@touch {
    padding-bottom: 12rem !important;
  }

  .pl-12\@touch {
    padding-left: 12rem !important;
  }

  .p-14\@touch {
    padding: 14rem !important;
  }

  .px-14\@touch {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .py-14\@touch {
    padding-bottom: 14rem !important;
  }

  .pt-14\@touch,
  .py-14\@touch {
    padding-top: 14rem !important;
  }

  .pr-14\@touch {
    padding-right: 14rem !important;
  }

  .pb-14\@touch {
    padding-bottom: 14rem !important;
  }

  .pl-14\@touch {
    padding-left: 14rem !important;
  }

  .p-22\@touch {
    padding: 22rem !important;
  }

  .px-22\@touch {
    padding-left: 22rem !important;
    padding-right: 22rem !important;
  }

  .py-22\@touch {
    padding-bottom: 22rem !important;
  }

  .pt-22\@touch,
  .py-22\@touch {
    padding-top: 22rem !important;
  }

  .pr-22\@touch {
    padding-right: 22rem !important;
  }

  .pb-22\@touch {
    padding-bottom: 22rem !important;
  }

  .pl-22\@touch {
    padding-left: 22rem !important;
  }

  .p-24\@touch {
    padding: 24rem !important;
  }

  .px-24\@touch {
    padding-left: 24rem !important;
    padding-right: 24rem !important;
  }

  .py-24\@touch {
    padding-bottom: 24rem !important;
  }

  .pt-24\@touch,
  .py-24\@touch {
    padding-top: 24rem !important;
  }

  .pr-24\@touch {
    padding-right: 24rem !important;
  }

  .pb-24\@touch {
    padding-bottom: 24rem !important;
  }

  .pl-24\@touch {
    padding-left: 24rem !important;
  }

  .p-32\@touch {
    padding: 32rem !important;
  }

  .px-32\@touch {
    padding-left: 32rem !important;
    padding-right: 32rem !important;
  }

  .py-32\@touch {
    padding-bottom: 32rem !important;
  }

  .pt-32\@touch,
  .py-32\@touch {
    padding-top: 32rem !important;
  }

  .pr-32\@touch {
    padding-right: 32rem !important;
  }

  .pb-32\@touch {
    padding-bottom: 32rem !important;
  }

  .pl-32\@touch {
    padding-left: 32rem !important;
  }
}

.flex-grow {
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
  max-width: 100%;
  width: auto;
}

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

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

.flex-no-wrap {
  flex-wrap: nowrap !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  flex-direction: row !important;
}

.flex-column,
.flex-row {
  -webkit-box-direction: normal !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column,
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
}

.flex-column-reverse {
  -webkit-box-direction: reverse !important;
  flex-direction: column-reverse !important;
}

.items-start {
  -webkit-box-align: start !important;
  align-items: flex-start !important;
}

.items-center {
  -webkit-box-align: center !important;
  align-items: center !important;
}

.self-center {
  align-self: center !important;
}

.items-end {
  -webkit-box-align: end !important;
  align-items: flex-end !important;
}

.items-baseline {
  -webkit-box-align: baseline !important;
  align-items: baseline !important;
}

.self-baseline {
  align-self: baseline !important;
}

.justify-start {
  -webkit-box-pack: start !important;
  justify-content: flex-start !important;
}

.justify-center {
  -webkit-box-pack: center !important;
  justify-content: center !important;
}

.justify-end {
  -webkit-box-pack: end !important;
  justify-content: flex-end !important;
}

.content-between {
  align-content: space-between !important;
}

.justify-between {
  -webkit-box-pack: justify !important;
  justify-content: space-between !important;
}

.justify-around {
  justify-content: space-around !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
  order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
  order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
  order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
  order: 3 !important;
}

@media (min-width: 414px) {
  .flex-shrink\@xsm {
    flex-shrink: 1 !important;
  }

  .flex-no-shrink\@xsm {
    flex-shrink: 0 !important;
  }

  .flex-no-wrap\@xsm {
    flex-wrap: nowrap !important;
  }

  .flex-wrap\@xsm {
    flex-wrap: wrap !important;
  }

  .flex-wrap-reverse\@xsm {
    flex-wrap: wrap-reverse !important;
  }

  .items-start\@xsm {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }

  .items-center\@xsm {
    -webkit-box-align: center !important;
    align-items: center !important;
  }

  .items-end\@xsm {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }

  .items-baseline\@xsm {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }

  .self-baseline\@xsm {
    align-self: baseline !important;
  }

  .justify-start\@xsm {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-center\@xsm {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }

  .justify-end\@xsm {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }

  .content-between\@xsm {
    align-content: space-between !important;
  }

  .justify-between\@xsm {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-around\@xsm {
    justify-content: space-around !important;
  }
}

@media (min-width: 768px) {
  .flex-shrink\@sm {
    flex-shrink: 1 !important;
  }

  .flex-no-shrink\@sm {
    flex-shrink: 0 !important;
  }

  .flex-no-wrap\@sm {
    flex-wrap: nowrap !important;
  }

  .flex-wrap\@sm {
    flex-wrap: wrap !important;
  }

  .flex-wrap-reverse\@sm {
    flex-wrap: wrap-reverse !important;
  }

  .flex-row\@sm {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }

  .items-start\@sm {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }

  .items-center\@sm {
    -webkit-box-align: center !important;
    align-items: center !important;
  }

  .items-end\@sm {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }

  .items-baseline\@sm {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }

  .self-baseline\@sm {
    align-self: baseline !important;
  }

  .justify-start\@sm {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-center\@sm {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }

  .justify-end\@sm {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }

  .content-between\@sm {
    align-content: space-between !important;
  }

  .justify-between\@sm {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-around\@sm {
    justify-content: space-around !important;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .flex-shrink\@md {
    flex-shrink: 1 !important;
  }

  .flex-no-shrink\@md {
    flex-shrink: 0 !important;
  }

  .flex-no-wrap\@md {
    flex-wrap: nowrap !important;
  }

  .flex-wrap\@md {
    flex-wrap: wrap !important;
  }

  .flex-wrap-reverse\@md {
    flex-wrap: wrap-reverse !important;
  }

  .flex-row\@md {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }

  .items-start\@md {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }

  .items-center\@md {
    -webkit-box-align: center !important;
    align-items: center !important;
  }

  .items-end\@md {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }

  .items-baseline\@md {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }

  .self-baseline\@md {
    align-self: baseline !important;
  }

  .justify-start\@md {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-center\@md {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }

  .justify-end\@md {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }

  .content-between\@md {
    align-content: space-between !important;
  }

  .justify-between\@md {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-around\@md {
    justify-content: space-around !important;
  }

  .order-0\@md {
    -webkit-box-ordinal-group: 1 !important;
    order: 0 !important;
  }

  .order-1\@md {
    -webkit-box-ordinal-group: 2 !important;
    order: 1 !important;
  }

  .order-3\@md {
    -webkit-box-ordinal-group: 4 !important;
    order: 3 !important;
  }
}

@media (min-width: 1366px) {
  .flex-shrink\@lg {
    flex-shrink: 1 !important;
  }

  .flex-no-shrink\@lg {
    flex-shrink: 0 !important;
  }

  .flex-no-wrap\@lg {
    flex-wrap: nowrap !important;
  }

  .flex-wrap\@lg {
    flex-wrap: wrap !important;
  }

  .flex-wrap-reverse\@lg {
    flex-wrap: wrap-reverse !important;
  }

  .items-start\@lg {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }

  .items-center\@lg {
    -webkit-box-align: center !important;
    align-items: center !important;
  }

  .items-end\@lg {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }

  .items-baseline\@lg {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }

  .self-baseline\@lg {
    align-self: baseline !important;
  }

  .justify-start\@lg {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-center\@lg {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }

  .justify-end\@lg {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }

  .content-between\@lg {
    align-content: space-between !important;
  }

  .justify-between\@lg {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-around\@lg {
    justify-content: space-around !important;
  }
}

@media (min-width: 1560px) {
  .flex-shrink\@1560 {
    flex-shrink: 1 !important;
  }

  .flex-no-shrink\@1560 {
    flex-shrink: 0 !important;
  }

  .flex-no-wrap\@1560 {
    flex-wrap: nowrap !important;
  }

  .flex-wrap\@1560 {
    flex-wrap: wrap !important;
  }

  .flex-wrap-reverse\@1560 {
    flex-wrap: wrap-reverse !important;
  }

  .items-start\@1560 {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }

  .items-center\@1560 {
    -webkit-box-align: center !important;
    align-items: center !important;
  }

  .items-end\@1560 {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }

  .items-baseline\@1560 {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }

  .self-baseline\@1560 {
    align-self: baseline !important;
  }

  .justify-start\@1560 {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-center\@1560 {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }

  .justify-end\@1560 {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }

  .content-between\@1560 {
    align-content: space-between !important;
  }

  .justify-between\@1560 {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-around\@1560 {
    justify-content: space-around !important;
  }
}

@media (min-width: 1921px) {
  .flex-shrink\@xlg {
    flex-shrink: 1 !important;
  }

  .flex-no-shrink\@xlg {
    flex-shrink: 0 !important;
  }

  .flex-no-wrap\@xlg {
    flex-wrap: nowrap !important;
  }

  .flex-wrap\@xlg {
    flex-wrap: wrap !important;
  }

  .flex-wrap-reverse\@xlg {
    flex-wrap: wrap-reverse !important;
  }

  .items-start\@xlg {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }

  .items-center\@xlg {
    -webkit-box-align: center !important;
    align-items: center !important;
  }

  .items-end\@xlg {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }

  .items-baseline\@xlg {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }

  .self-baseline\@xlg {
    align-self: baseline !important;
  }

  .justify-start\@xlg {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-center\@xlg {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }

  .justify-end\@xlg {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }

  .content-between\@xlg {
    align-content: space-between !important;
  }

  .justify-between\@xlg {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-around\@xlg {
    justify-content: space-around !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .flex-shrink\@touch {
    flex-shrink: 1 !important;
  }

  .flex-no-shrink\@touch {
    flex-shrink: 0 !important;
  }

  .flex-no-wrap\@touch {
    flex-wrap: nowrap !important;
  }

  .flex-wrap\@touch {
    flex-wrap: wrap !important;
  }

  .flex-wrap-reverse\@touch {
    flex-wrap: wrap-reverse !important;
  }

  .items-start\@touch {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }

  .items-center\@touch {
    -webkit-box-align: center !important;
    align-items: center !important;
  }

  .items-end\@touch {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }

  .items-baseline\@touch {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }

  .self-baseline\@touch {
    align-self: baseline !important;
  }

  .justify-start\@touch {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-center\@touch {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }

  .justify-end\@touch {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }

  .content-between\@touch {
    align-content: space-between !important;
  }

  .justify-between\@touch {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-around\@touch {
    justify-content: space-around !important;
  }
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

@media (min-width: 414px) {
  .pointer-events-none\@xsm {
    pointer-events: none;
  }

  .pointer-events-auto\@xsm {
    pointer-events: auto;
  }
}

@media (min-width: 768px) {
  .pointer-events-none\@sm {
    pointer-events: none;
  }

  .pointer-events-auto\@sm {
    pointer-events: auto;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .pointer-events-none\@md {
    pointer-events: none;
  }

  .pointer-events-auto\@md {
    pointer-events: auto;
  }
}

@media (min-width: 1366px) {
  .pointer-events-none\@lg {
    pointer-events: none;
  }

  .pointer-events-auto\@lg {
    pointer-events: auto;
  }
}

@media (min-width: 1560px) {
  .pointer-events-none\@1560 {
    pointer-events: none;
  }

  .pointer-events-auto\@1560 {
    pointer-events: auto;
  }
}

@media (min-width: 1921px) {
  .pointer-events-none\@xlg {
    pointer-events: none;
  }

  .pointer-events-auto\@xlg {
    pointer-events: auto;
  }
}

@media (hover: none) and (pointer: coarse) {
  .pointer-events-none\@touch {
    pointer-events: none;
  }

  .pointer-events-auto\@touch {
    pointer-events: auto;
  }
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.static {
  position: static;
}

.top {
  top: 0;
}

.right {
  right: 0;
}

.bottom {
  bottom: 0;
}

.fill,
.left {
  left: 0;
}

.fill {
  bottom: 0;
  right: 0;
  top: 50px;
}

.center-xy {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-width: 414px) {
  .relative\@xsm {
    position: relative;
  }

  .absolute\@xsm {
    position: absolute;
  }

  .fixed\@xsm {
    position: fixed;
  }

  .sticky\@xsm {
    position: -webkit-sticky;
    position: sticky;
  }

  .static\@xsm {
    position: static;
  }

  .top\@xsm {
    top: 0;
  }

  .right\@xsm {
    right: 0;
  }

  .bottom\@xsm {
    bottom: 0;
  }

  .fill\@xsm {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}

@media (min-width: 768px) {
  .relative\@sm {
    position: relative;
  }

  .absolute\@sm {
    position: absolute;
  }

  .fixed\@sm {
    position: fixed;
  }

  .sticky\@sm {
    position: -webkit-sticky;
    position: sticky;
  }

  .static\@sm {
    position: static;
  }

  .top\@sm {
    top: 0;
  }

  .right\@sm {
    right: 0;
  }

  .bottom\@sm {
    bottom: 0;
  }

  .fill\@sm {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .relative\@md {
    position: relative;
  }

  .absolute\@md {
    position: absolute;
  }

  .fixed\@md {
    position: fixed;
  }

  .sticky\@md {
    position: -webkit-sticky;
    position: sticky;
  }

  .static\@md {
    position: static;
  }

  .top\@md {
    top: 0;
  }

  .right\@md {
    right: 0;
  }

  .bottom\@md {
    bottom: 0;
  }

  .fill\@md {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}

@media (min-width: 1366px) {
  .relative\@lg {
    position: relative;
  }

  .absolute\@lg {
    position: absolute;
  }

  .fixed\@lg {
    position: fixed;
  }

  .sticky\@lg {
    position: -webkit-sticky;
    position: sticky;
  }

  .static\@lg {
    position: static;
  }

  .top\@lg {
    top: 0;
  }

  .right\@lg {
    right: 0;
  }

  .bottom\@lg {
    bottom: 0;
  }

  .fill\@lg {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}

@media (min-width: 1560px) {
  .relative\@1560 {
    position: relative;
  }

  .absolute\@1560 {
    position: absolute;
  }

  .fixed\@1560 {
    position: fixed;
  }

  .sticky\@1560 {
    position: -webkit-sticky;
    position: sticky;
  }

  .static\@1560 {
    position: static;
  }

  .top\@1560 {
    top: 0;
  }

  .right\@1560 {
    right: 0;
  }

  .bottom\@1560 {
    bottom: 0;
  }

  .fill\@1560 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}

@media (min-width: 1921px) {
  .relative\@xlg {
    position: relative;
  }

  .absolute\@xlg {
    position: absolute;
  }

  .fixed\@xlg {
    position: fixed;
  }

  .sticky\@xlg {
    position: -webkit-sticky;
    position: sticky;
  }

  .static\@xlg {
    position: static;
  }

  .top\@xlg {
    top: 0;
  }

  .right\@xlg {
    right: 0;
  }

  .bottom\@xlg {
    bottom: 0;
  }

  .fill\@xlg {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}

@media (hover: none) and (pointer: coarse) {
  .relative\@touch {
    position: relative;
  }

  .absolute\@touch {
    position: absolute;
  }

  .fixed\@touch {
    position: fixed;
  }

  .sticky\@touch {
    position: -webkit-sticky;
    position: sticky;
  }

  .static\@touch {
    position: static;
  }

  .top\@touch {
    top: 0;
  }

  .right\@touch {
    right: 0;
  }

  .bottom\@touch {
    bottom: 0;
  }

  .fill\@touch {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}

.fill-current {
  fill: currentColor !important;
}

.fill-black {
  fill: #000 !important;
}

.stroke-black {
  stroke: #000 !important;
}

.fill-white {
  fill: #fffffc !important;
}

.stroke-white {
  stroke: #fffffc !important;
}

@media (min-width: 414px) {
  .fill-current\@xsm {
    fill: currentColor !important;
  }

  .fill-black\@xsm {
    fill: #000 !important;
  }

  .stroke-black\@xsm {
    stroke: #000 !important;
  }

  .fill-white\@xsm {
    fill: #fffffc !important;
  }

  .stroke-white\@xsm {
    stroke: #fffffc !important;
  }
}

@media (min-width: 768px) {
  .fill-current\@sm {
    fill: currentColor !important;
  }

  .fill-black\@sm {
    fill: #000 !important;
  }

  .stroke-black\@sm {
    stroke: #000 !important;
  }

  .fill-white\@sm {
    fill: #fffffc !important;
  }

  .stroke-white\@sm {
    stroke: #fffffc !important;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .fill-current\@md {
    fill: currentColor !important;
  }

  .fill-black\@md {
    fill: #000 !important;
  }

  .stroke-black\@md {
    stroke: #000 !important;
  }

  .fill-white\@md {
    fill: #fffffc !important;
  }

  .stroke-white\@md {
    stroke: #fffffc !important;
  }
}

@media (min-width: 1366px) {
  .fill-current\@lg {
    fill: currentColor !important;
  }

  .fill-black\@lg {
    fill: #000 !important;
  }

  .stroke-black\@lg {
    stroke: #000 !important;
  }

  .fill-white\@lg {
    fill: #fffffc !important;
  }

  .stroke-white\@lg {
    stroke: #fffffc !important;
  }
}

@media (min-width: 1560px) {
  .fill-current\@1560 {
    fill: currentColor !important;
  }

  .fill-black\@1560 {
    fill: #000 !important;
  }

  .stroke-black\@1560 {
    stroke: #000 !important;
  }

  .fill-white\@1560 {
    fill: #fffffc !important;
  }

  .stroke-white\@1560 {
    stroke: #fffffc !important;
  }
}

@media (min-width: 1921px) {
  .fill-current\@xlg {
    fill: currentColor !important;
  }

  .fill-black\@xlg {
    fill: #000 !important;
  }

  .stroke-black\@xlg {
    stroke: #000 !important;
  }

  .fill-white\@xlg {
    fill: #fffffc !important;
  }

  .stroke-white\@xlg {
    stroke: #fffffc !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .fill-current\@touch {
    fill: currentColor !important;
  }

  .fill-black\@touch {
    fill: #000 !important;
  }

  .stroke-black\@touch {
    stroke: #000 !important;
  }

  .fill-white\@touch {
    fill: #fffffc !important;
  }

  .stroke-white\@touch {
    stroke: #fffffc !important;
  }
}

.bg-black {
  background-color: #000 !important;
}

.t-black {
  color: #000 !important;
}

.bg-white {
  background-color: #fffffc !important;
}

.t-white {
  color: #fffffc !important;
}

@media (min-width: 414px) {
  .bg-black\@xsm {
    background-color: #000 !important;
  }

  .t-black\@xsm {
    color: #000 !important;
  }

  .bg-white\@xsm {
    background-color: #fffffc !important;
  }

  .t-white\@xsm {
    color: #fffffc !important;
  }
}

@media (min-width: 768px) {
  .bg-black\@sm {
    background-color: #000 !important;
  }

  .t-black\@sm {
    color: #000 !important;
  }

  .bg-white\@sm {
    background-color: #fffffc !important;
  }

  .t-white\@sm {
    color: #fffffc !important;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .bg-black\@md {
    background-color: #000 !important;
  }

  .t-black\@md {
    color: #000 !important;
  }

  .bg-white\@md {
    background-color: #fffffc !important;
  }

  .t-white\@md {
    color: #fffffc !important;
  }
}

@media (min-width: 1366px) {
  .bg-black\@lg {
    background-color: #000 !important;
  }

  .t-black\@lg {
    color: #000 !important;
  }

  .bg-white\@lg {
    background-color: #fffffc !important;
  }

  .t-white\@lg {
    color: #fffffc !important;
  }
}

@media (min-width: 1560px) {
  .bg-black\@1560 {
    background-color: #000 !important;
  }

  .t-black\@1560 {
    color: #000 !important;
  }

  .bg-white\@1560 {
    background-color: #fffffc !important;
  }

  .t-white\@1560 {
    color: #fffffc !important;
  }
}

@media (min-width: 1921px) {
  .bg-black\@xlg {
    background-color: #000 !important;
  }

  .t-black\@xlg {
    color: #000 !important;
  }

  .bg-white\@xlg {
    background-color: #fffffc !important;
  }

  .t-white\@xlg {
    color: #fffffc !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .bg-black\@touch {
    background-color: #000 !important;
  }

  .t-black\@touch {
    color: #000 !important;
  }

  .bg-white\@touch {
    background-color: #fffffc !important;
  }

  .t-white\@touch {
    color: #fffffc !important;
  }
}

.t-uppercase {
  text-transform: uppercase !important;
}

.t-capitalize {
  text-transform: capitalize !important;
}

.t-nowrap {
  white-space: nowrap !important;
}

.t-no-underline {
  text-decoration: none !important;
}

.t-italic {
  font-style: italic;
}

.t-serif {
  font-family: Georgia, Cambria, Times New Roman, Times, serif !important;
}

.t-left {
  text-align: left !important;
}

.t-center {
  text-align: center !important;
}

.t-right {
  text-align: right !important;
}

.t-12 {
  font-size: 0.6rem !important;
}

.t-14 {
  font-size: 0.7rem !important;
}

.t-16 {
  font-size: 0.8rem !important;
}

.t-base {
  font-size: 1rem !important;
}

.t-24 {
  font-size: 1.2rem !important;
}

.t-30 {
  font-size: 1.5rem !important;
}

.t-40 {
  font-size: 2rem !important;
}

.t-60 {
  font-size: 3rem !important;
}

.t-70 {
  font-size: 3.5rem !important;
}

.t-130 {
  font-size: 6.5rem !important;
}

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

.t-450 {
  font-weight: 450 !important;
}

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

.t-ls-1 {
  letter-spacing: -0.01em !important;
}

.t-ls-3 {
  letter-spacing: -0.03em !important;
}

.t-ls-5 {
  letter-spacing: -0.05em !important;
}

.t-ls-7 {
  letter-spacing: -0.07em !important;
}

.t-lh-0\.8 {
  line-height: 0.8 !important;
}

.t-lh-1 {
  line-height: 1 !important;
}

.t-lh-1\.1 {
  line-height: 1.1 !important;
}

.t-lh-1\.3 {
  line-height: 1.3 !important;
}

@media (min-width: 414px) {
  .t-right\@xsm {
    text-align: right !important;
  }

  .t-base\@xsm {
    font-size: 1rem !important;
  }
}

@media (min-width: 768px) {
  .t-right\@sm {
    text-align: right !important;
  }

  .t-16\@sm {
    font-size: 0.8rem !important;
  }

  .t-base\@sm {
    font-size: 1rem !important;
  }

  .t-20\@sm {
    font-size: 1.25rem !important;
  }

  .t-30\@sm {
    font-size: 1.5rem !important;
  }

  .t-40\@sm {
    font-size: 2rem !important;
  }

  .t-60\@sm {
    font-size: 3rem !important;
  }

  .t-70\@sm {
    font-size: 3.5rem !important;
  }

  .t-95\@sm {
    font-size: 4.75rem !important;
  }

  .t-130\@sm {
    font-size: 6.5rem !important;
  }

  .t-240\@sm {
    font-size: 12rem !important;
  }

  .t-ls-3\@sm {
    letter-spacing: -0.03em !important;
  }

  .t-ls-7\@sm {
    letter-spacing: -0.07em !important;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .t-left\@md {
    text-align: left !important;
  }

  .t-right\@md {
    text-align: right !important;
  }

  .t-16\@md {
    font-size: 0.8rem !important;
  }

  .t-base\@md {
    font-size: 1rem !important;
  }

  .t-24\@md {
    font-size: 1.2rem !important;
  }

  .t-30\@md {
    font-size: 1.5rem !important;
  }

  .t-38\@md {
    font-size: 1.9rem !important;
  }

  .t-40\@md {
    font-size: 2rem !important;
  }

  .t-60\@md {
    font-size: 3rem !important;
  }

  .t-95\@md {
    font-size: 4.75rem !important;
  }

  .t-100\@md {
    font-size: 4.5rem !important;
  }

  .t-110\@md {
    font-size: 5.5rem !important;
  }

  .t-130\@md {
    font-size: 6.5rem !important;
  }

  .t-700\@md {
    font-weight: 700 !important;
  }

  .t-ls-1\@md {
    letter-spacing: -0.01em !important;
  }

  .t-ls-3\@md {
    letter-spacing: -0.03em !important;
  }

  .t-ls-5\@md {
    letter-spacing: -0.05em !important;
  }

  .t-ls-7\@md {
    letter-spacing: -0.07em !important;
  }
}

@media (min-width: 1366px) {
  .t-right\@lg {
    text-align: right !important;
  }

  .t-base\@lg {
    font-size: 1rem !important;
  }

  .t-40\@lg {
    font-size: 2rem !important;
  }
}

@media (min-width: 1560px) {
  .t-right\@1560 {
    text-align: right !important;
  }

  .t-base\@1560 {
    font-size: 1rem !important;
  }

  .t-60\@1560 {
    font-size: 3rem !important;
  }

  .t-130\@1560 {
    font-size: 6.5rem !important;
  }

  .t-160\@1560 {
    font-size: 8rem !important;
  }
}

@media (min-width: 1921px) {
  .t-right\@xlg {
    text-align: right !important;
  }

  .t-base\@xlg {
    font-size: 1rem !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .t-right\@touch {
    text-align: right !important;
  }

  .t-base\@touch {
    font-size: 1rem !important;
  }
}

.trim-vertical> :first-child {
  margin-top: 0 !important;
}

.trim-vertical> :last-child {
  margin-bottom: 0 !important;
}

.trim-horizontal> :first-child {
  margin-left: 0 !important;
}

.trim-horizontal> :last-child {
  margin-right: 0 !important;
}

.offset-2\/24 {
  margin-left: 8.3333333333% !important;
}

@media (min-width: 768px) {
  .offset-0\@sm {
    margin-left: 0 !important;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .offset-0\@md {
    margin-left: 0 !important;
  }

  .offset-1\/3\@md {
    margin-left: 33.3333333333% !important;
  }

  .offset-1\/4\@md {
    margin-left: 25% !important;
  }

  .offset-10\/24\@md {
    margin-left: 41.6666666667% !important;
  }

  .offset-3\/24\@md {
    margin-left: 12.5% !important;
  }

  .offset-2\/24\@md {
    margin-left: 8.3333333333% !important;
  }

  .offset-1\/24\@md {
    margin-left: 4.1666666667% !important;
  }
}

@media (min-width: 1560px) {
  .offset-11\/24\@1560 {
    margin-left: 45.8333333333% !important;
  }
}

.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 1;
}

@media (min-width: 414px) {
  .opacity-0\@xsm {
    opacity: 0;
  }

  .opacity-1\@xsm {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .opacity-0\@sm {
    opacity: 0;
  }

  .opacity-1\@sm {
    opacity: 1;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .opacity-0\@md {
    opacity: 0;
  }

  .opacity-1\@md {
    opacity: 1;
  }
}

@media (min-width: 1366px) {
  .opacity-0\@lg {
    opacity: 0;
  }

  .opacity-1\@lg {
    opacity: 1;
  }
}

@media (min-width: 1560px) {
  .opacity-0\@1560 {
    opacity: 0;
  }

  .opacity-1\@1560 {
    opacity: 1;
  }
}

@media (min-width: 1921px) {
  .opacity-0\@xlg {
    opacity: 0;
  }

  .opacity-1\@xlg {
    opacity: 1;
  }
}

@media (hover: none) and (pointer: coarse) {
  .opacity-0\@touch {
    opacity: 0;
  }

  .opacity-1\@touch {
    opacity: 1;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-visible {
  overflow-y: visible;
}

@media (min-width: 414px) {
  .overflow-hidden\@xsm {
    overflow: hidden;
  }

  .overflow-visible\@xsm {
    overflow: visible;
  }

  .overflow-x-hidden\@xsm {
    overflow-x: hidden;
  }

  .overflow-x-visible\@xsm {
    overflow-x: visible;
  }

  .overflow-y-hidden\@xsm {
    overflow-y: hidden;
  }

  .overflow-y-visible\@xsm {
    overflow-y: visible;
  }
}

@media (min-width: 768px) {
  .overflow-hidden\@sm {
    overflow: hidden;
  }

  .overflow-visible\@sm {
    overflow: visible;
  }

  .overflow-x-hidden\@sm {
    overflow-x: hidden;
  }

  .overflow-x-visible\@sm {
    overflow-x: visible;
  }

  .overflow-y-hidden\@sm {
    overflow-y: hidden;
  }

  .overflow-y-visible\@sm {
    overflow-y: visible;
  }
}

@media (min-width: 1024px) and (hover: hover) {
  .overflow-hidden\@md {
    overflow: hidden;
  }

  .overflow-visible\@md {
    overflow: visible;
  }

  .overflow-x-hidden\@md {
    overflow-x: hidden;
  }

  .overflow-x-visible\@md {
    overflow-x: visible;
  }

  .overflow-y-hidden\@md {
    overflow-y: hidden;
  }

  .overflow-y-visible\@md {
    overflow-y: visible;
  }
}

@media (min-width: 1366px) {
  .overflow-hidden\@lg {
    overflow: hidden;
  }

  .overflow-visible\@lg {
    overflow: visible;
  }

  .overflow-x-hidden\@lg {
    overflow-x: hidden;
  }

  .overflow-x-visible\@lg {
    overflow-x: visible;
  }

  .overflow-y-hidden\@lg {
    overflow-y: hidden;
  }

  .overflow-y-visible\@lg {
    overflow-y: visible;
  }
}

@media (min-width: 1560px) {
  .overflow-hidden\@1560 {
    overflow: hidden;
  }

  .overflow-visible\@1560 {
    overflow: visible;
  }

  .overflow-x-hidden\@1560 {
    overflow-x: hidden;
  }

  .overflow-x-visible\@1560 {
    overflow-x: visible;
  }

  .overflow-y-hidden\@1560 {
    overflow-y: hidden;
  }

  .overflow-y-visible\@1560 {
    overflow-y: visible;
  }
}

@media (min-width: 1921px) {
  .overflow-hidden\@xlg {
    overflow: hidden;
  }

  .overflow-visible\@xlg {
    overflow: visible;
  }

  .overflow-x-hidden\@xlg {
    overflow-x: hidden;
  }

  .overflow-x-visible\@xlg {
    overflow-x: visible;
  }

  .overflow-y-hidden\@xlg {
    overflow-y: hidden;
  }

  .overflow-y-visible\@xlg {
    overflow-y: visible;
  }
}

@media (hover: none) and (pointer: coarse) {
  .overflow-hidden\@touch {
    overflow: hidden;
  }

  .overflow-visible\@touch {
    overflow: visible;
  }

  .overflow-x-hidden\@touch {
    overflow-x: hidden;
  }

  .overflow-x-visible\@touch {
    overflow-x: visible;
  }

  .overflow-y-hidden\@touch {
    overflow-y: hidden;
  }

  .overflow-y-visible\@touch {
    overflow-y: visible;
  }
}

.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.z-negative {
  z-index: -1;
}

.z-1 {
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.highlight {
  color: #ea5603;
}

.logo-text {
  font-weight: bold;
  color: black;
  /* default text color */
}

.logo-text .first,
.logo-text .last {
  color: #ea5603;
  /* highlight color */
}

.contact-form-container {
  width: 90%;
  margin: 50px auto;
  padding: 30px;
}

.contact-form-container h1 {
  text-align: center;
}

.contact-form-container p {
  text-align: center;
  color: #555;
  margin-bottom: 25px;
}

/* Form rows for two-column layout */
.contact-form-container .form-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* Half-width fields */
.contact-form-container .form-group.half {
  flex: 1 1 48%;
}

/* Full-width fields (default) */
.contact-form-container .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.contact-form-container label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #333;
}


.contact-form-container input,
.contact-form-container textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  font-size: 14px;
  transition: border 0.3s;
}

.contact-form-container input:focus,
.contact-form-container textarea:focus {
  border-color: #ea5603;
  outline: none;
}

.contact-form-container .btn-submit {
  padding: 12px;
  background: #ea5603;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: auto;
  width: auto;

}

.contact-form-container .btn-submit:hover {
  background-color: #d94e00;
}

/* Responsive adjustments for small screens */
@media (max-width: 768px) {
  .contact-form-container {
    width: 100%;
    margin: 30px auto;
    padding: 0;
  }

  .contact-form .form-row {
    flex-direction: column;
    gap: 0;
  }

  .contact-form .form-group.half {
    flex: 1 1 100%;
  }
}

.location {
  background-color: black;
  /* margin-left: 10px; */
}

.location-text {
  color: white;
  font-size: 28px;
  margin-bottom: 20px;
}

.location-text-header {
  font-size: 8rem;
  font-weight: 400;
  color: white;
}

.contact-us-btn {
  padding: 12px;
  background: #ea5603;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.loader {
  animation: rotate 1s infinite;
  height: 50px;
  width: 50px;
}

.loader:before,
.loader:after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}

.loader:before {
  animation: box1 1s infinite;
  background-color: #333;
  box-shadow: 30px 0 0 #ff3d00;
  margin-bottom: 10px;
}

.loader:after {
  animation: box2 1s infinite;
  background-color: #ff3d00;
  box-shadow: 30px 0 0 #333;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(0.8);
  }

  50% {
    transform: rotate(360deg) scale(1.2);
  }

  100% {
    transform: rotate(720deg) scale(0.8);
  }
}

@keyframes box1 {
  0% {
    box-shadow: 30px 0 0 #ff3d00;
  }

  50% {
    box-shadow: 0 0 0 #ff3d00;
    margin-bottom: 0;
    transform: translate(15px, 15px);
  }

  100% {
    box-shadow: 30px 0 0 #ff3d00;
    margin-bottom: 10px;
  }
}

@keyframes box2 {
  0% {
    box-shadow: 30px 0 0 #333;
  }

  50% {
    box-shadow: 0 0 0 #333;
    margin-top: -20px;
    transform: translate(15px, 15px);
  }

  100% {
    box-shadow: 30px 0 0 #333;
    margin-top: 0;
  }
}

.get-qut-smaple {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.get-qut-smaple h4 {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #d94e00;
}

/* Popup base */
.popup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
}

.popup-content {
  background: white;
  padding: 20px;
  width: 90%;
  max-width: 400px;
  border-radius: 8px;
  position: relative;
}

.popup-content form {
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
}

.popup-content label {
  text-align: left;
}

.popup-content input,
.popup-content textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.popup-content button {
  background: #d94e00;
  color: white;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 22px;
  color: #333;
}

.logo-axoli {
  /* width: 200px; */
  height: 50px;
  display: flex;
}

.arrow-img {
  width: 50%;
  height: 50%;
}

.form-checkbox__box img {
  height: 100%;
  width: 100%;
}

.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  pointer-events: all;
}

.popup-content {
  background: white;
  padding: 30px;
  border-radius: 12px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  position: relative;
  z-index: 10000;
}

/* Close button */
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  cursor: pointer;
}

input {
  width: 100%;
  padding: 8px;
  margin: 8px 0;
  border: 1px solid #ccc;
  border-radius: 6px;
}

button {
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 6px;
  cursor: pointer;
  /* width: 100%; */
  margin-top: 5px;
}

.switch-text {
  margin-top: 12px;
  font-size: 14px;
}

.switch-text a {
  color: #d94e00;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}

.switch-text a:hover {
  text-decoration: underline;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.isHiddenbyDaksh {
  opacity: 0 !important;
  display: none !important;
}

.isDakshPadding {
  padding-top: 0rem !important;
}

/* =========================
   PRODUCT PAGE OVERRIDES
   ========================= */

.no-asscroll [asscroll-container],
.no-asscroll [asscroll] {
  position: relative !important;
  transform: none !important;
  height: auto !important;
  overflow: visible !important;
}

.no-taxi [data-taxi],
.no-taxi [data-taxi-view] {
  position: relative !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fix hidden images caused by GSAP clip animations */
.product-image-inner,
.product-image-inner img {
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  clip-path: none !important;
  transform: none !important;
}

.documents-grid .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

/* GRID REFINEMENT */
.documents-grid .grid {
  row-gap: 2rem;
}

/* CARD */
.document-embed {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.document-embed:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

/* TITLE */
.document-embed h4 {
  min-height: 44px;
  margin-bottom: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
}

/* PDF / THUMBNAIL WRAPPER */
.pdf-wrapper,
.thumbnail-wrapper {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
  background: #f5f5f5;
  margin-bottom: 0.75rem;
}

/* PDF */
.pdf-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
  pointer-events: none;
  /* disable interaction */
}

/* Overlay safety */
.pdf-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* THUMBNAIL */
.thumbnail-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* DOWNLOAD LINK */
.document-embed a {
  margin-top: auto;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
  width: fit-content;
}

.document-embed a:hover {
  opacity: 0.6;
}

/* RESPONSIVE HEIGHT TWEAK */
@media (max-width: 1024px) {

  .pdf-wrapper,
  .thumbnail-wrapper {
    height: 260px;
  }
}

@media (max-width: 640px) {

  .pdf-wrapper,
  .thumbnail-wrapper {
    height: 220px;
  }
}

/* FORM ALERTS */
.form-alert {
  padding: 12px 16px;
  margin-bottom: 1rem;
  font-size: 14px;
}

.form-alert.success {
  background: #e9f8ee;
  color: #0f5132;
}

.form-alert.error {
  background: #fdecea;
  color: #842029;
}

/* form alert fade away */
.form-alert.fade-out {
  animation: fadeOut 1s forwards;
}

@keyframes fadeOut {
  to {
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
  }
}


.log-sign-p {
  margin-top: 10px;
}

html.overflow-hidden,
body.overflow-hidden {
  overflow: hidden !important;
  height: 100% !important;
}

/* --- New About Page Styles --- */

[data-page="new-about"] .main-container {
  font-family: "Segoe UI", Tahoma, sans-serif;
  color: #1c1c1c;
  background: #fff;
  /* max-width: 1920px; */
  margin: 0 auto;
  padding: 30px;
  background: url("/images/sqaurebg.png") center/cover no-repeat;

}

[data-page="new-about"] img {
  max-width: 100%;
  display: block;
}

[data-page="new-about"] h1,
[data-page="new-about"] h2,
[data-page="new-about"] h3,
[data-page="new-about"] h4,
[data-page="new-about"] h5,
[data-page="new-about"] p {
  margin: 0;
  padding: 0;
}

[data-page="new-about"] .hero-section {
  position: relative;
  height: 80vh;
  min-height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-page="new-about"] .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

[data-page="new-about"] .hero-content {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
}

[data-page="new-about"] .hero-title {
  max-width: 1280px;
  color: #FFFFFF;
  font-size: 80px;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0px;
}

[data-page="new-about"] .hero-title .hero-bold {
  font-weight: 700;
}

[data-page="new-about"] .hero-title .hero-light {
  font-weight: 300;
  font-style: italic;
}

[data-page="new-about"] .info-section {
  padding-top: 80px;
  padding-bottom: 180px;
}

[data-page="new-about"] .info-container {
  /* max-width: 1200px; */
  margin: 0 auto;
  text-align: center;
}

[data-page="new-about"] .info-text {
  font-family: "Circular Std", sans-serif;
  font-size: 42px;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 500;
}

[data-page="new-about"] .info-dark {
  font-weight: 500;
  color: #1C1917;
}

[data-page="new-about"] .info-light {
  font-weight: 500;
  color: #1C1917;
}

[data-page="new-about"] .stats-container {
  margin: 0 auto;
}

[data-page="new-about"] .stats-images {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 40px;
  margin-bottom: 60px;
  margin-top: 60px;
}

[data-page="new-about"] .stats-img {
  position: relative;
  overflow: hidden;
}

[data-page="new-about"] .stats-img img {
  width: 100%;
  display: block;
}

/* Different heights like design */
[data-page="new-about"] .img-left {
  max-width: 580px;
  width: 100%;
}

[data-page="new-about"] .img-center {
  max-width: 580px;
  width: 100%;
  transform: translateY(-150px);
}

[data-page="new-about"] .img-right {
  max-width: 580px;
  width: 100%;
  transform: translateY(-80px);
}

/* WHITE GRADIENT OVERLAY */
[data-page="new-about"] .stats-img::before {
  content: "";
  position: absolute;
  inset: 0;
  /* background: linear-gradient(180deg,
      #FFFFFF 0%,
      rgba(255, 255, 255, 0) 48.36%); */
  background: linear-gradient(180deg,
      #FFFFFF 0%,
      rgba(255, 255, 255, 0) 30%);
  z-index: 1;
}

/* 
[data-page="new-about"] .stats-img.img-center img {
  height: 500px;
  margin-top: -50px;
} */

[data-page="new-about"] .stats-box {
  display: grid;
  justify-content: space-between;
  background: #F9F9F9;
  padding: 40px 30px;
  gap: 20px;
  /* flex-wrap: wrap; */
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* [data-page="new-about"] .stats-item {
  max-width: 250px;
} */

[data-page="new-about"] .stats-item h3 {
  color: #EA5603;
  font-size: 60px;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 10px;
}

[data-page="new-about"] .stats-item h4 {
  color: #1C1917;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 5px;
}

[data-page="new-about"] .stats-item p {
  color: #1C1917;
  font-size: 16px;
  font-weight: 400;
}

[data-page="new-about"] .work-section {
  background: #1C1917;
  padding: 100px 20px;
}

[data-page="new-about"] .work-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

[data-page="new-about"] .work-image {
  flex: 1;
}


[data-page="new-about"] .work-image img {
  width: 100%;
  display: block;
}

[data-page="new-about"] .work-content {
  flex: 1;
  color: #ffffff;
}


[data-page="new-about"] .work-subtitle {
  color: #EA5603;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: 2px;
}

[data-page="new-about"] .work-maintitle {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: center;
  color: #EA5603;
}

[data-page="new-about"] .work-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 25px;
}

[data-page="new-about"] .work-title span {
  font-weight: 300;
  font-style: italic;
}


[data-page="new-about"] .work-content p {
  font-size: 18px;
  line-height: 1.7;
  color: #FFFFFF;
  margin-bottom: 15px;
}

[data-page="new-about"] .mv-section {
  padding: 100px 20px;
  background: url("/images/Rectangle 46.png") center/cover no-repeat;
  position: relative;
  overflow: hidden;
}

[data-page="new-about"] .mv-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(234, 86, 3, 0.06) 100%);
  z-index: 1;
}

[data-page="new-about"] .mv-container {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

[data-page="new-about"] .mv-item {
  flex: 1;
  max-width: 400px;
}

[data-page="new-about"] .mv-item-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

}

[data-page="new-about"] .mv-icon {
  width: 60px;
  height: 60px;
  border: 2px solid #EA5603;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #EA5603;
  font-size: 24px;
  margin-bottom: 20px;
  overflow: hidden;
}

[data-page="new-about"] .mv-icon img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}

[data-page="new-about"] .mv-item h3 {
  color: #1C1917;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
  font-style: italic;
}

[data-page="new-about"] .mv-item p {
  color: #1C1917;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}

[data-page="new-about"] .about-section {
  padding: 100px 20px;
  background: #ffffff;
  background: url("/images/ordinaryBG.png") center/cover no-repeat;
}

[data-page="new-about"] .about-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 40px;
}

[data-page="new-about"] .about-content {
  flex: 1;
  max-width: 600px;
}


[data-page="new-about"] .about-logo {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1C1917;
  text-align: right;
}

[data-page="new-about"] .logo-orange {
  color: #EA5603;
}

[data-page="new-about"] .about-highlight {
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(234, 86, 3, 0.2) 100%);
  /* display: inline-block; */
  padding: 10px 20px;
  margin-bottom: 25px;
}

[data-page="new-about"] .about-highlight h3 {
  font-size: 38px;
  font-weight: 700;
  color: #1C1917;
  text-align: right;
}

[data-page="new-about"] .about-highlight span {
  font-weight: 300;
  font-style: italic;
}

[data-page="new-about"] .about-content p {
  font-size: 20px;
  font-weight: 400;
  text-align: right;
  line-height: 1.7;
  color: #1C1917;
  margin-bottom: 15px;
}

[data-page="new-about"] .about-image {
  flex: 1;
}

[data-page="new-about"] .about-image img {
  width: 100%;
  max-height: 700px;
  display: block;
  object-fit: cover;
}

[data-page="new-about"] .approach-section {
  background: #1C1917;
  padding: 80px 30px;
  color: #ffffff;
}

[data-page="new-about"] .approach-container {
  margin: 0 auto;
}

[data-page="new-about"] .approach-header {
  text-align: center;
  margin-bottom: 30px;
}

[data-page="new-about"] .approach-header h5 {
  color: #EA5603;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 15px;
}

[data-page="new-about"] .approach-header h2 {
  font-size: 38px;
  font-weight: 700;
}

[data-page="new-about"] .approach-header span {
  font-weight: 300;
  font-style: italic;
}

[data-page="new-about"] .approach-content {
  display: flex;
  gap: 60px;
}

[data-page="new-about"] .approach-col {
  flex: 1;
}

[data-page="new-about"] .approach-col p {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.7;
  color: #FFFFFF;
  margin-bottom: 20px;
}


[data-page="new-about"] .btn-primary {
  background: #EA5603;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  font-size: 18px;
  max-width: 180px;
  border-radius: 0;
  cursor: pointer;
  transition: 0.3s;
}

[data-page="new-about"] .btn-primary:hover {
  background: #d94f02;
}



[data-page="new-about"] .awards-section {
  padding: 100px 20px 0px;
  background: url("/images/awardBG.png") center/cover no-repeat;
}

[data-page="new-about"] .awards-container {
  margin: 0 auto;
  text-align: center;
}


[data-page="new-about"] .awards-header h5 {
  color: #EA5603;
  font-size: 64px;
  font-weight: 700;
  margin-bottom: 20px;
}

[data-page="new-about"] .awards-header h2 {
  font-size: 42px;
  font-family: "Circular Std", sans-serif;
  font-weight: 500;
  color: #1C1917;
  line-height: 1.3;
  letter-spacing: 0;
}

[data-page="new-about"] .awards-header span {
  display: block;
  color: #1C191780;
}

[data-page="new-about"] .awards-grid {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-top: 60px;
  /* flex-wrap: wrap; */
}

[data-page="new-about"] .award-item {
  background: #ffffff;
  padding: 20px;
  transition: 0.3s;
}

[data-page="new-about"] .award-item img {
  width: 220px;
  display: block;
}

/* HOVER EFFECT (optional premium feel) */
[data-page="new-about"] .award-item:hover {
  transform: translateY(-10px);
}

@media (max-width: 768px) {

  [data-page="new-about"] .stats-images,

  [data-page="new-about"] .work-container,
  [data-page="new-about"] .mv-container,
  [data-page="new-about"] .about-container,
  [data-page="new-about"] .approach-content {
    grid-template-columns: 1fr;
  }

  [data-page="new-about"] .stats-box {
    grid-template-columns: 1fr 1fr;
  }

  [data-page="new-about"] .stats-img.img-center img {
    margin-top: 0;
  }

  [data-page="new-about"] .stats-img.img-right img {
    margin-top: 0;
  }

  [data-page="new-about"] .hero-title .hero-bold,
  [data-page="new-about"] .hero-title .hero-light {
    font-size: 2.5rem;
  }

  [data-page="new-about"] .info-text {
    font-size: 1.5rem;
  }
}

/* ===================================== */
/* 📱 GLOBAL RESPONSIVE SYSTEM */
/* ===================================== */

/* 1440px */
@media (max-width: 1440px) {
  [data-page="new-about"] .hero-title {
    font-size: 90px;
  }

  [data-page="new-about"] .info-text {
    font-size: 48px;
  }
}

/* 1200px */
@media (max-width: 1200px) {
  [data-page="new-about"] .hero-title {
    font-size: 70px;
  }

  [data-page="new-about"] .info-section {
    padding-bottom: 140x;
  }

  [data-page="new-about"] .info-text {
    font-size: 36px;
  }

  [data-page="new-about"] .stats-images {
    gap: 20px;
  }

  [data-page="new-about"] .work-content p {
    font-size: 14px;
    margin-bottom: 8px;
  }

  /* [data-page="new-about"] .img-center {
    transform: translateY(-20px);
  } */

  [data-page="new-about"] .stats-item h3 {
    font-size: 48px;
  }

  [data-page="new-about"] .work-maintitle,
  [data-page="new-about"] .work-title {
    font-size: 40px;
    margin-bottom: 10px;
  }

  [data-page="new-about"] .about-highlight h3 {
    font-size: 30px;
  }

  [data-page="new-about"] .approach-header h2 {
    font-size: 40px;
  }

  [data-page="new-about"] .mv-item h3 {
    font-size: 26px;
  }

  [data-page="new-about"] .mv-item p {
    font-size: 16px;
  }

  [data-page="new-about"] .approach-col p {
    font-size: 18px;
  }

  [data-page="new-about"] .awards-header h5 {
    font-size: 42px;
  }

  [data-page="new-about"] .awards-header h2 {
    font-size: 36px;
  }
}

@media (max-width: 1024px) {
  .documents-grid .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

/* 992px */
@media (max-width: 992px) {

  /* GLOBAL */
  [data-page="new-about"] .main-container {
    padding: 20px;
  }

  [data-page="new-about"] .hero-title {
    font-size: 55px;
  }

  /* INFO */
  [data-page="new-about"] .info-text {
    font-size: 32px;
  }

  /* STATS */
  /* [data-page="new-about"] .stats-images {
    flex-wrap: wrap;
  } */

  [data-page="new-about"] .img-center {
    transform: none;
  }

  [data-page="new-about"] .img-right {
    transform: none;
  }

  [data-page="new-about"] .stats-box {
    justify-content: center;
  }

  [data-page="new-about"] .stats-item {
    text-align: center;
  }

  /* WORK */
  [data-page="new-about"] .work-container {
    flex-direction: column;
    gap: 40px;
  }

  [data-page="new-about"] .work-content {
    text-align: center;
  }

  /* ABOUT */
  [data-page="new-about"] .about-container {
    flex-direction: column;
    gap: 20px;
  }

  [data-page="new-about"] .about-content {
    text-align: center;
  }

  /* APPROACH */
  [data-page="new-about"] .approach-content {
    flex-direction: column;
    gap: 20px;
  }

  [data-page="new-about"] .approach-col {
    text-align: center;
  }

  /* MV */
  [data-page="new-about"] .mv-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* AWARDS */
  [data-page="new-about"] .awards-header h2 {
    font-size: 26px;
  }

  [data-page="new-about"] .awards-grid {
    gap: 30px;
  }
}

.stats-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.stats-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.stats-slide.active {
  opacity: 1;
  z-index: 2;
}

.stats-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 768px */
@media (max-width: 768px) {

  .main-container {
    padding: 20px !important;
  }

  /* .hero-actions {
    display: none !important;
  } */

  .feature-media {
    margin-top: 0 !important;
  }

  .features {
    margin-top: 30px !important;
    gap: 20px !important;
  }

  .section-title {
    margin-bottom: 20px !important;
  }

  .sizes-grid {
    gap: 20px !important;
  }

  .size-info {
    margin-top: 10px !important;
  }

  .feature-item {
    padding: 20px !important;
  }

  .documents-grid .grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
  }

  [data-page="new-about"] .mv-icon {
    width: 40px;
    height: 40px;
  }

  [data-page="new-about"] .mv-item-header {
    display: flex;
    align-items: center;
  }

  [data-page="new-about"] .hero-title {
    font-size: 38px;
    line-height: 1.3;
  }

  [data-page="new-about"] .hero-bold,
  [data-page="new-about"] .hero-light {
    display: block;
    margin: 0;
  }

  /* INFO */
  [data-page="new-about"] .info-section {
    padding: 20px 15px;
  }

  [data-page="new-about"] .info-text {
    font-size: 24px;
    line-height: 1.4;
  }

  /* STATS */
  /* [data-page="new-about"] .stats-section {
    padding: 20px 15px;
  } */

  [data-page="new-about"] .stats-images {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    align-items: center;
    justify-items: center;
    position: relative;
    padding: 40px 0;
    margin-top: 0px;
    margin-bottom: 30px;
    gap: 0;
  }

  [data-page="new-about"] .stats-slider-dots {
    grid-column: 1;
    grid-row: 2;
    display: flex !important;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    width: 100%;
    z-index: 5;
  }

  [data-page="new-about"] .stats-slider-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  [data-page="new-about"] .stats-slider-dots .dot.active {
    background-color: #F15A29;
    /* Axoli orange */
  }

  [data-page="new-about"] .hide-mobile-aboutsec {
    display: none;
  }

  [data-page="new-about"] .stats-img {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 10px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: opacity 0.4s ease;
  }

  [data-page="new-about"] .stats-img img {
    width: 100%;
    height: 350px;
    display: block;
    object-fit: cover;
  }

  /* [data-page="new-about"] .img-left {
    align-self: flex-start;
    margin-left: 5%;
    z-index: 1;
    transform: rotate(-3deg);
    margin-top: 0;
  }

  [data-page="new-about"] .img-center {
    align-self: flex-end;
    margin-right: 5%;
    margin-top: 0px;
    z-index: 2;
    transform: rotate(4deg);
    width: 85%;
  }

  [data-page="new-about"] .img-right {
    align-self: flex-start;
    margin-left: 10%;
    margin-top: 0px;
    z-index: 3;
    transform: 0;
    width: 75%;
  } */

  [data-page="new-about"] .stats-box {
    justify-content: center;
  }

  [data-page="new-about"] .stats-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    z-index: 1;
  }


  [data-page="new-about"] .stats-item h3 {
    font-size: 36px;
  }

  [data-page="new-about"] .stats-item h4 {
    font-size: 20px;
  }

  [data-page="new-about"] .stats-item p {
    font-size: 16px;
  }

  /* WORK */
  [data-page="new-about"] .work-section {
    padding: 20px 20px;
  }

  [data-page="new-about"] .work-subtitle {
    font-size: 22px;
  }

  [data-page="new-about"] .work-title {
    font-size: 30px;
  }

  [data-page="new-about"] .work-content p {
    font-size: 16px;
  }

  /* MV */
  [data-page="new-about"] .mv-section {
    padding: 20px 20px;
  }

  [data-page="new-about"] .mv-item h3 {
    font-size: 24px;
  }

  [data-page="new-about"] .mv-item p {
    font-size: 18px;
  }

  /* ABOUT */
  [data-page="new-about"] .about-section {
    padding: 20px 20px;
  }

  [data-page="new-about"] .about-logo {
    font-size: 28px;
  }

  [data-page="new-about"] .about-highlight h3 {
    font-size: 24px;
  }

  [data-page="new-about"] .about-content p {
    font-size: 14px;
  }

  /* APPROACH */
  [data-page="new-about"] .approach-section {
    padding: 20px 20px;
  }

  [data-page="new-about"] .approach-header h5 {
    font-size: 22px;
    margin-bottom: 5px;
  }

  [data-page="new-about"] .approach-header h2 {
    font-size: 28px;
  }

  [data-page="new-about"] .approach-col p {
    font-size: 16px;
  }

  /* AWARDS */
  [data-page="new-about"] .awards-section {
    padding: 20px 20px;
  }

  [data-page="new-about"] .awards-grid {
    margin-top: 30px;
  }

  [data-page="new-about"] .awards-grid {
    gap: 15px;
  }

  [data-page="new-about"] .approach-header {
    margin-bottom: 10px;
  }

  [data-page="new-about"] .awards-header h5 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  [data-page="new-about"] .work-title,
  [data-page="new-about"] .work-maintitle {
    margin-bottom: 10px;
  }

  [data-page="new-about"] .awards-header h2 {
    font-size: 20px;
  }

  [data-page="new-about"] .award-item img {
    width: 180px;
  }

  [data-page="new-about"] .award-item {
    padding: 0;
  }

  .quotation-section {
    padding: 40px 0 !important;
    margin-top: 0px !important;
  }

  .quotation-container {
    padding: 0 20px !important;
  }

  .quotation-form {
    padding: 20px !important;
  }

  .location-text-header {
    font-size: 3rem;
    margin-bottom: 10px;
  }

  .location-text {
    font-size: 20px;
  }
}

/* 480px */
@media (max-width: 480px) {

  [data-page="new-about"] .stats-box {
    grid-template-columns: 1fr;
  }

  [data-page="new-about"] .hero-title {
    font-size: 28px;
  }

  [data-page="new-about"] .info-text {
    font-size: 20px;
  }

  [data-page="new-about"] .award-item {
    padding: 0;
  }

  [data-page="new-about"] .award-item img {
    width: 150px;

  }
}

.menu-grid {
  display: flex;
  flex-direction: column;
  /* mobile first */
  gap: 30px;
  text-align: left;
}

/* Tablet & above */
@media (min-width: 768px) {
  .menu-grid {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }

}

.location-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width: 768px) {
  .location-wrapper {
    flex-direction: row;
    align-items: flex-end;
  }

  .location-wrapper>div {
    width: 50%;
  }

  .enquiries-text {
    margin-bottom: 0 !important;
  }

}

/* GRID */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.contact-grid-data {
  display: flex;
  gap: 10px;
}

/* Tablet */
@media (min-width: 768px) {
  .contact-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .contact-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* GRID */
.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
  text-align: center;
}

/* Tablet */
@media (min-width: 768px) {
  .logo-text {
    margin-bottom: 10px !important;
  }

  /* .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    text-align: left;
  } */


}

/* Desktop */
@media (min-width: 1024px) {
  .footer-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

@media (max-width: 576px) {
  .pagination {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 5px;
  }

  .pagination li {
    flex: 0 0 auto;
  }
}

/* MAIN BAR */
.filters-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 20px 0;
}

/* LEFT GROUP */
.filter-group {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* DROPDOWN */
.filter-dropdown,
.sort-dropdown {
  position: relative;
}

/* SELECT BOX */
.filter-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;

  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;

  min-width: 140px;

  /* 🔥 IMPORTANT FIX (your main issue) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* SORT FIX */
.sort-dropdown .filter-select {
  font-weight: 600;
}

/* ICON ALIGN */
.chevrondown {
  margin-left: 6px;
}

/* DROPDOWN MENU */
.dropdown-menu {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;

  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;

  display: none;
  z-index: 1000;
}

/* SHOW DROPDOWN */
.filter-dropdown.active .dropdown-menu,
.sort-dropdown.active .dropdown-menu {
  display: block;
}

/* DROPDOWN ITEMS */
.dropdown-menu li {
  padding: 8px 12px;
}

.dropdown-menu li a {
  text-decoration: none;
  color: #000;
  display: block;
}

/* ACTIVE ITEM */
.dropdown-menu li.active {
  background: #f5f5f5;
}

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
  .filters-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-group {
    width: 100%;
  }

  .filter-dropdown {
    width: 100%;
  }

  .filter-select {
    width: 100%;
  }

  .sort-dropdown {
    width: 100%;
  }

  .collections-page-wrapper .filter-group {
    gap: 12px !important;
  }
}

.mobile-menu-footer {
  position: sticky;
  bottom: 0;
  background-color: #000;
  padding: 2rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 50;
  margin-top: auto;
}

.mobile-menu-footer .header__lang {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}