*,
:after,
:before {
  box-sizing: border-box;
}
:root {
  --generic-border: #ccc;
  --gray-50: #f9fafb;
  --gray-100: #e5e6eb;
  --gray-200: #c8cbd5;
  --gray-300: #8e95a9;
  --gray-400: #717a93;
  --gray-500: #5a6277;
  --gray-600: #444a5b;
  --gray-700: #272d3d;
  --gray-800: #272d3d;
  --gray-900: #171b25;
  --primary-color-200: rgba(8, 108, 208, 0.7);
  --primary-color: #086cd0;
  --primary-light-color: #e6effc;
  --secondary-color: #252525;
  --Poppins-family: "Poppins", Sans-serif;
}
#APO_bookingBox {
  font-size: 14px;
  color: #000;
  font-family: var(--Poppins-family)!important;
  margin: 0;
  line-height: normal;
}
/* #APO-booking *{
    background-attachment: scroll !important;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: repeat !important;
    bottom: auto !important;
    clear: none !important;
    clip: auto !important;
    color: inherit !important;
    counter-increment: none !important;
    counter-reset: none !important;
    cursor: auto !important;
    direction: inherit !important;
    display: inline !important;
    float: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    height: auto !important;
    left: auto !important;
    letter-spacing: normal !important;
    line-height: inherit !important;
    list-style-type: inherit !important;
    list-style-position: outside !important;
    list-style-image: none !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0px !important;
    min-width: 0px !important;
    position: static !important;
    quotes: "" "" !important;
    right: auto !important;
    table-layout: auto !important;
    text-align: inherit !important;
    text-indent: 0px !important;
    text-transform: none !important;
    text-rendering: auto !important;
    top: auto !important;
    unicode-bidi: normal !important;
    vertical-align: baseline !important;
    visibility: inherit !important;
    width: auto !important;
    word-spacing: normal !important;
    z-index: auto !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    background-size: auto !important;
    box-shadow: none !important;
    box-sizing: content-box !important;
    column-count: auto !important;
    column-gap: normal !important;
    column-width: auto !important;
    -webkit-text-fill-color: currentcolor !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    font-feature-settings: normal !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    hyphens: manual !important;
    hyphenate-character: "‐" !important;
    perspective: none !important;
    perspective-origin: 50% 50% !important;
    backface-visibility: visible !important;
    text-shadow: none !important;
    word-break: normal !important;
    background-position: 0px 0px !important;
    border-color: currentcolor !important;
    border-style: none !important;
    border-width: medium !important;
    font-variant: normal !important;
    margin: 0px !important;
    outline: 0px !important;
    padding: 0px !important;
    text-decoration: inherit !important;
    white-space: normal !important;
    border-image: none 100% / 1 / 0 stretch !important;
    border-radius: 0px !important;
    column-rule: medium none rgb(0,0,0) !important;
    transition: all !important;
} */
.APO-booking figure,
.APO-booking h1,
.APO-booking h2,
.APO-booking h3,
.APO-booking h4,
.APO-booking h5,
.APO-booking h6,
.APO-booking hr,
.APO-booking p,
.APO-booking pre {
  margin: 0;
  font-family: var(--Poppins-family)!important;
}
.APO-booking fieldset,
.APO-booking ol,
.APO-booking ul {
  margin: 0;
  padding: 0;
}
.APO-booking ol,
.APO-booking ul {
  list-style: none;
}
.APO-booking h1,
.APO-booking h2,
.APO-booking h3,
.APO-booking h4,
.APO-booking h5,
.APO-booking h6 {
  font-size: inherit;
  font-weight: inherit;
  font-family: var(--Poppins-family)!important;
}
.AbrilFatface {
  font-family: "Abril Fatface" !important;
}
.Arial {
  font-family: Arial !important;
}
.Bitter {
  font-family: "Bitter" !important;
}
.Cabin {
  font-family: "Cabin" !important;
}
.CourierNew {
  font-family: "Courier New" !important;
}
.DroidSerif {
  font-family: "Droid Serif" !important;
}
.Georgia {
  font-family: Georgia !important;
}
.HelveticaNeue {
  font-family: "Helvetica Neue" !important;
}
.Lato {
  font-family: "Lato" !important;
}
.LucidaSansUnicode {
  font-family: "Lucida Sans Unicode" !important;
}
.Merriweather {
  font-family: "Merriweather" !important;
}
.Montserrat {
  font-family: "Montserrat" !important;
}
.Nunito {
  font-family: "Nunito" !important;
}
.OpenSans {
  font-family: "Open Sans" !important;
}
.Oswald {
  font-family: "Oswald" !important;
}
.Oxygen {
  font-family: "Oxygen" !important;
}
.permanent Marker {
  font-family: "Permanent Marker" !important;
}
.Roboto {
  font-family: "Roboto" !important;
}
.RobotoSlab {
  font-family: "Roboto Slab" !important;
}
.SourceSansPro {
  font-family: "Source Sans Pro" !important;
}
.Tahoma {
  font-family: "Tahoma" !important;
}
.TimesNewRoman {
  font-family: "TimesNewRoman" !important;
}
.Trebuchet MS {
  font-family: "Trebuchet MS" !important;
}
.Ubuntu {
  font-family: "Ubuntu" !important;
}
.Verdana {
  font-family: "Verdana" !important;
}
button {
  font-size: inherit;
  font-family: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.cursor-grab {
  cursor: grab;
}
.transition_class {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.bg-center {
  background-position: 50%;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-repeat-x {
  background-repeat: repeat-x;
}
.bg-repeat-y {
  background-repeat: repeat-y;
}
.bg-repeat-round {
  background-repeat: round;
}
.bg-repeat-space {
  background-repeat: space;
}
.bg-cover {
  background-size: cover;
}
.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}
.content-evenly {
  align-content: space-evenly;
}
.self-auto {
  align-self: auto;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-items-auto {
  justify-items: auto;
}
.justify-items-start {
  justify-items: start;
}
.justify-items-end {
  justify-items: end;
}
.justify-items-center {
  justify-items: center;
}
.justify-items-stretch {
  justify-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-self-auto {
  justify-self: auto;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.justify-self-center {
  justify-self: center;
}
.justify-self-stretch {
  justify-self: stretch;
}
.flex-1 {
  flex: 1 1;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-grow {
  flex-grow: 1;
}
.flex-shrink {
  flex-shrink: 1;
}
.APO-rounded-none {
  border-radius: 0px;
}
.APO-rounded-full {
  border-radius: 50%;
}
.APO-rounded {
  border-radius: 6px;
}
.APO-rounded-md {
  border-radius: 6px!important;
}
.APO-rounded-lg {
  border-radius: 8px!important;
}
.APO-rounded-xl {
  border-radius: 12px!important;
}
.APO-rounded-2xl {
  border-radius: 16px;
}
.APO-rounded-3xl {
  border-radius: 24px;
}
.APO-rounded-s-none {
  border-start-start-radius: 0px !important;
  border-end-start-radius: 0px !important;
}
.APO-rounded-e-none {
  border-start-end-radius: 0px!important;
  border-end-end-radius: 0px!important;
}
.APO-rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.APO-rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.APO-rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.APO-rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.APO-rounded-ss-none {
  border-start-start-radius: 0px;
}
.APO-rounded-se-none {
  border-start-end-radius: 0px;
}
.APO-rounded-ee-none {
  border-end-end-radius: 0px;
}
.APO-rounded-tl-none {
  border-top-left-radius: 0px;
}
.APO-rounded-tr-none {
  border-top-right-radius: 0px;
}
.APO-rounded-br-none {
  border-bottom-right-radius: 0px;
}
.APO-rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.APO-border-0 {
  border-width: 0px;
}
.APO-border-t-0 {
  border-top-width: 0px;
}
.APO-border-b-0 {
  border-bottom-width: 0px;
}
.APO-border-r-0 {
  border-right-width: 0px;
}
.APO-border-l-0 {
  border-left-width: 0px;
}
.APO-border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.APO-border-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize-x {
  resize: horizontal;
}
.resize {
  resize: both;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-fill {
  object-fit: fill;
}
.object-center {
  object-position: center;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.max-w-full {
  max-width: 100%;
}
.min-w-full {
  min-width: 100%;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.min-h-screen {
  min-height: 100vh;
}
.max-h-full {
  max-height: 100%;
}

/* coloumn width */
.APO-col-md-0\5 {
  width: calc(0.5 / 12 * 100%);
}
.APO-col-md-1 {
  width: calc(1 / 12 * 100%);
}
.APO-col-md-1\.5 {
  width: calc(1.5 / 12 * 100%);
}
.APO-col-md-2 {
  width: calc(2 / 12 * 100%);
}
.APO-col-md-2\.5 {
  width: calc(2.5 / 12 * 100%);
}
.APO-col-md-3 {
  width: calc(3 / 12 * 100%);
}
.APO-col-md-3\.5 {
  width: calc(3.5 / 12 * 100%);
}
.APO-col-md-4 {
  width: calc(4 / 12 * 100%);
}
.APO-col-md-4\.5 {
  width: calc(4.5 / 12 * 100%);
}
.APO-col-md-5 {
  width: calc(5 / 12 * 100%);
}
.APO-col-md-5\.5 {
  width: calc(5.5 / 12 * 100%);
}
.APO-col-md-6 {
  width: calc(6 / 12 * 100%);
}
.APO-col-md-6\.5 {
  width: calc(6.5 / 12 * 100%);
}
.APO-col-md-7 {
  width: calc(7 / 12 * 100%);
}
.APO-col-md-7\.5 {
  width: calc(7.5 / 12 * 100%);
}
.APO-col-md-8 {
  width: calc(8 / 12 * 100%);
}
.APO-col-md-8\.5 {
  width: calc(8.5 / 12 * 100%);
}
.APO-col-md-9 {
  width: calc(9 / 12 * 100%);
}
.APO-col-md-9\.5 {
  width: calc(9.5 / 12 * 100%);
}
.APO-col-md-10 {
  width: calc(10 / 12 * 100%);
}
.APO-col-md-10\.5 {
  width: calc(10.5 / 12 * 100%);
}
.APO-col-md-11 {
  width: calc(11 / 12 * 100%);
}
.APO-col-md-11\.5 {
  width: calc(11.5 / 12 * 100%);
}
.APO-col-md-12 {
  width: calc(12 / 12 * 100%);
}
.w-0 {
  width: 0px;
}
.w-px {
  width: 1px;
}
.w-0\.5 {
  width: 2px;
}
.w-1 {
  width: 6px;
}
.w-1\.5 {
  width: 6px;
}
.w-2 {
  width: 8px;
}
.w-2\.5 {
  width: 10px;
}
.w-3 {
  width: 12px;
}
.w-3\.5 {
  width: 14px;
}
.w-4 {
  width: 16px;
}
.w-5 {
  width: 20px;
}
.w-6 {
  width: 24px;
}
.w-7 {
  width: 28px;
}
.w-8 {
  width: 32px;
}
.w-9 {
  width: 36px;
}
.w-10 {
  width: 40px;
}
.min-w-10 {
  min-width: 40px;
}
.w-11 {
  width: 44px;
}
.min-w-12 {
  min-width: 48px;
}
.w-12 {
  width: 48px;
}
.w-14 {
  width: 56px;
}
.w-16 {
  width: 64px;
}
.w-18 {
  width: 72px;
}
.w-20 {
  width: 80px;
}
.w-24 {
  width: 96px;
}
.w-28 {
  width: 112px;
}
.w-32 {
  width: 128px;
}
.w-36 {
  width: 144px;
}
.w-40 {
  width: 160px;
}
.w-44 {
  width: 176px;
}
.w-48 {
  width: 192px;
}
.w-52 {
  width: 208px;
}
.w-56 {
  width: 224px;
}
.w-60 {
  width: 240px;
}
.w-64 {
  width: 256px;
}
.w-72 {
  width: 288px;
}
.w-80 {
  width: 320px;
}
.w-96 {
  width: 384px;
}
.w-auto {
  width: auto;
}
.h-0 {
  height: 0px;
}
.h-px {
  height: 1px;
}
.h-0\.5 {
  height: 2px;
}
.h-1 {
  height: 6px;
}
.h-1\.5 {
  height: 6px;
}
.h-2 {
  height: 8px;
}
.h-2\.5 {
  height: 10px;
}
.h-3 {
  height: 12px;
}
.h-3\.5 {
  height: 14px;
}
.h-4 {
  height: 16px;
}
.h-5 {
  height: 20px;
}
.h-6 {
  height: 24px;
}
.h-7 {
  height: 28px;
}
.h-8 {
  height: 32px;
}
.h-9 {
  height: 36px;
}
.h-10 {
  height: 40px;
}
.h-11 {
  height: 44px;
}
.h-12 {
  height: 48px;
}
.h-14 {
  height: 56px;
}
.h-16 {
  height: 64px;
}
.h-18 {
  height: 72px;
}
.h-20 {
  height: 80px;
}
.h-24 {
  height: 96px;
}
.h-28 {
  height: 112px;
}
.h-32 {
  height: 128px;
}
.h-36 {
  height: 144px;
}
.h-40 {
  height: 160px;
}
.h-44 {
  height: 176px;
}
.h-48 {
  height: 192px;
}
.h-52 {
  height: 208px;
}
.h-56 {
  height: 224px;
}
.h-60 {
  height: 240px;
}
.h-64 {
  height: 256px;
}
.h-72 {
  height: 288px;
}
.h-80 {
  height: 320px;
}
.h-96 {
  height: 384px;
}
.h-auto {
  height: auto;
}
.APO-gap-0 {
  gap: 0px;
}
.APO-gap-x-0 {
  column-gap: 0px;
}
.APO-gap-y-0 {
  row-gap: 0px;
}
.APO-gap-px {
  gap: 1px;
}
.APO-gap-x-px {
  column-gap: 1px;
}
.APO-gap-y-px {
  row-gap: 1px;
}
.APO-gap-0\.5 {
  gap: 2px;
}
.APO-gap-x-0\.5 {
  column-gap: 2px;
}
.APO-gap-y-0\.5 {
  row-gap: 2px;
}
.APO-gap-1 {
  gap: 6px;
}
.APO-gap-x-1 {
  column-gap: 6px;
}
.APO-gap-y-1 {
  row-gap: 6px;
}
.APO-gap-1\.5 {
  gap: 6px;
}
.APO-gap-x-1\.5 {
  column-gap: 6px;
}
.APO-gap-y-1\.5 {
  row-gap: 6px;
}
.APO-gap-2 {
  gap: 8px;
}
.APO-gap-x-2 {
  column-gap: 8px;
}
.APO-gap-y-2 {
  row-gap: 8px;
}
.APO-gap-2\.5 {
  gap: 10px;
}
.APO-gap-x-2\.5 {
  column-gap: 10px;
}
.APO-gap-y-2\.5 {
  row-gap: 10px;
}
.APO-gap-3 {
  gap: 12px;
}
.APO-gap-x-3 {
  column-gap: 12px;
}
.APO-gap-y-3 {
  row-gap: 12px;
}
.APO-gap-3\.5 {
  gap: 14px;
}
.APO-gap-x-3\.5 {
  column-gap: 14px;
}
.APO-gap-y-3\.5 {
  row-gap: 14px;
}
.APO-gap-4 {
  gap: 16px;
}
.APO-gap-x-4 {
  column-gap: 16px;
}
.APO-gap-y-4 {
  row-gap: 16px;
}
.APO-gap-5 {
  gap: 20px;
}
.APO-gap-x-5 {
  column-gap: 20px;
}
.APO-gap-y-5 {
  row-gap: 20px;
}
.APO-gap-6 {
  gap: 28px;
}
.APO-gap-x-6 {
  column-gap: 28px;
}
.APO-gap-y-6 {
  row-gap: 28px;
}
.APO-gap-7 {
  gap: 32px;
}
.APO-gap-x-7 {
  column-gap: 32px;
}
.APO-gap-y-7 {
  row-gap: 32px;
}
.APO-gap-8 {
  gap: 36px;
}
.APO-gap-x-8 {
  column-gap: 36px;
}
.APO-gap-y-8 {
  row-gap: 36px;
}
.APO-gap-9 {
  gap: 40px;
}
.APO-gap-x-9 {
  column-gap: 40px;
}
.APO-gap-y-9 {
  row-gap: 40px;
}
.APO-gap-10 {
  gap: 40px;
}
.APO-gap-x-10 {
  column-gap: 40px;
}
.APO-gap-y-10 {
  row-gap: 40px;
}
.APO-gap-11 {
  gap: 44px;
}
.APO-gap-x-11 {
  column-gap: 44px;
}
.APO-gap-y-11 {
  row-gap: 44px;
}
.APO-gap-12 {
  gap: 48px;
}
.APO-gap-x-12 {
  column-gap: 48px;
}
.APO-gap-y-12 {
  row-gap: 48px;
}
.APO-gap-14 {
  gap: 56px;
}
.APO-gap-x-14 {
  column-gap: 56px;
}
.APO-gap-y-14 {
  row-gap: 56px;
}
.APO-gap-16 {
  gap: 64px;
}
.APO-gap-x-16 {
  column-gap: 64px;
}
.APO-gap-y-16 {
  row-gap: 64px;
}
.APO-gap-20 {
  gap: 80px;
}
.APO-gap-x-20 {
  column-gap: 80px;
}
.APO-gap-y-20 {
  row-gap: 80px;
}
.APO-gap-24 {
  gap: 96px;
}
.APO-gap-x-24 {
  column-gap: 96px;
}
.APO-gap-y-24 {
  row-gap: 96px;
}
.APO-gap-28 {
  gap: 112px;
}
.APO-gap-x-28 {
  column-gap: 112px;
}
.APO-gap-y-28 {
  row-gap: 112px;
}
.APO-gap-32 {
  gap: 128px;
}
.APO-gap-x-32 {
  column-gap: 128px;
}
.APO-gap-y-32 {
  row-gap: 128px;
}
.APO-gap-36 {
  gap: 144px;
}
.APO-gap-x-36 {
  column-gap: 144px;
}
.APO-gap-y-36 {
  row-gap: 144px;
}
.APO-gap-40 {
  gap: 160px;
}
.APO-gap-x-40 {
  column-gap: 160px;
}
.APO-gap-y-40 {
  row-gap: 160px;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.order-none {
  order: 0;
}
.shadow-sm {
  box-shadow: 0px 1px 3px rgba(39, 45, 61, 0.1),
    0px 1px 2px rgba(39, 45, 61, 0.06);
}
.shadow-md {
  box-shadow: 0px 4px 8px -2px rgba(39, 45, 61, 0.1),
    0px 2px 4px -2px rgba(39, 45, 61, 0.06);
}
.shadow-lg {
  box-shadow: 0px 12px 16px -4px rgba(39, 45, 61, 0.08),
    0px 4px 6px -2px rgba(39, 45, 61, 0.03);
}
.APO-font-thin {
  font-weight: 100!important;
}
.APO-font-extralight {
  font-weight: 200!important;
}
.APO-font-light {
  font-weight: 300!important;
}
.APO-font-normal {
  font-weight: 400!important;
}
.APO-font-medium {
  font-weight: 500!important;
}
.APO-font-semibold {
  font-weight: 600!important;
}
.APO-font-bold {
  font-weight: 700!important;
}
.APO-font-extrabold {
  font-weight: 800!important;
}
.APO-font-black {
  font-weight: 900!important;
}
.APO-text-xs {
  font-size: 12px!important;
  line-height: 16px!important;
}
.APO-text-sm {
  font-size: 14px!important;
  line-height: 20px!important;
}
.APO-text-base {
  font-size: 16px!important;
  line-height: 24px!important;
}
.APO-text-lg {
  font-size: 18px!important;
  line-height: 24px!important;
}
.APO-text-xl {
  font-size: 20px!important;
  line-height: 26px!important;
}
.APO-text-2xl {
  font-size: 24px!important;
  line-height: 30px!important;
}
.APO-text-3xl {
  font-size: 30px!important;
  line-height: 36px!important;
}
.APO-text-4xl {
  font-size: 36px!important;
  line-height: 42px!important;
}
.APO-text-5xl {
  font-size: 48px!important;
  line-height: 1!important;
}
.APO-text-6xl {
  font-size: 60px!important;
  line-height: 1!important;
}
.APO-text-7xl {
  font-size: 72px!important;
  line-height: 1!important;
}
.APO-text-8xl {
  font-size: 96px!important;
  line-height: 1!important;
}
.APO-text-9xl {
  font-size: 128px!important;
  line-height: 1!important;
}
.text-gray-300 {
  color: rgba(209, 213, 219, 1);
}
.hover\:bg-primary-200:hover {
  color: #fff;
  background-color: var(--primary-color-200);
}
.hover\:bg-white:hover {
  color: #000;
  background-color: #fff;
}
.bg-transparent {
  background-color: transparent;
}
.bg-slate-50 {
  background-color: rgba(248, 250, 252, 1);
}
.bg-slate-100 {
  background-color: rgb(241 245 249);
}
.bg-slate-200 {
  background-color: rgb(226 232 240);
}
.bg-slate-300 {
  background-color: rgb(203 213 225);
}
.bg-back {
  background-color: rgba(0, 0, 0, 1);
}
.bg-white {
  background-color: rgba(255, 255, 255, 1);
}
.divider {
  background: var(--gray-200);
}
.vertical {
  width: 1px;
  height: 100%;
}
.horizontal {
  width: 100%;
  height: 1px;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.grid {
  display: grid;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-none {
  grid-template-columns: none;
}
.block {
  display: block;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
/* .inset-0 {
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.top-0 {
  top: 0px;
}
.right-0 {
  right: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.top-auto {
  top: auto;
}
.right-auto {
  right: auto;
}
.bottom-auto {
  bottom: auto;
}
.left-auto {
  left: auto;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.inset-x-auto {
  left: auto;
  right: auto;
}
.inset-y-auto {
  top: auto;
  bottom: auto;
}
.top-50 {
  top: calc(6 / 12 * 100%);
}
.right-50 {
  right: calc(6 / 12 * 100%);
}
.bottom-50 {
  bottom: calc(6 / 12 * 100%);
}
.left-50 {
  left: calc(6 / 12 * 100%);
}
.inset-x-50 {
  left: calc(6 / 12 * 100%);
  right: calc(6 / 12 * 100%);
}
.inset-y-50 {
  top: calc(6 / 12 * 100%);
  bottom: calc(6 / 12 * 100%);
} */
.-APO-mr-px {
  margin-right: -1px;
}
.-APO-ml-px {
  margin-left: -1px;
}
.-APO-mx-px {
  margin-right: -1px;
  margin-left: -1px;
}
.-APO-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}
.APO-m-0 {
  margin: 0px;
}
.APO-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.APO-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.APO-mt-0 {
  margin-top: 0px;
}
.APO-mr-0 {
  margin-right: 0px;
}
.APO-mb-0 {
  margin-bottom: 0px;
}
.APO-ml-0 {
  margin-left: 0px;
}
.APO-m-auto {
  margin: auto;
}
.APO-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.APO-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.APO-mt-auto {
  margin-top: auto;
}
.APO-mr-auto {
  margin-right: auto;
}
.APO-mb-auto {
  margin-bottom: auto;
}
.APO-ml-auto {
  margin-left: auto;
}
.APO-m-1 {
  margin: 6px;
}
.APO-mx-1 {
  margin-left: 6px;
  margin-right: 6px;
}
.APO-my-1 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.APO-ms-1 {
  margin-inline-start: 6px;
}
.APO-me-1 {
  margin-inline-end: 6px;
}
.APO-mt-1 {
  margin-top: 6px;
}
.APO-mr-1 {
  margin-right: 6px;
}
.APO-mb-1 {
  margin-bottom: 6px;
}
.APO-ml-1 {
  margin-left: 6px;
}
.APO-m-1\.5 {
  margin: 6px;
}
.APO-mx-1\.5 {
  margin-left: 6px;
  margin-right: 6px;
}
.APO-my-1\.5 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.APO-ms-1\.5 {
  margin-inline-start: 6px;
}
.APO-me-1\.5 {
  margin-inline-end: 6px;
}
.APO-mt-1\.5 {
  margin-top: 6px;
}
.APO-mr-1\.5 {
  margin-right: 6px;
}
.APO-mb-1\.5 {
  margin-bottom: 6px;
}
.APO-ml-1\.5 {
  margin-left: 6px;
}
.APO-m-2 {
  margin: 8px;
}
.APO-mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}
.APO-my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.APO-ms-2 {
  margin-inline-start: 8px;
}
.APO-me-2 {
  margin-inline-end: 8px;
}
.APO-mt-2 {
  margin-top: 8px;
}
.APO-mr-2 {
  margin-right: 8px;
}
.APO-mb-2 {
  margin-bottom: 8px;
}
.APO-ml-2 {
  margin-left: 8px;
}
.APO-m-2\.5 {
  margin: 10px;
}
.APO-mx-2\.5 {
  margin-left: 10px;
  margin-right: 10px;
}
.APO-my-2\.5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.APO-ms-2\.5 {
  margin-inline-start: 10px;
}
.APO-me-2\.5 {
  margin-inline-end: 10px;
}
.APO-mt-2\.5 {
  margin-top: 10px;
}
.APO-mr-2\.5 {
  margin-right: 10px;
}
.APO-mb-2\.5 {
  margin-bottom: 10px;
}
.APO-ml-2\.5 {
  margin-left: 10px;
}
.APO-m-3 {
  margin: 12px;
}
.APO-mx-3 {
  margin-left: 12px;
  margin-right: 12px;
}
.APO-my-3 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.APO-ms-3 {
  margin-inline-start: 12px;
}
.APO-me-3 {
  margin-inline-end: 12px;
}
.APO-mt-3 {
  margin-top: 12px;
}
.APO-mr-3 {
  margin-right: 12px;
}
.APO-mb-3 {
  margin-bottom: 12px;
}
.APO-ml-3 {
  margin-left: 12px;
}
.APO-m-3\.5 {
  margin: 14px;
}
.APO-mx-3\.5 {
  margin-left: 14px;
  margin-right: 14px;
}
.APO-my-3\.5 {
  margin-top: 14px;
  margin-bottom: 14px;
}
.APO-ms-3\.5 {
  margin-inline-start: 14px;
}
.APO-me-3\.5 {
  margin-inline-end: 14px;
}
.APO-mt-3\.5 {
  margin-top: 14px;
}
.APO-mr-3\.5 {
  margin-right: 14px;
}
.APO-mb-3\.5 {
  margin-bottom: 14px;
}
.APO-ml-3\.5 {
  margin-left: 14px;
}
.APO-m-4 {
  margin: 16px;
}
.APO-mx-4 {
  margin-left: 16px;
  margin-right: 16px;
}
.APO-my-4 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.APO-ms-4 {
  margin-inline-start: 16px;
}
.APO-me-4 {
  margin-inline-end: 16px;
}
.APO-mt-4 {
  margin-top: 16px;
}
.-APO-mt-4 {
  margin-top: -16px;
}
.APO-mr-4 {
  margin-right: 16px;
}
.APO-mb-4 {
  margin-bottom: 16px;
}
.APO-ml-4 {
  margin-left: 16px;
}
.APO-m-5 {
  margin: 20px;
}
.APO-mx-5 {
  margin-left: 20px;
  margin-right: 20px;
}
.APO-my-5 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.APO-mt-5 {
  margin-top: 20px;
}
.APO-mr-5 {
  margin-right: 20px;
}
.APO-mb-5 {
  margin-bottom: 20px;
}
.APO-ml-5 {
  margin-left: 20px;
}
.APO-m-6 {
  margin: 24px;
}
.APO-mx-6 {
  margin-left: 24px;
  margin-right: 24px;
}
.APO-my-6 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.APO-mt-6 {
  margin-top: 24px;
}
.APO-mr-6 {
  margin-right: 24px;
}
.APO-mb-6 {
  margin-bottom: 24px;
}
.APO-ml-6 {
  margin-left: 24px;
}
.APO-m-7 {
  margin: 28px;
}
.APO-mx-7 {
  margin-left: 28px;
  margin-right: 28px;
}
.APO-my-7 {
  margin-top: 28px;
  margin-bottom: 28px;
}
.APO-mt-7 {
  margin-top: 28px;
}
.APO-mr-7 {
  margin-right: 28px;
}
.APO-mb-7 {
  margin-bottom: 28px;
}
.APO-ml-7 {
  margin-left: 28px;
}
.APO-m-8 {
  margin: 32px;
}
.APO-m-9 {
  margin: 36px;
}
.APO-mx-8 {
  margin-left: 32px;
  margin-right: 32px;
}
.APO-my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.APO-mx-9 {
  margin-left: 36px;
  margin-right: 36px;
}
.APO-my-9 {
  margin-top: 36px;
  margin-bottom: 36px;
}
.APO-mt-8 {
  margin-top: 32px;
}
.APO-mr-8 {
  margin-right: 32px;
}
.APO-mb-8 {
  margin-bottom: 32px;
}
.APO-ml-8 {
  margin-left: 32px;
}
.APO-mt-9 {
  margin-top: 36px;
}
.APO-mb-9 {
  margin-bottom: 36px;
}
.APO-mt-12 {
  margin-top: 48px;
}
.APO-mb-12 {
  margin-top: 48px;
}
.APO-mr-12 {
  margin-right: 48px;
}
.APO-ml-12 {
  margin-left: 48px;
}
.APO-my-12 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.APO-mx-12 {
  margin-left: 48px;
  margin-right: 48px;
}
.-APO-mx-4 {
  margin-left: -16px;
  margin-right: -16px;
}
.-APO-my-4 {
  margin-top: -16px;
  margin-bottom: -16px;
}
.APO-p-0 {
  padding: 0px;
}
.APO-px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.APO-py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.APO-pt-0 {
  padding-top: 0px;
}
.APO-pr-0 {
  padding-right: 0px;
}
.APO-pb-0 {
  padding-bottom: 0px;
}
.APO-pl-0 {
  padding-left: 0px;
}
.APO-p-px {
  padding: 1px;
}
.APO-px-px {
  padding-left: 1px;
  padding-right: 1px;
}
.APO-py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.APO-pt-px {
  padding-top: 1px;
}
.APO-pr-px {
  padding-right: 1px;
}
.APO-pb-px {
  padding-bottom: 1px;
}
.APO-pl-px {
  padding-left: 1px;
}
.APO-p-0\.5 {
  padding: 2px;
}
.APO-px-0\.5 {
  padding-left: 2px;
  padding-right: 2px;
}
.APO-py-0\.5 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.APO-pt-0\.5 {
  padding-top: 2px;
}
.APO-pr-0\.5 {
  padding-right: 2px;
}
.APO-pb-0\.5 {
  padding-bottom: 2px;
}
.APO-pl-0\.5 {
  padding-left: 2px;
}
.APO-p-1 {
  padding: 6px;
}
.APO-px-1 {
  padding-left: 6px;
  padding-right: 6px;
}
.APO-py-1 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.APO-pt-1 {
  padding-top: 6px;
}
.APO-pr-1 {
  padding-right: 6px;
}
.APO-pb-1 {
  padding-bottom: 6px;
}
.APO-pl-1 {
  padding-left: 6px;
}
.APO-p-1\.5 {
  padding: 6px;
}
.APO-px-1\.5 {
  padding-left: 6px;
  padding-right: 6px;
}
.APO-py-1\.5 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.APO-pt-1\.5 {
  padding-top: 6px;
}
.APO-pr-1\.5 {
  padding-right: 6px;
}
.APO-pb-1\.5 {
  padding-bottom: 6px;
}
.APO-pl-1\.5 {
  padding-left: 6px;
}
.APO-p-2 {
  padding: 8px;
}
.APO-px-2 {
  padding-left: 8px;
  padding-right: 8px;
}
.APO-py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.APO-pt-2 {
  padding-top: 8px;
}
.APO-pr-2 {
  padding-right: 8px;
}
.APO-pb-2 {
  padding-bottom: 8px;
}
.APO-pl-2 {
  padding-left: 8px;
}
.APO-p-2\.5 {
  padding: 10px;
}
.APO-px-2\.5 {
  padding-left: 10px;
  padding-right: 10px;
}
.APO-py-2\.5 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.APO-pt-2\.5 {
  padding-top: 10px;
}
.APO-pr-2\.5 {
  padding-right: 10px;
}
.APO-pb-2\.5 {
  padding-bottom: 10px;
}
.APO-pl-2\.5 {
  padding-left: 10px;
}
.APO-p-3 {
  padding: 12px;
}
.APO-px-3 {
  padding-left: 12px;
  padding-right: 12px;
}
.APO-py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.APO-pt-3 {
  padding-top: 12px;
}
.APO-pr-3 {
  padding-right: 12px;
}
.APO-pb-3 {
  padding-bottom: 12px;
}
.APO-pl-3 {
  padding-left: 12px;
}
.APO-p-3\.5 {
  padding: 14px;
}
.APO-px-3\.5 {
  padding-left: 14px;
  padding-right: 14px;
}
.APO-py-3\.5 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.APO-pt-3\.5 {
  padding-top: 14px;
}
.APO-pr-3\.5 {
  padding-right: 14px;
}
.APO-pb-3\.5 {
  padding-bottom: 14px;
}
.APO-pl-3\.5 {
  padding-left: 14px;
}
.APO-p-4 {
  padding: 16px;
}
.APO-px-4 {
  padding-left: 16px;
  padding-right: 16px;
}
.-APO-px-4 {
  padding-left: -16px;
  padding-right: -16px;
}
.APO-py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.-APO-py-4 {
  padding-top: -16px;
  padding-bottom: -16px;
}
.APO-pt-4 {
  padding-top: 16px;
}
.APO-pr-4 {
  padding-right: 16px;
}
.APO-pb-4 {
  padding-bottom: 16px;
}
.APO-pl-4 {
  padding-left: 16px;
}
.APO-p-5 {
  padding: 20px;
}
.APO-px-5 {
  padding-left: 20px;
  padding-right: 20px;
}
.APO-py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.APO-pt-5 {
  padding-top: 20px;
}
.APO-pr-5 {
  padding-right: 20px;
}
.APO-pb-5 {
  padding-bottom: 20px;
}
.APO-pl-5 {
  padding-left: 20px;
}
.APO-p-6 {
  padding: 24px;
}
.APO-px-6 {
  padding-left: 24px;
  padding-right: 24px;
}
.APO-py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.APO-pt-6 {
  padding-top: 24px;
}
.APO-pr-6 {
  padding-right: 24px;
}
.APO-pb-6 {
  padding-bottom: 24px;
}
.APO-pl-6 {
  padding-left: 24px;
}
.APO-p-7 {
  padding: 28px;
}
.APO-px-7 {
  padding-left: 28px;
  padding-right: 28px;
}
.APO-py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.APO-pt-7 {
  padding-top: 28px;
}
.APO-pr-7 {
  padding-right: 28px;
}
.APO-pb-7 {
  padding-bottom: 28px;
}
.APO-pl-7 {
  padding-left: 28px;
}
.APO-p-8 {
  padding: 32px;
}
.APO-px-8 {
  padding-left: 32px;
  padding-right: 32px;
}
.APO-py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.APO-pt-8 {
  padding-top: 32px;
}
.APO-pr-8 {
  padding-right: 32px;
}
.APO-pb-8 {
  padding-bottom: 32px;
}
.APO-pl-8 {
  padding-left: 32px;
}
.APO-p-9 {
  padding: 36px;
}
.APO-px-9 {
  padding-left: 36px;
  padding-right: 36px;
}
.APO-py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.APO-pt-9 {
  padding-top: 36px;
}
.APO-pr-9 {
  padding-right: 36px;
}
.APO-pb-9 {
  padding-bottom: 36px;
}
.APO-pl-9 {
  padding-left: 36px;
}
.APO-p-10 {
  padding: 40px;
}
.APO-px-10 {
  padding-left: 40px;
  padding-right: 40px;
}
.APO-py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.APO-pt-10 {
  padding-top: 40px;
}
.APO-pr-10 {
  padding-right: 40px;
}
.APO-pb-10 {
  padding-bottom: 40px;
}
.APO-pl-10 {
  padding-left: 40px;
}
.APO-p-11 {
  padding: 44px;
}
.APO-px-11 {
  padding-left: 44px;
  padding-right: 44px;
}
.APO-py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.APO-pt-11 {
  padding-top: 44px;
}
.APO-pr-11 {
  padding-right: 44px;
}
.APO-pb-11 {
  padding-bottom: 44px;
}
.APO-pl-11 {
  padding-left: 44px;
}
.APO-p-12 {
  padding: 48px;
}
.APO-px-12 {
  padding-left: 48px;
  padding-right: 48px;
}
.APO-py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.APO-pt-12 {
  padding-top: 48px;
}
.APO-pr-12 {
  padding-right: 48px;
}
.APO-pb-12 {
  padding-bottom: 48px;
}
.APO-pl-12 {
  padding-left: 48px;
}
.APO-p-14 {
  padding: 56px;
}
.APO-px-14 {
  padding-left: 56px;
  padding-right: 56px;
}
.APO-py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.APO-pt-14 {
  padding-top: 56px;
}
.APO-pr-14 {
  padding-right: 56px;
}
.APO-pb-14 {
  padding-bottom: 56px;
}
.APO-pl-14 {
  padding-left: 56px;
}
.APO-p-16 {
  padding: 64px;
}
.APO-px-16 {
  padding-left: 64px;
  padding-right: 64px;
}
.APO-py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.APO-pt-16 {
  padding-top: 64px;
}
.APO-pr-16 {
  padding-right: 64px;
}
.APO-pb-16 {
  padding-bottom: 64px;
}
.APO-pl-16 {
  padding-left: 64px;
}

/* Custom checkbox with switch design */
.custom-checkRadio input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  margin: 0;
}
.switch-checbox .checkmark-slider {
  border-radius: 34px;
  background-color: var(--primary-light-color);
  width: 40px;
  height: 20px;
}
.switch-checbox .checkmark-slider:before {
  content: "";
  display: block;
  margin: 2px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #ccc;
  -webkit-transform: translateX(2px);
  transform: translateX(2px);
  transition: 0.3s;
}
.switch-checbox.custom-checkRadio input:checked + .checkmark-slider:before {
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
  background-color: #fff;
}
.switch-checbox.custom-checkRadio input:checked + .checkmark-slider {
  background-color: var(--primary-color);
}

/* Create a custom radio button */
.radioStyle .checkmark-slider {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border: 1px solid #e5e6eb;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radioStyle:hover input:not(:checked) ~ .checkmark-slider {
  border-color: #949494;
}

/* When the radio button is checked, add a blue background */
.radioStyle input:checked ~ .checkmark-slider {
  background-color: #2f2f2f;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioStyle .checkmark-slider:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioStyle input:checked ~ .checkmark-slider .radioDot {
  display: block;
}

/* Style the indicator (dot/circle) */
.radioStyle .checkmark-slider .radioDot {
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto;
}

/* Custom checkbox with switch design #e2e8f0 end*/

@media (min-width: 640px) {
  .sm\:block {
    display: block;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:.grid {
    display: grid;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-end {
    align-items: flex-end;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:items-baseline {
    align-items: baseline;
  }
  .sm\:items-stretch {
    align-items: stretch;
  }
  .sm\:content-center {
    align-content: center;
  }
  .sm\:content-start {
    align-content: flex-start;
  }
  .sm\:content-end {
    align-content: flex-end;
  }
  .sm\:content-between {
    align-content: space-between;
  }
  .sm\:content-around {
    align-content: space-around;
  }
  .sm\:content-evenly {
    align-content: space-evenly;
  }
  .sm\:self-auto {
    align-self: auto;
  }
  .sm\:self-start {
    align-self: flex-start;
  }
  .sm\:self-end {
    align-self: flex-end;
  }
  .sm\:self-center {
    align-self: center;
  }
  .sm\:self-stretch {
    align-self: stretch;
  }
  .sm\:justify-items-auto {
    justify-items: auto;
  }
  .sm\:justify-items-start {
    justify-items: start;
  }
  .sm\:justify-items-end {
    justify-items: end;
  }
  .sm\:justify-items-center {
    justify-items: center;
  }
  .sm\:justify-items-stretch {
    justify-items: stretch;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:justify-around {
    justify-content: space-around;
  }
  .sm\:justify-evenly {
    justify-content: space-evenly;
  }
  .sm\:justify-self-auto {
    justify-self: auto;
  }
  .sm\:justify-self-start {
    justify-self: start;
  }
  .sm\:justify-self-end {
    justify-self: end;
  }
  .sm\:justify-self-center {
    justify-self: center;
  }
  .sm\:justify-self-stretch {
    justify-self: stretch;
  }
  .sm\:flex-1 {
    flex: 1 1;
  }
  .sm\:flex-auto {
    flex: 1 1 auto;
  }
  .sm\:flex-initial {
    flex: 0 1 auto;
  }
  .sm\:flex-grow {
    flex-grow: 1;
  }
  .sm\:flex-shrink {
    flex-shrink: 1;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .sm\:grid-cols-none {
    grid-template-columns: none;
  }
  /* coloumn width */
  .sm\:APO-col-md-0\5 {
    width: calc(0.5 / 12 * 100%);
  }
  .sm\:APO-col-md-1 {
    width: calc(1 / 12 * 100%);
  }
  .sm\:APO-col-md-1\.5 {
    width: calc(1.5 / 12 * 100%);
  }
  .sm\:APO-col-md-2 {
    width: calc(2 / 12 * 100%);
  }
  .sm\:APO-col-md-2\.5 {
    width: calc(2.5 / 12 * 100%);
  }
  .sm\:APO-col-md-3 {
    width: calc(3 / 12 * 100%);
  }
  .sm\:APO-col-md-3\.5 {
    width: calc(3.5 / 12 * 100%);
  }
  .sm\:APO-col-md-4 {
    width: calc(4 / 12 * 100%);
  }
  .sm\:APO-col-md-4\.5 {
    width: calc(4.5 / 12 * 100%);
  }
  .sm\:APO-col-md-5 {
    width: calc(5 / 12 * 100%);
  }
  .sm\:APO-col-md-5\.5 {
    width: calc(5.5 / 12 * 100%);
  }
  .sm\:APO-col-md-6 {
    width: calc(6 / 12 * 100%);
  }
  .sm\:APO-col-md-6\.5 {
    width: calc(6.5 / 12 * 100%);
  }
  .sm\:APO-col-md-7 {
    width: calc(7 / 12 * 100%);
  }
  .sm\:APO-col-md-7\.5 {
    width: calc(7.5 / 12 * 100%);
  }
  .sm\:APO-col-md-8 {
    width: calc(8 / 12 * 100%);
  }
  .sm\:APO-col-md-8\.5 {
    width: calc(8.5 / 12 * 100%);
  }
  .sm\:APO-col-md-9 {
    width: calc(9 / 12 * 100%);
  }
  .sm\:APO-col-md-9\.5 {
    width: calc(9.5 / 12 * 100%);
  }
  .sm\:APO-col-md-10 {
    width: calc(10 / 12 * 100%);
  }
  .sm\:APO-col-md-10\.5 {
    width: calc(10.5 / 12 * 100%);
  }
  .sm\:APO-col-md-11 {
    width: calc(11 / 12 * 100%);
  }
  .sm\:APO-col-md-11\.5 {
    width: calc(11.5 / 12 * 100%);
  }
  .sm\:APO-col-md-12 {
    width: calc(12 / 12 * 100%);
  }
  .sm\:APO-gap-0 {
    gap: 0px;
  }
  .sm\:APO-gap-x-0 {
    column-gap: 0px;
  }
  .sm\:APO-gap-y-0 {
    row-gap: 0px;
  }
  .sm\:APO-gap-px {
    gap: 1px;
  }
  .sm\:APO-gap-x-px {
    column-gap: 1px;
  }
  .sm\:APO-gap-y-px {
    row-gap: 1px;
  }
  .sm\:APO-gap-0\.5 {
    gap: 2px;
  }
  .sm\:APO-gap-x-0\.5 {
    column-gap: 2px;
  }
  .sm\:APO-gap-y-0\.5 {
    row-gap: 2px;
  }
  .sm\:APO-gap-1 {
    gap: 6px;
  }
  .sm\:APO-gap-x-1 {
    column-gap: 6px;
  }
  .sm\:APO-gap-y-1 {
    row-gap: 6px;
  }
  .sm\:APO-gap-1\.5 {
    gap: 6px;
  }
  .sm\:APO-gap-x-1\.5 {
    column-gap: 6px;
  }
  .sm\:APO-gap-y-1\.5 {
    row-gap: 6px;
  }
  .sm\:APO-gap-2 {
    gap: 8px;
  }
  .sm\:APO-gap-x-2 {
    column-gap: 8px;
  }
  .sm\:APO-gap-y-2 {
    row-gap: 8px;
  }
  .sm\:APO-gap-2\.5 {
    gap: 10px;
  }
  .sm\:APO-gap-x-2\.5 {
    column-gap: 10px;
  }
  .sm\:APO-gap-y-2\.5 {
    row-gap: 10px;
  }
  .sm\:APO-gap-3 {
    gap: 12px;
  }
  .sm\:APO-gap-x-3 {
    column-gap: 12px;
  }
  .sm\:APO-gap-y-3 {
    row-gap: 12px;
  }
  .sm\:APO-gap-3\.5 {
    gap: 14px;
  }
  .sm\:APO-gap-x-3\.5 {
    column-gap: 14px;
  }
  .sm\:APO-gap-y-3\.5 {
    row-gap: 14px;
  }
  .sm\:APO-gap-4 {
    gap: 16px;
  }
  .sm\:APO-gap-x-4 {
    column-gap: 16px;
  }
  .sm\:APO-gap-y-4 {
    row-gap: 16px;
  }
  .sm\:APO-gap-5 {
    gap: 20px;
  }
  .sm\:APO-gap-x-5 {
    column-gap: 20px;
  }
  .sm\:APO-gap-y-5 {
    row-gap: 20px;
  }
  .sm\:APO-gap-6 {
    gap: 28px;
  }
  .sm\:APO-gap-x-6 {
    column-gap: 28px;
  }
  .sm\:APO-gap-y-6 {
    row-gap: 28px;
  }
  .sm\:APO-gap-7 {
    gap: 32px;
  }
  .sm\:APO-gap-x-7 {
    column-gap: 32px;
  }
  .sm\:APO-gap-y-7 {
    row-gap: 32px;
  }
  .sm\:APO-gap-8 {
    gap: 36px;
  }
  .sm\:APO-gap-x-8 {
    column-gap: 36px;
  }
  .sm\:APO-gap-y-8 {
    row-gap: 36px;
  }
  .sm\:APO-gap-9 {
    gap: 40px;
  }
  .sm\:APO-gap-x-9 {
    column-gap: 40px;
  }
  .sm\:APO-gap-y-9 {
    row-gap: 40px;
  }
  .sm\:APO-gap-10 {
    gap: 40px;
  }
  .sm\:APO-gap-x-10 {
    column-gap: 40px;
  }
  .sm\:APO-gap-y-10 {
    row-gap: 40px;
  }
  .sm\:APO-gap-11 {
    gap: 44px;
  }
  .sm\:APO-gap-x-11 {
    column-gap: 44px;
  }
  .sm\:APO-gap-y-11 {
    row-gap: 44px;
  }
  .sm\:APO-gap-12 {
    gap: 48px;
  }
  .sm\:APO-gap-x-12 {
    column-gap: 48px;
  }
  .sm\:APO-gap-y-12 {
    row-gap: 48px;
  }
  .sm\:APO-gap-14 {
    gap: 56px;
  }
  .sm\:APO-gap-x-14 {
    column-gap: 56px;
  }
  .sm\:APO-gap-y-14 {
    row-gap: 56px;
  }
  .sm\:APO-gap-16 {
    gap: 64px;
  }
  .sm\:APO-gap-x-16 {
    column-gap: 64px;
  }
  .sm\:APO-gap-y-16 {
    row-gap: 64px;
  }
  .sm\:APO-gap-20 {
    gap: 80px;
  }
  .sm\:APO-gap-x-20 {
    column-gap: 80px;
  }
  .sm\:APO-gap-y-20 {
    row-gap: 80px;
  }
  .sm\:APO-gap-24 {
    gap: 96px;
  }
  .sm\:APO-gap-x-24 {
    column-gap: 96px;
  }
  .sm\:APO-gap-y-24 {
    row-gap: 96px;
  }
  .sm\:APO-gap-28 {
    gap: 112px;
  }
  .sm\:APO-gap-x-28 {
    column-gap: 112px;
  }
  .sm\:APO-gap-y-28 {
    row-gap: 112px;
  }
  .sm\:APO-gap-32 {
    gap: 128px;
  }
  .sm\:APO-gap-x-32 {
    column-gap: 128px;
  }
  .sm\:APO-gap-y-32 {
    row-gap: 128px;
  }
  .sm\:APO-gap-36 {
    gap: 144px;
  }
  .sm\:APO-gap-x-36 {
    column-gap: 144px;
  }
  .sm\:APO-gap-y-36 {
    row-gap: 144px;
  }
  .sm\:APO-gap-40 {
    gap: 160px;
  }
  .sm\:APO-gap-x-40 {
    column-gap: 160px;
  }
  .sm\:APO-gap-y-40 {
    row-gap: 160px;
  }
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:order-3 {
    order: 3;
  }
  .sm\:order-4 {
    order: 4;
  }
  .sm\:order-5 {
    order: 5;
  }
  .sm\:order-6 {
    order: 6;
  }
  .sm\:order-7 {
    order: 7;
  }
  .sm\:order-8 {
    order: 8;
  }
  .sm\:order-9 {
    order: 9;
  }
  .sm\:order-10 {
    order: 10;
  }
  .sm\:order-11 {
    order: 11;
  }
  .sm\:order-12 {
    order: 12;
  }
  .sm\:order-none {
    order: 0;
  }
  .sm\:-APO-mr-px {
    margin-right: -1px;
  }
  .sm\:-APO-ml-px {
    margin-left: -1px;
  }
  .sm\:-APO-mx-px {
    margin-right: -1px;
    margin-left: -1px;
  }
  .sm\:-APO-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .sm\:APO-m-0 {
    margin: 0px;
  }
  .sm\:APO-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:APO-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .sm\:APO-mt-0 {
    margin-top: 0px;
  }
  .sm\:APO-mr-0 {
    margin-right: 0px;
  }
  .sm\:APO-mb-0 {
    margin-bottom: 0px;
  }
  .sm\:APO-ml-0 {
    margin-left: 0px;
  }
  .sm\:APO-m-auto {
    margin: auto;
  }
  .sm\:APO-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:APO-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .sm\:APO-mt-auto {
    margin-top: auto;
  }
  .sm\:APO-mr-auto {
    margin-right: auto;
  }
  .sm\:APO-mb-auto {
    margin-bottom: auto;
  }
  .sm\:APO-ml-auto {
    margin-left: auto;
  }
  .sm\:APO-m-1 {
    margin: 6px;
  }
  .sm\:APO-mx-1 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .sm\:APO-my-1 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .sm\:APO-ms-1 {
    margin-inline-start: 6px;
  }
  .sm\:APO-me-1 {
    margin-inline-end: 6px;
  }
  .sm\:APO-mt-1 {
    margin-top: 6px;
  }
  .sm\:APO-mr-1 {
    margin-right: 6px;
  }
  .sm\:APO-mb-1 {
    margin-bottom: 6px;
  }
  .sm\:APO-ml-1 {
    margin-left: 6px;
  }
  .sm\:APO-m-1\.5 {
    margin: 6px;
  }
  .sm\:APO-mx-1\.5 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .sm\:APO-my-1\.5 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .sm\:APO-ms-1\.5 {
    margin-inline-start: 6px;
  }
  .sm\:APO-me-1\.5 {
    margin-inline-end: 6px;
  }
  .sm\:APO-mt-1\.5 {
    margin-top: 6px;
  }
  .sm\:APO-mr-1\.5 {
    margin-right: 6px;
  }
  .sm\:APO-mb-1\.5 {
    margin-bottom: 6px;
  }
  .sm\:APO-ml-1\.5 {
    margin-left: 6px;
  }
  .sm\:APO-m-2 {
    margin: 8px;
  }
  .sm\:APO-mx-2 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .sm\:APO-my-2 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .sm\:APO-ms-2 {
    margin-inline-start: 8px;
  }
  .sm\:APO-me-2 {
    margin-inline-end: 8px;
  }
  .sm\:APO-mt-2 {
    margin-top: 8px;
  }
  .sm\:APO-mr-2 {
    margin-right: 8px;
  }
  .sm\:APO-mb-2 {
    margin-bottom: 8px;
  }
  .sm\:APO-ml-2 {
    margin-left: 8px;
  }
  .sm\:APO-m-2\.5 {
    margin: 10px;
  }
  .sm\:APO-mx-2\.5 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .sm\:APO-my-2\.5 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sm\:APO-ms-2\.5 {
    margin-inline-start: 10px;
  }
  .sm\:APO-me-2\.5 {
    margin-inline-end: 10px;
  }
  .sm\:APO-mt-2\.5 {
    margin-top: 10px;
  }
  .sm\:APO-mr-2\.5 {
    margin-right: 10px;
  }
  .sm\:APO-mb-2\.5 {
    margin-bottom: 10px;
  }
  .sm\:APO-ml-2\.5 {
    margin-left: 10px;
  }
  .sm\:APO-m-3 {
    margin: 12px;
  }
  .sm\:APO-mx-3 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .sm\:APO-my-3 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .sm\:APO-ms-3 {
    margin-inline-start: 12px;
  }
  .sm\:APO-me-3 {
    margin-inline-end: 12px;
  }
  .sm\:APO-mt-3 {
    margin-top: 12px;
  }
  .sm\:APO-mr-3 {
    margin-right: 12px;
  }
  .sm\:APO-mb-3 {
    margin-bottom: 12px;
  }
  .sm\:APO-ml-3 {
    margin-left: 12px;
  }
  .sm\:APO-m-3\.5 {
    margin: 14px;
  }
  .sm\:APO-mx-3\.5 {
    margin-left: 14px;
    margin-right: 14px;
  }
  .sm\:APO-my-3\.5 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .sm\:APO-ms-3\.5 {
    margin-inline-start: 14px;
  }
  .sm\:APO-me-3\.5 {
    margin-inline-end: 14px;
  }
  .sm\:APO-mt-3\.5 {
    margin-top: 14px;
  }
  .sm\:APO-mr-3\.5 {
    margin-right: 14px;
  }
  .sm\:APO-mb-3\.5 {
    margin-bottom: 14px;
  }
  .sm\:APO-ml-3\.5 {
    margin-left: 14px;
  }
  .sm\:APO-m-4 {
    margin: 16px;
  }
  .sm\:APO-mx-4 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .sm\:APO-my-4 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .sm\:APO-ms-4 {
    margin-inline-start: 16px;
  }
  .sm\:APO-me-4 {
    margin-inline-end: 16px;
  }
  .sm\:APO-mt-4 {
    margin-top: 16px;
  }
  .sm\:-APO-mt-4 {
    margin-top: -16px;
  }
  .sm\:APO-mr-4 {
    margin-right: 16px;
  }
  .sm\:APO-mb-4 {
    margin-bottom: 16px;
  }
  .sm\:APO-ml-4 {
    margin-left: 16px;
  }
  .sm\:APO-m-5 {
    margin: 20px;
  }
  .sm\:APO-mx-5 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .sm\:APO-my-5 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sm\:APO-mt-5 {
    margin-top: 20px;
  }
  .sm\:APO-mr-5 {
    margin-right: 20px;
  }
  .sm\:APO-mb-5 {
    margin-bottom: 20px;
  }
  .sm\:APO-ml-5 {
    margin-left: 20px;
  }
  .sm\:APO-m-6 {
    margin: 24px;
  }
  .sm\:APO-mx-6 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .sm\:APO-my-6 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .sm\:APO-mt-6 {
    margin-top: 24px;
  }
  .sm\:APO-mr-6 {
    margin-right: 24px;
  }
  .sm\:APO-mb-6 {
    margin-bottom: 24px;
  }
  .sm\:APO-ml-6 {
    margin-left: 24px;
  }
  .sm\:APO-m-7 {
    margin: 28px;
  }
  .sm\:APO-mx-7 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .sm\:APO-my-7 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .sm\:APO-mt-7 {
    margin-top: 28px;
  }
  .sm\:APO-mr-7 {
    margin-right: 28px;
  }
  .sm\:APO-mb-7 {
    margin-bottom: 28px;
  }
  .sm\:APO-ml-7 {
    margin-left: 28px;
  }
  .sm\:APO-m-8 {
    margin: 32px;
  }
  .sm\:APO-m-9 {
    margin: 36px;
  }
  .sm\:APO-mx-8 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .sm\:APO-my-8 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .sm\:APO-mx-9 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .sm\:APO-my-9 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .sm\:APO-mt-8 {
    margin-top: 32px;
  }
  .sm\:APO-mr-8 {
    margin-right: 32px;
  }
  .sm\:APO-mb-8 {
    margin-bottom: 32px;
  }
  .sm\:APO-ml-8 {
    margin-left: 32px;
  }
  .sm\:APO-mt-9 {
    margin-top: 36px;
  }
  .sm\:APO-mb-9 {
    margin-bottom: 36px;
  }
  .sm\:APO-mt-12 {
    margin-top: 48px;
  }
  .sm\:APO-mb-12 {
    margin-top: 48px;
  }
  .sm\:APO-mr-12 {
    margin-right: 48px;
  }
  .sm\:APO-ml-12 {
    margin-left: 48px;
  }
  .sm\:APO-my-12 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .sm\:APO-mx-12 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .sm\:-APO-mx-4 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .sm\:-APO-my-4 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .sm\:APO-p-0 {
    padding: 0px;
  }
  .sm\:APO-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:APO-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sm\:APO-pt-0 {
    padding-top: 0px;
  }
  .sm\:APO-pr-0 {
    padding-right: 0px;
  }
  .sm\:APO-pb-0 {
    padding-bottom: 0px;
  }
  .sm\:APO-pl-0 {
    padding-left: 0px;
  }
  .sm\:APO-p-px {
    padding: 1px;
  }
  .sm\:APO-px-px {
    padding-left: 1px;
    padding-right: 1px;
  }
  .sm\:APO-py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .sm\:APO-pt-px {
    padding-top: 1px;
  }
  .sm\:APO-pr-px {
    padding-right: 1px;
  }
  .sm\:APO-pb-px {
    padding-bottom: 1px;
  }
  .sm\:APO-pl-px {
    padding-left: 1px;
  }
  .sm\:APO-p-0\.5 {
    padding: 2px;
  }
  .sm\:APO-px-0\.5 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .sm\:APO-py-0\.5 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .sm\:APO-pt-0\.5 {
    padding-top: 2px;
  }
  .sm\:APO-pr-0\.5 {
    padding-right: 2px;
  }
  .sm\:APO-pb-0\.5 {
    padding-bottom: 2px;
  }
  .sm\:APO-pl-0\.5 {
    padding-left: 2px;
  }
  .sm\:APO-p-1 {
    padding: 6px;
  }
  .sm\:APO-px-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .sm\:APO-py-1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .sm\:APO-pt-1 {
    padding-top: 6px;
  }
  .sm\:APO-pr-1 {
    padding-right: 6px;
  }
  .sm\:APO-pb-1 {
    padding-bottom: 6px;
  }
  .sm\:APO-pl-1 {
    padding-left: 6px;
  }
  .sm\:APO-p-1\.5 {
    padding: 6px;
  }
  .sm\:APO-px-1\.5 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .sm\:APO-py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .sm\:APO-pt-1\.5 {
    padding-top: 6px;
  }
  .sm\:APO-pr-1\.5 {
    padding-right: 6px;
  }
  .sm\:APO-pb-1\.5 {
    padding-bottom: 6px;
  }
  .sm\:APO-pl-1\.5 {
    padding-left: 6px;
  }
  .sm\:APO-p-2 {
    padding: 8px;
  }
  .sm\:APO-px-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .sm\:APO-py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .sm\:APO-pt-2 {
    padding-top: 8px;
  }
  .sm\:APO-pr-2 {
    padding-right: 8px;
  }
  .sm\:APO-pb-2 {
    padding-bottom: 8px;
  }
  .sm\:APO-pl-2 {
    padding-left: 8px;
  }
  .sm\:APO-p-2\.5 {
    padding: 10px;
  }
  .sm\:APO-px-2\.5 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sm\:APO-py-2\.5 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .sm\:APO-pt-2\.5 {
    padding-top: 10px;
  }
  .sm\:APO-pr-2\.5 {
    padding-right: 10px;
  }
  .sm\:APO-pb-2\.5 {
    padding-bottom: 10px;
  }
  .sm\:APO-pl-2\.5 {
    padding-left: 10px;
  }
  .sm\:APO-p-3 {
    padding: 12px;
  }
  .sm\:APO-px-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .sm\:APO-py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .sm\:APO-pt-3 {
    padding-top: 12px;
  }
  .sm\:APO-pr-3 {
    padding-right: 12px;
  }
  .sm\:APO-pb-3 {
    padding-bottom: 12px;
  }
  .sm\:APO-pl-3 {
    padding-left: 12px;
  }
  .sm\:APO-p-3\.5 {
    padding: 14px;
  }
  .sm\:APO-px-3\.5 {
    padding-left: 14px;
    padding-right: 14px;
  }
  .sm\:APO-py-3\.5 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .sm\:APO-pt-3\.5 {
    padding-top: 14px;
  }
  .sm\:APO-pr-3\.5 {
    padding-right: 14px;
  }
  .sm\:APO-pb-3\.5 {
    padding-bottom: 14px;
  }
  .sm\:APO-pl-3\.5 {
    padding-left: 14px;
  }
  .sm\:APO-p-4 {
    padding: 16px;
  }
  .sm\:APO-px-4 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .sm\:-APO-px-4 {
    padding-left: -16px;
    padding-right: -16px;
  }
  .sm\:APO-py-4 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .sm\:-APO-py-4 {
    padding-top: -16px;
    padding-bottom: -16px;
  }
  .sm\:APO-pt-4 {
    padding-top: 16px;
  }
  .sm\:APO-pr-4 {
    padding-right: 16px;
  }
  .sm\:APO-pb-4 {
    padding-bottom: 16px;
  }
  .sm\:APO-pl-4 {
    padding-left: 16px;
  }
  .sm\:APO-p-5 {
    padding: 20px;
  }
  .sm\:APO-px-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sm\:APO-py-5 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sm\:APO-pt-5 {
    padding-top: 20px;
  }
  .sm\:APO-pr-5 {
    padding-right: 20px;
  }
  .sm\:APO-pb-5 {
    padding-bottom: 20px;
  }
  .sm\:APO-pl-5 {
    padding-left: 20px;
  }
  .sm\:APO-p-6 {
    padding: 24px;
  }
  .sm\:APO-px-6 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .sm\:APO-py-6 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .sm\:APO-pt-6 {
    padding-top: 24px;
  }
  .sm\:APO-pr-6 {
    padding-right: 24px;
  }
  .sm\:APO-pb-6 {
    padding-bottom: 24px;
  }
  .sm\:APO-pl-6 {
    padding-left: 24px;
  }
  .sm\:APO-p-7 {
    padding: 28px;
  }
  .sm\:APO-px-7 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .sm\:APO-py-7 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .sm\:APO-pt-7 {
    padding-top: 28px;
  }
  .sm\:APO-pr-7 {
    padding-right: 28px;
  }
  .sm\:APO-pb-7 {
    padding-bottom: 28px;
  }
  .sm\:APO-pl-7 {
    padding-left: 28px;
  }
  .sm\:APO-p-8 {
    padding: 32px;
  }
  .sm\:APO-px-8 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .sm\:APO-py-8 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .sm\:APO-pt-8 {
    padding-top: 32px;
  }
  .sm\:APO-pr-8 {
    padding-right: 32px;
  }
  .sm\:APO-pb-8 {
    padding-bottom: 32px;
  }
  .sm\:APO-pl-8 {
    padding-left: 32px;
  }
  .sm\:APO-p-9 {
    padding: 36px;
  }
  .sm\:APO-px-9 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .sm\:APO-py-9 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .sm\:APO-pt-9 {
    padding-top: 36px;
  }
  .sm\:APO-pr-9 {
    padding-right: 36px;
  }
  .sm\:APO-pb-9 {
    padding-bottom: 36px;
  }
  .sm\:APO-pl-9 {
    padding-left: 36px;
  }
  .sm\:APO-p-10 {
    padding: 40px;
  }
  .sm\:APO-px-10 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .sm\:APO-py-10 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sm\:APO-pt-10 {
    padding-top: 40px;
  }
  .sm\:APO-pr-10 {
    padding-right: 40px;
  }
  .sm\:APO-pb-10 {
    padding-bottom: 40px;
  }
  .sm\:APO-pl-10 {
    padding-left: 40px;
  }
  .sm\:APO-p-11 {
    padding: 44px;
  }
  .sm\:APO-px-11 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .sm\:APO-py-11 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .sm\:APO-pt-11 {
    padding-top: 44px;
  }
  .sm\:APO-pr-11 {
    padding-right: 44px;
  }
  .sm\:APO-pb-11 {
    padding-bottom: 44px;
  }
  .sm\:APO-pl-11 {
    padding-left: 44px;
  }
  .sm\:APO-p-12 {
    padding: 48px;
  }
  .sm\:APO-px-12 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .sm\:APO-py-12 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .sm\:APO-pt-12 {
    padding-top: 48px;
  }
  .sm\:APO-pr-12 {
    padding-right: 48px;
  }
  .sm\:APO-pb-12 {
    padding-bottom: 48px;
  }
  .sm\:APO-pl-12 {
    padding-left: 48px;
  }
  .sm\:APO-p-14 {
    padding: 56px;
  }
  .sm\:APO-px-14 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .sm\:APO-py-14 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .sm\:APO-pt-14 {
    padding-top: 56px;
  }
  .sm\:APO-pr-14 {
    padding-right: 56px;
  }
  .sm\:APO-pb-14 {
    padding-bottom: 56px;
  }
  .sm\:APO-pl-14 {
    padding-left: 56px;
  }
  .sm\:APO-p-16 {
    padding: 64px;
  }
  .sm\:APO-px-16 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .sm\:APO-py-16 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .sm\:APO-pt-16 {
    padding-top: 64px;
  }
  .sm\:APO-pr-16 {
    padding-right: 64px;
  }
  .sm\:APO-pb-16 {
    padding-bottom: 64px;
  }
  .sm\:APO-pl-16 {
    padding-left: 64px;
  }
}
@media (min-width: 768px) {
  .md\:block {
    display: block;
  }
  .md\:hidden {
    display: none;
  }
  .md\:flex {
    display: flex;
  }
  .md\:.grid {
    display: grid;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-baseline {
    align-items: baseline;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
  .md\:content-center {
    align-content: center;
  }
  .md\:content-start {
    align-content: flex-start;
  }
  .md\:content-end {
    align-content: flex-end;
  }
  .md\:content-between {
    align-content: space-between;
  }
  .md\:content-around {
    align-content: space-around;
  }
  .md\:content-evenly {
    align-content: space-evenly;
  }
  .md\:self-auto {
    align-self: auto;
  }
  .md\:self-start {
    align-self: flex-start;
  }
  .md\:self-end {
    align-self: flex-end;
  }
  .md\:self-center {
    align-self: center;
  }
  .md\:self-stretch {
    align-self: stretch;
  }
  .md\:justify-items-auto {
    justify-items: auto;
  }
  .md\:justify-items-start {
    justify-items: start;
  }
  .md\:justify-items-end {
    justify-items: end;
  }
  .md\:justify-items-center {
    justify-items: center;
  }
  .md\:justify-items-stretch {
    justify-items: stretch;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:justify-around {
    justify-content: space-around;
  }
  .md\:justify-evenly {
    justify-content: space-evenly;
  }
  .md\:justify-self-auto {
    justify-self: auto;
  }
  .md\:justify-self-start {
    justify-self: start;
  }
  .md\:justify-self-end {
    justify-self: end;
  }
  .md\:justify-self-center {
    justify-self: center;
  }
  .md\:justify-self-stretch {
    justify-self: stretch;
  }
  .md\:flex-1 {
    flex: 1 1;
  }
  .md\:flex-auto {
    flex: 1 1 auto;
  }
  .md\:flex-initial {
    flex: 0 1 auto;
  }
  .md\:flex-grow {
    flex-grow: 1;
  }
  .md\:flex-shrink {
    flex-shrink: 1;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:grid-cols-none {
    grid-template-columns: none;
  }
  /* coloumn width */
  .md\:APO-col-md-0\5 {
    width: calc(0.5 / 12 * 100%);
  }
  .md\:APO-col-md-1 {
    width: calc(1 / 12 * 100%);
  }
  .md\:APO-col-md-1\.5 {
    width: calc(1.5 / 12 * 100%);
  }
  .md\:APO-col-md-2 {
    width: calc(2 / 12 * 100%);
  }
  .md\:APO-col-md-2\.5 {
    width: calc(2.5 / 12 * 100%);
  }
  .md\:APO-col-md-3 {
    width: calc(3 / 12 * 100%);
  }
  .md\:APO-col-md-3\.5 {
    width: calc(3.5 / 12 * 100%);
  }
  .md\:APO-col-md-4 {
    width: calc(4 / 12 * 100%);
  }
  .md\:APO-col-md-4\.5 {
    width: calc(4.5 / 12 * 100%);
  }
  .md\:APO-col-md-5 {
    width: calc(5 / 12 * 100%);
  }
  .md\:APO-col-md-5\.5 {
    width: calc(5.5 / 12 * 100%);
  }
  .md\:APO-col-md-6 {
    width: calc(6 / 12 * 100%);
  }
  .md\:APO-col-md-6\.5 {
    width: calc(6.5 / 12 * 100%);
  }
  .md\:APO-col-md-7 {
    width: calc(7 / 12 * 100%);
  }
  .md\:APO-col-md-7\.5 {
    width: calc(7.5 / 12 * 100%);
  }
  .md\:APO-col-md-8 {
    width: calc(8 / 12 * 100%);
  }
  .md\:APO-col-md-8\.5 {
    width: calc(8.5 / 12 * 100%);
  }
  .md\:APO-col-md-9 {
    width: calc(9 / 12 * 100%);
  }
  .md\:APO-col-md-9\.5 {
    width: calc(9.5 / 12 * 100%);
  }
  .md\:APO-col-md-10 {
    width: calc(10 / 12 * 100%);
  }
  .md\:APO-col-md-10\.5 {
    width: calc(10.5 / 12 * 100%);
  }
  .md\:APO-col-md-11 {
    width: calc(11 / 12 * 100%);
  }
  .md\:APO-col-md-11\.5 {
    width: calc(11.5 / 12 * 100%);
  }
  .md\:APO-col-md-12 {
    width: calc(12 / 12 * 100%);
  }
  .md\:APO-gap-0 {
    gap: 0px;
  }
  .md\:APO-gap-x-0 {
    column-gap: 0px;
  }
  .md\:APO-gap-y-0 {
    row-gap: 0px;
  }
  .md\:APO-gap-px {
    gap: 1px;
  }
  .md\:APO-gap-x-px {
    column-gap: 1px;
  }
  .md\:APO-gap-y-px {
    row-gap: 1px;
  }
  .md\:APO-gap-0\.5 {
    gap: 2px;
  }
  .md\:APO-gap-x-0\.5 {
    column-gap: 2px;
  }
  .md\:APO-gap-y-0\.5 {
    row-gap: 2px;
  }
  .md\:APO-gap-1 {
    gap: 6px;
  }
  .md\:APO-gap-x-1 {
    column-gap: 6px;
  }
  .md\:APO-gap-y-1 {
    row-gap: 6px;
  }
  .md\:APO-gap-1\.5 {
    gap: 6px;
  }
  .md\:APO-gap-x-1\.5 {
    column-gap: 6px;
  }
  .md\:APO-gap-y-1\.5 {
    row-gap: 6px;
  }
  .md\:APO-gap-2 {
    gap: 8px;
  }
  .md\:APO-gap-x-2 {
    column-gap: 8px;
  }
  .md\:APO-gap-y-2 {
    row-gap: 8px;
  }
  .md\:APO-gap-2\.5 {
    gap: 10px;
  }
  .md\:APO-gap-x-2\.5 {
    column-gap: 10px;
  }
  .md\:APO-gap-y-2\.5 {
    row-gap: 10px;
  }
  .md\:APO-gap-3 {
    gap: 12px;
  }
  .md\:APO-gap-x-3 {
    column-gap: 12px;
  }
  .md\:APO-gap-y-3 {
    row-gap: 12px;
  }
  .md\:APO-gap-3\.5 {
    gap: 14px;
  }
  .md\:APO-gap-x-3\.5 {
    column-gap: 14px;
  }
  .md\:APO-gap-y-3\.5 {
    row-gap: 14px;
  }
  .md\:APO-gap-4 {
    gap: 16px;
  }
  .md\:APO-gap-x-4 {
    column-gap: 16px;
  }
  .md\:APO-gap-y-4 {
    row-gap: 16px;
  }
  .md\:APO-gap-5 {
    gap: 20px;
  }
  .md\:APO-gap-x-5 {
    column-gap: 20px;
  }
  .md\:APO-gap-y-5 {
    row-gap: 20px;
  }
  .md\:APO-gap-6 {
    gap: 28px;
  }
  .md\:APO-gap-x-6 {
    column-gap: 28px;
  }
  .md\:APO-gap-y-6 {
    row-gap: 28px;
  }
  .md\:APO-gap-7 {
    gap: 32px;
  }
  .md\:APO-gap-x-7 {
    column-gap: 32px;
  }
  .md\:APO-gap-y-7 {
    row-gap: 32px;
  }
  .md\:APO-gap-8 {
    gap: 36px;
  }
  .md\:APO-gap-x-8 {
    column-gap: 36px;
  }
  .md\:APO-gap-y-8 {
    row-gap: 36px;
  }
  .md\:APO-gap-9 {
    gap: 40px;
  }
  .md\:APO-gap-x-9 {
    column-gap: 40px;
  }
  .md\:APO-gap-y-9 {
    row-gap: 40px;
  }
  .md\:APO-gap-10 {
    gap: 40px;
  }
  .md\:APO-gap-x-10 {
    column-gap: 40px;
  }
  .md\:APO-gap-y-10 {
    row-gap: 40px;
  }
  .md\:APO-gap-11 {
    gap: 44px;
  }
  .md\:APO-gap-x-11 {
    column-gap: 44px;
  }
  .md\:APO-gap-y-11 {
    row-gap: 44px;
  }
  .md\:APO-gap-12 {
    gap: 48px;
  }
  .md\:APO-gap-x-12 {
    column-gap: 48px;
  }
  .md\:APO-gap-y-12 {
    row-gap: 48px;
  }
  .md\:APO-gap-14 {
    gap: 56px;
  }
  .md\:APO-gap-x-14 {
    column-gap: 56px;
  }
  .md\:APO-gap-y-14 {
    row-gap: 56px;
  }
  .md\:APO-gap-16 {
    gap: 64px;
  }
  .md\:APO-gap-x-16 {
    column-gap: 64px;
  }
  .md\:APO-gap-y-16 {
    row-gap: 64px;
  }
  .md\:APO-gap-20 {
    gap: 80px;
  }
  .md\:APO-gap-x-20 {
    column-gap: 80px;
  }
  .md\:APO-gap-y-20 {
    row-gap: 80px;
  }
  .md\:APO-gap-24 {
    gap: 96px;
  }
  .md\:APO-gap-x-24 {
    column-gap: 96px;
  }
  .md\:APO-gap-y-24 {
    row-gap: 96px;
  }
  .md\:APO-gap-28 {
    gap: 112px;
  }
  .md\:APO-gap-x-28 {
    column-gap: 112px;
  }
  .md\:APO-gap-y-28 {
    row-gap: 112px;
  }
  .md\:APO-gap-32 {
    gap: 128px;
  }
  .md\:APO-gap-x-32 {
    column-gap: 128px;
  }
  .md\:APO-gap-y-32 {
    row-gap: 128px;
  }
  .md\:APO-gap-36 {
    gap: 144px;
  }
  .md\:APO-gap-x-36 {
    column-gap: 144px;
  }
  .md\:APO-gap-y-36 {
    row-gap: 144px;
  }
  .md\:APO-gap-40 {
    gap: 160px;
  }
  .md\:APO-gap-x-40 {
    column-gap: 160px;
  }
  .md\:APO-gap-y-40 {
    row-gap: 160px;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:order-3 {
    order: 3;
  }
  .md\:order-4 {
    order: 4;
  }
  .md\:order-5 {
    order: 5;
  }
  .md\:order-6 {
    order: 6;
  }
  .md\:order-7 {
    order: 7;
  }
  .md\:order-8 {
    order: 8;
  }
  .md\:order-9 {
    order: 9;
  }
  .md\:order-10 {
    order: 10;
  }
  .md\:order-11 {
    order: 11;
  }
  .md\:order-12 {
    order: 12;
  }
  .md\:order-none {
    order: 0;
  }
  .md\:-APO-mr-px {
    margin-right: -1px;
  }
  .md\:-APO-ml-px {
    margin-left: -1px;
  }
  .md\:-APO-mx-px {
    margin-right: -1px;
    margin-left: -1px;
  }
  .md\:-APO-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .md\:APO-m-0 {
    margin: 0px;
  }
  .md\:APO-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:APO-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md\:APO-mt-0 {
    margin-top: 0px;
  }
  .md\:APO-mr-0 {
    margin-right: 0px;
  }
  .md\:APO-mb-0 {
    margin-bottom: 0px;
  }
  .md\:APO-ml-0 {
    margin-left: 0px;
  }
  .md\:APO-m-auto {
    margin: auto;
  }
  .md\:APO-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:APO-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .md\:APO-mt-auto {
    margin-top: auto;
  }
  .md\:APO-mr-auto {
    margin-right: auto;
  }
  .md\:APO-mb-auto {
    margin-bottom: auto;
  }
  .md\:APO-ml-auto {
    margin-left: auto;
  }
  .md\:APO-m-1 {
    margin: 6px;
  }
  .md\:APO-mx-1 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .md\:APO-my-1 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .md\:APO-ms-1 {
    margin-inline-start: 6px;
  }
  .md\:APO-me-1 {
    margin-inline-end: 6px;
  }
  .md\:APO-mt-1 {
    margin-top: 6px;
  }
  .md\:APO-mr-1 {
    margin-right: 6px;
  }
  .md\:APO-mb-1 {
    margin-bottom: 6px;
  }
  .md\:APO-ml-1 {
    margin-left: 6px;
  }
  .md\:APO-m-1\.5 {
    margin: 6px;
  }
  .md\:APO-mx-1\.5 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .md\:APO-my-1\.5 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .md\:APO-ms-1\.5 {
    margin-inline-start: 6px;
  }
  .md\:APO-me-1\.5 {
    margin-inline-end: 6px;
  }
  .md\:APO-mt-1\.5 {
    margin-top: 6px;
  }
  .md\:APO-mr-1\.5 {
    margin-right: 6px;
  }
  .md\:APO-mb-1\.5 {
    margin-bottom: 6px;
  }
  .md\:APO-ml-1\.5 {
    margin-left: 6px;
  }
  .md\:APO-m-2 {
    margin: 8px;
  }
  .md\:APO-mx-2 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .md\:APO-my-2 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .md\:APO-ms-2 {
    margin-inline-start: 8px;
  }
  .md\:APO-me-2 {
    margin-inline-end: 8px;
  }
  .md\:APO-mt-2 {
    margin-top: 8px;
  }
  .md\:APO-mr-2 {
    margin-right: 8px;
  }
  .md\:APO-mb-2 {
    margin-bottom: 8px;
  }
  .md\:APO-ml-2 {
    margin-left: 8px;
  }
  .md\:APO-m-2\.5 {
    margin: 10px;
  }
  .md\:APO-mx-2\.5 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .md\:APO-my-2\.5 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .md\:APO-ms-2\.5 {
    margin-inline-start: 10px;
  }
  .md\:APO-me-2\.5 {
    margin-inline-end: 10px;
  }
  .md\:APO-mt-2\.5 {
    margin-top: 10px;
  }
  .md\:APO-mr-2\.5 {
    margin-right: 10px;
  }
  .md\:APO-mb-2\.5 {
    margin-bottom: 10px;
  }
  .md\:APO-ml-2\.5 {
    margin-left: 10px;
  }
  .md\:APO-m-3 {
    margin: 12px;
  }
  .md\:APO-mx-3 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .md\:APO-my-3 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .md\:APO-ms-3 {
    margin-inline-start: 12px;
  }
  .md\:APO-me-3 {
    margin-inline-end: 12px;
  }
  .md\:APO-mt-3 {
    margin-top: 12px;
  }
  .md\:APO-mr-3 {
    margin-right: 12px;
  }
  .md\:APO-mb-3 {
    margin-bottom: 12px;
  }
  .md\:APO-ml-3 {
    margin-left: 12px;
  }
  .md\:APO-m-3\.5 {
    margin: 14px;
  }
  .md\:APO-mx-3\.5 {
    margin-left: 14px;
    margin-right: 14px;
  }
  .md\:APO-my-3\.5 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .md\:APO-ms-3\.5 {
    margin-inline-start: 14px;
  }
  .md\:APO-me-3\.5 {
    margin-inline-end: 14px;
  }
  .md\:APO-mt-3\.5 {
    margin-top: 14px;
  }
  .md\:APO-mr-3\.5 {
    margin-right: 14px;
  }
  .md\:APO-mb-3\.5 {
    margin-bottom: 14px;
  }
  .md\:APO-ml-3\.5 {
    margin-left: 14px;
  }
  .md\:APO-m-4 {
    margin: 16px;
  }
  .md\:APO-mx-4 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .md\:APO-my-4 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .md\:APO-ms-4 {
    margin-inline-start: 16px;
  }
  .md\:APO-me-4 {
    margin-inline-end: 16px;
  }
  .md\:APO-mt-4 {
    margin-top: 16px;
  }
  .md\:-APO-mt-4 {
    margin-top: -16px;
  }
  .md\:APO-mr-4 {
    margin-right: 16px;
  }
  .md\:APO-mb-4 {
    margin-bottom: 16px;
  }
  .md\:APO-ml-4 {
    margin-left: 16px;
  }
  .md\:APO-m-5 {
    margin: 20px;
  }
  .md\:APO-mx-5 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .md\:APO-my-5 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .md\:APO-mt-5 {
    margin-top: 20px;
  }
  .md\:APO-mr-5 {
    margin-right: 20px;
  }
  .md\:APO-mb-5 {
    margin-bottom: 20px;
  }
  .md\:APO-ml-5 {
    margin-left: 20px;
  }
  .md\:APO-m-6 {
    margin: 24px;
  }
  .md\:APO-mx-6 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .md\:APO-my-6 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .md\:APO-mt-6 {
    margin-top: 24px;
  }
  .md\:APO-mr-6 {
    margin-right: 24px;
  }
  .md\:APO-mb-6 {
    margin-bottom: 24px;
  }
  .md\:APO-ml-6 {
    margin-left: 24px;
  }
  .md\:APO-m-7 {
    margin: 28px;
  }
  .md\:APO-mx-7 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .md\:APO-my-7 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .md\:APO-mt-7 {
    margin-top: 28px;
  }
  .md\:APO-mr-7 {
    margin-right: 28px;
  }
  .md\:APO-mb-7 {
    margin-bottom: 28px;
  }
  .md\:APO-ml-7 {
    margin-left: 28px;
  }
  .md\:APO-m-8 {
    margin: 32px;
  }
  .md\:APO-m-9 {
    margin: 36px;
  }
  .md\:APO-mx-8 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .md\:APO-my-8 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .md\:APO-mx-9 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .md\:APO-my-9 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .md\:APO-mt-8 {
    margin-top: 32px;
  }
  .md\:APO-mr-8 {
    margin-right: 32px;
  }
  .md\:APO-mb-8 {
    margin-bottom: 32px;
  }
  .md\:APO-ml-8 {
    margin-left: 32px;
  }
  .md\:APO-mt-9 {
    margin-top: 36px;
  }
  .md\:APO-mb-9 {
    margin-bottom: 36px;
  }
  .md\:APO-mt-12 {
    margin-top: 48px;
  }
  .md\:APO-mb-12 {
    margin-top: 48px;
  }
  .md\:APO-mr-12 {
    margin-right: 48px;
  }
  .md\:APO-ml-12 {
    margin-left: 48px;
  }
  .md\:APO-my-12 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .md\:APO-mx-12 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .md\:-APO-mx-4 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .md\:-APO-my-4 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .md\:APO-p-0 {
    padding: 0px;
  }
  .md\:APO-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:APO-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:APO-pt-0 {
    padding-top: 0px;
  }
  .md\:APO-pr-0 {
    padding-right: 0px;
  }
  .md\:APO-pb-0 {
    padding-bottom: 0px;
  }
  .md\:APO-pl-0 {
    padding-left: 0px;
  }
  .md\:APO-p-px {
    padding: 1px;
  }
  .md\:APO-px-px {
    padding-left: 1px;
    padding-right: 1px;
  }
  .md\:APO-py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .md\:APO-pt-px {
    padding-top: 1px;
  }
  .md\:APO-pr-px {
    padding-right: 1px;
  }
  .md\:APO-pb-px {
    padding-bottom: 1px;
  }
  .md\:APO-pl-px {
    padding-left: 1px;
  }
  .md\:APO-p-0\.5 {
    padding: 2px;
  }
  .md\:APO-px-0\.5 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .md\:APO-py-0\.5 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .md\:APO-pt-0\.5 {
    padding-top: 2px;
  }
  .md\:APO-pr-0\.5 {
    padding-right: 2px;
  }
  .md\:APO-pb-0\.5 {
    padding-bottom: 2px;
  }
  .md\:APO-pl-0\.5 {
    padding-left: 2px;
  }
  .md\:APO-p-1 {
    padding: 6px;
  }
  .md\:APO-px-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .md\:APO-py-1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .md\:APO-pt-1 {
    padding-top: 6px;
  }
  .md\:APO-pr-1 {
    padding-right: 6px;
  }
  .md\:APO-pb-1 {
    padding-bottom: 6px;
  }
  .md\:APO-pl-1 {
    padding-left: 6px;
  }
  .md\:APO-p-1\.5 {
    padding: 6px;
  }
  .md\:APO-px-1\.5 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .md\:APO-py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .md\:APO-pt-1\.5 {
    padding-top: 6px;
  }
  .md\:APO-pr-1\.5 {
    padding-right: 6px;
  }
  .md\:APO-pb-1\.5 {
    padding-bottom: 6px;
  }
  .md\:APO-pl-1\.5 {
    padding-left: 6px;
  }
  .md\:APO-p-2 {
    padding: 8px;
  }
  .md\:APO-px-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .md\:APO-py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .md\:APO-pt-2 {
    padding-top: 8px;
  }
  .md\:APO-pr-2 {
    padding-right: 8px;
  }
  .md\:APO-pb-2 {
    padding-bottom: 8px;
  }
  .md\:APO-pl-2 {
    padding-left: 8px;
  }
  .md\:APO-p-2\.5 {
    padding: 10px;
  }
  .md\:APO-px-2\.5 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .md\:APO-py-2\.5 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .md\:APO-pt-2\.5 {
    padding-top: 10px;
  }
  .md\:APO-pr-2\.5 {
    padding-right: 10px;
  }
  .md\:APO-pb-2\.5 {
    padding-bottom: 10px;
  }
  .md\:APO-pl-2\.5 {
    padding-left: 10px;
  }
  .md\:APO-p-3 {
    padding: 12px;
  }
  .md\:APO-px-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .md\:APO-py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .md\:APO-pt-3 {
    padding-top: 12px;
  }
  .md\:APO-pr-3 {
    padding-right: 12px;
  }
  .md\:APO-pb-3 {
    padding-bottom: 12px;
  }
  .md\:APO-pl-3 {
    padding-left: 12px;
  }
  .md\:APO-p-3\.5 {
    padding: 14px;
  }
  .md\:APO-px-3\.5 {
    padding-left: 14px;
    padding-right: 14px;
  }
  .md\:APO-py-3\.5 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .md\:APO-pt-3\.5 {
    padding-top: 14px;
  }
  .md\:APO-pr-3\.5 {
    padding-right: 14px;
  }
  .md\:APO-pb-3\.5 {
    padding-bottom: 14px;
  }
  .md\:APO-pl-3\.5 {
    padding-left: 14px;
  }
  .md\:APO-p-4 {
    padding: 16px;
  }
  .md\:APO-px-4 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .md\:-APO-px-4 {
    padding-left: -16px;
    padding-right: -16px;
  }
  .md\:APO-py-4 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .md\:-APO-py-4 {
    padding-top: -16px;
    padding-bottom: -16px;
  }
  .md\:APO-pt-4 {
    padding-top: 16px;
  }
  .md\:APO-pr-4 {
    padding-right: 16px;
  }
  .md\:APO-pb-4 {
    padding-bottom: 16px;
  }
  .md\:APO-pl-4 {
    padding-left: 16px;
  }
  .md\:APO-p-5 {
    padding: 20px;
  }
  .md\:APO-px-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .md\:APO-py-5 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .md\:APO-pt-5 {
    padding-top: 20px;
  }
  .md\:APO-pr-5 {
    padding-right: 20px;
  }
  .md\:APO-pb-5 {
    padding-bottom: 20px;
  }
  .md\:APO-pl-5 {
    padding-left: 20px;
  }
  .md\:APO-p-6 {
    padding: 24px;
  }
  .md\:APO-px-6 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .md\:APO-py-6 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .md\:APO-pt-6 {
    padding-top: 24px;
  }
  .md\:APO-pr-6 {
    padding-right: 24px;
  }
  .md\:APO-pb-6 {
    padding-bottom: 24px;
  }
  .md\:APO-pl-6 {
    padding-left: 24px;
  }
  .md\:APO-p-7 {
    padding: 28px;
  }
  .md\:APO-px-7 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .md\:APO-py-7 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .md\:APO-pt-7 {
    padding-top: 28px;
  }
  .md\:APO-pr-7 {
    padding-right: 28px;
  }
  .md\:APO-pb-7 {
    padding-bottom: 28px;
  }
  .md\:APO-pl-7 {
    padding-left: 28px;
  }
  .md\:APO-p-8 {
    padding: 32px;
  }
  .md\:APO-px-8 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .md\:APO-py-8 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .md\:APO-pt-8 {
    padding-top: 32px;
  }
  .md\:APO-pr-8 {
    padding-right: 32px;
  }
  .md\:APO-pb-8 {
    padding-bottom: 32px;
  }
  .md\:APO-pl-8 {
    padding-left: 32px;
  }
  .md\:APO-p-9 {
    padding: 36px;
  }
  .md\:APO-px-9 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .md\:APO-py-9 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .md\:APO-pt-9 {
    padding-top: 36px;
  }
  .md\:APO-pr-9 {
    padding-right: 36px;
  }
  .md\:APO-pb-9 {
    padding-bottom: 36px;
  }
  .md\:APO-pl-9 {
    padding-left: 36px;
  }
  .md\:APO-p-10 {
    padding: 40px;
  }
  .md\:APO-px-10 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .md\:APO-py-10 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .md\:APO-pt-10 {
    padding-top: 40px;
  }
  .md\:APO-pr-10 {
    padding-right: 40px;
  }
  .md\:APO-pb-10 {
    padding-bottom: 40px;
  }
  .md\:APO-pl-10 {
    padding-left: 40px;
  }
  .md\:APO-p-11 {
    padding: 44px;
  }
  .md\:APO-px-11 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .md\:APO-py-11 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .md\:APO-pt-11 {
    padding-top: 44px;
  }
  .md\:APO-pr-11 {
    padding-right: 44px;
  }
  .md\:APO-pb-11 {
    padding-bottom: 44px;
  }
  .md\:APO-pl-11 {
    padding-left: 44px;
  }
  .md\:APO-p-12 {
    padding: 48px;
  }
  .md\:APO-px-12 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .md\:APO-py-12 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .md\:APO-pt-12 {
    padding-top: 48px;
  }
  .md\:APO-pr-12 {
    padding-right: 48px;
  }
  .md\:APO-pb-12 {
    padding-bottom: 48px;
  }
  .md\:APO-pl-12 {
    padding-left: 48px;
  }
  .md\:APO-p-14 {
    padding: 56px;
  }
  .md\:APO-px-14 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .md\:APO-py-14 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .md\:APO-pt-14 {
    padding-top: 56px;
  }
  .md\:APO-pr-14 {
    padding-right: 56px;
  }
  .md\:APO-pb-14 {
    padding-bottom: 56px;
  }
  .md\:APO-pl-14 {
    padding-left: 56px;
  }
  .md\:APO-p-16 {
    padding: 64px;
  }
  .md\:APO-px-16 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .md\:APO-py-16 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .md\:APO-pt-16 {
    padding-top: 64px;
  }
  .md\:APO-pr-16 {
    padding-right: 64px;
  }
  .md\:APO-pb-16 {
    padding-bottom: 64px;
  }
  .md\:APO-pl-16 {
    padding-left: 64px;
  }
}
@media (min-width: 1024px) {
  .lg\:block {
    display: block;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:.grid {
    display: grid;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:items-baseline {
    align-items: baseline;
  }
  .lg\:items-stretch {
    align-items: stretch;
  }
  .lg\:content-center {
    align-content: center;
  }
  .lg\:content-start {
    align-content: flex-start;
  }
  .lg\:content-end {
    align-content: flex-end;
  }
  .lg\:content-between {
    align-content: space-between;
  }
  .lg\:content-around {
    align-content: space-around;
  }
  .lg\:content-evenly {
    align-content: space-evenly;
  }
  .lg\:self-auto {
    align-self: auto;
  }
  .lg\:self-start {
    align-self: flex-start;
  }
  .lg\:self-end {
    align-self: flex-end;
  }
  .lg\:self-center {
    align-self: center;
  }
  .lg\:self-stretch {
    align-self: stretch;
  }
  .lg\:justify-items-auto {
    justify-items: auto;
  }
  .lg\:justify-items-start {
    justify-items: start;
  }
  .lg\:justify-items-end {
    justify-items: end;
  }
  .lg\:justify-items-center {
    justify-items: center;
  }
  .lg\:justify-items-stretch {
    justify-items: stretch;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-end {
    justify-content: flex-end;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:justify-around {
    justify-content: space-around;
  }
  .lg\:justify-evenly {
    justify-content: space-evenly;
  }
  .lg\:justify-self-auto {
    justify-self: auto;
  }
  .lg\:justify-self-start {
    justify-self: start;
  }
  .lg\:justify-self-end {
    justify-self: end;
  }
  .lg\:justify-self-center {
    justify-self: center;
  }
  .lg\:justify-self-stretch {
    justify-self: stretch;
  }
  .lg\:flex-1 {
    flex: 1 1;
  }
  .lg\:flex-auto {
    flex: 1 1 auto;
  }
  .lg\:flex-initial {
    flex: 0 1 auto;
  }
  .lg\:flex-grow {
    flex-grow: 1;
  }
  .lg\:flex-shrink {
    flex-shrink: 1;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-cols-none {
    grid-template-columns: none;
  }
  /* coloumn width */
  .lg\:APO-col-md-0\5 {
    width: calc(0.5 / 12 * 100%);
  }
  .lg\:APO-col-md-1 {
    width: calc(1 / 12 * 100%);
  }
  .lg\:APO-col-md-1\.5 {
    width: calc(1.5 / 12 * 100%);
  }
  .lg\:APO-col-md-2 {
    width: calc(2 / 12 * 100%);
  }
  .lg\:APO-col-md-2\.5 {
    width: calc(2.5 / 12 * 100%);
  }
  .lg\:APO-col-md-3 {
    width: calc(3 / 12 * 100%);
  }
  .lg\:APO-col-md-3\.5 {
    width: calc(3.5 / 12 * 100%);
  }
  .lg\:APO-col-md-4 {
    width: calc(4 / 12 * 100%);
  }
  .lg\:APO-col-md-4\.5 {
    width: calc(4.5 / 12 * 100%);
  }
  .lg\:APO-col-md-5 {
    width: calc(5 / 12 * 100%);
  }
  .lg\:APO-col-md-5\.5 {
    width: calc(5.5 / 12 * 100%);
  }
  .lg\:APO-col-md-6 {
    width: calc(6 / 12 * 100%);
  }
  .lg\:APO-col-md-6\.5 {
    width: calc(6.5 / 12 * 100%);
  }
  .lg\:APO-col-md-7 {
    width: calc(7 / 12 * 100%);
  }
  .lg\:APO-col-md-7\.5 {
    width: calc(7.5 / 12 * 100%);
  }
  .lg\:APO-col-md-8 {
    width: calc(8 / 12 * 100%);
  }
  .lg\:APO-col-md-8\.5 {
    width: calc(8.5 / 12 * 100%);
  }
  .lg\:APO-col-md-9 {
    width: calc(9 / 12 * 100%);
  }
  .lg\:APO-col-md-9\.5 {
    width: calc(9.5 / 12 * 100%);
  }
  .lg\:APO-col-md-10 {
    width: calc(10 / 12 * 100%);
  }
  .lg\:APO-col-md-10\.5 {
    width: calc(10.5 / 12 * 100%);
  }
  .lg\:APO-col-md-11 {
    width: calc(11 / 12 * 100%);
  }
  .lg\:APO-col-md-11\.5 {
    width: calc(11.5 / 12 * 100%);
  }
  .lg\:APO-col-md-12 {
    width: calc(12 / 12 * 100%);
  }
  .lg\:APO-gap-0 {
    gap: 0px;
  }
  .lg\:APO-gap-x-0 {
    column-gap: 0px;
  }
  .lg\:APO-gap-y-0 {
    row-gap: 0px;
  }
  .lg\:APO-gap-px {
    gap: 1px;
  }
  .lg\:APO-gap-x-px {
    column-gap: 1px;
  }
  .lg\:APO-gap-y-px {
    row-gap: 1px;
  }
  .lg\:APO-gap-0\.5 {
    gap: 2px;
  }
  .lg\:APO-gap-x-0\.5 {
    column-gap: 2px;
  }
  .lg\:APO-gap-y-0\.5 {
    row-gap: 2px;
  }
  .lg\:APO-gap-1 {
    gap: 6px;
  }
  .lg\:APO-gap-x-1 {
    column-gap: 6px;
  }
  .lg\:APO-gap-y-1 {
    row-gap: 6px;
  }
  .lg\:APO-gap-1\.5 {
    gap: 6px;
  }
  .lg\:APO-gap-x-1\.5 {
    column-gap: 6px;
  }
  .lg\:APO-gap-y-1\.5 {
    row-gap: 6px;
  }
  .lg\:APO-gap-2 {
    gap: 8px;
  }
  .lg\:APO-gap-x-2 {
    column-gap: 8px;
  }
  .lg\:APO-gap-y-2 {
    row-gap: 8px;
  }
  .lg\:APO-gap-2\.5 {
    gap: 10px;
  }
  .lg\:APO-gap-x-2\.5 {
    column-gap: 10px;
  }
  .lg\:APO-gap-y-2\.5 {
    row-gap: 10px;
  }
  .lg\:APO-gap-3 {
    gap: 12px;
  }
  .lg\:APO-gap-x-3 {
    column-gap: 12px;
  }
  .lg\:APO-gap-y-3 {
    row-gap: 12px;
  }
  .lg\:APO-gap-3\.5 {
    gap: 14px;
  }
  .lg\:APO-gap-x-3\.5 {
    column-gap: 14px;
  }
  .lg\:APO-gap-y-3\.5 {
    row-gap: 14px;
  }
  .lg\:APO-gap-4 {
    gap: 16px;
  }
  .lg\:APO-gap-x-4 {
    column-gap: 16px;
  }
  .lg\:APO-gap-y-4 {
    row-gap: 16px;
  }
  .lg\:APO-gap-5 {
    gap: 20px;
  }
  .lg\:APO-gap-x-5 {
    column-gap: 20px;
  }
  .lg\:APO-gap-y-5 {
    row-gap: 20px;
  }
  .lg\:APO-gap-6 {
    gap: 28px;
  }
  .lg\:APO-gap-x-6 {
    column-gap: 28px;
  }
  .lg\:APO-gap-y-6 {
    row-gap: 28px;
  }
  .lg\:APO-gap-7 {
    gap: 32px;
  }
  .lg\:APO-gap-x-7 {
    column-gap: 32px;
  }
  .lg\:APO-gap-y-7 {
    row-gap: 32px;
  }
  .lg\:APO-gap-8 {
    gap: 36px;
  }
  .lg\:APO-gap-x-8 {
    column-gap: 36px;
  }
  .lg\:APO-gap-y-8 {
    row-gap: 36px;
  }
  .lg\:APO-gap-9 {
    gap: 40px;
  }
  .lg\:APO-gap-x-9 {
    column-gap: 40px;
  }
  .lg\:APO-gap-y-9 {
    row-gap: 40px;
  }
  .lg\:APO-gap-10 {
    gap: 40px;
  }
  .lg\:APO-gap-x-10 {
    column-gap: 40px;
  }
  .lg\:APO-gap-y-10 {
    row-gap: 40px;
  }
  .lg\:APO-gap-11 {
    gap: 44px;
  }
  .lg\:APO-gap-x-11 {
    column-gap: 44px;
  }
  .lg\:APO-gap-y-11 {
    row-gap: 44px;
  }
  .lg\:APO-gap-12 {
    gap: 48px;
  }
  .lg\:APO-gap-x-12 {
    column-gap: 48px;
  }
  .lg\:APO-gap-y-12 {
    row-gap: 48px;
  }
  .lg\:APO-gap-14 {
    gap: 56px;
  }
  .lg\:APO-gap-x-14 {
    column-gap: 56px;
  }
  .lg\:APO-gap-y-14 {
    row-gap: 56px;
  }
  .lg\:APO-gap-16 {
    gap: 64px;
  }
  .lg\:APO-gap-x-16 {
    column-gap: 64px;
  }
  .lg\:APO-gap-y-16 {
    row-gap: 64px;
  }
  .lg\:APO-gap-20 {
    gap: 80px;
  }
  .lg\:APO-gap-x-20 {
    column-gap: 80px;
  }
  .lg\:APO-gap-y-20 {
    row-gap: 80px;
  }
  .lg\:APO-gap-24 {
    gap: 96px;
  }
  .lg\:APO-gap-x-24 {
    column-gap: 96px;
  }
  .lg\:APO-gap-y-24 {
    row-gap: 96px;
  }
  .lg\:APO-gap-28 {
    gap: 112px;
  }
  .lg\:APO-gap-x-28 {
    column-gap: 112px;
  }
  .lg\:APO-gap-y-28 {
    row-gap: 112px;
  }
  .lg\:APO-gap-32 {
    gap: 128px;
  }
  .lg\:APO-gap-x-32 {
    column-gap: 128px;
  }
  .lg\:APO-gap-y-32 {
    row-gap: 128px;
  }
  .lg\:APO-gap-36 {
    gap: 144px;
  }
  .lg\:APO-gap-x-36 {
    column-gap: 144px;
  }
  .lg\:APO-gap-y-36 {
    row-gap: 144px;
  }
  .lg\:APO-gap-40 {
    gap: 160px;
  }
  .lg\:APO-gap-x-40 {
    column-gap: 160px;
  }
  .lg\:APO-gap-y-40 {
    row-gap: 160px;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:order-3 {
    order: 3;
  }
  .lg\:order-4 {
    order: 4;
  }
  .lg\:order-5 {
    order: 5;
  }
  .lg\:order-6 {
    order: 6;
  }
  .lg\:order-7 {
    order: 7;
  }
  .lg\:order-8 {
    order: 8;
  }
  .lg\:order-9 {
    order: 9;
  }
  .lg\:order-10 {
    order: 10;
  }
  .lg\:order-11 {
    order: 11;
  }
  .lg\:order-12 {
    order: 12;
  }
  .lg\:order-none {
    order: 0;
  }
  .lg\:-APO-mr-px {
    margin-right: -1px;
  }
  .lg\:-APO-ml-px {
    margin-left: -1px;
  }
  .lg\:-APO-mx-px {
    margin-right: -1px;
    margin-left: -1px;
  }
  .lg\:-APO-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .lg\:APO-m-0 {
    margin: 0px;
  }
  .lg\:APO-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:APO-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .lg\:APO-mt-0 {
    margin-top: 0px;
  }
  .lg\:APO-mr-0 {
    margin-right: 0px;
  }
  .lg\:APO-mb-0 {
    margin-bottom: 0px;
  }
  .lg\:APO-ml-0 {
    margin-left: 0px;
  }
  .lg\:APO-m-auto {
    margin: auto;
  }
  .lg\:APO-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:APO-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .lg\:APO-mt-auto {
    margin-top: auto;
  }
  .lg\:APO-mr-auto {
    margin-right: auto;
  }
  .lg\:APO-mb-auto {
    margin-bottom: auto;
  }
  .lg\:APO-ml-auto {
    margin-left: auto;
  }
  .lg\:APO-m-1 {
    margin: 6px;
  }
  .lg\:APO-mx-1 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .lg\:APO-my-1 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .lg\:APO-ms-1 {
    margin-inline-start: 6px;
  }
  .lg\:APO-me-1 {
    margin-inline-end: 6px;
  }
  .lg\:APO-mt-1 {
    margin-top: 6px;
  }
  .lg\:APO-mr-1 {
    margin-right: 6px;
  }
  .lg\:APO-mb-1 {
    margin-bottom: 6px;
  }
  .lg\:APO-ml-1 {
    margin-left: 6px;
  }
  .lg\:APO-m-1\.5 {
    margin: 6px;
  }
  .lg\:APO-mx-1\.5 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .lg\:APO-my-1\.5 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .lg\:APO-ms-1\.5 {
    margin-inline-start: 6px;
  }
  .lg\:APO-me-1\.5 {
    margin-inline-end: 6px;
  }
  .lg\:APO-mt-1\.5 {
    margin-top: 6px;
  }
  .lg\:APO-mr-1\.5 {
    margin-right: 6px;
  }
  .lg\:APO-mb-1\.5 {
    margin-bottom: 6px;
  }
  .lg\:APO-ml-1\.5 {
    margin-left: 6px;
  }
  .lg\:APO-m-2 {
    margin: 8px;
  }
  .lg\:APO-mx-2 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .lg\:APO-my-2 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .lg\:APO-ms-2 {
    margin-inline-start: 8px;
  }
  .lg\:APO-me-2 {
    margin-inline-end: 8px;
  }
  .lg\:APO-mt-2 {
    margin-top: 8px;
  }
  .lg\:APO-mr-2 {
    margin-right: 8px;
  }
  .lg\:APO-mb-2 {
    margin-bottom: 8px;
  }
  .lg\:APO-ml-2 {
    margin-left: 8px;
  }
  .lg\:APO-m-2\.5 {
    margin: 10px;
  }
  .lg\:APO-mx-2\.5 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .lg\:APO-my-2\.5 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .lg\:APO-ms-2\.5 {
    margin-inline-start: 10px;
  }
  .lg\:APO-me-2\.5 {
    margin-inline-end: 10px;
  }
  .lg\:APO-mt-2\.5 {
    margin-top: 10px;
  }
  .lg\:APO-mr-2\.5 {
    margin-right: 10px;
  }
  .lg\:APO-mb-2\.5 {
    margin-bottom: 10px;
  }
  .lg\:APO-ml-2\.5 {
    margin-left: 10px;
  }
  .lg\:APO-m-3 {
    margin: 12px;
  }
  .lg\:APO-mx-3 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .lg\:APO-my-3 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .lg\:APO-ms-3 {
    margin-inline-start: 12px;
  }
  .lg\:APO-me-3 {
    margin-inline-end: 12px;
  }
  .lg\:APO-mt-3 {
    margin-top: 12px;
  }
  .lg\:APO-mr-3 {
    margin-right: 12px;
  }
  .lg\:APO-mb-3 {
    margin-bottom: 12px;
  }
  .lg\:APO-ml-3 {
    margin-left: 12px;
  }
  .lg\:APO-m-3\.5 {
    margin: 14px;
  }
  .lg\:APO-mx-3\.5 {
    margin-left: 14px;
    margin-right: 14px;
  }
  .lg\:APO-my-3\.5 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .lg\:APO-ms-3\.5 {
    margin-inline-start: 14px;
  }
  .lg\:APO-me-3\.5 {
    margin-inline-end: 14px;
  }
  .lg\:APO-mt-3\.5 {
    margin-top: 14px;
  }
  .lg\:APO-mr-3\.5 {
    margin-right: 14px;
  }
  .lg\:APO-mb-3\.5 {
    margin-bottom: 14px;
  }
  .lg\:APO-ml-3\.5 {
    margin-left: 14px;
  }
  .lg\:APO-m-4 {
    margin: 16px;
  }
  .lg\:APO-mx-4 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .lg\:APO-my-4 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .lg\:APO-ms-4 {
    margin-inline-start: 16px;
  }
  .lg\:APO-me-4 {
    margin-inline-end: 16px;
  }
  .lg\:APO-mt-4 {
    margin-top: 16px;
  }
  .lg\:-APO-mt-4 {
    margin-top: -16px;
  }
  .lg\:APO-mr-4 {
    margin-right: 16px;
  }
  .lg\:APO-mb-4 {
    margin-bottom: 16px;
  }
  .lg\:APO-ml-4 {
    margin-left: 16px;
  }
  .lg\:APO-m-5 {
    margin: 20px;
  }
  .lg\:APO-mx-5 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .lg\:APO-my-5 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .lg\:APO-mt-5 {
    margin-top: 20px;
  }
  .lg\:APO-mr-5 {
    margin-right: 20px;
  }
  .lg\:APO-mb-5 {
    margin-bottom: 20px;
  }
  .lg\:APO-ml-5 {
    margin-left: 20px;
  }
  .lg\:APO-m-6 {
    margin: 24px;
  }
  .lg\:APO-mx-6 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .lg\:APO-my-6 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .lg\:APO-mt-6 {
    margin-top: 24px;
  }
  .lg\:APO-mr-6 {
    margin-right: 24px;
  }
  .lg\:APO-mb-6 {
    margin-bottom: 24px;
  }
  .lg\:APO-ml-6 {
    margin-left: 24px;
  }
  .lg\:APO-m-7 {
    margin: 28px;
  }
  .lg\:APO-mx-7 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .lg\:APO-my-7 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .lg\:APO-mt-7 {
    margin-top: 28px;
  }
  .lg\:APO-mr-7 {
    margin-right: 28px;
  }
  .lg\:APO-mb-7 {
    margin-bottom: 28px;
  }
  .lg\:APO-ml-7 {
    margin-left: 28px;
  }
  .lg\:APO-m-8 {
    margin: 32px;
  }
  .lg\:APO-m-9 {
    margin: 36px;
  }
  .lg\:APO-mx-8 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .lg\:APO-my-8 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .lg\:APO-mx-9 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .lg\:APO-my-9 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .lg\:APO-mt-8 {
    margin-top: 32px;
  }
  .lg\:APO-mr-8 {
    margin-right: 32px;
  }
  .lg\:APO-mb-8 {
    margin-bottom: 32px;
  }
  .lg\:APO-ml-8 {
    margin-left: 32px;
  }
  .lg\:APO-mt-9 {
    margin-top: 36px;
  }
  .lg\:APO-mb-9 {
    margin-bottom: 36px;
  }
  .lg\:APO-mt-12 {
    margin-top: 48px;
  }
  .lg\:APO-mb-12 {
    margin-top: 48px;
  }
  .lg\:APO-mr-12 {
    margin-right: 48px;
  }
  .lg\:APO-ml-12 {
    margin-left: 48px;
  }
  .lg\:APO-my-12 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .lg\:APO-mx-12 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .lg\:-APO-mx-4 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .lg\:-APO-my-4 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .lg\:APO-p-0 {
    padding: 0px;
  }
  .lg\:APO-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:APO-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:APO-pt-0 {
    padding-top: 0px;
  }
  .lg\:APO-pr-0 {
    padding-right: 0px;
  }
  .lg\:APO-pb-0 {
    padding-bottom: 0px;
  }
  .lg\:APO-pl-0 {
    padding-left: 0px;
  }
  .lg\:APO-p-px {
    padding: 1px;
  }
  .lg\:APO-px-px {
    padding-left: 1px;
    padding-right: 1px;
  }
  .lg\:APO-py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .lg\:APO-pt-px {
    padding-top: 1px;
  }
  .lg\:APO-pr-px {
    padding-right: 1px;
  }
  .lg\:APO-pb-px {
    padding-bottom: 1px;
  }
  .lg\:APO-pl-px {
    padding-left: 1px;
  }
  .lg\:APO-p-0\.5 {
    padding: 2px;
  }
  .lg\:APO-px-0\.5 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .lg\:APO-py-0\.5 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .lg\:APO-pt-0\.5 {
    padding-top: 2px;
  }
  .lg\:APO-pr-0\.5 {
    padding-right: 2px;
  }
  .lg\:APO-pb-0\.5 {
    padding-bottom: 2px;
  }
  .lg\:APO-pl-0\.5 {
    padding-left: 2px;
  }
  .lg\:APO-p-1 {
    padding: 6px;
  }
  .lg\:APO-px-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .lg\:APO-py-1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .lg\:APO-pt-1 {
    padding-top: 6px;
  }
  .lg\:APO-pr-1 {
    padding-right: 6px;
  }
  .lg\:APO-pb-1 {
    padding-bottom: 6px;
  }
  .lg\:APO-pl-1 {
    padding-left: 6px;
  }
  .lg\:APO-p-1\.5 {
    padding: 6px;
  }
  .lg\:APO-px-1\.5 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .lg\:APO-py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .lg\:APO-pt-1\.5 {
    padding-top: 6px;
  }
  .lg\:APO-pr-1\.5 {
    padding-right: 6px;
  }
  .lg\:APO-pb-1\.5 {
    padding-bottom: 6px;
  }
  .lg\:APO-pl-1\.5 {
    padding-left: 6px;
  }
  .lg\:APO-p-2 {
    padding: 8px;
  }
  .lg\:APO-px-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .lg\:APO-py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .lg\:APO-pt-2 {
    padding-top: 8px;
  }
  .lg\:APO-pr-2 {
    padding-right: 8px;
  }
  .lg\:APO-pb-2 {
    padding-bottom: 8px;
  }
  .lg\:APO-pl-2 {
    padding-left: 8px;
  }
  .lg\:APO-p-2\.5 {
    padding: 10px;
  }
  .lg\:APO-px-2\.5 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .lg\:APO-py-2\.5 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .lg\:APO-pt-2\.5 {
    padding-top: 10px;
  }
  .lg\:APO-pr-2\.5 {
    padding-right: 10px;
  }
  .lg\:APO-pb-2\.5 {
    padding-bottom: 10px;
  }
  .lg\:APO-pl-2\.5 {
    padding-left: 10px;
  }
  .lg\:APO-p-3 {
    padding: 12px;
  }
  .lg\:APO-px-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .lg\:APO-py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .lg\:APO-pt-3 {
    padding-top: 12px;
  }
  .lg\:APO-pr-3 {
    padding-right: 12px;
  }
  .lg\:APO-pb-3 {
    padding-bottom: 12px;
  }
  .lg\:APO-pl-3 {
    padding-left: 12px;
  }
  .lg\:APO-p-3\.5 {
    padding: 14px;
  }
  .lg\:APO-px-3\.5 {
    padding-left: 14px;
    padding-right: 14px;
  }
  .lg\:APO-py-3\.5 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .lg\:APO-pt-3\.5 {
    padding-top: 14px;
  }
  .lg\:APO-pr-3\.5 {
    padding-right: 14px;
  }
  .lg\:APO-pb-3\.5 {
    padding-bottom: 14px;
  }
  .lg\:APO-pl-3\.5 {
    padding-left: 14px;
  }
  .lg\:APO-p-4 {
    padding: 16px;
  }
  .lg\:APO-px-4 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .lg\:-APO-px-4 {
    padding-left: -16px;
    padding-right: -16px;
  }
  .lg\:APO-py-4 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .lg\:-APO-py-4 {
    padding-top: -16px;
    padding-bottom: -16px;
  }
  .lg\:APO-pt-4 {
    padding-top: 16px;
  }
  .lg\:APO-pr-4 {
    padding-right: 16px;
  }
  .lg\:APO-pb-4 {
    padding-bottom: 16px;
  }
  .lg\:APO-pl-4 {
    padding-left: 16px;
  }
  .lg\:APO-p-5 {
    padding: 20px;
  }
  .lg\:APO-px-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .lg\:APO-py-5 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .lg\:APO-pt-5 {
    padding-top: 20px;
  }
  .lg\:APO-pr-5 {
    padding-right: 20px;
  }
  .lg\:APO-pb-5 {
    padding-bottom: 20px;
  }
  .lg\:APO-pl-5 {
    padding-left: 20px;
  }
  .lg\:APO-p-6 {
    padding: 24px;
  }
  .lg\:APO-px-6 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .lg\:APO-py-6 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .lg\:APO-pt-6 {
    padding-top: 24px;
  }
  .lg\:APO-pr-6 {
    padding-right: 24px;
  }
  .lg\:APO-pb-6 {
    padding-bottom: 24px;
  }
  .lg\:APO-pl-6 {
    padding-left: 24px;
  }
  .lg\:APO-p-7 {
    padding: 28px;
  }
  .lg\:APO-px-7 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .lg\:APO-py-7 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .lg\:APO-pt-7 {
    padding-top: 28px;
  }
  .lg\:APO-pr-7 {
    padding-right: 28px;
  }
  .lg\:APO-pb-7 {
    padding-bottom: 28px;
  }
  .lg\:APO-pl-7 {
    padding-left: 28px;
  }
  .lg\:APO-p-8 {
    padding: 32px;
  }
  .lg\:APO-px-8 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .lg\:APO-py-8 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .lg\:APO-pt-8 {
    padding-top: 32px;
  }
  .lg\:APO-pr-8 {
    padding-right: 32px;
  }
  .lg\:APO-pb-8 {
    padding-bottom: 32px;
  }
  .lg\:APO-pl-8 {
    padding-left: 32px;
  }
  .lg\:APO-p-9 {
    padding: 36px;
  }
  .lg\:APO-px-9 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .lg\:APO-py-9 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .lg\:APO-pt-9 {
    padding-top: 36px;
  }
  .lg\:APO-pr-9 {
    padding-right: 36px;
  }
  .lg\:APO-pb-9 {
    padding-bottom: 36px;
  }
  .lg\:APO-pl-9 {
    padding-left: 36px;
  }
  .lg\:APO-p-10 {
    padding: 40px;
  }
  .lg\:APO-px-10 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .lg\:APO-py-10 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .lg\:APO-pt-10 {
    padding-top: 40px;
  }
  .lg\:APO-pr-10 {
    padding-right: 40px;
  }
  .lg\:APO-pb-10 {
    padding-bottom: 40px;
  }
  .lg\:APO-pl-10 {
    padding-left: 40px;
  }
  .lg\:APO-p-11 {
    padding: 44px;
  }
  .lg\:APO-px-11 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .lg\:APO-py-11 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .lg\:APO-pt-11 {
    padding-top: 44px;
  }
  .lg\:APO-pr-11 {
    padding-right: 44px;
  }
  .lg\:APO-pb-11 {
    padding-bottom: 44px;
  }
  .lg\:APO-pl-11 {
    padding-left: 44px;
  }
  .lg\:APO-p-12 {
    padding: 48px;
  }
  .lg\:APO-px-12 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .lg\:APO-py-12 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .lg\:APO-pt-12 {
    padding-top: 48px;
  }
  .lg\:APO-pr-12 {
    padding-right: 48px;
  }
  .lg\:APO-pb-12 {
    padding-bottom: 48px;
  }
  .lg\:APO-pl-12 {
    padding-left: 48px;
  }
  .lg\:APO-p-14 {
    padding: 56px;
  }
  .lg\:APO-px-14 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .lg\:APO-py-14 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .lg\:APO-pt-14 {
    padding-top: 56px;
  }
  .lg\:APO-pr-14 {
    padding-right: 56px;
  }
  .lg\:APO-pb-14 {
    padding-bottom: 56px;
  }
  .lg\:APO-pl-14 {
    padding-left: 56px;
  }
  .lg\:APO-p-16 {
    padding: 64px;
  }
  .lg\:APO-px-16 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .lg\:APO-py-16 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .lg\:APO-pt-16 {
    padding-top: 64px;
  }
  .lg\:APO-pr-16 {
    padding-right: 64px;
  }
  .lg\:APO-pb-16 {
    padding-bottom: 64px;
  }
  .lg\:APO-pl-16 {
    padding-left: 64px;
  }
}
@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:.grid {
    display: grid;
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:flex-col {
    flex-direction: column;
  }
  .xl\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .xl\:flex-wrap {
    flex-wrap: wrap;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .xl\:items-start {
    align-items: flex-start;
  }
  .xl\:items-end {
    align-items: flex-end;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:items-baseline {
    align-items: baseline;
  }
  .xl\:items-stretch {
    align-items: stretch;
  }
  .xl\:content-center {
    align-content: center;
  }
  .xl\:content-start {
    align-content: flex-start;
  }
  .xl\:content-end {
    align-content: flex-end;
  }
  .xl\:content-between {
    align-content: space-between;
  }
  .xl\:content-around {
    align-content: space-around;
  }
  .xl\:content-evenly {
    align-content: space-evenly;
  }
  .xl\:self-auto {
    align-self: auto;
  }
  .xl\:self-start {
    align-self: flex-start;
  }
  .xl\:self-end {
    align-self: flex-end;
  }
  .xl\:self-center {
    align-self: center;
  }
  .xl\:self-stretch {
    align-self: stretch;
  }
  .xl\:justify-items-auto {
    justify-items: auto;
  }
  .xl\:justify-items-start {
    justify-items: start;
  }
  .xl\:justify-items-end {
    justify-items: end;
  }
  .xl\:justify-items-center {
    justify-items: center;
  }
  .xl\:justify-items-stretch {
    justify-items: stretch;
  }
  .xl\:justify-start {
    justify-content: flex-start;
  }
  .xl\:justify-end {
    justify-content: flex-end;
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:justify-around {
    justify-content: space-around;
  }
  .xl\:justify-evenly {
    justify-content: space-evenly;
  }
  .xl\:justify-self-auto {
    justify-self: auto;
  }
  .xl\:justify-self-start {
    justify-self: start;
  }
  .xl\:justify-self-end {
    justify-self: end;
  }
  .xl\:justify-self-center {
    justify-self: center;
  }
  .xl\:justify-self-stretch {
    justify-self: stretch;
  }
  .xl\:flex-1 {
    flex: 1 1;
  }
  .xl\:flex-auto {
    flex: 1 1 auto;
  }
  .xl\:flex-initial {
    flex: 0 1 auto;
  }
  .xl\:flex-grow {
    flex-grow: 1;
  }
  .xl\:flex-shrink {
    flex-shrink: 1;
  }
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .xl\:grid-cols-none {
    grid-template-columns: none;
  }
  /* coloumn width */
  .xl\:APO-col-md-0\5 {
    width: calc(0.5 / 12 * 100%);
  }
  .xl\:APO-col-md-1 {
    width: calc(1 / 12 * 100%);
  }
  .xl\:APO-col-md-1\.5 {
    width: calc(1.5 / 12 * 100%);
  }
  .xl\:APO-col-md-2 {
    width: calc(2 / 12 * 100%);
  }
  .xl\:APO-col-md-2\.5 {
    width: calc(2.5 / 12 * 100%);
  }
  .xl\:APO-col-md-3 {
    width: calc(3 / 12 * 100%);
  }
  .xl\:APO-col-md-3\.5 {
    width: calc(3.5 / 12 * 100%);
  }
  .xl\:APO-col-md-4 {
    width: calc(4 / 12 * 100%);
  }
  .xl\:APO-col-md-4\.5 {
    width: calc(4.5 / 12 * 100%);
  }
  .xl\:APO-col-md-5 {
    width: calc(5 / 12 * 100%);
  }
  .xl\:APO-col-md-5\.5 {
    width: calc(5.5 / 12 * 100%);
  }
  .xl\:APO-col-md-6 {
    width: calc(6 / 12 * 100%);
  }
  .xl\:APO-col-md-6\.5 {
    width: calc(6.5 / 12 * 100%);
  }
  .xl\:APO-col-md-7 {
    width: calc(7 / 12 * 100%);
  }
  .xl\:APO-col-md-7\.5 {
    width: calc(7.5 / 12 * 100%);
  }
  .xl\:APO-col-md-8 {
    width: calc(8 / 12 * 100%);
  }
  .xl\:APO-col-md-8\.5 {
    width: calc(8.5 / 12 * 100%);
  }
  .xl\:APO-col-md-9 {
    width: calc(9 / 12 * 100%);
  }
  .xl\:APO-col-md-9\.5 {
    width: calc(9.5 / 12 * 100%);
  }
  .xl\:APO-col-md-10 {
    width: calc(10 / 12 * 100%);
  }
  .xl\:APO-col-md-10\.5 {
    width: calc(10.5 / 12 * 100%);
  }
  .xl\:APO-col-md-11 {
    width: calc(11 / 12 * 100%);
  }
  .xl\:APO-col-md-11\.5 {
    width: calc(11.5 / 12 * 100%);
  }
  .xl\:APO-col-md-12 {
    width: calc(12 / 12 * 100%);
  }
  .xl\:APO-gap-0 {
    gap: 0px;
  }
  .xl\:APO-gap-x-0 {
    column-gap: 0px;
  }
  .xl\:APO-gap-y-0 {
    row-gap: 0px;
  }
  .xl\:APO-gap-px {
    gap: 1px;
  }
  .xl\:APO-gap-x-px {
    column-gap: 1px;
  }
  .xl\:APO-gap-y-px {
    row-gap: 1px;
  }
  .xl\:APO-gap-0\.5 {
    gap: 2px;
  }
  .xl\:APO-gap-x-0\.5 {
    column-gap: 2px;
  }
  .xl\:APO-gap-y-0\.5 {
    row-gap: 2px;
  }
  .xl\:APO-gap-1 {
    gap: 6px;
  }
  .xl\:APO-gap-x-1 {
    column-gap: 6px;
  }
  .xl\:APO-gap-y-1 {
    row-gap: 6px;
  }
  .xl\:APO-gap-1\.5 {
    gap: 6px;
  }
  .xl\:APO-gap-x-1\.5 {
    column-gap: 6px;
  }
  .xl\:APO-gap-y-1\.5 {
    row-gap: 6px;
  }
  .xl\:APO-gap-2 {
    gap: 8px;
  }
  .xl\:APO-gap-x-2 {
    column-gap: 8px;
  }
  .xl\:APO-gap-y-2 {
    row-gap: 8px;
  }
  .xl\:APO-gap-2\.5 {
    gap: 10px;
  }
  .xl\:APO-gap-x-2\.5 {
    column-gap: 10px;
  }
  .xl\:APO-gap-y-2\.5 {
    row-gap: 10px;
  }
  .xl\:APO-gap-3 {
    gap: 12px;
  }
  .xl\:APO-gap-x-3 {
    column-gap: 12px;
  }
  .xl\:APO-gap-y-3 {
    row-gap: 12px;
  }
  .xl\:APO-gap-3\.5 {
    gap: 14px;
  }
  .xl\:APO-gap-x-3\.5 {
    column-gap: 14px;
  }
  .xl\:APO-gap-y-3\.5 {
    row-gap: 14px;
  }
  .xl\:APO-gap-4 {
    gap: 16px;
  }
  .xl\:APO-gap-x-4 {
    column-gap: 16px;
  }
  .xl\:APO-gap-y-4 {
    row-gap: 16px;
  }
  .xl\:APO-gap-5 {
    gap: 20px;
  }
  .xl\:APO-gap-x-5 {
    column-gap: 20px;
  }
  .xl\:APO-gap-y-5 {
    row-gap: 20px;
  }
  .xl\:APO-gap-6 {
    gap: 28px;
  }
  .xl\:APO-gap-x-6 {
    column-gap: 28px;
  }
  .xl\:APO-gap-y-6 {
    row-gap: 28px;
  }
  .xl\:APO-gap-7 {
    gap: 32px;
  }
  .xl\:APO-gap-x-7 {
    column-gap: 32px;
  }
  .xl\:APO-gap-y-7 {
    row-gap: 32px;
  }
  .xl\:APO-gap-8 {
    gap: 36px;
  }
  .xl\:APO-gap-x-8 {
    column-gap: 36px;
  }
  .xl\:APO-gap-y-8 {
    row-gap: 36px;
  }
  .xl\:APO-gap-9 {
    gap: 40px;
  }
  .xl\:APO-gap-x-9 {
    column-gap: 40px;
  }
  .xl\:APO-gap-y-9 {
    row-gap: 40px;
  }
  .xl\:APO-gap-10 {
    gap: 40px;
  }
  .xl\:APO-gap-x-10 {
    column-gap: 40px;
  }
  .xl\:APO-gap-y-10 {
    row-gap: 40px;
  }
  .xl\:APO-gap-11 {
    gap: 44px;
  }
  .xl\:APO-gap-x-11 {
    column-gap: 44px;
  }
  .xl\:APO-gap-y-11 {
    row-gap: 44px;
  }
  .xl\:APO-gap-12 {
    gap: 48px;
  }
  .xl\:APO-gap-x-12 {
    column-gap: 48px;
  }
  .xl\:APO-gap-y-12 {
    row-gap: 48px;
  }
  .xl\:APO-gap-14 {
    gap: 56px;
  }
  .xl\:APO-gap-x-14 {
    column-gap: 56px;
  }
  .xl\:APO-gap-y-14 {
    row-gap: 56px;
  }
  .xl\:APO-gap-16 {
    gap: 64px;
  }
  .xl\:APO-gap-x-16 {
    column-gap: 64px;
  }
  .xl\:APO-gap-y-16 {
    row-gap: 64px;
  }
  .xl\:APO-gap-20 {
    gap: 80px;
  }
  .xl\:APO-gap-x-20 {
    column-gap: 80px;
  }
  .xl\:APO-gap-y-20 {
    row-gap: 80px;
  }
  .xl\:APO-gap-24 {
    gap: 96px;
  }
  .xl\:APO-gap-x-24 {
    column-gap: 96px;
  }
  .xl\:APO-gap-y-24 {
    row-gap: 96px;
  }
  .xl\:APO-gap-28 {
    gap: 112px;
  }
  .xl\:APO-gap-x-28 {
    column-gap: 112px;
  }
  .xl\:APO-gap-y-28 {
    row-gap: 112px;
  }
  .xl\:APO-gap-32 {
    gap: 128px;
  }
  .xl\:APO-gap-x-32 {
    column-gap: 128px;
  }
  .xl\:APO-gap-y-32 {
    row-gap: 128px;
  }
  .xl\:APO-gap-36 {
    gap: 144px;
  }
  .xl\:APO-gap-x-36 {
    column-gap: 144px;
  }
  .xl\:APO-gap-y-36 {
    row-gap: 144px;
  }
  .xl\:APO-gap-40 {
    gap: 160px;
  }
  .xl\:APO-gap-x-40 {
    column-gap: 160px;
  }
  .xl\:APO-gap-y-40 {
    row-gap: 160px;
  }
  .xl\:order-1 {
    order: 1;
  }
  .xl\:order-2 {
    order: 2;
  }
  .xl\:order-3 {
    order: 3;
  }
  .xl\:order-4 {
    order: 4;
  }
  .xl\:order-5 {
    order: 5;
  }
  .xl\:order-6 {
    order: 6;
  }
  .xl\:order-7 {
    order: 7;
  }
  .xl\:order-8 {
    order: 8;
  }
  .xl\:order-9 {
    order: 9;
  }
  .xl\:order-10 {
    order: 10;
  }
  .xl\:order-11 {
    order: 11;
  }
  .xl\:order-12 {
    order: 12;
  }
  .xl\:order-none {
    order: 0;
  }
  .xl\:-APO-mr-px {
    margin-right: -1px;
  }
  .xl\:-APO-ml-px {
    margin-left: -1px;
  }
  .xl\:-APO-mx-px {
    margin-right: -1px;
    margin-left: -1px;
  }
  .xl\:-APO-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .xl\:APO-m-0 {
    margin: 0px;
  }
  .xl\:APO-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .xl\:APO-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .xl\:APO-mt-0 {
    margin-top: 0px;
  }
  .xl\:APO-mr-0 {
    margin-right: 0px;
  }
  .xl\:APO-mb-0 {
    margin-bottom: 0px;
  }
  .xl\:APO-ml-0 {
    margin-left: 0px;
  }
  .xl\:APO-m-auto {
    margin: auto;
  }
  .xl\:APO-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl\:APO-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .xl\:APO-mt-auto {
    margin-top: auto;
  }
  .xl\:APO-mr-auto {
    margin-right: auto;
  }
  .xl\:APO-mb-auto {
    margin-bottom: auto;
  }
  .xl\:APO-ml-auto {
    margin-left: auto;
  }
  .xl\:APO-m-1 {
    margin: 6px;
  }
  .xl\:APO-mx-1 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .xl\:APO-my-1 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .xl\:APO-ms-1 {
    margin-inline-start: 6px;
  }
  .xl\:APO-me-1 {
    margin-inline-end: 6px;
  }
  .xl\:APO-mt-1 {
    margin-top: 6px;
  }
  .xl\:APO-mr-1 {
    margin-right: 6px;
  }
  .xl\:APO-mb-1 {
    margin-bottom: 6px;
  }
  .xl\:APO-ml-1 {
    margin-left: 6px;
  }
  .xl\:APO-m-1\.5 {
    margin: 6px;
  }
  .xl\:APO-mx-1\.5 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .xl\:APO-my-1\.5 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .xl\:APO-ms-1\.5 {
    margin-inline-start: 6px;
  }
  .xl\:APO-me-1\.5 {
    margin-inline-end: 6px;
  }
  .xl\:APO-mt-1\.5 {
    margin-top: 6px;
  }
  .xl\:APO-mr-1\.5 {
    margin-right: 6px;
  }
  .xl\:APO-mb-1\.5 {
    margin-bottom: 6px;
  }
  .xl\:APO-ml-1\.5 {
    margin-left: 6px;
  }
  .xl\:APO-m-2 {
    margin: 8px;
  }
  .xl\:APO-mx-2 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .xl\:APO-my-2 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .xl\:APO-ms-2 {
    margin-inline-start: 8px;
  }
  .xl\:APO-me-2 {
    margin-inline-end: 8px;
  }
  .xl\:APO-mt-2 {
    margin-top: 8px;
  }
  .xl\:APO-mr-2 {
    margin-right: 8px;
  }
  .xl\:APO-mb-2 {
    margin-bottom: 8px;
  }
  .xl\:APO-ml-2 {
    margin-left: 8px;
  }
  .xl\:APO-m-2\.5 {
    margin: 10px;
  }
  .xl\:APO-mx-2\.5 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .xl\:APO-my-2\.5 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .xl\:APO-ms-2\.5 {
    margin-inline-start: 10px;
  }
  .xl\:APO-me-2\.5 {
    margin-inline-end: 10px;
  }
  .xl\:APO-mt-2\.5 {
    margin-top: 10px;
  }
  .xl\:APO-mr-2\.5 {
    margin-right: 10px;
  }
  .xl\:APO-mb-2\.5 {
    margin-bottom: 10px;
  }
  .xl\:APO-ml-2\.5 {
    margin-left: 10px;
  }
  .xl\:APO-m-3 {
    margin: 12px;
  }
  .xl\:APO-mx-3 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .xl\:APO-my-3 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .xl\:APO-ms-3 {
    margin-inline-start: 12px;
  }
  .xl\:APO-me-3 {
    margin-inline-end: 12px;
  }
  .xl\:APO-mt-3 {
    margin-top: 12px;
  }
  .xl\:APO-mr-3 {
    margin-right: 12px;
  }
  .xl\:APO-mb-3 {
    margin-bottom: 12px;
  }
  .xl\:APO-ml-3 {
    margin-left: 12px;
  }
  .xl\:APO-m-3\.5 {
    margin: 14px;
  }
  .xl\:APO-mx-3\.5 {
    margin-left: 14px;
    margin-right: 14px;
  }
  .xl\:APO-my-3\.5 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .xl\:APO-ms-3\.5 {
    margin-inline-start: 14px;
  }
  .xl\:APO-me-3\.5 {
    margin-inline-end: 14px;
  }
  .xl\:APO-mt-3\.5 {
    margin-top: 14px;
  }
  .xl\:APO-mr-3\.5 {
    margin-right: 14px;
  }
  .xl\:APO-mb-3\.5 {
    margin-bottom: 14px;
  }
  .xl\:APO-ml-3\.5 {
    margin-left: 14px;
  }
  .xl\:APO-m-4 {
    margin: 16px;
  }
  .xl\:APO-mx-4 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .xl\:APO-my-4 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .xl\:APO-ms-4 {
    margin-inline-start: 16px;
  }
  .xl\:APO-me-4 {
    margin-inline-end: 16px;
  }
  .xl\:APO-mt-4 {
    margin-top: 16px;
  }
  .xl\:-APO-mt-4 {
    margin-top: -16px;
  }
  .xl\:APO-mr-4 {
    margin-right: 16px;
  }
  .xl\:APO-mb-4 {
    margin-bottom: 16px;
  }
  .xl\:APO-ml-4 {
    margin-left: 16px;
  }
  .xl\:APO-m-5 {
    margin: 20px;
  }
  .xl\:APO-mx-5 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .xl\:APO-my-5 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .xl\:APO-mt-5 {
    margin-top: 20px;
  }
  .xl\:APO-mr-5 {
    margin-right: 20px;
  }
  .xl\:APO-mb-5 {
    margin-bottom: 20px;
  }
  .xl\:APO-ml-5 {
    margin-left: 20px;
  }
  .xl\:APO-m-6 {
    margin: 24px;
  }
  .xl\:APO-mx-6 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .xl\:APO-my-6 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .xl\:APO-mt-6 {
    margin-top: 24px;
  }
  .xl\:APO-mr-6 {
    margin-right: 24px;
  }
  .xl\:APO-mb-6 {
    margin-bottom: 24px;
  }
  .xl\:APO-ml-6 {
    margin-left: 24px;
  }
  .xl\:APO-m-7 {
    margin: 28px;
  }
  .xl\:APO-mx-7 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .xl\:APO-my-7 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .xl\:APO-mt-7 {
    margin-top: 28px;
  }
  .xl\:APO-mr-7 {
    margin-right: 28px;
  }
  .xl\:APO-mb-7 {
    margin-bottom: 28px;
  }
  .xl\:APO-ml-7 {
    margin-left: 28px;
  }
  .xl\:APO-m-8 {
    margin: 32px;
  }
  .xl\:APO-m-9 {
    margin: 36px;
  }
  .xl\:APO-mx-8 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .xl\:APO-my-8 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .xl\:APO-mx-9 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .xl\:APO-my-9 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .xl\:APO-mt-8 {
    margin-top: 32px;
  }
  .xl\:APO-mr-8 {
    margin-right: 32px;
  }
  .xl\:APO-mb-8 {
    margin-bottom: 32px;
  }
  .xl\:APO-ml-8 {
    margin-left: 32px;
  }
  .xl\:APO-mt-9 {
    margin-top: 36px;
  }
  .xl\:APO-mb-9 {
    margin-bottom: 36px;
  }
  .xl\:APO-mt-12 {
    margin-top: 48px;
  }
  .xl\:APO-mb-12 {
    margin-top: 48px;
  }
  .xl\:APO-mr-12 {
    margin-right: 48px;
  }
  .xl\:APO-ml-12 {
    margin-left: 48px;
  }
  .xl\:APO-my-12 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .xl\:APO-mx-12 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .xl\:-APO-mx-4 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .xl\:-APO-my-4 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .xl\:APO-p-0 {
    padding: 0px;
  }
  .xl\:APO-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .xl\:APO-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .xl\:APO-pt-0 {
    padding-top: 0px;
  }
  .xl\:APO-pr-0 {
    padding-right: 0px;
  }
  .xl\:APO-pb-0 {
    padding-bottom: 0px;
  }
  .xl\:APO-pl-0 {
    padding-left: 0px;
  }
  .xl\:APO-p-px {
    padding: 1px;
  }
  .xl\:APO-px-px {
    padding-left: 1px;
    padding-right: 1px;
  }
  .xl\:APO-py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .xl\:APO-pt-px {
    padding-top: 1px;
  }
  .xl\:APO-pr-px {
    padding-right: 1px;
  }
  .xl\:APO-pb-px {
    padding-bottom: 1px;
  }
  .xl\:APO-pl-px {
    padding-left: 1px;
  }
  .xl\:APO-p-0\.5 {
    padding: 2px;
  }
  .xl\:APO-px-0\.5 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .xl\:APO-py-0\.5 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .xl\:APO-pt-0\.5 {
    padding-top: 2px;
  }
  .xl\:APO-pr-0\.5 {
    padding-right: 2px;
  }
  .xl\:APO-pb-0\.5 {
    padding-bottom: 2px;
  }
  .xl\:APO-pl-0\.5 {
    padding-left: 2px;
  }
  .xl\:APO-p-1 {
    padding: 6px;
  }
  .xl\:APO-px-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .xl\:APO-py-1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .xl\:APO-pt-1 {
    padding-top: 6px;
  }
  .xl\:APO-pr-1 {
    padding-right: 6px;
  }
  .xl\:APO-pb-1 {
    padding-bottom: 6px;
  }
  .xl\:APO-pl-1 {
    padding-left: 6px;
  }
  .xl\:APO-p-1\.5 {
    padding: 6px;
  }
  .xl\:APO-px-1\.5 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .xl\:APO-py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .xl\:APO-pt-1\.5 {
    padding-top: 6px;
  }
  .xl\:APO-pr-1\.5 {
    padding-right: 6px;
  }
  .xl\:APO-pb-1\.5 {
    padding-bottom: 6px;
  }
  .xl\:APO-pl-1\.5 {
    padding-left: 6px;
  }
  .xl\:APO-p-2 {
    padding: 8px;
  }
  .xl\:APO-px-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .xl\:APO-py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .xl\:APO-pt-2 {
    padding-top: 8px;
  }
  .xl\:APO-pr-2 {
    padding-right: 8px;
  }
  .xl\:APO-pb-2 {
    padding-bottom: 8px;
  }
  .xl\:APO-pl-2 {
    padding-left: 8px;
  }
  .xl\:APO-p-2\.5 {
    padding: 10px;
  }
  .xl\:APO-px-2\.5 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .xl\:APO-py-2\.5 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .xl\:APO-pt-2\.5 {
    padding-top: 10px;
  }
  .xl\:APO-pr-2\.5 {
    padding-right: 10px;
  }
  .xl\:APO-pb-2\.5 {
    padding-bottom: 10px;
  }
  .xl\:APO-pl-2\.5 {
    padding-left: 10px;
  }
  .xl\:APO-p-3 {
    padding: 12px;
  }
  .xl\:APO-px-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .xl\:APO-py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .xl\:APO-pt-3 {
    padding-top: 12px;
  }
  .xl\:APO-pr-3 {
    padding-right: 12px;
  }
  .xl\:APO-pb-3 {
    padding-bottom: 12px;
  }
  .xl\:APO-pl-3 {
    padding-left: 12px;
  }
  .xl\:APO-p-3\.5 {
    padding: 14px;
  }
  .xl\:APO-px-3\.5 {
    padding-left: 14px;
    padding-right: 14px;
  }
  .xl\:APO-py-3\.5 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .xl\:APO-pt-3\.5 {
    padding-top: 14px;
  }
  .xl\:APO-pr-3\.5 {
    padding-right: 14px;
  }
  .xl\:APO-pb-3\.5 {
    padding-bottom: 14px;
  }
  .xl\:APO-pl-3\.5 {
    padding-left: 14px;
  }
  .xl\:APO-p-4 {
    padding: 16px;
  }
  .xl\:APO-px-4 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .xl\:-APO-px-4 {
    padding-left: -16px;
    padding-right: -16px;
  }
  .xl\:APO-py-4 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .xl\:-APO-py-4 {
    padding-top: -16px;
    padding-bottom: -16px;
  }
  .xl\:APO-pt-4 {
    padding-top: 16px;
  }
  .xl\:APO-pr-4 {
    padding-right: 16px;
  }
  .xl\:APO-pb-4 {
    padding-bottom: 16px;
  }
  .xl\:APO-pl-4 {
    padding-left: 16px;
  }
  .xl\:APO-p-5 {
    padding: 20px;
  }
  .xl\:APO-px-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .xl\:APO-py-5 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .xl\:APO-pt-5 {
    padding-top: 20px;
  }
  .xl\:APO-pr-5 {
    padding-right: 20px;
  }
  .xl\:APO-pb-5 {
    padding-bottom: 20px;
  }
  .xl\:APO-pl-5 {
    padding-left: 20px;
  }
  .xl\:APO-p-6 {
    padding: 24px;
  }
  .xl\:APO-px-6 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .xl\:APO-py-6 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .xl\:APO-pt-6 {
    padding-top: 24px;
  }
  .xl\:APO-pr-6 {
    padding-right: 24px;
  }
  .xl\:APO-pb-6 {
    padding-bottom: 24px;
  }
  .xl\:APO-pl-6 {
    padding-left: 24px;
  }
  .xl\:APO-p-7 {
    padding: 28px;
  }
  .xl\:APO-px-7 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .xl\:APO-py-7 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .xl\:APO-pt-7 {
    padding-top: 28px;
  }
  .xl\:APO-pr-7 {
    padding-right: 28px;
  }
  .xl\:APO-pb-7 {
    padding-bottom: 28px;
  }
  .xl\:APO-pl-7 {
    padding-left: 28px;
  }
  .xl\:APO-p-8 {
    padding: 32px;
  }
  .xl\:APO-px-8 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .xl\:APO-py-8 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .xl\:APO-pt-8 {
    padding-top: 32px;
  }
  .xl\:APO-pr-8 {
    padding-right: 32px;
  }
  .xl\:APO-pb-8 {
    padding-bottom: 32px;
  }
  .xl\:APO-pl-8 {
    padding-left: 32px;
  }
  .xl\:APO-p-9 {
    padding: 36px;
  }
  .xl\:APO-px-9 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .xl\:APO-py-9 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .xl\:APO-pt-9 {
    padding-top: 36px;
  }
  .xl\:APO-pr-9 {
    padding-right: 36px;
  }
  .xl\:APO-pb-9 {
    padding-bottom: 36px;
  }
  .xl\:APO-pl-9 {
    padding-left: 36px;
  }
  .xl\:APO-p-10 {
    padding: 40px;
  }
  .xl\:APO-px-10 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .xl\:APO-py-10 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .xl\:APO-pt-10 {
    padding-top: 40px;
  }
  .xl\:APO-pr-10 {
    padding-right: 40px;
  }
  .xl\:APO-pb-10 {
    padding-bottom: 40px;
  }
  .xl\:APO-pl-10 {
    padding-left: 40px;
  }
  .xl\:APO-p-11 {
    padding: 44px;
  }
  .xl\:APO-px-11 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .xl\:APO-py-11 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .xl\:APO-pt-11 {
    padding-top: 44px;
  }
  .xl\:APO-pr-11 {
    padding-right: 44px;
  }
  .xl\:APO-pb-11 {
    padding-bottom: 44px;
  }
  .xl\:APO-pl-11 {
    padding-left: 44px;
  }
  .xl\:APO-p-12 {
    padding: 48px;
  }
  .xl\:APO-px-12 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .xl\:APO-py-12 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .xl\:APO-pt-12 {
    padding-top: 48px;
  }
  .xl\:APO-pr-12 {
    padding-right: 48px;
  }
  .xl\:APO-pb-12 {
    padding-bottom: 48px;
  }
  .xl\:APO-pl-12 {
    padding-left: 48px;
  }
  .xl\:APO-p-14 {
    padding: 56px;
  }
  .xl\:APO-px-14 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .xl\:APO-py-14 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .xl\:APO-pt-14 {
    padding-top: 56px;
  }
  .xl\:APO-pr-14 {
    padding-right: 56px;
  }
  .xl\:APO-pb-14 {
    padding-bottom: 56px;
  }
  .xl\:APO-pl-14 {
    padding-left: 56px;
  }
  .xl\:APO-p-16 {
    padding: 64px;
  }
  .xl\:APO-px-16 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .xl\:APO-py-16 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .xl\:APO-pt-16 {
    padding-top: 64px;
  }
  .xl\:APO-pr-16 {
    padding-right: 64px;
  }
  .xl\:APO-pb-16 {
    padding-bottom: 64px;
  }
  .xl\:APO-pl-16 {
    padding-left: 64px;
  }
}