/* node_modules/ol/ol.css */
:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}
.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}
.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ol-scale-bar-inner {
  display: flex;
}
.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}
.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow:
    -1.5px 0 var(--ol-partial-background-color),
    0 1.5px var(--ol-partial-background-color),
    1.5px 0 var(--ol-partial-background-color),
    0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow:
    -1.5px 0 var(--ol-partial-background-color),
    0 1.5px var(--ol-partial-background-color),
    1.5px 0 var(--ol-partial-background-color),
    0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}
.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}
.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}
.ol-unsupported {
  display: none;
}
.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}
.ol-viewport {
  touch-action: pan-x pan-y;
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}
.ol-zoom {
  top: .5em;
  left: .5em;
}
.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}
.ol-full-screen {
  right: .5em;
  top: .5em;
}
.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}
.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}
.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}
.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}
.ol-attribution li {
  display: inline;
  list-style: none;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution button {
  flex-shrink: 0;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
  display: none;
}
.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}
.ol-touch .ol-zoomslider {
  top: 5.5em;
}
.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}
.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}
.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}

/* node_modules/stream-chat-angular/src/assets/styles/css/index.css */
.str-chat {
  box-sizing: border-box;
  font-family: var(--str-chat__font-family);
}
.str-chat * {
  box-sizing: border-box;
}
.str-chat .ngxp__container,
.str-chat .float-ui-container {
  z-index: 1;
  padding: 0 !important;
  box-shadow: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  max-width: 100vw;
}
.str-chat .ngxp__container .ngxp__arrow,
.str-chat .float-ui-container .ngxp__arrow {
  display: none;
}
stream-icon,
stream-icon-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
}
.stream-chat__paginated-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 100%;
  min-height: 0;
  gap: var(--str-chat__spacing-2);
}
.stream-chat__paginated-list .str-chat__loading-indicator {
  margin: auto;
}
.stream-chat__paginated-list .str-chat__load-more-button__button {
  margin-inline: auto;
}
stream-paginated-list {
  height: 100%;
  max-height: 100%;
}
stream-user-list {
  height: 100%;
  max-height: 100%;
}
stream-user-list .str-chat__user-list-item {
  display: flex;
  align-items: center;
  gap: var(--str-chat__spacing-2);
}
:root {
  --str-chat__theme-version: 2;
}
.str-chat {
  --str-chat__spacing-px: 1px;
  --str-chat__spacing-0_5: 0.125rem;
  --str-chat__spacing-1: 0.25rem;
  --str-chat__spacing-1_5: 0.375rem;
  --str-chat__spacing-2: 0.5rem;
  --str-chat__spacing-2_5: 0.625rem;
  --str-chat__spacing-3: 0.75rem;
  --str-chat__spacing-3_5: 0.875rem;
  --str-chat__spacing-4: 1rem;
  --str-chat__spacing-5: 1.25rem;
  --str-chat__spacing-6: 1.5rem;
  --str-chat__spacing-7: 1.75rem;
  --str-chat__spacing-8: 2rem;
  --str-chat__spacing-9: 2.25rem;
  --str-chat__spacing-10: 2.5rem;
  --str-chat__spacing-11: 2.75rem;
  --str-chat__spacing-12: 3rem;
  --str-chat__spacing-14: 3.5rem;
  --str-chat__spacing-16: 4rem;
}
.str-chat {
  --str-chat__image-fallback-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9InN0ci1jaGF0X19pbWFnZS1mYWxsYmFja19faWNvbiIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTYgMnYxNEgyVjJoMTRabTAtMkgyQy45IDAgMCAuOSAwIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlYyYzAtMS4xLS45LTItMi0yWm0tNC44NiA4Ljg2LTMgMy44N0w2IDEwLjE0IDMgMTRoMTJsLTMuODYtNS4xNFoiLz48L3N2Zz4=);
  --str-chat__winning-poll-option-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS44MzMzIDQuMTY2NjdIMTQuMTY2N1YyLjVINS44MzMzM1Y0LjE2NjY3SDQuMTY2NjdDMy4yNSA0LjE2NjY3IDIuNSA0LjkxNjY3IDIuNSA1LjgzMzMzVjYuNjY2NjdDMi41IDguNzkxNjcgNC4xIDEwLjUyNSA2LjE1ODMzIDEwLjc4MzNDNi42ODMzMyAxMi4wMzMzIDcuODA4MzMgMTIuOTc1IDkuMTY2NjcgMTMuMjVWMTUuODMzM0g1LjgzMzMzVjE3LjVIMTQuMTY2N1YxNS44MzMzSDEwLjgzMzNWMTMuMjVDMTIuMTkxNyAxMi45NzUgMTMuMzE2NyAxMi4wMzMzIDEzLjg0MTcgMTAuNzgzM0MxNS45IDEwLjUyNSAxNy41IDguNzkxNjcgMTcuNSA2LjY2NjY3VjUuODMzMzNDMTcuNSA0LjkxNjY3IDE2Ljc1IDQuMTY2NjcgMTUuODMzMyA0LjE2NjY3Wk00LjE2NjY3IDYuNjY2NjdWNS44MzMzM0g1LjgzMzMzVjkuMDE2NjdDNC44NjY2NyA4LjY2NjY3IDQuMTY2NjcgNy43NSA0LjE2NjY3IDYuNjY2NjdaTTEwIDExLjY2NjdDOC42MjUgMTEuNjY2NyA3LjUgMTAuNTQxNyA3LjUgOS4xNjY2N1Y0LjE2NjY3SDEyLjVWOS4xNjY2N0MxMi41IDEwLjU0MTcgMTEuMzc1IDExLjY2NjcgMTAgMTEuNjY2N1pNMTUuODMzMyA2LjY2NjY3QzE1LjgzMzMgNy43NSAxNS4xMzMzIDguNjY2NjcgMTQuMTY2NyA5LjAxNjY3VjUuODMzMzNIMTUuODMzM1Y2LjY2NjY3WiIgZmlsbD0iIzVFNjc2RSIvPgo8L3N2Zz4K);
  --str-chat__arrow-left-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljc5MTUgNy4wMDUxSDMuNjIxNDhMOC41MDE0OCAyLjEyNTFDOC44OTE0OCAxLjczNTEgOC44OTE0OCAxLjA5NTEgOC41MDE0OCAwLjcwNTA5OEM4LjExMTQ4IDAuMzE1MDk4IDcuNDgxNDggMC4zMTUwOTggNy4wOTE0OCAwLjcwNTA5OEwwLjUwMTQ4NCA3LjI5NTFDMC4xMTE0ODQgNy42ODUxIDAuMTExNDg0IDguMzE1MSAwLjUwMTQ4NCA4LjcwNTFMNy4wOTE0OCAxNS4yOTUxQzcuNDgxNDggMTUuNjg1MSA4LjExMTQ4IDE1LjY4NTEgOC41MDE0OCAxNS4yOTUxQzguODkxNDggMTQuOTA1MSA4Ljg5MTQ4IDE0LjI3NTEgOC41MDE0OCAxMy44ODUxTDMuNjIxNDggOS4wMDUxSDE0Ljc5MTVDMTUuMzQxNSA5LjAwNTEgMTUuNzkxNSA4LjU1NTEgMTUuNzkxNSA4LjAwNTFDMTUuNzkxNSA3LjQ1NTEgMTUuMzQxNSA3LjAwNTEgMTQuNzkxNSA3LjAwNTFaIiBmaWxsPSIjMDgwNzA3Ii8+Cjwvc3ZnPgo=);
  --str-chat__close-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI5OTcgMC43MDk5NzFDMTIuOTA5NyAwLjMxOTk3MSAxMi4yNzk3IDAuMzE5OTcxIDExLjg4OTcgMC43MDk5NzFMNi45OTk3MyA1LjU4OTk3TDIuMTA5NzMgMC42OTk5NzFDMS43MTk3MyAwLjMwOTk3MSAxLjA4OTczIDAuMzA5OTcxIDAuNjk5NzI3IDAuNjk5OTcxQzAuMzA5NzI3IDEuMDg5OTcgMC4zMDk3MjcgMS43MTk5NyAwLjY5OTcyNyAyLjEwOTk3TDUuNTg5NzMgNi45OTk5N0wwLjY5OTcyNyAxMS44OUMwLjMwOTcyNyAxMi4yOCAwLjMwOTcyNyAxMi45MSAwLjY5OTcyNyAxMy4zQzEuMDg5NzMgMTMuNjkgMS43MTk3MyAxMy42OSAyLjEwOTczIDEzLjNMNi45OTk3MyA4LjQwOTk3TDExLjg4OTcgMTMuM0MxMi4yNzk3IDEzLjY5IDEyLjkwOTcgMTMuNjkgMTMuMjk5NyAxMy4zQzEzLjY4OTcgMTIuOTEgMTMuNjg5NyAxMi4yOCAxMy4yOTk3IDExLjg5TDguNDA5NzMgNi45OTk5N0wxMy4yOTk3IDIuMTA5OTdDMTMuNjc5NyAxLjcyOTk3IDEzLjY3OTcgMS4wODk5NyAxMy4yOTk3IDAuNzA5OTcxWiIgZmlsbD0iIzA4MDcwNyIvPgo8L3N2Zz4K);
  --str-chat__add-attachment-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS4zMzMyIDcuMzMzMDdMMTIuNjY2NiA3LjMzMzA3TDEyLjY2NjYgMTIuNjY2NEw3LjMzMzI0IDEyLjY2NjRMNy4zMzMyNCAxNS4zMzMxTDEyLjY2NjYgMTUuMzMzMUwxMi42NjY2IDIwLjY2NjRMMTUuMzMzMiAyMC42NjY0TDE1LjMzMzIgMTUuMzMzMUwyMC42NjY2IDE1LjMzMzFMMjAuNjY2NiAxMi42NjY0TDE1LjMzMzIgMTIuNjY2NEwxNS4zMzMyIDcuMzMzMDdaTTEzLjk5OTkgMC42NjY0MDRDNi42Mzk5MSAwLjY2NjQwNCAwLjY2NjU3NiA2LjYzOTc0IDAuNjY2NTc3IDEzLjk5OTdDMC42NjY1NzYgMjEuMzU5NyA2LjYzOTkxIDI3LjMzMzEgMTMuOTk5OSAyNy4zMzMxQzIxLjM1OTkgMjcuMzMzMSAyNy4zMzMyIDIxLjM1OTcgMjcuMzMzMiAxMy45OTk3QzI3LjMzMzIgNi42Mzk3NCAyMS4zNTk5IDAuNjY2NDA0IDEzLjk5OTkgMC42NjY0MDRaTTEzLjk5OTkgMjQuNjY2NEM4LjExOTkxIDI0LjY2NjQgMy4zMzMyNCAxOS44Nzk3IDMuMzMzMjUgMTMuOTk5N0MzLjMzMzI0IDguMTE5NzQgOC4xMTk5MSAzLjMzMzA3IDEzLjk5OTkgMy4zMzMwN0MxOS44Nzk5IDMuMzMzMDcgMjQuNjY2NiA4LjExOTc0IDI0LjY2NjYgMTMuOTk5N0MyNC42NjY2IDE5Ljg3OTcgMTkuODc5OSAyNC42NjY0IDEzLjk5OTkgMjQuNjY2NFoiLz4KPC9zdmc+Cg==);
  --str-chat__folder-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOCAySDEwTDggMEgyQzAuOSAwIDAuMDA5OTk5OTkgMC45IDAuMDA5OTk5OTkgMkwwIDE0QzAgMTUuMSAwLjkgMTYgMiAxNkgxOEMxOS4xIDE2IDIwIDE1LjEgMjAgMTRWNEMyMCAyLjkgMTkuMSAyIDE4IDJaTTE4IDE0SDJWNEgxOFYxNFoiIC8+Cjwvc3ZnPgo=);
  --str-chat__poll-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNiAwSDJDMC45IDAgMCAwLjkgMCAyVjE2QzAgMTcuMSAwLjkgMTggMiAxOEgxNkMxNy4xIDE4IDE4IDE3LjEgMTggMTZWMkMxOCAwLjkgMTcuMSAwIDE2IDBaTTE2IDE2SDJWMkgxNlYxNlpNNCA3SDZWMTRINFY3Wk04IDRIMTBWMTRIOFY0Wk0xMiAxMEgxNFYxNEgxMlYxMFoiLz4KPC9zdmc+);
  --str-chat__location-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NS44NTYgMjU1Ljg1NiI+PHBhdGggZD0iTTEyNy45MjggMzguOGMtMzAuNzUgMC01NS43NjggMjUuMDE3LTU1Ljc2OCA1NS43NjdzMjUuMDE4IDU1Ljc2NyA1NS43NjggNTUuNzY3IDU1Ljc2OC0yNS4wMTcgNTUuNzY4LTU1Ljc2N1MxNTguNjc4IDM4LjggMTI3LjkyOCAzOC44em0wIDk2LjUzM2MtMjIuNDc5IDAtNDAuNzY4LTE4LjI4OC00MC43NjgtNDAuNzY3UzEwNS40NDkgNTMuOCAxMjcuOTI4IDUzLjhzNDAuNzY4IDE4LjI4OCA0MC43NjggNDAuNzY3LTE4LjI4OCA0MC43NjYtNDAuNzY4IDQwLjc2NnoiLz48cGF0aCBkPSJNMTI3LjkyOCAwQzc1Ljc4NCAwIDMzLjM2MiA0Mi40MjIgMzMuMzYyIDk0LjU2NmMwIDMwLjA3MiAyNS4yMiA3NC44NzUgNDAuMjUzIDk4LjkwNCA5Ljg5MSAxNS44MDkgMjAuNTIgMzAuODU1IDI5LjkyOCA0Mi4zNjUgMTUuMTAxIDE4LjQ3NCAyMC41MDYgMjAuMDIgMjQuMzg2IDIwLjAyIDMuOTM4IDAgOS4wNDEtMS41NDcgMjQuMDk1LTIwLjAzMSA5LjQyOS0xMS41NzkgMjAuMDYzLTI2LjYxNiAyOS45NDQtNDIuMzQyIDE1LjEzNi0yNC4wODggNDAuNTI3LTY4Ljk3MSA0MC41MjctOTguOTE3QzIyMi40OTUgNDIuNDIyIDE4MC4wNzMgMCAxMjcuOTI4IDB6bTQzLjY0MSAxODEuODAzYy0xOS4zOTYgMzEuNDgzLTM3LjIwMyA1Mi43NTctNDMuNzMgNTguMTg4LTYuNTYxLTUuMjY0LTI0LjA3OS0yNi4wMzItNDMuNzQ2LTU4LjA4OS0yMi43MDctMzcuMDE1LTM1LjczLTY4Ljg0OC0zNS43My04Ny4zMzZDNDguMzYyIDUwLjY5MyA4NC4wNTUgMTUgMTI3LjkyOCAxNXM3OS41NjYgMzUuNjkzIDc5LjU2NiA3OS41NjZjLjAwMSAxOC4zODItMTMuMDk0IDUwLjE3OC0zNS45MjUgODcuMjM3eiIvPjwvc3ZnPg==);
  --str-chat__handle-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgNiIgZmlsbD0iY3VycmVuQ29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMTYgMEgwVjJIMTZWMFpNMCA2SDE2VjRIMFY2WiIvPgo8L3N2Zz4K);
  --str-chat__circle-stop-icon: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSI0IDQgMjggMjgiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjQ1NTEgMjcuMjQ0MUMyMi42MzA5IDI3LjI0NDEgMjcuNzQ0MSAyMi4xMTk4IDI3Ljc0NDEgMTUuOTU1MUMyNy43NDQxIDkuNzc5MyAyMi42MTk4IDQuNjY2MDIgMTYuNDQ0IDQuNjY2MDJDMTAuMjc5MyA0LjY2NjAyIDUuMTY2MDIgOS43NzkzIDUuMTY2MDIgMTUuOTU1MUM1LjE2NjAyIDIyLjExOTggMTAuMjkwNCAyNy4yNDQxIDE2LjQ1NTEgMjcuMjQ0MVpNMTYuNDU1MSAyNS4zNjI2QzExLjIzMTEgMjUuMzYyNiA3LjA1ODU5IDIxLjE3OSA3LjA1ODU5IDE1Ljk1NTFDNy4wNTg1OSAxMC43MzExIDExLjIyMDEgNi41NDc1MyAxNi40NDQgNi41NDc1M0MyMS42NjggNi41NDc1MyAyNS44NTE2IDEwLjczMTEgMjUuODYyNiAxNS45NTUxQzI1Ljg3MzcgMjEuMTc5IDIxLjY3OSAyNS4zNjI2IDE2LjQ1NTEgMjUuMzYyNlpNMTMuNTIyMSAxOS45ODM3SDE5LjM2NTlDMjAuMDYzMiAxOS45ODM3IDIwLjQ3MjcgMTkuNTc0MiAyMC40NzI3IDE4Ljg5OTFWMTMuMDExMUMyMC40NzI3IDEyLjMyNDkgMjAuMDYzMiAxMS45MjY0IDE5LjM2NTkgMTEuOTI2NEgxMy41MjIxQzEyLjgzNTkgMTEuOTI2NCAxMi40MTU0IDEyLjMyNDkgMTIuNDE1NCAxMy4wMTExVjE4Ljg5OTFDMTIuNDE1NCAxOS41NzQyIDEyLjgzNTkgMTkuOTgzNyAxMy41MjIxIDE5Ljk4MzdaIiBmaWxsPSIjMDA1ZmZmIi8+Cjwvc3ZnPg==);
  --str-chat__magnifier-glass-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjEiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAwQzEzLjk2OCAwIDE4IDQuMDMyIDE4IDlDMTggMTMuOTY4IDEzLjk2OCAxOCA5IDE4QzQuMDMyIDE4IDAgMTMuOTY4IDAgOUMwIDQuMDMyIDQuMDMyIDAgOSAwWk05IDE2QzEyLjg2NyAxNiAxNiAxMi44NjcgMTYgOUMxNiA1LjEzMiAxMi44NjcgMiA5IDJDNS4xMzIgMiAyIDUuMTMyIDIgOUMyIDEyLjg2NyA1LjEzMiAxNiA5IDE2Wk0yMC4zMTQgMTguODk5TDE3LjQ4NSAxNi4wNzFMMTYuMDcxIDE3LjQ4NUwxOC44OTkgMjAuMzE0TDIwLjMxNCAxOC44OTlaIi8+Cjwvc3ZnPgo=);
  --str-chat__clear-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDEwQzAgNC40NzcxNSA0LjQ3NzE1IDAgMTAgMEMxNS41MjI4IDAgMjAgNC40NzcxNSAyMCAxMEMyMCAxNS41MjI4IDE1LjUyMjggMjAgMTAgMjBDNC40NzcxNSAyMCAwIDE1LjUyMjggMCAxMFpNMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThDMTQuNDE4MyAxOCAxOCAxNC40MTgzIDE4IDEwQzE4IDUuNTgxNzIgMTQuNDE4MyAyIDEwIDJaTTEzLjUzNTggNi40NjQ0NkMxMy4xNDUzIDYuMDczOTQgMTIuNTEyMSA2LjA3Mzk0IDEyLjEyMTYgNi40NjQ0NkwxMC4wMDAzIDguNTg1NzhMNy44Nzg5OCA2LjQ2NDQ2QzcuNDg4NDYgNi4wNzM5NCA2Ljg1NTI5IDYuMDczOTQgNi40NjQ3NyA2LjQ2NDQ2QzYuMDc0MjQgNi44NTQ5OSA2LjA3NDI0IDcuNDg4MTUgNi40NjQ3NyA3Ljg3ODY4TDguNTg2MDkgMTBMNi40NjQ3NyAxMi4xMjEzQzYuMDc0MjQgMTIuNTExOCA2LjA3NDI0IDEzLjE0NSA2LjQ2NDc3IDEzLjUzNTVDNi44NTUyOSAxMy45MjYxIDcuNDg4NDYgMTMuOTI2MSA3Ljg3ODk4IDEzLjUzNTVMMTAuMDAwMyAxMS40MTQyTDEyLjEyMTYgMTMuNTM1NUMxMi41MTIxIDEzLjkyNjEgMTMuMTQ1MyAxMy45MjYxIDEzLjUzNTggMTMuNTM1NUMxMy45MjY0IDEzLjE0NSAxMy45MjY0IDEyLjUxMTggMTMuNTM1OCAxMi4xMjEzTDExLjQxNDUgMTBMMTMuNTM1OCA3Ljg3ODY4QzEzLjkyNjQgNy40ODgxNSAxMy45MjY0IDYuODU0OTkgMTMuNTM1OCA2LjQ2NDQ2WiIvPgo8L3N2Zz4K);
}
@font-face {
  font-family: "stream-chat-icons";
  src: url("./media/stream-chat-icons.eot");
  src:
    url("./media/stream-chat-icons.eot#iefix") format("embedded-opentype"),
    url("./media/stream-chat-icons.woff") format("woff2"),
    url("./media/stream-chat-icons.woff") format("woff"),
    url("./media/stream-chat-icons.ttf") format("truetype"),
    url("./media/stream-chat-icons.svg#stream-chat-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "stream-chat-icons";
    src: url("./media/stream-chat-icons.svg#stream-chat-icons") format("svg");
  }
}
.str-chat {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 32);
}
.str-chat .str-chat__avatar--autocomplete-item,
.str-chat .stream-chat__avatar--autocomplete-item {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 30);
}
.str-chat .str-chat__avatar--channel-header,
.str-chat .stream-chat__avatar--channel-header {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 40);
}
.str-chat .str-chat__avatar--channel-preview,
.str-chat .stream-chat__avatar--channel-preview {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 49);
}
.str-chat .str-chat__avatar--quoted-message-sender,
.str-chat .stream-chat__avatar--quoted-message-sender {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 20);
}
.str-chat .str-chat__avatar--reaction,
.str-chat .stream-chat__avatar--reaction {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 30);
}
.str-chat .str-chat__avatar--message-status,
.str-chat .stream-chat__avatar--message-status {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat .str-chat__avatar--poll-vote-author {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 20);
}
.str-chat__avatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--str-chat__avatar-size);
  line-height: var(--str-chat__avatar-size);
  width: var(--str-chat__avatar-size);
  min-width: var(--str-chat__avatar-size);
}
.str-chat__avatar.str-chat__avatar--one-letter,
.str-chat__avatar.stream-chat__avatar--one-letter {
  font-size: calc(var(--str-chat__avatar-size)*.5);
}
.str-chat__avatar.str-chat__avatar--no-letters {
  --str-chat-icon-width: calc(var(--str-chat__avatar-size) * 0.33);
  --str-chat-icon-height: calc(var(--str-chat__avatar-size) * 0.33);
}
.str-chat__avatar.str-chat__avatar--multiple-letters,
.str-chat__avatar.stream-chat__avatar--multiple-letters {
  font-size: calc(var(--str-chat__avatar-size)*.3);
}
.str-chat__avatar .str-chat__avatar-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.str-chat__avatar .str-chat__avatar-fallback {
  text-align: center;
  height: inherit;
  width: inherit;
}
.str-chat__avatar .str-chat__avatar--online-indicator {
  position: absolute;
  width: calc(var(--str-chat__spacing-px)*12);
  height: calc(var(--str-chat__spacing-px)*12);
  inset-inline-end: 3%;
  inset-block-start: 2%;
}
.str-chat__loading-channels-avatar {
  flex-shrink: 0;
  width: calc(var(--str-chat__spacing-px)*49);
  height: calc(var(--str-chat__spacing-px)*49);
}
.str-chat__avatar-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  height: var(--str-chat__avatar-size);
  line-height: var(--str-chat__avatar-size);
  width: var(--str-chat__avatar-size);
  min-width: var(--str-chat__avatar-size);
  overflow: hidden;
}
.str-chat__avatar-group.str-chat__avatar-group--three-part .str-chat__avatar:nth-child(1) {
  grid-area: 1/1/3/2;
}
.str-chat__avatar-group.str-chat__avatar-group--three-part .str-chat__avatar:nth-child(2) {
  grid-area: 1/2/2/3;
}
.str-chat__avatar-group.str-chat__avatar-group--three-part .str-chat__avatar:nth-child(3) {
  grid-area: 2/2/3/3;
}
.str-chat__avatar-group .str-chat__avatar {
  height: 100%;
  line-height: 100%;
  width: 100%;
  min-width: 100%;
}
.str-chat__avatar-group .str-chat__avatar .str-chat__avatar-fallback,
.str-chat__avatar-group .str-chat__avatar img {
  border-radius: 0;
}
.str-chat__avatar-group .str-chat__avatar.str-chat__avatar--single .str-chat__avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--str-chat__avatar-size)*.5);
}
.str-chat__avatar-group .str-chat__avatar .str-chat__avatar-fallback {
  font-size: calc(var(--str-chat__avatar-size)*.33);
}
.str-chat {
  --str-chat__attachment-margin: var(--str-chat__spacing-0_5);
  --str-chat__gif-height: calc(var(--str-chat__spacing-px) * 200);
  --str-chat__voice-recording-amplitude-bar-width: 2px;
  --str-chat__voice-recording-amplitude-bar-gap-width: var(--str-chat__spacing-px);
}
.str-chat__attachment-list {
  --str-chat__attachment-max-width: calc( var(--str-chat__message-max-width) - calc(2 * var(--str-chat__attachment-margin)) );
  --str-chat__video-height: var(--str-chat__attachment-max-width);
  --str-chat__scraped-image-height: calc(var(--str-chat__attachment-max-width) * calc(1 / 1.91));
  --str-chat__scraped-video-height: calc(var(--str-chat__attachment-max-width) * calc(9 / 16));
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}
.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--header {
  position: relative;
}
.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link {
  padding-bottom: var(--str-chat__spacing-2);
}
.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--text {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__attachment-list .str-chat__message-attachment--image,
.str-chat__attachment-list .str-chat__message-attachment--video,
.str-chat__attachment-list .str-chat__message-attachment-card--header {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.str-chat__attachment-list .str-chat__message-attachment-card--header {
  height: var(--str-chat__scraped-image-height);
}
.str-chat__attachment-list .str-chat__message-attachment-card--header img {
  object-fit: cover;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  cursor: default;
}
.str-chat__attachment-list .str-chat__message-attachment-card-react--header img {
  cursor: zoom-in;
}
.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header {
  height: var(--str-chat__gif-height);
}
.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header img {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  cursor: default;
}
.str-chat__attachment-list .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card-react--header img {
  cursor: zoom-in;
}
.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card) > img {
  height: min(var(--str-chat__attachment-max-width), min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000), 1px)*var(--original-height, 1000000));
  max-width: var(--str-chat__attachment-max-width);
  max-height: var(--str-chat__attachment-max-width);
  object-fit: cover;
  width: 100%;
  cursor: zoom-in;
}
.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),
.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header {
  max-width: var(--str-chat__attachment-max-width);
  display: flex;
}
.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper,
.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper {
  height: 100%;
  width: 100%;
  min-width: 0;
  max-width: var(--str-chat__attachment-max-width);
  display: flex;
  flex-direction: column;
}
.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .react-player,
.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card) .str-chat__player-wrapper .str-chat__video-angular,
.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .react-player,
.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header .str-chat__player-wrapper .str-chat__video-angular {
  height: 100%;
  width: 100%;
  max-width: var(--str-chat__attachment-max-width);
  max-height: 100%;
  min-height: 0;
}
.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card):not(.str-chat__message-attachment-dynamic-size) {
  height: var(--str-chat__video-height);
}
.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) {
  max-height: var(--str-chat__video-height);
}
.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__player-wrapper {
  height: min(var(--str-chat__video-height), min(var(--str-chat__attachment-max-width, 1000000)/var(--original-width, 1000000), 1px)*var(--original-height, 1000000));
  max-height: var(--str-chat__video-height);
}
.str-chat__attachment-list .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(.str-chat__message-attachment--card) .str-chat__video-angular {
  max-height: var(--str-chat__video-height);
}
.str-chat__attachment-list .str-chat__message-attachment-card--video .str-chat__message-attachment-card--header {
  height: var(--str-chat__scraped-video-height);
}
.str-chat__attachment-list .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),
.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card) {
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list .str-chat__message-attachment--gallery {
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery {
  display: grid;
  grid-template-columns: 50% 50%;
  overflow: hidden;
  width: fit-content;
  gap: var(--str-chat__spacing-0_5);
  max-width: var(--str-chat__attachment-max-width);
  height: var(--str-chat__attachment-max-width);
}
.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery.str-chat__gallery-two-rows {
  grid-template-rows: 50% 50%;
}
.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image {
  padding: 0;
  margin: 0;
  position: relative;
}
.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: zoom-in;
  max-width: var(--str-chat__attachment-max-width);
}
.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0;
  cursor: zoom-in;
  max-width: var(--str-chat__attachment-max-width);
}
.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder p {
  position: relative;
  z-index: 1;
}
.str-chat__attachment-list .str-chat__message-attachment--gallery .str-chat__gallery .str-chat__gallery-placeholder::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image,
.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image {
  padding: var(--str-chat__spacing-6);
}
.str-chat__attachment-list .str-chat__gallery .str-chat__message-attachment--svg-image img,
.str-chat__attachment-list .str-chat__message-attachment--image.str-chat__message-attachment--svg-image img {
  object-fit: contain;
  max-width: calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));
  max-height: calc(var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6));
}
.str-chat__attachment-list .str-chat__message-attachment-unsupported {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list .str-chat__message-attachment-unsupported .str-chat__file-icon {
  width: calc(var(--str-chat__spacing-px)*30);
}
.str-chat__attachment-list .str-chat__message-attachment-unsupported .str-chat__message-attachment-unsupported__metadata {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.str-chat__attachment-list .str-chat__message-attachment-unsupported .str-chat__message-attachment-unsupported__title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  max-width: 100%;
}
.str-chat__attachment-list .str-chat__message-attachment-file--item,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  row-gap: var(--str-chat__spacing-0_5);
  min-width: 0;
}
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-audio-widget--title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  min-width: 0;
}
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-download-icon svg,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text .str-chat__message-attachment-audio-widget--text-first-row .str-chat__message-attachment-download-icon svg {
  width: calc(var(--str-chat__spacing-px)*24);
  height: calc(var(--str-chat__spacing-px)*16);
}
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__file-icon {
  width: calc(var(--str-chat__spacing-px)*34);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation {
  margin: var(--str-chat__attachment-margin);
  min-width: 200px;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--str-chat__spacing-2);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder .str-chat__message-geolocation__icon {
  height: calc(var(--str-chat__spacing-px)*150);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder .str-chat__message-attachment-geolocation__placeholder-link {
  position: absolute;
  inset-inline-end: .75rem;
  inset-block: .75rem;
  height: calc(var(--str-chat__spacing-px)*20);
  width: calc(var(--str-chat__spacing-px)*20);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status {
  display: flex;
  justify-content: center;
  padding: .5rem 2rem;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .375rem;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__stop-sharing-button {
  color: var(--str-chat__danger-color);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__status--active-status {
  color: var(--str-chat__info-color);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__status--active-until {
  text-transform: lowercase;
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--play-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--progress-track {
  max-width: calc(var(--str-chat__spacing-px)*120);
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row {
  display: flex;
  align-items: center;
  width: 100%;
  grid-column-gap: var(--str-chat__spacing-5);
  padding-top: var(--str-chat__spacing-2_5);
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--text-second-row .str-chat__message-attachment-file--item-size {
  line-height: calc(var(--str-chat__spacing-px)*14);
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track {
  position: relative;
  height: calc(var(--str-chat__spacing-px)*5);
  flex: 1;
  cursor: pointer;
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator {
  position: absolute;
  inset-inline-start: 0;
  height: inherit;
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget {
  display: grid;
  grid-template-columns: 36px auto 55px;
  align-items: center;
  justify-content: center;
  gap: calc(var(--str-chat__spacing-px)*9);
  padding: var(--str-chat__spacing-2);
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--str-chat__spacing-2);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata a {
  cursor: pointer;
  text-decoration: none;
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata .str-chat__message-attachment-voice-recording-widget--first-row {
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-chat__spacing-1);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata .str-chat__message-attachment__voice-recording-widget__title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  min-width: 0;
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata .str-chat__message-attachment-download-icon svg {
  width: calc(var(--str-chat__spacing-px)*24);
  height: calc(var(--str-chat__spacing-px)*16);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata .str-chat__message-attachment__voice-recording-widget__audio-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-chat__spacing-1_5);
  height: 100%;
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__metadata .str-chat__message-attachment__voice-recording-widget__error-message {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--str-chat__spacing-1);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__right-section {
  justify-self: center;
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__timer {
  min-width: calc(var(--str-chat__spacing-px)*45);
  width: calc(var(--str-chat__spacing-px)*45);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget stream-voice-recording-wavebar {
  flex: 1;
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__track {
  position: relative;
  flex: 1;
  width: 100%;
  height: calc(var(--str-chat__spacing-px)*25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-chat__voice-recording-amplitude-bar-gap-width);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar {
  width: var(--str-chat__voice-recording-amplitude-bar-width);
  min-width: var(--str-chat__voice-recording-amplitude-bar-width);
  height: calc(var(--str-chat__wave-progress-bar__amplitude-bar-height) + 2px);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__progress-indicator {
  position: absolute;
  left: 0;
  height: calc(100% + 2px + 2px);
  width: calc(var(--str-chat__spacing-px)*6);
}
.str-chat__attachment-list .str-chat__message_attachment__playback-rate-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: var(--str-chat__spacing-1_5) var(--str-chat__spacing-2_5);
}
.str-chat__attachment-list .str-chat__message-attachment-card {
  min-width: 0;
  max-width: var(--str-chat__attachment-max-width);
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content {
  padding: var(--str-chat__spacing-2_5);
}
.str-chat__attachment-list .str-chat__message-attachment-card .str-chat__message-attachment-card--content .str-chat__message-attachment-card--title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content {
  padding: 0;
}
.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget {
  display: flex;
  flex-direction: column;
  row-gap: var(--str-chat__spacing-2_5);
  width: 100%;
  padding: var(--str-chat__spacing-2);
}
.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--content .str-chat__message-attachment-card-audio-widget .str-chat__message-attachment-card-audio-widget--first-row {
  display: flex;
  align-items: center;
  column-gap: var(--str-chat__spacing-3_5);
}
.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form {
  display: flex;
  justify-content: stretch;
}
.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-form .str-chat__message-attachment-actions-button {
  cursor: pointer;
  width: 100%;
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-4);
  white-space: nowrap;
}
.str-chat__attachment-list .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy .str-chat__message-attachment-card .str-chat__message-attachment-card--content {
  display: none;
}
.str-chat__attachment-list .str-chat-angular__message-attachment-file-single .str-chat__message-attachment-file--item-first-row {
  cursor: pointer;
  text-decoration: none;
}
.str-chat__attachment-list .str-chat__message-attachment-download-icon {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 16);
}
.str-chat__attachment-list .str-chat__attachment-type-icon {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 37);
}
.str-chat__message-attachment-audio-widget--play-button {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--str-chat__spacing-px)*36);
  width: calc(var(--str-chat__spacing-px)*36);
  cursor: pointer;
}
.str-chat__message-attachment-audio-widget--play-button svg {
  width: var(--str-chat__spacing-3);
}
.str-chat__quoted-message-preview {
  --str-chat__attachment-margin: 0px;
}
.str-chat__quoted-message-preview * {
  cursor: pointer !important;
}
.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--source-link,
.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content {
  display: none;
}
.str-chat__quoted-message-preview .str-chat__message-attachment__voice-recording-widget {
  display: flex;
  justify-content: space-between;
}
.str-chat__quoted-message-preview .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__track {
  display: none;
}
.str-chat__quoted-message-preview .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment-audio-widget--play-button {
  display: none;
}
.str-chat__quoted-message-preview .str-chat__message-attachment-file--item-download {
  display: none;
}
.str-chat__message .str-chat__quoted-message-preview .str-chat__message-attachment-file--item {
  padding: 0;
}
.str-chat__audio_recorder__waveform-box,
.str-chat__wave-progress-bar__track {
  position: relative;
  flex: 1;
  width: 120px;
  height: calc(var(--str-chat__spacing-px)*25);
  display: flex;
  align-items: center;
  gap: var(--str-chat__spacing-px);
}
.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__amplitude-bar,
.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar {
  width: 2px;
  min-width: 2px;
  height: calc(var(--str-chat__wave-progress-bar__amplitude-bar-height) + 2px);
}
.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__progress-indicator,
.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__progress-indicator {
  position: absolute;
  left: 0;
  height: calc(100% + 2px + 2px);
  width: calc(var(--str-chat__spacing-px)*6);
}
.str-chat__attachment-list-angular-host {
  min-width: 0;
}
.str-chat__attachment-list-angular-host .str-chat__message-attachment-card--video {
  width: 100%;
}
.str-chat__attachment-list-angular-host .str-chat__message-attachment-card--video a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.str-chat__attachment-list-angular-host .str-chat__message-attachment-card--video a .str-chat__message-attachment-card--video-play,
.str-chat__attachment-list-angular-host .str-chat__message-attachment-card--video a stream-icon-placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  width: calc(var(--str-chat__spacing-px)*36);
  height: calc(var(--str-chat__spacing-px)*36);
}
.str-chat__attachment-list-angular-host .str-chat__message-attachment-card--video a img {
  cursor: pointer;
}
.str-chat__attachment-preview-list {
  --str-chat__loading-indicator-size: calc(var(--str-chat__spacing-px) * 18);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-1_5);
  width: 100%;
}
.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container {
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: calc(var(--str-chat__spacing-px)*72);
  width: calc(var(--str-chat__spacing-px)*72);
  min-width: calc(var(--str-chat__spacing-px)*72);
  overflow: hidden;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-image-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-thumbnail {
  object-fit: cover;
  height: calc(var(--str-chat__spacing-px)*72);
  width: calc(var(--str-chat__spacing-px)*72);
  word-break: break-all;
  overflow: hidden;
}
.str-chat__attachment-preview-list .str-chat__location-preview,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: calc(var(--str-chat__spacing-px)*72);
  width: calc(var(--str-chat__spacing-px)*200);
  position: relative;
  padding: 0 var(--str-chat__spacing-4);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-metadata,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-end,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-metadata,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-end,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-metadata,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-end,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-metadata,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end {
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-metadata .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-metadata .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-metadata .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-end .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-end .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-metadata .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-metadata .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-metadata .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-end .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-end .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-metadata .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-metadata .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-metadata .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-end .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-end .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-metadata .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-metadata .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-metadata .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  max-width: 100%;
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__location-preview-image,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-icon,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__location-preview-image,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-icon,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__location-preview-image,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-icon,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__location-preview-image,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 37);
  --str-chat-icon-width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__location-preview-image svg,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-icon svg,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__location-preview-image svg,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-icon svg,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__location-preview-image svg,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-icon svg,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__location-preview-image svg,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-icon svg {
  height: calc(var(--str-chat__spacing-px)*37);
  width: unset;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 16);
  line-height: calc(var(--str-chat__spacing-px)*13);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-download svg {
  width: calc(var(--str-chat__spacing-px)*16);
  height: calc(var(--str-chat__spacing-px)*16);
}
.str-chat__attachment-preview-list button.str-chat__attachment-preview-delete {
  padding: unset;
  background: unset;
  border: unset;
  border-radius: var(--str-chat__border-radius-circle);
  display: flex;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  position: absolute;
  top: calc(var(--str-chat__spacing-px)*2);
  inset-inline-end: calc(var(--str-chat__spacing-px)*2);
  cursor: pointer;
  z-index: 1;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg {
  width: calc(var(--str-chat__spacing-px)*24);
  height: calc(var(--str-chat__spacing-px)*24);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-error {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: unset;
  background: unset;
  border: unset;
  border-radius: unset;
  inset-inline-start: 0;
  cursor: pointer;
  z-index: 0;
}
.str-chat__attachment-preview-list-angular-host {
  width: 100%;
  max-width: 100%;
}
.str-chat__message-textarea-angular-host {
  position: relative;
}
.str-chat__message-textarea-angular-host mention-list {
  width: 100%;
}
.str-chat__message-textarea-angular-host .mention-menu {
  padding: var(--str-chat__spacing-2) 0 !important;
  margin: 0 !important;
  max-width: 100%;
}
.str-chat__message-textarea-angular-host .mention-menu .mention-item {
  padding: 0 !important;
}
.str-chat__suggestion-list-container {
  position: absolute;
  bottom: calc(100% + var(--str-chat__spacing-2_5));
  width: 100%;
  padding: var(--str-chat__spacing-2) 0;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list {
  overflow-y: auto;
  max-height: calc(var(--str-chat__spacing-px)*320);
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: unset;
  margin: unset;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list--react {
  overflow-y: unset;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list--react .str-chat__suggestion-list-item > button {
  width: 100%;
}
.str-chat__slash-command {
  padding: var(--str-chat__spacing-2_5);
}
.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args {
  margin-inline-start: var(--str-chat__spacing-2);
}
.str-chat__user-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__user-item .str-chat__user-item--name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  width: 100%;
}
.str-chat__emoji-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__emoji-item .str-chat__emoji-item--name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  width: 100%;
}
.str-chat__message-textarea-angular-host--autocomplete-hidden mention-list {
  display: none;
}
.str-chat__audio_recorder-container {
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-height: 3.25rem;
  padding-inline: 1rem;
}
.str-chat__audio_recorder,
stream-voice-recorder-wavebar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .375rem;
}
.str-chat__audio_recorder button,
stream-voice-recorder-wavebar button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  padding: 0;
}
.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__cancel-button {
  --str-chat-icon-height: 28px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__cancel-button svg {
  height: 28px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__toggle-playback-button {
  --str-chat-icon-height: 16px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__toggle-playback-button svg {
  height: 16px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__pause-recording-button {
  --str-chat-icon-height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__pause-recording-button svg {
  height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__resume-recording-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__resume-recording-button {
  --str-chat-icon-height: 24px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__resume-recording-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__resume-recording-button svg {
  height: 24px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__stop-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__stop-button {
  --str-chat-icon-height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__stop-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__stop-button svg {
  height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__complete-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__complete-button {
  --str-chat-icon-height: 16px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__complete-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__complete-button svg {
  height: 16px;
}
.str-chat__audio_recorder .str-chat__recording-timer,
stream-voice-recorder-wavebar .str-chat__recording-timer {
  display: flex;
  align-items: center;
  width: 3rem;
}
.str-chat__audio_recorder .str-chat__recording-timer--hours,
stream-voice-recorder-wavebar .str-chat__recording-timer--hours {
  width: 3.75rem;
}
.str-chat__audio_recorder .str-chat__wave-progress-bar__track-container,
stream-voice-recorder-wavebar .str-chat__wave-progress-bar__track-container {
  padding-block: .5rem;
  overflow-x: auto;
  height: fit-content;
}
.str-chat__audio_recorder .str-chat__waveform-box-container,
stream-voice-recorder-wavebar .str-chat__waveform-box-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.str-chat__audio_recorder .str-chat__audio_recorder__waveform-box,
.str-chat__audio_recorder .str-chat__wave-progress-bar__track,
stream-voice-recorder-wavebar .str-chat__audio_recorder__waveform-box,
stream-voice-recorder-wavebar .str-chat__wave-progress-bar__track {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  height: 2rem;
  margin-inline: 1rem;
}
.str-chat__audio_recorder .str-chat__wave-progress-bar__track,
stream-voice-recorder-wavebar .str-chat__wave-progress-bar__track {
  width: 120px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__waveform-box,
stream-voice-recorder-wavebar .str-chat__audio_recorder__waveform-box {
  overflow-x: hidden;
}
.str-chat__audio_recorder-container .str-chat__message-attachment__voice-recording-widget {
  display: flex;
  gap: var(--str-chat__spacing-1_5);
}
.str-chat__audio_recorder-container .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment-voice-recording-widget--first-row {
  display: none;
}
.str-chat__audio_recorder-container .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__audio-state {
  display: flex;
  gap: var(--str-chat__spacing-1_5);
}
.str-chat__audio_recorder-container .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__audio-state .str-chat__message-attachment__voice-recording-widget__timer {
  min-width: 3rem;
  align-self: center;
}
.str-chat__audio_recorder-container .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__right-section {
  display: none;
}
.str-chat__base-image .str-chat__message-attachment-file--item-download {
  display: block;
}
.str-chat__message-attachment-card--header .str-chat__message-attachment-file--item-download,
.str-chat__gallery-image .str-chat__message-attachment-file--item-download,
.str-chat__message-attachment--image .str-chat__message-attachment-file--item-download {
  position: absolute;
  top: .5rem;
  right: 1rem;
}
.str-chat__attachment-preview-image .str-chat__message-attachment-file--item-download {
  display: none;
}
.str-chat__channel {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.str-chat__channel .str-chat__container {
  height: 100%;
  display: flex;
}
.str-chat__channel .str-chat__container .str-chat__main-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.str-chat__empty-channel {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 136);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-4);
  position: relative;
}
.str-chat__empty-channel svg {
  width: calc(var(--str-chat__spacing-px)*136);
  height: calc(var(--str-chat__spacing-px)*136);
}
.str-chat__empty-channel .str-chat__empty-channel-notifications {
  position: absolute;
  inset-block-end: var(--str-chat__spacing-2);
}
.str-chat__loading-channel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.str-chat__loading-channel .str-chat__loading-channel-header {
  display: flex;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  align-items: center;
}
.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-avatar {
  flex-shrink: 0;
  width: calc(var(--str-chat__spacing-px)*40);
  height: calc(var(--str-chat__spacing-px)*40);
  border-radius: var(--str-chat__avatar-border-radius);
}
.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  flex: 1;
  row-gap: var(--str-chat__spacing-1_5);
}
.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-name {
  border-radius: var(--str-chat__border-radius-xs);
  height: calc(var(--str-chat__spacing-px)*16);
  width: calc(var(--str-chat__spacing-px)*170);
}
.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-end .str-chat__loading-channel-header-info {
  border-radius: var(--str-chat__border-radius-xs);
  height: calc(var(--str-chat__spacing-px)*16);
  width: calc(var(--str-chat__spacing-px)*66);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list {
  height: 100%;
  padding: 0 var(--str-chat__spacing-2);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li {
  margin-inline: calc(-1*var(--str-chat__spacing-2));
  padding-inline: var(--str-chat__spacing-2);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li {
  margin-inline: calc(-1*var(--str-chat__spacing-2));
}
@media only screen and (min-device-width: 768px) {
  .str-chat__loading-channel .str-chat__loading-channel-message-list {
    padding: 0 min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__li {
    margin-inline: calc(-1*min(var(--str-chat__spacing-10), 4%));
    padding-inline: min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__parent-message-li {
    margin-inline: calc(-1*min(var(--str-chat__spacing-10), 4%) - 2px);
  }
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message {
  display: flex;
  width: 100%;
  column-gap: var(--str-chat__spacing-2);
  padding: var(--str-chat__spacing-4) 0;
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-avatar {
  flex-shrink: 0;
  width: calc(var(--str-chat__spacing-px)*49);
  height: calc(var(--str-chat__spacing-px)*49);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: var(--str-chat__spacing-2);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-end .str-chat__loading-channel-message-last-row {
  display: flex;
  width: 100%;
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-sender {
  height: calc(var(--str-chat__spacing-px)*16);
  width: calc(var(--str-chat__spacing-px)*66);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-text {
  height: calc(var(--str-chat__spacing-px)*16);
  width: 100%;
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message .str-chat__loading-channel-message-date {
  height: calc(var(--str-chat__spacing-px)*16);
  width: calc(var(--str-chat__spacing-px)*50);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) {
  flex-direction: row-reverse;
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-sender {
  align-self: end;
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message:nth-of-type(2) .str-chat__loading-channel-message-last-row {
  flex-direction: row-reverse;
}
.str-chat__loading-channel .str-chat__loading-channel-message-input-row {
  display: flex;
  column-gap: var(--str-chat__spacing-2);
  padding: var(--str-chat__spacing-2);
}
.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input {
  width: 100%;
  height: calc(var(--str-chat__spacing-px)*36);
}
.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send {
  height: calc(var(--str-chat__spacing-px)*36);
  width: calc(var(--str-chat__spacing-px)*36);
}
.str-chat__channel-header {
  display: flex;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  align-items: center;
}
.str-chat__channel-header .str-chat__header-hamburger {
  display: none;
}
.str-chat__channel-header .str-chat__channel-header-end {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  flex: 1;
  row-gap: var(--str-chat__spacing-1_5);
}
.str-chat__channel-header .str-chat__channel-header-end p {
  margin: 0;
}
.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title,
.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-info {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-title {
  overflow-y: hidden;
}
.str-chat__channel-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.str-chat__channel-list .str-chat__channel-list-messenger {
  height: 100%;
}
.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main {
  height: 100%;
}
.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 136);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-4);
}
.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty svg {
  width: calc(var(--str-chat__spacing-px)*136);
  height: calc(var(--str-chat__spacing-px)*136);
}
.str-chat__channel-list .str-chat__channel-list-messenger .str-chat__channel-list-messenger__main .str-chat__channel-list-empty-v1 {
  display: none;
}
.str-chat__channel-list .str-chat__load-more-button {
  display: flex;
  justify-content: center;
  margin: var(--str-chat__spacing-2) 0;
}
.str-chat__channel-list .str-chat__load-more-button .str-chat__load-more-button__button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__channel-list .stream-chat__paginated-list {
  gap: 0;
}
.str-chat__channel-list-react {
  overflow: hidden;
}
.str-chat__channel-list-react .str-chat__channel-list-messenger-react {
  overflow: hidden;
  padding-bottom: var(--str-chat__spacing-2_5);
}
.str-chat__channel-list-react .str-chat__channel-list-messenger-react .str-chat__channel-list-messenger-react__main {
  overflow-y: auto;
}
.str-chat-angular__channel-list .str-chat__channel-list-messenger__main {
  display: flex;
  flex-direction: column;
}
.str-chat-angular__channel-list .str-chat__channel-list-messenger__main stream-paginated-list {
  min-height: 0;
}
.str-chat__channel-preview-container {
  position: relative;
}
.str-chat__channel-preview-container .str-chat__channel-preview__action-buttons {
  position: absolute;
  right: var(--str-chat__spacing-2);
  bottom: var(--str-chat__spacing-3);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1px;
}
.str-chat__channel-preview-container .str-chat__channel-preview__action-buttons .str-chat__channel-preview__action-button {
  --str-chat-icon-height: 13px;
  cursor: pointer;
  padding-block: 2px;
  padding-inline: 4px;
}
.str-chat__channel-preview {
  display: flex;
  column-gap: var(--str-chat__spacing-2);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
  margin: 0;
  text-align: start;
  cursor: pointer;
}
.str-chat__channel-preview .str-chat__channel-preview-end {
  display: flex;
  flex-direction: column;
  row-gap: var(--str-chat__spacing-0_5);
  width: 100%;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  min-width: 0;
}
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row {
  display: flex;
  column-gap: var(--str-chat__spacing-1);
  align-items: stretch;
}
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-unread-badge {
  display: flex;
  align-items: center;
  padding: 0 var(--str-chat__spacing-2);
}
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-first-row .str-chat__channel-preview-messenger--name {
  width: 100%;
}
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-second-row {
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  min-width: 0;
  display: flex;
  column-gap: var(--str-chat__spacing-1);
  align-items: center;
}
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-second-row .str-chat__channel-preview-messenger--last-message {
  flex: 1;
}
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-second-row .str-chat__channel-preview-messenger--status {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-end-second-row .str-chat__channel-preview-messenger--status svg {
  width: calc(var(--str-chat__spacing-px)*15);
  height: calc(var(--str-chat__spacing-px)*15);
}
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name,
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-y: hidden;
  min-width: 0;
}
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--name p,
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message p {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  margin: 0;
  max-width: calc(100% - 40px);
}
.str-chat__channel-preview-loading {
  display: flex;
  column-gap: var(--str-chat__spacing-2);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
  margin: 0;
  text-align: start;
}
.str-chat__channel-preview-loading .str-chat__channel-preview-end-loading {
  display: flex;
  flex-direction: column;
  row-gap: var(--str-chat__spacing-0_5);
  width: 100%;
}
.str-chat__channel-preview-loading .str-chat__loading-channels-username {
  height: calc(var(--str-chat__spacing-px)*16);
  width: calc(var(--str-chat__spacing-px)*66);
}
.str-chat__channel-preview-loading .str-chat__loading-channels-status {
  height: calc(var(--str-chat__spacing-px)*16);
  width: 100%;
}
.str-chat__channel-search {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.str-chat__channel-search.str-chat__channel-search--active.str-chat__channel-search--inline,
.str-chat__channel-search.str-chat__channel-search--with-results.str-chat__channel-search--inline {
  height: 100%;
}
.str-chat__channel-search.str-chat__channel-search--inline {
  min-height: 0;
}
.str-chat__channel-search .str-chat__channel-search-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5);
  height: 65px;
}
.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-bar-button {
  background: none;
  border: none;
  width: calc(var(--str-chat__spacing-px)*40);
  height: calc(var(--str-chat__spacing-px)*40);
  padding: var(--str-chat__spacing-2_5);
  cursor: pointer;
}
.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  padding: var(--str-chat__spacing-2_5);
  min-width: 0;
}
.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--icon,
.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button {
  display: inline-flex;
  padding: 0 var(--str-chat__spacing-2_5);
}
.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button:disabled {
  cursor: default;
}
.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper input {
  flex: 1;
  min-width: 0;
}
.str-chat__channel-search .str-chat__channel-search-container-searching {
  width: 100%;
  padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
}
.str-chat__channel-search .str-chat__channel-search-results-header {
  width: 100%;
  padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
}
.str-chat__channel-search .str-chat__channel-search-result-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.str-chat__channel-search .str-chat__channel-search-result-list.inline {
  flex: 1;
}
.str-chat__channel-search .str-chat__channel-search-result-list.popup {
  position: absolute;
  left: 0;
  right: 0;
  top: 65px;
  height: 400px;
  z-index: 1;
}
.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
}
.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-container-empty svg {
  height: calc(var(--str-chat__spacing-px)*90 + var(--str-chat__spacing-20));
  width: calc(var(--str-chat__spacing-px)*90);
  padding: var(--str-chat__spacing-10) 0;
}
.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  width: 100%;
  column-gap: var(--str-chat__spacing-2);
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
}
.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result .channel-search__result-text,
.str-chat__channel-search .str-chat__channel-search-result-list .str-chat__channel-search-result .str-chat__channel-search-result--display-name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-y: hidden;
}
.str-chat__cta-button {
  padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-6);
  cursor: pointer;
}
.str-chat__circle-fab {
  width: calc(var(--str-chat__spacing-px)*42);
  height: calc(var(--str-chat__spacing-px)*42);
  padding: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.str-chat__circle-fab .str-chat__circle-fab-icon {
  display: inline-block;
  height: calc(var(--str-chat__spacing-px)*24);
}
.str-chat__dialog-overlay {
  inset: 0;
  position: absolute;
  height: var(--str-chat__dialog-overlay-height);
  width: 100%;
  z-index: 2;
}
.str-chat__dialog {
  width: 100%;
}
.str-chat__dialog .str-chat__dialog__body {
  padding: 2rem 1rem;
  overflow-y: auto;
}
.str-chat__dialog .str-chat__dialog__body .str-chat__dialog__title {
  margin-bottom: 1rem;
}
.str-chat__dialog .str-chat__dialog__controls {
  display: flex;
  justify-content: flex-end;
  gap: 1.25rem;
  padding: 2.25rem 1.25rem;
}
.str-chat__dialog .str-chat__dialog__controls .str-chat__dialog__controls-button {
  background: none;
  border: none;
}
.str-chat-angular__dialog-body.str-chat__dialog__body {
  padding: 0;
}
.str-chat-angular__dialog-body .str-chat__dialog__controls {
  padding-bottom: 0;
}
.str-chat__prompt-dialog input[type=text] {
  width: 100%;
  padding: .625rem 1rem;
}
.str-chat__dialog-menu {
  overflow: hidden;
}
.str-chat__dialog-menu .str-chat__dialog-menu__button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: .5rem .75rem;
}
.str-chat__dialog-menu .str-chat__dialog-menu__button .str-chat__dialog-menu__button-icon {
  height: 1rem;
  width: 1rem;
}
.str-chat__dialog-menu .str-chat__dialog-menu__button .str-chat__dialog-menu__button-text {
  padding-inline: .675rem;
}
.str-chat__drag-and-drop-container__item {
  display: flex;
  width: 100%;
  padding-block: .25rem;
}
.str-chat__dropzone-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 5;
}
.str-chat__dropzone-container p {
  margin: unset;
}
.str-chat__edit-message-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  row-gap: var(--str-chat__spacing-5);
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  max-height: 100%;
}
.str-chat__edit-message-form .str-chat__edit-message-form-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.str-chat__edit-message-form .str-chat__edit-message-form-options button {
  cursor: pointer;
  margin: 0;
}
.str-chat-angular__edit-message-form .str-chat__message-input-angular-host {
  max-height: 100%;
  min-height: 0;
  display: flex;
  min-width: 0;
  max-width: 100%;
}
.str-chat-angular__edit-message-form .str-chat__modal--open .str-chat__modal__inner {
  height: 40%;
  max-height: 80%;
  min-width: 90%;
  max-width: 90%;
  width: 90%;
  flex-basis: min-content;
}
@media only screen and (min-device-width: 768px) {
  .str-chat-angular__edit-message-form .str-chat__modal--open .str-chat__modal__inner {
    min-width: 40%;
    max-width: 60%;
    width: min-content;
  }
}
.str-chat__dialog__field {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.str-chat__dialog__field .str-chat__form-field-error {
  margin-left: .5rem;
}
.str-chat__form__switch-field {
  width: 100%;
  padding: 1rem;
}
.str-chat__form__switch-field input[type=checkbox] {
  display: none;
}
.str-chat__form__switch-field label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.str-chat__form__switch-field .str-chat__form__switch-field__switch {
  display: flex;
  align-items: center;
  width: calc(var(--str-chat__spacing-px)*52);
  height: calc(var(--str-chat__spacing-px)*32);
  padding: .25rem;
}
.str-chat__form__switch-field .str-chat__form__switch-field__switch .str-chat__form__switch-field__switch-handle {
  height: 1.5rem;
  width: 1.5rem;
}
.str-chat__form__switch-field .str-chat__form__switch-field__switch.str-chat__form__switch-field__switch--on {
  justify-content: flex-end;
}
.str-chat__dropdown .str-chat__dropdown__open-button {
  width: 100%;
  text-align: start;
}
.str-chat__image-carousel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
}
.str-chat__image-carousel .str-chat__image-carousel-stepper {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 30);
  padding: var(--str-chat__spacing-2_5);
  border: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
}
.str-chat__image-carousel .str-chat__image-carousel-image {
  object-fit: contain;
  min-height: 0;
  max-height: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  width: 100%;
}
.str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner {
  height: 80%;
  width: 80%;
}
@media only screen and (max-device-width: 768px) {
  .str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner {
    height: 100%;
    width: 100%;
  }
}
[dir=rtl] .str-chat__image-carousel-stepper svg {
  transform: scale(-1, 1);
}
.str-chat {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  --str-chat-icon-width: auto;
}
.str-chat__icon {
  display: flex;
  font-family: "stream-chat-icons";
  font-style: normal;
  font-weight: normal;
  font-size: var(--str-chat-icon-height);
  line-height: var(--str-chat-icon-height);
  height: var(--str-chat-icon-height);
  width: var(--str-chat-icon-width);
}
.str-chat__icon::before {
  line-height: var(--str-chat-icon-height);
}
.str-chat__icon--unspecified-filetype {
  content: url(data:image/svg+xml;base64,PHN2ZwogIGRhdGEtdGVzdGlkPSJ1bnNwZWNpZmllZC1maWxldHlwZSIKICB3aWR0aD0iMzQiCiAgaGVpZ2h0PSI0MCIKICB2aWV3Qm94PSIwIDAgMzQgNDAiCiAgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCj4KICA8cGF0aAogICAgZD0iTTAgM0MwIDEuMzQzMTUgMS4zNDMxNSAwIDMgMEgyM0wzNCAxMVYzN0MzNCAzOC42NTY5IDMyLjY1NjkgNDAgMzEgNDBIM0MxLjM0MzE1IDQwIDAgMzguNjU2OSAwIDM3VjNaIgogICAgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIKICAvPgogIDxwYXRoIGQ9Ik0zNCAxMUwyNiAxMUMyNC4zNDMxIDExIDIzIDkuNjU2ODUgMjMgOFYwTDM0IDExWiIgZmlsbD0iI0RCREJEQiIgLz4KICA8cGF0aAogICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTggMTNIMjNWMTVIOFYxM1oiCiAgICBmaWxsPSIjQ0ZDRkNGIgogIC8+CiAgPHBhdGgKICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik04IDE3SDE4VjE5SDhWMTdaIgogICAgZmlsbD0iI0NGQ0ZDRiIKICAvPgogIDxwYXRoCiAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICBkPSJNOCAyMUgyM1YyM0g4VjIxWiIKICAgIGZpbGw9IiNDRkNGQ0YiCiAgLz4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICBpZD0icGFpbnQwX2xpbmVhciIKICAgICAgeDE9IjAiCiAgICAgIHkxPSIwIgogICAgICB4Mj0iMCIKICAgICAgeTI9IjQwIgogICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgID4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIC8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0RCREJEQiIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4=);
}
.str-chat__icon--audio-file {
  content: url(data:image/svg+xml;base64,PHN2ZwogIGNsYXNzPSJyZnUtZmlsZS1hdWRpbyIKICBmaWxsPSJub25lIgogIHZpZXdCb3g9IjAgMCAzNCA0MCIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgaGVpZ2h0PSIyMCIKICB3aWR0aD0iMjAiCj4KICA8cGF0aAogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTE3LjcxNjggMzMuMTcyQzE4LjIzNDggMzMuMTcyIDE4LjQyMzggMzMuNjU1IDE4LjQyMzggMzQuMThDMTguNDIzOCAzNC42NDIgMTguMjk3OCAzNS4xOTUgMTcuNzE2OCAzNS4xOTVDMTcuMTcwOCAzNS4xOTUgMTYuOTg4OCAzNC42NDIgMTYuOTg4OCAzNC4xNDVDMTYuOTg4OCAzMy42ODMgMTcuMTcwOCAzMy4xNzIgMTcuNzE2OCAzMy4xNzJaTTE5LjU3MTggMzEuMDAySDE4LjM4MThWMzIuNzU4OUgxOC4zNjc4QzE4LjEyMjggMzIuNDMgMTcuNzc5OCAzMi4yNjIgMTcuMzMxOCAzMi4yNjJDMTYuMzAyOCAzMi4yNjIgMTUuNzk4OCAzMy4xNTggMTUuNzk4OCAzNC4xMDNDMTUuNzk4OCAzNS4xMjUgMTYuMjgxOCAzNi4xMDQ5IDE3LjQyMjggMzYuMTA0OUMxNy44NDI4IDM2LjEwNDkgMTguMTkyOCAzNS45MjMgMTguNDIzOCAzNS41OEgxOC40Mzc4VjM2SDE5LjU3MThWMzEuMDAyWk0xMi43MDk1IDM0LjE4NzJDMTIuNzA5NSAzMy43MjUyIDEyLjg3NzUgMzMuMTcyMiAxMy40MzA1IDMzLjE3MjJDMTMuOTgzNSAzMy4xNzIyIDE0LjE1ODUgMzMuNzI1MiAxNC4xNTg1IDM0LjE4NzJDMTQuMTU4NSAzNC42NDkyIDEzLjk4MzUgMzUuMTk1MiAxMy40MzA1IDM1LjE5NTJDMTIuODc3NSAzNS4xOTUyIDEyLjcwOTUgMzQuNjQ5MiAxMi43MDk1IDM0LjE4NzJaTTExLjUxOTUgMzQuMTg3MkMxMS41MTk1IDM1LjI3OTIgMTIuMzAzNSAzNi4xMDUyIDEzLjQzMDUgMzYuMTA1MkMxNC41NTc1IDM2LjEwNTIgMTUuMzQ4NSAzNS4yNzkyIDE1LjM0ODUgMzQuMTg3MkMxNS4zNDg1IDMzLjA5NTIgMTQuNTU3NSAzMi4yNjIyIDEzLjQzMDUgMzIuMjYyMkMxMi4zMDM1IDMyLjI2MjIgMTEuNTE5NSAzMy4wOTUyIDExLjUxOTUgMzQuMTg3MlpNMjEuODM5IDMyLjM2NzFIMjIuNTc0VjMzLjEzNzFIMjEuODM5VjM0Ljc4OTFDMjEuODM5IDM1LjA3NjEgMjIuMDA3IDM1LjEzOTEgMjIuMjY2IDM1LjEzOTFDMjIuMzE0MiAzNS4xMzkxIDIyLjM2NCAzNS4xMzU3IDIyLjQxNDcgMzUuMTMyM0MyMi40NjcyIDM1LjEyODcgMjIuNTIwNiAzNS4xMjUxIDIyLjU3NCAzNS4xMjUxVjM2LjAwMDFDMjIuNDgxIDM2LjAwMzEgMjIuMzg4IDM2LjAwOTkgMjIuMjk1IDM2LjAxNjhDMjIuMTcxIDM2LjAyNTkgMjIuMDQ3IDM2LjAzNTEgMjEuOTIzIDM2LjAzNTFDMjAuOTA4IDM2LjAzNTEgMjAuNjQ5IDM1Ljc0MTEgMjAuNjQ5IDM0Ljc1NDFWMzMuMTM3MUgyMC4wNDdWMzIuMzY3MUgyMC42NDlWMzEuMjY4MUgyMS44MzlWMzIuMzY3MVoiCiAgICBmaWxsPSJ3aGl0ZSIKICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICA+PC9wYXRoPgogIDxwYXRoCiAgICBkPSJNMCAyOEgzNFYzN0MzNCAzOC42NTY5IDMyLjY1NjkgNDAgMzEgNDBIM0MxLjM0MzE1IDQwIDAgMzguNjU2OSAwIDM3VjI4WiIKICAgIGZpbGw9IiMyNzI3QjAiCiAgPjwvcGF0aD4KICA8cGF0aCBkPSJNMCAzQzAgMS4zNDMxNSAxLjM0MzE1IDAgMyAwSDIzTDM0IDExVjI4SDBWM1oiIGZpbGw9IiNGNUY1RjUiPjwvcGF0aD4KICA8cGF0aAogICAgZD0iTTM0IDExTDI2IDExQzI0LjM0MzEgMTEgMjMgOS42NTY4NSAyMyA4VjBMMzQgMTFaIgogICAgZmlsbD0iI0RCREJEQiIKICA+PC9wYXRoPgogIDxwYXRoCiAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICBkPSJNOC44NzkxMiAyMS45NDFIMTIuMjk4TDE2Ljk1MjEgMjQuNzQ5M0MxNy4wMzA3IDI0LjgxMzggMTcuMTI5MyAyNC44NDkgMTcuMjMxMSAyNC44NDlDMTcuNDczOCAyNC44NDg4IDE3LjY3MDUgMjQuNjUxOSAxNy42NzAzIDI0LjQwOTJWMTIuNDM5OUMxNy42NzA0IDEyLjMzODEgMTcuNjM1MiAxMi4yMzk2IDE3LjU3MDcgMTIuMTYwOUMxNy40MTY4IDExLjk3MzIgMTcuMTM5OCAxMS45NDU3IDE2Ljk1MjEgMTIuMDk5NkwxMi4yOTggMTQuOTA4SDguODc5MTJDOC4zOTM2IDE0LjkwOCA4IDE1LjMwMTYgOCAxNS43ODcxVjIxLjA2MTlDOCAyMS41NDc0IDguMzkzNiAyMS45NDEgOC44NzkxMiAyMS45NDFaTTEyLjkyNTggMTYuNjY2NEwxNS45MTIyIDE1LjIyMjRWMjEuNjI2OEwxMi45MjU4IDIwLjE4MjlIOS43NTgzVjE2LjY2NjRIMTIuOTI1OFpNMTkuODUxMSAxNi4zNTE3QzE5LjQ3NCAxNi40MDkyIDE5LjIzOTcgMTYuNjYzNyAxOS4zMjgzIDE2LjkxOTFMMTkuMzI2MiAxNi45MkMxOS41Mjk1IDE3LjQ5OTUgMTkuNjMwNSAxOC4wOTggMTkuNjI4NCAxOC42OTUzQzE5LjYzMDUgMTkuMjk3NSAxOS41MjM3IDE5LjkwMTQgMTkuMzE5NiAyMC40OTA5QzE5LjIyOSAyMC43NDYyIDE5LjQ2ODIgMjAuOTk5NiAxOS44NDc0IDIxLjA2QzE5LjkwMDggMjEuMDY4MyAxOS45NTQyIDIxLjA3MiAyMC4wMDc2IDIxLjA3MkMyMC4zMjU5IDIxLjA3MiAyMC42MTU2IDIwLjkyMzQgMjAuNjkyMiAyMC43MDU3QzIwLjkxOTQgMjAuMDQ1MSAyMS4wMzM3IDE5LjM3IDIxLjAzNzQgMTguNjk1M0MyMS4wMzQ5IDE4LjAyNTEgMjAuOTIxMSAxNy4zNTc1IDIwLjY5NTUgMTYuNzAzNUMyMC42MDUzIDE2LjQ0NzcgMjAuMjI5IDE2LjI5MDggMTkuODUxMSAxNi4zNTE3Wk0yMi4xNjA1IDE0LjYwMjhDMjIuNTI1MiAxNC41MTYzIDIyLjkyNTkgMTQuNjQ1NCAyMy4wNTUgMTQuODkzOEMyMy42ODkxIDE2LjExNTcgMjQgMTcuNDA0MiAyNCAxOC42OTIzQzI0LjAwMDQgMTkuOTg5NSAyMy42Nzk2IDIxLjI4MzkgMjMuMDUyMSAyMi41MTUzQzIyLjk1MDMgMjIuNzEyMyAyMi42NzYzIDIyLjgzNDQgMjIuMzgyOCAyMi44MzQ0QzIyLjMwNzEgMjIuODM0NCAyMi4yMzAxIDIyLjgyNjEgMjIuMTU0MyAyMi44MDkyQzIxLjc4NjMgMjIuNzI1MSAyMS41OTE0IDIyLjQ1MzYgMjEuNzE4NSAyMi4yMDc3QzIyLjI5ODggMjEuMDc2MSAyMi41OTIyIDE5Ljg4MzYgMjIuNTkzMSAxOC42OTE5QzIyLjU5MzEgMTcuNTA1NiAyMi4zMDU0IDE2LjMyMjIgMjEuNzI3NiAxNS4yMDI1QzIxLjYwMDEgMTQuOTU2MyAyMS43OTUgMTQuNjg2IDIyLjE2MDUgMTQuNjAyOFoiCiAgICBmaWxsPSIjMjcyN0IwIgogICAgZmlsbC1ydWxlPSJldmVub2RkIgogID48L3BhdGg+Cjwvc3ZnPg==);
}
.str-chat__icon--poll {
  --str-chat-icon-width: var(--str-chat-icon-height);
  -webkit-mask: var(--str-chat__poll-icon) no-repeat center/contain;
  mask: var(--str-chat__poll-icon) no-repeat center/contain;
}
.str-chat__icon--action::before {
  content: "\e800";
}
.str-chat__icon--arrow-down::before {
  content: "\e801";
}
.str-chat__icon--arrow-left::before {
  content: "\e802";
}
.str-chat__icon--arrow-right::before {
  content: "\e803";
}
.str-chat__icon--close::before {
  content: "\e804";
}
.str-chat__icon--arrow-up::before {
  content: "\e805";
}
.str-chat__icon--chat-bubble::before {
  content: "\e806";
}
.str-chat__icon--pause::before {
  content: "\e807";
}
.str-chat__icon--download::before {
  content: "\e808";
}
.str-chat__icon--delivered::before {
  content: "\e809";
}
.str-chat__icon--play::before {
  content: "\e814";
}
.str-chat__icon--reaction::before {
  content: "\e80b";
}
.str-chat__icon--error::before {
  content: "\e80c";
}
.str-chat__icon--read::before {
  content: "\e80d";
}
.str-chat__icon--retry::before {
  content: "\e80e";
}
.str-chat__icon--reply-in-thread::before {
  content: "\e80f";
}
.str-chat__icon--send::before {
  content: "\e810";
}
.str-chat__icon--attach::before {
  content: "\e811";
}
.str-chat__icon--mic::before {
  content: "\e812";
}
.str-chat__icon--bin::before {
  content: "\e813";
}
.str-chat__infinite-scroll-paginator {
  overflow-y: auto;
  overflow-x: hidden;
}
.str-chat__link-preview-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  width: 100%;
  margin-bottom: .75rem;
  padding-inline: .75rem;
}
.str-chat__link-preview-card {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 1rem;
}
.str-chat__link-preview-card .str-chat__tooltip {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  display: block;
  max-width: calc(var(--str-chat__spacing-px)*250);
  padding-inline: .5rem;
}
.str-chat__link-preview-card .str-chat__link-preview-card__icon-container {
  display: flex;
  align-items: center;
}
.str-chat__link-preview-card .str-chat__link-preview-card__content {
  width: 100%;
  min-width: 0;
  flex: 1;
  padding-inline: .5rem;
}
.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title,
.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__link-preview-card .str-chat__link-preview-card__dismiss-button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title {
  height: calc(var(--str-chat__spacing-px)*16);
  width: 100%;
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description {
  height: calc(var(--str-chat__spacing-px)*12);
  width: 100%;
}
.str-chat {
  --str-chat__loading-indicator-size: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat__loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: rotate 1s linear infinite;
}
.str-chat__loading-indicator svg {
  width: var(--str-chat__loading-indicator-size);
  height: var(--str-chat__loading-indicator-size);
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
stream-loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
}
stream-loading-indicator .str-chat__loading-indicator {
  width: var(--str-chat__loading-indicator-size);
  height: var(--str-chat__loading-indicator-size);
}
.str-chat__loading-indicator-placeholder {
  width: var(--str-chat__loading-indicator-size);
  height: var(--str-chat__loading-indicator-size);
}
.str-chat__modal.str-chat__share-location-modal .str-chat__modal__close-button {
  display: none;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__modal-header {
  padding-top: 0;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation {
  padding: .5rem;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation .str-chat__form__switch-field {
  padding: .5rem;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation .str-chat__dropdown__open-button {
  padding: .5rem;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation .str-chat__dialog-contents .str-chat__dropdown__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-block: .25rem;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation .str-chat__dialog-contents .str-chat__dropdown__items .str-chat__live-location-sharing-duration-option {
  padding: .25rem .5rem;
  width: 100%;
  text-align: start;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__controls {
  padding: 1.25rem 1rem 0;
}
.str-chat {
  --str-chat__message-options-button-size: calc(var(--str-chat__spacing-px) * 26);
  --str-chat__message-max-width: calc(var(--str-chat__spacing-px) * 480);
  --str-chat__message-with-attachment-max-width: calc(var(--str-chat__spacing-px) * 300);
  --str-chat__quoted-message-max-width: calc(var(--str-chat__spacing-px) * 250);
  --str-chat__quoted-message-inside-message-input-max-width: calc( var(--str-chat__spacing-px) * 200 );
  --str-chat__quoted-message-inside-message-input-max-height: calc( var(--str-chat__quoted-message-inside-message-input-max-width) + calc(var(--str-chat__spacing-px) * 50) );
  --str-chat__quoted-message-line-clamp: 5;
}
.str-chat__message {
  --str-chat-message-options-size: calc(3 * var(--str-chat__message-options-button-size));
}
.str-chat__message.str-chat__message-without-touch-support {
  --str-chat-message-options-size: calc(1 * var(--str-chat__message-options-button-size));
}
.str-chat__message .str-chat__message-bubble {
  max-width: var(--str-chat__message-max-width);
}
.str-chat__message .str-chat__message-options {
  --str-chat-icon-height: calc(var(--str-chat__message-options-button-size) * 0.7);
}
.str-chat__message.str-chat__message--has-attachment {
  --str-chat__message-max-width: var(--str-chat__message-with-attachment-max-width);
}
.str-chat__message.str-chat__message--has-attachment .str-chat__message-bubble {
  max-width: var(--str-chat__message-max-width);
}
.str-chat__quoted-message-preview {
  --str-chat__message-max-width: var(--str-chat__quoted-message-max-width);
}
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  pointer-events: none;
  max-width: var(--str-chat__message-max-width);
}
.str-chat__quoted-message-text-value {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: var(--str-chat__quoted-message-line-clamp);
  line-clamp: var(--str-chat__quoted-message-line-clamp);
  -webkit-box-orient: vertical;
}
.str-chat__message,
.str-chat__quoted-message-preview {
  display: grid;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}
.str-chat__message .str-chat__message-reminder,
.str-chat__quoted-message-preview .str-chat__message-reminder {
  grid-area: message-reminder;
  padding-block: .5rem .125rem;
  margin: 0;
}
.str-chat__message.str-chat__message--other,
.str-chat__message.str-chat__quoted-message-preview,
.str-chat__quoted-message-preview.str-chat__message--other,
.str-chat__quoted-message-preview.str-chat__quoted-message-preview {
  grid-template-areas: ". message-reminder" "avatar message" ". replies" ". translation-notice" ". custom-metadata" ". metadata";
  column-gap: var(--str-chat__spacing-2);
  grid-template-columns: auto 1fr;
  justify-items: flex-start;
}
.str-chat__message.str-chat__message--me,
.str-chat__quoted-message-preview.str-chat__message--me {
  grid-template-areas: "message-reminder" "message" "replies" "translation-notice" "custom-metadata" "metadata";
  justify-items: end;
}
.str-chat__message.str-chat__message--me > .str-chat__message-sender-avatar,
.str-chat__quoted-message-preview.str-chat__message--me > .str-chat__message-sender-avatar {
  display: none;
}
.str-chat__message.str-chat__message--deleted,
.str-chat__quoted-message-preview.str-chat__message--deleted {
  grid-template-areas: "message";
}
.str-chat__message.str-chat__message--blocked,
.str-chat__quoted-message-preview.str-chat__message--blocked {
  grid-template-areas: "message";
}
.str-chat__message.str-chat__message--system,
.str-chat__quoted-message-preview.str-chat__message--system {
  grid-template-areas: "message";
  grid-template-columns: auto;
}
.str-chat__message .str-chat__message-sender-avatar,
.str-chat__quoted-message-preview .str-chat__message-sender-avatar {
  grid-area: avatar;
  align-self: end;
}
.str-chat__message .str-chat__message-inner,
.str-chat__quoted-message-preview .str-chat__message-inner {
  grid-area: message;
  display: grid;
  grid-template-areas: "reactions reactions" "message-bubble options";
  grid-template-columns: auto 1fr;
  column-gap: var(--str-chat__spacing-2);
  position: relative;
}
.str-chat__message .str-chat__message-inner .str-chat__message-options,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options {
  grid-area: options;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row-reverse;
  width: var(--str-chat-message-options-size);
}
.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,
.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,
.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reply-in-thread-button,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-reactions-button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: var(--str-chat__message-options-button-size);
  height: var(--str-chat__message-options-button-size);
}
.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,
.str-chat__message .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-box-button,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-options .str-chat__message-actions-container {
  position: relative;
}
.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-reactions-host {
  grid-area: reactions;
}
.str-chat__message .str-chat__message-inner .str-chat__message-bubble,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble {
  grid-area: message-bubble;
  position: relative;
  min-width: 0;
}
.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
}
.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text p {
  white-space: pre-line;
  margin: 0;
}
.str-chat__message .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text .str-chat__message-text-inner,
.str-chat__quoted-message-preview .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text .str-chat__message-text-inner {
  overflow-y: hidden;
}
.str-chat__message.str-chat__message--me .str-chat__message-inner,
.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner {
  grid-template-areas: "reminder reminder" "reactions reactions" "options message-bubble";
  grid-template-columns: 1fr auto;
}
.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-options,
.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner .str-chat__message-options {
  flex-direction: row;
}
.str-chat__message .str-chat__translation-notice,
.str-chat__quoted-message-preview .str-chat__translation-notice {
  grid-area: translation-notice;
}
.str-chat__message .str-chat__translation-notice button,
.str-chat__quoted-message-preview .str-chat__translation-notice button {
  cursor: pointer;
  padding: var(--str-chat__spacing-1) 0;
  margin: 0;
}
.str-chat__message .str-chat__custom-message-metadata,
.str-chat__quoted-message-preview .str-chat__custom-message-metadata {
  grid-area: custom-metadata;
  margin-block-start: var(--str-chat__spacing-0_5);
}
.str-chat__message .str-chat__message-metadata,
.str-chat__quoted-message-preview .str-chat__message-metadata {
  grid-area: metadata;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--str-chat__spacing-1);
  margin-block-start: var(--str-chat__spacing-0_5);
}
.str-chat__message .str-chat__message-metadata .str-chat__message-simple-name,
.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-simple-name {
  overflow-y: hidden;
}
.str-chat__message .str-chat__message-metadata .str-chat__message-simple-timestamp + .str-chat__mesage-simple-edited::before,
.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-simple-timestamp + .str-chat__mesage-simple-edited::before {
  content: "\2022";
  margin-right: var(--str-chat__spacing-1);
}
.str-chat__message .str-chat__message-metadata .str-chat__message-edited-timestamp,
.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-edited-timestamp {
  --str-chat__message-edited-timestamp-height: 1rem;
  flex-basis: 100%;
}
.str-chat__message.str-chat__message--me .str-chat__message-metadata,
.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-metadata {
  justify-content: flex-end;
  text-align: right;
}
.str-chat__message .str-chat__message-status,
.str-chat__quoted-message-preview .str-chat__message-status {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--str-chat__spacing-0_5);
  position: relative;
}
.str-chat__message .str-chat__message-status svg,
.str-chat__quoted-message-preview .str-chat__message-status svg {
  width: calc(var(--str-chat__spacing-px)*15);
  height: calc(var(--str-chat__spacing-px)*15);
}
.str-chat__message .str-chat__message-status-sent,
.str-chat__quoted-message-preview .str-chat__message-status-sent {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 12);
}
.str-chat__message .str-chat__message-status-sent svg,
.str-chat__quoted-message-preview .str-chat__message-status-sent svg {
  width: var(--str-chat-icon-height);
  height: var(--str-chat-icon-height);
}
.str-chat__message .str-chat__message-status-delivered,
.str-chat__quoted-message-preview .str-chat__message-status-delivered {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat__message .str-chat__message-status-delivered svg,
.str-chat__quoted-message-preview .str-chat__message-status-delivered svg {
  width: var(--str-chat-icon-height);
  height: var(--str-chat-icon-height);
}
.str-chat__message .str-chat__message-replies-count-button-wrapper,
.str-chat__message .str-chat__message-is-thread-reply-button-wrapper,
.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper,
.str-chat__quoted-message-preview .str-chat__message-is-thread-reply-button-wrapper {
  grid-area: replies;
}
.str-chat__message .str-chat__message-replies-count-button-wrapper button,
.str-chat__message .str-chat__message-is-thread-reply-button-wrapper button,
.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper button,
.str-chat__quoted-message-preview .str-chat__message-is-thread-reply-button-wrapper button {
  cursor: pointer;
  padding: 0;
}
.str-chat__message .str-chat__message--deleted-inner,
.str-chat__quoted-message-preview .str-chat__message--deleted-inner {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
}
.str-chat__message .str-chat__message--deleted-inner p,
.str-chat__quoted-message-preview .str-chat__message--deleted-inner p {
  white-space: pre-line;
  margin: 0;
}
.str-chat__message .str-chat__message--blocked-inner,
.str-chat__quoted-message-preview .str-chat__message--blocked-inner {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
}
.str-chat__message .str-chat__message--blocked-inner p,
.str-chat__quoted-message-preview .str-chat__message--blocked-inner p {
  white-space: pre-line;
  margin: 0;
}
.str-chat__message .str-chat__quoted-message-bubble,
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
  display: flex;
  column-gap: var(--str-chat__spacing-1);
  min-width: 0;
  width: 100%;
}
.str-chat__message .str-chat__quoted-message-bubble p,
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble p {
  white-space: pre-line;
  margin: 0;
}
.str-chat__message .str-chat__emoji-display-fix,
.str-chat__quoted-message-preview .str-chat__emoji-display-fix {
  display: inline-block;
  width: 1.25em;
}
.str-chat__message .str-chat__message-error-icon,
.str-chat__quoted-message-preview .str-chat__message-error-icon {
  display: none;
}
.str-chat__message .str-chat__simple-message--error-failed,
.str-chat__quoted-message-preview .str-chat__simple-message--error-failed {
  cursor: pointer;
}
.str-chat__message.str-chat__message--error .str-chat__message-error-icon,
.str-chat__message.str-chat__message--failed .str-chat__message-error-icon,
.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon,
.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon {
  display: block;
  position: absolute;
  bottom: 0;
  inset-inline-end: calc(-1*calc(var(--str-chat__spacing-px) * 18)/2);
}
.str-chat__message.str-chat__message--error .str-chat__message-error-icon svg,
.str-chat__message.str-chat__message--failed .str-chat__message-error-icon svg,
.str-chat__quoted-message-preview.str-chat__message--error .str-chat__message-error-icon svg,
.str-chat__quoted-message-preview.str-chat__message--failed .str-chat__message-error-icon svg {
  width: calc(var(--str-chat__spacing-px)*18);
  height: calc(var(--str-chat__spacing-px)*18);
}
.str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover, .str-chat__modal--open)) .str-chat__message-options,
.str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within:not(:has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)) .str-chat__message-options,
.str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message-options,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover, .str-chat__modal--open)) .str-chat__message-options,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within:not(:has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)) .str-chat__message-options,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message-options {
  display: flex;
}
.str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover, .str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,
.str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within:not(:has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,
.str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--other .str-chat__message-inner,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover, .str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within:not(:has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)) .str-chat__message--other .str-chat__message-inner,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--other .str-chat__message-inner {
  margin-inline-end: 0;
}
.str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover, .str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,
.str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within:not(:has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,
.str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--me .str-chat__message-inner,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover:not(:has(.str-chat__reaction-list:hover, .str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within:not(:has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)) .str-chat__message--me .str-chat__message-inner,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--me .str-chat__message-inner {
  margin-inline-start: 0;
}
@supports not selector(:has(a, b)) {
  .str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover .str-chat__message-options,
  .str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within .str-chat__message-options,
  .str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover .str-chat__message-options,
  .str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within .str-chat__message-options {
    display: flex;
  }
  .str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner,
  .str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within .str-chat__message--other .str-chat__message-inner,
  .str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover .str-chat__message--other .str-chat__message-inner,
  .str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within .str-chat__message--other .str-chat__message-inner {
    margin-inline-end: 0;
  }
  .str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner,
  .str-chat__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within .str-chat__message--me .str-chat__message-inner,
  .str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:hover .str-chat__message--me .str-chat__message-inner,
  .str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:focus-within .str-chat__message--me .str-chat__message-inner {
    margin-inline-start: 0;
  }
}
.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options,
.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message-inner:hover .str-chat__message-options {
  display: flex;
}
.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover,
.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--other .str-chat__message-inner:hover {
  margin-inline-end: 0;
}
.str-chat__ul.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover,
.str-chat__virtual-list.str-chat__message-options-in-bubble .str-chat__message--me .str-chat__message-inner:hover {
  margin-inline-start: 0;
}
.str-chat__message-inner .str-chat__message-options.str-chat__message-options--active {
  display: flex;
}
.str-chat__message-inner .str-chat__message-options {
  display: none;
}
.str-chat__message-inner .str-chat__message-actions-open.str-chat__message-options {
  display: flex;
}
.str-chat__message-inner:focus-within .str-chat__message-options {
  display: flex;
}
.str-chat__message--other .str-chat__message-inner:not(:has(.str-chat__message-options--active)) {
  margin-inline-end: var(--str-chat-message-options-size);
}
.str-chat__message--me .str-chat__message-inner {
  margin-inline-start: var(--str-chat-message-options-size);
}
.str-chat__li--middle .str-chat__message,
.str-chat__li--top .str-chat__message {
  margin-block-end: var(--str-chat__spacing-0_5);
}
.str-chat__li--middle .str-chat__message .str-chat__message-metadata,
.str-chat__li--top .str-chat__message .str-chat__message-metadata {
  display: none;
}
.str-chat__li--middle .str-chat__message > .str-chat__message-sender-avatar,
.str-chat__li--top .str-chat__message > .str-chat__message-sender-avatar {
  visibility: hidden;
}
.str-chat__li--bottom .str-chat__message,
.str-chat__li--single .str-chat__message {
  margin-block-end: var(--str-chat__spacing-2);
}
.str-chat__date-separator {
  display: flex;
  padding: var(--str-chat__spacing-8);
  align-items: center;
}
.str-chat__date-separator-line {
  flex: 1;
  height: var(--str-chat__spacing-px);
}
.str-chat__date-separator > *:not(:last-child) {
  margin-right: var(--str-chat__spacing-4);
}
.str-chat__message .str-chat__quoted-message-preview {
  margin-block-end: var(--str-chat__spacing-2);
}
.str-chat__message--system {
  width: 100%;
  text-align: center;
}
.str-chat__message--system p {
  margin: 0;
}
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  flex-direction: column;
  align-items: stretch;
  row-gap: var(--str-chat__spacing-1);
  flex-basis: min-content;
}
.str-chat__message-input .str-chat__quoted-message-preview {
  --str-chat__message-max-width: var(--str-chat__quoted-message-inside-message-input-max-width);
}
.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  max-height: var(--str-chat__quoted-message-inside-message-input-max-height);
}
.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text {
  max-height: 100%;
  min-height: 0;
}
.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble .str-chat__quoted-message-text p {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.str-chat__unread-messages-separator-wrapper {
  padding-block: .5rem;
}
.str-chat__unread-messages-separator-wrapper .str-chat__unread-messages-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: .5rem;
}
.str-chat__unread-messages-notification {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 16);
  position: absolute;
  top: .75rem;
  z-index: 2;
  display: flex;
  align-items: center;
  overflow: clip;
}
.str-chat__unread-messages-notification button {
  padding-block: .5rem;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.str-chat__unread-messages-notification button:first-of-type {
  padding-inline: .75rem .375rem;
}
.str-chat__unread-messages-notification button:last-of-type {
  padding-inline: .375rem .75rem;
}
.str-chat__unread-messages-notification button:last-of-type svg {
  width: .875rem;
}
.str-chat-angular__message-bubble {
  transform: translate3d(0, 0, 0);
}
.str-chat-angular__message-bubble.str-chat-angular__message-bubble--attachment-modal-open {
  transform: none;
}
.str-chat__message-edited-timestamp {
  overflow: hidden;
  transition: height .1s;
}
.str-chat__message-edited-timestamp--open {
  height: var(--str-chat__message-edited-timestamp-height, 1rem);
}
.str-chat__message-edited-timestamp--collapsed {
  height: 0;
}
.str-chat__message-text--pointer-cursor {
  cursor: pointer;
}
.str-chat__message-with-touch-support .str-chat__message-bubble {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.str-chat__message-with-touch-support.str-chat__message-menu-opened .str-chat__attachments-container,
.str-chat__message-with-touch-support.str-chat__message-menu-opened .str-chat__message-text-inner {
  pointer-events: none;
}
.str-chat__message-with-touch-support .str-chat__message-inner {
  margin-inline: 0;
}
.str-chat__message-with-touch-support .str-chat__message-options {
  display: none;
}
.str-chat__message-with-touch-support .stream-chat-angular__image-modal-host {
  -webkit-touch-callout: default;
}
.str-chat__message-actions-box {
  overflow: hidden;
}
.str-chat__message-actions-box .str-chat__message-actions-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  min-width: 10rem;
}
.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
  margin: 0;
  cursor: pointer;
  width: 100%;
  text-align: start;
}
.str-chat__message-bounce-prompt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--str-chat__spacing-9);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-actions {
  display: flex;
  flex-direction: column;
  gap: var(--str-chat__spacing-2);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-edit,
.str-chat__message-bounce-prompt .str-chat__message-bounce-send,
.str-chat__message-bounce-prompt .str-chat__message-bounce-delete {
  cursor: pointer;
  padding: var(--str-chat__spacing-2);
}
.str-chat__message-input {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--str-chat__spacing-1) var(--str-chat__spacing-2);
  position: relative;
}
.str-chat__message-input .str-chat__quoted-message-preview-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-reply-to-message {
  width: 100%;
  text-align: center;
}
.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove {
  width: calc(var(--str-chat__spacing-px)*40);
  height: calc(var(--str-chat__spacing-px)*40);
  cursor: pointer;
}
.str-chat__message-input .str-chat__message-input-inner {
  flex-grow: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--str-chat__spacing-px)*45);
  height: calc(var(--str-chat__spacing-px)*45);
  cursor: pointer;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__file-input-container .str-chat__file-input-label {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat-angular__create-poll {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 21);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--str-chat__spacing-px)*45);
  height: calc(var(--str-chat__spacing-px)*45);
  cursor: pointer;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  max-height: 100%;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker {
  width: 100%;
  min-height: 0;
  max-height: 100%;
  display: flex;
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea {
  width: 100%;
  display: flex;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--str-chat__spacing-px)*27);
  height: calc(var(--str-chat__spacing-px)*27);
  font-size: calc(var(--str-chat__spacing-px)*27);
  align-self: end;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container {
  z-index: 5;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__message-textarea-emoji-picker-container .str-chat__emoji-picker-container {
  display: flex;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button {
  padding: unset;
  background: unset;
  border: unset;
  border-radius: var(--str-chat__border-radius-circle);
  display: flex;
  cursor: pointer;
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg {
  width: calc(var(--str-chat__spacing-px)*24);
  height: calc(var(--str-chat__spacing-px)*24);
}
.str-chat__message-input .str-chat__message-input-inner .str-chat__message-textarea-container .str-chat__message-textarea-with-emoji-picker .str-chat__message-textarea-emoji-picker .str-chat__emoji-picker-button svg path {
  fill: var(--str-chat__message-input-tools-color);
}
.str-chat__message-input .str-chat__message-textarea-angular-host {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.str-chat__message-input .str-chat__message-textarea-react-host {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.str-chat__message-input .str-chat__stop-ai-generation-button {
  width: calc(var(--str-chat__spacing-px)*30);
  height: calc(var(--str-chat__spacing-px)*28);
  cursor: pointer;
}
.str-chat__message-input .str-chat__send-button {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 32);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  width: calc(var(--str-chat__spacing-px)*45);
  height: calc(var(--str-chat__spacing-px)*45);
  min-width: calc(var(--str-chat__spacing-px)*45);
}
.str-chat__message-input .str-chat__send-button svg {
  width: calc(var(--str-chat__spacing-px)*32);
  height: calc(var(--str-chat__spacing-px)*32);
}
.str-chat__message-input .str-chat__start-recording-audio-button {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 25);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  width: calc(var(--str-chat__spacing-px)*40);
  height: calc(var(--str-chat__spacing-px)*40);
  min-width: calc(var(--str-chat__spacing-px)*40);
}
.str-chat__message-input .str-chat__start-recording-audio-button svg {
  height: calc(var(--str-chat__spacing-px)*25);
}
.str-chat__message-input .str-chat__message-input-cooldown {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: var(--str-chat__spacing-2);
  margin-block: calc(var(--str-chat__spacing-2)/2);
  min-width: calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2));
  min-height: calc(calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2));
}
.str-chat__message-input .str-chat__message-input-not-allowed {
  align-self: center;
  padding: var(--str-chat__spacing-3);
}
.str-chat__message-input .str-chat__quoted-message-preview {
  padding: var(--str-chat__spacing-2);
}
.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-poll-preview__name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.str-chat__message-input .str-chat__recording-permission-denied-notification {
  position: absolute;
  left: .5rem;
  max-width: 100%;
  bottom: 100%;
  padding: 1rem;
  margin-inline: .5rem;
  z-index: 2;
}
.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__dismiss-button-container {
  display: flex;
  justify-content: flex-end;
}
.str-chat__message-input-angular-host {
  max-height: 50%;
}
.str-chat-angular__message-input {
  height: 100%;
  max-height: 100%;
}
.str-chat-angular__message-input-inner {
  height: 100%;
  max-height: 100%;
  min-height: 0;
  flex-grow: initial;
}
[dir=rtl] .str-chat__send-button svg,
[dir=rtl] .str-chat__start-recording-audio-button svg {
  transform: scale(-1, 1);
}
.str-chat__attachment-selector-actions-menu button,
.str-chat__attachment-selector button {
  background: none;
  border: none;
}
.str-chat__attachment-selector .str-chat__attachment-selector__menu-button {
  padding: .25rem .5rem;
  cursor: pointer;
}
.str-chat__attachment-selector .str-chat__attachment-selector__menu-button .str-chat__attachment-selector__menu-button__icon {
  height: 26px;
  width: 26px;
}
.str-chat__file-input {
  display: none;
}
.str-chat__attachment-selector-actions-menu {
  min-width: 300px;
  padding-block: .5rem;
}
.str-chat__send-to-channel-checkbox__container {
  width: 100%;
  display: flex;
  padding: .5rem .75rem;
}
.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field {
  display: flex;
  align-items: center;
}
.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field label {
  padding-inline: .5rem;
}
.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field input {
  margin: 0;
}
.str-chat__main-panel-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  align-items: center;
}
.str-chat__list {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.str-chat__list .str-chat__message-list-scroll {
  padding: 0 var(--str-chat__spacing-2);
}
.str-chat__list .str-chat__message-list-scroll .str-chat__li {
  margin-inline: calc(-1*var(--str-chat__spacing-2));
  padding-inline: var(--str-chat__spacing-2);
}
.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li {
  margin-inline: calc(-1*var(--str-chat__spacing-2));
}
@media only screen and (min-device-width: 768px) {
  .str-chat__list .str-chat__message-list-scroll {
    padding: 0 min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__list .str-chat__message-list-scroll .str-chat__li {
    margin-inline: calc(-1*min(var(--str-chat__spacing-10), 4%));
    padding-inline: min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li {
    margin-inline: calc(-1*min(var(--str-chat__spacing-10), 4%) - 2px);
  }
}
.str-chat__list .str-chat__message-list-scroll .str-chat__ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.str-chat__list .str-chat__parent-message-li {
  padding-block-end: var(--str-chat__spacing-4);
  margin-block-end: var(--str-chat__spacing-4);
}
.str-chat__list .str-chat__parent-message-li .str-chat__thread-start {
  text-align: start;
  padding-top: var(--str-chat__spacing-3);
}
.str-chat__jump-to-latest-message {
  position: absolute;
  inset-block-end: var(--str-chat__spacing-4);
  inset-inline-end: var(--str-chat__spacing-2);
  z-index: 2;
}
.str-chat__jump-to-latest-message .str-chat__jump-to-latest-unread-count {
  position: absolute;
  padding: var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
}
.str-chat__main-panel .str-chat__ul .str-chat__li:first-of-type {
  padding-top: 4.5rem;
}
.str-chat__main-panel .str-chat__ul .str-chat__date-separator + .str-chat__li:first-of-type {
  padding-top: inherit;
}
.str-chat__virtual-list {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  flex: 1;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  width: 100%;
  height: 100%;
}
.str-chat__virtual-list .str-chat__message-list-scroll {
  overscroll-behavior: none;
}
.str-chat__virtual-list .str-chat__message-list-scroll > div {
  padding: 0 var(--str-chat__spacing-2);
}
.str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__li {
  margin-inline: calc(-1*var(--str-chat__spacing-2));
  padding-inline: var(--str-chat__spacing-2);
}
.str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__parent-message-li {
  margin-inline: calc(-1*var(--str-chat__spacing-2));
}
@media only screen and (min-device-width: 768px) {
  .str-chat__virtual-list .str-chat__message-list-scroll > div {
    padding: 0 min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__li {
    margin-inline: calc(-1*min(var(--str-chat__spacing-10), 4%));
    padding-inline: min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__parent-message-li {
    margin-inline: calc(-1*min(var(--str-chat__spacing-10), 4%) - 2px);
  }
}
.str-chat__virtual-list .str-chat__parent-message-li {
  padding-block-end: var(--str-chat__spacing-4);
}
.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start {
  text-align: start;
  padding-top: var(--str-chat__spacing-3);
}
.str-chat__virtual-list__loading {
  display: flex;
  padding-top: var(--str-chat__spacing-2);
  justify-content: center;
  width: 100%;
  position: absolute;
}
.str-chat__virtual-list p {
  margin: 0 !important;
}
.str-chat__virtual-list p a {
  white-space: pre-line;
  overflow: hidden;
  word-wrap: break-word;
}
.str-chat__virtual-list .str-chat__message {
  margin-block-end: 0 !important;
}
.str-chat__virtual-list .str-chat__virtual-list-message-wrapper {
  padding-block-end: var(--str-chat__spacing-0_5);
}
.str-chat__message-reactions-container {
  display: flex;
}
.str-chat__message-reactions-container .str-chat__message-reactions {
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  list-style: none;
  display: flex;
  margin-block-start: var(--str-chat__spacing-0_5);
  margin-block-end: var(--str-chat__spacing-0_5);
  column-gap: var(--str-chat__spacing-0_5);
  width: fit-content;
  padding: 0;
  position: relative;
}
.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--str-chat__spacing-1_5);
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction button {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction .str-chat__message-reaction-emoji {
  height: calc(var(--str-chat__spacing-px)*13);
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__reaction-list--counter,
.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__simple-reactions-list-item--last-number {
  display: none;
}
.str-chat__message--me .str-chat__message-reactions-container {
  justify-content: flex-end;
}
.str-chat__message--other .str-chat__message-reactions-container {
  justify-content: flex-start;
}
.str-chat__message-reactions-details-modal .str-chat__modal--open .str-chat__modal__inner {
  height: 40%;
  max-height: 80%;
  min-width: 90%;
  max-width: 90%;
  width: 90%;
  flex-basis: min-content;
}
@media only screen and (min-device-width: 768px) {
  .str-chat__message-reactions-details-modal .str-chat__modal--open .str-chat__modal__inner {
    min-width: 40%;
    max-width: 60%;
    width: min-content;
  }
}
.str-chat__message-reactions-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--str-chat__spacing-4);
  max-height: 100%;
  height: 100%;
  min-height: 0;
}
.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-types {
  display: flex;
  max-width: 100%;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  gap: var(--str-chat__spacing-4);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-types .str-chat__message-reactions-details-reaction-type {
  display: flex;
  align-items: center;
  padding: var(--str-chat__spacing-1) 0;
  flex-shrink: 0;
  cursor: pointer;
}
.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-types .str-chat__message-reactions-details-reaction-type .str-chat__message-reaction-emoji--with-fallback {
  width: 18px;
  line-height: 18px;
}
.str-chat__message-reactions-details .str-chat__message-reaction-emoji-big {
  --str-chat__stream-emoji-size: 1em;
  align-self: center;
  font-size: 2rem;
}
.str-chat__message-reactions-details .str-chat__message-reaction-emoji-big.str-chat__message-reaction-emoji--with-fallback {
  line-height: 2rem;
}
.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-users {
  display: flex;
  flex-direction: column;
  gap: var(--str-chat__spacing-3);
  max-height: 100%;
  overflow-y: auto;
  min-height: 30vh;
}
.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-users .str-chat__loading-indicator {
  margin: auto;
}
.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-users .str-chat__message-reactions-details-reacting-user {
  display: flex;
  align-items: center;
  gap: var(--str-chat__spacing-2);
}
.str-chat__message-reaction-selector {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  inset-block-end: 100%;
}
.str-chat__message-reaction-selector.str-chat-angular-v5__reaction-selector {
  margin: var(--str-chat__spacing-2);
  position: static;
  justify-content: flex-start;
}
.str-chat__message-reaction-selector.str-chat-angular-v5__reaction-selector .str-chat__message-reactions-options {
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 0;
}
.str-chat__message-reaction-selector.str-chat-angular-v5__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option {
  flex-shrink: 0;
}
.str-chat__message-reaction-selector .str-chat__message-reactions-options {
  list-style: none;
  display: flex;
  margin-block-end: var(--str-chat__spacing-0_5);
  width: fit-content;
  column-gap: var(--str-chat__spacing-1);
  padding: var(--str-chat__spacing-2);
}
.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: calc(var(--str-chat__spacing-px)*40);
  height: calc(var(--str-chat__spacing-px)*40);
}
.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option .str-chat__message-reaction-emoji {
  height: calc(var(--str-chat__spacing-px)*20);
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-last-user {
  display: none;
}
.str-chat__message-reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-list-item__count {
  display: none;
}
.str-chat__message--me .str-chat__message-reaction-selector {
  inset-inline-end: 0;
}
.str-chat__message--other .str-chat__message-reaction-selector {
  inset-inline-start: 0;
}
.str-chat-react__message-reaction-selector {
  position: static;
  inset-block-end: unset;
}
.str-chat-react__message-reaction-selector ul {
  margin: 0;
}
.str-chat__message--me .str-chat-react__message-reaction-selector,
.str-chat__message--other .str-chat-react__message-reaction-selector {
  inset-inline-start: unset;
}
.str-chat__modal--open {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.str-chat__modal--open .str-chat__modal-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.25rem 1rem;
}
.str-chat__modal--open .str-chat__modal-header button.str-chat__modal-header__go-back-button,
.str-chat__modal--open .str-chat__modal-header .str-chat__modal__close-button {
  padding: 1rem;
  background-size: .875rem;
  background-repeat: no-repeat;
  background-position: center;
}
.str-chat__modal--open .str-chat__modal-header button.str-chat__modal-header__go-back-button {
  background-image: var(--str-chat__arrow-left-icon);
}
.str-chat__modal--open .str-chat__modal-header .str-chat__modal-header__close-button {
  background: none;
  border: none;
  cursor: pointer;
  background-image: var(--str-chat__close-icon);
  background-repeat: no-repeat;
  height: .875rem;
  width: .875rem;
}
.str-chat__modal--open .str-chat__modal-header .str-chat__modal-header__title {
  flex: 1;
}
.str-chat__modal--open button.str-chat__modal__close-button {
  padding: unset;
  background: unset;
  border: unset;
  border-radius: var(--str-chat__border-radius-circle);
  margin: var(--str-chat__spacing-2);
  cursor: pointer;
}
.str-chat__modal--open .str-chat__modal__close-button {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 28);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2);
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  cursor: pointer;
}
.str-chat__modal--open .str-chat__modal__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-8) var(--str-chat__spacing-4);
  width: 40%;
  max-height: 80%;
  min-width: 0;
  min-height: 0;
}
.str-chat__modal--close {
  display: none;
}
.str-chat__message-notification {
  display: block;
  position: absolute;
  align-self: center;
  padding: var(--str-chat__spacing-1) var(--str-chat__spacing-2);
  bottom: calc(var(--str-chat__spacing-px)*10);
  z-index: 100;
}
.str-chat__list-notifications {
  position: relative;
}
.str-chat__list-notifications {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  row-gap: var(--str-chat__spacing-1);
  margin: var(--str-chat__spacing-1_5);
  width: auto;
}
.str-chat__notification {
  padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-4);
}
.str-chat-react__notification {
  z-index: 101;
}
.str-chat__poll {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: .75rem .675rem;
  max-width: 270px;
  font: var(--str-chat__body-text);
}
.str-chat__poll button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__poll .str-chat__checkmark {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-right: .125rem;
  height: 1rem;
  width: 1rem;
}
.str-chat__poll .str-chat__checkmark--checked {
  height: calc(1rem + 1px);
  width: calc(1rem + 1px);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im00IDkuNC00LTRMMS40IDQgNCA2LjYgMTAuNiAwIDEyIDEuNGwtOCA4WiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px 10px;
}
.str-chat__poll .str-chat__poll-header .str-chat__poll-title {
  font: var(--str-chat__body-medium-text);
}
.str-chat__poll .str-chat__poll-header .str-chat__poll-subtitle {
  font: var(--str-chat__caption-text);
}
.str-chat__poll .str-chat__poll-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.str-chat__poll-action {
  padding: .675rem;
  font: var(--str-chat__subtitle-text);
  color: var(--str-chat__primary-color);
}
.str-chat__poll-results-modal button,
.str-chat__poll-answer-list-modal button,
.str-chat__add-poll-answer-modal button,
.str-chat__suggest-poll-option-modal button,
.str-chat__poll-options-modal button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__poll-option-list--full .str-chat__amount-bar,
.str-chat__modal__poll-results .str-chat__amount-bar {
  display: none;
}
.str-chat__poll-option {
  cursor: pointer;
}
.str-chat__poll-option.str-chat__poll-option--full-vote-list {
  cursor: default;
  height: 100%;
  padding: 0;
}
.str-chat__poll-option .str-chat__poll-option-data {
  flex: 1;
  display: flex;
  align-items: flex-start;
  font: var(--str-chat__body-text);
  gap: .125rem;
}
.str-chat__poll-option .str-chat__poll-option-data p {
  margin: 0;
  flex: 1;
}
.str-chat__poll-option .str-chat__poll-option-data .str-chat__poll-option-voters {
  --str-chat__avatar-size: 1.175rem;
  display: flex;
}
.str-chat__poll-option-list--full .str-chat__poll-option {
  display: flex;
  flex-direction: row;
  padding: 1rem .75rem;
}
.str-chat__poll-option-list--full .str-chat__poll-option:nth-of-type(1) {
  padding-top: 1rem;
  border-top-left-radius: var(--str-chat__border-radius-sm);
  border-top-right-radius: var(--str-chat__border-radius-sm);
}
.str-chat__poll-option-list--full .str-chat__poll-option:last-child {
  padding-bottom: 1rem;
  border-bottom-left-radius: var(--str-chat__border-radius-sm);
  border-bottom-right-radius: var(--str-chat__border-radius-sm);
}
.str-chat__poll-option-list:not(.str-chat__poll-option-list--full) {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-block: 1rem .5rem;
}
.str-chat__poll-option-list:not(.str-chat__poll-option-list--full) .str-chat__poll-option {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: .125rem;
}
.str-chat__poll-option-list:not(.str-chat__poll-option-list--full) .str-chat__poll-option .str-chat__poll-option-data {
  grid-column: 2/3;
  grid-row: 1/2;
}
.str-chat__poll-option-list:not(.str-chat__poll-option-list--full) .str-chat__poll-option .str-chat__poll-option__votes-bar {
  grid-column: 2/3;
  grid-row: 2/3;
  height: .25rem;
  width: 100%;
  margin-top: .25rem;
}
.str-chat__modal__poll-results .str-chat__poll-option {
  display: flex;
  flex-direction: column;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__close-button,
.str-chat__poll-actions:not(.str-chat-angular__poll-actions) .str-chat__modal .str-chat__modal__close-button {
  display: none;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner {
  padding: 0 0 .5rem;
  overflow: hidden;
  max-width: 400px;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__tooltip,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__tooltip {
  max-width: 300px;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__suggest-poll-option .str-chat__form-field-error,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__suggest-poll-option .str-chat__form-field-error {
  height: 1rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-answer-list,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-answer-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-option-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-answer-list .str-chat__loading-indicator-placeholder,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-option--full-vote-list .str-chat__loading-indicator-placeholder,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-answer-list .str-chat__loading-indicator-placeholder,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-option--full-vote-list .str-chat__loading-indicator-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list__title,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__title,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-option-list__title,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__title {
  padding: 1.175rem 1rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-answer-list__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-answer-list__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding-bottom: 1rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__option-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__option-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: 100%;
  min-height: 0;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer-list {
  padding-bottom: 0;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer-list {
  overflow-y: auto;
  padding: 0 1rem 1.25rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__option-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__option-list {
  gap: .5rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body {
  gap: 2rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-option__show-all-votes-button,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-option__show-all-votes-button {
  padding-bottom: 1rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: .75rem 1rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer .str-chat__poll-answer__text,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer .str-chat__poll-answer__text {
  margin: 0;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__checkmark,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__checkmark {
  margin-right: 1rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-option__header,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-option__header {
  display: flex;
  align-items: flex-start;
  gap: .25rem;
  width: 100%;
  padding: .75rem 1rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-option__header .str-chat__poll-option__option-text,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-option__header .str-chat__poll-option__option-text {
  flex: 1;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-vote,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-vote {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  white-space: nowrap;
  padding-block: .375rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-vote .str-chat__poll-vote__author,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-vote .str-chat__poll-vote__author {
  display: flex;
  align-items: center;
  gap: calc(var(--str-chat__spacing-px)*5);
  min-width: 0;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-vote .str-chat__poll-vote__author .str-chat__poll-vote__author__name,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-vote .str-chat__poll-vote__author .str-chat__poll-vote__author__name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  max-width: 130px;
  min-width: 0;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-result-option-vote-counter,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-result-option-vote-counter {
  display: flex;
  gap: .375rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-result-option-vote-counter .str-chat__poll-result-winning-option-icon,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-result-option-vote-counter .str-chat__poll-result-winning-option-icon {
  height: 1.25rem;
  width: 1.25rem;
  background-image: var(--str-chat__winning-poll-option-icon);
}
.str-chat__poll-vote-listing {
  padding: 0 1rem .75rem;
}
.str-chat__modal__poll-results--option-detail .str-chat__modal-header__title {
  padding-inline: 1rem;
  flex: 1;
}
.str-chat__modal__poll-results--option-detail .str-chat__modal__poll-results__body {
  padding-inline: 1rem;
}
.str-chat__quoted-poll-preview {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: flex-start;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__modal__close-button,
.str-chat__modal.str-chat__create-poll-modal .str-chat__modal__close-button {
  display: none;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__modal__inner,
.str-chat__modal.str-chat__create-poll-modal .str-chat__modal__inner {
  padding: 0;
  max-height: unset;
  display: block;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog button,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__modal-header,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__modal-header {
  padding-block: 14px;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__modal-header .str-chat__modal-header__close-button,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__modal-header .str-chat__modal-header__close-button {
  background-image: var(--str-chat__close-icon);
  background-repeat: no-repeat;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__dialog__body,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__dialog__body {
  flex: 1 1;
  padding: 1rem;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__dialog__body form,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__dialog__body form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset {
  margin: 0;
  padding: 0;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset .str-chat__form__input-field,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset .str-chat__form__input-field {
  width: 100%;
  padding: 1rem;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset .str-chat__form__input-field .str-chat__form__input-field__value,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset .str-chat__form__input-field .str-chat__form__input-field__value {
  width: 100%;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset .str-chat__form__input-field .str-chat__form__input-field__value .str-chat__form__input-field__error,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset .str-chat__form__input-field .str-chat__form__input-field__value .str-chat__form__input-field__error {
  width: 100%;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-field--with-label .str-chat__form__input-field__value,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-field--with-label .str-chat__form__input-field__value {
  padding: 1rem;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-field__value input,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-field__value input {
  width: 100%;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__switch-field,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__switch-field {
  padding: 0;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field {
  width: 100%;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field .str-chat__form__input-field__value,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field .str-chat__form__input-field__value {
  padding: 0;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field .str-chat__form__input-field__value .str-chat__form-field-error,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field .str-chat__form__input-field__value .str-chat__form-field-error {
  height: 1rem;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset__values,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset__values {
  display: flex;
  flex-direction: column;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__field-label,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__field-label {
  display: block;
  margin-bottom: .5rem;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-field--draggable,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-field--draggable {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-field--draggable .str-chat__drag-handle,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-field--draggable .str-chat__drag-handle {
  height: 1rem;
  width: 1rem;
}
@media only screen and (max-device-width: 768px) {
  .str-chat__modal--open .str-chat__modal__inner {
    width: 90%;
  }
  .str-chat__create-poll-modal .str-chat__modal__inner,
  .str-chat__poll-answer-list-modal .str-chat__modal__inner,
  .str-chat__poll-results-modal .str-chat__modal__inner {
    height: 90%;
    max-height: unset;
  }
}
.str-chat-angular__poll-actions .str-chat__modal__poll-option-list {
  max-height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.str-chat-angular__poll-actions .str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body {
  max-height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.str-chat-angular__poll-actions .str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body stream-poll-options-list {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.str-chat__search {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.str-chat__search.str-chat__search--active {
  flex: 1;
  max-height: 100%;
}
.str-chat__search .str-chat__search-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5) var(--str-chat__spacing-2);
  gap: .25rem;
}
.str-chat__search .str-chat__search-bar .str-chat__search-bar-button {
  background: none;
  border: none;
  padding: var(--str-chat__spacing-1);
  cursor: pointer;
}
.str-chat__search .str-chat__search-bar .str-chat__search-input--wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  padding: var(--str-chat__spacing-1_5) var(--str-chat__spacing-2);
  min-width: 0;
}
.str-chat__search .str-chat__search-bar .str-chat__search-input--wrapper .str-chat__search-input--icon {
  height: 20px;
  width: 20px;
  margin-right: .5rem;
}
.str-chat__search .str-chat__search-bar .str-chat__search-input--wrapper .str-chat__search-input--clear-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.str-chat__search .str-chat__search-bar .str-chat__search-input--wrapper .str-chat__search-input--clear-button:disabled {
  cursor: default;
}
.str-chat__search .str-chat__search-bar .str-chat__search-input--wrapper .str-chat__search-input--clear-button .str-chat__search-input--clear-button-icon {
  height: 20px;
  width: 20px;
  mask-size: 20px;
  -webkit-mask-size: 20px;
}
.str-chat__search .str-chat__search-bar .str-chat__search-input--wrapper input {
  flex: 1;
  min-width: 0;
}
.str-chat__search .str-chat__search-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.str-chat__search .str-chat__search-results .str-chat__search-results-header {
  width: 100%;
}
.str-chat__search .str-chat__search-results .str-chat__search-results-header button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__search .str-chat__search-results .str-chat__search-results-header .str-chat__search-results-header__filter-source-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2_5);
  width: 100%;
}
.str-chat__search .str-chat__search-results .str-chat__search-results-header .str-chat__search-results-header__filter-source-buttons .str-chat__search-results-header__filter-source-button {
  padding: .5rem .75rem;
  border-radius: var(--str-chat__border-radius-circle);
  background-color: var(--str-chat__tertiary-surface-color);
}
.str-chat__search .str-chat__search-results .str-chat__search-results-header .str-chat__search-results-header__filter-source-buttons .str-chat__search-results-header__filter-source-button--active {
  background-color: var(--str-chat__surface-color);
  color: var(--str-chat__text-color);
  font-weight: 500;
}
.str-chat__search .str-chat__search-results .str-chat__search-results-presearch,
.str-chat__search .str-chat__search-results .str-chat__search-source-results-empty {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
}
.str-chat__search .str-chat__search-results .str-chat__search-source-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.str-chat__search .str-chat__search-results .str-chat__search-source-results .str-chat__search-source-result-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.str-chat__search .str-chat__search-results .str-chat__search-source-results .str-chat__search-source-result-list .str-chat__infinite-scroll-paginator__content {
  display: flex;
  flex-direction: column;
}
.str-chat__search .str-chat__search-results .str-chat__search-source-results .str-chat__search-source-result-list .str-chat__search-result {
  display: flex;
  align-items: center;
  width: 100%;
  column-gap: var(--str-chat__spacing-2);
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
}
.str-chat__search .str-chat__search-results .str-chat__search-source-results .str-chat__search-source-result-list .str-chat__search-result .search__result-text,
.str-chat__search .str-chat__search-results .str-chat__search-source-results .str-chat__search-source-result-list .str-chat__search-result .str-chat__search-result--display-name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-y: hidden;
}
.str-chat__search .str-chat__search-results .str-chat__search-source-results .str-chat__search-source-result-list .str-chat__search-source-result-list__footer {
  height: 4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.str-chat__thread-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.str-chat__thread-container .str-chat__thread-header {
  display: flex;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  align-items: center;
}
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  flex: 1;
  row-gap: var(--str-chat__spacing-1_5);
}
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-name,
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-reply-count,
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-channel-name,
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle,
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-details .str-chat__thread-header-subtitle {
  overflow-y: hidden;
}
.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: calc(var(--str-chat__spacing-px)*40);
  height: calc(var(--str-chat__spacing-px)*40);
  cursor: pointer;
  line-height: calc(var(--str-chat__spacing-px)*21);
  font-size: calc(var(--str-chat__spacing-px)*21);
}
.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg {
  height: calc(var(--str-chat__spacing-px)*21);
  width: calc(var(--str-chat__spacing-px)*21);
}
.str-chat__thread .str-chat__main-panel-inner {
  height: auto;
}
.str-chat__thread--virtualized .str-chat__main-panel-inner {
  height: 100%;
}
.str-chat__thread--virtualized .str-chat__main-panel-inner .str-chat__virtual-list-message-wrapper:first-of-type {
  padding-block-start: var(--str-chat__spacing-4);
}
.str-chat__parent-message-li {
  padding: var(--str-chat__spacing-2);
}
.str-chat__tooltip {
  overflow-y: hidden;
  display: flex;
  padding: var(--str-chat__spacing-2);
  z-index: 1;
  max-width: calc(var(--str-chat__spacing-px)*150);
  width: max-content;
}
.str-chat__typing-indicator-react-host {
  position: static !important;
}
.str-chat__virtual-list .str-chat__typing-indicator {
  position: static;
}
.str-chat__typing-indicator {
  padding: var(--str-chat__spacing-1_5);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--str-chat__spacing-1);
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
}
.str-chat__typing-indicator .str-chat__typing-indicator__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--str-chat__spacing-0_5);
}
.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot {
  width: calc(var(--str-chat__spacing-px)*4);
  height: calc(var(--str-chat__spacing-px)*4);
}
.str-chat__thread-list-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.str-chat__unseen-threads-banner {
  font-size: 16px;
  font-weight: 400;
  margin: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.str-chat__unseen-threads-banner__button {
  --str-chat-icon-width: 16px;
  --str-chat-icon-heigh: 22px;
  all: unset;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.str-chat__thread-list .str-chat__thread-list-item {
  align-items: stretch;
  box-sizing: border-box;
  padding-block: 14px;
  padding-inline: 8px;
  gap: 6px;
  width: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__channel {
  --str-chat-icon-height: 14px;
  --str-chat-icon-width: 14px;
  display: flex;
  gap: 5px;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__channel .str-chat__icon {
  margin-top: 2px;
  flex-shrink: 0;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__thread-status-symbol {
  font-size: 14px;
  line-height: 1;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__channel-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__parent-message {
  display: flex;
  gap: 3px;
  justify-content: space-between;
  align-items: center;
  height: 15px;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__parent-message-text {
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__latest-reply {
  --str-chat__avatar-size: 49px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__latest-reply-details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
  width: 0;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__latest-reply-created-by {
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__latest-reply-text-and-timestamp {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
  align-items: baseline;
  line-height: 16px;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__latest-reply-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__latest-reply-timestamp {
  white-space: nowrap;
}
.str-chat__thread-list .str-chat__thread-list-loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 14px;
  padding-inline: 8px;
}
.str-chat__thread-list-empty-placeholder {
  --str-chat-icon-height: 95px;
  --str-chat-icon-width: 95px;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
}
.str-chat__chat-view {
  display: flex;
  width: 100%;
  height: 100%;
}
.str-chat__chat-view__selector {
  display: flex;
  flex-direction: column;
  padding-inline: 8px;
  padding-block: 16px;
  gap: 20px;
}
.str-chat__chat-view__selector-button {
  --str-chat-icon-height: 20px;
  --str-chat-icon-width: 20px;
  --str-chat-unread-count-badge-absolute-offset-vertical: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 10px;
  padding-block: 10px;
  border-radius: 8px;
  gap: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.str-chat__chat-view__channels {
  display: flex;
  flex-grow: 1;
}
.str-chat__chat-view__threads {
  display: flex;
  flex-grow: 1;
}
.str-chat {
  --str-chat-unread-count-badge-absolute-offset-vertical: 50%;
  --str-chat-unread-count-badge-absolute-offset-horizontal: 50%;
}
.str-chat__unread-count-badge-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__unread-count-badge {
  font-size: 12px;
  min-width: 22px;
  min-height: 22px;
  line-height: 8px;
  font-weight: 700;
  padding: 7px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variant-numeric: tabular-nums;
}
.str-chat__unread-count-badge--top-right {
  position: absolute;
  translate: var(--str-chat-unread-count-badge-absolute-offset-horizontal) calc(var(--str-chat-unread-count-badge-absolute-offset-vertical)*-1);
}
.str-chat__unread-count-badge--bottom-left {
  position: absolute;
  translate: calc(var(--str-chat-unread-count-badge-absolute-offset-horizontal)*-1) var(--str-chat-unread-count-badge-absolute-offset-vertical);
}
.str-chat__unread-count-badge--bottom-right {
  position: absolute;
  translate: var(--str-chat-unread-count-badge-absolute-offset-horizontal) var(--str-chat-unread-count-badge-absolute-offset-vertical);
}
.str-chat__unread-count-badge--top-left {
  position: absolute;
  translate: calc(var(--str-chat-unread-count-badge-absolute-offset-horizontal)*-1) calc(var(--str-chat-unread-count-badge-absolute-offset-vertical)*-1);
}
.str-chat__ai-state-indicator-container {
  padding: 0 8px;
}
.str-chat {
  --str-chat__blue950: #001333;
  --str-chat__blue900: #00163d;
  --str-chat__blue800: #002666;
  --str-chat__blue700: #003999;
  --str-chat__blue600: #004ccc;
  --str-chat__blue500: #005fff;
  --str-chat__blue400: #337eff;
  --str-chat__blue300: #669fff;
  --str-chat__blue200: #ccdfff;
  --str-chat__blue100: #e0f0ff;
  --str-chat__blue50: #ebf5ff;
  --str-chat__grey950: #080707;
  --str-chat__grey900: #17191c;
  --str-chat__grey800: #1c1e22;
  --str-chat__grey700: #272a30;
  --str-chat__grey600: #4c525c;
  --str-chat__grey500: #72767e;
  --str-chat__grey400: #b4b7bb;
  --str-chat__grey300: #dbdde1;
  --str-chat__grey200: #e9eaed;
  --str-chat__grey100: #f4f4f5;
  --str-chat__grey50: #ffffff;
  --str-chat__red900: #330003;
  --str-chat__red800: #660006;
  --str-chat__red700: #990008;
  --str-chat__red600: #cc000b;
  --str-chat__red500: #ff000e;
  --str-chat__red400: #ff3742;
  --str-chat__red300: #ff666e;
  --str-chat__red200: #ff999f;
  --str-chat__red100: #ffe5e7;
  --str-chat__green900: #062d16;
  --str-chat__green800: #0d592c;
  --str-chat__green700: #138643;
  --str-chat__green600: #19b359;
  --str-chat__green500: #20e070;
  --str-chat__green400: #4ce68c;
  --str-chat__green300: #79eca9;
  --str-chat__green200: #a6f2c6;
  --str-chat__green100: #e9f1ff;
  --str-chat__yellow900: #332500;
  --str-chat__yellow800: #664900;
  --str-chat__yellow700: #996e00;
  --str-chat__yellow600: #cc9200;
  --str-chat__yellow500: #ffb700;
  --str-chat__yellow400: #ffd466;
  --str-chat__yellow300: #ffe299;
  --str-chat__yellow200: #fff1cc;
  --str-chat__yellow100: #fff8e5;
}
.str-chat {
  --str-chat__border-radius-xs: 8px;
  --str-chat__border-radius-sm: 14px;
  --str-chat__border-radius-md: 18px;
  --str-chat__border-radius-lg: 20px;
  --str-chat__border-radius-circle: 999px;
  --str-chat__font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    Helvetica Neue,
    sans-serif;
  --str-chat__caption-text: 0.75rem/1.3 var(--str-chat__font-family);
  --str-chat__caption-medium-text: 500 0.75rem/1.3 var(--str-chat__font-family);
  --str-chat__caption-strong-text: 700 0.75rem/1.3 var(--str-chat__font-family);
  --str-chat__body-text: 0.875rem/1.2 var(--str-chat__font-family);
  --str-chat__body-medium-text: 500 0.875rem/1.2 var(--str-chat__font-family);
  --str-chat__body2-text: 0.9375rem/1.2 var(--str-chat__font-family);
  --str-chat__body2-medium-text: 500 0.9375rem/1.2 var(--str-chat__font-family);
  --str-chat__subtitle-text: 1rem/1.25 var(--str-chat__font-family);
  --str-chat__subtitle-medium-text: 500 1rem/1.25 var(--str-chat__font-family);
  --str-chat__subtitle2-text: 1.25rem/1.2 var(--str-chat__font-family);
  --str-chat__subtitle2-medium-text: 500 1.25rem/1.2 var(--str-chat__font-family);
  --str-chat__headline-text: 1.5rem/1.2 var(--str-chat__font-family);
  --str-chat__headline2-text: 1.8rem/1.2 var(--str-chat__font-family);
}
.str-chat,
.str-chat__theme-light {
  --str-chat__primary-color: var(--str-chat__blue500);
  --str-chat__primary-overlay-color: rgba(0, 95, 255, 0.6);
  --str-chat__primary-color-low-emphasis: var(--str-chat__blue300);
  --str-chat__active-primary-color: var(--str-chat__blue600);
  --str-chat__on-primary-color: var(--str-chat__grey50);
  --str-chat__background-color: var(--str-chat__grey50);
  --str-chat__secondary-background-color: var(--str-chat__grey50);
  --str-chat__primary-surface-color: var(--str-chat__blue100);
  --str-chat__primary-surface-color-low-emphasis: var(--str-chat__blue50);
  --str-chat__surface-color: var(--str-chat__grey300);
  --str-chat__secondary-surface-color: var(--str-chat__grey200);
  --str-chat__tertiary-surface-color: var(--str-chat__grey100);
  --str-chat__text-color: var(--str-chat__grey950);
  --str-chat__text-low-emphasis-color: var(--str-chat__grey500);
  --str-chat__disabled-color: var(--str-chat__grey400);
  --str-chat__on-disabled-color: var(--str-chat__grey50);
  --str-chat__danger-color: var(--str-chat__red400);
  --str-chat__message-highlight-color: var(--str-chat__yellow100);
  --str-chat__unread-badge-color: var(--str-chat__red400);
  --str-chat__on-unread-badge-color: var(--str-chat__grey50);
  --str-chat__overlay-color: rgba(252, 252, 252, 0.9);
  --str-chat__secondary-overlay-color: rgba(0, 0, 0, 0.2);
  --str-chat__secondary-overlay-text-color: var(--str-chat__grey50);
  --str-chat__opaque-surface-background-color: rgba(0, 0, 0, 0.8);
  --str-chat__opaque-surface-text-color: var(--str-chat__grey50);
  --str-chat__box-shadow-color: rgba(0, 0, 0, 0.18);
  --str-chat__info-color: var(--str-chat__green500);
}
.str-chat__theme-dark {
  --str-chat__primary-color: var(--str-chat__blue400);
  --str-chat__primary-overlay-color: rgba(51, 126, 255, 0.6);
  --str-chat__primary-color-low-emphasis: var(--str-chat__blue700);
  --str-chat__active-primary-color: var(--str-chat__blue600);
  --str-chat__on-primary-color: var(--str-chat__grey50);
  --str-chat__background-color: var(--str-chat__grey950);
  --str-chat__secondary-background-color: var(--str-chat__grey900);
  --str-chat__primary-surface-color: var(--str-chat__blue900);
  --str-chat__primary-surface-color-low-emphasis: var(--str-chat__blue950);
  --str-chat__surface-color: var(--str-chat__grey700);
  --str-chat__secondary-surface-color: var(--str-chat__grey800);
  --str-chat__tertiary-surface-color: var(--str-chat__grey900);
  --str-chat__text-color: var(--str-chat__grey50);
  --str-chat__text-low-emphasis-color: var(--str-chat__grey500);
  --str-chat__disabled-color: var(--str-chat__grey600);
  --str-chat__on-disabled-color: var(--str-chat__grey50);
  --str-chat__danger-color: var(--str-chat__red600);
  --str-chat__message-highlight-color: var(--str-chat__yellow900);
  --str-chat__unread-badge-color: var(--str-chat__red400);
  --str-chat__on-unread-badge-color: var(--str-chat__grey50);
  --str-chat__overlay-color: rgba(0, 0, 0, 0.7);
  --str-chat__secondary-overlay-color: rgba(0, 0, 0, 0.4);
  --str-chat__secondary-overlay-text-color: var(--str-chat__grey50);
  --str-chat__opaque-surface-background-color: rgba(250, 250, 250, 0.85);
  --str-chat__opaque-surface-text-color: var(--str-chat__grey900);
  --str-chat__box-shadow-color: rgba(0, 0, 0, 0.8);
  --str-chat__info-color: var(--str-chat__green500);
}
.image-gallery-icon {
  color: #fff;
  transition: all .3s ease-out;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  cursor: pointer;
  outline: none;
  position: absolute;
  z-index: 4;
  filter: drop-shadow(0 2px 2px rgb(25.5, 25.5, 25.5));
}
@media (hover: hover)and (pointer: fine) {
  .image-gallery-icon:hover {
    color: #337ab7;
  }
  .image-gallery-icon:hover .image-gallery-svg {
    transform: scale(1.1);
  }
}
.image-gallery-icon:focus {
  outline: 2px solid #337ab7;
}
.image-gallery-using-mouse .image-gallery-icon:focus {
  outline: none;
}
.image-gallery-fullscreen-button {
  bottom: 0;
  padding: 20px;
}
.image-gallery-fullscreen-button .image-gallery-svg {
  height: 28px;
  width: 28px;
}
@media (max-width: 768px) {
  .image-gallery-fullscreen-button {
    padding: 15px;
  }
  .image-gallery-fullscreen-button .image-gallery-svg {
    height: 24px;
    width: 24px;
  }
}
@media (max-width: 480px) {
  .image-gallery-fullscreen-button {
    padding: 10px;
  }
  .image-gallery-fullscreen-button .image-gallery-svg {
    height: 16px;
    width: 16px;
  }
}
.image-gallery-fullscreen-button {
  right: 0;
}
.image-gallery-left-nav,
.image-gallery-right-nav {
  padding: 50px 10px;
  top: 50%;
  transform: translateY(-50%);
}
.image-gallery-left-nav .image-gallery-svg,
.image-gallery-right-nav .image-gallery-svg {
  height: 120px;
  width: 60px;
}
@media (max-width: 768px) {
  .image-gallery-left-nav .image-gallery-svg,
  .image-gallery-right-nav .image-gallery-svg {
    height: 72px;
    width: 36px;
  }
}
@media (max-width: 480px) {
  .image-gallery-left-nav .image-gallery-svg,
  .image-gallery-right-nav .image-gallery-svg {
    height: 48px;
    width: 24px;
  }
}
.image-gallery-left-nav[disabled],
.image-gallery-right-nav[disabled] {
  cursor: disabled;
  opacity: .6;
  pointer-events: none;
}
.image-gallery-left-nav {
  left: 0;
}
.image-gallery-right-nav {
  right: 0;
}
.image-gallery {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-gallery.fullscreen-modal {
  background: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
.image-gallery.fullscreen-modal .image-gallery-content {
  top: 50%;
  transform: translateY(-50%);
}
.image-gallery-content {
  position: relative;
  line-height: 0;
  top: 0;
}
.image-gallery-content .image-gallery-slide {
  background-color: var(--str-chat__secondary-surface-color);
}
.image-gallery-content .image-gallery-slide .str-chat__base-image--load-failed {
  height: var(--str-chat__attachment-max-width);
  width: var(--str-chat__attachment-max-width);
  font-size: 0;
}
.image-gallery-content .image-gallery-slide .str-chat__message-attachment-file--item-download {
  position: absolute;
  left: .375rem;
  top: .375rem;
}
.image-gallery-content.fullscreen {
  background: #000;
}
.image-gallery-content.fullscreen .image-gallery-slide .image-gallery-image {
  max-width: 100%;
}
.image-gallery-content .image-gallery-slide .image-gallery-image {
  max-height: calc(100vh - 80px);
  max-width: unset;
  object-fit: contain;
}
.image-gallery-content.left .image-gallery-slide .image-gallery-image,
.image-gallery-content.right .image-gallery-slide .image-gallery-image,
.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,
.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image {
  max-height: 100vh;
}
.image-gallery-slide-wrapper {
  position: relative;
}
.image-gallery-slide-wrapper.left,
.image-gallery-slide-wrapper.right,
.image-gallery-slide-wrapper.image-gallery-thumbnails-left,
.image-gallery-slide-wrapper.image-gallery-thumbnails-right {
  display: inline-block;
  width: calc(100% - 110px);
}
@media (max-width: 768px) {
  .image-gallery-slide-wrapper.left,
  .image-gallery-slide-wrapper.right,
  .image-gallery-slide-wrapper.image-gallery-thumbnails-left,
  .image-gallery-slide-wrapper.image-gallery-thumbnails-right {
    width: calc(100% - 87px);
  }
}
.image-gallery-slide-wrapper.image-gallery-rtl {
  direction: rtl;
}
.image-gallery-slides {
  line-height: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-align: center;
}
.image-gallery-slide {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.image-gallery-slide.center,
.image-gallery-slide.image-gallery-center {
  position: relative;
}
.image-gallery-slide .image-gallery-image {
  width: 100%;
  object-fit: contain;
}
.image-gallery-index {
  background: rgba(0, 0, 0, .4);
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}
@media (max-width: 768px) {
  .image-gallery-index {
    font-size: .8em;
    padding: 5px 10px;
  }
}
.str-chat {
  --str-chat__cta-button-border-radius: var(--str-chat__border-radius-xs);
  --str-chat__cta-button-color: var(--str-chat__on-primary-color);
  --str-chat__cta-button-background-color: var(--str-chat__primary-color);
  --str-chat__cta-button-border-block-start: none;
  --str-chat__cta-button-border-block-end: none;
  --str-chat__cta-button-border-inline-start: none;
  --str-chat__cta-button-border-inline-end: none;
  --str-chat__cta-button-box-shadow: none;
  --str-chat__cta-button-pressed-background-color: var(--str-chat__active-primary-color);
  --str-chat__cta-button-disabled-background-color: var(--str-chat__disabled-color);
  --str-chat__cta-button-disabled-color: var(--str-chat__on-disabled-color);
}
.str-chat__cta-button {
  background: var(--str-chat__cta-button-background-color);
  color: var(--str-chat__cta-button-color);
  box-shadow: var(--str-chat__cta-button-box-shadow);
  border-radius: var(--str-chat__cta-button-border-radius);
  border-block-start: var(--str-chat__cta-button-border-block-start);
  border-block-end: var(--str-chat__cta-button-border-block-end);
  border-inline-start: var(--str-chat__cta-button-border-inline-start);
  border-inline-end: var(--str-chat__cta-button-border-inline-end);
  font: var(--str-chat__subtitle-text);
}
.str-chat__cta-button:active {
  background-color: var(--str-chat__cta-button-pressed-background-color);
}
.str-chat__cta-button:disabled {
  background-color: var(--str-chat__cta-button-disabled-background-color);
  color: var(--str-chat__cta-button-disabled-color);
}
.str-chat {
  --str-chat__circle-fab-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__circle-fab-color: var(--str-chat__primary-color);
  --str-chat__circle-fab-background-color: var(--str-chat__secondary-background-color);
  --str-chat__circle-fab-pressed-background-color: var(--str-chat__surface-color);
  --str-chat__circle-fab-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  --str-chat__circle-fab-border-block-start: none;
  --str-chat__circle-fab-border-block-end: none;
  --str-chat__circle-fab-border-inline-start: none;
  --str-chat__circle-fab-border-inline-end: none;
}
.str-chat__circle-fab {
  background: var(--str-chat__circle-fab-background-color);
  color: var(--str-chat__circle-fab-color);
  box-shadow: var(--str-chat__circle-fab-box-shadow);
  border-radius: var(--str-chat__circle-fab-border-radius);
  border-block-start: var(--str-chat__circle-fab-border-block-start);
  border-block-end: var(--str-chat__circle-fab-border-block-end);
  border-inline-start: var(--str-chat__circle-fab-border-inline-start);
  border-inline-end: var(--str-chat__circle-fab-border-inline-end);
}
.str-chat__circle-fab svg path {
  fill: var(--str-chat__circle-fab-color);
}
.str-chat__circle-fab:active {
  background-color: var(--str-chat__circle-fab-pressed-background-color);
}
.str-chat {
  --str-chat__avatar-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__avatar-color: var(--str-chat__on-primary-color);
  --str-chat__avatar-background-color: var(--str-chat__primary-color);
  --str-chat__avatar-border-block-start: none;
  --str-chat__avatar-border-block-end: none;
  --str-chat__avatar-border-inline-start: none;
  --str-chat__avatar-border-inline-end: none;
  --str-chat__avatar-box-shadow: none;
  --str-chat__avatar-online-indicator-color: var(--str-chat__info-color);
  --str-chat__avatar-online-indicator-border-radius: var(--str-chat__border-radius-circle);
}
.str-chat__avatar .str-chat__avatar-image {
  background: var(--str-chat__avatar-background-color);
  color: var(--str-chat__avatar-color);
  box-shadow: var(--str-chat__avatar-box-shadow);
  border-radius: var(--str-chat__avatar-border-radius);
  border-block-start: var(--str-chat__avatar-border-block-start);
  border-block-end: var(--str-chat__avatar-border-block-end);
  border-inline-start: var(--str-chat__avatar-border-inline-start);
  border-inline-end: var(--str-chat__avatar-border-inline-end);
  display: block;
}
.str-chat__avatar.str-chat__avatar--no-letters {
  --str-chat-icon-color: var(--str-chat__avatar-color);
  background: var(--str-chat__avatar-background-color);
  color: var(--str-chat__avatar-color);
  box-shadow: var(--str-chat__avatar-box-shadow);
  border-radius: var(--str-chat__avatar-border-radius);
  border-block-start: var(--str-chat__avatar-border-block-start);
  border-block-end: var(--str-chat__avatar-border-block-end);
  border-inline-start: var(--str-chat__avatar-border-inline-start);
  border-inline-end: var(--str-chat__avatar-border-inline-end);
}
.str-chat__avatar .str-chat__avatar-fallback {
  background: var(--str-chat__avatar-background-color);
  color: var(--str-chat__avatar-color);
  box-shadow: var(--str-chat__avatar-box-shadow);
  border-radius: var(--str-chat__avatar-border-radius);
  border-block-start: var(--str-chat__avatar-border-block-start);
  border-block-end: var(--str-chat__avatar-border-block-end);
  border-inline-start: var(--str-chat__avatar-border-inline-start);
  border-inline-end: var(--str-chat__avatar-border-inline-end);
  text-transform: uppercase;
}
.str-chat__avatar .str-chat__avatar--online-indicator {
  background-color: var(--str-chat__avatar-online-indicator-color);
  border-radius: var(--str-chat__avatar-online-indicator-border-radius);
}
.str-chat__loading-channels-avatar {
  border-radius: var(--str-chat__avatar-border-radius);
}
.str-chat__avatar-group {
  border-radius: var(--str-chat__avatar-border-radius);
}
.str-chat {
  --str-chat__attachment-list-border-radius: 0;
  --str-chat__attachment-list-color: var(--str-chat__text-color);
  --str-chat__attachment-list-background-color: transparent;
  --str-chat__attachment-list-border-block-start: none;
  --str-chat__attachment-list-border-block-end: none;
  --str-chat__attachment-list-border-inline-start: none;
  --str-chat__attachment-list-border-inline-end: none;
  --str-chat__attachment-list-box-shadow: none;
  --str-chat__image-attachment-border-radius: calc( var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin) );
  --str-chat__image-attachment-color: var(--str-chat__text-color);
  --str-chat__image-attachment-background-color: var(--str-chat__secondary-surface-color);
  --str-chat__image-attachment-border-block-start: none;
  --str-chat__image-attachment-border-block-end: none;
  --str-chat__image-attachment-border-inline-start: none;
  --str-chat__image-attachment-border-inline-end: none;
  --str-chat__image-attachment-box-shadow: none;
  --str-chat__image-gallery-attachment-border-radius: calc( var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin) );
  --str-chat__image-gallery-attachment-color: var(--str-chat__text-color);
  --str-chat__image-gallery-attachment-background-color: transparent;
  --str-chat__image-gallery-attachment-border-block-start: none;
  --str-chat__image-gallery-attachment-border-block-end: none;
  --str-chat__image-gallery-attachment-border-inline-start: none;
  --str-chat__image-gallery-attachment-border-inline-end: none;
  --str-chat__image-gallery-attachment-box-shadow: none;
  --str-chat__image-gallery-attachment-overlay: var(--str-chat__secondary-overlay-color);
  --str-chat__image-gallery-attachment-overlay-text-color: var( --str-chat__secondary-overlay-text-color );
  --str-chat__card-attachment-border-radius: 0;
  --str-chat__card-attachment-color: var(--str-chat__text-color);
  --str-chat__card-attachment-link-color: var(--str-chat__primary-color);
  --str-chat__card-attachment-background-color: transparent;
  --str-chat__card-attachment-border-block-start: none;
  --str-chat__card-attachment-border-block-end: none;
  --str-chat__card-attachment-border-inline-start: none;
  --str-chat__card-attachment-border-inline-end: none;
  --str-chat__card-attachment-box-shadow: none;
  --str-chat__file-attachment-border-radius: calc( var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin) );
  --str-chat__file-attachment-color: var(--str-chat__text-color);
  --str-chat__file-attachment-secondary-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__file-attachment-background-color: var(--str-chat__secondary-background-color);
  --str-chat__file-attachment-border-block-start: none;
  --str-chat__file-attachment-border-block-end: none;
  --str-chat__file-attachment-border-inline-start: none;
  --str-chat__file-attachment-border-inline-end: none;
  --str-chat__file-attachment-box-shadow: none;
  --str-chat__geolocation-attachment-border-radius: calc( var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin) );
  --str-chat__geolocation-attachment-color: var(--str-chat__text-color);
  --str-chat__geolocation-attachment-secondary-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__geolocation-attachment-background-color: var(--str-chat__secondary-background-color);
  --str-chat__geolocation-attachment-border-block-start: none;
  --str-chat__geolocation-attachment-border-block-end: none;
  --str-chat__geolocation-attachment-border-inline-start: none;
  --str-chat__geolocation-attachment-border-inline-end: none;
  --str-chat__geolocation-attachment-box-shadow: none;
  --str-chat__audio-attachment-widget-border-radius: calc( var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin) );
  --str-chat__audio-attachment-widget-color: var(--str-chat__text-color);
  --str-chat__audio-attachment-widget-secondary-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__audio-attachment-widget-background-color: var(--str-chat__secondary-background-color);
  --str-chat__audio-attachment-widget-border-block-start: none;
  --str-chat__audio-attachment-widget-border-block-end: none;
  --str-chat__audio-attachment-widget-border-inline-start: none;
  --str-chat__audio-attachment-widget-border-inline-end: none;
  --str-chat__audio-attachment-widget-box-shadow: none;
  --str-chat__voice-recording-attachment-widget-border-radius: calc( var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin) );
  --str-chat__voice-recording-attachment-widget-color: var(--str-chat__text-color);
  --str-chat__voice-recording-attachment-widget-secondary-color: var( --str-chat__text-low-emphasis-color );
  --str-chat__voice-recording-attachment-widget-background-color: var( --str-chat__secondary-background-color );
  --str-chat__voice-recording-attachment-widget-border-block-start: none;
  --str-chat__voice-recording-attachment-widget-border-block-end: none;
  --str-chat__voice-recording-attachment-widget-border-inline-start: none;
  --str-chat__voice-recording-attachment-widget-border-inline-end: none;
  --str-chat__voice-recording-attachment-widget-box-shadow: none;
  --str-chat__audio-attachment-controls-button-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__audio-attachment-controls-button-color: var(--str-chat__text-color);
  --str-chat__audio-attachment-controls-button-background-color: var( --str-chat__secondary-background-color );
  --str-chat__audio-attachment-controls-button-pressed-background-color: var( --str-chat__surface-color );
  --str-chat__audio-attachment-controls-button-border-block-start: none;
  --str-chat__audio-attachment-controls-button-border-block-end: none;
  --str-chat__audio-attachment-controls-button-border-inline-start: none;
  --str-chat__audio-attachment-controls-button-border-inline-end: none;
  --str-chat__audio-attachment-controls-button-box-shadow: var(--str-chat__circle-fab-box-shadow);
  --str-chat__attachment-actions-border-radius: 0;
  --str-chat__attachment-actions-color: var(--str-chat__text-color);
  --str-chat__attachment-actions-background-color: transparent;
  --str-chat__attachment-actions-border-block-start: none;
  --str-chat__attachment-actions-border-block-end: none;
  --str-chat__attachment-actions-border-inline-start: none;
  --str-chat__attachment-actions-border-inline-end: none;
  --str-chat__attachment-actions-box-shadow: none;
  --str-chat__attachment-action-border-radius: 0;
  --str-chat__attachment-action-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__attachment-action-background-color: var(--str-chat__secondary-background-color);
  --str-chat__attachment-action-border-block-start: var(--str-chat__surface-color) 1px solid;
  --str-chat__attachment-action-border-block-end: var(--str-chat__surface-color) 1px solid;
  --str-chat__attachment-action-border-inline-start: var(--str-chat__surface-color) 1px solid;
  --str-chat__attachment-action-border-inline-end: var(--str-chat__surface-color) 1px solid;
  --str-chat__attachment-action-box-shadow: none;
  --str-chat__attachment-action-active-color: var(--str-chat__primary-color);
}
.str-chat__attachment-list {
  background: var(--str-chat__attachment-list-background-color);
  color: var(--str-chat__attachment-list-color);
  box-shadow: var(--str-chat__attachment-list-box-shadow);
  border-radius: var(--str-chat__attachment-list-border-radius);
  border-block-start: var(--str-chat__attachment-list-border-block-start);
  border-block-end: var(--str-chat__attachment-list-border-block-end);
  border-inline-start: var(--str-chat__attachment-list-border-inline-start);
  border-inline-end: var(--str-chat__attachment-list-border-inline-end);
}
.str-chat__attachment-list .str-chat__message-attachment--image,
.str-chat__attachment-list .str-chat__message-attachment-card--header,
.str-chat__attachment-list .str-chat__message-attachment--video {
  background: var(--str-chat__image-attachment-background-color);
  color: var(--str-chat__image-attachment-color);
  box-shadow: var(--str-chat__image-attachment-box-shadow);
  border-radius: var(--str-chat__image-attachment-border-radius);
  border-block-start: var(--str-chat__image-attachment-border-block-start);
  border-block-end: var(--str-chat__image-attachment-border-block-end);
  border-inline-start: var(--str-chat__image-attachment-border-inline-start);
  border-inline-end: var(--str-chat__image-attachment-border-inline-end);
}
.str-chat__attachment-list .str-chat__gallery {
  background: var(--str-chat__image-gallery-attachment-background-color);
  color: var(--str-chat__image-gallery-attachment-color);
  box-shadow: var(--str-chat__image-gallery-attachment-box-shadow);
  border-radius: var(--str-chat__image-gallery-attachment-border-radius);
  border-block-start: var(--str-chat__image-gallery-attachment-border-block-start);
  border-block-end: var(--str-chat__image-gallery-attachment-border-block-end);
  border-inline-start: var(--str-chat__image-gallery-attachment-border-inline-start);
  border-inline-end: var(--str-chat__image-gallery-attachment-border-inline-end);
}
.str-chat__attachment-list .str-chat__gallery .str-chat__gallery-image {
  background-color: var(--str-chat__image-attachment-background-color);
  border: 0;
}
.str-chat__attachment-list .str-chat__gallery .str-chat__gallery-placeholder {
  color: var(--str-chat__image-gallery-attachment-overlay-text-color);
  display: flex;
  border: none;
  font: var(--str-chat__headline2-text);
}
.str-chat__attachment-list .str-chat__gallery .str-chat__gallery-placeholder::after {
  background-color: var(--str-chat__image-gallery-attachment-overlay);
}
.str-chat__attachment-list .str-chat__message-attachment--svg-image {
  background-image: repeating-conic-gradient(#d4d5d7 0% 25%, #f4f4f4 0% 50%);
  background-size: 24px 24px;
}
.str-chat__attachment-list .str-chat__message-attachment-unsupported,
.str-chat__attachment-list .str-chat__message-attachment-file--item {
  background: var(--str-chat__file-attachment-background-color);
  color: var(--str-chat__file-attachment-color);
  box-shadow: var(--str-chat__file-attachment-box-shadow);
  border-radius: var(--str-chat__file-attachment-border-radius);
  border-block-start: var(--str-chat__file-attachment-border-block-start);
  border-block-end: var(--str-chat__file-attachment-border-block-end);
  border-inline-start: var(--str-chat__file-attachment-border-inline-start);
  border-inline-end: var(--str-chat__file-attachment-border-inline-end);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation {
  background: var(--str-chat__geolocation-attachment-background-color);
  color: var(--str-chat__geolocation-attachment-color);
  box-shadow: var(--str-chat__geolocation-attachment-box-shadow);
  border-radius: var(--str-chat__geolocation-attachment-border-radius);
  border-block-start: var(--str-chat__geolocation-attachment-border-block-start);
  border-block-end: var(--str-chat__geolocation-attachment-border-block-end);
  border-inline-start: var(--str-chat__geolocation-attachment-border-inline-start);
  border-inline-end: var(--str-chat__geolocation-attachment-border-inline-end);
  overflow: hidden;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder .str-chat__message-attachment-geolocation__placeholder-link {
  color: currentColor;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status {
  background-color: var(--str-chat__tertiary-surface-color);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__stop-sharing-button {
  background: none;
  border: none;
  font: var(--str-chat__subtitle-medium-text);
  cursor: pointer;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__status--active-until {
  font: var(--str-chat__caption-text);
}
.str-chat__attachment-list .str-chat__message-attachment-unsupported .str-chat__message-attachment-unsupported__title {
  font: var(--str-chat__subtitle-medium-text);
  word-break: keep-all;
}
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--title {
  font: var(--str-chat__subtitle-medium-text);
  word-break: keep-all;
}
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-size,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-file--item-size {
  color: var(--str-chat__file-attachment-secondary-color);
  font: var(--str-chat__body-text);
}
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-download-icon svg path,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-download-icon svg path {
  fill: var(--str-chat__file-attachment-color);
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget {
  background: var(--str-chat__audio-attachment-widget-background-color);
  color: var(--str-chat__audio-attachment-widget-color);
  box-shadow: var(--str-chat__audio-attachment-widget-box-shadow);
  border-radius: var(--str-chat__audio-attachment-widget-border-radius);
  border-block-start: var(--str-chat__audio-attachment-widget-border-block-start);
  border-block-end: var(--str-chat__audio-attachment-widget-border-block-end);
  border-inline-start: var(--str-chat__audio-attachment-widget-border-inline-start);
  border-inline-end: var(--str-chat__audio-attachment-widget-border-inline-end);
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track {
  background:
    linear-gradient(
      to right,
      var(--str-chat__primary-color) var(--str-chat__message-attachment-audio-widget-progress),
      var(--str-chat__disabled-color) var(--str-chat__message-attachment-audio-widget-progress));
  border-radius: calc(var(--str-chat__spacing-px)*5);
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget--progress-track .str-chat__message-attachment-audio-widget--progress-indicator {
  background-color: var(--str-chat__primary-color);
  border-radius: inherit;
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button {
  background: var(--str-chat__audio-attachment-controls-button-background-color);
  color: var(--str-chat__audio-attachment-controls-button-color);
  box-shadow: var(--str-chat__audio-attachment-controls-button-box-shadow);
  border-radius: var(--str-chat__audio-attachment-controls-button-border-radius);
  border-block-start: var(--str-chat__audio-attachment-controls-button-border-block-start);
  border-block-end: var(--str-chat__audio-attachment-controls-button-border-block-end);
  border-inline-start: var(--str-chat__audio-attachment-controls-button-border-inline-start);
  border-inline-end: var(--str-chat__audio-attachment-controls-button-border-inline-end);
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button svg path {
  fill: var(--str-chat__audio-attachment-controls-button-color);
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget--play-button:active {
  background-color: var(--str-chat__audio-attachment-controls-button-pressed-background-color);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget {
  background: var(--str-chat__voice-recording-attachment-widget-background-color);
  color: var(--str-chat__voice-recording-attachment-widget-color);
  box-shadow: var(--str-chat__voice-recording-attachment-widget-box-shadow);
  border-radius: var(--str-chat__voice-recording-attachment-widget-border-radius);
  border-block-start: var(--str-chat__voice-recording-attachment-widget-border-block-start);
  border-block-end: var(--str-chat__voice-recording-attachment-widget-border-block-end);
  border-inline-start: var(--str-chat__voice-recording-attachment-widget-border-inline-start);
  border-inline-end: var(--str-chat__voice-recording-attachment-widget-border-inline-end);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget a {
  color: var(--str-chat__voice-recording-attachment-widget-color);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__timer {
  font: var(--str-chat__body-text);
  color: var(--str-chat__text-low-emphasis-color);
  white-space: nowrap;
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__amplitude-bar {
  background: var(--str-chat__text-low-emphasis-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__amplitude-bar--active {
  background: var(--str-chat__primary-color);
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__progress-indicator {
  background-color: #fff;
  border-radius: var(--str-chat__border-radius-circle);
  border: 1px solid var(--str-chat__secondary-overlay-color);
  cursor: grab;
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__error-message {
  font: var(--str-chat__body-text);
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__attachment-list .str-chat__message_attachment__playback-rate-button {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
  border-radius: var(--str-chat__border-radius-circle);
  background-color: #fff;
  cursor: pointer;
}
.str-chat__attachment-list .str-chat__message-attachment--card {
  background: var(--str-chat__card-attachment-background-color);
  color: var(--str-chat__card-attachment-color);
  box-shadow: var(--str-chat__card-attachment-box-shadow);
  border-radius: var(--str-chat__card-attachment-border-radius);
  border-block-start: var(--str-chat__card-attachment-border-block-start);
  border-block-end: var(--str-chat__card-attachment-border-block-end);
  border-inline-start: var(--str-chat__card-attachment-border-inline-start);
  border-inline-end: var(--str-chat__card-attachment-border-inline-end);
  font: var(--str-chat__body-text);
}
.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--source-link {
  font: var(--str-chat__body-medium-text);
}
.str-chat__attachment-list .str-chat__message-attachment--card .str-chat__message-attachment-card--title {
  font: var(--str-chat__body-medium-text);
}
.str-chat__attachment-list .str-chat__message-attachment-card--audio img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card--header .str-chat__message-attachment-card--source-link {
  background-color: var(--str-chat__audio-attachment-widget-background-color);
}
.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card-audio-widget {
  background-color: var(--str-chat__audio-attachment-widget-background-color);
  border-radius: 0 0 calc(var(--str-chat__spacing-px)*14) calc(var(--str-chat__spacing-px)*14);
}
.str-chat__attachment-list .str-chat__message-attachment-card--audio .str-chat__message-attachment-card-audio-widget .str-chat__message-attachment-audio-widget--title {
  color: var(--str-chat__text-color);
  font: var(--str-chat__body-medium-text);
}
.str-chat__attachment-list .str-chat__message-attachment-actions {
  background: var(--str-chat__attachment-actions-background-color);
  color: var(--str-chat__attachment-actions-color);
  box-shadow: var(--str-chat__attachment-actions-box-shadow);
  border-radius: var(--str-chat__attachment-actions-border-radius);
  border-block-start: var(--str-chat__attachment-actions-border-block-start);
  border-block-end: var(--str-chat__attachment-actions-border-block-end);
  border-inline-start: var(--str-chat__attachment-actions-border-inline-start);
  border-inline-end: var(--str-chat__attachment-actions-border-inline-end);
}
.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-button {
  background: var(--str-chat__attachment-action-background-color);
  color: var(--str-chat__attachment-action-color);
  box-shadow: var(--str-chat__attachment-action-box-shadow);
  border-radius: var(--str-chat__attachment-action-border-radius);
  border-block-start: var(--str-chat__attachment-action-border-block-start);
  border-block-end: var(--str-chat__attachment-action-border-block-end);
  border-inline-start: var(--str-chat__attachment-action-border-inline-start);
  border-inline-end: var(--str-chat__attachment-action-border-inline-end);
  font: var(--str-chat__subtitle-medium-text);
  border-collapse: collapse;
}
.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-button:active {
  color: var(--str-chat__attachment-action-active-color);
}
.str-chat__attachment-list .str-chat__message-attachment-actions .str-chat__message-attachment-actions-button:not(:last-of-type) {
  border-inline-end: none;
}
.str-chat__attachment-list .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy .str-chat__message-attachment-card--header {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.str-chat__message-attachment-audio-widget--play-button {
  background: var(--str-chat__audio-attachment-controls-button-background-color);
  color: var(--str-chat__audio-attachment-controls-button-color);
  box-shadow: var(--str-chat__audio-attachment-controls-button-box-shadow);
  border-radius: var(--str-chat__audio-attachment-controls-button-border-radius);
  border-block-start: var(--str-chat__audio-attachment-controls-button-border-block-start);
  border-block-end: var(--str-chat__audio-attachment-controls-button-border-block-end);
  border-inline-start: var(--str-chat__audio-attachment-controls-button-border-inline-start);
  border-inline-end: var(--str-chat__audio-attachment-controls-button-border-inline-end);
}
.str-chat__message-attachment-audio-widget--play-button svg path {
  fill: var(--str-chat__audio-attachment-controls-button-color);
}
.str-chat__message-attachment-audio-widget--play-button:active {
  background-color: var(--str-chat__audio-attachment-controls-button-pressed-background-color);
}
.str-chat__message-attachment-card.str-chat__message-attachment-card--audio .str-chat__message-attachment-card--header {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.str-chat__message-attachment__voice-recording-widget {
  background: var(--str-chat__voice-recording-attachment-widget-background-color);
  color: var(--str-chat__voice-recording-attachment-widget-color);
  box-shadow: var(--str-chat__voice-recording-attachment-widget-box-shadow);
  border-radius: var(--str-chat__voice-recording-attachment-widget-border-radius);
  border-block-start: var(--str-chat__voice-recording-attachment-widget-border-block-start);
  border-block-end: var(--str-chat__voice-recording-attachment-widget-border-block-end);
  border-inline-start: var(--str-chat__voice-recording-attachment-widget-border-inline-start);
  border-inline-end: var(--str-chat__voice-recording-attachment-widget-border-inline-end);
}
.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  word-break: keep-all;
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment__voice-recording-widget__timer {
  font: var(--str-chat__body-text);
  color: var(--str-chat__text-low-emphasis-color);
  white-space: nowrap;
}
.str-chat__audio_recorder__waveform-box,
.str-chat__wave-progress-bar__track {
  cursor: pointer;
}
.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__amplitude-bar,
.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar {
  background: var(--str-chat__text-low-emphasis-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__amplitude-bar--active,
.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__amplitude-bar--active {
  background: var(--str-chat__primary-color);
}
.str-chat__audio_recorder__waveform-box .str-chat__wave-progress-bar__progress-indicator,
.str-chat__wave-progress-bar__track .str-chat__wave-progress-bar__progress-indicator {
  background-color: #fff;
  border-radius: var(--str-chat__border-radius-circle);
  border: 1px solid var(--str-chat__secondary-overlay-color);
  cursor: grab;
}
.str-chat-angular__message-attachment-file-single .str-chat__message-attachment-file--item-first-row {
  color: var(--str-chat__attachment-list-color);
}
.str-chat__attachment-list-angular-host .str-chat__message-attachment-card--video-play {
  --str-chat-icon-color: var(--str-chat__text-color);
  background-color: var(--str-chat__secondary-background-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat {
  --str-chat__attachment-preview-list-border-radius: var(--str-chat__border-radius-sm);
  --str-chat__attachment-preview-list-color: var(--str-chat__text-color);
  --str-chat__attachment-preview-list-background-color: transparent;
  --str-chat__attachment-preview-list-border-block-start: none;
  --str-chat__attachment-preview-list-border-block-end: none;
  --str-chat__attachment-preview-list-border-inline-start: none;
  --str-chat__attachment-preview-list-border-inline-end: none;
  --str-chat__attachment-preview-list-box-shadow: none;
  --str-chat__attachment-preview-close-icon-background: var(--str-chat__secondary-overlay-color);
  --str-chat__attachment-preview-close-icon-color: var(--str-chat__secondary-overlay-text-color);
  --str-chat__attachment-preview-retry-icon-color: var(--str-chat__primary-color);
  --str-chat__attachment-preview-download-icon-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__attachment-preview-overlay-color: var(--str-chat__overlay-color);
  --str-chat__attachment-preview-image-border-radius: var(--str-chat__border-radius-sm);
  --str-chat__attachment-preview-image-color: var(--str-chat__text-color);
  --str-chat__attachment-preview-image-background-color: transparent;
  --str-chat__attachment-preview-image-border-block-start: none;
  --str-chat__attachment-preview-image-border-block-end: none;
  --str-chat__attachment-preview-image-border-inline-start: none;
  --str-chat__attachment-preview-image-border-inline-end: none;
  --str-chat__attachment-preview-image-box-shadow: none;
  --str-chat__attachment-preview-file-border-radius: var(--str-chat__border-radius-md);
  --str-chat__attachment-preview-file-color: var(--str-chat__text-color);
  --str-chat__attachment-preview-file-background-color: transparent;
  --str-chat__attachment-preview-file-border-block-start: 1px solid var(--str-chat__surface-color);
  --str-chat__attachment-preview-file-border-block-end: 1px solid var(--str-chat__surface-color);
  --str-chat__attachment-preview-file-border-inline-start: 1px solid var(--str-chat__surface-color);
  --str-chat__attachment-preview-file-border-inline-end: 1px solid var(--str-chat__surface-color);
  --str-chat__attachment-preview-file-box-shadow: none;
}
.str-chat__attachment-preview-list {
  background: var(--str-chat__attachment-preview-list-background-color);
  color: var(--str-chat__attachment-preview-list-color);
  box-shadow: var(--str-chat__attachment-preview-list-box-shadow);
  border-radius: var(--str-chat__attachment-preview-list-border-radius);
  border-block-start: var(--str-chat__attachment-preview-list-border-block-start);
  border-block-end: var(--str-chat__attachment-preview-list-border-block-end);
  border-inline-start: var(--str-chat__attachment-preview-list-border-inline-start);
  border-inline-end: var(--str-chat__attachment-preview-list-border-inline-end);
}
.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container {
  border-radius: inherit;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image {
  background: var(--str-chat__attachment-preview-image-background-color);
  color: var(--str-chat__attachment-preview-image-color);
  box-shadow: var(--str-chat__attachment-preview-image-box-shadow);
  border-radius: var(--str-chat__attachment-preview-image-border-radius);
  border-block-start: var(--str-chat__attachment-preview-image-border-block-start);
  border-block-end: var(--str-chat__attachment-preview-image-border-block-end);
  border-inline-start: var(--str-chat__attachment-preview-image-border-inline-start);
  border-inline-end: var(--str-chat__attachment-preview-image-border-inline-end);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-thumbnail,
.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-image-loading {
  border-radius: var(--str-chat__attachment-preview-image-border-radius);
  background-color: var(--str-chat__attachment-preview-overlay-color);
}
.str-chat__attachment-preview-list .str-chat__location-preview,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file {
  background: var(--str-chat__attachment-preview-file-background-color);
  color: var(--str-chat__attachment-preview-file-color);
  box-shadow: var(--str-chat__attachment-preview-file-box-shadow);
  border-radius: var(--str-chat__attachment-preview-file-border-radius);
  border-block-start: var(--str-chat__attachment-preview-file-border-block-start);
  border-block-end: var(--str-chat__attachment-preview-file-border-block-end);
  border-inline-start: var(--str-chat__attachment-preview-file-border-inline-start);
  border-inline-end: var(--str-chat__attachment-preview-file-border-inline-end);
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-name {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-subtitle {
  font: var(--str-chat__caption-text);
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-download,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-download,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-download,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-download {
  --str-chat-icon-color: var(--str-chat__attachment-preview-download-icon-color);
  text-decoration: none;
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-download svg path,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-download svg path,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-download svg path,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-download svg path {
  fill: var(--str-chat__attachment-preview-download-icon-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-download svg path {
  fill: var(--str-chat__attachment-preview-download-icon-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__recording-timer {
  color: var(--str-chat__text-low-emphasis-color);
  font: var(--str-chat__caption-medium-text);
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__location-preview-image {
  color: var(--str-chat__active-primary-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete {
  --str-chat-icon-color: var(--str-chat__attachment-preview-close-icon-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete .str-chat__icon {
  background-color: var(--str-chat__attachment-preview-close-icon-background);
  border-radius: 999px;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg {
  background-color: var(--str-chat__attachment-preview-close-icon-background);
  border-radius: 999px;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg path {
  fill: var(--str-chat__attachment-preview-close-icon-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-error {
  --str-chat-icon-color: var(--str-chat__attachment-preview-retry-icon-color);
  background-color: var(--str-chat__attachment-preview-overlay-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-error svg path {
  fill: var(--str-chat__attachment-preview-retry-icon-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-error.str-chat__attachment-preview-error-image {
  border-radius: var(--str-chat__attachment-preview-image-border-radius);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-error.str-chat__attachment-preview-error-file {
  border-radius: var(--str-chat__attachment-preview-file-border-radius);
}
.str-chat__audio_recorder-container {
  background-color: var(--str-chat__background-color);
}
.str-chat__audio_recorder button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__audio_recorder button:disabled {
  cursor: default;
}
.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button {
  --str-chat-icon-color: var(--str-chat__text-low-emphasis-color);
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button {
  --str-chat-icon-color: var(--str-chat__text-low-emphasis-color);
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__audio_recorder .str-chat__message-attachment-audio-widget--play-button {
  --str-chat-icon-color: var(--str-chat__text-low-emphasis-color);
  box-shadow: none;
  border: none;
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button,
.str-chat__audio_recorder .str-chat__audio_recorder__resume-recording-button {
  --str-chat-icon-color: var(--str-chat__danger-color);
  color: var(--str-chat__danger-color);
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button {
  border: 3px solid var(--str-chat__danger-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat__audio_recorder .str-chat__audio_recorder__stop-button,
.str-chat__audio_recorder .str-chat__audio_recorder__complete-button {
  --str-chat-icon-color: var(--str-chat__on-primary-color);
  border-radius: var(--str-chat__border-radius-circle);
  color: var(--str-chat__on-primary-color);
  background-color: var(--str-chat__primary-color);
}
.str-chat__audio_recorder .str-chat__audio_recorder__stop-button .str-chat__loading-indicator svg linearGradient stop:last-child,
.str-chat__audio_recorder .str-chat__audio_recorder__complete-button .str-chat__loading-indicator svg linearGradient stop:last-child {
  stop-color: var(--str-chat__background-color);
}
.str-chat {
  --str-chat__autocomplete-menu-border-radius: var(--str-chat__border-radius-xs);
  --str-chat__autocomplete-menu-color: var(--str-chat__text-color);
  --str-chat__autocomplete-menu-background-color: var(--str-chat__secondary-background-color);
  --str-chat__autocomplete-menu-border-block-start: none;
  --str-chat__autocomplete-menu-border-block-end: none;
  --str-chat__autocomplete-menu-border-inline-start: none;
  --str-chat__autocomplete-menu-border-inline-end: none;
  --str-chat__autocomplete-menu-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  --str-chat__autocomplete-active-background-color: var(--str-chat__surface-color);
  --str-chat__suggestion-list-container-border-radius: var(--str-chat__border-radius-xs);
  --str-chat__suggestion-list-container-color: var(--str-chat__text-color);
  --str-chat__suggestion-list-container-background-color: var( --str-chat__secondary-background-color );
  --str-chat__suggestion-list-container-border-block-start: none;
  --str-chat__suggestion-list-container-border-block-end: none;
  --str-chat__suggestion-list-container-border-inline-start: none;
  --str-chat__suggestion-list-container-border-inline-end: none;
  --str-chat__suggestion-list-container-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  --str-chat__suggestion-list-item--selected-background-color: var(--str-chat__surface-color);
  --str-chat__slash-command-border-radius: 0;
  --str-chat__slash-command-color: var(--str-chat__text-color);
  --str-chat__slash-command-background-color: transparent;
  --str-chat__slash-command-border-block-start: none;
  --str-chat__slash-command-border-block-end: none;
  --str-chat__slash-command-border-inline-start: none;
  --str-chat__slash-command-border-inline-end: none;
  --str-chat__slash-command-box-shadow: none;
  --str-chat__slash-command-args-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__mention-list-user-item-border-radius: 0;
  --str-chat__mention-list-user-item-color: var(--str-chat__text-color);
  --str-chat__mention-list-user-item-background-color: transparent;
  --str-chat__mention-list-user-item-border-block-start: none;
  --str-chat__mention-list-user-item-border-block-end: none;
  --str-chat__mention-list-user-item-border-inline-start: none;
  --str-chat__mention-list-user-item-border-inline-end: none;
  --str-chat__mention-list-user-item-box-shadow: none;
  --str-chat__mention-list-user-item-at-sign-color: var(--str-chat__primary-color);
  --str-chat__mention-list-emoji-item-font-family: var(--str-chat__font-family);
  --str-chat__mention-list-emoji-item-border-radius: 0;
  --str-chat__mention-list-emoji-item-color: var(--str-chat__text-color);
  --str-chat__mention-list-emoji-item-background-color: transparent;
  --str-chat__mention-list-emoji-item-border-block-start: none;
  --str-chat__mention-list-emoji-item-border-block-end: none;
  --str-chat__mention-list-emoji-item-border-inline-start: none;
  --str-chat__mention-list-emoji-item-border-inline-end: none;
  --str-chat__mention-list-emoji-item-box-shadow: none;
}
.mention-menu {
  background: var(--str-chat__autocomplete-menu-background-color) !important;
  color: var(--str-chat__autocomplete-menu-color) !important;
  box-shadow: var(--str-chat__autocomplete-menu-box-shadow) !important;
  border-radius: var(--str-chat__autocomplete-menu-border-radius) !important;
  border-block-start: var(--str-chat__autocomplete-menu-border-block-start) !important;
  border-block-end: var(--str-chat__autocomplete-menu-border-block-end) !important;
  border-inline-start: var(--str-chat__autocomplete-menu-border-inline-start) !important;
  border-inline-end: var(--str-chat__autocomplete-menu-border-inline-end) !important;
}
.mention-menu .active.mention-active > a {
  background-color: var(--str-chat__autocomplete-active-background-color) !important;
}
.mention-menu .mention-item {
  color: var(--str-chat__autocomplete-menu-color) !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.str-chat__slash-command {
  background: var(--str-chat__slash-command-background-color);
  color: var(--str-chat__slash-command-color);
  box-shadow: var(--str-chat__slash-command-box-shadow);
  border-radius: var(--str-chat__slash-command-border-radius);
  border-block-start: var(--str-chat__slash-command-border-block-start);
  border-block-end: var(--str-chat__slash-command-border-block-end);
  border-inline-start: var(--str-chat__slash-command-border-inline-start);
  border-inline-end: var(--str-chat__slash-command-border-inline-end);
  text-align: left;
  font: var(--str-chat__subtitle-text);
}
.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-name {
  text-transform: capitalize;
  font: var(--str-chat__subtitle2-text);
}
.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args {
  color: var(--str-chat__slash-command-args-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__user-item {
  background: var(--str-chat__mention-list-user-item-background-color);
  color: var(--str-chat__mention-list-user-item-color);
  box-shadow: var(--str-chat__mention-list-user-item-box-shadow);
  border-radius: var(--str-chat__mention-list-user-item-border-radius);
  border-block-start: var(--str-chat__mention-list-user-item-border-block-start);
  border-block-end: var(--str-chat__mention-list-user-item-border-block-end);
  border-inline-start: var(--str-chat__mention-list-user-item-border-inline-start);
  border-inline-end: var(--str-chat__mention-list-user-item-border-inline-end);
}
.str-chat__user-item .str-chat__user-item--name {
  font: var(--str-chat__subtitle-text);
}
.str-chat__user-item .str-chat__user-item-at {
  font: var(--str-chat__subtitle2-text);
  color: var(--str-chat__mention-list-user-item-at-sign-color);
}
.str-chat__emoji-item {
  background: var(--str-chat__mention-list-emoji-item-background-color);
  color: var(--str-chat__mention-list-emoji-item-color);
  box-shadow: var(--str-chat__mention-list-emoji-item-box-shadow);
  border-radius: var(--str-chat__mention-list-emoji-item-border-radius);
  border-block-start: var(--str-chat__mention-list-emoji-item-border-block-start);
  border-block-end: var(--str-chat__mention-list-emoji-item-border-block-end);
  border-inline-start: var(--str-chat__mention-list-emoji-item-border-inline-start);
  border-inline-end: var(--str-chat__mention-list-emoji-item-border-inline-end);
}
.str-chat__emoji-item .str-chat__emoji-item--name {
  font: var(--str-chat__subtitle-text);
}
.str-chat__suggestion-list-container {
  background: var(--str-chat__suggestion-list-container-background-color);
  color: var(--str-chat__suggestion-list-container-color);
  box-shadow: var(--str-chat__suggestion-list-container-box-shadow);
  border-radius: var(--str-chat__suggestion-list-container-border-radius);
  border-block-start: var(--str-chat__suggestion-list-container-border-block-start);
  border-block-end: var(--str-chat__suggestion-list-container-border-block-end);
  border-inline-start: var(--str-chat__suggestion-list-container-border-inline-start);
  border-inline-end: var(--str-chat__suggestion-list-container-border-inline-end);
}
.str-chat__suggestion-list-container .str-chat__suggestion-list .str-chat__suggestion-list-item > a {
  text-decoration: none;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list .str-chat__suggestion-item--selected {
  background-color: var(--str-chat__suggestion-list-item--selected-background-color);
}
.str-chat__suggestion-list-container .str-chat__suggestion-list--react .str-chat__suggestion-list-item > button {
  background: none;
  border: none;
  text-decoration: none;
}
.str-chat__base-image {
  color: rgba(0, 0, 0, 0);
}
.str-chat__base-image--load-failed {
  mask-image: var(--str-chat__image-fallback-icon);
  -webkit-mask-image: var(--str-chat__image-fallback-icon);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: 5rem 5rem;
  -webkit-mask-size: 5rem 5rem;
  background-color: var(--str-chat__disabled-color);
}
.str-chat__base-image--load-failed ~ .str-chat__message-attachment-file--item-download .str-chat__message-attachment-download-icon path {
  fill: var(--str-chat__text-color);
}
.str-chat__attachment-preview-image .str-chat__base-image--load-failed {
  mask-size: 1.5rem 1.5rem;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image--error {
  background-color: var(--str-chat__secondary-surface-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image--error .str-chat__attachment-preview-thumbnail.str-chat__base-image--load-failed {
  background-color: var(--str-chat__disabled-color);
}
.str-chat {
  --str-chat__channel-border-radius: 0;
  --str-chat__channel-color: var(--str-chat__text-color);
  --str-chat__channel-background-color: var(--str-chat__background-color);
  --str-chat__channel-box-shadow: none;
  --str-chat__channel-border-block-start: none;
  --str-chat__channel-border-block-end: none;
  --str-chat__channel-border-inline-start: none;
  --str-chat__channel-border-inline-end: none;
  --str-chat__channel-empty-indicator-color: var(--str-chat__disabled-color);
  --str-chat__channel-empty-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__channel-loading-state-color: var(--str-chat__disabled-color);
}
.str-chat__channel {
  background: var(--str-chat__channel-background-color);
  color: var(--str-chat__channel-color);
  box-shadow: var(--str-chat__channel-box-shadow);
  border-radius: var(--str-chat__channel-border-radius);
  border-block-start: var(--str-chat__channel-border-block-start);
  border-block-end: var(--str-chat__channel-border-block-end);
  border-inline-start: var(--str-chat__channel-border-inline-start);
  border-inline-end: var(--str-chat__channel-border-inline-end);
}
.str-chat__empty-channel {
  --str-chat-icon-color: var(--str-chat__channel-empty-color);
  background: var(--str-chat__channel-background-color);
  color: var(--str-chat__channel-color);
  box-shadow: var(--str-chat__channel-box-shadow);
  border-radius: var(--str-chat__channel-border-radius);
  border-block-start: var(--str-chat__channel-border-block-start);
  border-block-end: var(--str-chat__channel-border-block-end);
  border-inline-start: var(--str-chat__channel-border-inline-start);
  border-inline-end: var(--str-chat__channel-border-inline-end);
  font: var(--str-chat__headline-text);
  text-align: center;
}
.str-chat__empty-channel svg path {
  fill: var(--str-chat__channel-empty-indicator-color);
}
.str-chat__empty-channel .str-chat__empty-channel-text {
  color: var(--str-chat__channel-empty-color);
}
.str-chat__loading-channel {
  animation: pulsate 1s linear 0s infinite alternate;
}
.str-chat__loading-channel:nth-of-type(2) {
  animation: pulsate 1s linear .3334s infinite alternate;
}
.str-chat__loading-channel:last-of-type {
  animation: pulsate 1s linear .6667s infinite alternate;
}
@keyframes pulsate {
  from {
    opacity: .5;
  }
  to {
    opacity: 1;
  }
}
.str-chat__loading-channel .str-chat__loading-channel-header {
  background-color: var(--str-chat__channel-header-background-color);
}
.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-avatar {
  background-image:
    linear-gradient(
      -90deg,
      var(--str-chat__channel-loading-state-color) 0%,
      var(--str-chat__channel-loading-state-color) 100%);
  border-radius: var(--str-chat__avatar-border-radius);
}
.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-name,
.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-info {
  background-image:
    linear-gradient(
      -90deg,
      var(--str-chat__channel-loading-state-color) 0%,
      var(--str-chat__channel-loading-state-color) 100%);
  border-radius: var(--str-chat__border-radius-xs);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list {
  background-color: var(--str-chat__message-list-background-color);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-avatar {
  background-image:
    linear-gradient(
      -90deg,
      var(--str-chat__channel-loading-state-color) 0%,
      var(--str-chat__channel-loading-state-color) 100%);
  border-radius: var(--str-chat__avatar-border-radius);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-sender,
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-text,
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-date {
  background-image:
    linear-gradient(
      -90deg,
      var(--str-chat__channel-loading-state-color) 0%,
      var(--str-chat__channel-loading-state-color) 100%);
  border-radius: var(--str-chat__message-bubble-border-radius);
}
.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input,
.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send {
  background-image:
    linear-gradient(
      -90deg,
      var(--str-chat__channel-loading-state-color) 0%,
      var(--str-chat__channel-loading-state-color) 100%);
}
.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-input {
  border-radius: var(--str-chat__message-textarea-border-radius);
}
.str-chat__loading-channel .str-chat__loading-channel-message-input-row .str-chat__loading-channel-message-send {
  border-radius: var(--str-chat__message-send-border-radius);
}
.str-chat {
  --str-chat__channel-header-border-radius: 0;
  --str-chat__channel-header-color: 0;
  --str-chat__channel-header-background-color: var(--str-chat__secondary-background-color);
  --str-chat__channel-header-border-block-start: none;
  --str-chat__channel-header-border-block-end: none;
  --str-chat__channel-header-border-inline-start: none;
  --str-chat__channel-header-border-inline-end: none;
  --str-chat__channel-header-box-shadow: none;
  --str-chat__channel-header-info-color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__channel-header {
  background: var(--str-chat__channel-header-background-color);
  color: var(--str-chat__channel-header-color);
  box-shadow: var(--str-chat__channel-header-box-shadow);
  border-radius: var(--str-chat__channel-header-border-radius);
  border-block-start: var(--str-chat__channel-header-border-block-start);
  border-block-end: var(--str-chat__channel-header-border-block-end);
  border-inline-start: var(--str-chat__channel-header-border-inline-start);
  border-inline-end: var(--str-chat__channel-header-border-inline-end);
}
.str-chat__channel-header .str-chat__channel-header-title {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__channel-header .str-chat__channel-header-info {
  font: var(--str-chat__body-text);
  color: var(--str-chat__channel-header-info-color);
}
.str-chat {
  --str-chat__channel-list-border-radius: 0;
  --str-chat__channel-list-color: var(--str-chat__text-color);
  --str-chat__channel-list-background-color: var(--str-chat__secondary-background-color);
  --str-chat__channel-list-box-shadow: none;
  --str-chat__channel-list-border-block-start: none;
  --str-chat__channel-list-border-block-end: none;
  --str-chat__channel-list-border-inline-start: none;
  --str-chat__channel-list-border-inline-end: 1px solid var(--str-chat__surface-color);
  --str-chat__channel-list-load-more-border-radius: var(--str-chat__cta-button-border-radius);
  --str-chat__channel-list-load-more-color: var(--str-chat__cta-button-color);
  --str-chat__channel-list-load-more-background-color: var(--str-chat__cta-button-background-color);
  --str-chat__channel-list-load-more-box-shadow: var(--str-chat__cta-button-box-shadow);
  --str-chat__channel-list-load-more-border-block-start: var( --str-chat__cta-button-border-block-start );
  --str-chat__channel-list-load-more-border-block-end: var(--str-chat__cta-button-border-block-end);
  --str-chat__channel-list-load-more-border-inline-start: var( --str-chat__cta-button-border-inline-start );
  --str-chat__channel-list-load-more-border-inline-end: var( --str-chat__cta-button-border-inline-end );
  --str-chat__channel-list-load-more-pressed-background-color: var( --str-chat__cta-button-pressed-background-color );
  --str-chat__channel-list-load-more-disabled-background-color: var( --str-chat__cta-button-disabled-background-color );
  --str-chat__channel-list-load-more-disabled-color: var(--str-chat__cta-button-disabled-color);
  --str-chat__channel-list-empty-indicator-color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__channel-list {
  background: var(--str-chat__channel-list-background-color);
  color: var(--str-chat__channel-list-color);
  box-shadow: var(--str-chat__channel-list-box-shadow);
  border-radius: var(--str-chat__channel-list-border-radius);
  border-block-start: var(--str-chat__channel-list-border-block-start);
  border-block-end: var(--str-chat__channel-list-border-block-end);
  border-inline-start: var(--str-chat__channel-list-border-inline-start);
  border-inline-end: var(--str-chat__channel-list-border-inline-end);
}
.str-chat__channel-list .str-chat__load-more-button__button {
  background: var(--str-chat__channel-list-load-more-background-color);
  color: var(--str-chat__channel-list-load-more-color);
  box-shadow: var(--str-chat__channel-list-load-more-box-shadow);
  border-radius: var(--str-chat__channel-list-load-more-border-radius);
  border-block-start: var(--str-chat__channel-list-load-more-border-block-start);
  border-block-end: var(--str-chat__channel-list-load-more-border-block-end);
  border-inline-start: var(--str-chat__channel-list-load-more-border-inline-start);
  border-inline-end: var(--str-chat__channel-list-load-more-border-inline-end);
  width: 80%;
}
.str-chat__channel-list .str-chat__load-more-button__button:active {
  background-color: var(--str-chat__channel-list-load-more-pressed-background-color);
}
.str-chat__channel-list .str-chat__load-more-button__button:disabled {
  background-color: var(--str-chat__channel-list-load-more-disabled-background-color);
  color: var(--str-chat__channel-list-load-more-disabled-color);
}
.str-chat__channel-list .str-chat__channel-list-empty {
  --str-chat-icon-color: var(--str-chat__channel-list-empty-indicator-color);
  font: var(--str-chat__headline-text);
  text-align: center;
  color: var(--str-chat__channel-list-empty-indicator-color);
}
.str-chat__channel-list .str-chat__channel-list-empty svg path {
  fill: var(--str-chat__channel-list-empty-indicator-color);
}
.str-chat {
  --str-chat__channel-preview-border-radius: 0;
  --str-chat__channel-preview-color: var(--str-chat__text-color);
  --str-chat__channel-preview-background-color: transparent;
  --str-chat__channel-preview-border-block-start: none;
  --str-chat__channel-preview-border-block-end: none;
  --str-chat__channel-preview-border-inline-start: none;
  --str-chat__channel-preview-border-inline-end: none;
  --str-chat__channel-preview-active-background-color: var(--str-chat__surface-color);
  --str-chat__channel-preview-hover-background-color: var(--str-chat__secondary-surface-color);
  --str-chat__channel-preview-latest-message-secondary-color: var( --str-chat__text-low-emphasis-color );
  --str-chat__channel-preview-loading-state-color: var(--str-chat__disabled-color);
  --str-chat__channel-preview-unread-badge-background-color: var(--str-chat__unread-badge-color);
  --str-chat__channel-preview-unread-badge-color: var(--str-chat__on-unread-badge-color);
  --str-chat__channel-preview-unread-badge-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__channel-preview-unread-badge-border-block-start: none;
  --str-chat__channel-preview-unread-badge-border-block-end: none;
  --str-chat__channel-preview-unread-badge-border-inline-start: none;
  --str-chat__channel-preview-unread-badge-border-inline-end: none;
  --str-chat__channel-preview-message-status-color: var(--str-chat__primary-color);
  --str-chat__channel-preview-message-time-color: var(--str-chat__message-secondary-color);
}
.str-chat__channel-preview-container .str-chat__channel-preview__action-buttons .str-chat__channel-preview__action-button {
  --str-chat-icon-color: var(--str-chat__text-low-emphasis-color);
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.str-chat__channel-preview-container .str-chat__channel-preview__action-buttons .str-chat__channel-preview__action-button--pin.str-chat__channel-preview__action-button--active {
  --str-chat-icon-color: var(--str-chat__unread-badge-color);
}
.str-chat__channel-preview-container .str-chat__channel-preview__action-buttons .str-chat__channel-preview__action-button--archive.str-chat__channel-preview__action-button--active {
  --str-chat-icon-color: var(--str-chat__text-color);
}
.str-chat__channel-preview {
  background: var(--str-chat__channel-preview-background-color);
  color: var(--str-chat__channel-preview-color);
  box-shadow: var(--str-chat__channel-preview-box-shadow);
  border-radius: var(--str-chat__channel-preview-border-radius);
  border-block-start: var(--str-chat__channel-preview-border-block-start);
  border-block-end: var(--str-chat__channel-preview-border-block-end);
  border-inline-start: var(--str-chat__channel-preview-border-inline-start);
  border-inline-end: var(--str-chat__channel-preview-border-inline-end);
}
.str-chat__channel-preview--active,
.str-chat__channel-preview-messenger--active {
  background-color: var(--str-chat__channel-preview-active-background-color);
}
.str-chat__channel-preview:hover {
  background-color: var(--str-chat__channel-preview-hover-background-color);
}
.str-chat__channel-preview .str-chat__channel-preview-end-first-row {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__channel-preview .str-chat__channel-preview-end-first-row .str-chat__channel-preview-unread-badge {
  background: var(--str-chat__channel-preview-unread-badge-background-color);
  color: var(--str-chat__channel-preview-unread-badge-color);
  box-shadow: var(--str-chat__channel-preview-unread-badge-box-shadow);
  border-radius: var(--str-chat__channel-preview-unread-badge-border-radius);
  border-block-start: var(--str-chat__channel-preview-unread-badge-border-block-start);
  border-block-end: var(--str-chat__channel-preview-unread-badge-border-block-end);
  border-inline-start: var(--str-chat__channel-preview-unread-badge-border-inline-start);
  border-inline-end: var(--str-chat__channel-preview-unread-badge-border-inline-end);
  font-size: 80%;
}
.str-chat__channel-preview .str-chat__channel-preview-end-first-row .str-chat__channel-preview-messenger--last-message {
  font: var(--str-chat__body-text);
  color: var(--str-chat__channel-preview-latest-message-secondary-color);
}
.str-chat__channel-preview .str-chat__channel-preview-end-first-row--active .str-chat__channel-preview-messenger--last-message,
.str-chat__channel-preview .str-chat__channel-preview-end-first-row:hover .str-chat__channel-preview-messenger--last-message {
  color: var(--str-chat__channel-preview-color);
}
.str-chat__channel-preview .str-chat__channel-preview-messenger--status {
  --str-chat-icon-color: var(--str-chat__channel-preview-message-status-color);
  color: var(--str-chat__channel-preview-message-status-color);
}
.str-chat__channel-preview .str-chat__channel-preview-messenger--status svg path {
  fill: var(--str-chat__channel-preview-message-status-color);
}
.str-chat__channel-preview .str-chat__channel-preview-messenger--time {
  color: var(--str-chat__channel-preview-message-time-color);
  font: var(--str-chat__caption-text);
}
.str-chat__channel-preview-loading {
  animation: pulsate 1s linear 0s infinite alternate;
}
.str-chat__channel-preview-loading:nth-of-type(2) {
  animation: pulsate 1s linear .3334s infinite alternate;
}
.str-chat__channel-preview-loading:last-of-type {
  animation: pulsate 1s linear .6667s infinite alternate;
}
@keyframes pulsate {
  from {
    opacity: .5;
  }
  to {
    opacity: 1;
  }
}
.str-chat__channel-preview-loading .str-chat__loading-channels-avatar,
.str-chat__channel-preview-loading .str-chat__loading-channels-username,
.str-chat__channel-preview-loading .str-chat__loading-channels-status {
  background-image:
    linear-gradient(
      -90deg,
      var(--str-chat__channel-preview-loading-state-color) 0%,
      var(--str-chat__channel-preview-loading-state-color) 100%);
}
.str-chat__channel-preview-loading .str-chat__loading-channels-username,
.str-chat__channel-preview-loading .str-chat__loading-channels-status {
  border-radius: var(--str-chat__border-radius-xs);
}
.str-chat {
  --str-chat__channel-search-input-color: var(--str-chat__text-color);
  --str-chat__channel-search-input-placeholder-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__channel-search-input-icon-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__channel-search-input-border-block-start: none;
  --str-chat__channel-search-input-border-block-end: none;
  --str-chat__channel-search-input-border-inline-start: none;
  --str-chat__channel-search-input-border-inline-end: none;
  --str-chat__channel-search-input-wrapper-border-radius: var(--str-chat__border-radius-lg);
  --str-chat__channel-search-input-wrapper-background-color: transparent;
  --str-chat__channel-search-input-wrapper-border-block-start: var(--str-chat__surface-color) 1px solid;
  --str-chat__channel-search-input-wrapper-border-block-end: var(--str-chat__surface-color) 1px solid;
  --str-chat__channel-search-input-wrapper-border-inline-start: var(--str-chat__surface-color) 1px solid;
  --str-chat__channel-search-input-wrapper-border-inline-end: var(--str-chat__surface-color) 1px solid;
  --str-chat__channel-search-input-wrapper-active-border-radius: var(--str-chat__border-radius-lg);
  --str-chat__channel-search-input-wrapper-active-background-color: transparent;
  --str-chat__channel-search-input-wrapper-active-border-block-start: var(--str-chat__primary-color) 1px solid;
  --str-chat__channel-search-input-wrapper-active-border-block-end: var(--str-chat__primary-color) 1px solid;
  --str-chat__channel-search-input-wrapper-active-border-inline-start: var( --str-chat__primary-color ) 1px solid;
  --str-chat__channel-search-input-wrapper-active-border-inline-end: var(--str-chat__primary-color) 1px solid;
  --str-chat__channel-search-result-background-color: transparent;
  --str-chat__channel-search-result-border-block-start: none;
  --str-chat__channel-search-result-border-block-end: none;
  --str-chat__channel-search-result-border-inline-start: none;
  --str-chat__channel-search-result-border-inline-end: none;
  --str-chat__channel-search-result-hover-background-color: var( --str-chat__secondary-surface-color );
  --str-chat__channel-search-result-list-color: var(--str-chat__text-color);
  --str-chat__channel-search-result-list-background-color: var(--str-chat__secondary-background-color);
  --str-chat__channel-search-result-list-border-block-start: none;
  --str-chat__channel-search-result-list-border-block-end: none;
  --str-chat__channel-search-result-list-border-inline-start: none;
  --str-chat__channel-search-result-list-border-inline-end: none;
  --str-chat__channel-search-result-list-popup-box-shadow: 0 4px 4px var(--str-chat__box-shadow-color);
  --str-chat__channel-search-results-header-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__channel-search-results-header-background-color: var(--str-chat__background-color);
  --str-chat__channel-search-results-header-border-block-start: none;
  --str-chat__channel-search-results-header-border-block-end: var(--str-chat__surface-color) 1px solid;
  --str-chat__channel-search-results-header-border-inline-start: none;
  --str-chat__channel-search-results-header-border-inline-end: none;
  --str-chat__channel-search-results-loading-indicator-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__channel-search-results-loading-indicator-background-color: var(--str-chat__background-color);
  --str-chat__channel-search-results-loading-indicator-border-block-start: none;
  --str-chat__channel-search-results-loading-indicator-border-block-end: var(--str-chat__surface-color) 1px solid;
  --str-chat__channel-search-results-loading-indicator-border-inline-start: none;
  --str-chat__channel-search-results-loading-indicator-border-inline-end: none;
  --str-chat__channel-search-results-empty-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__channel-search-results-empty-icon-color: var(--str-chat__disabled-color);
  --str-chat__channel-search-results-empty-background-color: var(--str-chat__background-color);
  --str-chat__channel-search-results-empty-border-block-start: none;
  --str-chat__channel-search-results-empty-border-block-end: none;
  --str-chat__channel-search-results-empty-border-inline-start: none;
  --str-chat__channel-search-results-empty-border-inline-end: none;
}
.str-chat__channel-search-input--wrapper {
  background: var(--str-chat__channel-search-input-wrapper-background-color);
  color: var(--str-chat__channel-search-input-wrapper-color);
  box-shadow: var(--str-chat__channel-search-input-wrapper-box-shadow);
  border-radius: var(--str-chat__channel-search-input-wrapper-border-radius);
  border-block-start: var(--str-chat__channel-search-input-wrapper-border-block-start);
  border-block-end: var(--str-chat__channel-search-input-wrapper-border-block-end);
  border-inline-start: var(--str-chat__channel-search-input-wrapper-border-inline-start);
  border-inline-end: var(--str-chat__channel-search-input-wrapper-border-inline-end);
}
.str-chat__channel-search-input--wrapper input {
  background: var(--str-chat__channel-search-input-background-color);
  color: var(--str-chat__channel-search-input-color);
  box-shadow: var(--str-chat__channel-search-input-box-shadow);
  border-radius: var(--str-chat__channel-search-input-border-radius);
  border-block-start: var(--str-chat__channel-search-input-border-block-start);
  border-block-end: var(--str-chat__channel-search-input-border-block-end);
  border-inline-start: var(--str-chat__channel-search-input-border-inline-start);
  border-inline-end: var(--str-chat__channel-search-input-border-inline-end);
  outline: none;
  font: var(--str-chat__subtitle-text);
}
.str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button svg path {
  fill: rgba(0, 0, 0, 0);
}
.str-chat__channel-search-input--wrapper-active {
  background: var(--str-chat__channel-search-input-wrapper-active-background-color);
  color: var(--str-chat__channel-search-input-wrapper-active-color);
  box-shadow: var(--str-chat__channel-search-input-wrapper-active-box-shadow);
  border-radius: var(--str-chat__channel-search-input-wrapper-active-border-radius);
  border-block-start: var(--str-chat__channel-search-input-wrapper-active-border-block-start);
  border-block-end: var(--str-chat__channel-search-input-wrapper-active-border-block-end);
  border-inline-start: var(--str-chat__channel-search-input-wrapper-active-border-inline-start);
  border-inline-end: var(--str-chat__channel-search-input-wrapper-active-border-inline-end);
}
.str-chat__channel-search-input--wrapper-active .str-chat__channel-search-input--icon svg path {
  fill: var(--str-chat__primary-color);
}
.str-chat__channel-search-input--wrapper-active .str-chat__channel-search-input--clear-button svg path {
  fill: var(--str-chat__text-low-emphasis-color);
}
.str-chat__channel-search-results-header {
  background: var(--str-chat__channel-search-results-header-background-color);
  color: var(--str-chat__channel-search-results-header-color);
  box-shadow: var(--str-chat__channel-search-results-header-box-shadow);
  border-radius: var(--str-chat__channel-search-results-header-border-radius);
  border-block-start: var(--str-chat__channel-search-results-header-border-block-start);
  border-block-end: var(--str-chat__channel-search-results-header-border-block-end);
  border-inline-start: var(--str-chat__channel-search-results-header-border-inline-start);
  border-inline-end: var(--str-chat__channel-search-results-header-border-inline-end);
  font: var(--str-chat__subtitle-text);
}
.str-chat__channel-search-result-list {
  background: var(--str-chat__channel-search-result-list-background-color);
  color: var(--str-chat__channel-search-result-list-color);
  box-shadow: var(--str-chat__channel-search-result-list-box-shadow);
  border-radius: var(--str-chat__channel-search-result-list-border-radius);
  border-block-start: var(--str-chat__channel-search-result-list-border-block-start);
  border-block-end: var(--str-chat__channel-search-result-list-border-block-end);
  border-inline-start: var(--str-chat__channel-search-result-list-border-inline-start);
  border-inline-end: var(--str-chat__channel-search-result-list-border-inline-end);
}
.str-chat__channel-search-result-list.popup {
  box-shadow: var(--str-chat__channel-search-result-list-popup-box-shadow);
}
.str-chat__channel-search-result-list .str-chat__channel-search-container-searching {
  background: var(--str-chat__channel-search-results-loading-indicator-background-color);
  color: var(--str-chat__channel-search-results-loading-indicator-color);
  box-shadow: var(--str-chat__channel-search-results-loading-indicator-box-shadow);
  border-radius: var(--str-chat__channel-search-results-loading-indicator-border-radius);
  border-block-start: var(--str-chat__channel-search-results-loading-indicator-border-block-start);
  border-block-end: var(--str-chat__channel-search-results-loading-indicator-border-block-end);
  border-inline-start: var(--str-chat__channel-search-results-loading-indicator-border-inline-start);
  border-inline-end: var(--str-chat__channel-search-results-loading-indicator-border-inline-end);
}
.str-chat__channel-search-result-list .str-chat__channel-search-container-empty {
  background: var(--str-chat__channel-search-results-empty-background-color);
  color: var(--str-chat__channel-search-results-empty-color);
  box-shadow: var(--str-chat__channel-search-results-empty-box-shadow);
  border-radius: var(--str-chat__channel-search-results-empty-border-radius);
  border-block-start: var(--str-chat__channel-search-results-empty-border-block-start);
  border-block-end: var(--str-chat__channel-search-results-empty-border-block-end);
  border-inline-start: var(--str-chat__channel-search-results-empty-border-inline-start);
  border-inline-end: var(--str-chat__channel-search-results-empty-border-inline-end);
  font: var(--str-chat__subtitle2-medium-text);
}
.str-chat__channel-search-result-list .str-chat__channel-search-container-empty svg path {
  fill: var(--str-chat__channel-search-results-empty-icon-color);
}
.str-chat__channel-search-result-list .str-chat__channel-search-result {
  background: var(--str-chat__channel-search-result-background-color);
  color: var(--str-chat__channel-search-result-color);
  box-shadow: var(--str-chat__channel-search-result-box-shadow);
  border-radius: var(--str-chat__channel-search-result-border-radius);
  border-block-start: var(--str-chat__channel-search-result-border-block-start);
  border-block-end: var(--str-chat__channel-search-result-border-block-end);
  border-inline-start: var(--str-chat__channel-search-result-border-inline-start);
  border-inline-end: var(--str-chat__channel-search-result-border-inline-end);
}
.str-chat__channel-search-result-list .str-chat__channel-search-result .str-chat__channel-search-result--display-name {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__channel-search-result-list .str-chat__channel-preview-messenger--active {
  background-color: var(--str-chat__channel-preview-active-background-color);
}
.str-chat__channel-search-result-list .str-chat__channel-search-result:hover,
.str-chat__channel-search-result-list .str-chat__channel-search-result--focused {
  background-color: var(--str-chat__channel-search-result-hover-background-color);
}
.str-chat {
  --str-chat__dialog-menu-border-radius: var(--str-chat__border-radius-sm);
  --str-chat__dialog-menu-color: var(--str-chat__text-color);
  --str-chat__dialog-menu-background-color: var(--str-chat__secondary-background-color);
  --str-chat__dialog-menu-border-block-start: none;
  --str-chat__dialog-menu-border-block-end: none;
  --str-chat__dialog-menu-border-inline-start: none;
  --str-chat__dialog-menu-border-inline-end: none;
  --str-chat__dialog-menu-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
  --str-chat__dialog-menu-button-border-radius: 0;
  --str-chat__dialog-menu-button-color: var(--str-chat__text-color);
  --str-chat__dialog-menu-button-background-color: transparent;
  --str-chat__dialog-menu-button-hover-background-color: var(--str-chat__secondary-surface-color);
  --str-chat__dialog-menu-button-border-block-start: none;
  --str-chat__dialog-menu-button-border-block-end: none;
  --str-chat__dialog-menu-button-border-inline-start: none;
  --str-chat__dialog-menu-button-border-inline-end: none;
  --str-chat__dialog-menu-button-box-shadow: none;
}
.str-chat__dialog .str-chat__dialog__title {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__dialog .str-chat__dialog__prompt {
  font: var(--str-chat__subtitle-text);
}
.str-chat__dialog .str-chat__dialog__controls .str-chat__dialog__controls-button {
  cursor: pointer;
  font: var(--str-chat__body-medium-text);
  color: var(--str-chat__primary-color);
}
.str-chat__dialog .str-chat__dialog__controls .str-chat__dialog__controls-button--submit {
  text-transform: uppercase;
}
.str-chat__dialog .str-chat__dialog__controls .str-chat__dialog__controls-button--submit:disabled {
  color: var(--str-chat__disabled-color);
}
.str-chat__prompt-dialog input[type=text] {
  font: var(--str-chat__subtitle-text);
  border-radius: 20px;
  border: 1px solid var(--str-chat__primary-color);
}
.str-chat__dialog-menu {
  background: var(--str-chat__dialog-menu-background-color);
  color: var(--str-chat__dialog-menu-color);
  box-shadow: var(--str-chat__dialog-menu-box-shadow);
  border-radius: var(--str-chat__dialog-menu-border-radius);
  border-block-start: var(--str-chat__dialog-menu-border-block-start);
  border-block-end: var(--str-chat__dialog-menu-border-block-end);
  border-inline-start: var(--str-chat__dialog-menu-border-inline-start);
  border-inline-end: var(--str-chat__dialog-menu-border-inline-end);
}
.str-chat__dialog-menu .str-chat__dialog-menu__button {
  background: var(--str-chat__dialog-menu-button-background-color);
  color: var(--str-chat__dialog-menu-button-color);
  box-shadow: var(--str-chat__dialog-menu-button-box-shadow);
  border-radius: var(--str-chat__dialog-menu-button-border-radius);
  border-block-start: var(--str-chat__dialog-menu-button-border-block-start);
  border-block-end: var(--str-chat__dialog-menu-button-border-block-end);
  border-inline-start: var(--str-chat__dialog-menu-button-border-inline-start);
  border-inline-end: var(--str-chat__dialog-menu-button-border-inline-end);
  cursor: pointer;
  font: var(--str-chat__subtitle-text);
}
.str-chat__dialog-menu .str-chat__dialog-menu__button:hover,
.str-chat__dialog-menu .str-chat__dialog-menu__button:focus {
  background-color: var(--str-chat__dialog-menu-button-hover-background-color);
}
.str-chat {
  --str-chat__drag-and-drop-container-border-block-start: 2px solid transparent;
  --str-chat__drag-and-drop-container-border-block-end: 2px solid transparent;
  --str-chat__drag-and-drop-container-on-dragover-border-block-start: 2px solid var(--str-chat__primary-color);
  --str-chat__drag-and-drop-container-on-dragover-border-block-end: 2px solid var(--str-chat__primary-color);
  --str-chat__drag-and-drop-container-on-dragover-border-inline-start: none;
  --str-chat__drag-and-drop-container-on-dragover-border-inline-end: none;
}
.str-chat__drag-and-drop-container--dragging {
  cursor: grabbing;
}
.str-chat__drag-and-drop-container__item[draggable=true] {
  cursor: grab;
}
.str-chat__drag-and-drop-container__item[draggable=true]:active {
  background: rgba(0, 0, 0, 0);
}
.str-chat__drag-and-drop-container__item {
  border-bottom: var(--str-chat__drag-and-drop-container-border-block-start);
  border-top: var(--str-chat__drag-and-drop-container-border-block-start);
}
.str-chat__drag-and-drop-container__item.str-chat__drag-and-drop-container__item--dragged-over-from-top {
  border-bottom: var(--str-chat__drag-and-drop-container-on-dragover-border-block-end);
}
.str-chat__drag-and-drop-container__item.str-chat__drag-and-drop-container__item--dragged-over-from-bottom {
  border-top: var(--str-chat__drag-and-drop-container-on-dragover-border-block-start);
}
.str-chat {
  --str-chat__dropzone-container-color: var(--str-chat__on-primary-color);
  --str-chat__dropzone-container-background-color: var(--str-chat__primary-overlay-color);
  --str-chat__dropzone-container-backdrop-filter: blur(3px);
}
.str-chat__dropzone-container {
  background-color: var(--str-chat__dropzone-container-background-color);
  color: var(--str-chat__dropzone-container-color);
  -webkit-backdrop-filter: var(--str-chat__dropzone-container-backdrop-filter);
  backdrop-filter: var(--str-chat__dropzone-container-backdrop-filter);
  font: var(--str-chat__subtitle-text);
}
.str-chat {
  --str-chat__edit-message-modal-button-border-radius: none;
  --str-chat__edit-message-modal-send-button-color: var(--str-chat__primary-color);
  --str-chat__edit-message-modal-cancel-button-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__edit-message-modal-button-background-color: transparent;
  --str-chat__edit-message-modal-button-border-block-start: none;
  --str-chat__edit-message-modal-button-border-block-end: none;
  --str-chat__edit-message-modal-button-border-inline-start: none;
  --str-chat__edit-message-modal-button-border-inline-end: none;
  --str-chat__edit-message-modal-button-box-shadow: none;
}
.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-cancel,
.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-send {
  background: var(--str-chat__edit-message-modal-button-background-color);
  color: var(--str-chat__edit-message-modal-button-color);
  box-shadow: var(--str-chat__edit-message-modal-button-box-shadow);
  border-radius: var(--str-chat__edit-message-modal-button-border-radius);
  border-block-start: var(--str-chat__edit-message-modal-button-border-block-start);
  border-block-end: var(--str-chat__edit-message-modal-button-border-block-end);
  border-inline-start: var(--str-chat__edit-message-modal-button-border-inline-start);
  border-inline-end: var(--str-chat__edit-message-modal-button-border-inline-end);
  font: var(--str-chat__body-medium-text);
}
.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-cancel {
  text-transform: capitalize;
  color: var(--str-chat__edit-message-modal-cancel-button-color);
}
.str-chat__edit-message-form .str-chat__edit-message-form-options .str-chat__edit-message-send {
  text-transform: uppercase;
  color: var(--str-chat__edit-message-modal-send-button-color);
}
.str-chat input::-webkit-outer-spin-button,
.str-chat input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.str-chat input[type=number] {
  -moz-appearance: textfield;
}
.str-chat__form-field-error {
  font-size: .75rem;
  color: var(--str-chat__danger-color);
}
.str-chat__form__switch-field {
  background-color: var(--str-chat__tertiary-surface-color);
  border-radius: .75rem;
}
.str-chat__form__switch-field,
.str-chat__form__switch-field label {
  cursor: pointer;
}
.str-chat__form__switch-field label {
  display: flex;
  gap: .5rem;
}
.str-chat__form__switch-field .str-chat__form__switch-field__switch {
  cursor: pointer;
  background-color: var(--str-chat__text-low-emphasis-color);
  border-radius: 100px;
}
.str-chat__form__switch-field .str-chat__form__switch-field__switch .str-chat__form__switch-field__switch-handle {
  border-radius: var(--str-chat__border-radius-circle);
  background-color: var(--str-chat__disabled-color);
}
.str-chat__form__switch-field .str-chat__form__switch-field__switch.str-chat__form__switch-field__switch--on {
  background-color: var(--str-chat__green600);
}
.str-chat__form__switch-field .str-chat__form__switch-field__switch.str-chat__form__switch-field__switch--on .str-chat__form__switch-field__switch-handle {
  background-color: var(--str-chat__background-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat__form__switch-field--disabled .str-chat__form__switch-field--disabled,
.str-chat__form__switch-field--disabled .str-chat__form__switch-field--disabled .str-chat__form__switch-field__switch,
.str-chat__form__switch-field--disabled label {
  cursor: not-allowed;
}
.str-chat__dropdown .str-chat__dropdown__open-button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__dropdown .str-chat__dropdown__items {
  background-color: var(--str-chat__background-color);
}
.str-chat {
  --str-chat-icon-color: var(--str-chat__text-color);
}
.str-chat__icon {
  color: var(--str-chat-icon-color);
}
.str-chat__icon--error {
  --str-chat-icon-color: var(--str-chat__danger-color);
}
.str-chat__icon--poll {
  background-color: var(--str-chat-icon-color);
}
.str-chat {
  --str-chat__image-carousel-stepper-color: var(--str-chat__text-color);
}
@media only screen and (max-device-width: 768px) {
  .str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner {
    border-radius: 0;
  }
}
.str-chat__image-carousel .str-chat__image-carousel-stepper {
  --str-chat-icon-color: var(--str-chat__image-carousel-stepper-color);
  cursor: pointer;
}
.str-chat__image-carousel .str-chat__image-carousel-stepper svg path {
  fill: var(--str-chat__image-carousel-stepper-color);
}
.str-chat {
  --str-chat__link-preview-loading-state-color: var(--str-chat__disabled-color);
}
.str-chat__link-preview-card .str-chat__link-preview-card__content {
  border-left: 2px solid var(--str-chat__primary-color);
}
.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title {
  font: var(--str-chat__body-medium-text);
}
.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description {
  font: var(--str-chat__caption-text);
}
.str-chat__link-preview-card .str-chat__link-preview-card__dismiss-button svg path {
  fill: var(--str-chat__text-low-emphasis-color);
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-title,
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-description {
  background-image:
    linear-gradient(
      -90deg,
      var(--str-chat__link-preview-loading-state-color) 0%,
      var(--str-chat__link-preview-loading-state-color) 100%);
  animation: pulsate 1s linear 0s infinite alternate;
  border-radius: calc(var(--str-chat__spacing-px)*3);
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-title:nth-of-type(2),
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-description:nth-of-type(2) {
  animation: pulsate 1s linear .3334s infinite alternate;
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-title:last-of-type,
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-description:last-of-type {
  animation: pulsate 1s linear .6667s infinite alternate;
}
@keyframes pulsate {
  from {
    opacity: .5;
  }
  to {
    opacity: 1;
  }
}
.str-chat {
  --str-chat__loading-indicator-color: var(--str-chat__primary-color);
}
.str-chat__loading-indicator svg linearGradient stop:last-child {
  stop-color: var(--str-chat__loading-indicator-color);
}
.str-chat__share-location-dialog .str-chat__live-location-activation {
  border-radius: var(--str-chat__border-radius-sm);
  border: 1px solid var(--str-chat__secondary-overlay-color);
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__form__switch-field {
  background-color: var(--str-chat__background-color);
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__dropdown__open-button {
  border-radius: var(--str-chat__border-radius-xs);
  border: 1px solid var(--str-chat__secondary-overlay-color);
  background-color: var(--str-chat__tertiary-surface-color);
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__dropdown__items {
  box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
  border-radius: var(--str-chat__border-radius-xs);
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__dropdown__items .str-chat__live-location-sharing-duration-option {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__dropdown__items .str-chat__live-location-sharing-duration-option:hover {
  background-color: var(--str-chat__message-options-hover-background-color);
}
.str-chat {
  --str-chat__message-border-radius: none;
  --str-chat__message-color: var(--str-chat__text-color);
  --str-chat__message-error-message-color: var(--str-chat__danger-color);
  --str-chat__message-secondary-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__message-link-color: var(--str-chat__primary-color);
  --str-chat__message-mention-color: var(--str-chat__primary-color);
  --str-chat__message-status-color: var(--str-chat__primary-color);
  --str-chat__message-replies-count-color: var(--str-chat__primary-color);
  --str-chat__message-background-color: transparent;
  --str-chat__message-highlighted-background-color: var(--str-chat__message-highlight-color);
  --str-chat__message-border-block-start: none;
  --str-chat__message-border-block-end: none;
  --str-chat__message-border-inline-start: none;
  --str-chat__message-border-inline-end: none;
  --str-chat__message-box-shadow: none;
  --str-chat__message-active-bacground-color: transparent;
  --str-chat__message-options-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__message-options-hover-background-color: var(--str-chat__tertiary-surface-color);
  --str-chat__message-options-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__message-options-active-color: var(--str-chat__primary-color);
  --str-chat__message-bubble-border-radius: var(--str-chat__border-radius-md);
  --str-chat__message-bubble-color: var(--str-chat__text-color);
  --str-chat__message-bubble-background-color: var(--str-chat__secondary-surface-color);
  --str-chat__own-message-bubble-color: var(--str-chat__message-bubble-color);
  --str-chat__own-message-bubble-background-color: var(--str-chat__primary-surface-color);
  --str-chat__quoted-message-bubble-background-color: var(--str-chat__secondary-background-color);
  --str-chat__message-bubble-border-block-start: none;
  --str-chat__message-bubble-border-block-end: none;
  --str-chat__message-bubble-border-inline-start: none;
  --str-chat__message-bubble-border-inline-end: none;
  --str-chat__message-bubble-box-shadow: none;
  --str-chat__deleted-message-border-radius: var(--str-chat__border-radius-md);
  --str-chat__deleted-message-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__deleted-message-background-color: var(--str-chat__secondary-surface-color);
  --str-chat__deleted-message-border-block-start: none;
  --str-chat__deleted-message-border-block-end: none;
  --str-chat__deleted-message-border-inline-start: none;
  --str-chat__deleted-message-border-inline-end: none;
  --str-chat__deleted-message-box-shadow: none;
  --str-chat__blocked-message-border-radius: var(--str-chat__border-radius-md);
  --str-chat__blocked-message-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__blocked-message-background-color: var(--str-chat__secondary-surface-color);
  --str-chat__blocked-message-border-block-start: none;
  --str-chat__blocked-message-border-block-end: none;
  --str-chat__blocked-message-border-inline-start: none;
  --str-chat__blocked-message-border-inline-end: none;
  --str-chat__blocked-message-box-shadow: none;
  --str-chat__system-message-border-radius: 0;
  --str-chat__system-message-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__system-message-background-color: transparent;
  --str-chat__system-message-border-block-start: none;
  --str-chat__system-message-border-block-end: none;
  --str-chat__system-message-border-inline-start: none;
  --str-chat__system-message-border-inline-end: none;
  --str-chat__system-message-box-shadow: none;
  --str-chat__date-separator-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__date-separator-line-color: var(--str-chat__disabled-color);
  --str-chat__date-separator-border-radius: 0;
  --str-chat__date-separator-background-color: transparent;
  --str-chat__date-separator-border-block-start: none;
  --str-chat__date-separator-border-block-end: none;
  --str-chat__date-separator-border-inline-start: none;
  --str-chat__date-separator-border-inline-end: none;
  --str-chat__date-separator-box-shadow: none;
  --str-chat__translation-notice-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__translation-notice-active-background-color: var(--str-chat__tertiary-surface-color);
  --str-chat__message-reminder-color: var(--str-chat__primary-color);
  --str-chat__message-reminder-background-color: var(--str-chat__secondary-background-color);
  --str-chat__message-reminder-border-block-start: none;
  --str-chat__message-reminder-border-block-end: none;
  --str-chat__message-reminder-border-inline-start: none;
  --str-chat__message-reminder-border-inline-end: none;
  --str-chat__message-reminder-box-shadow: none;
  --str-chat__message-reminder-border-radius: 0;
}
.str-chat__message--system {
  background: var(--str-chat__system-message-background-color);
  color: var(--str-chat__system-message-color);
  box-shadow: var(--str-chat__system-message-box-shadow);
  border-radius: var(--str-chat__system-message-border-radius);
  border-block-start: var(--str-chat__system-message-border-block-start);
  border-block-end: var(--str-chat__system-message-border-block-end);
  border-inline-start: var(--str-chat__system-message-border-inline-start);
  border-inline-end: var(--str-chat__system-message-border-inline-end);
  font: var(--str-chat__caption-text);
}
.str-chat__date-separator {
  background: var(--str-chat__date-separator-background-color);
  color: var(--str-chat__date-separator-color);
  box-shadow: var(--str-chat__date-separator-box-shadow);
  border-radius: var(--str-chat__date-separator-border-radius);
  border-block-start: var(--str-chat__date-separator-border-block-start);
  border-block-end: var(--str-chat__date-separator-border-block-end);
  border-inline-start: var(--str-chat__date-separator-border-inline-start);
  border-inline-end: var(--str-chat__date-separator-border-inline-end);
  font: var(--str-chat__body-text);
}
.str-chat__date-separator-line {
  background-color: var(--str-chat__date-separator-line-color);
  border: none;
}
.str-chat__message-mention {
  color: var(--str-chat__message-mention-color);
  font: var(--str-chat__body2-medium-text);
}
.str-chat__message {
  background: var(--str-chat__message-background-color);
  color: var(--str-chat__message-color);
  box-shadow: var(--str-chat__message-box-shadow);
  border-radius: var(--str-chat__message-border-radius);
  border-block-start: var(--str-chat__message-border-block-start);
  border-block-end: var(--str-chat__message-border-block-end);
  border-inline-start: var(--str-chat__message-border-inline-start);
  border-inline-end: var(--str-chat__message-border-inline-end);
}
.str-chat__message a {
  text-decoration: none;
  color: var(--str-chat__message-link-color);
}
.str-chat__message .str-chat__message-reminder {
  background: var(--str-chat__message-reminder-background-color);
  color: var(--str-chat__message-reminder-color);
  box-shadow: var(--str-chat__message-reminder-box-shadow);
  border-radius: var(--str-chat__message-reminder-border-radius);
  border-block-start: var(--str-chat__message-reminder-border-block-start);
  border-block-end: var(--str-chat__message-reminder-border-block-end);
  border-inline-start: var(--str-chat__message-reminder-border-inline-start);
  border-inline-end: var(--str-chat__message-reminder-border-inline-end);
  font: var(--str-chat__caption-medium-text);
}
.str-chat__message .str-chat__message-bubble {
  background: var(--str-chat__message-bubble-background-color);
  color: var(--str-chat__message-bubble-color);
  box-shadow: var(--str-chat__message-bubble-box-shadow);
  border-radius: var(--str-chat__message-bubble-border-radius);
  border-block-start: var(--str-chat__message-bubble-border-block-start);
  border-block-end: var(--str-chat__message-bubble-border-block-end);
  border-inline-start: var(--str-chat__message-bubble-border-inline-start);
  border-inline-end: var(--str-chat__message-bubble-border-inline-end);
  font: var(--str-chat__body2-text);
}
.str-chat__message .str-chat__message--deleted-inner {
  background: var(--str-chat__deleted-message-background-color);
  color: var(--str-chat__deleted-message-color);
  box-shadow: var(--str-chat__deleted-message-box-shadow);
  border-radius: var(--str-chat__deleted-message-border-radius);
  border-block-start: var(--str-chat__deleted-message-border-block-start);
  border-block-end: var(--str-chat__deleted-message-border-block-end);
  border-inline-start: var(--str-chat__deleted-message-border-inline-start);
  border-inline-end: var(--str-chat__deleted-message-border-inline-end);
  font: var(--str-chat__body2-text);
}
.str-chat__message .str-chat__message--blocked-inner {
  background: var(--str-chat__blocked-message-background-color);
  color: var(--str-chat__blocked-message-color);
  box-shadow: var(--str-chat__blocked-message-box-shadow);
  border-radius: var(--str-chat__blocked-message-border-radius);
  border-block-start: var(--str-chat__blocked-message-border-block-start);
  border-block-end: var(--str-chat__blocked-message-border-block-end);
  border-inline-start: var(--str-chat__blocked-message-border-inline-start);
  border-inline-end: var(--str-chat__blocked-message-border-inline-end);
  font: var(--str-chat__body2-text);
}
.str-chat__message.str-chat__message--me .str-chat__message-bubble {
  color: var(--str-chat__own-message-bubble-color);
  background-color: var(--str-chat__own-message-bubble-background-color);
}
.str-chat__message .str-chat__message-options {
  --str-chat-icon-color: var(--str-chat__message-options-color);
}
.str-chat__message .str-chat__message-options .str-chat__message-actions-box-button,
.str-chat__message .str-chat__message-options .str-chat__message-reply-in-thread-button,
.str-chat__message .str-chat__message-options .str-chat__message-reactions-button {
  background: none;
  border: none;
  border-radius: var(--str-chat__message-options-border-radius);
  color: var(--str-chat__message-options-color);
}
.str-chat__message .str-chat__message-options .str-chat__message-actions-box-button .str-chat__message-action-icon path,
.str-chat__message .str-chat__message-options .str-chat__message-reply-in-thread-button .str-chat__message-action-icon path,
.str-chat__message .str-chat__message-options .str-chat__message-reactions-button .str-chat__message-action-icon path {
  fill: var(--str-chat__message-options-color);
}
.str-chat__message .str-chat__message-options .str-chat__message-actions-box-button:hover,
.str-chat__message .str-chat__message-options .str-chat__message-reply-in-thread-button:hover,
.str-chat__message .str-chat__message-options .str-chat__message-reactions-button:hover {
  background-color: var(--str-chat__message-options-hover-background-color);
}
.str-chat__message .str-chat__message-options .str-chat__message-actions-box-button:active .str-chat__message-action-icon path,
.str-chat__message .str-chat__message-options .str-chat__message-reply-in-thread-button:active .str-chat__message-action-icon path,
.str-chat__message .str-chat__message-options .str-chat__message-reactions-button:active .str-chat__message-action-icon path {
  fill: var(--str-chat__message-options-active-color);
}
.str-chat__message .str-chat__translation-notice button {
  font: var(--str-chat__body2-text);
  color: var(--str-chat__translation-notice-color);
  border: none;
  background: none;
}
.str-chat__message .str-chat__translation-notice button:active,
.str-chat__message .str-chat__translation-notice button:hover {
  background: var(--str-chat__translation-notice-active-background-color);
}
.str-chat__message .str-chat__message-metadata,
.str-chat__message .str-chat__custom-message-metadata {
  color: var(--str-chat__message-secondary-color);
  font: var(--str-chat__caption-text);
}
.str-chat__message .str-chat__message-metadata .str-chat__message-sender-name,
.str-chat__message .str-chat__custom-message-metadata .str-chat__message-sender-name {
  font: var(--str-chat__caption-medium-text);
}
.str-chat__message .str-chat__message-status {
  --str-chat-icon-color: var(--str-chat__message-status-color);
  color: var(--str-chat__message-status-color);
  font: var(--str-chat__body-text);
}
.str-chat__message .str-chat__message-status svg path {
  fill: var(--str-chat__message-status-color);
}
.str-chat__message .str-chat__message-status-sent svg path,
.str-chat__message .str-chat__message-status-delivered svg path {
  fill: var(--str-chat__text-low-emphasis-color);
}
.str-chat__message .str-chat__message-replies-count-button-wrapper button,
.str-chat__message .str-chat__message-is-thread-reply-button-wrapper button {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  font: var(--str-chat__body-medium-text);
  color: var(--str-chat__message-replies-count-color);
}
.str-chat__message .str-chat__message--error-message {
  color: var(--str-chat__message-error-message-color);
  font: var(--str-chat__caption-text);
}
.str-chat__message .str-chat__message-error-icon {
  --str-chat-icon-color: var(--str-chat__message-error-message-color);
}
.str-chat__message .str-chat__message-error-icon svg #background {
  fill: var(--str-chat__message-error-message-color);
}
.str-chat__message--highlighted {
  transition: background-color .1s ease-out;
  background-color: var(--str-chat__message-highlighted-background-color);
}
.str-chat__li:hover:not(:has(.str-chat__reaction-list:hover, .str-chat__modal--open)) {
  background-color: var(--str-chat__message-active-bacground-color);
}
@supports not selector(:has(a, b)) {
  .str-chat__li:hover {
    background-color: var(--str-chat__message-active-bacground-color);
  }
}
.str-chat__li--top .str-chat__message--other .str-chat__message-bubble,
.str-chat__li--single .str-chat__message--other .str-chat__message-bubble {
  border-end-start-radius: calc(var(--str-chat__message-bubble-border-radius)/6);
}
.str-chat__li--top .str-chat__message--me .str-chat__message-bubble,
.str-chat__li--single .str-chat__message--me .str-chat__message-bubble {
  border-end-end-radius: calc(var(--str-chat__message-bubble-border-radius)/6);
}
.str-chat__li--middle .str-chat__message--other .str-chat__message-bubble,
.str-chat__li--bottom .str-chat__message--other .str-chat__message-bubble {
  border-start-start-radius: calc(var(--str-chat__message-bubble-border-radius)/6);
  border-end-start-radius: calc(var(--str-chat__message-bubble-border-radius)/6);
}
.str-chat__li--middle .str-chat__message--me .str-chat__message-bubble,
.str-chat__li--bottom .str-chat__message--me .str-chat__message-bubble {
  border-start-end-radius: calc(var(--str-chat__message-bubble-border-radius)/6);
  border-end-end-radius: calc(var(--str-chat__message-bubble-border-radius)/6);
}
.str-chat__message-with-thread-link.str-chat__message--other .str-chat__message-bubble {
  border-end-start-radius: calc(var(--str-chat__message-bubble-border-radius)/6);
}
.str-chat__message-with-thread-link.str-chat__message--me .str-chat__message-bubble {
  border-end-end-radius: calc(var(--str-chat__message-bubble-border-radius)/6);
}
.str-chat__quoted-message-preview {
  background: var(--str-chat__message-background-color);
  color: var(--str-chat__message-color);
  box-shadow: var(--str-chat__message-box-shadow);
  border-radius: var(--str-chat__message-border-radius);
  border-block-start: var(--str-chat__message-border-block-start);
  border-block-end: var(--str-chat__message-border-block-end);
  border-inline-start: var(--str-chat__message-border-inline-start);
  border-inline-end: var(--str-chat__message-border-inline-end);
}
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  background: var(--str-chat__message-bubble-background-color);
  color: var(--str-chat__message-bubble-color);
  box-shadow: var(--str-chat__message-bubble-box-shadow);
  border-radius: var(--str-chat__message-bubble-border-radius);
  border-block-start: var(--str-chat__message-bubble-border-block-start);
  border-block-end: var(--str-chat__message-bubble-border-block-end);
  border-inline-start: var(--str-chat__message-bubble-border-inline-start);
  border-inline-end: var(--str-chat__message-bubble-border-inline-end);
  background-color: var(--str-chat__quoted-message-bubble-background-color);
  border-end-start-radius: calc(var(--str-chat__message-bubble-border-radius)/6);
}
.str-chat__message-input .str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  background-color: var(--str-chat__message-bubble-background-color);
}
.str-chat__unread-messages-separator {
  background-color: var(--str-chat__secondary-surface-color);
  color: var(--str-chat__text-low-emphasis-color);
  text-transform: uppercase;
  font: var(--str-chat__caption-strong-text);
}
.str-chat__unread-messages-notification {
  --str-chat-icon-color: var(--str-chat__on-primary-color);
  background-color: var(--str-chat__text-low-emphasis-color);
  border-radius: 1.125rem;
}
.str-chat__unread-messages-notification button {
  cursor: pointer;
  color: var(--str-chat__on-primary-color);
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.str-chat__unread-messages-notification button:first-of-type {
  font: var(--str-chat__caption-text);
}
.str-chat {
  --str-chat__message-actions-box-border-radius: var(--str-chat__border-radius-sm);
  --str-chat__message-actions-box-color: var(--str-chat__text-color);
  --str-chat__message-actions-box-background-color: var(--str-chat__secondary-background-color);
  --str-chat__message-actions-box-border-block-start: none;
  --str-chat__message-actions-box-border-block-end: none;
  --str-chat__message-actions-box-border-inline-start: none;
  --str-chat__message-actions-box-border-inline-end: none;
  --str-chat__message-actions-box-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
  --str-chat__message-actions-box-item-border-radius: 0;
  --str-chat__message-actions-box-item-color: var(--str-chat__text-color);
  --str-chat__message-actions-box-item-background-color: transparent;
  --str-chat__message-actions-box-item-hover-background-color: var( --str-chat__secondary-surface-color );
  --str-chat__message-actions-box-item-border-block-start: none;
  --str-chat__message-actions-box-item-border-block-end: none;
  --str-chat__message-actions-box-item-border-inline-start: none;
  --str-chat__message-actions-box-item-border-inline-end: none;
  --str-chat__message-actions-box-item-box-shadow: none;
}
.str-chat__message-actions-box {
  background: var(--str-chat__message-actions-box-background-color);
  color: var(--str-chat__message-actions-box-color);
  box-shadow: var(--str-chat__message-actions-box-box-shadow);
  border-radius: var(--str-chat__message-actions-box-border-radius);
  border-block-start: var(--str-chat__message-actions-box-border-block-start);
  border-block-end: var(--str-chat__message-actions-box-border-block-end);
  border-inline-start: var(--str-chat__message-actions-box-border-inline-start);
  border-inline-end: var(--str-chat__message-actions-box-border-inline-end);
}
.str-chat__message-actions-box .str-chat__message-actions-list-item-button {
  background: var(--str-chat__message-actions-box-item-background-color);
  color: var(--str-chat__message-actions-box-item-color);
  box-shadow: var(--str-chat__message-actions-box-item-box-shadow);
  border-radius: var(--str-chat__message-actions-box-item-border-radius);
  border-block-start: var(--str-chat__message-actions-box-item-border-block-start);
  border-block-end: var(--str-chat__message-actions-box-item-border-block-end);
  border-inline-start: var(--str-chat__message-actions-box-item-border-inline-start);
  border-inline-end: var(--str-chat__message-actions-box-item-border-inline-end);
  font: var(--str-chat__subtitle-text);
}
.str-chat__message-actions-box .str-chat__message-actions-list-item-button:hover {
  background-color: var(--str-chat__message-actions-box-item-hover-background-color);
}
.str-chat__message-actions-box .str_chat__button-with-submenu--submenu-open {
  background-color: var(--str-chat__message-actions-box-item-hover-background-color);
}
.str-chat__message-actions-box .str-chat__message-actions-box__submenu {
  background: var(--str-chat__message-actions-box-background-color);
  color: var(--str-chat__message-actions-box-color);
  box-shadow: var(--str-chat__message-actions-box-box-shadow);
  border-radius: var(--str-chat__message-actions-box-border-radius);
  border-block-start: var(--str-chat__message-actions-box-border-block-start);
  border-block-end: var(--str-chat__message-actions-box-border-block-end);
  border-inline-start: var(--str-chat__message-actions-box-border-inline-start);
  border-inline-end: var(--str-chat__message-actions-box-border-inline-end);
}
@media (hover: none) {
  .str-chat__message-actions-box .str-chat__message-actions-list-item-button:hover {
    background-color: rgba(0, 0, 0, 0);
  }
}
.str-chat {
  --str-chat__message-bounce-edit-button-color: var(--str-chat__primary-color);
  --str-chat__message-bounce-send-button-color: var(--str-chat__primary-color);
  --str-chat__message-bounce-delete-button-color: var(--str-chat__primary-color);
  --str-chat__message-bounce-button-background-color: transparent;
  --str-chat__message-bounce-button-border-block-start: none;
  --str-chat__message-bounce-button-border-block-end: none;
  --str-chat__message-bounce-button-border-inline-start: none;
  --str-chat__message-bounce-button-border-inline-end: none;
  --str-chat__message-bounce-button-box-shadow: none;
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-edit,
.str-chat__message-bounce-prompt .str-chat__message-bounce-send,
.str-chat__message-bounce-prompt .str-chat__message-bounce-delete {
  background: var(--str-chat__message-bounce-button-background-color);
  color: var(--str-chat__message-bounce-button-color);
  box-shadow: var(--str-chat__message-bounce-button-box-shadow);
  border-radius: var(--str-chat__message-bounce-button-border-radius);
  border-block-start: var(--str-chat__message-bounce-button-border-block-start);
  border-block-end: var(--str-chat__message-bounce-button-border-block-end);
  border-inline-start: var(--str-chat__message-bounce-button-border-inline-start);
  border-inline-end: var(--str-chat__message-bounce-button-border-inline-end);
  font: var(--str-chat__body-medium-text);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-edit {
  color: var(--str-chat__message-bounce-edit-button-color);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-send {
  color: var(--str-chat__message-bounce-send-button-color);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-delete {
  color: var(--str-chat__message-bounce-delete-button-color);
}
.str-chat {
  --str-chat__message-input-border-radius: 0;
  --str-chat__message-input-color: var(--str-chat__text-color);
  --str-chat__message-input-background-color: var(--str-chat__secondary-background-color);
  --str-chat__message-input-border-block-start: none;
  --str-chat__message-input-border-block-end: none;
  --str-chat__message-input-border-inline-start: none;
  --str-chat__message-input-border-inline-end: none;
  --str-chat__message-input-box-shadow: none;
  --str-chat__message-textarea-border-radius: var(--str-chat__border-radius-md);
  --str-chat__message-textarea-color: var(--str-chat__text-color);
  --str-chat__message-textarea-background-color: transparent;
  --str-chat__message-textarea-border-block-start: 1px solid var(--str-chat__surface-color);
  --str-chat__message-textarea-border-block-end: 1px solid var(--str-chat__surface-color);
  --str-chat__message-textarea-border-inline-start: 1px solid var(--str-chat__surface-color);
  --str-chat__message-textarea-border-inline-end: 1px solid var(--str-chat__surface-color);
  --str-chat__message-textarea-box-shadow: none;
  --str-chat__message-send-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__message-send-color: var(--str-chat__primary-color);
  --str-chat__message-send-background-color: transparent;
  --str-chat__message-send-border-block-start: 0;
  --str-chat__message-send-border-block-end: 0;
  --str-chat__message-send-border-inline-start: 0;
  --str-chat__message-send-border-inline-end: 0;
  --str-chat__message-send-box-shadow: none;
  --str-chat__message-send-disabled-color: var(--str-chat__disabled-color);
  --str-chat__message-send-disabled-background-color: var(--str-chat__disabled-color);
  --str-chat__start-recording-audio-button-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__start-recording-audio-button-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__start-recording-audio-button-background-color: transparent;
  --str-chat__start-recording-audio-button-border-block-start: 0;
  --str-chat__start-recording-audio-button-border-block-end: 0;
  --str-chat__start-recording-audio-button-border-inline-start: 0;
  --str-chat__start-recording-audio-button-border-inline-end: 0;
  --str-chat__start-recording-audio-button-box-shadow: none;
  --str-chat__start-recording-audio-button-disabled-color: var(--str-chat__disabled-color);
  --str-chat__start-recording-audio-button-disabled-background-color: transparent;
  --str-chat__message-input-tools-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__message-input-tools-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__message-input-tools-background-color: transparent;
  --str-chat__message-input-tools-border-block-start: 0;
  --str-chat__message-input-tools-border-block-end: 0;
  --str-chat__message-input-tools-border-inline-start: 0;
  --str-chat__message-input-tools-border-inline-end: 0;
  --str-chat__message-input-tools-box-shadow: none;
  --str-chat__message-input-not-allowed-color: var(--str-chat__disabled-color);
  --str-chat__cooldown-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__cooldown-color: var(--str-chat__on-disabled-color);
  --str-chat__cooldown-background-color: var(--str-chat__disabled-color);
  --str-chat__cooldown-border-block-start: 0;
  --str-chat__cooldown-border-block-end: 0;
  --str-chat__cooldown-border-inline-start: 0;
  --str-chat__cooldown-border-inline-end: 0;
  --str-chat__cooldown-box-shadow: none;
  --str-chat__attachment-selector-button-icon-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__attachment-selector-button-icon-color-hover: var(--str-chat__primary-color);
  --str-chat__attachment-selector-actions-menu-button-icon-color: var(--str-chat__primary-color);
  --str-chat__attachment-selector-actions-menu-button-icon-color-active: var( --str-chat__primary-color );
}
.str-chat__message-input {
  background: var(--str-chat__message-input-background-color);
  color: var(--str-chat__message-input-color);
  box-shadow: var(--str-chat__message-input-box-shadow);
  border-radius: var(--str-chat__message-input-border-radius);
  border-block-start: var(--str-chat__message-input-border-block-start);
  border-block-end: var(--str-chat__message-input-border-block-end);
  border-inline-start: var(--str-chat__message-input-border-inline-start);
  border-inline-end: var(--str-chat__message-input-border-inline-end);
}
.str-chat__message-input .str-chat__file-input-container,
.str-chat__message-input .str-chat-angular__create-poll {
  --str-chat-icon-color: var(--str-chat__message-input-tools-color);
  background: var(--str-chat__message-input-tools-background-color);
  color: var(--str-chat__message-input-tools-color);
  box-shadow: var(--str-chat__message-input-tools-box-shadow);
  border-radius: var(--str-chat__message-input-tools-border-radius);
  border-block-start: var(--str-chat__message-input-tools-border-block-start);
  border-block-end: var(--str-chat__message-input-tools-border-block-end);
  border-inline-start: var(--str-chat__message-input-tools-border-inline-start);
  border-inline-end: var(--str-chat__message-input-tools-border-inline-end);
}
.str-chat__message-input .str-chat__file-input-container svg path,
.str-chat__message-input .str-chat-angular__create-poll svg path {
  fill: var(--str-chat__message-input-tools-color);
}
.str-chat__message-input .str-chat__attachment-preview-image-error svg path {
  fill: var(--str-chat__primary-color);
}
.str-chat__message-input .str-chat__message-textarea-container {
  background: var(--str-chat__message-textarea-background-color);
  color: var(--str-chat__message-textarea-color);
  box-shadow: var(--str-chat__message-textarea-box-shadow);
  border-radius: var(--str-chat__message-textarea-border-radius);
  border-block-start: var(--str-chat__message-textarea-border-block-start);
  border-block-end: var(--str-chat__message-textarea-border-block-end);
  border-inline-start: var(--str-chat__message-textarea-border-inline-start);
  border-inline-end: var(--str-chat__message-textarea-border-inline-end);
}
.str-chat__message-input .str-chat__message-textarea-container .str-chat__message-textarea {
  resize: none;
  border: none;
  color: var(--str-chat__message-textarea-color);
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  outline: none;
  font: var(--str-chat__subtitle-text);
}
.str-chat__message-input .str-chat__stop-ai-generation-button {
  background-image: var(--str-chat__circle-stop-icon);
  background-color: rgba(0, 0, 0, 0);
  border-width: 0;
}
.str-chat__message-input .str-chat__send-button {
  --str-chat-icon-color: var(--str-chat__message-send-color);
  background: var(--str-chat__message-send-background-color);
  color: var(--str-chat__message-send-color);
  box-shadow: var(--str-chat__message-send-box-shadow);
  border-radius: var(--str-chat__message-send-border-radius);
  border-block-start: var(--str-chat__message-send-border-block-start);
  border-block-end: var(--str-chat__message-send-border-block-end);
  border-inline-start: var(--str-chat__message-send-border-inline-start);
  border-inline-end: var(--str-chat__message-send-border-inline-end);
}
.str-chat__message-input .str-chat__send-button svg path {
  fill: var(--str-chat__message-send-color);
}
.str-chat__message-input .str-chat__send-button:disabled {
  --str-chat-icon-color: var(--str-chat__message-send-disabled-color);
  background-color: rgba(0, 0, 0, 0);
}
.str-chat__message-input .str-chat__send-button:disabled svg path {
  fill: var(--str-chat__message-send-disabled-color);
}
.str-chat__message-input .str-chat__start-recording-audio-button {
  --str-chat-icon-color: var(--str-chat__start-recording-audio-button-color);
  background: var(--str-chat__start-recording-audio-button-background-color);
  color: var(--str-chat__start-recording-audio-button-color);
  box-shadow: var(--str-chat__start-recording-audio-button-box-shadow);
  border-radius: var(--str-chat__start-recording-audio-button-border-radius);
  border-block-start: var(--str-chat__start-recording-audio-button-border-block-start);
  border-block-end: var(--str-chat__start-recording-audio-button-border-block-end);
  border-inline-start: var(--str-chat__start-recording-audio-button-border-inline-start);
  border-inline-end: var(--str-chat__start-recording-audio-button-border-inline-end);
}
.str-chat__message-input .str-chat__start-recording-audio-button:disabled {
  background-color: var(--str-chat__message-send-disabled-background-color);
}
.str-chat__message-input .str-chat__message-input-cooldown {
  background: var(--str-chat__cooldown-background-color);
  color: var(--str-chat__cooldown-color);
  box-shadow: var(--str-chat__cooldown-box-shadow);
  border-radius: var(--str-chat__cooldown-border-radius);
  border-block-start: var(--str-chat__cooldown-border-block-start);
  border-block-end: var(--str-chat__cooldown-border-block-end);
  border-inline-start: var(--str-chat__cooldown-border-inline-start);
  border-inline-end: var(--str-chat__cooldown-border-inline-end);
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__message-input .str-chat__message-input-not-allowed {
  color: var(--str-chat__message-input-not-allowed-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-reply-to-message {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove {
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.str-chat__message-input .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove svg path {
  fill: var(--str-chat__message-input-tools-color);
}
.str-chat__message-input .str-chat__recording-permission-denied-notification {
  background-color: var(--str-chat__text-color);
  border-radius: var(--str-chat__border-radius-md);
  color: var(--str-chat__background-color);
}
.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__heading,
.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__dismiss-button {
  font: var(--str-chat__subtitle2-medium-text);
}
.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__message {
  font: var(--str-chat__subtitle-text);
}
.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__dismiss-button {
  background: none;
  border: none;
  color: var(--str-chat__background-color);
  cursor: pointer;
  text-transform: uppercase;
}
.str-chat__attachment-selector .str-chat__attachment-selector__menu-button .str-chat__attachment-selector__menu-button__icon {
  background-color: var(--str-chat__attachment-selector-button-icon-color);
  -webkit-mask: var(--str-chat__add-attachment-icon) no-repeat center/contain;
  mask: var(--str-chat__add-attachment-icon) no-repeat center/contain;
}
.str-chat__attachment-selector .str-chat__attachment-selector__menu-button:hover .str-chat__attachment-selector__menu-button__icon {
  background-color: var(--str-chat__attachment-selector-button-icon-color-hover);
}
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button {
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button .str-chat__dialog-menu__button-icon {
  background-color: var(--str-chat__attachment-selector-actions-menu-button-icon-color);
}
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:hover,
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:focus {
  color: var(--str-chat__text-color);
}
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:hover .str-chat__dialog-menu__button-icon,
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:focus .str-chat__dialog-menu__button-icon {
  background-color: var(--str-chat__attachment-selector-actions-menu-button-icon-color-active);
}
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__upload-file-button .str-chat__dialog-menu__button-icon {
  -webkit-mask: var(--str-chat__folder-icon) no-repeat center/contain;
  mask: var(--str-chat__folder-icon) no-repeat center/contain;
}
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__create-poll-button .str-chat__dialog-menu__button-icon {
  -webkit-mask: var(--str-chat__poll-icon) no-repeat center/contain;
  mask: var(--str-chat__poll-icon) no-repeat center/contain;
}
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__add-location-button .str-chat__dialog-menu__button-icon {
  -webkit-mask: var(--str-chat__location-icon) no-repeat center/contain;
  mask: var(--str-chat__location-icon) no-repeat center/contain;
}
.str-chat__send-to-channel-checkbox__field * {
  cursor: pointer;
}
.str-chat__send-to-channel-checkbox__field label {
  color: var(--str-chat__text-low-emphasis-color);
  font: var(--str-chat__body-text);
}
.str-chat {
  --str-chat__message-list-border-radius: 0;
  --str-chat__message-list-color: var(--str-chat__text-color);
  --str-chat__message-list-background-color: var(--str-chat__background-color);
  --str-chat__message-list-box-shadow: none;
  --str-chat__message-list-border-block-start: none;
  --str-chat__message-list-border-block-end: none;
  --str-chat__message-list-border-inline-start: none;
  --str-chat__message-list-border-inline-end: none;
  --str-chat__jump-to-latest-message-border-radius: var(--str-chat__circle-fab-border-radius);
  --str-chat__jump-to-latest-message-color: var(--str-chat__circle-fab-color);
  --str-chat__jump-to-latest-message-background-color: var(--str-chat__circle-fab-background-color);
  --str-chat__jump-to-latest-message-pressed-background-color: var( --str-chat__circle-fab-pressed-background-color );
  --str-chat__jump-to-latest-message-box-shadow: var(--str-chat__circle-fab-box-shadow);
  --str-chat__jump-to-latest-message-border-block-start: var( --str-chat__circle-fab-border-block-start );
  --str-chat__jump-to-latest-message-border-block-end: var(--str-chat__circle-fab-border-block-end);
  --str-chat__jump-to-latest-message-border-inline-start: var( --str-chat__circle-fab-border-inline-start );
  --str-chat__jump-to-latest-message-border-inline-end: var( --str-chat__circle-fab-border-inline-end );
  --str-chat__jump-to-latest-message-unread-count-background-color: var( --str-chat__jump-to-latest-message-color );
  --str-chat__jump-to-latest-message-unread-count-color: var( --str-chat__jump-to-latest-message-background-color );
  --str-chat__thread-head-start-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__thread-head-start-border-block-end-color: var(--str-chat__surface-color);
}
.str-chat__list {
  background: var(--str-chat__message-list-background-color);
  color: var(--str-chat__message-list-color);
  box-shadow: var(--str-chat__message-list-box-shadow);
  border-radius: var(--str-chat__message-list-border-radius);
  border-block-start: var(--str-chat__message-list-border-block-start);
  border-block-end: var(--str-chat__message-list-border-block-end);
  border-inline-start: var(--str-chat__message-list-border-inline-start);
  border-inline-end: var(--str-chat__message-list-border-inline-end);
}
.str-chat__list .str-chat__parent-message-li {
  border-block-end: 1px solid var(--str-chat__thread-head-start-border-block-end-color);
}
.str-chat__list .str-chat__parent-message-li .str-chat__thread-start {
  color: var(--str-chat__thread-head-start-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__jump-to-latest-message {
  --str-chat-icon-color: var(--str-chat__jump-to-latest-message-unread-count-background-color);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab {
  background: var(--str-chat__jump-to-latest-message-background-color);
  color: var(--str-chat__jump-to-latest-message-color);
  box-shadow: var(--str-chat__jump-to-latest-message-box-shadow);
  border-radius: var(--str-chat__jump-to-latest-message-border-radius);
  border-block-start: var(--str-chat__jump-to-latest-message-border-block-start);
  border-block-end: var(--str-chat__jump-to-latest-message-border-block-end);
  border-inline-start: var(--str-chat__jump-to-latest-message-border-inline-start);
  border-inline-end: var(--str-chat__jump-to-latest-message-border-inline-end);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab svg path {
  fill: var(--str-chat__jump-to-latest-message-color);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab:active {
  background-color: var(--str-chat__jump-to-latest-message-pressed-background-color);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab .str-chat__jump-to-latest-unread-count {
  background-color: var(--str-chat__jump-to-latest-message-unread-count-background-color);
  color: var(--str-chat__jump-to-latest-message-unread-count-color);
  border-radius: var(--str-chat__jump-to-latest-message-border-radius);
  font: var(--str-chat__caption-text);
}
.str-chat {
  --str-chat__virtual-list-border-radius: 0;
  --str-chat__virtual-list-color: var(--str-chat__text-color);
  --str-chat__virtual-list-background-color: var(--str-chat__background-color);
  --str-chat__virtual-list-box-shadow: none;
  --str-chat__virtual-list-border-block-start: none;
  --str-chat__virtual-list-border-block-end: none;
  --str-chat__virtual-list-border-inline-start: none;
  --str-chat__virtual-list-border-inline-end: none;
}
.str-chat__virtual-list {
  background: var(--str-chat__virtual-list-background-color);
  color: var(--str-chat__virtual-list-color);
  box-shadow: var(--str-chat__virtual-list-box-shadow);
  border-radius: var(--str-chat__virtual-list-border-radius);
  border-block-start: var(--str-chat__virtual-list-border-block-start);
  border-block-end: var(--str-chat__virtual-list-border-block-end);
  border-inline-start: var(--str-chat__virtual-list-border-inline-start);
  border-inline-end: var(--str-chat__virtual-list-border-inline-end);
}
.str-chat__virtual-list .str-chat__parent-message-li {
  border-block-end: 1px solid var(--str-chat__thread-head-start-border-block-end-color);
}
.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start {
  color: var(--str-chat__thread-head-start-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat {
  --str-chat__message-reactions-border-radius: none;
  --str-chat__message-reactions-color: var(--str-chat__text-color);
  --str-chat__message-reactions-background-color: transparent;
  --str-chat__message-reactions-border-block-start: none;
  --str-chat__message-reactions-border-block-end: none;
  --str-chat__message-reactions-border-inline-start: none;
  --str-chat__message-reactions-border-inline-end: none;
  --str-chat__message-reactions-box-shadow: none;
  --str-chat__message-reaction-border-radius: var(--str-chat__border-radius-xs);
  --str-chat__message-reaction-color: var(--str-chat__text-color);
  --str-chat__message-reaction-background-color: var(--str-chat__tertiary-surface-color);
  --str-chat__message-reaction-border-block-start: none;
  --str-chat__message-reaction-border-block-end: none;
  --str-chat__message-reaction-border-inline-start: none;
  --str-chat__message-reaction-border-inline-end: none;
  --str-chat__message-reaction-box-shadow: none;
  --str-chat__own-message-reaction-color: var(--str-chat__text-color);
  --str-chat__own-message-reaction-background-color: var( --str-chat__primary-surface-color-low-emphasis );
  --str-chat__messsage-reactions-details--selected-color: solid var(--str-chat__primary-color);
}
.str-chat__message-reactions-container .str-chat__message-reactions {
  background: var(--str-chat__message-reactions-background-color);
  color: var(--str-chat__message-reactions-color);
  box-shadow: var(--str-chat__message-reactions-box-shadow);
  border-radius: var(--str-chat__message-reactions-border-radius);
  border-block-start: var(--str-chat__message-reactions-border-block-start);
  border-block-end: var(--str-chat__message-reactions-border-block-end);
  border-inline-start: var(--str-chat__message-reactions-border-inline-start);
  border-inline-end: var(--str-chat__message-reactions-border-inline-end);
}
.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction {
  background: var(--str-chat__message-reaction-background-color);
  color: var(--str-chat__message-reaction-color);
  box-shadow: var(--str-chat__message-reaction-box-shadow);
  border-radius: var(--str-chat__message-reaction-border-radius);
  border-block-start: var(--str-chat__message-reaction-border-block-start);
  border-block-end: var(--str-chat__message-reaction-border-block-end);
  border-inline-start: var(--str-chat__message-reaction-border-inline-start);
  border-inline-end: var(--str-chat__message-reaction-border-inline-end);
  font: var(--str-chat__caption-text);
}
.str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction.str-chat__message-reaction-own {
  color: var(--str-chat__own-message-reaction-color);
  background-color: var(--str-chat__own-message-reaction-background-color);
}
.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-type {
  border-block-end: solid rgba(0, 0, 0, 0);
}
.str-chat__message-reactions-details .str-chat__message-reactions-details-reaction-type--selected {
  border-block-end: var(--str-chat__messsage-reactions-details--selected-color);
}
.str-chat__message-reactions-details .str-chat__message-reactions-details-reacting-user {
  font: var(--str-chat__subtitle-text);
}
.str-chat {
  --str-chat__message-reactions-options-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__message-reactions-options-color: var(--str-chat__text-color);
  --str-chat__message-reactions-options-background-color: var( --str-chat__secondary-background-color );
  --str-chat__message-reactions-options-border-block-start: none;
  --str-chat__message-reactions-options-border-block-end: none;
  --str-chat__message-reactions-options-border-inline-start: none;
  --str-chat__message-reactions-options-border-inline-end: none;
  --str-chat__message-reactions-options-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
  --str-chat__message-reactions-option-border-radius: var(--str-chat__border-radius-md);
  --str-chat__message-reactions-option-color: var(--str-chat__text-color);
  --str-chat__message-reactions-option-background-color: var( --str-chat__secondary-background-color );
  --str-chat__message-reactions-option-hover-background-color: var( --str-chat__primary-surface-color );
  --str-chat__message-reactions-option-selected-background-color: var( --str-chat__primary-color-low-emphasis );
  --str-chat__message-reactions-option-border-block-start: none;
  --str-chat__message-reactions-option-border-block-end: none;
  --str-chat__message-reactions-option-border-inline-start: none;
  --str-chat__message-reactions-option-border-inline-end: none;
  --str-chat__message-reactions-option-box-shadow: none;
}
.str-chat .str-chat-angular-v5__reaction-selector {
  --str-chat__message-reactions-options-box-shadow: none;
  --str-chat__message-reactions-options-border-radius: 0;
}
.str-chat__reaction-selector .str-chat__message-reactions-options {
  background: var(--str-chat__message-reactions-options-background-color);
  color: var(--str-chat__message-reactions-options-color);
  box-shadow: var(--str-chat__message-reactions-options-box-shadow);
  border-radius: var(--str-chat__message-reactions-options-border-radius);
  border-block-start: var(--str-chat__message-reactions-options-border-block-start);
  border-block-end: var(--str-chat__message-reactions-options-border-block-end);
  border-inline-start: var(--str-chat__message-reactions-options-border-inline-start);
  border-inline-end: var(--str-chat__message-reactions-options-border-inline-end);
}
.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option {
  background: var(--str-chat__message-reactions-option-background-color);
  color: var(--str-chat__message-reactions-option-color);
  box-shadow: var(--str-chat__message-reactions-option-box-shadow);
  border-radius: var(--str-chat__message-reactions-option-border-radius);
  border-block-start: var(--str-chat__message-reactions-option-border-block-start);
  border-block-end: var(--str-chat__message-reactions-option-border-block-end);
  border-inline-start: var(--str-chat__message-reactions-option-border-inline-start);
  border-inline-end: var(--str-chat__message-reactions-option-border-inline-end);
}
.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option:hover {
  background-color: var(--str-chat__message-reactions-option-hover-background-color);
}
.str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option.str-chat__message-reactions-option-selected {
  background-color: var(--str-chat__message-reactions-option-selected-background-color);
}
@media (hover: none) {
  .str-chat__reaction-selector .str-chat__message-reactions-options .str-chat__message-reactions-option:hover {
    background-color: rgba(0, 0, 0, 0);
  }
}
.str-chat {
  --str-chat__modal-border-radius: var(--str-chat__border-radius-sm);
  --str-chat__modal-color: var(--str-chat__text-color);
  --str-chat__modal-background-color: var(--str-chat__secondary-background-color);
  --str-chat__modal-overlay-color: var(--str-chat__secondary-overlay-color);
  --str-chat__modal-overlay-backdrop-filter: blur(3px);
  --str-chat__modal-border-block-start: none;
  --str-chat__modal-border-block-end: none;
  --str-chat__modal-border-inline-start: none;
  --str-chat__modal-border-inline-end: none;
  --str-chat__modal-box-shadow: none;
  --str-chat__modal-close-icon-background: var(--str-chat__text-low-emphasis-color);
  --str-chat__modal-close-icon-color: var(--str-chat__on-disabled-color);
}
.str-chat__modal {
  background-color: var(--str-chat__modal-overlay-color);
  -webkit-backdrop-filter: var(--str-chat__modal-overlay-backdrop-filter);
  backdrop-filter: var(--str-chat__modal-overlay-backdrop-filter);
}
.str-chat__modal .str-chat__modal__inner {
  background: var(--str-chat__modal-background-color);
  color: var(--str-chat__modal-color);
  box-shadow: var(--str-chat__modal-box-shadow);
  border-radius: var(--str-chat__modal-border-radius);
  border-block-start: var(--str-chat__modal-border-block-start);
  border-block-end: var(--str-chat__modal-border-block-end);
  border-inline-start: var(--str-chat__modal-border-inline-start);
  border-inline-end: var(--str-chat__modal-border-inline-end);
}
.str-chat__modal .str-chat__modal-header .str-chat__modal-header__title {
  font: var(--str-chat__subtitle2-medium-text);
}
.str-chat__modal .str-chat__modal__close-button {
  --str-chat-icon-color: var(--str-chat__modal-close-icon-color);
  background: none;
  border: none;
}
.str-chat__modal .str-chat__modal__close-button .str-chat__icon {
  background-color: var(--str-chat__modal-close-icon-background);
  border-radius: 999px;
}
.str-chat__modal .str-chat__modal__close-button svg path {
  fill: var(--str-chat__modal-close-icon-color);
}
.str-chat__modal .str-chat__modal__close-button svg rect,
.str-chat__modal .str-chat__modal__close-button svg circle {
  fill: var(--str-chat__modal-close-icon-background);
}
.str-chat__message-attachment--card .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner,
.str-chat__message-attachment--image .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner,
.str-chat__message-attachment--gallery .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner {
  background-color: rgba(0, 0, 0, 0);
  width: unset;
  max-width: unset;
  height: unset;
  padding: 0;
}
.str-chat__message-attachment--card .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img,
.str-chat__message-attachment--image .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img,
.str-chat__message-attachment--gallery .str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner img {
  max-width: unset;
  max-height: calc(100vh - 80px);
  cursor: default;
}
.str-chat-react__modal.str-chat__modal--open.str-chat__image-modal .str-chat__modal__inner.str-chat-react__modal__inner,
.str-chat-react__modal.str-chat__modal--open.str-chat__gallery-modal .str-chat__modal__inner.str-chat-react__modal__inner {
  background-color: rgba(0, 0, 0, 0);
  width: unset;
  max-width: unset;
  height: unset;
  padding: 0;
}
.str-chat-react__modal.str-chat__modal--open.str-chat__image-modal .str-chat__modal__inner.str-chat-react__modal__inner img,
.str-chat-react__modal.str-chat__modal--open.str-chat__gallery-modal .str-chat__modal__inner.str-chat-react__modal__inner img {
  max-width: unset;
  max-height: calc(100vh - 80px);
  cursor: default;
}
.str-chat {
  --str-chat__message-notification-background-color: var(--str-chat__primary-color);
  --str-chat__message-notification-border-block-start: none;
  --str-chat__message-notification-border-block-end: none;
  --str-chat__message-notification-border-inline-start: none;
  --str-chat__message-notification-border-inline-end: none;
  --str-chat__message-notification-border-radius: 50px;
  --str-chat__message-notification-box-shadow: none;
  --str-chat__message-notification-color: var(--str-chat__on-primary-color);
}
.str-chat__message-notification {
  background: var(--str-chat__message-notification-background-color);
  color: var(--str-chat__message-notification-color);
  box-shadow: var(--str-chat__message-notification-box-shadow);
  border-radius: var(--str-chat__message-notification-border-radius);
  border-block-start: var(--str-chat__message-notification-border-block-start);
  border-block-end: var(--str-chat__message-notification-border-block-end);
  border-inline-start: var(--str-chat__message-notification-border-inline-start);
  border-inline-end: var(--str-chat__message-notification-border-inline-end);
  font: var(--str-chat__caption-text);
  cursor: pointer;
}
.str-chat {
  --str-chat__notification-list-border-radius: none;
  --str-chat__notification-list-color: var(--str-chat__notification-list-text-color);
  --str-chat__notification-list-background-color: transparent;
  --str-chat__notification-list-border-block-start: none;
  --str-chat__notification-list-border-block-end: none;
  --str-chat__notification-list-border-inline-start: none;
  --str-chat__notification-list-border-inline-end: none;
  --str-chat__notification-list-box-shadow: none;
}
.str-chat__list-notifications {
  background: var(--str-chat__notification-list-background-color);
  color: var(--str-chat__notification-list-color);
  box-shadow: var(--str-chat__notification-list-box-shadow);
  border-radius: var(--str-chat__notification-list-border-radius);
  border-block-start: var(--str-chat__notification-list-border-block-start);
  border-block-end: var(--str-chat__notification-list-border-block-end);
  border-inline-start: var(--str-chat__notification-list-border-inline-start);
  border-inline-end: var(--str-chat__notification-list-border-inline-end);
}
.str-chat {
  --str-chat__notification-border-radius: var(--str-chat__border-radius-sm);
  --str-chat__notification-color: var(--str-chat__opaque-surface-text-color);
  --str-chat__notification-background-color: var(--str-chat__opaque-surface-background-color);
  --str-chat__notification-border-block-start: none;
  --str-chat__notification-border-block-end: none;
  --str-chat__notification-border-inline-start: none;
  --str-chat__notification-border-inline-end: none;
  --str-chat__notification-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
}
.str-chat__notification {
  background: var(--str-chat__notification-background-color);
  color: var(--str-chat__notification-color);
  box-shadow: var(--str-chat__notification-box-shadow);
  border-radius: var(--str-chat__notification-border-radius);
  border-block-start: var(--str-chat__notification-border-block-start);
  border-block-end: var(--str-chat__notification-border-block-end);
  border-inline-start: var(--str-chat__notification-border-inline-start);
  border-inline-end: var(--str-chat__notification-border-inline-end);
  font: var(--str-chat__subtitle-text);
}
.str-chat__poll .str-chat__poll-header .str-chat__poll-subtitle {
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__poll .str-chat__checkmark {
  border-radius: var(--str-chat__border-radius-circle);
  border: 1px solid var(--str-chat__disabled-color);
}
.str-chat__poll .str-chat__checkmark--checked {
  background-color: var(--str-chat__primary-color);
  border: none;
}
.str-chat__poll .str-chat__poll-option-list .str-chat__poll-option.str-chat__poll-option--votable:hover {
  cursor: pointer;
}
.str-chat__poll .str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option__votes-bar {
  background:
    linear-gradient(
      to right,
      var(--str-chat__primary-color) var(--str-chat__amount-bar-fulfillment),
      var(--str-chat__surface-color) var(--str-chat__amount-bar-fulfillment));
  border-radius: calc(var(--str-chat__spacing-px)*4);
}
.str-chat__poll .str-chat__poll-option-list .str-chat__poll-option .str-chat__poll-option__votes-bar--winner {
  background:
    linear-gradient(
      to right,
      var(--str-chat__info-color) var(--str-chat__amount-bar-fulfillment),
      var(--str-chat__surface-color) var(--str-chat__amount-bar-fulfillment));
}
.str-chat__poll-option-list--full,
.str-chat__poll-answer,
.str-chat__modal__poll-option-list__title,
.str-chat__modal__poll-results .str-chat__modal__poll-results__title,
.str-chat__modal__poll-results .str-chat__poll-option {
  border-radius: .75rem;
}
.str-chat__poll-option-list--full {
  overflow: clip;
}
.str-chat__poll--closed .str-chat__poll-option:hover {
  cursor: unset;
}
.str-chat__modal .str-chat__poll-answer__text,
.str-chat__modal .str-chat__modal__poll-option-list__title,
.str-chat__modal .str-chat__modal__poll-results__title,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-answer__text,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__poll-option-list__title,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__poll-results__title {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__modal .str-chat__poll-option-list--full,
.str-chat__modal .str-chat__poll-answer,
.str-chat__modal .str-chat__modal__poll-option-list__title,
.str-chat__modal .str-chat__modal__poll-results__title,
.str-chat__modal .str-chat__poll-option,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option-list--full,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-answer,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__poll-option-list__title,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__poll-results__title,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option {
  background-color: var(--str-chat__tertiary-surface-color);
}
.str-chat__modal .str-chat__poll-option-list--full .str-chat__poll-option-text,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option-list--full .str-chat__poll-option-text {
  font-weight: 500;
}
.str-chat__modal .str-chat__poll-option-list--full .str-chat__poll-option--votable:hover,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option-list--full .str-chat__poll-option--votable:hover {
  background-color: var(--str-chat__secondary-surface-color);
}
.str-chat__modal .str-chat__poll-option .str-chat__poll-option__header,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option .str-chat__poll-option__header {
  font: var(--str-chat__subtitle-text);
}
.str-chat__modal .str-chat__poll-option .str-chat__poll-option__header .str-chat__poll-option__option-text,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option .str-chat__poll-option__header .str-chat__poll-option__option-text {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__modal .str-chat__poll-option .str-chat__poll-option__show-all-votes-button,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option .str-chat__poll-option__show-all-votes-button {
  font: var(--str-chat__subtitle-text);
  color: var(--str-chat__primary-color);
}
.str-chat__poll-vote .str-chat__poll-vote__author__name {
  text-transform: capitalize;
}
.str-chat__poll-vote .str-chat__poll-vote__timestamp {
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__quoted-poll-preview {
  font: var(--str-chat__body-medium-text);
}
.str-chat__poll-creation-dialog .str-chat__form__input-fieldset {
  border: none;
}
.str-chat__poll-creation-dialog .str-chat__form__expandable-field,
.str-chat__poll-creation-dialog .str-chat__form__input-field:not(.str-chat__form__input-field--with-label),
.str-chat__poll-creation-dialog .str-chat__form__input-field--with-label .str-chat__form__input-field__value {
  background-color: var(--str-chat__tertiary-surface-color);
  border-radius: .75rem;
}
.str-chat__poll-creation-dialog .str-chat__form__expandable-field input,
.str-chat__poll-creation-dialog .str-chat__form__input-field:not(.str-chat__form__input-field--with-label) input,
.str-chat__poll-creation-dialog .str-chat__form__input-field--with-label .str-chat__form__input-field__value input {
  border: none;
  background: rgba(0, 0, 0, 0);
  outline: none;
}
.str-chat__poll-creation-dialog .str-chat__form__expandable-field input,
.str-chat__poll-creation-dialog .str-chat__form__expandable-field input::placeholder,
.str-chat__poll-creation-dialog .str-chat__form__input-field:not(.str-chat__form__input-field--with-label) input,
.str-chat__poll-creation-dialog .str-chat__form__input-field:not(.str-chat__form__input-field--with-label) input::placeholder,
.str-chat__poll-creation-dialog .str-chat__form__input-field--with-label .str-chat__form__input-field__value input,
.str-chat__poll-creation-dialog .str-chat__form__input-field--with-label .str-chat__form__input-field__value input::placeholder {
  font: var(--str-chat__subtitle-text);
}
.str-chat__poll-creation-dialog .str-chat__form__input-field--draggable input {
  pointer-events: auto;
}
.str-chat__poll-creation-dialog .str-chat__form__input-field--draggable .str-chat__drag-handle {
  background-color: var(--str-chat__text-low-emphasis-color);
  -webkit-mask: var(--str-chat__handle-icon) no-repeat center/contain;
  mask: var(--str-chat__handle-icon) no-repeat center/contain;
}
.str-chat__poll-creation-dialog .str-chat__form__input-field--has-error {
  border: 1px solid var(--str-chat__message-error-message-color);
}
.str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field--has-error {
  border: none;
}
.str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field--has-error .str-chat__form__input-field__value {
  border: none;
}
.str-chat__poll-creation-dialog .str-chat__form__input-field--with-label.str-chat__form__input-field--has-error {
  border: none;
}
.str-chat__poll-creation-dialog .str-chat__form__input-field--with-label.str-chat__form__input-field--has-error .str-chat__form__input-field__value {
  border: 1px solid var(--str-chat__message-error-message-color);
}
.str-chat {
  --str-chat__search-input-color: var(--str-chat__text-color);
  --str-chat__search-input-placeholder-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__search-input-icon-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__search-input-border-block-start: none;
  --str-chat__search-input-border-block-end: none;
  --str-chat__search-input-border-inline-start: none;
  --str-chat__search-input-border-inline-end: none;
  --str-chat__search-input-wrapper-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__search-input-wrapper-background-color: transparent;
  --str-chat__search-input-wrapper-border-block-start: var(--str-chat__surface-color) 1px solid;
  --str-chat__search-input-wrapper-border-block-end: var(--str-chat__surface-color) 1px solid;
  --str-chat__search-input-wrapper-border-inline-start: var(--str-chat__surface-color) 1px solid;
  --str-chat__search-input-wrapper-border-inline-end: var(--str-chat__surface-color) 1px solid;
  --str-chat__search-input-wrapper-active-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__search-input-wrapper-active-background-color: transparent;
  --str-chat__search-input-wrapper-active-border-block-start: var(--str-chat__primary-color) 1px solid;
  --str-chat__search-input-wrapper-active-border-block-end: var(--str-chat__primary-color) 1px solid;
  --str-chat__search-input-wrapper-active-border-inline-start: var( --str-chat__primary-color ) 1px solid;
  --str-chat__search-input-wrapper-active-border-inline-end: var(--str-chat__primary-color) 1px solid;
  --str-chat__search-result-background-color: transparent;
  --str-chat__search-result-border-block-start: none;
  --str-chat__search-result-border-block-end: none;
  --str-chat__search-result-border-inline-start: none;
  --str-chat__search-result-border-inline-end: none;
  --str-chat__search-result-hover-background-color: var( --str-chat__secondary-surface-color );
  --str-chat__search-result-list-color: var(--str-chat__text-color);
  --str-chat__search-result-list-background-color: var(--str-chat__secondary-background-color);
  --str-chat__search-result-list-border-block-start: none;
  --str-chat__search-result-list-border-block-end: none;
  --str-chat__search-result-list-border-inline-start: none;
  --str-chat__search-result-list-border-inline-end: none;
  --str-chat__search-result-list-popup-box-shadow: 0 4px 4px var(--str-chat__box-shadow-color);
  --str-chat__search-results-header-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__search-results-header-background-color: var(--str-chat__background-color);
  --str-chat__search-results-header-border-block-start: none;
  --str-chat__search-results-header-border-block-end: var(--str-chat__surface-color) 1px solid;
  --str-chat__search-results-header-border-inline-start: none;
  --str-chat__search-results-header-border-inline-end: none;
  --str-chat__search-results-empty-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__search-results-empty-icon-color: var(--str-chat__disabled-color);
  --str-chat__search-results-empty-background-color: var(--str-chat__background-color);
  --str-chat__search-results-empty-border-block-start: none;
  --str-chat__search-results-empty-border-block-end: none;
  --str-chat__search-results-empty-border-inline-start: none;
  --str-chat__search-results-empty-border-inline-end: none;
}
.str-chat__search-input--wrapper {
  background: var(--str-chat__search-input-wrapper-background-color);
  color: var(--str-chat__search-input-wrapper-color);
  box-shadow: var(--str-chat__search-input-wrapper-box-shadow);
  border-radius: var(--str-chat__search-input-wrapper-border-radius);
  border-block-start: var(--str-chat__search-input-wrapper-border-block-start);
  border-block-end: var(--str-chat__search-input-wrapper-border-block-end);
  border-inline-start: var(--str-chat__search-input-wrapper-border-inline-start);
  border-inline-end: var(--str-chat__search-input-wrapper-border-inline-end);
}
.str-chat__search-input--wrapper .str-chat__search-input--icon {
  background-image: var(--str-chat__magnifier-glass-icon);
  background-repeat: no-repeat;
}
.str-chat__search-input--wrapper input {
  background: var(--str-chat__search-input-background-color);
  color: var(--str-chat__search-input-color);
  box-shadow: var(--str-chat__search-input-box-shadow);
  border-radius: var(--str-chat__search-input-border-radius);
  border-block-start: var(--str-chat__search-input-border-block-start);
  border-block-end: var(--str-chat__search-input-border-block-end);
  border-inline-start: var(--str-chat__search-input-border-inline-start);
  border-inline-end: var(--str-chat__search-input-border-inline-end);
  outline: none;
  font: var(--str-chat__subtitle-text);
}
.str-chat__search-input--wrapper .str-chat__search-input--clear-button-icon {
  background-color: rgba(0, 0, 0, 0);
  -webkit-mask: var(--str-chat__clear-icon) no-repeat center/contain;
  mask: var(--str-chat__clear-icon) no-repeat center/contain;
}
.str-chat__search-input--wrapper-active {
  background: var(--str-chat__search-input-wrapper-active-background-color);
  color: var(--str-chat__search-input-wrapper-active-color);
  box-shadow: var(--str-chat__search-input-wrapper-active-box-shadow);
  border-radius: var(--str-chat__search-input-wrapper-active-border-radius);
  border-block-start: var(--str-chat__search-input-wrapper-active-border-block-start);
  border-block-end: var(--str-chat__search-input-wrapper-active-border-block-end);
  border-inline-start: var(--str-chat__search-input-wrapper-active-border-inline-start);
  border-inline-end: var(--str-chat__search-input-wrapper-active-border-inline-end);
}
.str-chat__search-input--wrapper-active .str-chat__search-input--clear-button-icon {
  background-color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__search-bar-button--exit-search {
  background: none;
  border: none;
  color: var(--str-chat__primary-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__search-results-header {
  background: var(--str-chat__search-results-header-background-color);
  color: var(--str-chat__search-results-header-color);
  box-shadow: var(--str-chat__search-results-header-box-shadow);
  border-radius: var(--str-chat__search-results-header-border-radius);
  border-block-start: var(--str-chat__search-results-header-border-block-start);
  border-block-end: var(--str-chat__search-results-header-border-block-end);
  border-inline-start: var(--str-chat__search-results-header-border-inline-start);
  border-inline-end: var(--str-chat__search-results-header-border-inline-end);
  font: var(--str-chat__subtitle-text);
}
.str-chat__search-source-result-list {
  background: var(--str-chat__search-result-list-background-color);
  color: var(--str-chat__search-result-list-color);
  box-shadow: var(--str-chat__search-result-list-box-shadow);
  border-radius: var(--str-chat__search-result-list-border-radius);
  border-block-start: var(--str-chat__search-result-list-border-block-start);
  border-block-end: var(--str-chat__search-result-list-border-block-end);
  border-inline-start: var(--str-chat__search-result-list-border-inline-start);
  border-inline-end: var(--str-chat__search-result-list-border-inline-end);
}
.str-chat__search-source-result-list .str-chat__search-container-empty {
  background: var(--str-chat__search-results-empty-background-color);
  color: var(--str-chat__search-results-empty-color);
  box-shadow: var(--str-chat__search-results-empty-box-shadow);
  border-radius: var(--str-chat__search-results-empty-border-radius);
  border-block-start: var(--str-chat__search-results-empty-border-block-start);
  border-block-end: var(--str-chat__search-results-empty-border-block-end);
  border-inline-start: var(--str-chat__search-results-empty-border-inline-start);
  border-inline-end: var(--str-chat__search-results-empty-border-inline-end);
  font: var(--str-chat__subtitle2-medium-text);
}
.str-chat__search-source-result-list .str-chat__search-container-empty svg path {
  fill: var(--str-chat__search-results-empty-icon-color);
}
.str-chat__search-source-result-list .str-chat__search-result {
  background: var(--str-chat__search-result-background-color);
  color: var(--str-chat__search-result-color);
  box-shadow: var(--str-chat__search-result-box-shadow);
  border-radius: var(--str-chat__search-result-border-radius);
  border-block-start: var(--str-chat__search-result-border-block-start);
  border-block-end: var(--str-chat__search-result-border-block-end);
  border-inline-start: var(--str-chat__search-result-border-inline-start);
  border-inline-end: var(--str-chat__search-result-border-inline-end);
}
.str-chat__search-source-result-list .str-chat__search-result.str-chat__channel-preview-messenger--active {
  background-color: var(--str-chat__channel-preview-active-background-color);
}
.str-chat__search-source-result-list .str-chat__search-result .str-chat__search-result--display-name {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__search-source-result-list .str-chat__search-result:hover,
.str-chat__search-source-result-list .str-chat__search-result--focused {
  background-color: var(--str-chat__search-result-hover-background-color);
}
.str-chat {
  --str-chat__thread-border-radius: 0;
  --str-chat__thread-color: var(--str-chat__text-color);
  --str-chat__thread-background-color: var(--str-chat__secondary-background-color);
  --str-chat__thread-border-block-start: none;
  --str-chat__thread-border-block-end: none;
  --str-chat__thread-border-inline-start: 1px solid var(--str-chat__surface-color);
  --str-chat__thread-border-inline-end: none;
  --str-chat__thread-box-shadow: none;
  --str-chat__thread-header-border-radius: 0;
  --str-chat__thread-header-color: var(--str-chat__text-color);
  --str-chat__thread-header-background-color: var(--str-chat__secondary-background-color);
  --str-chat__thread-header-border-block-start: none;
  --str-chat__thread-header-border-block-end: none;
  --str-chat__thread-header-border-inline-start: none;
  --str-chat__thread-header-border-inline-end: none;
  --str-chat__thread-header-box-shadow: none;
  --str-chat__thread-header-info-color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__thread-container {
  background: var(--str-chat__thread-background-color);
  color: var(--str-chat__thread-color);
  box-shadow: var(--str-chat__thread-box-shadow);
  border-radius: var(--str-chat__thread-border-radius);
  border-block-start: var(--str-chat__thread-border-block-start);
  border-block-end: var(--str-chat__thread-border-block-end);
  border-inline-start: var(--str-chat__thread-border-inline-start);
  border-inline-end: var(--str-chat__thread-border-inline-end);
}
.str-chat__thread-container .str-chat__thread-header {
  background: var(--str-chat__thread-header-background-color);
  color: var(--str-chat__thread-header-color);
  box-shadow: var(--str-chat__thread-header-box-shadow);
  border-radius: var(--str-chat__thread-header-border-radius);
  border-block-start: var(--str-chat__thread-header-border-block-start);
  border-block-end: var(--str-chat__thread-header-border-block-end);
  border-inline-start: var(--str-chat__thread-header-border-inline-start);
  border-inline-end: var(--str-chat__thread-header-border-inline-end);
}
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-name,
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-title {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-channel-name,
.str-chat__thread-container .str-chat__thread-header .str-chat__thread-header-subtitle {
  font: var(--str-chat__body-text);
  color: var(--str-chat__thread-header-info-color);
}
.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.str-chat__thread-container .str-chat__thread-header .str-chat__close-thread-button svg path {
  fill: var(--str-chat__thread-color);
}
.str-chat {
  --str-chat__tooltip-border-radius: var(--str-chat__border-radius-xs);
  --str-chat__tooltip-color: var(--str-chat__text-color);
  --str-chat__tooltip-background-color: var(--str-chat__secondary-background-color);
  --str-chat__tooltip-border-block-start: none;
  --str-chat__tooltip-border-block-end: none;
  --str-chat__tooltip-border-inline-start: none;
  --str-chat__tooltip-border-inline-end: none;
  --str-chat__tooltip-box-shadow: 0 0 20px var(--str-chat__box-shadow-color);
}
.str-chat__tooltip {
  background: var(--str-chat__tooltip-background-color);
  color: var(--str-chat__tooltip-color);
  box-shadow: var(--str-chat__tooltip-box-shadow);
  border-radius: var(--str-chat__tooltip-border-radius);
  border-block-start: var(--str-chat__tooltip-border-block-start);
  border-block-end: var(--str-chat__tooltip-border-block-end);
  border-inline-start: var(--str-chat__tooltip-border-inline-start);
  border-inline-end: var(--str-chat__tooltip-border-inline-end);
  font: var(--str-chat__caption-text);
}
.str-chat__tooltip::after {
  background-color: var(--str-chat__tooltip-background-color);
}
.str-chat {
  --str-chat__typing-indicator-border-radius: none;
  --str-chat__typing-indicator-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__typing-indicator-background-color: var(--str-chat__overlay-color);
  --str-chat__typing-indicator-border-block-start: none;
  --str-chat__typing-indicator-border-block-end: none;
  --str-chat__typing-indicator-border-inline-start: none;
  --str-chat__typing-indicator-border-inline-end: none;
  --str-chat__typing-indicator-box-shadow: none;
  --str-chat__typing-indicator-dot-background-color: var(--str-chat__text-color);
}
.str-chat__typing-indicator {
  background: var(--str-chat__typing-indicator-background-color);
  color: var(--str-chat__typing-indicator-color);
  box-shadow: var(--str-chat__typing-indicator-box-shadow);
  border-radius: var(--str-chat__typing-indicator-border-radius);
  border-block-start: var(--str-chat__typing-indicator-border-block-start);
  border-block-end: var(--str-chat__typing-indicator-border-block-end);
  border-inline-start: var(--str-chat__typing-indicator-border-inline-start);
  border-inline-end: var(--str-chat__typing-indicator-border-inline-end);
}
.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot {
  border-radius: 999px;
  animation: dotFlashing 1s infinite alternate;
  background-color: var(--str-chat__typing-indicator-dot-background-color);
}
.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(1) {
  animation-delay: 0s;
}
.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(2) {
  animation-delay: .5s;
}
.str-chat__typing-indicator .str-chat__typing-indicator__dots .str-chat__typing-indicator__dot:nth-child(3) {
  animation-delay: 1s;
}
@keyframes dotFlashing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .6;
  }
  100% {
    opacity: .2;
  }
}
.str-chat {
  --str-chat-thread-list-border-color: var(--str-chat__surface-color);
  --str-chat-thread-list-container-background-color: var(--str-chat__secondary-background-color);
  --str-chat-unseen-threads-banner-background-color: var(--str-chat__text-color);
  --str-chat-unseen-threads-banner-color: var(--str-chat__opaque-surface-text-color);
  --str-chat-thread-list-item-background-color-default: var(--str-chat__secondary-background-color);
  --str-chat-thread-list-item-background-color-selected: var(--str-chat__surface-color);
  --str-chat-thread-list-item-text-color: var(--str-chat__text-color);
  --str-chat-thread-list-item-text-low-emphasis-color: var(--str-chat__text-low-emphasis-color);
  --str-chat-thread-list-empty-placeholder-background-color: var( --str-chat__secondary-background-color );
  --str-chat-thread-list-empty-placeholder-color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__thread-list-container {
  background-color: var(--str-chat-thread-list-container-background-color);
}
.str-chat__unseen-threads-banner {
  border-radius: 16px;
  background: var(--str-chat-unseen-threads-banner-background-color);
  color: var(--str-chat-unseen-threads-banner-color);
}
.str-chat__unseen-threads-banner__button {
  --str-chat-icon-color: var(--str-chat-unseen-threads-banner-color);
}
.str-chat__thread-list {
  border-right: 1px solid var(--str-chat-thread-list-border-color);
}
.str-chat__thread-list .str-chat__thread-list-item {
  --str-chat-icon-color: var(--str-chat-thread-list-item-text-color);
  border: none;
  background-color: var(--str-chat-thread-list-item-background-color-default);
  color: var(--str-chat-thread-list-item-text-color);
}
.str-chat__thread-list .str-chat__thread-list-item[aria-selected=true] {
  background-color: var(--str-chat-thread-list-item-background-color-selected);
}
.str-chat__thread-list .str-chat__thread-list-item[aria-selected=true] .str-chat__thread-list-item__parent-message-text,
.str-chat__thread-list .str-chat__thread-list-item[aria-selected=true] .str-chat__thread-list-item__latest-reply-text-and-timestamp {
  color: inherit;
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__parent-message-text {
  color: var(--str-chat-thread-list-item-text-low-emphasis-color);
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__latest-reply {
  --str-chat__avatar-background-color: var(--str-chat__secondary-surface-color);
  --str-chat__avatar-color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__thread-list .str-chat__thread-list-item .str-chat__thread-list-item__latest-reply-text-and-timestamp {
  color: var(--str-chat-thread-list-item-text-low-emphasis-color);
}
.str-chat__thread-list-empty-placeholder {
  --str-chat-icon-color: var(--str-chat-thread-list-empty-placeholder-color);
  background-color: var(--str-chat-thread-list-empty-placeholder-background-color);
  color: var(--str-chat-thread-list-empty-placeholder-color);
}
.str-chat {
  --str-chat-selector-background-color: var(--str-chat__secondary-background-color);
  --str-chat-selector-border-color: var(--str-chat__surface-color);
  --str-chat-selector-button-color-default: var(--str-chat__text-low-emphasis-color);
  --str-chat-selector-button-color-selected: var(--str-chat__text-color);
  --str-chat-selector-button-background-color-default: transparent;
  --str-chat-selector-button-background-color-selected: var(--str-chat__surface-color);
}
.str-chat__chat-view__selector {
  border-right: 1px solid var(--str-chat-selector-border-color);
  background-color: var(--str-chat-selector-background-color);
}
.str-chat__chat-view__selector-button {
  --str-chat-icon-color: var(--str-chat-selector-button-color-default);
  border: none;
  background: var(--str-chat-selector-button-background-color-default);
  color: var(--str-chat-selector-button-color-default);
}
.str-chat__chat-view__selector-button[aria-selected=true] {
  --str-chat-icon-color: var(--str-chat-selector-button-color-selected);
  color: var(--str-chat-selector-button-color-selected);
  background: var(--str-chat-selector-button-background-color-selected);
}
.str-chat {
  --str-chat-unread-count-badge-color: var(--str-chat__on-unread-badge-color);
  --str-chat-unread-count-badge-background-color: var(--str-chat__danger-color);
}
.str-chat__unread-count-badge {
  background-color: var(--str-chat-unread-count-badge-background-color);
  color: var(--str-chat-unread-count-badge-color);
  border-radius: 9999px;
}
.str-chat__ai-state-indicator-container {
  background-color: var(--str-chat__grey300);
}
.str-chat__ai-state-indicator-text {
  color: var(--str-chat__text-color);
}

/* src/styles.scss */
.or-flex-0 {
  flex: 0;
}
.or-flex-1 {
  flex: 1;
}
.or-flex-auto {
  flex: auto;
}
.or-flex-col {
  flex-direction: column !important;
}
.or-flex-col-rev {
  flex-direction: column-reverse !important;
}
.or-flex-row {
  flex-direction: row !important;
}
.or-flex-row-rev {
  flex-direction: row-reverse !important;
}
@media screen and (min-width: 576px) {
  .or-flex-sm-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-row-rev {
    flex-direction: row-reverse !important;
  }
}
.or-flex-col {
  flex-direction: column !important;
}
.or-flex-col-rev {
  flex-direction: column-reverse !important;
}
.or-flex-row {
  flex-direction: row !important;
}
.or-flex-row-rev {
  flex-direction: row-reverse !important;
}
@media screen and (min-width: 576px) {
  .or-flex-sm-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-row-rev {
    flex-direction: row-reverse !important;
  }
}
.or-flex-col {
  flex-direction: column !important;
}
.or-flex-col-rev {
  flex-direction: column-reverse !important;
}
.or-flex-row {
  flex-direction: row !important;
}
.or-flex-row-rev {
  flex-direction: row-reverse !important;
}
@media screen and (min-width: 576px) {
  .or-flex-sm-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-row-rev {
    flex-direction: row-reverse !important;
  }
}
.or-flex-col {
  flex-direction: column !important;
}
.or-flex-col-rev {
  flex-direction: column-reverse !important;
}
.or-flex-row {
  flex-direction: row !important;
}
.or-flex-row-rev {
  flex-direction: row-reverse !important;
}
@media screen and (min-width: 576px) {
  .or-flex-sm-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-row-rev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-col {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-col-rev {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-row-rev {
    flex-direction: row-reverse !important;
  }
}
.or-justify-content-start {
  justify-content: flex-start !important;
}
.or-justify-content-end {
  justify-content: flex-end !important;
}
.or-justify-content-center {
  justify-content: center !important;
}
.or-justify-content-between {
  justify-content: space-between !important;
}
.or-justify-content-around {
  justify-content: space-around !important;
}
.or-justify-content-evenly {
  justify-content: space-evenly !important;
}
.or-justify-content-stretch {
  justify-content: stretch !important;
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-stretch {
    justify-content: stretch !important;
  }
}
.or-justify-content-start {
  justify-content: flex-start !important;
}
.or-justify-content-end {
  justify-content: flex-end !important;
}
.or-justify-content-center {
  justify-content: center !important;
}
.or-justify-content-between {
  justify-content: space-between !important;
}
.or-justify-content-around {
  justify-content: space-around !important;
}
.or-justify-content-evenly {
  justify-content: space-evenly !important;
}
.or-justify-content-stretch {
  justify-content: stretch !important;
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-stretch {
    justify-content: stretch !important;
  }
}
.or-justify-content-start {
  justify-content: flex-start !important;
}
.or-justify-content-end {
  justify-content: flex-end !important;
}
.or-justify-content-center {
  justify-content: center !important;
}
.or-justify-content-between {
  justify-content: space-between !important;
}
.or-justify-content-around {
  justify-content: space-around !important;
}
.or-justify-content-evenly {
  justify-content: space-evenly !important;
}
.or-justify-content-stretch {
  justify-content: stretch !important;
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-stretch {
    justify-content: stretch !important;
  }
}
.or-justify-content-start {
  justify-content: flex-start !important;
}
.or-justify-content-end {
  justify-content: flex-end !important;
}
.or-justify-content-center {
  justify-content: center !important;
}
.or-justify-content-between {
  justify-content: space-between !important;
}
.or-justify-content-around {
  justify-content: space-around !important;
}
.or-justify-content-evenly {
  justify-content: space-evenly !important;
}
.or-justify-content-stretch {
  justify-content: stretch !important;
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-stretch {
    justify-content: stretch !important;
  }
}
.or-justify-content-start {
  justify-content: flex-start !important;
}
.or-justify-content-end {
  justify-content: flex-end !important;
}
.or-justify-content-center {
  justify-content: center !important;
}
.or-justify-content-between {
  justify-content: space-between !important;
}
.or-justify-content-around {
  justify-content: space-around !important;
}
.or-justify-content-evenly {
  justify-content: space-evenly !important;
}
.or-justify-content-stretch {
  justify-content: stretch !important;
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-stretch {
    justify-content: stretch !important;
  }
}
.or-justify-content-start {
  justify-content: flex-start !important;
}
.or-justify-content-end {
  justify-content: flex-end !important;
}
.or-justify-content-center {
  justify-content: center !important;
}
.or-justify-content-between {
  justify-content: space-between !important;
}
.or-justify-content-around {
  justify-content: space-around !important;
}
.or-justify-content-evenly {
  justify-content: space-evenly !important;
}
.or-justify-content-stretch {
  justify-content: stretch !important;
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-stretch {
    justify-content: stretch !important;
  }
}
.or-justify-content-start {
  justify-content: flex-start !important;
}
.or-justify-content-end {
  justify-content: flex-end !important;
}
.or-justify-content-center {
  justify-content: center !important;
}
.or-justify-content-between {
  justify-content: space-between !important;
}
.or-justify-content-around {
  justify-content: space-around !important;
}
.or-justify-content-evenly {
  justify-content: space-evenly !important;
}
.or-justify-content-stretch {
  justify-content: stretch !important;
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 576px) {
  .or-justify-content-sm-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-justify-content-md-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-justify-content-lg-stretch {
    justify-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-start {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-end {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-between {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-around {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-justify-content-xl-stretch {
    justify-content: stretch !important;
  }
}
.or-align-items-start {
  align-items: flex-start !important;
}
.or-align-items-end {
  align-items: flex-end !important;
}
.or-align-items-stretch {
  align-items: stretch !important;
}
.or-align-items-center {
  align-items: center !important;
}
.or-align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.or-align-items-start {
  align-items: flex-start !important;
}
.or-align-items-end {
  align-items: flex-end !important;
}
.or-align-items-stretch {
  align-items: stretch !important;
}
.or-align-items-center {
  align-items: center !important;
}
.or-align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.or-align-items-start {
  align-items: flex-start !important;
}
.or-align-items-end {
  align-items: flex-end !important;
}
.or-align-items-stretch {
  align-items: stretch !important;
}
.or-align-items-center {
  align-items: center !important;
}
.or-align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.or-align-items-start {
  align-items: flex-start !important;
}
.or-align-items-end {
  align-items: flex-end !important;
}
.or-align-items-stretch {
  align-items: stretch !important;
}
.or-align-items-center {
  align-items: center !important;
}
.or-align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.or-align-items-start {
  align-items: flex-start !important;
}
.or-align-items-end {
  align-items: flex-end !important;
}
.or-align-items-stretch {
  align-items: stretch !important;
}
.or-align-items-center {
  align-items: center !important;
}
.or-align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-start {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-end {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-stretch {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.or-align-self-auto {
  align-self: auto !important;
}
.or-align-self-start {
  align-self: flex-start !important;
}
.or-align-self-end {
  align-self: flex-end !important;
}
.or-align-self-stretch {
  align-self: stretch !important;
}
.or-align-self-center {
  align-self: center !important;
}
.or-align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-baseline {
    align-self: baseline !important;
  }
}
.or-align-self-auto {
  align-self: auto !important;
}
.or-align-self-start {
  align-self: flex-start !important;
}
.or-align-self-end {
  align-self: flex-end !important;
}
.or-align-self-stretch {
  align-self: stretch !important;
}
.or-align-self-center {
  align-self: center !important;
}
.or-align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-baseline {
    align-self: baseline !important;
  }
}
.or-align-self-auto {
  align-self: auto !important;
}
.or-align-self-start {
  align-self: flex-start !important;
}
.or-align-self-end {
  align-self: flex-end !important;
}
.or-align-self-stretch {
  align-self: stretch !important;
}
.or-align-self-center {
  align-self: center !important;
}
.or-align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-baseline {
    align-self: baseline !important;
  }
}
.or-align-self-auto {
  align-self: auto !important;
}
.or-align-self-start {
  align-self: flex-start !important;
}
.or-align-self-end {
  align-self: flex-end !important;
}
.or-align-self-stretch {
  align-self: stretch !important;
}
.or-align-self-center {
  align-self: center !important;
}
.or-align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-baseline {
    align-self: baseline !important;
  }
}
.or-align-self-auto {
  align-self: auto !important;
}
.or-align-self-start {
  align-self: flex-start !important;
}
.or-align-self-end {
  align-self: flex-end !important;
}
.or-align-self-stretch {
  align-self: stretch !important;
}
.or-align-self-center {
  align-self: center !important;
}
.or-align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-baseline {
    align-self: baseline !important;
  }
}
.or-align-self-auto {
  align-self: auto !important;
}
.or-align-self-start {
  align-self: flex-start !important;
}
.or-align-self-end {
  align-self: flex-end !important;
}
.or-align-self-stretch {
  align-self: stretch !important;
}
.or-align-self-center {
  align-self: center !important;
}
.or-align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-self-sm-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-self-md-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-self-lg-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-auto {
    align-self: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-start {
    align-self: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-end {
    align-self: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-center {
    align-self: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-self-xl-baseline {
    align-self: baseline !important;
  }
}
.or-align-content-start {
  align-content: flex-start !important;
}
.or-align-content-end {
  align-content: flex-end !important;
}
.or-align-content-stretch {
  align-content: stretch !important;
}
.or-align-content-center {
  align-content: center !important;
}
.or-align-content-between {
  align-content: space-between !important;
}
.or-align-content-around {
  align-content: space-around !important;
}
.or-align-content-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-evenly {
    align-content: space-evenly !important;
  }
}
.or-align-content-start {
  align-content: flex-start !important;
}
.or-align-content-end {
  align-content: flex-end !important;
}
.or-align-content-stretch {
  align-content: stretch !important;
}
.or-align-content-center {
  align-content: center !important;
}
.or-align-content-between {
  align-content: space-between !important;
}
.or-align-content-around {
  align-content: space-around !important;
}
.or-align-content-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-evenly {
    align-content: space-evenly !important;
  }
}
.or-align-content-start {
  align-content: flex-start !important;
}
.or-align-content-end {
  align-content: flex-end !important;
}
.or-align-content-stretch {
  align-content: stretch !important;
}
.or-align-content-center {
  align-content: center !important;
}
.or-align-content-between {
  align-content: space-between !important;
}
.or-align-content-around {
  align-content: space-around !important;
}
.or-align-content-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-evenly {
    align-content: space-evenly !important;
  }
}
.or-align-content-start {
  align-content: flex-start !important;
}
.or-align-content-end {
  align-content: flex-end !important;
}
.or-align-content-stretch {
  align-content: stretch !important;
}
.or-align-content-center {
  align-content: center !important;
}
.or-align-content-between {
  align-content: space-between !important;
}
.or-align-content-around {
  align-content: space-around !important;
}
.or-align-content-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-evenly {
    align-content: space-evenly !important;
  }
}
.or-align-content-start {
  align-content: flex-start !important;
}
.or-align-content-end {
  align-content: flex-end !important;
}
.or-align-content-stretch {
  align-content: stretch !important;
}
.or-align-content-center {
  align-content: center !important;
}
.or-align-content-between {
  align-content: space-between !important;
}
.or-align-content-around {
  align-content: space-around !important;
}
.or-align-content-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-evenly {
    align-content: space-evenly !important;
  }
}
.or-align-content-start {
  align-content: flex-start !important;
}
.or-align-content-end {
  align-content: flex-end !important;
}
.or-align-content-stretch {
  align-content: stretch !important;
}
.or-align-content-center {
  align-content: center !important;
}
.or-align-content-between {
  align-content: space-between !important;
}
.or-align-content-around {
  align-content: space-around !important;
}
.or-align-content-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-evenly {
    align-content: space-evenly !important;
  }
}
.or-align-content-start {
  align-content: flex-start !important;
}
.or-align-content-end {
  align-content: flex-end !important;
}
.or-align-content-stretch {
  align-content: stretch !important;
}
.or-align-content-center {
  align-content: center !important;
}
.or-align-content-between {
  align-content: space-between !important;
}
.or-align-content-around {
  align-content: space-around !important;
}
.or-align-content-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 576px) {
  .or-align-content-sm-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .or-align-content-md-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 992px) {
  .or-align-content-lg-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-start {
    align-content: flex-start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-end {
    align-content: flex-end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-center {
    align-content: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-between {
    align-content: space-between !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-around {
    align-content: space-around !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-align-content-xl-evenly {
    align-content: space-evenly !important;
  }
}
.or-text-align-center {
  text-align: center !important;
}
.or-text-align-start {
  text-align: start !important;
}
.or-text-align-end {
  text-align: end !important;
}
.or-text-align-justify {
  text-align: justify !important;
}
@media screen and (min-width: 576px) {
  .or-text-align-sm-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 576px) {
  .or-text-align-sm-start {
    text-align: start !important;
  }
}
@media screen and (min-width: 576px) {
  .or-text-align-sm-end {
    text-align: end !important;
  }
}
@media screen and (min-width: 576px) {
  .or-text-align-sm-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 768px) {
  .or-text-align-md-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 768px) {
  .or-text-align-md-start {
    text-align: start !important;
  }
}
@media screen and (min-width: 768px) {
  .or-text-align-md-end {
    text-align: end !important;
  }
}
@media screen and (min-width: 768px) {
  .or-text-align-md-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 992px) {
  .or-text-align-lg-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 992px) {
  .or-text-align-lg-start {
    text-align: start !important;
  }
}
@media screen and (min-width: 992px) {
  .or-text-align-lg-end {
    text-align: end !important;
  }
}
@media screen and (min-width: 992px) {
  .or-text-align-lg-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-text-align-xl-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-text-align-xl-start {
    text-align: start !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-text-align-xl-end {
    text-align: end !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-text-align-xl-justify {
    text-align: justify !important;
  }
}
.or-flex-grow-0 {
  flex-grow: 0 !important;
}
.or-flex-grow-1 {
  flex-grow: 1 !important;
}
.or-flex-grow-2 {
  flex-grow: 2 !important;
}
.or-flex-grow-3 {
  flex-grow: 3 !important;
}
.or-flex-grow-4 {
  flex-grow: 4 !important;
}
.or-flex-grow-5 {
  flex-grow: 5 !important;
}
.or-flex-grow-6 {
  flex-grow: 6 !important;
}
.or-flex-grow-unset {
  flex-grow: unset !important;
}
.or-flex-grow-inherit {
  flex-grow: inherit !important;
}
.or-flex-grow-initial {
  flex-grow: initial !important;
}
.or-flex-grow-revert {
  flex-grow: revert !important;
}
.or-flex-grow-revert-layer {
  flex-grow: revert-layer !important;
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-0 {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-2 {
    flex-grow: 2 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-3 {
    flex-grow: 3 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-4 {
    flex-grow: 4 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-5 {
    flex-grow: 5 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-6 {
    flex-grow: 6 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-unset {
    flex-grow: unset !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-inherit {
    flex-grow: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-initial {
    flex-grow: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-revert {
    flex-grow: revert !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-grow-sm-revert-layer {
    flex-grow: revert-layer !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-0 {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-2 {
    flex-grow: 2 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-3 {
    flex-grow: 3 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-4 {
    flex-grow: 4 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-5 {
    flex-grow: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-6 {
    flex-grow: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-unset {
    flex-grow: unset !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-inherit {
    flex-grow: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-initial {
    flex-grow: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-revert {
    flex-grow: revert !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-grow-md-revert-layer {
    flex-grow: revert-layer !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-0 {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-2 {
    flex-grow: 2 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-3 {
    flex-grow: 3 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-4 {
    flex-grow: 4 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-5 {
    flex-grow: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-6 {
    flex-grow: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-unset {
    flex-grow: unset !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-inherit {
    flex-grow: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-initial {
    flex-grow: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-revert {
    flex-grow: revert !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-grow-lg-revert-layer {
    flex-grow: revert-layer !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-0 {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-2 {
    flex-grow: 2 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-3 {
    flex-grow: 3 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-4 {
    flex-grow: 4 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-5 {
    flex-grow: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-6 {
    flex-grow: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-unset {
    flex-grow: unset !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-inherit {
    flex-grow: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-initial {
    flex-grow: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-revert {
    flex-grow: revert !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-grow-xl-revert-layer {
    flex-grow: revert-layer !important;
  }
}
.or-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.or-flex-shrink-1 {
  flex-shrink: 1 !important;
}
.or-flex-shrink-2 {
  flex-shrink: 2 !important;
}
.or-flex-shrink-3 {
  flex-shrink: 3 !important;
}
.or-flex-shrink-4 {
  flex-shrink: 4 !important;
}
.or-flex-shrink-5 {
  flex-shrink: 5 !important;
}
.or-flex-shrink-6 {
  flex-shrink: 6 !important;
}
.or-flex-shrink-unset {
  flex-shrink: unset !important;
}
.or-flex-shrink-inherit {
  flex-shrink: inherit !important;
}
.or-flex-shrink-initial {
  flex-shrink: initial !important;
}
.or-flex-shrink-revert {
  flex-shrink: revert !important;
}
.or-flex-shrink-revert-layer {
  flex-shrink: revert-layer !important;
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-0 {
    flex-shrink: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-2 {
    flex-shrink: 2 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-3 {
    flex-shrink: 3 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-4 {
    flex-shrink: 4 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-5 {
    flex-shrink: 5 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-6 {
    flex-shrink: 6 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-unset {
    flex-shrink: unset !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-inherit {
    flex-shrink: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-initial {
    flex-shrink: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-revert {
    flex-shrink: revert !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-shrink-sm-revert-layer {
    flex-shrink: revert-layer !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-0 {
    flex-shrink: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-2 {
    flex-shrink: 2 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-3 {
    flex-shrink: 3 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-4 {
    flex-shrink: 4 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-5 {
    flex-shrink: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-6 {
    flex-shrink: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-unset {
    flex-shrink: unset !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-inherit {
    flex-shrink: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-initial {
    flex-shrink: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-revert {
    flex-shrink: revert !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-shrink-md-revert-layer {
    flex-shrink: revert-layer !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-0 {
    flex-shrink: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-2 {
    flex-shrink: 2 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-3 {
    flex-shrink: 3 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-4 {
    flex-shrink: 4 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-5 {
    flex-shrink: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-6 {
    flex-shrink: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-unset {
    flex-shrink: unset !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-inherit {
    flex-shrink: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-initial {
    flex-shrink: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-revert {
    flex-shrink: revert !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-shrink-lg-revert-layer {
    flex-shrink: revert-layer !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-0 {
    flex-shrink: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-2 {
    flex-shrink: 2 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-3 {
    flex-shrink: 3 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-4 {
    flex-shrink: 4 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-5 {
    flex-shrink: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-6 {
    flex-shrink: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-unset {
    flex-shrink: unset !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-inherit {
    flex-shrink: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-initial {
    flex-shrink: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-revert {
    flex-shrink: revert !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-shrink-xl-revert-layer {
    flex-shrink: revert-layer !important;
  }
}
.or-flex-basis-0 {
  flex-basis: 0 !important;
}
.or-flex-basis-1 {
  flex-basis: 1 !important;
}
.or-flex-basis-2 {
  flex-basis: 2 !important;
}
.or-flex-basis-3 {
  flex-basis: 3 !important;
}
.or-flex-basis-4 {
  flex-basis: 4 !important;
}
.or-flex-basis-5 {
  flex-basis: 5 !important;
}
.or-flex-basis-6 {
  flex-basis: 6 !important;
}
.or-flex-basis-max-content {
  flex-basis: max-content !important;
}
.or-flex-basis-min-content {
  flex-basis: min-content !important;
}
.or-flex-basis-fit-content {
  flex-basis: fit-content !important;
}
.or-flex-basis-content {
  flex-basis: content !important;
}
.or-flex-basis-inherit {
  flex-basis: inherit !important;
}
.or-flex-basis-initial {
  flex-basis: initial !important;
}
.or-flex-basis-revert {
  flex-basis: revert !important;
}
.or-flex-basis-revert-layer {
  flex-basis: revert-layer !important;
}
.or-flex-basis-unset {
  flex-basis: unset !important;
}
.or-flex-basis-auto {
  flex-basis: auto !important;
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-0 {
    flex-basis: 0 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-1 {
    flex-basis: 1 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-2 {
    flex-basis: 2 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-3 {
    flex-basis: 3 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-4 {
    flex-basis: 4 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-5 {
    flex-basis: 5 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-6 {
    flex-basis: 6 !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-max-content {
    flex-basis: max-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-min-content {
    flex-basis: min-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-fit-content {
    flex-basis: fit-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-content {
    flex-basis: content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-inherit {
    flex-basis: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-initial {
    flex-basis: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-revert {
    flex-basis: revert !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-revert-layer {
    flex-basis: revert-layer !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-unset {
    flex-basis: unset !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-basis-sm-auto {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-0 {
    flex-basis: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-1 {
    flex-basis: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-2 {
    flex-basis: 2 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-3 {
    flex-basis: 3 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-4 {
    flex-basis: 4 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-5 {
    flex-basis: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-6 {
    flex-basis: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-max-content {
    flex-basis: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-min-content {
    flex-basis: min-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-fit-content {
    flex-basis: fit-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-content {
    flex-basis: content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-inherit {
    flex-basis: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-initial {
    flex-basis: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-revert {
    flex-basis: revert !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-revert-layer {
    flex-basis: revert-layer !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-unset {
    flex-basis: unset !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-basis-md-auto {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-0 {
    flex-basis: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-1 {
    flex-basis: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-2 {
    flex-basis: 2 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-3 {
    flex-basis: 3 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-4 {
    flex-basis: 4 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-5 {
    flex-basis: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-6 {
    flex-basis: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-max-content {
    flex-basis: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-min-content {
    flex-basis: min-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-fit-content {
    flex-basis: fit-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-content {
    flex-basis: content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-inherit {
    flex-basis: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-initial {
    flex-basis: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-revert {
    flex-basis: revert !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-revert-layer {
    flex-basis: revert-layer !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-unset {
    flex-basis: unset !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-basis-lg-auto {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-0 {
    flex-basis: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-1 {
    flex-basis: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-2 {
    flex-basis: 2 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-3 {
    flex-basis: 3 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-4 {
    flex-basis: 4 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-5 {
    flex-basis: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-6 {
    flex-basis: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-max-content {
    flex-basis: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-min-content {
    flex-basis: min-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-fit-content {
    flex-basis: fit-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-content {
    flex-basis: content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-inherit {
    flex-basis: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-initial {
    flex-basis: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-revert {
    flex-basis: revert !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-revert-layer {
    flex-basis: revert-layer !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-unset {
    flex-basis: unset !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-basis-xl-auto {
    flex-basis: auto !important;
  }
}
.or-flex-wrap {
  flex-wrap: wrap !important;
}
.or-flex-nowrap {
  flex-wrap: nowrap !important;
}
.or-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
@media screen and (min-width: 576px) {
  .or-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 576px) {
  .or-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-wrap {
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .or-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .or-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.or-gap-0 {
  gap: 0px !important;
}
.or-gap-1 {
  gap: 2px !important;
}
.or-gap-2 {
  gap: 4px !important;
}
.or-gap-3 {
  gap: 8px !important;
}
.or-gap-4 {
  gap: 12px !important;
}
.or-gap-5 {
  gap: 16px !important;
}
.or-gap-6 {
  gap: 24px !important;
}
.or-gap-7 {
  gap: 32px !important;
}
.or-gap-8 {
  gap: 40px !important;
}
.or-gap-9 {
  gap: 48px !important;
}
.or-gap-10 {
  gap: 64px !important;
}
.or-gap-11 {
  gap: 80px !important;
}
.or-gap-12 {
  gap: 96px !important;
}
.or-gap-13 {
  gap: 112px !important;
}
.or-gap-14 {
  gap: 128px !important;
}
.or-gap-15 {
  gap: 144px !important;
}
.or-gap-16 {
  gap: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-gap-sm-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-1 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-2 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-3 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-4 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-5 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-6 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-7 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-8 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-9 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-10 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-11 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-12 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-13 {
    gap: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-14 {
    gap: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-15 {
    gap: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-16 {
    gap: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-1 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-2 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-3 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-4 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-5 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-6 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-7 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-8 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-9 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-10 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-11 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-12 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-13 {
    gap: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-14 {
    gap: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-15 {
    gap: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-16 {
    gap: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-1 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-2 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-3 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-4 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-5 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-6 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-7 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-8 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-9 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-10 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-11 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-12 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-13 {
    gap: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-14 {
    gap: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-15 {
    gap: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-16 {
    gap: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-1 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-2 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-3 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-4 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-5 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-6 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-7 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-8 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-9 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-10 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-11 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-12 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-13 {
    gap: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-14 {
    gap: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-15 {
    gap: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-16 {
    gap: 160px !important;
  }
}
.or-gap-0-pc {
  gap: 0% !important;
}
.or-gap-5-pc {
  gap: 5% !important;
}
.or-gap-10-pc {
  gap: 10% !important;
}
.or-gap-15-pc {
  gap: 15% !important;
}
.or-gap-20-pc {
  gap: 20% !important;
}
.or-gap-25-pc {
  gap: 25% !important;
}
.or-gap-30-pc {
  gap: 30% !important;
}
.or-gap-35-pc {
  gap: 35% !important;
}
.or-gap-40-pc {
  gap: 40% !important;
}
.or-gap-45-pc {
  gap: 45% !important;
}
.or-gap-50-pc {
  gap: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-gap-sm-0-pc {
    gap: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-5-pc {
    gap: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-10-pc {
    gap: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-15-pc {
    gap: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-20-pc {
    gap: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-25-pc {
    gap: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-30-pc {
    gap: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-35-pc {
    gap: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-40-pc {
    gap: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-45-pc {
    gap: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-gap-sm-50-pc {
    gap: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-0-pc {
    gap: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-5-pc {
    gap: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-10-pc {
    gap: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-15-pc {
    gap: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-20-pc {
    gap: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-25-pc {
    gap: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-30-pc {
    gap: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-35-pc {
    gap: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-40-pc {
    gap: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-45-pc {
    gap: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-gap-md-50-pc {
    gap: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-0-pc {
    gap: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-5-pc {
    gap: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-10-pc {
    gap: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-15-pc {
    gap: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-20-pc {
    gap: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-25-pc {
    gap: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-30-pc {
    gap: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-35-pc {
    gap: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-40-pc {
    gap: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-45-pc {
    gap: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-gap-lg-50-pc {
    gap: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-0-pc {
    gap: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-5-pc {
    gap: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-10-pc {
    gap: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-15-pc {
    gap: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-20-pc {
    gap: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-25-pc {
    gap: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-30-pc {
    gap: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-35-pc {
    gap: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-40-pc {
    gap: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-45-pc {
    gap: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-gap-xl-50-pc {
    gap: 50% !important;
  }
}
.or-row-gap-0 {
  row-gap: 0px !important;
}
.or-row-gap-1 {
  row-gap: 2px !important;
}
.or-row-gap-2 {
  row-gap: 4px !important;
}
.or-row-gap-3 {
  row-gap: 8px !important;
}
.or-row-gap-4 {
  row-gap: 12px !important;
}
.or-row-gap-5 {
  row-gap: 16px !important;
}
.or-row-gap-6 {
  row-gap: 24px !important;
}
.or-row-gap-7 {
  row-gap: 32px !important;
}
.or-row-gap-8 {
  row-gap: 40px !important;
}
.or-row-gap-9 {
  row-gap: 48px !important;
}
.or-row-gap-10 {
  row-gap: 64px !important;
}
.or-row-gap-11 {
  row-gap: 80px !important;
}
.or-row-gap-12 {
  row-gap: 96px !important;
}
.or-row-gap-13 {
  row-gap: 112px !important;
}
.or-row-gap-14 {
  row-gap: 128px !important;
}
.or-row-gap-15 {
  row-gap: 144px !important;
}
.or-row-gap-16 {
  row-gap: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-0 {
    row-gap: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-1 {
    row-gap: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-2 {
    row-gap: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-3 {
    row-gap: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-4 {
    row-gap: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-5 {
    row-gap: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-6 {
    row-gap: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-7 {
    row-gap: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-8 {
    row-gap: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-9 {
    row-gap: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-10 {
    row-gap: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-11 {
    row-gap: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-12 {
    row-gap: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-13 {
    row-gap: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-14 {
    row-gap: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-15 {
    row-gap: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-16 {
    row-gap: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-0 {
    row-gap: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-1 {
    row-gap: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-2 {
    row-gap: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-3 {
    row-gap: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-4 {
    row-gap: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-5 {
    row-gap: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-6 {
    row-gap: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-7 {
    row-gap: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-8 {
    row-gap: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-9 {
    row-gap: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-10 {
    row-gap: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-11 {
    row-gap: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-12 {
    row-gap: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-13 {
    row-gap: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-14 {
    row-gap: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-15 {
    row-gap: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-16 {
    row-gap: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-0 {
    row-gap: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-1 {
    row-gap: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-2 {
    row-gap: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-3 {
    row-gap: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-4 {
    row-gap: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-5 {
    row-gap: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-6 {
    row-gap: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-7 {
    row-gap: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-8 {
    row-gap: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-9 {
    row-gap: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-10 {
    row-gap: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-11 {
    row-gap: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-12 {
    row-gap: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-13 {
    row-gap: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-14 {
    row-gap: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-15 {
    row-gap: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-16 {
    row-gap: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-0 {
    row-gap: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-1 {
    row-gap: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-2 {
    row-gap: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-3 {
    row-gap: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-4 {
    row-gap: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-5 {
    row-gap: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-6 {
    row-gap: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-7 {
    row-gap: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-8 {
    row-gap: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-9 {
    row-gap: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-10 {
    row-gap: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-11 {
    row-gap: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-12 {
    row-gap: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-13 {
    row-gap: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-14 {
    row-gap: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-15 {
    row-gap: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-16 {
    row-gap: 160px !important;
  }
}
.or-row-gap-0-pc {
  row-gap: 0% !important;
}
.or-row-gap-5-pc {
  row-gap: 5% !important;
}
.or-row-gap-10-pc {
  row-gap: 10% !important;
}
.or-row-gap-15-pc {
  row-gap: 15% !important;
}
.or-row-gap-20-pc {
  row-gap: 20% !important;
}
.or-row-gap-25-pc {
  row-gap: 25% !important;
}
.or-row-gap-30-pc {
  row-gap: 30% !important;
}
.or-row-gap-35-pc {
  row-gap: 35% !important;
}
.or-row-gap-40-pc {
  row-gap: 40% !important;
}
.or-row-gap-45-pc {
  row-gap: 45% !important;
}
.or-row-gap-50-pc {
  row-gap: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-0-pc {
    row-gap: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-5-pc {
    row-gap: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-10-pc {
    row-gap: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-15-pc {
    row-gap: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-20-pc {
    row-gap: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-25-pc {
    row-gap: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-30-pc {
    row-gap: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-35-pc {
    row-gap: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-40-pc {
    row-gap: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-45-pc {
    row-gap: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-row-gap-sm-50-pc {
    row-gap: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-0-pc {
    row-gap: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-5-pc {
    row-gap: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-10-pc {
    row-gap: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-15-pc {
    row-gap: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-20-pc {
    row-gap: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-25-pc {
    row-gap: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-30-pc {
    row-gap: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-35-pc {
    row-gap: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-40-pc {
    row-gap: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-45-pc {
    row-gap: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-row-gap-md-50-pc {
    row-gap: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-0-pc {
    row-gap: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-5-pc {
    row-gap: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-10-pc {
    row-gap: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-15-pc {
    row-gap: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-20-pc {
    row-gap: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-25-pc {
    row-gap: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-30-pc {
    row-gap: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-35-pc {
    row-gap: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-40-pc {
    row-gap: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-45-pc {
    row-gap: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-row-gap-lg-50-pc {
    row-gap: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-0-pc {
    row-gap: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-5-pc {
    row-gap: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-10-pc {
    row-gap: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-15-pc {
    row-gap: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-20-pc {
    row-gap: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-25-pc {
    row-gap: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-30-pc {
    row-gap: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-35-pc {
    row-gap: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-40-pc {
    row-gap: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-45-pc {
    row-gap: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-row-gap-xl-50-pc {
    row-gap: 50% !important;
  }
}
.or-col-gap-0 {
  column-gap: 0px !important;
}
.or-col-gap-1 {
  column-gap: 2px !important;
}
.or-col-gap-2 {
  column-gap: 4px !important;
}
.or-col-gap-3 {
  column-gap: 8px !important;
}
.or-col-gap-4 {
  column-gap: 12px !important;
}
.or-col-gap-5 {
  column-gap: 16px !important;
}
.or-col-gap-6 {
  column-gap: 24px !important;
}
.or-col-gap-7 {
  column-gap: 32px !important;
}
.or-col-gap-8 {
  column-gap: 40px !important;
}
.or-col-gap-9 {
  column-gap: 48px !important;
}
.or-col-gap-10 {
  column-gap: 64px !important;
}
.or-col-gap-11 {
  column-gap: 80px !important;
}
.or-col-gap-12 {
  column-gap: 96px !important;
}
.or-col-gap-13 {
  column-gap: 112px !important;
}
.or-col-gap-14 {
  column-gap: 128px !important;
}
.or-col-gap-15 {
  column-gap: 144px !important;
}
.or-col-gap-16 {
  column-gap: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-0 {
    column-gap: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-1 {
    column-gap: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-2 {
    column-gap: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-3 {
    column-gap: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-4 {
    column-gap: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-5 {
    column-gap: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-6 {
    column-gap: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-7 {
    column-gap: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-8 {
    column-gap: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-9 {
    column-gap: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-10 {
    column-gap: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-11 {
    column-gap: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-12 {
    column-gap: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-13 {
    column-gap: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-14 {
    column-gap: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-15 {
    column-gap: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-16 {
    column-gap: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-0 {
    column-gap: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-1 {
    column-gap: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-2 {
    column-gap: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-3 {
    column-gap: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-4 {
    column-gap: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-5 {
    column-gap: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-6 {
    column-gap: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-7 {
    column-gap: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-8 {
    column-gap: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-9 {
    column-gap: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-10 {
    column-gap: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-11 {
    column-gap: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-12 {
    column-gap: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-13 {
    column-gap: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-14 {
    column-gap: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-15 {
    column-gap: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-16 {
    column-gap: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-0 {
    column-gap: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-1 {
    column-gap: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-2 {
    column-gap: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-3 {
    column-gap: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-4 {
    column-gap: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-5 {
    column-gap: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-6 {
    column-gap: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-7 {
    column-gap: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-8 {
    column-gap: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-9 {
    column-gap: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-10 {
    column-gap: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-11 {
    column-gap: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-12 {
    column-gap: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-13 {
    column-gap: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-14 {
    column-gap: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-15 {
    column-gap: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-16 {
    column-gap: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-0 {
    column-gap: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-1 {
    column-gap: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-2 {
    column-gap: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-3 {
    column-gap: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-4 {
    column-gap: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-5 {
    column-gap: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-6 {
    column-gap: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-7 {
    column-gap: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-8 {
    column-gap: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-9 {
    column-gap: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-10 {
    column-gap: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-11 {
    column-gap: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-12 {
    column-gap: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-13 {
    column-gap: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-14 {
    column-gap: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-15 {
    column-gap: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-16 {
    column-gap: 160px !important;
  }
}
.or-col-gap-0-pc {
  column-gap: 0% !important;
}
.or-col-gap-5-pc {
  column-gap: 5% !important;
}
.or-col-gap-10-pc {
  column-gap: 10% !important;
}
.or-col-gap-15-pc {
  column-gap: 15% !important;
}
.or-col-gap-20-pc {
  column-gap: 20% !important;
}
.or-col-gap-25-pc {
  column-gap: 25% !important;
}
.or-col-gap-30-pc {
  column-gap: 30% !important;
}
.or-col-gap-35-pc {
  column-gap: 35% !important;
}
.or-col-gap-40-pc {
  column-gap: 40% !important;
}
.or-col-gap-45-pc {
  column-gap: 45% !important;
}
.or-col-gap-50-pc {
  column-gap: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-0-pc {
    column-gap: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-5-pc {
    column-gap: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-10-pc {
    column-gap: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-15-pc {
    column-gap: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-20-pc {
    column-gap: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-25-pc {
    column-gap: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-30-pc {
    column-gap: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-35-pc {
    column-gap: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-40-pc {
    column-gap: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-45-pc {
    column-gap: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-col-gap-sm-50-pc {
    column-gap: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-0-pc {
    column-gap: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-5-pc {
    column-gap: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-10-pc {
    column-gap: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-15-pc {
    column-gap: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-20-pc {
    column-gap: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-25-pc {
    column-gap: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-30-pc {
    column-gap: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-35-pc {
    column-gap: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-40-pc {
    column-gap: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-45-pc {
    column-gap: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-col-gap-md-50-pc {
    column-gap: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-0-pc {
    column-gap: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-5-pc {
    column-gap: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-10-pc {
    column-gap: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-15-pc {
    column-gap: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-20-pc {
    column-gap: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-25-pc {
    column-gap: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-30-pc {
    column-gap: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-35-pc {
    column-gap: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-40-pc {
    column-gap: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-45-pc {
    column-gap: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-col-gap-lg-50-pc {
    column-gap: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-0-pc {
    column-gap: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-5-pc {
    column-gap: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-10-pc {
    column-gap: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-15-pc {
    column-gap: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-20-pc {
    column-gap: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-25-pc {
    column-gap: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-30-pc {
    column-gap: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-35-pc {
    column-gap: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-40-pc {
    column-gap: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-45-pc {
    column-gap: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-col-gap-xl-50-pc {
    column-gap: 50% !important;
  }
}
.or-grid-row-gap-0 {
  grid-row-gap: 0px !important;
}
.or-grid-row-gap-1 {
  grid-row-gap: 2px !important;
}
.or-grid-row-gap-2 {
  grid-row-gap: 4px !important;
}
.or-grid-row-gap-3 {
  grid-row-gap: 8px !important;
}
.or-grid-row-gap-4 {
  grid-row-gap: 12px !important;
}
.or-grid-row-gap-5 {
  grid-row-gap: 16px !important;
}
.or-grid-row-gap-6 {
  grid-row-gap: 24px !important;
}
.or-grid-row-gap-7 {
  grid-row-gap: 32px !important;
}
.or-grid-row-gap-8 {
  grid-row-gap: 40px !important;
}
.or-grid-row-gap-9 {
  grid-row-gap: 48px !important;
}
.or-grid-row-gap-10 {
  grid-row-gap: 64px !important;
}
.or-grid-row-gap-11 {
  grid-row-gap: 80px !important;
}
.or-grid-row-gap-12 {
  grid-row-gap: 96px !important;
}
.or-grid-row-gap-13 {
  grid-row-gap: 112px !important;
}
.or-grid-row-gap-14 {
  grid-row-gap: 128px !important;
}
.or-grid-row-gap-15 {
  grid-row-gap: 144px !important;
}
.or-grid-row-gap-16 {
  grid-row-gap: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-0 {
    grid-row-gap: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-1 {
    grid-row-gap: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-2 {
    grid-row-gap: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-3 {
    grid-row-gap: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-4 {
    grid-row-gap: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-5 {
    grid-row-gap: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-6 {
    grid-row-gap: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-7 {
    grid-row-gap: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-8 {
    grid-row-gap: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-9 {
    grid-row-gap: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-10 {
    grid-row-gap: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-11 {
    grid-row-gap: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-12 {
    grid-row-gap: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-13 {
    grid-row-gap: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-14 {
    grid-row-gap: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-15 {
    grid-row-gap: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-16 {
    grid-row-gap: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-0 {
    grid-row-gap: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-1 {
    grid-row-gap: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-2 {
    grid-row-gap: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-3 {
    grid-row-gap: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-4 {
    grid-row-gap: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-5 {
    grid-row-gap: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-6 {
    grid-row-gap: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-7 {
    grid-row-gap: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-8 {
    grid-row-gap: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-9 {
    grid-row-gap: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-10 {
    grid-row-gap: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-11 {
    grid-row-gap: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-12 {
    grid-row-gap: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-13 {
    grid-row-gap: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-14 {
    grid-row-gap: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-15 {
    grid-row-gap: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-16 {
    grid-row-gap: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-0 {
    grid-row-gap: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-1 {
    grid-row-gap: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-2 {
    grid-row-gap: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-3 {
    grid-row-gap: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-4 {
    grid-row-gap: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-5 {
    grid-row-gap: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-6 {
    grid-row-gap: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-7 {
    grid-row-gap: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-8 {
    grid-row-gap: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-9 {
    grid-row-gap: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-10 {
    grid-row-gap: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-11 {
    grid-row-gap: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-12 {
    grid-row-gap: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-13 {
    grid-row-gap: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-14 {
    grid-row-gap: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-15 {
    grid-row-gap: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-16 {
    grid-row-gap: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-0 {
    grid-row-gap: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-1 {
    grid-row-gap: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-2 {
    grid-row-gap: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-3 {
    grid-row-gap: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-4 {
    grid-row-gap: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-5 {
    grid-row-gap: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-6 {
    grid-row-gap: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-7 {
    grid-row-gap: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-8 {
    grid-row-gap: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-9 {
    grid-row-gap: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-10 {
    grid-row-gap: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-11 {
    grid-row-gap: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-12 {
    grid-row-gap: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-13 {
    grid-row-gap: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-14 {
    grid-row-gap: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-15 {
    grid-row-gap: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-16 {
    grid-row-gap: 160px !important;
  }
}
.or-grid-row-gap-0-pc {
  grid-row-gap: 0% !important;
}
.or-grid-row-gap-5-pc {
  grid-row-gap: 5% !important;
}
.or-grid-row-gap-10-pc {
  grid-row-gap: 10% !important;
}
.or-grid-row-gap-15-pc {
  grid-row-gap: 15% !important;
}
.or-grid-row-gap-20-pc {
  grid-row-gap: 20% !important;
}
.or-grid-row-gap-25-pc {
  grid-row-gap: 25% !important;
}
.or-grid-row-gap-30-pc {
  grid-row-gap: 30% !important;
}
.or-grid-row-gap-35-pc {
  grid-row-gap: 35% !important;
}
.or-grid-row-gap-40-pc {
  grid-row-gap: 40% !important;
}
.or-grid-row-gap-45-pc {
  grid-row-gap: 45% !important;
}
.or-grid-row-gap-50-pc {
  grid-row-gap: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-0-pc {
    grid-row-gap: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-5-pc {
    grid-row-gap: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-10-pc {
    grid-row-gap: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-15-pc {
    grid-row-gap: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-20-pc {
    grid-row-gap: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-25-pc {
    grid-row-gap: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-30-pc {
    grid-row-gap: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-35-pc {
    grid-row-gap: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-40-pc {
    grid-row-gap: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-45-pc {
    grid-row-gap: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-grid-row-gap-sm-50-pc {
    grid-row-gap: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-0-pc {
    grid-row-gap: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-5-pc {
    grid-row-gap: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-10-pc {
    grid-row-gap: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-15-pc {
    grid-row-gap: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-20-pc {
    grid-row-gap: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-25-pc {
    grid-row-gap: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-30-pc {
    grid-row-gap: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-35-pc {
    grid-row-gap: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-40-pc {
    grid-row-gap: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-45-pc {
    grid-row-gap: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-grid-row-gap-md-50-pc {
    grid-row-gap: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-0-pc {
    grid-row-gap: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-5-pc {
    grid-row-gap: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-10-pc {
    grid-row-gap: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-15-pc {
    grid-row-gap: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-20-pc {
    grid-row-gap: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-25-pc {
    grid-row-gap: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-30-pc {
    grid-row-gap: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-35-pc {
    grid-row-gap: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-40-pc {
    grid-row-gap: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-45-pc {
    grid-row-gap: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-grid-row-gap-lg-50-pc {
    grid-row-gap: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-0-pc {
    grid-row-gap: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-5-pc {
    grid-row-gap: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-10-pc {
    grid-row-gap: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-15-pc {
    grid-row-gap: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-20-pc {
    grid-row-gap: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-25-pc {
    grid-row-gap: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-30-pc {
    grid-row-gap: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-35-pc {
    grid-row-gap: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-40-pc {
    grid-row-gap: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-45-pc {
    grid-row-gap: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-grid-row-gap-xl-50-pc {
    grid-row-gap: 50% !important;
  }
}
.or-position-static {
  position: static !important;
}
.or-position-relative {
  position: relative !important;
}
.or-position-absolute {
  position: absolute !important;
}
.or-position-fixed {
  position: fixed !important;
}
.or-position-sticky {
  position: sticky !important;
}
@media screen and (min-width: 576px) {
  .or-position-sm-static {
    position: static !important;
  }
}
@media screen and (min-width: 576px) {
  .or-position-sm-relative {
    position: relative !important;
  }
}
@media screen and (min-width: 576px) {
  .or-position-sm-absolute {
    position: absolute !important;
  }
}
@media screen and (min-width: 576px) {
  .or-position-sm-fixed {
    position: fixed !important;
  }
}
@media screen and (min-width: 576px) {
  .or-position-sm-sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .or-position-md-static {
    position: static !important;
  }
}
@media screen and (min-width: 768px) {
  .or-position-md-relative {
    position: relative !important;
  }
}
@media screen and (min-width: 768px) {
  .or-position-md-absolute {
    position: absolute !important;
  }
}
@media screen and (min-width: 768px) {
  .or-position-md-fixed {
    position: fixed !important;
  }
}
@media screen and (min-width: 768px) {
  .or-position-md-sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .or-position-lg-static {
    position: static !important;
  }
}
@media screen and (min-width: 992px) {
  .or-position-lg-relative {
    position: relative !important;
  }
}
@media screen and (min-width: 992px) {
  .or-position-lg-absolute {
    position: absolute !important;
  }
}
@media screen and (min-width: 992px) {
  .or-position-lg-fixed {
    position: fixed !important;
  }
}
@media screen and (min-width: 992px) {
  .or-position-lg-sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-position-xl-static {
    position: static !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-position-xl-relative {
    position: relative !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-position-xl-absolute {
    position: absolute !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-position-xl-fixed {
    position: fixed !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-position-xl-sticky {
    position: sticky !important;
  }
}
.or-h-0-px {
  height: 0px !important;
  --height: 0px !important;
}
.or-h-2-px {
  height: 2px !important;
  --height: 2px !important;
}
.or-h-4-px {
  height: 4px !important;
  --height: 4px !important;
}
.or-h-6-px {
  height: 6px !important;
  --height: 6px !important;
}
.or-h-8-px {
  height: 8px !important;
  --height: 8px !important;
}
.or-h-12-px {
  height: 12px !important;
  --height: 12px !important;
}
.or-h-16-px {
  height: 16px !important;
  --height: 16px !important;
}
.or-h-20-px {
  height: 20px !important;
  --height: 20px !important;
}
.or-h-24-px {
  height: 24px !important;
  --height: 24px !important;
}
.or-h-28-px {
  height: 28px !important;
  --height: 28px !important;
}
.or-h-32-px {
  height: 32px !important;
  --height: 32px !important;
}
.or-h-36-px {
  height: 36px !important;
  --height: 36px !important;
}
.or-h-40-px {
  height: 40px !important;
  --height: 40px !important;
}
.or-h-48-px {
  height: 48px !important;
  --height: 48px !important;
}
.or-h-52-px {
  height: 52px !important;
  --height: 52px !important;
}
.or-h-56-px {
  height: 56px !important;
  --height: 56px !important;
}
.or-h-60-px {
  height: 60px !important;
  --height: 60px !important;
}
.or-h-64-px {
  height: 64px !important;
  --height: 64px !important;
}
.or-h-68-px {
  height: 68px !important;
  --height: 68px !important;
}
.or-h-72-px {
  height: 72px !important;
  --height: 72px !important;
}
.or-h-76-px {
  height: 76px !important;
  --height: 76px !important;
}
.or-h-80-px {
  height: 80px !important;
  --height: 80px !important;
}
.or-h-84-px {
  height: 84px !important;
  --height: 84px !important;
}
.or-h-88-px {
  height: 88px !important;
  --height: 88px !important;
}
.or-h-92-px {
  height: 92px !important;
  --height: 92px !important;
}
.or-h-96-px {
  height: 96px !important;
  --height: 96px !important;
}
.or-h-112-px {
  height: 112px !important;
  --height: 112px !important;
}
.or-h-128-px {
  height: 128px !important;
  --height: 128px !important;
}
.or-h-144-px {
  height: 144px !important;
  --height: 144px !important;
}
.or-h-160-px {
  height: 160px !important;
  --height: 160px !important;
}
.or-h-180-px {
  height: 180px !important;
  --height: 180px !important;
}
.or-h-200-px {
  height: 200px !important;
  --height: 200px !important;
}
.or-h-240-px {
  height: 240px !important;
  --height: 240px !important;
}
.or-h-280-px {
  height: 280px !important;
  --height: 280px !important;
}
.or-h-320-px {
  height: 320px !important;
  --height: 320px !important;
}
.or-h-360-px {
  height: 360px !important;
  --height: 360px !important;
}
.or-h-400-px {
  height: 400px !important;
  --height: 400px !important;
}
.or-h-440-px {
  height: 440px !important;
  --height: 440px !important;
}
.or-h-480-px {
  height: 480px !important;
  --height: 480px !important;
}
.or-h-520-px {
  height: 520px !important;
  --height: 520px !important;
}
.or-h-560-px {
  height: 560px !important;
  --height: 560px !important;
}
.or-h-600-px {
  height: 600px !important;
  --height: 600px !important;
}
.or-h-640-px {
  height: 640px !important;
  --height: 640px !important;
}
.or-h-680-px {
  height: 680px !important;
  --height: 680px !important;
}
.or-h-720-px {
  height: 720px !important;
  --height: 720px !important;
}
.or-h-760-px {
  height: 760px !important;
  --height: 760px !important;
}
.or-h-800-px {
  height: 800px !important;
  --height: 800px !important;
}
.or-h-840-px {
  height: 840px !important;
  --height: 840px !important;
}
.or-h-880-px {
  height: 880px !important;
  --height: 880px !important;
}
.or-h-920-px {
  height: 920px !important;
  --height: 920px !important;
}
.or-h-960-px {
  height: 960px !important;
  --height: 960px !important;
}
.or-h-1000-px {
  height: 1000px !important;
  --height: 1000px !important;
}
.or-h-1040-px {
  height: 1040px !important;
  --height: 1040px !important;
}
.or-h-1080-px {
  height: 1080px !important;
  --height: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-h-sm-0-px {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-2-px {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-4-px {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-6-px {
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-8-px {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-12-px {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-16-px {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-20-px {
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-24-px {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-28-px {
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-32-px {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-36-px {
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-40-px {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-48-px {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-52-px {
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-56-px {
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-60-px {
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-64-px {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-68-px {
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-72-px {
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-76-px {
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-80-px {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-84-px {
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-88-px {
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-92-px {
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-96-px {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-112-px {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-128-px {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-144-px {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-160-px {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-180-px {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-200-px {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-240-px {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-280-px {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-320-px {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-360-px {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-400-px {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-440-px {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-480-px {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-520-px {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-560-px {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-600-px {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-640-px {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-680-px {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-720-px {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-760-px {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-800-px {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-840-px {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-880-px {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-920-px {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-960-px {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-1000-px {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-1040-px {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-1080-px {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-0-px {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-2-px {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-4-px {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-6-px {
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-8-px {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-12-px {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-16-px {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-20-px {
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-24-px {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-28-px {
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-32-px {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-36-px {
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-40-px {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-48-px {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-52-px {
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-56-px {
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-60-px {
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-64-px {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-68-px {
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-72-px {
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-76-px {
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-80-px {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-84-px {
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-88-px {
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-92-px {
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-96-px {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-112-px {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-128-px {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-144-px {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-160-px {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-180-px {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-200-px {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-240-px {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-280-px {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-320-px {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-360-px {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-400-px {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-440-px {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-480-px {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-520-px {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-560-px {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-600-px {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-640-px {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-680-px {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-720-px {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-760-px {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-800-px {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-840-px {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-880-px {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-920-px {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-960-px {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-1000-px {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-1040-px {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-1080-px {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-0-px {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-2-px {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-4-px {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-6-px {
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-8-px {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-12-px {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-16-px {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-20-px {
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-24-px {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-28-px {
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-32-px {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-36-px {
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-40-px {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-48-px {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-52-px {
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-56-px {
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-60-px {
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-64-px {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-68-px {
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-72-px {
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-76-px {
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-80-px {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-84-px {
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-88-px {
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-92-px {
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-96-px {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-112-px {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-128-px {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-144-px {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-160-px {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-180-px {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-200-px {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-240-px {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-280-px {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-320-px {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-360-px {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-400-px {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-440-px {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-480-px {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-520-px {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-560-px {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-600-px {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-640-px {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-680-px {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-720-px {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-760-px {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-800-px {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-840-px {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-880-px {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-920-px {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-960-px {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-1000-px {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-1040-px {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-1080-px {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-0-px {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-2-px {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-4-px {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-6-px {
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-8-px {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-12-px {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-16-px {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-20-px {
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-24-px {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-28-px {
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-32-px {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-36-px {
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-40-px {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-48-px {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-52-px {
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-56-px {
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-60-px {
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-64-px {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-68-px {
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-72-px {
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-76-px {
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-80-px {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-84-px {
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-88-px {
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-92-px {
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-96-px {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-112-px {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-128-px {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-144-px {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-160-px {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-180-px {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-200-px {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-240-px {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-280-px {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-320-px {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-360-px {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-400-px {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-440-px {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-480-px {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-520-px {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-560-px {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-600-px {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-640-px {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-680-px {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-720-px {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-760-px {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-800-px {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-840-px {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-880-px {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-920-px {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-960-px {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-1000-px {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-1040-px {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-1080-px {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
.or-min-h-0-px {
  min-height: 0px !important;
  --min-height: 0px !important;
}
.or-min-h-2-px {
  min-height: 2px !important;
  --min-height: 2px !important;
}
.or-min-h-4-px {
  min-height: 4px !important;
  --min-height: 4px !important;
}
.or-min-h-6-px {
  min-height: 6px !important;
  --min-height: 6px !important;
}
.or-min-h-8-px {
  min-height: 8px !important;
  --min-height: 8px !important;
}
.or-min-h-12-px {
  min-height: 12px !important;
  --min-height: 12px !important;
}
.or-min-h-16-px {
  min-height: 16px !important;
  --min-height: 16px !important;
}
.or-min-h-20-px {
  min-height: 20px !important;
  --min-height: 20px !important;
}
.or-min-h-24-px {
  min-height: 24px !important;
  --min-height: 24px !important;
}
.or-min-h-28-px {
  min-height: 28px !important;
  --min-height: 28px !important;
}
.or-min-h-32-px {
  min-height: 32px !important;
  --min-height: 32px !important;
}
.or-min-h-36-px {
  min-height: 36px !important;
  --min-height: 36px !important;
}
.or-min-h-40-px {
  min-height: 40px !important;
  --min-height: 40px !important;
}
.or-min-h-48-px {
  min-height: 48px !important;
  --min-height: 48px !important;
}
.or-min-h-52-px {
  min-height: 52px !important;
  --min-height: 52px !important;
}
.or-min-h-56-px {
  min-height: 56px !important;
  --min-height: 56px !important;
}
.or-min-h-60-px {
  min-height: 60px !important;
  --min-height: 60px !important;
}
.or-min-h-64-px {
  min-height: 64px !important;
  --min-height: 64px !important;
}
.or-min-h-68-px {
  min-height: 68px !important;
  --min-height: 68px !important;
}
.or-min-h-72-px {
  min-height: 72px !important;
  --min-height: 72px !important;
}
.or-min-h-76-px {
  min-height: 76px !important;
  --min-height: 76px !important;
}
.or-min-h-80-px {
  min-height: 80px !important;
  --min-height: 80px !important;
}
.or-min-h-84-px {
  min-height: 84px !important;
  --min-height: 84px !important;
}
.or-min-h-88-px {
  min-height: 88px !important;
  --min-height: 88px !important;
}
.or-min-h-92-px {
  min-height: 92px !important;
  --min-height: 92px !important;
}
.or-min-h-96-px {
  min-height: 96px !important;
  --min-height: 96px !important;
}
.or-min-h-112-px {
  min-height: 112px !important;
  --min-height: 112px !important;
}
.or-min-h-128-px {
  min-height: 128px !important;
  --min-height: 128px !important;
}
.or-min-h-144-px {
  min-height: 144px !important;
  --min-height: 144px !important;
}
.or-min-h-160-px {
  min-height: 160px !important;
  --min-height: 160px !important;
}
.or-min-h-180-px {
  min-height: 180px !important;
  --min-height: 180px !important;
}
.or-min-h-200-px {
  min-height: 200px !important;
  --min-height: 200px !important;
}
.or-min-h-240-px {
  min-height: 240px !important;
  --min-height: 240px !important;
}
.or-min-h-280-px {
  min-height: 280px !important;
  --min-height: 280px !important;
}
.or-min-h-320-px {
  min-height: 320px !important;
  --min-height: 320px !important;
}
.or-min-h-360-px {
  min-height: 360px !important;
  --min-height: 360px !important;
}
.or-min-h-400-px {
  min-height: 400px !important;
  --min-height: 400px !important;
}
.or-min-h-440-px {
  min-height: 440px !important;
  --min-height: 440px !important;
}
.or-min-h-480-px {
  min-height: 480px !important;
  --min-height: 480px !important;
}
.or-min-h-520-px {
  min-height: 520px !important;
  --min-height: 520px !important;
}
.or-min-h-560-px {
  min-height: 560px !important;
  --min-height: 560px !important;
}
.or-min-h-600-px {
  min-height: 600px !important;
  --min-height: 600px !important;
}
.or-min-h-640-px {
  min-height: 640px !important;
  --min-height: 640px !important;
}
.or-min-h-680-px {
  min-height: 680px !important;
  --min-height: 680px !important;
}
.or-min-h-720-px {
  min-height: 720px !important;
  --min-height: 720px !important;
}
.or-min-h-760-px {
  min-height: 760px !important;
  --min-height: 760px !important;
}
.or-min-h-800-px {
  min-height: 800px !important;
  --min-height: 800px !important;
}
.or-min-h-840-px {
  min-height: 840px !important;
  --min-height: 840px !important;
}
.or-min-h-880-px {
  min-height: 880px !important;
  --min-height: 880px !important;
}
.or-min-h-920-px {
  min-height: 920px !important;
  --min-height: 920px !important;
}
.or-min-h-960-px {
  min-height: 960px !important;
  --min-height: 960px !important;
}
.or-min-h-1000-px {
  min-height: 1000px !important;
  --min-height: 1000px !important;
}
.or-min-h-1040-px {
  min-height: 1040px !important;
  --min-height: 1040px !important;
}
.or-min-h-1080-px {
  min-height: 1080px !important;
  --min-height: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-0-px {
    min-height: 0px !important;
    --min-height: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-2-px {
    min-height: 2px !important;
    --min-height: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-4-px {
    min-height: 4px !important;
    --min-height: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-6-px {
    min-height: 6px !important;
    --min-height: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-8-px {
    min-height: 8px !important;
    --min-height: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-12-px {
    min-height: 12px !important;
    --min-height: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-16-px {
    min-height: 16px !important;
    --min-height: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-20-px {
    min-height: 20px !important;
    --min-height: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-24-px {
    min-height: 24px !important;
    --min-height: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-28-px {
    min-height: 28px !important;
    --min-height: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-32-px {
    min-height: 32px !important;
    --min-height: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-36-px {
    min-height: 36px !important;
    --min-height: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-40-px {
    min-height: 40px !important;
    --min-height: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-48-px {
    min-height: 48px !important;
    --min-height: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-52-px {
    min-height: 52px !important;
    --min-height: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-56-px {
    min-height: 56px !important;
    --min-height: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-60-px {
    min-height: 60px !important;
    --min-height: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-64-px {
    min-height: 64px !important;
    --min-height: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-68-px {
    min-height: 68px !important;
    --min-height: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-72-px {
    min-height: 72px !important;
    --min-height: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-76-px {
    min-height: 76px !important;
    --min-height: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-80-px {
    min-height: 80px !important;
    --min-height: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-84-px {
    min-height: 84px !important;
    --min-height: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-88-px {
    min-height: 88px !important;
    --min-height: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-92-px {
    min-height: 92px !important;
    --min-height: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-96-px {
    min-height: 96px !important;
    --min-height: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-112-px {
    min-height: 112px !important;
    --min-height: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-128-px {
    min-height: 128px !important;
    --min-height: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-144-px {
    min-height: 144px !important;
    --min-height: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-160-px {
    min-height: 160px !important;
    --min-height: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-180-px {
    min-height: 180px !important;
    --min-height: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-200-px {
    min-height: 200px !important;
    --min-height: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-240-px {
    min-height: 240px !important;
    --min-height: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-280-px {
    min-height: 280px !important;
    --min-height: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-320-px {
    min-height: 320px !important;
    --min-height: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-360-px {
    min-height: 360px !important;
    --min-height: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-400-px {
    min-height: 400px !important;
    --min-height: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-440-px {
    min-height: 440px !important;
    --min-height: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-480-px {
    min-height: 480px !important;
    --min-height: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-520-px {
    min-height: 520px !important;
    --min-height: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-560-px {
    min-height: 560px !important;
    --min-height: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-600-px {
    min-height: 600px !important;
    --min-height: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-640-px {
    min-height: 640px !important;
    --min-height: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-680-px {
    min-height: 680px !important;
    --min-height: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-720-px {
    min-height: 720px !important;
    --min-height: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-760-px {
    min-height: 760px !important;
    --min-height: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-800-px {
    min-height: 800px !important;
    --min-height: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-840-px {
    min-height: 840px !important;
    --min-height: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-880-px {
    min-height: 880px !important;
    --min-height: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-920-px {
    min-height: 920px !important;
    --min-height: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-960-px {
    min-height: 960px !important;
    --min-height: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-1000-px {
    min-height: 1000px !important;
    --min-height: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-1040-px {
    min-height: 1040px !important;
    --min-height: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-1080-px {
    min-height: 1080px !important;
    --min-height: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-0-px {
    min-height: 0px !important;
    --min-height: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-2-px {
    min-height: 2px !important;
    --min-height: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-4-px {
    min-height: 4px !important;
    --min-height: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-6-px {
    min-height: 6px !important;
    --min-height: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-8-px {
    min-height: 8px !important;
    --min-height: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-12-px {
    min-height: 12px !important;
    --min-height: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-16-px {
    min-height: 16px !important;
    --min-height: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-20-px {
    min-height: 20px !important;
    --min-height: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-24-px {
    min-height: 24px !important;
    --min-height: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-28-px {
    min-height: 28px !important;
    --min-height: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-32-px {
    min-height: 32px !important;
    --min-height: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-36-px {
    min-height: 36px !important;
    --min-height: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-40-px {
    min-height: 40px !important;
    --min-height: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-48-px {
    min-height: 48px !important;
    --min-height: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-52-px {
    min-height: 52px !important;
    --min-height: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-56-px {
    min-height: 56px !important;
    --min-height: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-60-px {
    min-height: 60px !important;
    --min-height: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-64-px {
    min-height: 64px !important;
    --min-height: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-68-px {
    min-height: 68px !important;
    --min-height: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-72-px {
    min-height: 72px !important;
    --min-height: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-76-px {
    min-height: 76px !important;
    --min-height: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-80-px {
    min-height: 80px !important;
    --min-height: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-84-px {
    min-height: 84px !important;
    --min-height: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-88-px {
    min-height: 88px !important;
    --min-height: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-92-px {
    min-height: 92px !important;
    --min-height: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-96-px {
    min-height: 96px !important;
    --min-height: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-112-px {
    min-height: 112px !important;
    --min-height: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-128-px {
    min-height: 128px !important;
    --min-height: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-144-px {
    min-height: 144px !important;
    --min-height: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-160-px {
    min-height: 160px !important;
    --min-height: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-180-px {
    min-height: 180px !important;
    --min-height: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-200-px {
    min-height: 200px !important;
    --min-height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-240-px {
    min-height: 240px !important;
    --min-height: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-280-px {
    min-height: 280px !important;
    --min-height: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-320-px {
    min-height: 320px !important;
    --min-height: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-360-px {
    min-height: 360px !important;
    --min-height: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-400-px {
    min-height: 400px !important;
    --min-height: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-440-px {
    min-height: 440px !important;
    --min-height: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-480-px {
    min-height: 480px !important;
    --min-height: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-520-px {
    min-height: 520px !important;
    --min-height: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-560-px {
    min-height: 560px !important;
    --min-height: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-600-px {
    min-height: 600px !important;
    --min-height: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-640-px {
    min-height: 640px !important;
    --min-height: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-680-px {
    min-height: 680px !important;
    --min-height: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-720-px {
    min-height: 720px !important;
    --min-height: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-760-px {
    min-height: 760px !important;
    --min-height: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-800-px {
    min-height: 800px !important;
    --min-height: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-840-px {
    min-height: 840px !important;
    --min-height: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-880-px {
    min-height: 880px !important;
    --min-height: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-920-px {
    min-height: 920px !important;
    --min-height: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-960-px {
    min-height: 960px !important;
    --min-height: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-1000-px {
    min-height: 1000px !important;
    --min-height: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-1040-px {
    min-height: 1040px !important;
    --min-height: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-1080-px {
    min-height: 1080px !important;
    --min-height: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-0-px {
    min-height: 0px !important;
    --min-height: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-2-px {
    min-height: 2px !important;
    --min-height: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-4-px {
    min-height: 4px !important;
    --min-height: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-6-px {
    min-height: 6px !important;
    --min-height: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-8-px {
    min-height: 8px !important;
    --min-height: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-12-px {
    min-height: 12px !important;
    --min-height: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-16-px {
    min-height: 16px !important;
    --min-height: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-20-px {
    min-height: 20px !important;
    --min-height: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-24-px {
    min-height: 24px !important;
    --min-height: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-28-px {
    min-height: 28px !important;
    --min-height: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-32-px {
    min-height: 32px !important;
    --min-height: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-36-px {
    min-height: 36px !important;
    --min-height: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-40-px {
    min-height: 40px !important;
    --min-height: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-48-px {
    min-height: 48px !important;
    --min-height: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-52-px {
    min-height: 52px !important;
    --min-height: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-56-px {
    min-height: 56px !important;
    --min-height: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-60-px {
    min-height: 60px !important;
    --min-height: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-64-px {
    min-height: 64px !important;
    --min-height: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-68-px {
    min-height: 68px !important;
    --min-height: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-72-px {
    min-height: 72px !important;
    --min-height: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-76-px {
    min-height: 76px !important;
    --min-height: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-80-px {
    min-height: 80px !important;
    --min-height: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-84-px {
    min-height: 84px !important;
    --min-height: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-88-px {
    min-height: 88px !important;
    --min-height: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-92-px {
    min-height: 92px !important;
    --min-height: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-96-px {
    min-height: 96px !important;
    --min-height: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-112-px {
    min-height: 112px !important;
    --min-height: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-128-px {
    min-height: 128px !important;
    --min-height: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-144-px {
    min-height: 144px !important;
    --min-height: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-160-px {
    min-height: 160px !important;
    --min-height: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-180-px {
    min-height: 180px !important;
    --min-height: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-200-px {
    min-height: 200px !important;
    --min-height: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-240-px {
    min-height: 240px !important;
    --min-height: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-280-px {
    min-height: 280px !important;
    --min-height: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-320-px {
    min-height: 320px !important;
    --min-height: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-360-px {
    min-height: 360px !important;
    --min-height: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-400-px {
    min-height: 400px !important;
    --min-height: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-440-px {
    min-height: 440px !important;
    --min-height: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-480-px {
    min-height: 480px !important;
    --min-height: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-520-px {
    min-height: 520px !important;
    --min-height: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-560-px {
    min-height: 560px !important;
    --min-height: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-600-px {
    min-height: 600px !important;
    --min-height: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-640-px {
    min-height: 640px !important;
    --min-height: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-680-px {
    min-height: 680px !important;
    --min-height: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-720-px {
    min-height: 720px !important;
    --min-height: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-760-px {
    min-height: 760px !important;
    --min-height: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-800-px {
    min-height: 800px !important;
    --min-height: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-840-px {
    min-height: 840px !important;
    --min-height: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-880-px {
    min-height: 880px !important;
    --min-height: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-920-px {
    min-height: 920px !important;
    --min-height: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-960-px {
    min-height: 960px !important;
    --min-height: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-1000-px {
    min-height: 1000px !important;
    --min-height: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-1040-px {
    min-height: 1040px !important;
    --min-height: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-1080-px {
    min-height: 1080px !important;
    --min-height: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-0-px {
    min-height: 0px !important;
    --min-height: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-2-px {
    min-height: 2px !important;
    --min-height: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-4-px {
    min-height: 4px !important;
    --min-height: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-6-px {
    min-height: 6px !important;
    --min-height: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-8-px {
    min-height: 8px !important;
    --min-height: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-12-px {
    min-height: 12px !important;
    --min-height: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-16-px {
    min-height: 16px !important;
    --min-height: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-20-px {
    min-height: 20px !important;
    --min-height: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-24-px {
    min-height: 24px !important;
    --min-height: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-28-px {
    min-height: 28px !important;
    --min-height: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-32-px {
    min-height: 32px !important;
    --min-height: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-36-px {
    min-height: 36px !important;
    --min-height: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-40-px {
    min-height: 40px !important;
    --min-height: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-48-px {
    min-height: 48px !important;
    --min-height: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-52-px {
    min-height: 52px !important;
    --min-height: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-56-px {
    min-height: 56px !important;
    --min-height: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-60-px {
    min-height: 60px !important;
    --min-height: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-64-px {
    min-height: 64px !important;
    --min-height: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-68-px {
    min-height: 68px !important;
    --min-height: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-72-px {
    min-height: 72px !important;
    --min-height: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-76-px {
    min-height: 76px !important;
    --min-height: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-80-px {
    min-height: 80px !important;
    --min-height: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-84-px {
    min-height: 84px !important;
    --min-height: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-88-px {
    min-height: 88px !important;
    --min-height: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-92-px {
    min-height: 92px !important;
    --min-height: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-96-px {
    min-height: 96px !important;
    --min-height: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-112-px {
    min-height: 112px !important;
    --min-height: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-128-px {
    min-height: 128px !important;
    --min-height: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-144-px {
    min-height: 144px !important;
    --min-height: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-160-px {
    min-height: 160px !important;
    --min-height: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-180-px {
    min-height: 180px !important;
    --min-height: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-200-px {
    min-height: 200px !important;
    --min-height: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-240-px {
    min-height: 240px !important;
    --min-height: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-280-px {
    min-height: 280px !important;
    --min-height: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-320-px {
    min-height: 320px !important;
    --min-height: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-360-px {
    min-height: 360px !important;
    --min-height: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-400-px {
    min-height: 400px !important;
    --min-height: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-440-px {
    min-height: 440px !important;
    --min-height: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-480-px {
    min-height: 480px !important;
    --min-height: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-520-px {
    min-height: 520px !important;
    --min-height: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-560-px {
    min-height: 560px !important;
    --min-height: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-600-px {
    min-height: 600px !important;
    --min-height: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-640-px {
    min-height: 640px !important;
    --min-height: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-680-px {
    min-height: 680px !important;
    --min-height: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-720-px {
    min-height: 720px !important;
    --min-height: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-760-px {
    min-height: 760px !important;
    --min-height: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-800-px {
    min-height: 800px !important;
    --min-height: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-840-px {
    min-height: 840px !important;
    --min-height: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-880-px {
    min-height: 880px !important;
    --min-height: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-920-px {
    min-height: 920px !important;
    --min-height: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-960-px {
    min-height: 960px !important;
    --min-height: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-1000-px {
    min-height: 1000px !important;
    --min-height: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-1040-px {
    min-height: 1040px !important;
    --min-height: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-1080-px {
    min-height: 1080px !important;
    --min-height: 1080px !important;
  }
}
.or-max-h-0-px {
  max-height: 0px !important;
  --max-height: 0px !important;
}
.or-max-h-2-px {
  max-height: 2px !important;
  --max-height: 2px !important;
}
.or-max-h-4-px {
  max-height: 4px !important;
  --max-height: 4px !important;
}
.or-max-h-6-px {
  max-height: 6px !important;
  --max-height: 6px !important;
}
.or-max-h-8-px {
  max-height: 8px !important;
  --max-height: 8px !important;
}
.or-max-h-12-px {
  max-height: 12px !important;
  --max-height: 12px !important;
}
.or-max-h-16-px {
  max-height: 16px !important;
  --max-height: 16px !important;
}
.or-max-h-20-px {
  max-height: 20px !important;
  --max-height: 20px !important;
}
.or-max-h-24-px {
  max-height: 24px !important;
  --max-height: 24px !important;
}
.or-max-h-28-px {
  max-height: 28px !important;
  --max-height: 28px !important;
}
.or-max-h-32-px {
  max-height: 32px !important;
  --max-height: 32px !important;
}
.or-max-h-36-px {
  max-height: 36px !important;
  --max-height: 36px !important;
}
.or-max-h-40-px {
  max-height: 40px !important;
  --max-height: 40px !important;
}
.or-max-h-48-px {
  max-height: 48px !important;
  --max-height: 48px !important;
}
.or-max-h-52-px {
  max-height: 52px !important;
  --max-height: 52px !important;
}
.or-max-h-56-px {
  max-height: 56px !important;
  --max-height: 56px !important;
}
.or-max-h-60-px {
  max-height: 60px !important;
  --max-height: 60px !important;
}
.or-max-h-64-px {
  max-height: 64px !important;
  --max-height: 64px !important;
}
.or-max-h-68-px {
  max-height: 68px !important;
  --max-height: 68px !important;
}
.or-max-h-72-px {
  max-height: 72px !important;
  --max-height: 72px !important;
}
.or-max-h-76-px {
  max-height: 76px !important;
  --max-height: 76px !important;
}
.or-max-h-80-px {
  max-height: 80px !important;
  --max-height: 80px !important;
}
.or-max-h-84-px {
  max-height: 84px !important;
  --max-height: 84px !important;
}
.or-max-h-88-px {
  max-height: 88px !important;
  --max-height: 88px !important;
}
.or-max-h-92-px {
  max-height: 92px !important;
  --max-height: 92px !important;
}
.or-max-h-96-px {
  max-height: 96px !important;
  --max-height: 96px !important;
}
.or-max-h-112-px {
  max-height: 112px !important;
  --max-height: 112px !important;
}
.or-max-h-128-px {
  max-height: 128px !important;
  --max-height: 128px !important;
}
.or-max-h-144-px {
  max-height: 144px !important;
  --max-height: 144px !important;
}
.or-max-h-160-px {
  max-height: 160px !important;
  --max-height: 160px !important;
}
.or-max-h-180-px {
  max-height: 180px !important;
  --max-height: 180px !important;
}
.or-max-h-200-px {
  max-height: 200px !important;
  --max-height: 200px !important;
}
.or-max-h-240-px {
  max-height: 240px !important;
  --max-height: 240px !important;
}
.or-max-h-280-px {
  max-height: 280px !important;
  --max-height: 280px !important;
}
.or-max-h-320-px {
  max-height: 320px !important;
  --max-height: 320px !important;
}
.or-max-h-360-px {
  max-height: 360px !important;
  --max-height: 360px !important;
}
.or-max-h-400-px {
  max-height: 400px !important;
  --max-height: 400px !important;
}
.or-max-h-440-px {
  max-height: 440px !important;
  --max-height: 440px !important;
}
.or-max-h-480-px {
  max-height: 480px !important;
  --max-height: 480px !important;
}
.or-max-h-520-px {
  max-height: 520px !important;
  --max-height: 520px !important;
}
.or-max-h-560-px {
  max-height: 560px !important;
  --max-height: 560px !important;
}
.or-max-h-600-px {
  max-height: 600px !important;
  --max-height: 600px !important;
}
.or-max-h-640-px {
  max-height: 640px !important;
  --max-height: 640px !important;
}
.or-max-h-680-px {
  max-height: 680px !important;
  --max-height: 680px !important;
}
.or-max-h-720-px {
  max-height: 720px !important;
  --max-height: 720px !important;
}
.or-max-h-760-px {
  max-height: 760px !important;
  --max-height: 760px !important;
}
.or-max-h-800-px {
  max-height: 800px !important;
  --max-height: 800px !important;
}
.or-max-h-840-px {
  max-height: 840px !important;
  --max-height: 840px !important;
}
.or-max-h-880-px {
  max-height: 880px !important;
  --max-height: 880px !important;
}
.or-max-h-920-px {
  max-height: 920px !important;
  --max-height: 920px !important;
}
.or-max-h-960-px {
  max-height: 960px !important;
  --max-height: 960px !important;
}
.or-max-h-1000-px {
  max-height: 1000px !important;
  --max-height: 1000px !important;
}
.or-max-h-1040-px {
  max-height: 1040px !important;
  --max-height: 1040px !important;
}
.or-max-h-1080-px {
  max-height: 1080px !important;
  --max-height: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-0-px {
    max-height: 0px !important;
    --max-height: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-2-px {
    max-height: 2px !important;
    --max-height: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-4-px {
    max-height: 4px !important;
    --max-height: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-6-px {
    max-height: 6px !important;
    --max-height: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-8-px {
    max-height: 8px !important;
    --max-height: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-12-px {
    max-height: 12px !important;
    --max-height: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-16-px {
    max-height: 16px !important;
    --max-height: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-20-px {
    max-height: 20px !important;
    --max-height: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-24-px {
    max-height: 24px !important;
    --max-height: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-28-px {
    max-height: 28px !important;
    --max-height: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-32-px {
    max-height: 32px !important;
    --max-height: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-36-px {
    max-height: 36px !important;
    --max-height: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-40-px {
    max-height: 40px !important;
    --max-height: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-48-px {
    max-height: 48px !important;
    --max-height: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-52-px {
    max-height: 52px !important;
    --max-height: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-56-px {
    max-height: 56px !important;
    --max-height: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-60-px {
    max-height: 60px !important;
    --max-height: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-64-px {
    max-height: 64px !important;
    --max-height: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-68-px {
    max-height: 68px !important;
    --max-height: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-72-px {
    max-height: 72px !important;
    --max-height: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-76-px {
    max-height: 76px !important;
    --max-height: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-80-px {
    max-height: 80px !important;
    --max-height: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-84-px {
    max-height: 84px !important;
    --max-height: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-88-px {
    max-height: 88px !important;
    --max-height: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-92-px {
    max-height: 92px !important;
    --max-height: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-96-px {
    max-height: 96px !important;
    --max-height: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-112-px {
    max-height: 112px !important;
    --max-height: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-128-px {
    max-height: 128px !important;
    --max-height: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-144-px {
    max-height: 144px !important;
    --max-height: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-160-px {
    max-height: 160px !important;
    --max-height: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-180-px {
    max-height: 180px !important;
    --max-height: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-200-px {
    max-height: 200px !important;
    --max-height: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-240-px {
    max-height: 240px !important;
    --max-height: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-280-px {
    max-height: 280px !important;
    --max-height: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-320-px {
    max-height: 320px !important;
    --max-height: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-360-px {
    max-height: 360px !important;
    --max-height: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-400-px {
    max-height: 400px !important;
    --max-height: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-440-px {
    max-height: 440px !important;
    --max-height: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-480-px {
    max-height: 480px !important;
    --max-height: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-520-px {
    max-height: 520px !important;
    --max-height: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-560-px {
    max-height: 560px !important;
    --max-height: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-600-px {
    max-height: 600px !important;
    --max-height: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-640-px {
    max-height: 640px !important;
    --max-height: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-680-px {
    max-height: 680px !important;
    --max-height: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-720-px {
    max-height: 720px !important;
    --max-height: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-760-px {
    max-height: 760px !important;
    --max-height: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-800-px {
    max-height: 800px !important;
    --max-height: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-840-px {
    max-height: 840px !important;
    --max-height: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-880-px {
    max-height: 880px !important;
    --max-height: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-920-px {
    max-height: 920px !important;
    --max-height: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-960-px {
    max-height: 960px !important;
    --max-height: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-1000-px {
    max-height: 1000px !important;
    --max-height: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-1040-px {
    max-height: 1040px !important;
    --max-height: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-1080-px {
    max-height: 1080px !important;
    --max-height: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-0-px {
    max-height: 0px !important;
    --max-height: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-2-px {
    max-height: 2px !important;
    --max-height: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-4-px {
    max-height: 4px !important;
    --max-height: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-6-px {
    max-height: 6px !important;
    --max-height: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-8-px {
    max-height: 8px !important;
    --max-height: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-12-px {
    max-height: 12px !important;
    --max-height: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-16-px {
    max-height: 16px !important;
    --max-height: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-20-px {
    max-height: 20px !important;
    --max-height: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-24-px {
    max-height: 24px !important;
    --max-height: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-28-px {
    max-height: 28px !important;
    --max-height: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-32-px {
    max-height: 32px !important;
    --max-height: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-36-px {
    max-height: 36px !important;
    --max-height: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-40-px {
    max-height: 40px !important;
    --max-height: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-48-px {
    max-height: 48px !important;
    --max-height: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-52-px {
    max-height: 52px !important;
    --max-height: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-56-px {
    max-height: 56px !important;
    --max-height: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-60-px {
    max-height: 60px !important;
    --max-height: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-64-px {
    max-height: 64px !important;
    --max-height: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-68-px {
    max-height: 68px !important;
    --max-height: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-72-px {
    max-height: 72px !important;
    --max-height: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-76-px {
    max-height: 76px !important;
    --max-height: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-80-px {
    max-height: 80px !important;
    --max-height: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-84-px {
    max-height: 84px !important;
    --max-height: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-88-px {
    max-height: 88px !important;
    --max-height: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-92-px {
    max-height: 92px !important;
    --max-height: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-96-px {
    max-height: 96px !important;
    --max-height: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-112-px {
    max-height: 112px !important;
    --max-height: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-128-px {
    max-height: 128px !important;
    --max-height: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-144-px {
    max-height: 144px !important;
    --max-height: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-160-px {
    max-height: 160px !important;
    --max-height: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-180-px {
    max-height: 180px !important;
    --max-height: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-200-px {
    max-height: 200px !important;
    --max-height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-240-px {
    max-height: 240px !important;
    --max-height: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-280-px {
    max-height: 280px !important;
    --max-height: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-320-px {
    max-height: 320px !important;
    --max-height: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-360-px {
    max-height: 360px !important;
    --max-height: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-400-px {
    max-height: 400px !important;
    --max-height: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-440-px {
    max-height: 440px !important;
    --max-height: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-480-px {
    max-height: 480px !important;
    --max-height: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-520-px {
    max-height: 520px !important;
    --max-height: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-560-px {
    max-height: 560px !important;
    --max-height: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-600-px {
    max-height: 600px !important;
    --max-height: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-640-px {
    max-height: 640px !important;
    --max-height: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-680-px {
    max-height: 680px !important;
    --max-height: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-720-px {
    max-height: 720px !important;
    --max-height: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-760-px {
    max-height: 760px !important;
    --max-height: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-800-px {
    max-height: 800px !important;
    --max-height: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-840-px {
    max-height: 840px !important;
    --max-height: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-880-px {
    max-height: 880px !important;
    --max-height: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-920-px {
    max-height: 920px !important;
    --max-height: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-960-px {
    max-height: 960px !important;
    --max-height: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-1000-px {
    max-height: 1000px !important;
    --max-height: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-1040-px {
    max-height: 1040px !important;
    --max-height: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-1080-px {
    max-height: 1080px !important;
    --max-height: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-0-px {
    max-height: 0px !important;
    --max-height: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-2-px {
    max-height: 2px !important;
    --max-height: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-4-px {
    max-height: 4px !important;
    --max-height: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-6-px {
    max-height: 6px !important;
    --max-height: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-8-px {
    max-height: 8px !important;
    --max-height: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-12-px {
    max-height: 12px !important;
    --max-height: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-16-px {
    max-height: 16px !important;
    --max-height: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-20-px {
    max-height: 20px !important;
    --max-height: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-24-px {
    max-height: 24px !important;
    --max-height: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-28-px {
    max-height: 28px !important;
    --max-height: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-32-px {
    max-height: 32px !important;
    --max-height: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-36-px {
    max-height: 36px !important;
    --max-height: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-40-px {
    max-height: 40px !important;
    --max-height: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-48-px {
    max-height: 48px !important;
    --max-height: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-52-px {
    max-height: 52px !important;
    --max-height: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-56-px {
    max-height: 56px !important;
    --max-height: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-60-px {
    max-height: 60px !important;
    --max-height: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-64-px {
    max-height: 64px !important;
    --max-height: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-68-px {
    max-height: 68px !important;
    --max-height: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-72-px {
    max-height: 72px !important;
    --max-height: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-76-px {
    max-height: 76px !important;
    --max-height: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-80-px {
    max-height: 80px !important;
    --max-height: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-84-px {
    max-height: 84px !important;
    --max-height: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-88-px {
    max-height: 88px !important;
    --max-height: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-92-px {
    max-height: 92px !important;
    --max-height: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-96-px {
    max-height: 96px !important;
    --max-height: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-112-px {
    max-height: 112px !important;
    --max-height: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-128-px {
    max-height: 128px !important;
    --max-height: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-144-px {
    max-height: 144px !important;
    --max-height: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-160-px {
    max-height: 160px !important;
    --max-height: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-180-px {
    max-height: 180px !important;
    --max-height: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-200-px {
    max-height: 200px !important;
    --max-height: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-240-px {
    max-height: 240px !important;
    --max-height: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-280-px {
    max-height: 280px !important;
    --max-height: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-320-px {
    max-height: 320px !important;
    --max-height: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-360-px {
    max-height: 360px !important;
    --max-height: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-400-px {
    max-height: 400px !important;
    --max-height: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-440-px {
    max-height: 440px !important;
    --max-height: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-480-px {
    max-height: 480px !important;
    --max-height: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-520-px {
    max-height: 520px !important;
    --max-height: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-560-px {
    max-height: 560px !important;
    --max-height: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-600-px {
    max-height: 600px !important;
    --max-height: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-640-px {
    max-height: 640px !important;
    --max-height: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-680-px {
    max-height: 680px !important;
    --max-height: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-720-px {
    max-height: 720px !important;
    --max-height: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-760-px {
    max-height: 760px !important;
    --max-height: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-800-px {
    max-height: 800px !important;
    --max-height: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-840-px {
    max-height: 840px !important;
    --max-height: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-880-px {
    max-height: 880px !important;
    --max-height: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-920-px {
    max-height: 920px !important;
    --max-height: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-960-px {
    max-height: 960px !important;
    --max-height: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-1000-px {
    max-height: 1000px !important;
    --max-height: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-1040-px {
    max-height: 1040px !important;
    --max-height: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-1080-px {
    max-height: 1080px !important;
    --max-height: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-0-px {
    max-height: 0px !important;
    --max-height: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-2-px {
    max-height: 2px !important;
    --max-height: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-4-px {
    max-height: 4px !important;
    --max-height: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-6-px {
    max-height: 6px !important;
    --max-height: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-8-px {
    max-height: 8px !important;
    --max-height: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-12-px {
    max-height: 12px !important;
    --max-height: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-16-px {
    max-height: 16px !important;
    --max-height: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-20-px {
    max-height: 20px !important;
    --max-height: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-24-px {
    max-height: 24px !important;
    --max-height: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-28-px {
    max-height: 28px !important;
    --max-height: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-32-px {
    max-height: 32px !important;
    --max-height: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-36-px {
    max-height: 36px !important;
    --max-height: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-40-px {
    max-height: 40px !important;
    --max-height: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-48-px {
    max-height: 48px !important;
    --max-height: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-52-px {
    max-height: 52px !important;
    --max-height: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-56-px {
    max-height: 56px !important;
    --max-height: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-60-px {
    max-height: 60px !important;
    --max-height: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-64-px {
    max-height: 64px !important;
    --max-height: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-68-px {
    max-height: 68px !important;
    --max-height: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-72-px {
    max-height: 72px !important;
    --max-height: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-76-px {
    max-height: 76px !important;
    --max-height: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-80-px {
    max-height: 80px !important;
    --max-height: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-84-px {
    max-height: 84px !important;
    --max-height: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-88-px {
    max-height: 88px !important;
    --max-height: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-92-px {
    max-height: 92px !important;
    --max-height: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-96-px {
    max-height: 96px !important;
    --max-height: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-112-px {
    max-height: 112px !important;
    --max-height: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-128-px {
    max-height: 128px !important;
    --max-height: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-144-px {
    max-height: 144px !important;
    --max-height: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-160-px {
    max-height: 160px !important;
    --max-height: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-180-px {
    max-height: 180px !important;
    --max-height: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-200-px {
    max-height: 200px !important;
    --max-height: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-240-px {
    max-height: 240px !important;
    --max-height: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-280-px {
    max-height: 280px !important;
    --max-height: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-320-px {
    max-height: 320px !important;
    --max-height: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-360-px {
    max-height: 360px !important;
    --max-height: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-400-px {
    max-height: 400px !important;
    --max-height: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-440-px {
    max-height: 440px !important;
    --max-height: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-480-px {
    max-height: 480px !important;
    --max-height: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-520-px {
    max-height: 520px !important;
    --max-height: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-560-px {
    max-height: 560px !important;
    --max-height: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-600-px {
    max-height: 600px !important;
    --max-height: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-640-px {
    max-height: 640px !important;
    --max-height: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-680-px {
    max-height: 680px !important;
    --max-height: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-720-px {
    max-height: 720px !important;
    --max-height: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-760-px {
    max-height: 760px !important;
    --max-height: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-800-px {
    max-height: 800px !important;
    --max-height: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-840-px {
    max-height: 840px !important;
    --max-height: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-880-px {
    max-height: 880px !important;
    --max-height: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-920-px {
    max-height: 920px !important;
    --max-height: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-960-px {
    max-height: 960px !important;
    --max-height: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-1000-px {
    max-height: 1000px !important;
    --max-height: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-1040-px {
    max-height: 1040px !important;
    --max-height: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-1080-px {
    max-height: 1080px !important;
    --max-height: 1080px !important;
  }
}
.or-w-0-px {
  width: 0px !important;
  --width: 0px !important;
}
.or-w-2-px {
  width: 2px !important;
  --width: 2px !important;
}
.or-w-4-px {
  width: 4px !important;
  --width: 4px !important;
}
.or-w-6-px {
  width: 6px !important;
  --width: 6px !important;
}
.or-w-8-px {
  width: 8px !important;
  --width: 8px !important;
}
.or-w-12-px {
  width: 12px !important;
  --width: 12px !important;
}
.or-w-16-px {
  width: 16px !important;
  --width: 16px !important;
}
.or-w-20-px {
  width: 20px !important;
  --width: 20px !important;
}
.or-w-24-px {
  width: 24px !important;
  --width: 24px !important;
}
.or-w-28-px {
  width: 28px !important;
  --width: 28px !important;
}
.or-w-32-px {
  width: 32px !important;
  --width: 32px !important;
}
.or-w-36-px {
  width: 36px !important;
  --width: 36px !important;
}
.or-w-40-px {
  width: 40px !important;
  --width: 40px !important;
}
.or-w-48-px {
  width: 48px !important;
  --width: 48px !important;
}
.or-w-52-px {
  width: 52px !important;
  --width: 52px !important;
}
.or-w-56-px {
  width: 56px !important;
  --width: 56px !important;
}
.or-w-60-px {
  width: 60px !important;
  --width: 60px !important;
}
.or-w-64-px {
  width: 64px !important;
  --width: 64px !important;
}
.or-w-68-px {
  width: 68px !important;
  --width: 68px !important;
}
.or-w-72-px {
  width: 72px !important;
  --width: 72px !important;
}
.or-w-76-px {
  width: 76px !important;
  --width: 76px !important;
}
.or-w-80-px {
  width: 80px !important;
  --width: 80px !important;
}
.or-w-84-px {
  width: 84px !important;
  --width: 84px !important;
}
.or-w-88-px {
  width: 88px !important;
  --width: 88px !important;
}
.or-w-92-px {
  width: 92px !important;
  --width: 92px !important;
}
.or-w-96-px {
  width: 96px !important;
  --width: 96px !important;
}
.or-w-112-px {
  width: 112px !important;
  --width: 112px !important;
}
.or-w-128-px {
  width: 128px !important;
  --width: 128px !important;
}
.or-w-144-px {
  width: 144px !important;
  --width: 144px !important;
}
.or-w-160-px {
  width: 160px !important;
  --width: 160px !important;
}
.or-w-180-px {
  width: 180px !important;
  --width: 180px !important;
}
.or-w-200-px {
  width: 200px !important;
  --width: 200px !important;
}
.or-w-240-px {
  width: 240px !important;
  --width: 240px !important;
}
.or-w-280-px {
  width: 280px !important;
  --width: 280px !important;
}
.or-w-320-px {
  width: 320px !important;
  --width: 320px !important;
}
.or-w-360-px {
  width: 360px !important;
  --width: 360px !important;
}
.or-w-400-px {
  width: 400px !important;
  --width: 400px !important;
}
.or-w-440-px {
  width: 440px !important;
  --width: 440px !important;
}
.or-w-480-px {
  width: 480px !important;
  --width: 480px !important;
}
.or-w-520-px {
  width: 520px !important;
  --width: 520px !important;
}
.or-w-560-px {
  width: 560px !important;
  --width: 560px !important;
}
.or-w-600-px {
  width: 600px !important;
  --width: 600px !important;
}
.or-w-640-px {
  width: 640px !important;
  --width: 640px !important;
}
.or-w-680-px {
  width: 680px !important;
  --width: 680px !important;
}
.or-w-720-px {
  width: 720px !important;
  --width: 720px !important;
}
.or-w-760-px {
  width: 760px !important;
  --width: 760px !important;
}
.or-w-800-px {
  width: 800px !important;
  --width: 800px !important;
}
.or-w-840-px {
  width: 840px !important;
  --width: 840px !important;
}
.or-w-880-px {
  width: 880px !important;
  --width: 880px !important;
}
.or-w-920-px {
  width: 920px !important;
  --width: 920px !important;
}
.or-w-960-px {
  width: 960px !important;
  --width: 960px !important;
}
.or-w-1000-px {
  width: 1000px !important;
  --width: 1000px !important;
}
.or-w-1040-px {
  width: 1040px !important;
  --width: 1040px !important;
}
.or-w-1080-px {
  width: 1080px !important;
  --width: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-w-sm-0-px {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-2-px {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-4-px {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-6-px {
    width: 6px !important;
    --width: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-8-px {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-12-px {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-16-px {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-20-px {
    width: 20px !important;
    --width: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-24-px {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-28-px {
    width: 28px !important;
    --width: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-32-px {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-36-px {
    width: 36px !important;
    --width: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-40-px {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-48-px {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-52-px {
    width: 52px !important;
    --width: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-56-px {
    width: 56px !important;
    --width: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-60-px {
    width: 60px !important;
    --width: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-64-px {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-68-px {
    width: 68px !important;
    --width: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-72-px {
    width: 72px !important;
    --width: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-76-px {
    width: 76px !important;
    --width: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-80-px {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-84-px {
    width: 84px !important;
    --width: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-88-px {
    width: 88px !important;
    --width: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-92-px {
    width: 92px !important;
    --width: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-96-px {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-112-px {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-128-px {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-144-px {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-160-px {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-180-px {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-200-px {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-240-px {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-280-px {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-320-px {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-360-px {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-400-px {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-440-px {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-480-px {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-520-px {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-560-px {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-600-px {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-640-px {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-680-px {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-720-px {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-760-px {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-800-px {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-840-px {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-880-px {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-920-px {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-960-px {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-0-px {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-2-px {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-4-px {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-6-px {
    width: 6px !important;
    --width: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-8-px {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-12-px {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-16-px {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-20-px {
    width: 20px !important;
    --width: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-24-px {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-28-px {
    width: 28px !important;
    --width: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-32-px {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-36-px {
    width: 36px !important;
    --width: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-40-px {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-48-px {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-52-px {
    width: 52px !important;
    --width: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-56-px {
    width: 56px !important;
    --width: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-60-px {
    width: 60px !important;
    --width: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-64-px {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-68-px {
    width: 68px !important;
    --width: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-72-px {
    width: 72px !important;
    --width: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-76-px {
    width: 76px !important;
    --width: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-80-px {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-84-px {
    width: 84px !important;
    --width: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-88-px {
    width: 88px !important;
    --width: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-92-px {
    width: 92px !important;
    --width: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-96-px {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-112-px {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-128-px {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-144-px {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-160-px {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-180-px {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-200-px {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-240-px {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-280-px {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-320-px {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-360-px {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-400-px {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-440-px {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-480-px {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-520-px {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-560-px {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-600-px {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-640-px {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-680-px {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-720-px {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-760-px {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-800-px {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-840-px {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-880-px {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-920-px {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-960-px {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-0-px {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-2-px {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-4-px {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-6-px {
    width: 6px !important;
    --width: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-8-px {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-12-px {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-16-px {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-20-px {
    width: 20px !important;
    --width: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-24-px {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-28-px {
    width: 28px !important;
    --width: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-32-px {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-36-px {
    width: 36px !important;
    --width: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-40-px {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-48-px {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-52-px {
    width: 52px !important;
    --width: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-56-px {
    width: 56px !important;
    --width: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-60-px {
    width: 60px !important;
    --width: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-64-px {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-68-px {
    width: 68px !important;
    --width: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-72-px {
    width: 72px !important;
    --width: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-76-px {
    width: 76px !important;
    --width: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-80-px {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-84-px {
    width: 84px !important;
    --width: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-88-px {
    width: 88px !important;
    --width: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-92-px {
    width: 92px !important;
    --width: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-96-px {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-112-px {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-128-px {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-144-px {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-160-px {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-180-px {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-200-px {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-240-px {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-280-px {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-320-px {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-360-px {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-400-px {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-440-px {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-480-px {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-520-px {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-560-px {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-600-px {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-640-px {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-680-px {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-720-px {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-760-px {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-800-px {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-840-px {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-880-px {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-920-px {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-960-px {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-0-px {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-2-px {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-4-px {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-6-px {
    width: 6px !important;
    --width: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-8-px {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-12-px {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-16-px {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-20-px {
    width: 20px !important;
    --width: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-24-px {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-28-px {
    width: 28px !important;
    --width: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-32-px {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-36-px {
    width: 36px !important;
    --width: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-40-px {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-48-px {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-52-px {
    width: 52px !important;
    --width: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-56-px {
    width: 56px !important;
    --width: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-60-px {
    width: 60px !important;
    --width: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-64-px {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-68-px {
    width: 68px !important;
    --width: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-72-px {
    width: 72px !important;
    --width: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-76-px {
    width: 76px !important;
    --width: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-80-px {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-84-px {
    width: 84px !important;
    --width: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-88-px {
    width: 88px !important;
    --width: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-92-px {
    width: 92px !important;
    --width: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-96-px {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-112-px {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-128-px {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-144-px {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-160-px {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-180-px {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-200-px {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-240-px {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-280-px {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-320-px {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-360-px {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-400-px {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-440-px {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-480-px {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-520-px {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-560-px {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-600-px {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-640-px {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-680-px {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-720-px {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-760-px {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-800-px {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-840-px {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-880-px {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-920-px {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-960-px {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
.or-min-w-0-px {
  min-width: 0px !important;
  --min-width: 0px !important;
}
.or-min-w-2-px {
  min-width: 2px !important;
  --min-width: 2px !important;
}
.or-min-w-4-px {
  min-width: 4px !important;
  --min-width: 4px !important;
}
.or-min-w-6-px {
  min-width: 6px !important;
  --min-width: 6px !important;
}
.or-min-w-8-px {
  min-width: 8px !important;
  --min-width: 8px !important;
}
.or-min-w-12-px {
  min-width: 12px !important;
  --min-width: 12px !important;
}
.or-min-w-16-px {
  min-width: 16px !important;
  --min-width: 16px !important;
}
.or-min-w-20-px {
  min-width: 20px !important;
  --min-width: 20px !important;
}
.or-min-w-24-px {
  min-width: 24px !important;
  --min-width: 24px !important;
}
.or-min-w-28-px {
  min-width: 28px !important;
  --min-width: 28px !important;
}
.or-min-w-32-px {
  min-width: 32px !important;
  --min-width: 32px !important;
}
.or-min-w-36-px {
  min-width: 36px !important;
  --min-width: 36px !important;
}
.or-min-w-40-px {
  min-width: 40px !important;
  --min-width: 40px !important;
}
.or-min-w-48-px {
  min-width: 48px !important;
  --min-width: 48px !important;
}
.or-min-w-52-px {
  min-width: 52px !important;
  --min-width: 52px !important;
}
.or-min-w-56-px {
  min-width: 56px !important;
  --min-width: 56px !important;
}
.or-min-w-60-px {
  min-width: 60px !important;
  --min-width: 60px !important;
}
.or-min-w-64-px {
  min-width: 64px !important;
  --min-width: 64px !important;
}
.or-min-w-68-px {
  min-width: 68px !important;
  --min-width: 68px !important;
}
.or-min-w-72-px {
  min-width: 72px !important;
  --min-width: 72px !important;
}
.or-min-w-76-px {
  min-width: 76px !important;
  --min-width: 76px !important;
}
.or-min-w-80-px {
  min-width: 80px !important;
  --min-width: 80px !important;
}
.or-min-w-84-px {
  min-width: 84px !important;
  --min-width: 84px !important;
}
.or-min-w-88-px {
  min-width: 88px !important;
  --min-width: 88px !important;
}
.or-min-w-92-px {
  min-width: 92px !important;
  --min-width: 92px !important;
}
.or-min-w-96-px {
  min-width: 96px !important;
  --min-width: 96px !important;
}
.or-min-w-112-px {
  min-width: 112px !important;
  --min-width: 112px !important;
}
.or-min-w-128-px {
  min-width: 128px !important;
  --min-width: 128px !important;
}
.or-min-w-144-px {
  min-width: 144px !important;
  --min-width: 144px !important;
}
.or-min-w-160-px {
  min-width: 160px !important;
  --min-width: 160px !important;
}
.or-min-w-180-px {
  min-width: 180px !important;
  --min-width: 180px !important;
}
.or-min-w-200-px {
  min-width: 200px !important;
  --min-width: 200px !important;
}
.or-min-w-240-px {
  min-width: 240px !important;
  --min-width: 240px !important;
}
.or-min-w-280-px {
  min-width: 280px !important;
  --min-width: 280px !important;
}
.or-min-w-320-px {
  min-width: 320px !important;
  --min-width: 320px !important;
}
.or-min-w-360-px {
  min-width: 360px !important;
  --min-width: 360px !important;
}
.or-min-w-400-px {
  min-width: 400px !important;
  --min-width: 400px !important;
}
.or-min-w-440-px {
  min-width: 440px !important;
  --min-width: 440px !important;
}
.or-min-w-480-px {
  min-width: 480px !important;
  --min-width: 480px !important;
}
.or-min-w-520-px {
  min-width: 520px !important;
  --min-width: 520px !important;
}
.or-min-w-560-px {
  min-width: 560px !important;
  --min-width: 560px !important;
}
.or-min-w-600-px {
  min-width: 600px !important;
  --min-width: 600px !important;
}
.or-min-w-640-px {
  min-width: 640px !important;
  --min-width: 640px !important;
}
.or-min-w-680-px {
  min-width: 680px !important;
  --min-width: 680px !important;
}
.or-min-w-720-px {
  min-width: 720px !important;
  --min-width: 720px !important;
}
.or-min-w-760-px {
  min-width: 760px !important;
  --min-width: 760px !important;
}
.or-min-w-800-px {
  min-width: 800px !important;
  --min-width: 800px !important;
}
.or-min-w-840-px {
  min-width: 840px !important;
  --min-width: 840px !important;
}
.or-min-w-880-px {
  min-width: 880px !important;
  --min-width: 880px !important;
}
.or-min-w-920-px {
  min-width: 920px !important;
  --min-width: 920px !important;
}
.or-min-w-960-px {
  min-width: 960px !important;
  --min-width: 960px !important;
}
.or-min-w-1000-px {
  min-width: 1000px !important;
  --min-width: 1000px !important;
}
.or-min-w-1040-px {
  min-width: 1040px !important;
  --min-width: 1040px !important;
}
.or-min-w-1080-px {
  min-width: 1080px !important;
  --min-width: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-0-px {
    min-width: 0px !important;
    --min-width: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-2-px {
    min-width: 2px !important;
    --min-width: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-4-px {
    min-width: 4px !important;
    --min-width: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-6-px {
    min-width: 6px !important;
    --min-width: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-8-px {
    min-width: 8px !important;
    --min-width: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-12-px {
    min-width: 12px !important;
    --min-width: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-16-px {
    min-width: 16px !important;
    --min-width: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-20-px {
    min-width: 20px !important;
    --min-width: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-24-px {
    min-width: 24px !important;
    --min-width: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-28-px {
    min-width: 28px !important;
    --min-width: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-32-px {
    min-width: 32px !important;
    --min-width: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-36-px {
    min-width: 36px !important;
    --min-width: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-40-px {
    min-width: 40px !important;
    --min-width: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-48-px {
    min-width: 48px !important;
    --min-width: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-52-px {
    min-width: 52px !important;
    --min-width: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-56-px {
    min-width: 56px !important;
    --min-width: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-60-px {
    min-width: 60px !important;
    --min-width: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-64-px {
    min-width: 64px !important;
    --min-width: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-68-px {
    min-width: 68px !important;
    --min-width: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-72-px {
    min-width: 72px !important;
    --min-width: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-76-px {
    min-width: 76px !important;
    --min-width: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-80-px {
    min-width: 80px !important;
    --min-width: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-84-px {
    min-width: 84px !important;
    --min-width: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-88-px {
    min-width: 88px !important;
    --min-width: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-92-px {
    min-width: 92px !important;
    --min-width: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-96-px {
    min-width: 96px !important;
    --min-width: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-112-px {
    min-width: 112px !important;
    --min-width: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-128-px {
    min-width: 128px !important;
    --min-width: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-144-px {
    min-width: 144px !important;
    --min-width: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-160-px {
    min-width: 160px !important;
    --min-width: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-180-px {
    min-width: 180px !important;
    --min-width: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-200-px {
    min-width: 200px !important;
    --min-width: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-240-px {
    min-width: 240px !important;
    --min-width: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-280-px {
    min-width: 280px !important;
    --min-width: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-320-px {
    min-width: 320px !important;
    --min-width: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-360-px {
    min-width: 360px !important;
    --min-width: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-400-px {
    min-width: 400px !important;
    --min-width: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-440-px {
    min-width: 440px !important;
    --min-width: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-480-px {
    min-width: 480px !important;
    --min-width: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-520-px {
    min-width: 520px !important;
    --min-width: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-560-px {
    min-width: 560px !important;
    --min-width: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-600-px {
    min-width: 600px !important;
    --min-width: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-640-px {
    min-width: 640px !important;
    --min-width: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-680-px {
    min-width: 680px !important;
    --min-width: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-720-px {
    min-width: 720px !important;
    --min-width: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-760-px {
    min-width: 760px !important;
    --min-width: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-800-px {
    min-width: 800px !important;
    --min-width: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-840-px {
    min-width: 840px !important;
    --min-width: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-880-px {
    min-width: 880px !important;
    --min-width: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-920-px {
    min-width: 920px !important;
    --min-width: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-960-px {
    min-width: 960px !important;
    --min-width: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-1000-px {
    min-width: 1000px !important;
    --min-width: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-1040-px {
    min-width: 1040px !important;
    --min-width: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-1080-px {
    min-width: 1080px !important;
    --min-width: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-0-px {
    min-width: 0px !important;
    --min-width: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-2-px {
    min-width: 2px !important;
    --min-width: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-4-px {
    min-width: 4px !important;
    --min-width: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-6-px {
    min-width: 6px !important;
    --min-width: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-8-px {
    min-width: 8px !important;
    --min-width: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-12-px {
    min-width: 12px !important;
    --min-width: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-16-px {
    min-width: 16px !important;
    --min-width: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-20-px {
    min-width: 20px !important;
    --min-width: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-24-px {
    min-width: 24px !important;
    --min-width: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-28-px {
    min-width: 28px !important;
    --min-width: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-32-px {
    min-width: 32px !important;
    --min-width: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-36-px {
    min-width: 36px !important;
    --min-width: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-40-px {
    min-width: 40px !important;
    --min-width: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-48-px {
    min-width: 48px !important;
    --min-width: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-52-px {
    min-width: 52px !important;
    --min-width: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-56-px {
    min-width: 56px !important;
    --min-width: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-60-px {
    min-width: 60px !important;
    --min-width: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-64-px {
    min-width: 64px !important;
    --min-width: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-68-px {
    min-width: 68px !important;
    --min-width: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-72-px {
    min-width: 72px !important;
    --min-width: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-76-px {
    min-width: 76px !important;
    --min-width: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-80-px {
    min-width: 80px !important;
    --min-width: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-84-px {
    min-width: 84px !important;
    --min-width: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-88-px {
    min-width: 88px !important;
    --min-width: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-92-px {
    min-width: 92px !important;
    --min-width: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-96-px {
    min-width: 96px !important;
    --min-width: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-112-px {
    min-width: 112px !important;
    --min-width: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-128-px {
    min-width: 128px !important;
    --min-width: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-144-px {
    min-width: 144px !important;
    --min-width: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-160-px {
    min-width: 160px !important;
    --min-width: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-180-px {
    min-width: 180px !important;
    --min-width: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-200-px {
    min-width: 200px !important;
    --min-width: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-240-px {
    min-width: 240px !important;
    --min-width: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-280-px {
    min-width: 280px !important;
    --min-width: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-320-px {
    min-width: 320px !important;
    --min-width: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-360-px {
    min-width: 360px !important;
    --min-width: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-400-px {
    min-width: 400px !important;
    --min-width: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-440-px {
    min-width: 440px !important;
    --min-width: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-480-px {
    min-width: 480px !important;
    --min-width: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-520-px {
    min-width: 520px !important;
    --min-width: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-560-px {
    min-width: 560px !important;
    --min-width: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-600-px {
    min-width: 600px !important;
    --min-width: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-640-px {
    min-width: 640px !important;
    --min-width: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-680-px {
    min-width: 680px !important;
    --min-width: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-720-px {
    min-width: 720px !important;
    --min-width: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-760-px {
    min-width: 760px !important;
    --min-width: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-800-px {
    min-width: 800px !important;
    --min-width: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-840-px {
    min-width: 840px !important;
    --min-width: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-880-px {
    min-width: 880px !important;
    --min-width: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-920-px {
    min-width: 920px !important;
    --min-width: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-960-px {
    min-width: 960px !important;
    --min-width: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-1000-px {
    min-width: 1000px !important;
    --min-width: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-1040-px {
    min-width: 1040px !important;
    --min-width: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-1080-px {
    min-width: 1080px !important;
    --min-width: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-0-px {
    min-width: 0px !important;
    --min-width: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-2-px {
    min-width: 2px !important;
    --min-width: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-4-px {
    min-width: 4px !important;
    --min-width: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-6-px {
    min-width: 6px !important;
    --min-width: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-8-px {
    min-width: 8px !important;
    --min-width: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-12-px {
    min-width: 12px !important;
    --min-width: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-16-px {
    min-width: 16px !important;
    --min-width: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-20-px {
    min-width: 20px !important;
    --min-width: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-24-px {
    min-width: 24px !important;
    --min-width: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-28-px {
    min-width: 28px !important;
    --min-width: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-32-px {
    min-width: 32px !important;
    --min-width: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-36-px {
    min-width: 36px !important;
    --min-width: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-40-px {
    min-width: 40px !important;
    --min-width: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-48-px {
    min-width: 48px !important;
    --min-width: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-52-px {
    min-width: 52px !important;
    --min-width: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-56-px {
    min-width: 56px !important;
    --min-width: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-60-px {
    min-width: 60px !important;
    --min-width: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-64-px {
    min-width: 64px !important;
    --min-width: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-68-px {
    min-width: 68px !important;
    --min-width: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-72-px {
    min-width: 72px !important;
    --min-width: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-76-px {
    min-width: 76px !important;
    --min-width: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-80-px {
    min-width: 80px !important;
    --min-width: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-84-px {
    min-width: 84px !important;
    --min-width: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-88-px {
    min-width: 88px !important;
    --min-width: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-92-px {
    min-width: 92px !important;
    --min-width: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-96-px {
    min-width: 96px !important;
    --min-width: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-112-px {
    min-width: 112px !important;
    --min-width: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-128-px {
    min-width: 128px !important;
    --min-width: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-144-px {
    min-width: 144px !important;
    --min-width: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-160-px {
    min-width: 160px !important;
    --min-width: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-180-px {
    min-width: 180px !important;
    --min-width: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-200-px {
    min-width: 200px !important;
    --min-width: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-240-px {
    min-width: 240px !important;
    --min-width: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-280-px {
    min-width: 280px !important;
    --min-width: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-320-px {
    min-width: 320px !important;
    --min-width: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-360-px {
    min-width: 360px !important;
    --min-width: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-400-px {
    min-width: 400px !important;
    --min-width: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-440-px {
    min-width: 440px !important;
    --min-width: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-480-px {
    min-width: 480px !important;
    --min-width: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-520-px {
    min-width: 520px !important;
    --min-width: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-560-px {
    min-width: 560px !important;
    --min-width: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-600-px {
    min-width: 600px !important;
    --min-width: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-640-px {
    min-width: 640px !important;
    --min-width: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-680-px {
    min-width: 680px !important;
    --min-width: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-720-px {
    min-width: 720px !important;
    --min-width: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-760-px {
    min-width: 760px !important;
    --min-width: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-800-px {
    min-width: 800px !important;
    --min-width: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-840-px {
    min-width: 840px !important;
    --min-width: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-880-px {
    min-width: 880px !important;
    --min-width: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-920-px {
    min-width: 920px !important;
    --min-width: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-960-px {
    min-width: 960px !important;
    --min-width: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-1000-px {
    min-width: 1000px !important;
    --min-width: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-1040-px {
    min-width: 1040px !important;
    --min-width: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-1080-px {
    min-width: 1080px !important;
    --min-width: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-0-px {
    min-width: 0px !important;
    --min-width: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-2-px {
    min-width: 2px !important;
    --min-width: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-4-px {
    min-width: 4px !important;
    --min-width: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-6-px {
    min-width: 6px !important;
    --min-width: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-8-px {
    min-width: 8px !important;
    --min-width: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-12-px {
    min-width: 12px !important;
    --min-width: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-16-px {
    min-width: 16px !important;
    --min-width: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-20-px {
    min-width: 20px !important;
    --min-width: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-24-px {
    min-width: 24px !important;
    --min-width: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-28-px {
    min-width: 28px !important;
    --min-width: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-32-px {
    min-width: 32px !important;
    --min-width: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-36-px {
    min-width: 36px !important;
    --min-width: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-40-px {
    min-width: 40px !important;
    --min-width: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-48-px {
    min-width: 48px !important;
    --min-width: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-52-px {
    min-width: 52px !important;
    --min-width: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-56-px {
    min-width: 56px !important;
    --min-width: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-60-px {
    min-width: 60px !important;
    --min-width: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-64-px {
    min-width: 64px !important;
    --min-width: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-68-px {
    min-width: 68px !important;
    --min-width: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-72-px {
    min-width: 72px !important;
    --min-width: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-76-px {
    min-width: 76px !important;
    --min-width: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-80-px {
    min-width: 80px !important;
    --min-width: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-84-px {
    min-width: 84px !important;
    --min-width: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-88-px {
    min-width: 88px !important;
    --min-width: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-92-px {
    min-width: 92px !important;
    --min-width: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-96-px {
    min-width: 96px !important;
    --min-width: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-112-px {
    min-width: 112px !important;
    --min-width: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-128-px {
    min-width: 128px !important;
    --min-width: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-144-px {
    min-width: 144px !important;
    --min-width: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-160-px {
    min-width: 160px !important;
    --min-width: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-180-px {
    min-width: 180px !important;
    --min-width: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-200-px {
    min-width: 200px !important;
    --min-width: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-240-px {
    min-width: 240px !important;
    --min-width: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-280-px {
    min-width: 280px !important;
    --min-width: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-320-px {
    min-width: 320px !important;
    --min-width: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-360-px {
    min-width: 360px !important;
    --min-width: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-400-px {
    min-width: 400px !important;
    --min-width: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-440-px {
    min-width: 440px !important;
    --min-width: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-480-px {
    min-width: 480px !important;
    --min-width: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-520-px {
    min-width: 520px !important;
    --min-width: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-560-px {
    min-width: 560px !important;
    --min-width: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-600-px {
    min-width: 600px !important;
    --min-width: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-640-px {
    min-width: 640px !important;
    --min-width: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-680-px {
    min-width: 680px !important;
    --min-width: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-720-px {
    min-width: 720px !important;
    --min-width: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-760-px {
    min-width: 760px !important;
    --min-width: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-800-px {
    min-width: 800px !important;
    --min-width: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-840-px {
    min-width: 840px !important;
    --min-width: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-880-px {
    min-width: 880px !important;
    --min-width: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-920-px {
    min-width: 920px !important;
    --min-width: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-960-px {
    min-width: 960px !important;
    --min-width: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-1000-px {
    min-width: 1000px !important;
    --min-width: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-1040-px {
    min-width: 1040px !important;
    --min-width: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-1080-px {
    min-width: 1080px !important;
    --min-width: 1080px !important;
  }
}
.or-max-w-0-px {
  max-width: 0px !important;
  --max-width: 0px !important;
}
.or-max-w-2-px {
  max-width: 2px !important;
  --max-width: 2px !important;
}
.or-max-w-4-px {
  max-width: 4px !important;
  --max-width: 4px !important;
}
.or-max-w-6-px {
  max-width: 6px !important;
  --max-width: 6px !important;
}
.or-max-w-8-px {
  max-width: 8px !important;
  --max-width: 8px !important;
}
.or-max-w-12-px {
  max-width: 12px !important;
  --max-width: 12px !important;
}
.or-max-w-16-px {
  max-width: 16px !important;
  --max-width: 16px !important;
}
.or-max-w-20-px {
  max-width: 20px !important;
  --max-width: 20px !important;
}
.or-max-w-24-px {
  max-width: 24px !important;
  --max-width: 24px !important;
}
.or-max-w-28-px {
  max-width: 28px !important;
  --max-width: 28px !important;
}
.or-max-w-32-px {
  max-width: 32px !important;
  --max-width: 32px !important;
}
.or-max-w-36-px {
  max-width: 36px !important;
  --max-width: 36px !important;
}
.or-max-w-40-px {
  max-width: 40px !important;
  --max-width: 40px !important;
}
.or-max-w-48-px {
  max-width: 48px !important;
  --max-width: 48px !important;
}
.or-max-w-52-px {
  max-width: 52px !important;
  --max-width: 52px !important;
}
.or-max-w-56-px {
  max-width: 56px !important;
  --max-width: 56px !important;
}
.or-max-w-60-px {
  max-width: 60px !important;
  --max-width: 60px !important;
}
.or-max-w-64-px {
  max-width: 64px !important;
  --max-width: 64px !important;
}
.or-max-w-68-px {
  max-width: 68px !important;
  --max-width: 68px !important;
}
.or-max-w-72-px {
  max-width: 72px !important;
  --max-width: 72px !important;
}
.or-max-w-76-px {
  max-width: 76px !important;
  --max-width: 76px !important;
}
.or-max-w-80-px {
  max-width: 80px !important;
  --max-width: 80px !important;
}
.or-max-w-84-px {
  max-width: 84px !important;
  --max-width: 84px !important;
}
.or-max-w-88-px {
  max-width: 88px !important;
  --max-width: 88px !important;
}
.or-max-w-92-px {
  max-width: 92px !important;
  --max-width: 92px !important;
}
.or-max-w-96-px {
  max-width: 96px !important;
  --max-width: 96px !important;
}
.or-max-w-112-px {
  max-width: 112px !important;
  --max-width: 112px !important;
}
.or-max-w-128-px {
  max-width: 128px !important;
  --max-width: 128px !important;
}
.or-max-w-144-px {
  max-width: 144px !important;
  --max-width: 144px !important;
}
.or-max-w-160-px {
  max-width: 160px !important;
  --max-width: 160px !important;
}
.or-max-w-180-px {
  max-width: 180px !important;
  --max-width: 180px !important;
}
.or-max-w-200-px {
  max-width: 200px !important;
  --max-width: 200px !important;
}
.or-max-w-240-px {
  max-width: 240px !important;
  --max-width: 240px !important;
}
.or-max-w-280-px {
  max-width: 280px !important;
  --max-width: 280px !important;
}
.or-max-w-320-px {
  max-width: 320px !important;
  --max-width: 320px !important;
}
.or-max-w-360-px {
  max-width: 360px !important;
  --max-width: 360px !important;
}
.or-max-w-400-px {
  max-width: 400px !important;
  --max-width: 400px !important;
}
.or-max-w-440-px {
  max-width: 440px !important;
  --max-width: 440px !important;
}
.or-max-w-480-px {
  max-width: 480px !important;
  --max-width: 480px !important;
}
.or-max-w-520-px {
  max-width: 520px !important;
  --max-width: 520px !important;
}
.or-max-w-560-px {
  max-width: 560px !important;
  --max-width: 560px !important;
}
.or-max-w-600-px {
  max-width: 600px !important;
  --max-width: 600px !important;
}
.or-max-w-640-px {
  max-width: 640px !important;
  --max-width: 640px !important;
}
.or-max-w-680-px {
  max-width: 680px !important;
  --max-width: 680px !important;
}
.or-max-w-720-px {
  max-width: 720px !important;
  --max-width: 720px !important;
}
.or-max-w-760-px {
  max-width: 760px !important;
  --max-width: 760px !important;
}
.or-max-w-800-px {
  max-width: 800px !important;
  --max-width: 800px !important;
}
.or-max-w-840-px {
  max-width: 840px !important;
  --max-width: 840px !important;
}
.or-max-w-880-px {
  max-width: 880px !important;
  --max-width: 880px !important;
}
.or-max-w-920-px {
  max-width: 920px !important;
  --max-width: 920px !important;
}
.or-max-w-960-px {
  max-width: 960px !important;
  --max-width: 960px !important;
}
.or-max-w-1000-px {
  max-width: 1000px !important;
  --max-width: 1000px !important;
}
.or-max-w-1040-px {
  max-width: 1040px !important;
  --max-width: 1040px !important;
}
.or-max-w-1080-px {
  max-width: 1080px !important;
  --max-width: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-0-px {
    max-width: 0px !important;
    --max-width: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-2-px {
    max-width: 2px !important;
    --max-width: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-4-px {
    max-width: 4px !important;
    --max-width: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-6-px {
    max-width: 6px !important;
    --max-width: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-8-px {
    max-width: 8px !important;
    --max-width: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-12-px {
    max-width: 12px !important;
    --max-width: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-16-px {
    max-width: 16px !important;
    --max-width: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-20-px {
    max-width: 20px !important;
    --max-width: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-24-px {
    max-width: 24px !important;
    --max-width: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-28-px {
    max-width: 28px !important;
    --max-width: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-32-px {
    max-width: 32px !important;
    --max-width: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-36-px {
    max-width: 36px !important;
    --max-width: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-40-px {
    max-width: 40px !important;
    --max-width: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-48-px {
    max-width: 48px !important;
    --max-width: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-52-px {
    max-width: 52px !important;
    --max-width: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-56-px {
    max-width: 56px !important;
    --max-width: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-60-px {
    max-width: 60px !important;
    --max-width: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-64-px {
    max-width: 64px !important;
    --max-width: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-68-px {
    max-width: 68px !important;
    --max-width: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-72-px {
    max-width: 72px !important;
    --max-width: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-76-px {
    max-width: 76px !important;
    --max-width: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-80-px {
    max-width: 80px !important;
    --max-width: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-84-px {
    max-width: 84px !important;
    --max-width: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-88-px {
    max-width: 88px !important;
    --max-width: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-92-px {
    max-width: 92px !important;
    --max-width: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-96-px {
    max-width: 96px !important;
    --max-width: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-112-px {
    max-width: 112px !important;
    --max-width: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-128-px {
    max-width: 128px !important;
    --max-width: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-144-px {
    max-width: 144px !important;
    --max-width: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-160-px {
    max-width: 160px !important;
    --max-width: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-180-px {
    max-width: 180px !important;
    --max-width: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-200-px {
    max-width: 200px !important;
    --max-width: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-240-px {
    max-width: 240px !important;
    --max-width: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-280-px {
    max-width: 280px !important;
    --max-width: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-320-px {
    max-width: 320px !important;
    --max-width: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-360-px {
    max-width: 360px !important;
    --max-width: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-400-px {
    max-width: 400px !important;
    --max-width: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-440-px {
    max-width: 440px !important;
    --max-width: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-480-px {
    max-width: 480px !important;
    --max-width: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-520-px {
    max-width: 520px !important;
    --max-width: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-560-px {
    max-width: 560px !important;
    --max-width: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-600-px {
    max-width: 600px !important;
    --max-width: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-640-px {
    max-width: 640px !important;
    --max-width: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-680-px {
    max-width: 680px !important;
    --max-width: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-720-px {
    max-width: 720px !important;
    --max-width: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-760-px {
    max-width: 760px !important;
    --max-width: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-800-px {
    max-width: 800px !important;
    --max-width: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-840-px {
    max-width: 840px !important;
    --max-width: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-880-px {
    max-width: 880px !important;
    --max-width: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-920-px {
    max-width: 920px !important;
    --max-width: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-960-px {
    max-width: 960px !important;
    --max-width: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-1000-px {
    max-width: 1000px !important;
    --max-width: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-1040-px {
    max-width: 1040px !important;
    --max-width: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-1080-px {
    max-width: 1080px !important;
    --max-width: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-0-px {
    max-width: 0px !important;
    --max-width: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-2-px {
    max-width: 2px !important;
    --max-width: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-4-px {
    max-width: 4px !important;
    --max-width: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-6-px {
    max-width: 6px !important;
    --max-width: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-8-px {
    max-width: 8px !important;
    --max-width: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-12-px {
    max-width: 12px !important;
    --max-width: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-16-px {
    max-width: 16px !important;
    --max-width: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-20-px {
    max-width: 20px !important;
    --max-width: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-24-px {
    max-width: 24px !important;
    --max-width: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-28-px {
    max-width: 28px !important;
    --max-width: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-32-px {
    max-width: 32px !important;
    --max-width: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-36-px {
    max-width: 36px !important;
    --max-width: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-40-px {
    max-width: 40px !important;
    --max-width: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-48-px {
    max-width: 48px !important;
    --max-width: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-52-px {
    max-width: 52px !important;
    --max-width: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-56-px {
    max-width: 56px !important;
    --max-width: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-60-px {
    max-width: 60px !important;
    --max-width: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-64-px {
    max-width: 64px !important;
    --max-width: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-68-px {
    max-width: 68px !important;
    --max-width: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-72-px {
    max-width: 72px !important;
    --max-width: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-76-px {
    max-width: 76px !important;
    --max-width: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-80-px {
    max-width: 80px !important;
    --max-width: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-84-px {
    max-width: 84px !important;
    --max-width: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-88-px {
    max-width: 88px !important;
    --max-width: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-92-px {
    max-width: 92px !important;
    --max-width: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-96-px {
    max-width: 96px !important;
    --max-width: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-112-px {
    max-width: 112px !important;
    --max-width: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-128-px {
    max-width: 128px !important;
    --max-width: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-144-px {
    max-width: 144px !important;
    --max-width: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-160-px {
    max-width: 160px !important;
    --max-width: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-180-px {
    max-width: 180px !important;
    --max-width: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-200-px {
    max-width: 200px !important;
    --max-width: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-240-px {
    max-width: 240px !important;
    --max-width: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-280-px {
    max-width: 280px !important;
    --max-width: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-320-px {
    max-width: 320px !important;
    --max-width: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-360-px {
    max-width: 360px !important;
    --max-width: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-400-px {
    max-width: 400px !important;
    --max-width: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-440-px {
    max-width: 440px !important;
    --max-width: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-480-px {
    max-width: 480px !important;
    --max-width: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-520-px {
    max-width: 520px !important;
    --max-width: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-560-px {
    max-width: 560px !important;
    --max-width: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-600-px {
    max-width: 600px !important;
    --max-width: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-640-px {
    max-width: 640px !important;
    --max-width: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-680-px {
    max-width: 680px !important;
    --max-width: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-720-px {
    max-width: 720px !important;
    --max-width: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-760-px {
    max-width: 760px !important;
    --max-width: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-800-px {
    max-width: 800px !important;
    --max-width: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-840-px {
    max-width: 840px !important;
    --max-width: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-880-px {
    max-width: 880px !important;
    --max-width: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-920-px {
    max-width: 920px !important;
    --max-width: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-960-px {
    max-width: 960px !important;
    --max-width: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-1000-px {
    max-width: 1000px !important;
    --max-width: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-1040-px {
    max-width: 1040px !important;
    --max-width: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-1080-px {
    max-width: 1080px !important;
    --max-width: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-0-px {
    max-width: 0px !important;
    --max-width: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-2-px {
    max-width: 2px !important;
    --max-width: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-4-px {
    max-width: 4px !important;
    --max-width: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-6-px {
    max-width: 6px !important;
    --max-width: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-8-px {
    max-width: 8px !important;
    --max-width: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-12-px {
    max-width: 12px !important;
    --max-width: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-16-px {
    max-width: 16px !important;
    --max-width: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-20-px {
    max-width: 20px !important;
    --max-width: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-24-px {
    max-width: 24px !important;
    --max-width: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-28-px {
    max-width: 28px !important;
    --max-width: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-32-px {
    max-width: 32px !important;
    --max-width: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-36-px {
    max-width: 36px !important;
    --max-width: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-40-px {
    max-width: 40px !important;
    --max-width: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-48-px {
    max-width: 48px !important;
    --max-width: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-52-px {
    max-width: 52px !important;
    --max-width: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-56-px {
    max-width: 56px !important;
    --max-width: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-60-px {
    max-width: 60px !important;
    --max-width: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-64-px {
    max-width: 64px !important;
    --max-width: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-68-px {
    max-width: 68px !important;
    --max-width: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-72-px {
    max-width: 72px !important;
    --max-width: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-76-px {
    max-width: 76px !important;
    --max-width: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-80-px {
    max-width: 80px !important;
    --max-width: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-84-px {
    max-width: 84px !important;
    --max-width: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-88-px {
    max-width: 88px !important;
    --max-width: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-92-px {
    max-width: 92px !important;
    --max-width: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-96-px {
    max-width: 96px !important;
    --max-width: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-112-px {
    max-width: 112px !important;
    --max-width: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-128-px {
    max-width: 128px !important;
    --max-width: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-144-px {
    max-width: 144px !important;
    --max-width: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-160-px {
    max-width: 160px !important;
    --max-width: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-180-px {
    max-width: 180px !important;
    --max-width: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-200-px {
    max-width: 200px !important;
    --max-width: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-240-px {
    max-width: 240px !important;
    --max-width: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-280-px {
    max-width: 280px !important;
    --max-width: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-320-px {
    max-width: 320px !important;
    --max-width: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-360-px {
    max-width: 360px !important;
    --max-width: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-400-px {
    max-width: 400px !important;
    --max-width: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-440-px {
    max-width: 440px !important;
    --max-width: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-480-px {
    max-width: 480px !important;
    --max-width: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-520-px {
    max-width: 520px !important;
    --max-width: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-560-px {
    max-width: 560px !important;
    --max-width: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-600-px {
    max-width: 600px !important;
    --max-width: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-640-px {
    max-width: 640px !important;
    --max-width: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-680-px {
    max-width: 680px !important;
    --max-width: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-720-px {
    max-width: 720px !important;
    --max-width: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-760-px {
    max-width: 760px !important;
    --max-width: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-800-px {
    max-width: 800px !important;
    --max-width: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-840-px {
    max-width: 840px !important;
    --max-width: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-880-px {
    max-width: 880px !important;
    --max-width: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-920-px {
    max-width: 920px !important;
    --max-width: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-960-px {
    max-width: 960px !important;
    --max-width: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-1000-px {
    max-width: 1000px !important;
    --max-width: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-1040-px {
    max-width: 1040px !important;
    --max-width: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-1080-px {
    max-width: 1080px !important;
    --max-width: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-0-px {
    max-width: 0px !important;
    --max-width: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-2-px {
    max-width: 2px !important;
    --max-width: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-4-px {
    max-width: 4px !important;
    --max-width: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-6-px {
    max-width: 6px !important;
    --max-width: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-8-px {
    max-width: 8px !important;
    --max-width: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-12-px {
    max-width: 12px !important;
    --max-width: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-16-px {
    max-width: 16px !important;
    --max-width: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-20-px {
    max-width: 20px !important;
    --max-width: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-24-px {
    max-width: 24px !important;
    --max-width: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-28-px {
    max-width: 28px !important;
    --max-width: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-32-px {
    max-width: 32px !important;
    --max-width: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-36-px {
    max-width: 36px !important;
    --max-width: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-40-px {
    max-width: 40px !important;
    --max-width: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-48-px {
    max-width: 48px !important;
    --max-width: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-52-px {
    max-width: 52px !important;
    --max-width: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-56-px {
    max-width: 56px !important;
    --max-width: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-60-px {
    max-width: 60px !important;
    --max-width: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-64-px {
    max-width: 64px !important;
    --max-width: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-68-px {
    max-width: 68px !important;
    --max-width: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-72-px {
    max-width: 72px !important;
    --max-width: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-76-px {
    max-width: 76px !important;
    --max-width: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-80-px {
    max-width: 80px !important;
    --max-width: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-84-px {
    max-width: 84px !important;
    --max-width: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-88-px {
    max-width: 88px !important;
    --max-width: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-92-px {
    max-width: 92px !important;
    --max-width: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-96-px {
    max-width: 96px !important;
    --max-width: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-112-px {
    max-width: 112px !important;
    --max-width: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-128-px {
    max-width: 128px !important;
    --max-width: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-144-px {
    max-width: 144px !important;
    --max-width: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-160-px {
    max-width: 160px !important;
    --max-width: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-180-px {
    max-width: 180px !important;
    --max-width: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-200-px {
    max-width: 200px !important;
    --max-width: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-240-px {
    max-width: 240px !important;
    --max-width: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-280-px {
    max-width: 280px !important;
    --max-width: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-320-px {
    max-width: 320px !important;
    --max-width: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-360-px {
    max-width: 360px !important;
    --max-width: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-400-px {
    max-width: 400px !important;
    --max-width: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-440-px {
    max-width: 440px !important;
    --max-width: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-480-px {
    max-width: 480px !important;
    --max-width: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-520-px {
    max-width: 520px !important;
    --max-width: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-560-px {
    max-width: 560px !important;
    --max-width: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-600-px {
    max-width: 600px !important;
    --max-width: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-640-px {
    max-width: 640px !important;
    --max-width: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-680-px {
    max-width: 680px !important;
    --max-width: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-720-px {
    max-width: 720px !important;
    --max-width: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-760-px {
    max-width: 760px !important;
    --max-width: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-800-px {
    max-width: 800px !important;
    --max-width: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-840-px {
    max-width: 840px !important;
    --max-width: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-880-px {
    max-width: 880px !important;
    --max-width: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-920-px {
    max-width: 920px !important;
    --max-width: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-960-px {
    max-width: 960px !important;
    --max-width: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-1000-px {
    max-width: 1000px !important;
    --max-width: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-1040-px {
    max-width: 1040px !important;
    --max-width: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-1080-px {
    max-width: 1080px !important;
    --max-width: 1080px !important;
  }
}
.or-size-0-px {
  width: 0px !important;
  --width: 0px !important;
  height: 0px !important;
  --height: 0px !important;
}
.or-size-2-px {
  width: 2px !important;
  --width: 2px !important;
  height: 2px !important;
  --height: 2px !important;
}
.or-size-4-px {
  width: 4px !important;
  --width: 4px !important;
  height: 4px !important;
  --height: 4px !important;
}
.or-size-6-px {
  width: 6px !important;
  --width: 6px !important;
  height: 6px !important;
  --height: 6px !important;
}
.or-size-8-px {
  width: 8px !important;
  --width: 8px !important;
  height: 8px !important;
  --height: 8px !important;
}
.or-size-12-px {
  width: 12px !important;
  --width: 12px !important;
  height: 12px !important;
  --height: 12px !important;
}
.or-size-16-px {
  width: 16px !important;
  --width: 16px !important;
  height: 16px !important;
  --height: 16px !important;
}
.or-size-20-px {
  width: 20px !important;
  --width: 20px !important;
  height: 20px !important;
  --height: 20px !important;
}
.or-size-24-px {
  width: 24px !important;
  --width: 24px !important;
  height: 24px !important;
  --height: 24px !important;
}
.or-size-28-px {
  width: 28px !important;
  --width: 28px !important;
  height: 28px !important;
  --height: 28px !important;
}
.or-size-32-px {
  width: 32px !important;
  --width: 32px !important;
  height: 32px !important;
  --height: 32px !important;
}
.or-size-36-px {
  width: 36px !important;
  --width: 36px !important;
  height: 36px !important;
  --height: 36px !important;
}
.or-size-40-px {
  width: 40px !important;
  --width: 40px !important;
  height: 40px !important;
  --height: 40px !important;
}
.or-size-48-px {
  width: 48px !important;
  --width: 48px !important;
  height: 48px !important;
  --height: 48px !important;
}
.or-size-52-px {
  width: 52px !important;
  --width: 52px !important;
  height: 52px !important;
  --height: 52px !important;
}
.or-size-56-px {
  width: 56px !important;
  --width: 56px !important;
  height: 56px !important;
  --height: 56px !important;
}
.or-size-60-px {
  width: 60px !important;
  --width: 60px !important;
  height: 60px !important;
  --height: 60px !important;
}
.or-size-64-px {
  width: 64px !important;
  --width: 64px !important;
  height: 64px !important;
  --height: 64px !important;
}
.or-size-68-px {
  width: 68px !important;
  --width: 68px !important;
  height: 68px !important;
  --height: 68px !important;
}
.or-size-72-px {
  width: 72px !important;
  --width: 72px !important;
  height: 72px !important;
  --height: 72px !important;
}
.or-size-76-px {
  width: 76px !important;
  --width: 76px !important;
  height: 76px !important;
  --height: 76px !important;
}
.or-size-80-px {
  width: 80px !important;
  --width: 80px !important;
  height: 80px !important;
  --height: 80px !important;
}
.or-size-84-px {
  width: 84px !important;
  --width: 84px !important;
  height: 84px !important;
  --height: 84px !important;
}
.or-size-88-px {
  width: 88px !important;
  --width: 88px !important;
  height: 88px !important;
  --height: 88px !important;
}
.or-size-92-px {
  width: 92px !important;
  --width: 92px !important;
  height: 92px !important;
  --height: 92px !important;
}
.or-size-96-px {
  width: 96px !important;
  --width: 96px !important;
  height: 96px !important;
  --height: 96px !important;
}
.or-size-112-px {
  width: 112px !important;
  --width: 112px !important;
  height: 112px !important;
  --height: 112px !important;
}
.or-size-128-px {
  width: 128px !important;
  --width: 128px !important;
  height: 128px !important;
  --height: 128px !important;
}
.or-size-144-px {
  width: 144px !important;
  --width: 144px !important;
  height: 144px !important;
  --height: 144px !important;
}
.or-size-160-px {
  width: 160px !important;
  --width: 160px !important;
  height: 160px !important;
  --height: 160px !important;
}
.or-size-180-px {
  width: 180px !important;
  --width: 180px !important;
  height: 180px !important;
  --height: 180px !important;
}
.or-size-200-px {
  width: 200px !important;
  --width: 200px !important;
  height: 200px !important;
  --height: 200px !important;
}
.or-size-240-px {
  width: 240px !important;
  --width: 240px !important;
  height: 240px !important;
  --height: 240px !important;
}
.or-size-280-px {
  width: 280px !important;
  --width: 280px !important;
  height: 280px !important;
  --height: 280px !important;
}
.or-size-320-px {
  width: 320px !important;
  --width: 320px !important;
  height: 320px !important;
  --height: 320px !important;
}
.or-size-360-px {
  width: 360px !important;
  --width: 360px !important;
  height: 360px !important;
  --height: 360px !important;
}
.or-size-400-px {
  width: 400px !important;
  --width: 400px !important;
  height: 400px !important;
  --height: 400px !important;
}
.or-size-440-px {
  width: 440px !important;
  --width: 440px !important;
  height: 440px !important;
  --height: 440px !important;
}
.or-size-480-px {
  width: 480px !important;
  --width: 480px !important;
  height: 480px !important;
  --height: 480px !important;
}
.or-size-520-px {
  width: 520px !important;
  --width: 520px !important;
  height: 520px !important;
  --height: 520px !important;
}
.or-size-560-px {
  width: 560px !important;
  --width: 560px !important;
  height: 560px !important;
  --height: 560px !important;
}
.or-size-600-px {
  width: 600px !important;
  --width: 600px !important;
  height: 600px !important;
  --height: 600px !important;
}
.or-size-640-px {
  width: 640px !important;
  --width: 640px !important;
  height: 640px !important;
  --height: 640px !important;
}
.or-size-680-px {
  width: 680px !important;
  --width: 680px !important;
  height: 680px !important;
  --height: 680px !important;
}
.or-size-720-px {
  width: 720px !important;
  --width: 720px !important;
  height: 720px !important;
  --height: 720px !important;
}
.or-size-760-px {
  width: 760px !important;
  --width: 760px !important;
  height: 760px !important;
  --height: 760px !important;
}
.or-size-800-px {
  width: 800px !important;
  --width: 800px !important;
  height: 800px !important;
  --height: 800px !important;
}
.or-size-840-px {
  width: 840px !important;
  --width: 840px !important;
  height: 840px !important;
  --height: 840px !important;
}
.or-size-880-px {
  width: 880px !important;
  --width: 880px !important;
  height: 880px !important;
  --height: 880px !important;
}
.or-size-920-px {
  width: 920px !important;
  --width: 920px !important;
  height: 920px !important;
  --height: 920px !important;
}
.or-size-960-px {
  width: 960px !important;
  --width: 960px !important;
  height: 960px !important;
  --height: 960px !important;
}
.or-size-1000-px {
  width: 1000px !important;
  --width: 1000px !important;
  height: 1000px !important;
  --height: 1000px !important;
}
.or-size-1040-px {
  width: 1040px !important;
  --width: 1040px !important;
  height: 1040px !important;
  --height: 1040px !important;
}
.or-size-1080-px {
  width: 1080px !important;
  --width: 1080px !important;
  height: 1080px !important;
  --height: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-size-sm-0-px {
    width: 0px !important;
    --width: 0px !important;
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-2-px {
    width: 2px !important;
    --width: 2px !important;
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-4-px {
    width: 4px !important;
    --width: 4px !important;
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-6-px {
    width: 6px !important;
    --width: 6px !important;
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-8-px {
    width: 8px !important;
    --width: 8px !important;
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-12-px {
    width: 12px !important;
    --width: 12px !important;
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-16-px {
    width: 16px !important;
    --width: 16px !important;
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-20-px {
    width: 20px !important;
    --width: 20px !important;
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-24-px {
    width: 24px !important;
    --width: 24px !important;
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-28-px {
    width: 28px !important;
    --width: 28px !important;
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-32-px {
    width: 32px !important;
    --width: 32px !important;
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-36-px {
    width: 36px !important;
    --width: 36px !important;
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-40-px {
    width: 40px !important;
    --width: 40px !important;
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-48-px {
    width: 48px !important;
    --width: 48px !important;
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-52-px {
    width: 52px !important;
    --width: 52px !important;
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-56-px {
    width: 56px !important;
    --width: 56px !important;
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-60-px {
    width: 60px !important;
    --width: 60px !important;
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-64-px {
    width: 64px !important;
    --width: 64px !important;
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-68-px {
    width: 68px !important;
    --width: 68px !important;
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-72-px {
    width: 72px !important;
    --width: 72px !important;
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-76-px {
    width: 76px !important;
    --width: 76px !important;
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-80-px {
    width: 80px !important;
    --width: 80px !important;
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-84-px {
    width: 84px !important;
    --width: 84px !important;
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-88-px {
    width: 88px !important;
    --width: 88px !important;
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-92-px {
    width: 92px !important;
    --width: 92px !important;
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-96-px {
    width: 96px !important;
    --width: 96px !important;
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-112-px {
    width: 112px !important;
    --width: 112px !important;
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-128-px {
    width: 128px !important;
    --width: 128px !important;
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-144-px {
    width: 144px !important;
    --width: 144px !important;
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-160-px {
    width: 160px !important;
    --width: 160px !important;
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-180-px {
    width: 180px !important;
    --width: 180px !important;
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-200-px {
    width: 200px !important;
    --width: 200px !important;
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-240-px {
    width: 240px !important;
    --width: 240px !important;
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-280-px {
    width: 280px !important;
    --width: 280px !important;
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-320-px {
    width: 320px !important;
    --width: 320px !important;
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-360-px {
    width: 360px !important;
    --width: 360px !important;
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-400-px {
    width: 400px !important;
    --width: 400px !important;
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-440-px {
    width: 440px !important;
    --width: 440px !important;
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-480-px {
    width: 480px !important;
    --width: 480px !important;
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-520-px {
    width: 520px !important;
    --width: 520px !important;
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-560-px {
    width: 560px !important;
    --width: 560px !important;
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-600-px {
    width: 600px !important;
    --width: 600px !important;
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-640-px {
    width: 640px !important;
    --width: 640px !important;
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-680-px {
    width: 680px !important;
    --width: 680px !important;
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-720-px {
    width: 720px !important;
    --width: 720px !important;
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-760-px {
    width: 760px !important;
    --width: 760px !important;
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-800-px {
    width: 800px !important;
    --width: 800px !important;
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-840-px {
    width: 840px !important;
    --width: 840px !important;
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-880-px {
    width: 880px !important;
    --width: 880px !important;
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-920-px {
    width: 920px !important;
    --width: 920px !important;
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-960-px {
    width: 960px !important;
    --width: 960px !important;
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-0-px {
    width: 0px !important;
    --width: 0px !important;
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-2-px {
    width: 2px !important;
    --width: 2px !important;
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-4-px {
    width: 4px !important;
    --width: 4px !important;
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-6-px {
    width: 6px !important;
    --width: 6px !important;
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-8-px {
    width: 8px !important;
    --width: 8px !important;
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-12-px {
    width: 12px !important;
    --width: 12px !important;
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-16-px {
    width: 16px !important;
    --width: 16px !important;
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-20-px {
    width: 20px !important;
    --width: 20px !important;
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-24-px {
    width: 24px !important;
    --width: 24px !important;
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-28-px {
    width: 28px !important;
    --width: 28px !important;
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-32-px {
    width: 32px !important;
    --width: 32px !important;
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-36-px {
    width: 36px !important;
    --width: 36px !important;
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-40-px {
    width: 40px !important;
    --width: 40px !important;
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-48-px {
    width: 48px !important;
    --width: 48px !important;
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-52-px {
    width: 52px !important;
    --width: 52px !important;
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-56-px {
    width: 56px !important;
    --width: 56px !important;
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-60-px {
    width: 60px !important;
    --width: 60px !important;
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-64-px {
    width: 64px !important;
    --width: 64px !important;
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-68-px {
    width: 68px !important;
    --width: 68px !important;
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-72-px {
    width: 72px !important;
    --width: 72px !important;
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-76-px {
    width: 76px !important;
    --width: 76px !important;
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-80-px {
    width: 80px !important;
    --width: 80px !important;
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-84-px {
    width: 84px !important;
    --width: 84px !important;
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-88-px {
    width: 88px !important;
    --width: 88px !important;
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-92-px {
    width: 92px !important;
    --width: 92px !important;
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-96-px {
    width: 96px !important;
    --width: 96px !important;
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-112-px {
    width: 112px !important;
    --width: 112px !important;
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-128-px {
    width: 128px !important;
    --width: 128px !important;
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-144-px {
    width: 144px !important;
    --width: 144px !important;
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-160-px {
    width: 160px !important;
    --width: 160px !important;
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-180-px {
    width: 180px !important;
    --width: 180px !important;
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-200-px {
    width: 200px !important;
    --width: 200px !important;
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-240-px {
    width: 240px !important;
    --width: 240px !important;
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-280-px {
    width: 280px !important;
    --width: 280px !important;
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-320-px {
    width: 320px !important;
    --width: 320px !important;
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-360-px {
    width: 360px !important;
    --width: 360px !important;
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-400-px {
    width: 400px !important;
    --width: 400px !important;
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-440-px {
    width: 440px !important;
    --width: 440px !important;
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-480-px {
    width: 480px !important;
    --width: 480px !important;
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-520-px {
    width: 520px !important;
    --width: 520px !important;
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-560-px {
    width: 560px !important;
    --width: 560px !important;
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-600-px {
    width: 600px !important;
    --width: 600px !important;
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-640-px {
    width: 640px !important;
    --width: 640px !important;
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-680-px {
    width: 680px !important;
    --width: 680px !important;
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-720-px {
    width: 720px !important;
    --width: 720px !important;
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-760-px {
    width: 760px !important;
    --width: 760px !important;
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-800-px {
    width: 800px !important;
    --width: 800px !important;
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-840-px {
    width: 840px !important;
    --width: 840px !important;
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-880-px {
    width: 880px !important;
    --width: 880px !important;
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-920-px {
    width: 920px !important;
    --width: 920px !important;
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-960-px {
    width: 960px !important;
    --width: 960px !important;
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-0-px {
    width: 0px !important;
    --width: 0px !important;
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-2-px {
    width: 2px !important;
    --width: 2px !important;
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-4-px {
    width: 4px !important;
    --width: 4px !important;
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-6-px {
    width: 6px !important;
    --width: 6px !important;
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-8-px {
    width: 8px !important;
    --width: 8px !important;
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-12-px {
    width: 12px !important;
    --width: 12px !important;
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-16-px {
    width: 16px !important;
    --width: 16px !important;
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-20-px {
    width: 20px !important;
    --width: 20px !important;
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-24-px {
    width: 24px !important;
    --width: 24px !important;
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-28-px {
    width: 28px !important;
    --width: 28px !important;
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-32-px {
    width: 32px !important;
    --width: 32px !important;
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-36-px {
    width: 36px !important;
    --width: 36px !important;
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-40-px {
    width: 40px !important;
    --width: 40px !important;
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-48-px {
    width: 48px !important;
    --width: 48px !important;
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-52-px {
    width: 52px !important;
    --width: 52px !important;
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-56-px {
    width: 56px !important;
    --width: 56px !important;
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-60-px {
    width: 60px !important;
    --width: 60px !important;
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-64-px {
    width: 64px !important;
    --width: 64px !important;
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-68-px {
    width: 68px !important;
    --width: 68px !important;
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-72-px {
    width: 72px !important;
    --width: 72px !important;
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-76-px {
    width: 76px !important;
    --width: 76px !important;
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-80-px {
    width: 80px !important;
    --width: 80px !important;
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-84-px {
    width: 84px !important;
    --width: 84px !important;
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-88-px {
    width: 88px !important;
    --width: 88px !important;
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-92-px {
    width: 92px !important;
    --width: 92px !important;
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-96-px {
    width: 96px !important;
    --width: 96px !important;
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-112-px {
    width: 112px !important;
    --width: 112px !important;
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-128-px {
    width: 128px !important;
    --width: 128px !important;
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-144-px {
    width: 144px !important;
    --width: 144px !important;
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-160-px {
    width: 160px !important;
    --width: 160px !important;
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-180-px {
    width: 180px !important;
    --width: 180px !important;
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-200-px {
    width: 200px !important;
    --width: 200px !important;
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-240-px {
    width: 240px !important;
    --width: 240px !important;
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-280-px {
    width: 280px !important;
    --width: 280px !important;
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-320-px {
    width: 320px !important;
    --width: 320px !important;
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-360-px {
    width: 360px !important;
    --width: 360px !important;
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-400-px {
    width: 400px !important;
    --width: 400px !important;
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-440-px {
    width: 440px !important;
    --width: 440px !important;
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-480-px {
    width: 480px !important;
    --width: 480px !important;
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-520-px {
    width: 520px !important;
    --width: 520px !important;
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-560-px {
    width: 560px !important;
    --width: 560px !important;
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-600-px {
    width: 600px !important;
    --width: 600px !important;
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-640-px {
    width: 640px !important;
    --width: 640px !important;
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-680-px {
    width: 680px !important;
    --width: 680px !important;
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-720-px {
    width: 720px !important;
    --width: 720px !important;
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-760-px {
    width: 760px !important;
    --width: 760px !important;
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-800-px {
    width: 800px !important;
    --width: 800px !important;
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-840-px {
    width: 840px !important;
    --width: 840px !important;
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-880-px {
    width: 880px !important;
    --width: 880px !important;
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-920-px {
    width: 920px !important;
    --width: 920px !important;
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-960-px {
    width: 960px !important;
    --width: 960px !important;
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-0-px {
    width: 0px !important;
    --width: 0px !important;
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-2-px {
    width: 2px !important;
    --width: 2px !important;
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-4-px {
    width: 4px !important;
    --width: 4px !important;
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-6-px {
    width: 6px !important;
    --width: 6px !important;
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-8-px {
    width: 8px !important;
    --width: 8px !important;
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-12-px {
    width: 12px !important;
    --width: 12px !important;
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-16-px {
    width: 16px !important;
    --width: 16px !important;
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-20-px {
    width: 20px !important;
    --width: 20px !important;
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-24-px {
    width: 24px !important;
    --width: 24px !important;
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-28-px {
    width: 28px !important;
    --width: 28px !important;
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-32-px {
    width: 32px !important;
    --width: 32px !important;
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-36-px {
    width: 36px !important;
    --width: 36px !important;
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-40-px {
    width: 40px !important;
    --width: 40px !important;
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-48-px {
    width: 48px !important;
    --width: 48px !important;
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-52-px {
    width: 52px !important;
    --width: 52px !important;
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-56-px {
    width: 56px !important;
    --width: 56px !important;
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-60-px {
    width: 60px !important;
    --width: 60px !important;
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-64-px {
    width: 64px !important;
    --width: 64px !important;
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-68-px {
    width: 68px !important;
    --width: 68px !important;
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-72-px {
    width: 72px !important;
    --width: 72px !important;
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-76-px {
    width: 76px !important;
    --width: 76px !important;
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-80-px {
    width: 80px !important;
    --width: 80px !important;
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-84-px {
    width: 84px !important;
    --width: 84px !important;
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-88-px {
    width: 88px !important;
    --width: 88px !important;
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-92-px {
    width: 92px !important;
    --width: 92px !important;
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-96-px {
    width: 96px !important;
    --width: 96px !important;
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-112-px {
    width: 112px !important;
    --width: 112px !important;
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-128-px {
    width: 128px !important;
    --width: 128px !important;
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-144-px {
    width: 144px !important;
    --width: 144px !important;
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-160-px {
    width: 160px !important;
    --width: 160px !important;
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-180-px {
    width: 180px !important;
    --width: 180px !important;
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-200-px {
    width: 200px !important;
    --width: 200px !important;
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-240-px {
    width: 240px !important;
    --width: 240px !important;
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-280-px {
    width: 280px !important;
    --width: 280px !important;
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-320-px {
    width: 320px !important;
    --width: 320px !important;
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-360-px {
    width: 360px !important;
    --width: 360px !important;
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-400-px {
    width: 400px !important;
    --width: 400px !important;
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-440-px {
    width: 440px !important;
    --width: 440px !important;
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-480-px {
    width: 480px !important;
    --width: 480px !important;
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-520-px {
    width: 520px !important;
    --width: 520px !important;
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-560-px {
    width: 560px !important;
    --width: 560px !important;
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-600-px {
    width: 600px !important;
    --width: 600px !important;
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-640-px {
    width: 640px !important;
    --width: 640px !important;
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-680-px {
    width: 680px !important;
    --width: 680px !important;
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-720-px {
    width: 720px !important;
    --width: 720px !important;
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-760-px {
    width: 760px !important;
    --width: 760px !important;
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-800-px {
    width: 800px !important;
    --width: 800px !important;
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-840-px {
    width: 840px !important;
    --width: 840px !important;
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-880-px {
    width: 880px !important;
    --width: 880px !important;
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-920-px {
    width: 920px !important;
    --width: 920px !important;
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-960-px {
    width: 960px !important;
    --width: 960px !important;
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
    height: 1080px !important;
    --height: 1080px !important;
  }
}
.or-h-0-px {
  height: 0px !important;
  --height: 0px !important;
}
.or-h-2-px {
  height: 2px !important;
  --height: 2px !important;
}
.or-h-4-px {
  height: 4px !important;
  --height: 4px !important;
}
.or-h-6-px {
  height: 6px !important;
  --height: 6px !important;
}
.or-h-8-px {
  height: 8px !important;
  --height: 8px !important;
}
.or-h-12-px {
  height: 12px !important;
  --height: 12px !important;
}
.or-h-16-px {
  height: 16px !important;
  --height: 16px !important;
}
.or-h-20-px {
  height: 20px !important;
  --height: 20px !important;
}
.or-h-24-px {
  height: 24px !important;
  --height: 24px !important;
}
.or-h-28-px {
  height: 28px !important;
  --height: 28px !important;
}
.or-h-32-px {
  height: 32px !important;
  --height: 32px !important;
}
.or-h-36-px {
  height: 36px !important;
  --height: 36px !important;
}
.or-h-40-px {
  height: 40px !important;
  --height: 40px !important;
}
.or-h-48-px {
  height: 48px !important;
  --height: 48px !important;
}
.or-h-52-px {
  height: 52px !important;
  --height: 52px !important;
}
.or-h-56-px {
  height: 56px !important;
  --height: 56px !important;
}
.or-h-60-px {
  height: 60px !important;
  --height: 60px !important;
}
.or-h-64-px {
  height: 64px !important;
  --height: 64px !important;
}
.or-h-68-px {
  height: 68px !important;
  --height: 68px !important;
}
.or-h-72-px {
  height: 72px !important;
  --height: 72px !important;
}
.or-h-76-px {
  height: 76px !important;
  --height: 76px !important;
}
.or-h-80-px {
  height: 80px !important;
  --height: 80px !important;
}
.or-h-84-px {
  height: 84px !important;
  --height: 84px !important;
}
.or-h-88-px {
  height: 88px !important;
  --height: 88px !important;
}
.or-h-92-px {
  height: 92px !important;
  --height: 92px !important;
}
.or-h-96-px {
  height: 96px !important;
  --height: 96px !important;
}
.or-h-112-px {
  height: 112px !important;
  --height: 112px !important;
}
.or-h-128-px {
  height: 128px !important;
  --height: 128px !important;
}
.or-h-144-px {
  height: 144px !important;
  --height: 144px !important;
}
.or-h-160-px {
  height: 160px !important;
  --height: 160px !important;
}
.or-h-180-px {
  height: 180px !important;
  --height: 180px !important;
}
.or-h-200-px {
  height: 200px !important;
  --height: 200px !important;
}
.or-h-240-px {
  height: 240px !important;
  --height: 240px !important;
}
.or-h-280-px {
  height: 280px !important;
  --height: 280px !important;
}
.or-h-320-px {
  height: 320px !important;
  --height: 320px !important;
}
.or-h-360-px {
  height: 360px !important;
  --height: 360px !important;
}
.or-h-400-px {
  height: 400px !important;
  --height: 400px !important;
}
.or-h-440-px {
  height: 440px !important;
  --height: 440px !important;
}
.or-h-480-px {
  height: 480px !important;
  --height: 480px !important;
}
.or-h-520-px {
  height: 520px !important;
  --height: 520px !important;
}
.or-h-560-px {
  height: 560px !important;
  --height: 560px !important;
}
.or-h-600-px {
  height: 600px !important;
  --height: 600px !important;
}
.or-h-640-px {
  height: 640px !important;
  --height: 640px !important;
}
.or-h-680-px {
  height: 680px !important;
  --height: 680px !important;
}
.or-h-720-px {
  height: 720px !important;
  --height: 720px !important;
}
.or-h-760-px {
  height: 760px !important;
  --height: 760px !important;
}
.or-h-800-px {
  height: 800px !important;
  --height: 800px !important;
}
.or-h-840-px {
  height: 840px !important;
  --height: 840px !important;
}
.or-h-880-px {
  height: 880px !important;
  --height: 880px !important;
}
.or-h-920-px {
  height: 920px !important;
  --height: 920px !important;
}
.or-h-960-px {
  height: 960px !important;
  --height: 960px !important;
}
.or-h-1000-px {
  height: 1000px !important;
  --height: 1000px !important;
}
.or-h-1040-px {
  height: 1040px !important;
  --height: 1040px !important;
}
.or-h-1080-px {
  height: 1080px !important;
  --height: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-h-sm-0-px {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-2-px {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-4-px {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-6-px {
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-8-px {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-12-px {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-16-px {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-20-px {
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-24-px {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-28-px {
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-32-px {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-36-px {
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-40-px {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-48-px {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-52-px {
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-56-px {
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-60-px {
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-64-px {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-68-px {
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-72-px {
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-76-px {
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-80-px {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-84-px {
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-88-px {
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-92-px {
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-96-px {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-112-px {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-128-px {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-144-px {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-160-px {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-180-px {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-200-px {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-240-px {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-280-px {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-320-px {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-360-px {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-400-px {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-440-px {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-480-px {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-520-px {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-560-px {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-600-px {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-640-px {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-680-px {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-720-px {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-760-px {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-800-px {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-840-px {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-880-px {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-920-px {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-960-px {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-1000-px {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-1040-px {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-1080-px {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-0-px {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-2-px {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-4-px {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-6-px {
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-8-px {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-12-px {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-16-px {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-20-px {
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-24-px {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-28-px {
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-32-px {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-36-px {
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-40-px {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-48-px {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-52-px {
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-56-px {
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-60-px {
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-64-px {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-68-px {
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-72-px {
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-76-px {
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-80-px {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-84-px {
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-88-px {
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-92-px {
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-96-px {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-112-px {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-128-px {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-144-px {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-160-px {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-180-px {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-200-px {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-240-px {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-280-px {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-320-px {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-360-px {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-400-px {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-440-px {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-480-px {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-520-px {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-560-px {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-600-px {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-640-px {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-680-px {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-720-px {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-760-px {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-800-px {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-840-px {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-880-px {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-920-px {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-960-px {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-1000-px {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-1040-px {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-1080-px {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-0-px {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-2-px {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-4-px {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-6-px {
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-8-px {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-12-px {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-16-px {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-20-px {
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-24-px {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-28-px {
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-32-px {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-36-px {
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-40-px {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-48-px {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-52-px {
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-56-px {
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-60-px {
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-64-px {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-68-px {
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-72-px {
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-76-px {
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-80-px {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-84-px {
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-88-px {
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-92-px {
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-96-px {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-112-px {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-128-px {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-144-px {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-160-px {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-180-px {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-200-px {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-240-px {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-280-px {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-320-px {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-360-px {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-400-px {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-440-px {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-480-px {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-520-px {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-560-px {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-600-px {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-640-px {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-680-px {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-720-px {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-760-px {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-800-px {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-840-px {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-880-px {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-920-px {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-960-px {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-1000-px {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-1040-px {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-1080-px {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-0-px {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-2-px {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-4-px {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-6-px {
    height: 6px !important;
    --height: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-8-px {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-12-px {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-16-px {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-20-px {
    height: 20px !important;
    --height: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-24-px {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-28-px {
    height: 28px !important;
    --height: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-32-px {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-36-px {
    height: 36px !important;
    --height: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-40-px {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-48-px {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-52-px {
    height: 52px !important;
    --height: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-56-px {
    height: 56px !important;
    --height: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-60-px {
    height: 60px !important;
    --height: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-64-px {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-68-px {
    height: 68px !important;
    --height: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-72-px {
    height: 72px !important;
    --height: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-76-px {
    height: 76px !important;
    --height: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-80-px {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-84-px {
    height: 84px !important;
    --height: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-88-px {
    height: 88px !important;
    --height: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-92-px {
    height: 92px !important;
    --height: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-96-px {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-112-px {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-128-px {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-144-px {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-160-px {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-180-px {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-200-px {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-240-px {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-280-px {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-320-px {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-360-px {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-400-px {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-440-px {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-480-px {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-520-px {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-560-px {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-600-px {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-640-px {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-680-px {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-720-px {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-760-px {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-800-px {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-840-px {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-880-px {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-920-px {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-960-px {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-1000-px {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-1040-px {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-1080-px {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
.or-w-0-px {
  width: 0px !important;
  --width: 0px !important;
}
.or-w-2-px {
  width: 2px !important;
  --width: 2px !important;
}
.or-w-4-px {
  width: 4px !important;
  --width: 4px !important;
}
.or-w-6-px {
  width: 6px !important;
  --width: 6px !important;
}
.or-w-8-px {
  width: 8px !important;
  --width: 8px !important;
}
.or-w-12-px {
  width: 12px !important;
  --width: 12px !important;
}
.or-w-16-px {
  width: 16px !important;
  --width: 16px !important;
}
.or-w-20-px {
  width: 20px !important;
  --width: 20px !important;
}
.or-w-24-px {
  width: 24px !important;
  --width: 24px !important;
}
.or-w-28-px {
  width: 28px !important;
  --width: 28px !important;
}
.or-w-32-px {
  width: 32px !important;
  --width: 32px !important;
}
.or-w-36-px {
  width: 36px !important;
  --width: 36px !important;
}
.or-w-40-px {
  width: 40px !important;
  --width: 40px !important;
}
.or-w-48-px {
  width: 48px !important;
  --width: 48px !important;
}
.or-w-52-px {
  width: 52px !important;
  --width: 52px !important;
}
.or-w-56-px {
  width: 56px !important;
  --width: 56px !important;
}
.or-w-60-px {
  width: 60px !important;
  --width: 60px !important;
}
.or-w-64-px {
  width: 64px !important;
  --width: 64px !important;
}
.or-w-68-px {
  width: 68px !important;
  --width: 68px !important;
}
.or-w-72-px {
  width: 72px !important;
  --width: 72px !important;
}
.or-w-76-px {
  width: 76px !important;
  --width: 76px !important;
}
.or-w-80-px {
  width: 80px !important;
  --width: 80px !important;
}
.or-w-84-px {
  width: 84px !important;
  --width: 84px !important;
}
.or-w-88-px {
  width: 88px !important;
  --width: 88px !important;
}
.or-w-92-px {
  width: 92px !important;
  --width: 92px !important;
}
.or-w-96-px {
  width: 96px !important;
  --width: 96px !important;
}
.or-w-112-px {
  width: 112px !important;
  --width: 112px !important;
}
.or-w-128-px {
  width: 128px !important;
  --width: 128px !important;
}
.or-w-144-px {
  width: 144px !important;
  --width: 144px !important;
}
.or-w-160-px {
  width: 160px !important;
  --width: 160px !important;
}
.or-w-180-px {
  width: 180px !important;
  --width: 180px !important;
}
.or-w-200-px {
  width: 200px !important;
  --width: 200px !important;
}
.or-w-240-px {
  width: 240px !important;
  --width: 240px !important;
}
.or-w-280-px {
  width: 280px !important;
  --width: 280px !important;
}
.or-w-320-px {
  width: 320px !important;
  --width: 320px !important;
}
.or-w-360-px {
  width: 360px !important;
  --width: 360px !important;
}
.or-w-400-px {
  width: 400px !important;
  --width: 400px !important;
}
.or-w-440-px {
  width: 440px !important;
  --width: 440px !important;
}
.or-w-480-px {
  width: 480px !important;
  --width: 480px !important;
}
.or-w-520-px {
  width: 520px !important;
  --width: 520px !important;
}
.or-w-560-px {
  width: 560px !important;
  --width: 560px !important;
}
.or-w-600-px {
  width: 600px !important;
  --width: 600px !important;
}
.or-w-640-px {
  width: 640px !important;
  --width: 640px !important;
}
.or-w-680-px {
  width: 680px !important;
  --width: 680px !important;
}
.or-w-720-px {
  width: 720px !important;
  --width: 720px !important;
}
.or-w-760-px {
  width: 760px !important;
  --width: 760px !important;
}
.or-w-800-px {
  width: 800px !important;
  --width: 800px !important;
}
.or-w-840-px {
  width: 840px !important;
  --width: 840px !important;
}
.or-w-880-px {
  width: 880px !important;
  --width: 880px !important;
}
.or-w-920-px {
  width: 920px !important;
  --width: 920px !important;
}
.or-w-960-px {
  width: 960px !important;
  --width: 960px !important;
}
.or-w-1000-px {
  width: 1000px !important;
  --width: 1000px !important;
}
.or-w-1040-px {
  width: 1040px !important;
  --width: 1040px !important;
}
.or-w-1080-px {
  width: 1080px !important;
  --width: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-w-sm-0-px {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-2-px {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-4-px {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-6-px {
    width: 6px !important;
    --width: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-8-px {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-12-px {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-16-px {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-20-px {
    width: 20px !important;
    --width: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-24-px {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-28-px {
    width: 28px !important;
    --width: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-32-px {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-36-px {
    width: 36px !important;
    --width: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-40-px {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-48-px {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-52-px {
    width: 52px !important;
    --width: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-56-px {
    width: 56px !important;
    --width: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-60-px {
    width: 60px !important;
    --width: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-64-px {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-68-px {
    width: 68px !important;
    --width: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-72-px {
    width: 72px !important;
    --width: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-76-px {
    width: 76px !important;
    --width: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-80-px {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-84-px {
    width: 84px !important;
    --width: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-88-px {
    width: 88px !important;
    --width: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-92-px {
    width: 92px !important;
    --width: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-96-px {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-112-px {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-128-px {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-144-px {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-160-px {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-180-px {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-200-px {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-240-px {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-280-px {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-320-px {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-360-px {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-400-px {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-440-px {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-480-px {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-520-px {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-560-px {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-600-px {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-640-px {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-680-px {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-720-px {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-760-px {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-800-px {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-840-px {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-880-px {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-920-px {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-960-px {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-0-px {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-2-px {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-4-px {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-6-px {
    width: 6px !important;
    --width: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-8-px {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-12-px {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-16-px {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-20-px {
    width: 20px !important;
    --width: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-24-px {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-28-px {
    width: 28px !important;
    --width: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-32-px {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-36-px {
    width: 36px !important;
    --width: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-40-px {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-48-px {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-52-px {
    width: 52px !important;
    --width: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-56-px {
    width: 56px !important;
    --width: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-60-px {
    width: 60px !important;
    --width: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-64-px {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-68-px {
    width: 68px !important;
    --width: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-72-px {
    width: 72px !important;
    --width: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-76-px {
    width: 76px !important;
    --width: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-80-px {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-84-px {
    width: 84px !important;
    --width: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-88-px {
    width: 88px !important;
    --width: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-92-px {
    width: 92px !important;
    --width: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-96-px {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-112-px {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-128-px {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-144-px {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-160-px {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-180-px {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-200-px {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-240-px {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-280-px {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-320-px {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-360-px {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-400-px {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-440-px {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-480-px {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-520-px {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-560-px {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-600-px {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-640-px {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-680-px {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-720-px {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-760-px {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-800-px {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-840-px {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-880-px {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-920-px {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-960-px {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-0-px {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-2-px {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-4-px {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-6-px {
    width: 6px !important;
    --width: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-8-px {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-12-px {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-16-px {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-20-px {
    width: 20px !important;
    --width: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-24-px {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-28-px {
    width: 28px !important;
    --width: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-32-px {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-36-px {
    width: 36px !important;
    --width: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-40-px {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-48-px {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-52-px {
    width: 52px !important;
    --width: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-56-px {
    width: 56px !important;
    --width: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-60-px {
    width: 60px !important;
    --width: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-64-px {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-68-px {
    width: 68px !important;
    --width: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-72-px {
    width: 72px !important;
    --width: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-76-px {
    width: 76px !important;
    --width: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-80-px {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-84-px {
    width: 84px !important;
    --width: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-88-px {
    width: 88px !important;
    --width: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-92-px {
    width: 92px !important;
    --width: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-96-px {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-112-px {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-128-px {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-144-px {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-160-px {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-180-px {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-200-px {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-240-px {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-280-px {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-320-px {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-360-px {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-400-px {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-440-px {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-480-px {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-520-px {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-560-px {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-600-px {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-640-px {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-680-px {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-720-px {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-760-px {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-800-px {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-840-px {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-880-px {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-920-px {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-960-px {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-0-px {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-2-px {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-4-px {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-6-px {
    width: 6px !important;
    --width: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-8-px {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-12-px {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-16-px {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-20-px {
    width: 20px !important;
    --width: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-24-px {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-28-px {
    width: 28px !important;
    --width: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-32-px {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-36-px {
    width: 36px !important;
    --width: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-40-px {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-48-px {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-52-px {
    width: 52px !important;
    --width: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-56-px {
    width: 56px !important;
    --width: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-60-px {
    width: 60px !important;
    --width: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-64-px {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-68-px {
    width: 68px !important;
    --width: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-72-px {
    width: 72px !important;
    --width: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-76-px {
    width: 76px !important;
    --width: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-80-px {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-84-px {
    width: 84px !important;
    --width: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-88-px {
    width: 88px !important;
    --width: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-92-px {
    width: 92px !important;
    --width: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-96-px {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-112-px {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-128-px {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-144-px {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-160-px {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-180-px {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-200-px {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-240-px {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-280-px {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-320-px {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-360-px {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-400-px {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-440-px {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-480-px {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-520-px {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-560-px {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-600-px {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-640-px {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-680-px {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-720-px {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-760-px {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-800-px {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-840-px {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-880-px {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-920-px {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-960-px {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-1000-px {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-1040-px {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-1080-px {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
.or-h-fit-content {
  height: fit-content !important;
  --height: fit-content !important;
}
.or-h-max-content {
  height: max-content !important;
  --height: max-content !important;
}
.or-h-min-content {
  height: min-content !important;
  --height: min-content !important;
}
@media screen and (min-width: 576px) {
  .or-h-sm-fit-content {
    height: fit-content !important;
    --height: fit-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-max-content {
    height: max-content !important;
    --height: max-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-min-content {
    height: min-content !important;
    --height: min-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-fit-content {
    height: fit-content !important;
    --height: fit-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-max-content {
    height: max-content !important;
    --height: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-min-content {
    height: min-content !important;
    --height: min-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-fit-content {
    height: fit-content !important;
    --height: fit-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-max-content {
    height: max-content !important;
    --height: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-min-content {
    height: min-content !important;
    --height: min-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-fit-content {
    height: fit-content !important;
    --height: fit-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-max-content {
    height: max-content !important;
    --height: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-min-content {
    height: min-content !important;
    --height: min-content !important;
  }
}
.or-min-h-fit-content {
  min-height: fit-content !important;
  --min-height: fit-content !important;
}
.or-min-h-max-content {
  min-height: max-content !important;
  --min-height: max-content !important;
}
.or-min-h-min-content {
  min-height: min-content !important;
  --min-height: min-content !important;
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-fit-content {
    min-height: fit-content !important;
    --min-height: fit-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-max-content {
    min-height: max-content !important;
    --min-height: max-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-min-content {
    min-height: min-content !important;
    --min-height: min-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-fit-content {
    min-height: fit-content !important;
    --min-height: fit-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-max-content {
    min-height: max-content !important;
    --min-height: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-min-content {
    min-height: min-content !important;
    --min-height: min-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-fit-content {
    min-height: fit-content !important;
    --min-height: fit-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-max-content {
    min-height: max-content !important;
    --min-height: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-min-content {
    min-height: min-content !important;
    --min-height: min-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-fit-content {
    min-height: fit-content !important;
    --min-height: fit-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-max-content {
    min-height: max-content !important;
    --min-height: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-min-content {
    min-height: min-content !important;
    --min-height: min-content !important;
  }
}
.or-max-h-fit-content {
  max-height: fit-content !important;
  --max-height: fit-content !important;
}
.or-max-h-max-content {
  max-height: max-content !important;
  --max-height: max-content !important;
}
.or-max-h-min-content {
  max-height: min-content !important;
  --max-height: min-content !important;
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-fit-content {
    max-height: fit-content !important;
    --max-height: fit-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-max-content {
    max-height: max-content !important;
    --max-height: max-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-min-content {
    max-height: min-content !important;
    --max-height: min-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-fit-content {
    max-height: fit-content !important;
    --max-height: fit-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-max-content {
    max-height: max-content !important;
    --max-height: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-min-content {
    max-height: min-content !important;
    --max-height: min-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-fit-content {
    max-height: fit-content !important;
    --max-height: fit-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-max-content {
    max-height: max-content !important;
    --max-height: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-min-content {
    max-height: min-content !important;
    --max-height: min-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-fit-content {
    max-height: fit-content !important;
    --max-height: fit-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-max-content {
    max-height: max-content !important;
    --max-height: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-min-content {
    max-height: min-content !important;
    --max-height: min-content !important;
  }
}
.or-w-fit-content {
  width: fit-content !important;
  --width: fit-content !important;
}
.or-w-max-content {
  width: max-content !important;
  --width: max-content !important;
}
.or-w-min-content {
  width: min-content !important;
  --width: min-content !important;
}
@media screen and (min-width: 576px) {
  .or-w-sm-fit-content {
    width: fit-content !important;
    --width: fit-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-max-content {
    width: max-content !important;
    --width: max-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-min-content {
    width: min-content !important;
    --width: min-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-fit-content {
    width: fit-content !important;
    --width: fit-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-max-content {
    width: max-content !important;
    --width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-min-content {
    width: min-content !important;
    --width: min-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-fit-content {
    width: fit-content !important;
    --width: fit-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-max-content {
    width: max-content !important;
    --width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-min-content {
    width: min-content !important;
    --width: min-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-fit-content {
    width: fit-content !important;
    --width: fit-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-max-content {
    width: max-content !important;
    --width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-min-content {
    width: min-content !important;
    --width: min-content !important;
  }
}
.or-min-w-fit-content {
  min-width: fit-content !important;
  --min-width: fit-content !important;
}
.or-min-w-max-content {
  min-width: max-content !important;
  --min-width: max-content !important;
}
.or-min-w-min-content {
  min-width: min-content !important;
  --min-width: min-content !important;
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-fit-content {
    min-width: fit-content !important;
    --min-width: fit-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-max-content {
    min-width: max-content !important;
    --min-width: max-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-min-content {
    min-width: min-content !important;
    --min-width: min-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-fit-content {
    min-width: fit-content !important;
    --min-width: fit-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-max-content {
    min-width: max-content !important;
    --min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-min-content {
    min-width: min-content !important;
    --min-width: min-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-fit-content {
    min-width: fit-content !important;
    --min-width: fit-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-max-content {
    min-width: max-content !important;
    --min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-min-content {
    min-width: min-content !important;
    --min-width: min-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-fit-content {
    min-width: fit-content !important;
    --min-width: fit-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-max-content {
    min-width: max-content !important;
    --min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-min-content {
    min-width: min-content !important;
    --min-width: min-content !important;
  }
}
.or-max-w-fit-content {
  max-width: fit-content !important;
  --max-width: fit-content !important;
}
.or-max-w-max-content {
  max-width: max-content !important;
  --max-width: max-content !important;
}
.or-max-w-min-content {
  max-width: min-content !important;
  --max-width: min-content !important;
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-fit-content {
    max-width: fit-content !important;
    --max-width: fit-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-max-content {
    max-width: max-content !important;
    --max-width: max-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-min-content {
    max-width: min-content !important;
    --max-width: min-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-fit-content {
    max-width: fit-content !important;
    --max-width: fit-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-max-content {
    max-width: max-content !important;
    --max-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-min-content {
    max-width: min-content !important;
    --max-width: min-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-fit-content {
    max-width: fit-content !important;
    --max-width: fit-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-max-content {
    max-width: max-content !important;
    --max-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-min-content {
    max-width: min-content !important;
    --max-width: min-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-fit-content {
    max-width: fit-content !important;
    --max-width: fit-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-max-content {
    max-width: max-content !important;
    --max-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-min-content {
    max-width: min-content !important;
    --max-width: min-content !important;
  }
}
.or-size-fit-content {
  width: fit-content !important;
  --width: fit-content !important;
  height: fit-content !important;
  --height: fit-content !important;
}
.or-size-max-content {
  width: max-content !important;
  --width: max-content !important;
  height: max-content !important;
  --height: max-content !important;
}
.or-size-min-content {
  width: min-content !important;
  --width: min-content !important;
  height: min-content !important;
  --height: min-content !important;
}
@media screen and (min-width: 576px) {
  .or-size-sm-fit-content {
    width: fit-content !important;
    --width: fit-content !important;
    height: fit-content !important;
    --height: fit-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-max-content {
    width: max-content !important;
    --width: max-content !important;
    height: max-content !important;
    --height: max-content !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-min-content {
    width: min-content !important;
    --width: min-content !important;
    height: min-content !important;
    --height: min-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-fit-content {
    width: fit-content !important;
    --width: fit-content !important;
    height: fit-content !important;
    --height: fit-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-max-content {
    width: max-content !important;
    --width: max-content !important;
    height: max-content !important;
    --height: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-min-content {
    width: min-content !important;
    --width: min-content !important;
    height: min-content !important;
    --height: min-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-fit-content {
    width: fit-content !important;
    --width: fit-content !important;
    height: fit-content !important;
    --height: fit-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-max-content {
    width: max-content !important;
    --width: max-content !important;
    height: max-content !important;
    --height: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-min-content {
    width: min-content !important;
    --width: min-content !important;
    height: min-content !important;
    --height: min-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-fit-content {
    width: fit-content !important;
    --width: fit-content !important;
    height: fit-content !important;
    --height: fit-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-max-content {
    width: max-content !important;
    --width: max-content !important;
    height: max-content !important;
    --height: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-min-content {
    width: min-content !important;
    --width: min-content !important;
    height: min-content !important;
    --height: min-content !important;
  }
}
.or-h-auto {
  height: auto !important;
  --height: auto !important;
}
@media screen and (min-width: 576px) {
  .or-h-sm-auto {
    height: auto !important;
    --height: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-auto {
    height: auto !important;
    --height: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-auto {
    height: auto !important;
    --height: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-auto {
    height: auto !important;
    --height: auto !important;
  }
}
.or-w-auto {
  width: auto !important;
  --width: auto !important;
}
@media screen and (min-width: 576px) {
  .or-w-sm-auto {
    width: auto !important;
    --width: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-auto {
    width: auto !important;
    --width: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-auto {
    width: auto !important;
    --width: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-auto {
    width: auto !important;
    --width: auto !important;
  }
}
.or-h-0-pc {
  height: 0% !important;
  --height: 0% !important;
}
.or-h-5-pc {
  height: 5% !important;
  --height: 5% !important;
}
.or-h-10-pc {
  height: 10% !important;
  --height: 10% !important;
}
.or-h-15-pc {
  height: 15% !important;
  --height: 15% !important;
}
.or-h-20-pc {
  height: 20% !important;
  --height: 20% !important;
}
.or-h-25-pc {
  height: 25% !important;
  --height: 25% !important;
}
.or-h-30-pc {
  height: 30% !important;
  --height: 30% !important;
}
.or-h-35-pc {
  height: 35% !important;
  --height: 35% !important;
}
.or-h-40-pc {
  height: 40% !important;
  --height: 40% !important;
}
.or-h-45-pc {
  height: 45% !important;
  --height: 45% !important;
}
.or-h-50-pc {
  height: 50% !important;
  --height: 50% !important;
}
.or-h-55-pc {
  height: 55% !important;
  --height: 55% !important;
}
.or-h-60-pc {
  height: 60% !important;
  --height: 60% !important;
}
.or-h-65-pc {
  height: 65% !important;
  --height: 65% !important;
}
.or-h-70-pc {
  height: 70% !important;
  --height: 70% !important;
}
.or-h-75-pc {
  height: 75% !important;
  --height: 75% !important;
}
.or-h-80-pc {
  height: 80% !important;
  --height: 80% !important;
}
.or-h-85-pc {
  height: 85% !important;
  --height: 85% !important;
}
.or-h-90-pc {
  height: 90% !important;
  --height: 90% !important;
}
.or-h-95-pc {
  height: 95% !important;
  --height: 95% !important;
}
.or-h-100-pc {
  height: 100% !important;
  --height: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-h-sm-0-pc {
    height: 0% !important;
    --height: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-5-pc {
    height: 5% !important;
    --height: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-10-pc {
    height: 10% !important;
    --height: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-15-pc {
    height: 15% !important;
    --height: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-20-pc {
    height: 20% !important;
    --height: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-25-pc {
    height: 25% !important;
    --height: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-30-pc {
    height: 30% !important;
    --height: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-35-pc {
    height: 35% !important;
    --height: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-40-pc {
    height: 40% !important;
    --height: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-45-pc {
    height: 45% !important;
    --height: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-50-pc {
    height: 50% !important;
    --height: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-55-pc {
    height: 55% !important;
    --height: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-60-pc {
    height: 60% !important;
    --height: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-65-pc {
    height: 65% !important;
    --height: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-70-pc {
    height: 70% !important;
    --height: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-75-pc {
    height: 75% !important;
    --height: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-80-pc {
    height: 80% !important;
    --height: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-85-pc {
    height: 85% !important;
    --height: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-90-pc {
    height: 90% !important;
    --height: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-95-pc {
    height: 95% !important;
    --height: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-100-pc {
    height: 100% !important;
    --height: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-0-pc {
    height: 0% !important;
    --height: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-5-pc {
    height: 5% !important;
    --height: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-10-pc {
    height: 10% !important;
    --height: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-15-pc {
    height: 15% !important;
    --height: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-20-pc {
    height: 20% !important;
    --height: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-25-pc {
    height: 25% !important;
    --height: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-30-pc {
    height: 30% !important;
    --height: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-35-pc {
    height: 35% !important;
    --height: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-40-pc {
    height: 40% !important;
    --height: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-45-pc {
    height: 45% !important;
    --height: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-50-pc {
    height: 50% !important;
    --height: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-55-pc {
    height: 55% !important;
    --height: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-60-pc {
    height: 60% !important;
    --height: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-65-pc {
    height: 65% !important;
    --height: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-70-pc {
    height: 70% !important;
    --height: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-75-pc {
    height: 75% !important;
    --height: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-80-pc {
    height: 80% !important;
    --height: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-85-pc {
    height: 85% !important;
    --height: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-90-pc {
    height: 90% !important;
    --height: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-95-pc {
    height: 95% !important;
    --height: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-100-pc {
    height: 100% !important;
    --height: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-0-pc {
    height: 0% !important;
    --height: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-5-pc {
    height: 5% !important;
    --height: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-10-pc {
    height: 10% !important;
    --height: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-15-pc {
    height: 15% !important;
    --height: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-20-pc {
    height: 20% !important;
    --height: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-25-pc {
    height: 25% !important;
    --height: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-30-pc {
    height: 30% !important;
    --height: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-35-pc {
    height: 35% !important;
    --height: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-40-pc {
    height: 40% !important;
    --height: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-45-pc {
    height: 45% !important;
    --height: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-50-pc {
    height: 50% !important;
    --height: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-55-pc {
    height: 55% !important;
    --height: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-60-pc {
    height: 60% !important;
    --height: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-65-pc {
    height: 65% !important;
    --height: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-70-pc {
    height: 70% !important;
    --height: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-75-pc {
    height: 75% !important;
    --height: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-80-pc {
    height: 80% !important;
    --height: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-85-pc {
    height: 85% !important;
    --height: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-90-pc {
    height: 90% !important;
    --height: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-95-pc {
    height: 95% !important;
    --height: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-100-pc {
    height: 100% !important;
    --height: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-0-pc {
    height: 0% !important;
    --height: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-5-pc {
    height: 5% !important;
    --height: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-10-pc {
    height: 10% !important;
    --height: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-15-pc {
    height: 15% !important;
    --height: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-20-pc {
    height: 20% !important;
    --height: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-25-pc {
    height: 25% !important;
    --height: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-30-pc {
    height: 30% !important;
    --height: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-35-pc {
    height: 35% !important;
    --height: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-40-pc {
    height: 40% !important;
    --height: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-45-pc {
    height: 45% !important;
    --height: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-50-pc {
    height: 50% !important;
    --height: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-55-pc {
    height: 55% !important;
    --height: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-60-pc {
    height: 60% !important;
    --height: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-65-pc {
    height: 65% !important;
    --height: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-70-pc {
    height: 70% !important;
    --height: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-75-pc {
    height: 75% !important;
    --height: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-80-pc {
    height: 80% !important;
    --height: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-85-pc {
    height: 85% !important;
    --height: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-90-pc {
    height: 90% !important;
    --height: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-95-pc {
    height: 95% !important;
    --height: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-100-pc {
    height: 100% !important;
    --height: 100% !important;
  }
}
.or-min-h-0-pc {
  min-height: 0% !important;
  --min-height: 0% !important;
}
.or-min-h-5-pc {
  min-height: 5% !important;
  --min-height: 5% !important;
}
.or-min-h-10-pc {
  min-height: 10% !important;
  --min-height: 10% !important;
}
.or-min-h-15-pc {
  min-height: 15% !important;
  --min-height: 15% !important;
}
.or-min-h-20-pc {
  min-height: 20% !important;
  --min-height: 20% !important;
}
.or-min-h-25-pc {
  min-height: 25% !important;
  --min-height: 25% !important;
}
.or-min-h-30-pc {
  min-height: 30% !important;
  --min-height: 30% !important;
}
.or-min-h-35-pc {
  min-height: 35% !important;
  --min-height: 35% !important;
}
.or-min-h-40-pc {
  min-height: 40% !important;
  --min-height: 40% !important;
}
.or-min-h-45-pc {
  min-height: 45% !important;
  --min-height: 45% !important;
}
.or-min-h-50-pc {
  min-height: 50% !important;
  --min-height: 50% !important;
}
.or-min-h-55-pc {
  min-height: 55% !important;
  --min-height: 55% !important;
}
.or-min-h-60-pc {
  min-height: 60% !important;
  --min-height: 60% !important;
}
.or-min-h-65-pc {
  min-height: 65% !important;
  --min-height: 65% !important;
}
.or-min-h-70-pc {
  min-height: 70% !important;
  --min-height: 70% !important;
}
.or-min-h-75-pc {
  min-height: 75% !important;
  --min-height: 75% !important;
}
.or-min-h-80-pc {
  min-height: 80% !important;
  --min-height: 80% !important;
}
.or-min-h-85-pc {
  min-height: 85% !important;
  --min-height: 85% !important;
}
.or-min-h-90-pc {
  min-height: 90% !important;
  --min-height: 90% !important;
}
.or-min-h-95-pc {
  min-height: 95% !important;
  --min-height: 95% !important;
}
.or-min-h-100-pc {
  min-height: 100% !important;
  --min-height: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-0-pc {
    min-height: 0% !important;
    --min-height: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-5-pc {
    min-height: 5% !important;
    --min-height: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-10-pc {
    min-height: 10% !important;
    --min-height: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-15-pc {
    min-height: 15% !important;
    --min-height: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-20-pc {
    min-height: 20% !important;
    --min-height: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-25-pc {
    min-height: 25% !important;
    --min-height: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-30-pc {
    min-height: 30% !important;
    --min-height: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-35-pc {
    min-height: 35% !important;
    --min-height: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-40-pc {
    min-height: 40% !important;
    --min-height: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-45-pc {
    min-height: 45% !important;
    --min-height: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-50-pc {
    min-height: 50% !important;
    --min-height: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-55-pc {
    min-height: 55% !important;
    --min-height: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-60-pc {
    min-height: 60% !important;
    --min-height: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-65-pc {
    min-height: 65% !important;
    --min-height: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-70-pc {
    min-height: 70% !important;
    --min-height: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-75-pc {
    min-height: 75% !important;
    --min-height: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-80-pc {
    min-height: 80% !important;
    --min-height: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-85-pc {
    min-height: 85% !important;
    --min-height: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-90-pc {
    min-height: 90% !important;
    --min-height: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-95-pc {
    min-height: 95% !important;
    --min-height: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-100-pc {
    min-height: 100% !important;
    --min-height: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-0-pc {
    min-height: 0% !important;
    --min-height: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-5-pc {
    min-height: 5% !important;
    --min-height: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-10-pc {
    min-height: 10% !important;
    --min-height: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-15-pc {
    min-height: 15% !important;
    --min-height: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-20-pc {
    min-height: 20% !important;
    --min-height: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-25-pc {
    min-height: 25% !important;
    --min-height: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-30-pc {
    min-height: 30% !important;
    --min-height: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-35-pc {
    min-height: 35% !important;
    --min-height: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-40-pc {
    min-height: 40% !important;
    --min-height: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-45-pc {
    min-height: 45% !important;
    --min-height: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-50-pc {
    min-height: 50% !important;
    --min-height: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-55-pc {
    min-height: 55% !important;
    --min-height: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-60-pc {
    min-height: 60% !important;
    --min-height: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-65-pc {
    min-height: 65% !important;
    --min-height: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-70-pc {
    min-height: 70% !important;
    --min-height: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-75-pc {
    min-height: 75% !important;
    --min-height: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-80-pc {
    min-height: 80% !important;
    --min-height: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-85-pc {
    min-height: 85% !important;
    --min-height: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-90-pc {
    min-height: 90% !important;
    --min-height: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-95-pc {
    min-height: 95% !important;
    --min-height: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-100-pc {
    min-height: 100% !important;
    --min-height: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-0-pc {
    min-height: 0% !important;
    --min-height: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-5-pc {
    min-height: 5% !important;
    --min-height: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-10-pc {
    min-height: 10% !important;
    --min-height: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-15-pc {
    min-height: 15% !important;
    --min-height: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-20-pc {
    min-height: 20% !important;
    --min-height: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-25-pc {
    min-height: 25% !important;
    --min-height: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-30-pc {
    min-height: 30% !important;
    --min-height: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-35-pc {
    min-height: 35% !important;
    --min-height: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-40-pc {
    min-height: 40% !important;
    --min-height: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-45-pc {
    min-height: 45% !important;
    --min-height: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-50-pc {
    min-height: 50% !important;
    --min-height: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-55-pc {
    min-height: 55% !important;
    --min-height: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-60-pc {
    min-height: 60% !important;
    --min-height: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-65-pc {
    min-height: 65% !important;
    --min-height: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-70-pc {
    min-height: 70% !important;
    --min-height: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-75-pc {
    min-height: 75% !important;
    --min-height: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-80-pc {
    min-height: 80% !important;
    --min-height: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-85-pc {
    min-height: 85% !important;
    --min-height: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-90-pc {
    min-height: 90% !important;
    --min-height: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-95-pc {
    min-height: 95% !important;
    --min-height: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-100-pc {
    min-height: 100% !important;
    --min-height: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-0-pc {
    min-height: 0% !important;
    --min-height: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-5-pc {
    min-height: 5% !important;
    --min-height: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-10-pc {
    min-height: 10% !important;
    --min-height: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-15-pc {
    min-height: 15% !important;
    --min-height: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-20-pc {
    min-height: 20% !important;
    --min-height: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-25-pc {
    min-height: 25% !important;
    --min-height: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-30-pc {
    min-height: 30% !important;
    --min-height: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-35-pc {
    min-height: 35% !important;
    --min-height: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-40-pc {
    min-height: 40% !important;
    --min-height: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-45-pc {
    min-height: 45% !important;
    --min-height: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-50-pc {
    min-height: 50% !important;
    --min-height: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-55-pc {
    min-height: 55% !important;
    --min-height: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-60-pc {
    min-height: 60% !important;
    --min-height: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-65-pc {
    min-height: 65% !important;
    --min-height: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-70-pc {
    min-height: 70% !important;
    --min-height: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-75-pc {
    min-height: 75% !important;
    --min-height: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-80-pc {
    min-height: 80% !important;
    --min-height: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-85-pc {
    min-height: 85% !important;
    --min-height: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-90-pc {
    min-height: 90% !important;
    --min-height: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-95-pc {
    min-height: 95% !important;
    --min-height: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-100-pc {
    min-height: 100% !important;
    --min-height: 100% !important;
  }
}
.or-max-h-0-pc {
  max-height: 0% !important;
  --max-height: 0% !important;
}
.or-max-h-5-pc {
  max-height: 5% !important;
  --max-height: 5% !important;
}
.or-max-h-10-pc {
  max-height: 10% !important;
  --max-height: 10% !important;
}
.or-max-h-15-pc {
  max-height: 15% !important;
  --max-height: 15% !important;
}
.or-max-h-20-pc {
  max-height: 20% !important;
  --max-height: 20% !important;
}
.or-max-h-25-pc {
  max-height: 25% !important;
  --max-height: 25% !important;
}
.or-max-h-30-pc {
  max-height: 30% !important;
  --max-height: 30% !important;
}
.or-max-h-35-pc {
  max-height: 35% !important;
  --max-height: 35% !important;
}
.or-max-h-40-pc {
  max-height: 40% !important;
  --max-height: 40% !important;
}
.or-max-h-45-pc {
  max-height: 45% !important;
  --max-height: 45% !important;
}
.or-max-h-50-pc {
  max-height: 50% !important;
  --max-height: 50% !important;
}
.or-max-h-55-pc {
  max-height: 55% !important;
  --max-height: 55% !important;
}
.or-max-h-60-pc {
  max-height: 60% !important;
  --max-height: 60% !important;
}
.or-max-h-65-pc {
  max-height: 65% !important;
  --max-height: 65% !important;
}
.or-max-h-70-pc {
  max-height: 70% !important;
  --max-height: 70% !important;
}
.or-max-h-75-pc {
  max-height: 75% !important;
  --max-height: 75% !important;
}
.or-max-h-80-pc {
  max-height: 80% !important;
  --max-height: 80% !important;
}
.or-max-h-85-pc {
  max-height: 85% !important;
  --max-height: 85% !important;
}
.or-max-h-90-pc {
  max-height: 90% !important;
  --max-height: 90% !important;
}
.or-max-h-95-pc {
  max-height: 95% !important;
  --max-height: 95% !important;
}
.or-max-h-100-pc {
  max-height: 100% !important;
  --max-height: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-0-pc {
    max-height: 0% !important;
    --max-height: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-5-pc {
    max-height: 5% !important;
    --max-height: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-10-pc {
    max-height: 10% !important;
    --max-height: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-15-pc {
    max-height: 15% !important;
    --max-height: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-20-pc {
    max-height: 20% !important;
    --max-height: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-25-pc {
    max-height: 25% !important;
    --max-height: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-30-pc {
    max-height: 30% !important;
    --max-height: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-35-pc {
    max-height: 35% !important;
    --max-height: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-40-pc {
    max-height: 40% !important;
    --max-height: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-45-pc {
    max-height: 45% !important;
    --max-height: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-50-pc {
    max-height: 50% !important;
    --max-height: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-55-pc {
    max-height: 55% !important;
    --max-height: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-60-pc {
    max-height: 60% !important;
    --max-height: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-65-pc {
    max-height: 65% !important;
    --max-height: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-70-pc {
    max-height: 70% !important;
    --max-height: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-75-pc {
    max-height: 75% !important;
    --max-height: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-80-pc {
    max-height: 80% !important;
    --max-height: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-85-pc {
    max-height: 85% !important;
    --max-height: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-90-pc {
    max-height: 90% !important;
    --max-height: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-95-pc {
    max-height: 95% !important;
    --max-height: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-100-pc {
    max-height: 100% !important;
    --max-height: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-0-pc {
    max-height: 0% !important;
    --max-height: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-5-pc {
    max-height: 5% !important;
    --max-height: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-10-pc {
    max-height: 10% !important;
    --max-height: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-15-pc {
    max-height: 15% !important;
    --max-height: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-20-pc {
    max-height: 20% !important;
    --max-height: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-25-pc {
    max-height: 25% !important;
    --max-height: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-30-pc {
    max-height: 30% !important;
    --max-height: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-35-pc {
    max-height: 35% !important;
    --max-height: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-40-pc {
    max-height: 40% !important;
    --max-height: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-45-pc {
    max-height: 45% !important;
    --max-height: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-50-pc {
    max-height: 50% !important;
    --max-height: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-55-pc {
    max-height: 55% !important;
    --max-height: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-60-pc {
    max-height: 60% !important;
    --max-height: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-65-pc {
    max-height: 65% !important;
    --max-height: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-70-pc {
    max-height: 70% !important;
    --max-height: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-75-pc {
    max-height: 75% !important;
    --max-height: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-80-pc {
    max-height: 80% !important;
    --max-height: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-85-pc {
    max-height: 85% !important;
    --max-height: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-90-pc {
    max-height: 90% !important;
    --max-height: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-95-pc {
    max-height: 95% !important;
    --max-height: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-100-pc {
    max-height: 100% !important;
    --max-height: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-0-pc {
    max-height: 0% !important;
    --max-height: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-5-pc {
    max-height: 5% !important;
    --max-height: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-10-pc {
    max-height: 10% !important;
    --max-height: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-15-pc {
    max-height: 15% !important;
    --max-height: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-20-pc {
    max-height: 20% !important;
    --max-height: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-25-pc {
    max-height: 25% !important;
    --max-height: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-30-pc {
    max-height: 30% !important;
    --max-height: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-35-pc {
    max-height: 35% !important;
    --max-height: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-40-pc {
    max-height: 40% !important;
    --max-height: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-45-pc {
    max-height: 45% !important;
    --max-height: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-50-pc {
    max-height: 50% !important;
    --max-height: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-55-pc {
    max-height: 55% !important;
    --max-height: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-60-pc {
    max-height: 60% !important;
    --max-height: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-65-pc {
    max-height: 65% !important;
    --max-height: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-70-pc {
    max-height: 70% !important;
    --max-height: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-75-pc {
    max-height: 75% !important;
    --max-height: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-80-pc {
    max-height: 80% !important;
    --max-height: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-85-pc {
    max-height: 85% !important;
    --max-height: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-90-pc {
    max-height: 90% !important;
    --max-height: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-95-pc {
    max-height: 95% !important;
    --max-height: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-100-pc {
    max-height: 100% !important;
    --max-height: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-0-pc {
    max-height: 0% !important;
    --max-height: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-5-pc {
    max-height: 5% !important;
    --max-height: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-10-pc {
    max-height: 10% !important;
    --max-height: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-15-pc {
    max-height: 15% !important;
    --max-height: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-20-pc {
    max-height: 20% !important;
    --max-height: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-25-pc {
    max-height: 25% !important;
    --max-height: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-30-pc {
    max-height: 30% !important;
    --max-height: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-35-pc {
    max-height: 35% !important;
    --max-height: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-40-pc {
    max-height: 40% !important;
    --max-height: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-45-pc {
    max-height: 45% !important;
    --max-height: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-50-pc {
    max-height: 50% !important;
    --max-height: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-55-pc {
    max-height: 55% !important;
    --max-height: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-60-pc {
    max-height: 60% !important;
    --max-height: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-65-pc {
    max-height: 65% !important;
    --max-height: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-70-pc {
    max-height: 70% !important;
    --max-height: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-75-pc {
    max-height: 75% !important;
    --max-height: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-80-pc {
    max-height: 80% !important;
    --max-height: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-85-pc {
    max-height: 85% !important;
    --max-height: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-90-pc {
    max-height: 90% !important;
    --max-height: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-95-pc {
    max-height: 95% !important;
    --max-height: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-100-pc {
    max-height: 100% !important;
    --max-height: 100% !important;
  }
}
.or-w-0-pc {
  width: 0% !important;
  --width: 0% !important;
}
.or-w-5-pc {
  width: 5% !important;
  --width: 5% !important;
}
.or-w-10-pc {
  width: 10% !important;
  --width: 10% !important;
}
.or-w-15-pc {
  width: 15% !important;
  --width: 15% !important;
}
.or-w-20-pc {
  width: 20% !important;
  --width: 20% !important;
}
.or-w-25-pc {
  width: 25% !important;
  --width: 25% !important;
}
.or-w-30-pc {
  width: 30% !important;
  --width: 30% !important;
}
.or-w-35-pc {
  width: 35% !important;
  --width: 35% !important;
}
.or-w-40-pc {
  width: 40% !important;
  --width: 40% !important;
}
.or-w-45-pc {
  width: 45% !important;
  --width: 45% !important;
}
.or-w-50-pc {
  width: 50% !important;
  --width: 50% !important;
}
.or-w-55-pc {
  width: 55% !important;
  --width: 55% !important;
}
.or-w-60-pc {
  width: 60% !important;
  --width: 60% !important;
}
.or-w-65-pc {
  width: 65% !important;
  --width: 65% !important;
}
.or-w-70-pc {
  width: 70% !important;
  --width: 70% !important;
}
.or-w-75-pc {
  width: 75% !important;
  --width: 75% !important;
}
.or-w-80-pc {
  width: 80% !important;
  --width: 80% !important;
}
.or-w-85-pc {
  width: 85% !important;
  --width: 85% !important;
}
.or-w-90-pc {
  width: 90% !important;
  --width: 90% !important;
}
.or-w-95-pc {
  width: 95% !important;
  --width: 95% !important;
}
.or-w-100-pc {
  width: 100% !important;
  --width: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-w-sm-0-pc {
    width: 0% !important;
    --width: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-5-pc {
    width: 5% !important;
    --width: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-10-pc {
    width: 10% !important;
    --width: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-15-pc {
    width: 15% !important;
    --width: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-20-pc {
    width: 20% !important;
    --width: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-25-pc {
    width: 25% !important;
    --width: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-30-pc {
    width: 30% !important;
    --width: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-35-pc {
    width: 35% !important;
    --width: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-40-pc {
    width: 40% !important;
    --width: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-45-pc {
    width: 45% !important;
    --width: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-50-pc {
    width: 50% !important;
    --width: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-55-pc {
    width: 55% !important;
    --width: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-60-pc {
    width: 60% !important;
    --width: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-65-pc {
    width: 65% !important;
    --width: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-70-pc {
    width: 70% !important;
    --width: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-75-pc {
    width: 75% !important;
    --width: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-80-pc {
    width: 80% !important;
    --width: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-85-pc {
    width: 85% !important;
    --width: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-90-pc {
    width: 90% !important;
    --width: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-95-pc {
    width: 95% !important;
    --width: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-100-pc {
    width: 100% !important;
    --width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-0-pc {
    width: 0% !important;
    --width: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-5-pc {
    width: 5% !important;
    --width: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-10-pc {
    width: 10% !important;
    --width: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-15-pc {
    width: 15% !important;
    --width: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-20-pc {
    width: 20% !important;
    --width: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-25-pc {
    width: 25% !important;
    --width: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-30-pc {
    width: 30% !important;
    --width: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-35-pc {
    width: 35% !important;
    --width: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-40-pc {
    width: 40% !important;
    --width: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-45-pc {
    width: 45% !important;
    --width: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-50-pc {
    width: 50% !important;
    --width: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-55-pc {
    width: 55% !important;
    --width: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-60-pc {
    width: 60% !important;
    --width: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-65-pc {
    width: 65% !important;
    --width: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-70-pc {
    width: 70% !important;
    --width: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-75-pc {
    width: 75% !important;
    --width: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-80-pc {
    width: 80% !important;
    --width: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-85-pc {
    width: 85% !important;
    --width: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-90-pc {
    width: 90% !important;
    --width: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-95-pc {
    width: 95% !important;
    --width: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-100-pc {
    width: 100% !important;
    --width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-0-pc {
    width: 0% !important;
    --width: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-5-pc {
    width: 5% !important;
    --width: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-10-pc {
    width: 10% !important;
    --width: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-15-pc {
    width: 15% !important;
    --width: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-20-pc {
    width: 20% !important;
    --width: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-25-pc {
    width: 25% !important;
    --width: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-30-pc {
    width: 30% !important;
    --width: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-35-pc {
    width: 35% !important;
    --width: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-40-pc {
    width: 40% !important;
    --width: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-45-pc {
    width: 45% !important;
    --width: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-50-pc {
    width: 50% !important;
    --width: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-55-pc {
    width: 55% !important;
    --width: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-60-pc {
    width: 60% !important;
    --width: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-65-pc {
    width: 65% !important;
    --width: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-70-pc {
    width: 70% !important;
    --width: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-75-pc {
    width: 75% !important;
    --width: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-80-pc {
    width: 80% !important;
    --width: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-85-pc {
    width: 85% !important;
    --width: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-90-pc {
    width: 90% !important;
    --width: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-95-pc {
    width: 95% !important;
    --width: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-100-pc {
    width: 100% !important;
    --width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-0-pc {
    width: 0% !important;
    --width: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-5-pc {
    width: 5% !important;
    --width: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-10-pc {
    width: 10% !important;
    --width: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-15-pc {
    width: 15% !important;
    --width: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-20-pc {
    width: 20% !important;
    --width: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-25-pc {
    width: 25% !important;
    --width: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-30-pc {
    width: 30% !important;
    --width: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-35-pc {
    width: 35% !important;
    --width: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-40-pc {
    width: 40% !important;
    --width: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-45-pc {
    width: 45% !important;
    --width: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-50-pc {
    width: 50% !important;
    --width: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-55-pc {
    width: 55% !important;
    --width: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-60-pc {
    width: 60% !important;
    --width: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-65-pc {
    width: 65% !important;
    --width: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-70-pc {
    width: 70% !important;
    --width: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-75-pc {
    width: 75% !important;
    --width: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-80-pc {
    width: 80% !important;
    --width: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-85-pc {
    width: 85% !important;
    --width: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-90-pc {
    width: 90% !important;
    --width: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-95-pc {
    width: 95% !important;
    --width: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-100-pc {
    width: 100% !important;
    --width: 100% !important;
  }
}
.or-min-w-0-pc {
  min-width: 0% !important;
  --min-width: 0% !important;
}
.or-min-w-5-pc {
  min-width: 5% !important;
  --min-width: 5% !important;
}
.or-min-w-10-pc {
  min-width: 10% !important;
  --min-width: 10% !important;
}
.or-min-w-15-pc {
  min-width: 15% !important;
  --min-width: 15% !important;
}
.or-min-w-20-pc {
  min-width: 20% !important;
  --min-width: 20% !important;
}
.or-min-w-25-pc {
  min-width: 25% !important;
  --min-width: 25% !important;
}
.or-min-w-30-pc {
  min-width: 30% !important;
  --min-width: 30% !important;
}
.or-min-w-35-pc {
  min-width: 35% !important;
  --min-width: 35% !important;
}
.or-min-w-40-pc {
  min-width: 40% !important;
  --min-width: 40% !important;
}
.or-min-w-45-pc {
  min-width: 45% !important;
  --min-width: 45% !important;
}
.or-min-w-50-pc {
  min-width: 50% !important;
  --min-width: 50% !important;
}
.or-min-w-55-pc {
  min-width: 55% !important;
  --min-width: 55% !important;
}
.or-min-w-60-pc {
  min-width: 60% !important;
  --min-width: 60% !important;
}
.or-min-w-65-pc {
  min-width: 65% !important;
  --min-width: 65% !important;
}
.or-min-w-70-pc {
  min-width: 70% !important;
  --min-width: 70% !important;
}
.or-min-w-75-pc {
  min-width: 75% !important;
  --min-width: 75% !important;
}
.or-min-w-80-pc {
  min-width: 80% !important;
  --min-width: 80% !important;
}
.or-min-w-85-pc {
  min-width: 85% !important;
  --min-width: 85% !important;
}
.or-min-w-90-pc {
  min-width: 90% !important;
  --min-width: 90% !important;
}
.or-min-w-95-pc {
  min-width: 95% !important;
  --min-width: 95% !important;
}
.or-min-w-100-pc {
  min-width: 100% !important;
  --min-width: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-0-pc {
    min-width: 0% !important;
    --min-width: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-5-pc {
    min-width: 5% !important;
    --min-width: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-10-pc {
    min-width: 10% !important;
    --min-width: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-15-pc {
    min-width: 15% !important;
    --min-width: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-20-pc {
    min-width: 20% !important;
    --min-width: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-25-pc {
    min-width: 25% !important;
    --min-width: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-30-pc {
    min-width: 30% !important;
    --min-width: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-35-pc {
    min-width: 35% !important;
    --min-width: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-40-pc {
    min-width: 40% !important;
    --min-width: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-45-pc {
    min-width: 45% !important;
    --min-width: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-50-pc {
    min-width: 50% !important;
    --min-width: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-55-pc {
    min-width: 55% !important;
    --min-width: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-60-pc {
    min-width: 60% !important;
    --min-width: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-65-pc {
    min-width: 65% !important;
    --min-width: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-70-pc {
    min-width: 70% !important;
    --min-width: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-75-pc {
    min-width: 75% !important;
    --min-width: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-80-pc {
    min-width: 80% !important;
    --min-width: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-85-pc {
    min-width: 85% !important;
    --min-width: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-90-pc {
    min-width: 90% !important;
    --min-width: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-95-pc {
    min-width: 95% !important;
    --min-width: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-100-pc {
    min-width: 100% !important;
    --min-width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-0-pc {
    min-width: 0% !important;
    --min-width: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-5-pc {
    min-width: 5% !important;
    --min-width: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-10-pc {
    min-width: 10% !important;
    --min-width: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-15-pc {
    min-width: 15% !important;
    --min-width: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-20-pc {
    min-width: 20% !important;
    --min-width: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-25-pc {
    min-width: 25% !important;
    --min-width: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-30-pc {
    min-width: 30% !important;
    --min-width: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-35-pc {
    min-width: 35% !important;
    --min-width: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-40-pc {
    min-width: 40% !important;
    --min-width: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-45-pc {
    min-width: 45% !important;
    --min-width: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-50-pc {
    min-width: 50% !important;
    --min-width: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-55-pc {
    min-width: 55% !important;
    --min-width: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-60-pc {
    min-width: 60% !important;
    --min-width: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-65-pc {
    min-width: 65% !important;
    --min-width: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-70-pc {
    min-width: 70% !important;
    --min-width: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-75-pc {
    min-width: 75% !important;
    --min-width: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-80-pc {
    min-width: 80% !important;
    --min-width: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-85-pc {
    min-width: 85% !important;
    --min-width: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-90-pc {
    min-width: 90% !important;
    --min-width: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-95-pc {
    min-width: 95% !important;
    --min-width: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-100-pc {
    min-width: 100% !important;
    --min-width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-0-pc {
    min-width: 0% !important;
    --min-width: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-5-pc {
    min-width: 5% !important;
    --min-width: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-10-pc {
    min-width: 10% !important;
    --min-width: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-15-pc {
    min-width: 15% !important;
    --min-width: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-20-pc {
    min-width: 20% !important;
    --min-width: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-25-pc {
    min-width: 25% !important;
    --min-width: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-30-pc {
    min-width: 30% !important;
    --min-width: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-35-pc {
    min-width: 35% !important;
    --min-width: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-40-pc {
    min-width: 40% !important;
    --min-width: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-45-pc {
    min-width: 45% !important;
    --min-width: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-50-pc {
    min-width: 50% !important;
    --min-width: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-55-pc {
    min-width: 55% !important;
    --min-width: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-60-pc {
    min-width: 60% !important;
    --min-width: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-65-pc {
    min-width: 65% !important;
    --min-width: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-70-pc {
    min-width: 70% !important;
    --min-width: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-75-pc {
    min-width: 75% !important;
    --min-width: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-80-pc {
    min-width: 80% !important;
    --min-width: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-85-pc {
    min-width: 85% !important;
    --min-width: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-90-pc {
    min-width: 90% !important;
    --min-width: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-95-pc {
    min-width: 95% !important;
    --min-width: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-100-pc {
    min-width: 100% !important;
    --min-width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-0-pc {
    min-width: 0% !important;
    --min-width: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-5-pc {
    min-width: 5% !important;
    --min-width: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-10-pc {
    min-width: 10% !important;
    --min-width: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-15-pc {
    min-width: 15% !important;
    --min-width: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-20-pc {
    min-width: 20% !important;
    --min-width: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-25-pc {
    min-width: 25% !important;
    --min-width: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-30-pc {
    min-width: 30% !important;
    --min-width: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-35-pc {
    min-width: 35% !important;
    --min-width: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-40-pc {
    min-width: 40% !important;
    --min-width: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-45-pc {
    min-width: 45% !important;
    --min-width: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-50-pc {
    min-width: 50% !important;
    --min-width: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-55-pc {
    min-width: 55% !important;
    --min-width: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-60-pc {
    min-width: 60% !important;
    --min-width: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-65-pc {
    min-width: 65% !important;
    --min-width: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-70-pc {
    min-width: 70% !important;
    --min-width: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-75-pc {
    min-width: 75% !important;
    --min-width: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-80-pc {
    min-width: 80% !important;
    --min-width: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-85-pc {
    min-width: 85% !important;
    --min-width: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-90-pc {
    min-width: 90% !important;
    --min-width: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-95-pc {
    min-width: 95% !important;
    --min-width: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-100-pc {
    min-width: 100% !important;
    --min-width: 100% !important;
  }
}
.or-max-w-0-pc {
  max-width: 0% !important;
  --max-width: 0% !important;
}
.or-max-w-5-pc {
  max-width: 5% !important;
  --max-width: 5% !important;
}
.or-max-w-10-pc {
  max-width: 10% !important;
  --max-width: 10% !important;
}
.or-max-w-15-pc {
  max-width: 15% !important;
  --max-width: 15% !important;
}
.or-max-w-20-pc {
  max-width: 20% !important;
  --max-width: 20% !important;
}
.or-max-w-25-pc {
  max-width: 25% !important;
  --max-width: 25% !important;
}
.or-max-w-30-pc {
  max-width: 30% !important;
  --max-width: 30% !important;
}
.or-max-w-35-pc {
  max-width: 35% !important;
  --max-width: 35% !important;
}
.or-max-w-40-pc {
  max-width: 40% !important;
  --max-width: 40% !important;
}
.or-max-w-45-pc {
  max-width: 45% !important;
  --max-width: 45% !important;
}
.or-max-w-50-pc {
  max-width: 50% !important;
  --max-width: 50% !important;
}
.or-max-w-55-pc {
  max-width: 55% !important;
  --max-width: 55% !important;
}
.or-max-w-60-pc {
  max-width: 60% !important;
  --max-width: 60% !important;
}
.or-max-w-65-pc {
  max-width: 65% !important;
  --max-width: 65% !important;
}
.or-max-w-70-pc {
  max-width: 70% !important;
  --max-width: 70% !important;
}
.or-max-w-75-pc {
  max-width: 75% !important;
  --max-width: 75% !important;
}
.or-max-w-80-pc {
  max-width: 80% !important;
  --max-width: 80% !important;
}
.or-max-w-85-pc {
  max-width: 85% !important;
  --max-width: 85% !important;
}
.or-max-w-90-pc {
  max-width: 90% !important;
  --max-width: 90% !important;
}
.or-max-w-95-pc {
  max-width: 95% !important;
  --max-width: 95% !important;
}
.or-max-w-100-pc {
  max-width: 100% !important;
  --max-width: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-0-pc {
    max-width: 0% !important;
    --max-width: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-5-pc {
    max-width: 5% !important;
    --max-width: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-10-pc {
    max-width: 10% !important;
    --max-width: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-15-pc {
    max-width: 15% !important;
    --max-width: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-20-pc {
    max-width: 20% !important;
    --max-width: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-25-pc {
    max-width: 25% !important;
    --max-width: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-30-pc {
    max-width: 30% !important;
    --max-width: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-35-pc {
    max-width: 35% !important;
    --max-width: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-40-pc {
    max-width: 40% !important;
    --max-width: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-45-pc {
    max-width: 45% !important;
    --max-width: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-50-pc {
    max-width: 50% !important;
    --max-width: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-55-pc {
    max-width: 55% !important;
    --max-width: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-60-pc {
    max-width: 60% !important;
    --max-width: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-65-pc {
    max-width: 65% !important;
    --max-width: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-70-pc {
    max-width: 70% !important;
    --max-width: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-75-pc {
    max-width: 75% !important;
    --max-width: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-80-pc {
    max-width: 80% !important;
    --max-width: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-85-pc {
    max-width: 85% !important;
    --max-width: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-90-pc {
    max-width: 90% !important;
    --max-width: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-95-pc {
    max-width: 95% !important;
    --max-width: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-100-pc {
    max-width: 100% !important;
    --max-width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-0-pc {
    max-width: 0% !important;
    --max-width: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-5-pc {
    max-width: 5% !important;
    --max-width: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-10-pc {
    max-width: 10% !important;
    --max-width: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-15-pc {
    max-width: 15% !important;
    --max-width: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-20-pc {
    max-width: 20% !important;
    --max-width: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-25-pc {
    max-width: 25% !important;
    --max-width: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-30-pc {
    max-width: 30% !important;
    --max-width: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-35-pc {
    max-width: 35% !important;
    --max-width: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-40-pc {
    max-width: 40% !important;
    --max-width: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-45-pc {
    max-width: 45% !important;
    --max-width: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-50-pc {
    max-width: 50% !important;
    --max-width: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-55-pc {
    max-width: 55% !important;
    --max-width: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-60-pc {
    max-width: 60% !important;
    --max-width: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-65-pc {
    max-width: 65% !important;
    --max-width: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-70-pc {
    max-width: 70% !important;
    --max-width: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-75-pc {
    max-width: 75% !important;
    --max-width: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-80-pc {
    max-width: 80% !important;
    --max-width: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-85-pc {
    max-width: 85% !important;
    --max-width: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-90-pc {
    max-width: 90% !important;
    --max-width: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-95-pc {
    max-width: 95% !important;
    --max-width: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-100-pc {
    max-width: 100% !important;
    --max-width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-0-pc {
    max-width: 0% !important;
    --max-width: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-5-pc {
    max-width: 5% !important;
    --max-width: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-10-pc {
    max-width: 10% !important;
    --max-width: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-15-pc {
    max-width: 15% !important;
    --max-width: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-20-pc {
    max-width: 20% !important;
    --max-width: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-25-pc {
    max-width: 25% !important;
    --max-width: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-30-pc {
    max-width: 30% !important;
    --max-width: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-35-pc {
    max-width: 35% !important;
    --max-width: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-40-pc {
    max-width: 40% !important;
    --max-width: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-45-pc {
    max-width: 45% !important;
    --max-width: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-50-pc {
    max-width: 50% !important;
    --max-width: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-55-pc {
    max-width: 55% !important;
    --max-width: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-60-pc {
    max-width: 60% !important;
    --max-width: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-65-pc {
    max-width: 65% !important;
    --max-width: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-70-pc {
    max-width: 70% !important;
    --max-width: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-75-pc {
    max-width: 75% !important;
    --max-width: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-80-pc {
    max-width: 80% !important;
    --max-width: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-85-pc {
    max-width: 85% !important;
    --max-width: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-90-pc {
    max-width: 90% !important;
    --max-width: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-95-pc {
    max-width: 95% !important;
    --max-width: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-100-pc {
    max-width: 100% !important;
    --max-width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-0-pc {
    max-width: 0% !important;
    --max-width: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-5-pc {
    max-width: 5% !important;
    --max-width: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-10-pc {
    max-width: 10% !important;
    --max-width: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-15-pc {
    max-width: 15% !important;
    --max-width: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-20-pc {
    max-width: 20% !important;
    --max-width: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-25-pc {
    max-width: 25% !important;
    --max-width: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-30-pc {
    max-width: 30% !important;
    --max-width: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-35-pc {
    max-width: 35% !important;
    --max-width: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-40-pc {
    max-width: 40% !important;
    --max-width: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-45-pc {
    max-width: 45% !important;
    --max-width: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-50-pc {
    max-width: 50% !important;
    --max-width: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-55-pc {
    max-width: 55% !important;
    --max-width: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-60-pc {
    max-width: 60% !important;
    --max-width: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-65-pc {
    max-width: 65% !important;
    --max-width: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-70-pc {
    max-width: 70% !important;
    --max-width: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-75-pc {
    max-width: 75% !important;
    --max-width: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-80-pc {
    max-width: 80% !important;
    --max-width: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-85-pc {
    max-width: 85% !important;
    --max-width: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-90-pc {
    max-width: 90% !important;
    --max-width: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-95-pc {
    max-width: 95% !important;
    --max-width: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-100-pc {
    max-width: 100% !important;
    --max-width: 100% !important;
  }
}
.or-size-0-pc {
  width: 0% !important;
  --width: 0% !important;
  height: 0% !important;
  --height: 0% !important;
}
.or-size-5-pc {
  width: 5% !important;
  --width: 5% !important;
  height: 5% !important;
  --height: 5% !important;
}
.or-size-10-pc {
  width: 10% !important;
  --width: 10% !important;
  height: 10% !important;
  --height: 10% !important;
}
.or-size-15-pc {
  width: 15% !important;
  --width: 15% !important;
  height: 15% !important;
  --height: 15% !important;
}
.or-size-20-pc {
  width: 20% !important;
  --width: 20% !important;
  height: 20% !important;
  --height: 20% !important;
}
.or-size-25-pc {
  width: 25% !important;
  --width: 25% !important;
  height: 25% !important;
  --height: 25% !important;
}
.or-size-30-pc {
  width: 30% !important;
  --width: 30% !important;
  height: 30% !important;
  --height: 30% !important;
}
.or-size-35-pc {
  width: 35% !important;
  --width: 35% !important;
  height: 35% !important;
  --height: 35% !important;
}
.or-size-40-pc {
  width: 40% !important;
  --width: 40% !important;
  height: 40% !important;
  --height: 40% !important;
}
.or-size-45-pc {
  width: 45% !important;
  --width: 45% !important;
  height: 45% !important;
  --height: 45% !important;
}
.or-size-50-pc {
  width: 50% !important;
  --width: 50% !important;
  height: 50% !important;
  --height: 50% !important;
}
.or-size-55-pc {
  width: 55% !important;
  --width: 55% !important;
  height: 55% !important;
  --height: 55% !important;
}
.or-size-60-pc {
  width: 60% !important;
  --width: 60% !important;
  height: 60% !important;
  --height: 60% !important;
}
.or-size-65-pc {
  width: 65% !important;
  --width: 65% !important;
  height: 65% !important;
  --height: 65% !important;
}
.or-size-70-pc {
  width: 70% !important;
  --width: 70% !important;
  height: 70% !important;
  --height: 70% !important;
}
.or-size-75-pc {
  width: 75% !important;
  --width: 75% !important;
  height: 75% !important;
  --height: 75% !important;
}
.or-size-80-pc {
  width: 80% !important;
  --width: 80% !important;
  height: 80% !important;
  --height: 80% !important;
}
.or-size-85-pc {
  width: 85% !important;
  --width: 85% !important;
  height: 85% !important;
  --height: 85% !important;
}
.or-size-90-pc {
  width: 90% !important;
  --width: 90% !important;
  height: 90% !important;
  --height: 90% !important;
}
.or-size-95-pc {
  width: 95% !important;
  --width: 95% !important;
  height: 95% !important;
  --height: 95% !important;
}
.or-size-100-pc {
  width: 100% !important;
  --width: 100% !important;
  height: 100% !important;
  --height: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-size-sm-0-pc {
    width: 0% !important;
    --width: 0% !important;
    height: 0% !important;
    --height: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-5-pc {
    width: 5% !important;
    --width: 5% !important;
    height: 5% !important;
    --height: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-10-pc {
    width: 10% !important;
    --width: 10% !important;
    height: 10% !important;
    --height: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-15-pc {
    width: 15% !important;
    --width: 15% !important;
    height: 15% !important;
    --height: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-20-pc {
    width: 20% !important;
    --width: 20% !important;
    height: 20% !important;
    --height: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-25-pc {
    width: 25% !important;
    --width: 25% !important;
    height: 25% !important;
    --height: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-30-pc {
    width: 30% !important;
    --width: 30% !important;
    height: 30% !important;
    --height: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-35-pc {
    width: 35% !important;
    --width: 35% !important;
    height: 35% !important;
    --height: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-40-pc {
    width: 40% !important;
    --width: 40% !important;
    height: 40% !important;
    --height: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-45-pc {
    width: 45% !important;
    --width: 45% !important;
    height: 45% !important;
    --height: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-50-pc {
    width: 50% !important;
    --width: 50% !important;
    height: 50% !important;
    --height: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-55-pc {
    width: 55% !important;
    --width: 55% !important;
    height: 55% !important;
    --height: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-60-pc {
    width: 60% !important;
    --width: 60% !important;
    height: 60% !important;
    --height: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-65-pc {
    width: 65% !important;
    --width: 65% !important;
    height: 65% !important;
    --height: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-70-pc {
    width: 70% !important;
    --width: 70% !important;
    height: 70% !important;
    --height: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-75-pc {
    width: 75% !important;
    --width: 75% !important;
    height: 75% !important;
    --height: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-80-pc {
    width: 80% !important;
    --width: 80% !important;
    height: 80% !important;
    --height: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-85-pc {
    width: 85% !important;
    --width: 85% !important;
    height: 85% !important;
    --height: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-90-pc {
    width: 90% !important;
    --width: 90% !important;
    height: 90% !important;
    --height: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-95-pc {
    width: 95% !important;
    --width: 95% !important;
    height: 95% !important;
    --height: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-100-pc {
    width: 100% !important;
    --width: 100% !important;
    height: 100% !important;
    --height: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-0-pc {
    width: 0% !important;
    --width: 0% !important;
    height: 0% !important;
    --height: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-5-pc {
    width: 5% !important;
    --width: 5% !important;
    height: 5% !important;
    --height: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-10-pc {
    width: 10% !important;
    --width: 10% !important;
    height: 10% !important;
    --height: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-15-pc {
    width: 15% !important;
    --width: 15% !important;
    height: 15% !important;
    --height: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-20-pc {
    width: 20% !important;
    --width: 20% !important;
    height: 20% !important;
    --height: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-25-pc {
    width: 25% !important;
    --width: 25% !important;
    height: 25% !important;
    --height: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-30-pc {
    width: 30% !important;
    --width: 30% !important;
    height: 30% !important;
    --height: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-35-pc {
    width: 35% !important;
    --width: 35% !important;
    height: 35% !important;
    --height: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-40-pc {
    width: 40% !important;
    --width: 40% !important;
    height: 40% !important;
    --height: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-45-pc {
    width: 45% !important;
    --width: 45% !important;
    height: 45% !important;
    --height: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-50-pc {
    width: 50% !important;
    --width: 50% !important;
    height: 50% !important;
    --height: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-55-pc {
    width: 55% !important;
    --width: 55% !important;
    height: 55% !important;
    --height: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-60-pc {
    width: 60% !important;
    --width: 60% !important;
    height: 60% !important;
    --height: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-65-pc {
    width: 65% !important;
    --width: 65% !important;
    height: 65% !important;
    --height: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-70-pc {
    width: 70% !important;
    --width: 70% !important;
    height: 70% !important;
    --height: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-75-pc {
    width: 75% !important;
    --width: 75% !important;
    height: 75% !important;
    --height: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-80-pc {
    width: 80% !important;
    --width: 80% !important;
    height: 80% !important;
    --height: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-85-pc {
    width: 85% !important;
    --width: 85% !important;
    height: 85% !important;
    --height: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-90-pc {
    width: 90% !important;
    --width: 90% !important;
    height: 90% !important;
    --height: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-95-pc {
    width: 95% !important;
    --width: 95% !important;
    height: 95% !important;
    --height: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-100-pc {
    width: 100% !important;
    --width: 100% !important;
    height: 100% !important;
    --height: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-0-pc {
    width: 0% !important;
    --width: 0% !important;
    height: 0% !important;
    --height: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-5-pc {
    width: 5% !important;
    --width: 5% !important;
    height: 5% !important;
    --height: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-10-pc {
    width: 10% !important;
    --width: 10% !important;
    height: 10% !important;
    --height: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-15-pc {
    width: 15% !important;
    --width: 15% !important;
    height: 15% !important;
    --height: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-20-pc {
    width: 20% !important;
    --width: 20% !important;
    height: 20% !important;
    --height: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-25-pc {
    width: 25% !important;
    --width: 25% !important;
    height: 25% !important;
    --height: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-30-pc {
    width: 30% !important;
    --width: 30% !important;
    height: 30% !important;
    --height: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-35-pc {
    width: 35% !important;
    --width: 35% !important;
    height: 35% !important;
    --height: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-40-pc {
    width: 40% !important;
    --width: 40% !important;
    height: 40% !important;
    --height: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-45-pc {
    width: 45% !important;
    --width: 45% !important;
    height: 45% !important;
    --height: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-50-pc {
    width: 50% !important;
    --width: 50% !important;
    height: 50% !important;
    --height: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-55-pc {
    width: 55% !important;
    --width: 55% !important;
    height: 55% !important;
    --height: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-60-pc {
    width: 60% !important;
    --width: 60% !important;
    height: 60% !important;
    --height: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-65-pc {
    width: 65% !important;
    --width: 65% !important;
    height: 65% !important;
    --height: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-70-pc {
    width: 70% !important;
    --width: 70% !important;
    height: 70% !important;
    --height: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-75-pc {
    width: 75% !important;
    --width: 75% !important;
    height: 75% !important;
    --height: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-80-pc {
    width: 80% !important;
    --width: 80% !important;
    height: 80% !important;
    --height: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-85-pc {
    width: 85% !important;
    --width: 85% !important;
    height: 85% !important;
    --height: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-90-pc {
    width: 90% !important;
    --width: 90% !important;
    height: 90% !important;
    --height: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-95-pc {
    width: 95% !important;
    --width: 95% !important;
    height: 95% !important;
    --height: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-100-pc {
    width: 100% !important;
    --width: 100% !important;
    height: 100% !important;
    --height: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-0-pc {
    width: 0% !important;
    --width: 0% !important;
    height: 0% !important;
    --height: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-5-pc {
    width: 5% !important;
    --width: 5% !important;
    height: 5% !important;
    --height: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-10-pc {
    width: 10% !important;
    --width: 10% !important;
    height: 10% !important;
    --height: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-15-pc {
    width: 15% !important;
    --width: 15% !important;
    height: 15% !important;
    --height: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-20-pc {
    width: 20% !important;
    --width: 20% !important;
    height: 20% !important;
    --height: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-25-pc {
    width: 25% !important;
    --width: 25% !important;
    height: 25% !important;
    --height: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-30-pc {
    width: 30% !important;
    --width: 30% !important;
    height: 30% !important;
    --height: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-35-pc {
    width: 35% !important;
    --width: 35% !important;
    height: 35% !important;
    --height: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-40-pc {
    width: 40% !important;
    --width: 40% !important;
    height: 40% !important;
    --height: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-45-pc {
    width: 45% !important;
    --width: 45% !important;
    height: 45% !important;
    --height: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-50-pc {
    width: 50% !important;
    --width: 50% !important;
    height: 50% !important;
    --height: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-55-pc {
    width: 55% !important;
    --width: 55% !important;
    height: 55% !important;
    --height: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-60-pc {
    width: 60% !important;
    --width: 60% !important;
    height: 60% !important;
    --height: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-65-pc {
    width: 65% !important;
    --width: 65% !important;
    height: 65% !important;
    --height: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-70-pc {
    width: 70% !important;
    --width: 70% !important;
    height: 70% !important;
    --height: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-75-pc {
    width: 75% !important;
    --width: 75% !important;
    height: 75% !important;
    --height: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-80-pc {
    width: 80% !important;
    --width: 80% !important;
    height: 80% !important;
    --height: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-85-pc {
    width: 85% !important;
    --width: 85% !important;
    height: 85% !important;
    --height: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-90-pc {
    width: 90% !important;
    --width: 90% !important;
    height: 90% !important;
    --height: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-95-pc {
    width: 95% !important;
    --width: 95% !important;
    height: 95% !important;
    --height: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-100-pc {
    width: 100% !important;
    --width: 100% !important;
    height: 100% !important;
    --height: 100% !important;
  }
}
.or-w-100vw {
  width: 100vw !important;
  --width: 100vw !important;
}
.or-h-100vh {
  height: 100vh !important;
  --height: 100vh !important;
}
.or-w-100dvw {
  width: 100dvw !important;
  --width: 100dvw !important;
}
.or-h-100dvh {
  height: 100dvh !important;
  --height: 100dvh !important;
}
.or-h-0 {
  height: 0px !important;
  --height: 0px !important;
}
.or-h-1 {
  height: 2px !important;
  --height: 2px !important;
}
.or-h-2 {
  height: 4px !important;
  --height: 4px !important;
}
.or-h-3 {
  height: 8px !important;
  --height: 8px !important;
}
.or-h-4 {
  height: 12px !important;
  --height: 12px !important;
}
.or-h-5 {
  height: 16px !important;
  --height: 16px !important;
}
.or-h-6 {
  height: 24px !important;
  --height: 24px !important;
}
.or-h-7 {
  height: 32px !important;
  --height: 32px !important;
}
.or-h-8 {
  height: 40px !important;
  --height: 40px !important;
}
.or-h-9 {
  height: 48px !important;
  --height: 48px !important;
}
.or-h-10 {
  height: 64px !important;
  --height: 64px !important;
}
.or-h-11 {
  height: 80px !important;
  --height: 80px !important;
}
.or-h-12 {
  height: 96px !important;
  --height: 96px !important;
}
.or-h-13 {
  height: 112px !important;
  --height: 112px !important;
}
.or-h-14 {
  height: 128px !important;
  --height: 128px !important;
}
.or-h-15 {
  height: 144px !important;
  --height: 144px !important;
}
.or-h-16 {
  height: 160px !important;
  --height: 160px !important;
}
.or-h-17 {
  height: 180px !important;
  --height: 180px !important;
}
.or-h-18 {
  height: 200px !important;
  --height: 200px !important;
}
.or-h-19 {
  height: 240px !important;
  --height: 240px !important;
}
.or-h-20 {
  height: 280px !important;
  --height: 280px !important;
}
.or-h-21 {
  height: 320px !important;
  --height: 320px !important;
}
.or-h-22 {
  height: 360px !important;
  --height: 360px !important;
}
.or-h-23 {
  height: 400px !important;
  --height: 400px !important;
}
.or-h-24 {
  height: 440px !important;
  --height: 440px !important;
}
.or-h-25 {
  height: 480px !important;
  --height: 480px !important;
}
.or-h-26 {
  height: 520px !important;
  --height: 520px !important;
}
.or-h-27 {
  height: 560px !important;
  --height: 560px !important;
}
.or-h-28 {
  height: 600px !important;
  --height: 600px !important;
}
.or-h-29 {
  height: 640px !important;
  --height: 640px !important;
}
.or-h-30 {
  height: 680px !important;
  --height: 680px !important;
}
.or-h-31 {
  height: 720px !important;
  --height: 720px !important;
}
.or-h-32 {
  height: 760px !important;
  --height: 760px !important;
}
.or-h-33 {
  height: 800px !important;
  --height: 800px !important;
}
.or-h-34 {
  height: 840px !important;
  --height: 840px !important;
}
.or-h-35 {
  height: 880px !important;
  --height: 880px !important;
}
.or-h-36 {
  height: 920px !important;
  --height: 920px !important;
}
.or-h-37 {
  height: 960px !important;
  --height: 960px !important;
}
.or-h-38 {
  height: 1000px !important;
  --height: 1000px !important;
}
.or-h-39 {
  height: 1040px !important;
  --height: 1040px !important;
}
.or-h-40 {
  height: 1080px !important;
  --height: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-h-sm-0 {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-1 {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-2 {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-3 {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-4 {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-5 {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-6 {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-7 {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-8 {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-9 {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-10 {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-11 {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-12 {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-13 {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-14 {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-15 {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-16 {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-17 {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-18 {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-19 {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-20 {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-21 {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-22 {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-23 {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-24 {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-25 {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-26 {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-27 {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-28 {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-29 {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-30 {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-31 {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-32 {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-33 {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-34 {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-35 {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-36 {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-37 {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-38 {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-39 {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-h-sm-40 {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-0 {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-1 {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-2 {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-3 {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-4 {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-5 {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-6 {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-7 {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-8 {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-9 {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-10 {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-11 {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-12 {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-13 {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-14 {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-15 {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-16 {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-17 {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-18 {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-19 {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-20 {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-21 {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-22 {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-23 {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-24 {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-25 {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-26 {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-27 {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-28 {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-29 {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-30 {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-31 {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-32 {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-33 {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-34 {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-35 {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-36 {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-37 {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-38 {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-39 {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-h-md-40 {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-0 {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-1 {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-2 {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-3 {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-4 {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-5 {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-6 {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-7 {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-8 {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-9 {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-10 {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-11 {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-12 {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-13 {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-14 {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-15 {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-16 {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-17 {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-18 {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-19 {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-20 {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-21 {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-22 {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-23 {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-24 {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-25 {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-26 {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-27 {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-28 {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-29 {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-30 {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-31 {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-32 {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-33 {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-34 {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-35 {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-36 {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-37 {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-38 {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-39 {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-h-lg-40 {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-0 {
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-1 {
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-2 {
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-3 {
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-4 {
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-5 {
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-6 {
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-7 {
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-8 {
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-9 {
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-10 {
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-11 {
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-12 {
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-13 {
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-14 {
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-15 {
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-16 {
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-17 {
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-18 {
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-19 {
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-20 {
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-21 {
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-22 {
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-23 {
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-24 {
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-25 {
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-26 {
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-27 {
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-28 {
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-29 {
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-30 {
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-31 {
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-32 {
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-33 {
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-34 {
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-35 {
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-36 {
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-37 {
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-38 {
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-39 {
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-h-xl-40 {
    height: 1080px !important;
    --height: 1080px !important;
  }
}
.or-min-h-0 {
  min-height: 0px !important;
  --min-height: 0px !important;
}
.or-min-h-1 {
  min-height: 2px !important;
  --min-height: 2px !important;
}
.or-min-h-2 {
  min-height: 4px !important;
  --min-height: 4px !important;
}
.or-min-h-3 {
  min-height: 8px !important;
  --min-height: 8px !important;
}
.or-min-h-4 {
  min-height: 12px !important;
  --min-height: 12px !important;
}
.or-min-h-5 {
  min-height: 16px !important;
  --min-height: 16px !important;
}
.or-min-h-6 {
  min-height: 24px !important;
  --min-height: 24px !important;
}
.or-min-h-7 {
  min-height: 32px !important;
  --min-height: 32px !important;
}
.or-min-h-8 {
  min-height: 40px !important;
  --min-height: 40px !important;
}
.or-min-h-9 {
  min-height: 48px !important;
  --min-height: 48px !important;
}
.or-min-h-10 {
  min-height: 64px !important;
  --min-height: 64px !important;
}
.or-min-h-11 {
  min-height: 80px !important;
  --min-height: 80px !important;
}
.or-min-h-12 {
  min-height: 96px !important;
  --min-height: 96px !important;
}
.or-min-h-13 {
  min-height: 112px !important;
  --min-height: 112px !important;
}
.or-min-h-14 {
  min-height: 128px !important;
  --min-height: 128px !important;
}
.or-min-h-15 {
  min-height: 144px !important;
  --min-height: 144px !important;
}
.or-min-h-16 {
  min-height: 160px !important;
  --min-height: 160px !important;
}
.or-min-h-17 {
  min-height: 180px !important;
  --min-height: 180px !important;
}
.or-min-h-18 {
  min-height: 200px !important;
  --min-height: 200px !important;
}
.or-min-h-19 {
  min-height: 240px !important;
  --min-height: 240px !important;
}
.or-min-h-20 {
  min-height: 280px !important;
  --min-height: 280px !important;
}
.or-min-h-21 {
  min-height: 320px !important;
  --min-height: 320px !important;
}
.or-min-h-22 {
  min-height: 360px !important;
  --min-height: 360px !important;
}
.or-min-h-23 {
  min-height: 400px !important;
  --min-height: 400px !important;
}
.or-min-h-24 {
  min-height: 440px !important;
  --min-height: 440px !important;
}
.or-min-h-25 {
  min-height: 480px !important;
  --min-height: 480px !important;
}
.or-min-h-26 {
  min-height: 520px !important;
  --min-height: 520px !important;
}
.or-min-h-27 {
  min-height: 560px !important;
  --min-height: 560px !important;
}
.or-min-h-28 {
  min-height: 600px !important;
  --min-height: 600px !important;
}
.or-min-h-29 {
  min-height: 640px !important;
  --min-height: 640px !important;
}
.or-min-h-30 {
  min-height: 680px !important;
  --min-height: 680px !important;
}
.or-min-h-31 {
  min-height: 720px !important;
  --min-height: 720px !important;
}
.or-min-h-32 {
  min-height: 760px !important;
  --min-height: 760px !important;
}
.or-min-h-33 {
  min-height: 800px !important;
  --min-height: 800px !important;
}
.or-min-h-34 {
  min-height: 840px !important;
  --min-height: 840px !important;
}
.or-min-h-35 {
  min-height: 880px !important;
  --min-height: 880px !important;
}
.or-min-h-36 {
  min-height: 920px !important;
  --min-height: 920px !important;
}
.or-min-h-37 {
  min-height: 960px !important;
  --min-height: 960px !important;
}
.or-min-h-38 {
  min-height: 1000px !important;
  --min-height: 1000px !important;
}
.or-min-h-39 {
  min-height: 1040px !important;
  --min-height: 1040px !important;
}
.or-min-h-40 {
  min-height: 1080px !important;
  --min-height: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-0 {
    min-height: 0px !important;
    --min-height: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-1 {
    min-height: 2px !important;
    --min-height: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-2 {
    min-height: 4px !important;
    --min-height: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-3 {
    min-height: 8px !important;
    --min-height: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-4 {
    min-height: 12px !important;
    --min-height: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-5 {
    min-height: 16px !important;
    --min-height: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-6 {
    min-height: 24px !important;
    --min-height: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-7 {
    min-height: 32px !important;
    --min-height: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-8 {
    min-height: 40px !important;
    --min-height: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-9 {
    min-height: 48px !important;
    --min-height: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-10 {
    min-height: 64px !important;
    --min-height: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-11 {
    min-height: 80px !important;
    --min-height: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-12 {
    min-height: 96px !important;
    --min-height: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-13 {
    min-height: 112px !important;
    --min-height: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-14 {
    min-height: 128px !important;
    --min-height: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-15 {
    min-height: 144px !important;
    --min-height: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-16 {
    min-height: 160px !important;
    --min-height: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-17 {
    min-height: 180px !important;
    --min-height: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-18 {
    min-height: 200px !important;
    --min-height: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-19 {
    min-height: 240px !important;
    --min-height: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-20 {
    min-height: 280px !important;
    --min-height: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-21 {
    min-height: 320px !important;
    --min-height: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-22 {
    min-height: 360px !important;
    --min-height: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-23 {
    min-height: 400px !important;
    --min-height: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-24 {
    min-height: 440px !important;
    --min-height: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-25 {
    min-height: 480px !important;
    --min-height: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-26 {
    min-height: 520px !important;
    --min-height: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-27 {
    min-height: 560px !important;
    --min-height: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-28 {
    min-height: 600px !important;
    --min-height: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-29 {
    min-height: 640px !important;
    --min-height: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-30 {
    min-height: 680px !important;
    --min-height: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-31 {
    min-height: 720px !important;
    --min-height: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-32 {
    min-height: 760px !important;
    --min-height: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-33 {
    min-height: 800px !important;
    --min-height: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-34 {
    min-height: 840px !important;
    --min-height: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-35 {
    min-height: 880px !important;
    --min-height: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-36 {
    min-height: 920px !important;
    --min-height: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-37 {
    min-height: 960px !important;
    --min-height: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-38 {
    min-height: 1000px !important;
    --min-height: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-39 {
    min-height: 1040px !important;
    --min-height: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-h-sm-40 {
    min-height: 1080px !important;
    --min-height: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-0 {
    min-height: 0px !important;
    --min-height: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-1 {
    min-height: 2px !important;
    --min-height: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-2 {
    min-height: 4px !important;
    --min-height: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-3 {
    min-height: 8px !important;
    --min-height: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-4 {
    min-height: 12px !important;
    --min-height: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-5 {
    min-height: 16px !important;
    --min-height: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-6 {
    min-height: 24px !important;
    --min-height: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-7 {
    min-height: 32px !important;
    --min-height: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-8 {
    min-height: 40px !important;
    --min-height: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-9 {
    min-height: 48px !important;
    --min-height: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-10 {
    min-height: 64px !important;
    --min-height: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-11 {
    min-height: 80px !important;
    --min-height: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-12 {
    min-height: 96px !important;
    --min-height: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-13 {
    min-height: 112px !important;
    --min-height: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-14 {
    min-height: 128px !important;
    --min-height: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-15 {
    min-height: 144px !important;
    --min-height: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-16 {
    min-height: 160px !important;
    --min-height: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-17 {
    min-height: 180px !important;
    --min-height: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-18 {
    min-height: 200px !important;
    --min-height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-19 {
    min-height: 240px !important;
    --min-height: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-20 {
    min-height: 280px !important;
    --min-height: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-21 {
    min-height: 320px !important;
    --min-height: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-22 {
    min-height: 360px !important;
    --min-height: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-23 {
    min-height: 400px !important;
    --min-height: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-24 {
    min-height: 440px !important;
    --min-height: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-25 {
    min-height: 480px !important;
    --min-height: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-26 {
    min-height: 520px !important;
    --min-height: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-27 {
    min-height: 560px !important;
    --min-height: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-28 {
    min-height: 600px !important;
    --min-height: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-29 {
    min-height: 640px !important;
    --min-height: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-30 {
    min-height: 680px !important;
    --min-height: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-31 {
    min-height: 720px !important;
    --min-height: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-32 {
    min-height: 760px !important;
    --min-height: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-33 {
    min-height: 800px !important;
    --min-height: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-34 {
    min-height: 840px !important;
    --min-height: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-35 {
    min-height: 880px !important;
    --min-height: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-36 {
    min-height: 920px !important;
    --min-height: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-37 {
    min-height: 960px !important;
    --min-height: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-38 {
    min-height: 1000px !important;
    --min-height: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-39 {
    min-height: 1040px !important;
    --min-height: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-h-md-40 {
    min-height: 1080px !important;
    --min-height: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-0 {
    min-height: 0px !important;
    --min-height: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-1 {
    min-height: 2px !important;
    --min-height: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-2 {
    min-height: 4px !important;
    --min-height: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-3 {
    min-height: 8px !important;
    --min-height: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-4 {
    min-height: 12px !important;
    --min-height: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-5 {
    min-height: 16px !important;
    --min-height: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-6 {
    min-height: 24px !important;
    --min-height: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-7 {
    min-height: 32px !important;
    --min-height: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-8 {
    min-height: 40px !important;
    --min-height: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-9 {
    min-height: 48px !important;
    --min-height: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-10 {
    min-height: 64px !important;
    --min-height: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-11 {
    min-height: 80px !important;
    --min-height: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-12 {
    min-height: 96px !important;
    --min-height: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-13 {
    min-height: 112px !important;
    --min-height: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-14 {
    min-height: 128px !important;
    --min-height: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-15 {
    min-height: 144px !important;
    --min-height: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-16 {
    min-height: 160px !important;
    --min-height: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-17 {
    min-height: 180px !important;
    --min-height: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-18 {
    min-height: 200px !important;
    --min-height: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-19 {
    min-height: 240px !important;
    --min-height: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-20 {
    min-height: 280px !important;
    --min-height: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-21 {
    min-height: 320px !important;
    --min-height: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-22 {
    min-height: 360px !important;
    --min-height: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-23 {
    min-height: 400px !important;
    --min-height: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-24 {
    min-height: 440px !important;
    --min-height: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-25 {
    min-height: 480px !important;
    --min-height: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-26 {
    min-height: 520px !important;
    --min-height: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-27 {
    min-height: 560px !important;
    --min-height: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-28 {
    min-height: 600px !important;
    --min-height: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-29 {
    min-height: 640px !important;
    --min-height: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-30 {
    min-height: 680px !important;
    --min-height: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-31 {
    min-height: 720px !important;
    --min-height: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-32 {
    min-height: 760px !important;
    --min-height: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-33 {
    min-height: 800px !important;
    --min-height: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-34 {
    min-height: 840px !important;
    --min-height: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-35 {
    min-height: 880px !important;
    --min-height: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-36 {
    min-height: 920px !important;
    --min-height: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-37 {
    min-height: 960px !important;
    --min-height: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-38 {
    min-height: 1000px !important;
    --min-height: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-39 {
    min-height: 1040px !important;
    --min-height: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-h-lg-40 {
    min-height: 1080px !important;
    --min-height: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-0 {
    min-height: 0px !important;
    --min-height: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-1 {
    min-height: 2px !important;
    --min-height: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-2 {
    min-height: 4px !important;
    --min-height: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-3 {
    min-height: 8px !important;
    --min-height: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-4 {
    min-height: 12px !important;
    --min-height: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-5 {
    min-height: 16px !important;
    --min-height: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-6 {
    min-height: 24px !important;
    --min-height: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-7 {
    min-height: 32px !important;
    --min-height: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-8 {
    min-height: 40px !important;
    --min-height: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-9 {
    min-height: 48px !important;
    --min-height: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-10 {
    min-height: 64px !important;
    --min-height: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-11 {
    min-height: 80px !important;
    --min-height: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-12 {
    min-height: 96px !important;
    --min-height: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-13 {
    min-height: 112px !important;
    --min-height: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-14 {
    min-height: 128px !important;
    --min-height: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-15 {
    min-height: 144px !important;
    --min-height: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-16 {
    min-height: 160px !important;
    --min-height: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-17 {
    min-height: 180px !important;
    --min-height: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-18 {
    min-height: 200px !important;
    --min-height: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-19 {
    min-height: 240px !important;
    --min-height: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-20 {
    min-height: 280px !important;
    --min-height: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-21 {
    min-height: 320px !important;
    --min-height: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-22 {
    min-height: 360px !important;
    --min-height: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-23 {
    min-height: 400px !important;
    --min-height: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-24 {
    min-height: 440px !important;
    --min-height: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-25 {
    min-height: 480px !important;
    --min-height: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-26 {
    min-height: 520px !important;
    --min-height: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-27 {
    min-height: 560px !important;
    --min-height: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-28 {
    min-height: 600px !important;
    --min-height: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-29 {
    min-height: 640px !important;
    --min-height: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-30 {
    min-height: 680px !important;
    --min-height: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-31 {
    min-height: 720px !important;
    --min-height: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-32 {
    min-height: 760px !important;
    --min-height: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-33 {
    min-height: 800px !important;
    --min-height: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-34 {
    min-height: 840px !important;
    --min-height: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-35 {
    min-height: 880px !important;
    --min-height: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-36 {
    min-height: 920px !important;
    --min-height: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-37 {
    min-height: 960px !important;
    --min-height: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-38 {
    min-height: 1000px !important;
    --min-height: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-39 {
    min-height: 1040px !important;
    --min-height: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-h-xl-40 {
    min-height: 1080px !important;
    --min-height: 1080px !important;
  }
}
.or-max-h-0 {
  max-height: 0px !important;
  --max-height: 0px !important;
}
.or-max-h-1 {
  max-height: 2px !important;
  --max-height: 2px !important;
}
.or-max-h-2 {
  max-height: 4px !important;
  --max-height: 4px !important;
}
.or-max-h-3 {
  max-height: 8px !important;
  --max-height: 8px !important;
}
.or-max-h-4 {
  max-height: 12px !important;
  --max-height: 12px !important;
}
.or-max-h-5 {
  max-height: 16px !important;
  --max-height: 16px !important;
}
.or-max-h-6 {
  max-height: 24px !important;
  --max-height: 24px !important;
}
.or-max-h-7 {
  max-height: 32px !important;
  --max-height: 32px !important;
}
.or-max-h-8 {
  max-height: 40px !important;
  --max-height: 40px !important;
}
.or-max-h-9 {
  max-height: 48px !important;
  --max-height: 48px !important;
}
.or-max-h-10 {
  max-height: 64px !important;
  --max-height: 64px !important;
}
.or-max-h-11 {
  max-height: 80px !important;
  --max-height: 80px !important;
}
.or-max-h-12 {
  max-height: 96px !important;
  --max-height: 96px !important;
}
.or-max-h-13 {
  max-height: 112px !important;
  --max-height: 112px !important;
}
.or-max-h-14 {
  max-height: 128px !important;
  --max-height: 128px !important;
}
.or-max-h-15 {
  max-height: 144px !important;
  --max-height: 144px !important;
}
.or-max-h-16 {
  max-height: 160px !important;
  --max-height: 160px !important;
}
.or-max-h-17 {
  max-height: 180px !important;
  --max-height: 180px !important;
}
.or-max-h-18 {
  max-height: 200px !important;
  --max-height: 200px !important;
}
.or-max-h-19 {
  max-height: 240px !important;
  --max-height: 240px !important;
}
.or-max-h-20 {
  max-height: 280px !important;
  --max-height: 280px !important;
}
.or-max-h-21 {
  max-height: 320px !important;
  --max-height: 320px !important;
}
.or-max-h-22 {
  max-height: 360px !important;
  --max-height: 360px !important;
}
.or-max-h-23 {
  max-height: 400px !important;
  --max-height: 400px !important;
}
.or-max-h-24 {
  max-height: 440px !important;
  --max-height: 440px !important;
}
.or-max-h-25 {
  max-height: 480px !important;
  --max-height: 480px !important;
}
.or-max-h-26 {
  max-height: 520px !important;
  --max-height: 520px !important;
}
.or-max-h-27 {
  max-height: 560px !important;
  --max-height: 560px !important;
}
.or-max-h-28 {
  max-height: 600px !important;
  --max-height: 600px !important;
}
.or-max-h-29 {
  max-height: 640px !important;
  --max-height: 640px !important;
}
.or-max-h-30 {
  max-height: 680px !important;
  --max-height: 680px !important;
}
.or-max-h-31 {
  max-height: 720px !important;
  --max-height: 720px !important;
}
.or-max-h-32 {
  max-height: 760px !important;
  --max-height: 760px !important;
}
.or-max-h-33 {
  max-height: 800px !important;
  --max-height: 800px !important;
}
.or-max-h-34 {
  max-height: 840px !important;
  --max-height: 840px !important;
}
.or-max-h-35 {
  max-height: 880px !important;
  --max-height: 880px !important;
}
.or-max-h-36 {
  max-height: 920px !important;
  --max-height: 920px !important;
}
.or-max-h-37 {
  max-height: 960px !important;
  --max-height: 960px !important;
}
.or-max-h-38 {
  max-height: 1000px !important;
  --max-height: 1000px !important;
}
.or-max-h-39 {
  max-height: 1040px !important;
  --max-height: 1040px !important;
}
.or-max-h-40 {
  max-height: 1080px !important;
  --max-height: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-0 {
    max-height: 0px !important;
    --max-height: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-1 {
    max-height: 2px !important;
    --max-height: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-2 {
    max-height: 4px !important;
    --max-height: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-3 {
    max-height: 8px !important;
    --max-height: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-4 {
    max-height: 12px !important;
    --max-height: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-5 {
    max-height: 16px !important;
    --max-height: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-6 {
    max-height: 24px !important;
    --max-height: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-7 {
    max-height: 32px !important;
    --max-height: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-8 {
    max-height: 40px !important;
    --max-height: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-9 {
    max-height: 48px !important;
    --max-height: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-10 {
    max-height: 64px !important;
    --max-height: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-11 {
    max-height: 80px !important;
    --max-height: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-12 {
    max-height: 96px !important;
    --max-height: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-13 {
    max-height: 112px !important;
    --max-height: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-14 {
    max-height: 128px !important;
    --max-height: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-15 {
    max-height: 144px !important;
    --max-height: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-16 {
    max-height: 160px !important;
    --max-height: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-17 {
    max-height: 180px !important;
    --max-height: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-18 {
    max-height: 200px !important;
    --max-height: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-19 {
    max-height: 240px !important;
    --max-height: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-20 {
    max-height: 280px !important;
    --max-height: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-21 {
    max-height: 320px !important;
    --max-height: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-22 {
    max-height: 360px !important;
    --max-height: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-23 {
    max-height: 400px !important;
    --max-height: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-24 {
    max-height: 440px !important;
    --max-height: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-25 {
    max-height: 480px !important;
    --max-height: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-26 {
    max-height: 520px !important;
    --max-height: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-27 {
    max-height: 560px !important;
    --max-height: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-28 {
    max-height: 600px !important;
    --max-height: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-29 {
    max-height: 640px !important;
    --max-height: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-30 {
    max-height: 680px !important;
    --max-height: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-31 {
    max-height: 720px !important;
    --max-height: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-32 {
    max-height: 760px !important;
    --max-height: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-33 {
    max-height: 800px !important;
    --max-height: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-34 {
    max-height: 840px !important;
    --max-height: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-35 {
    max-height: 880px !important;
    --max-height: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-36 {
    max-height: 920px !important;
    --max-height: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-37 {
    max-height: 960px !important;
    --max-height: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-38 {
    max-height: 1000px !important;
    --max-height: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-39 {
    max-height: 1040px !important;
    --max-height: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-h-sm-40 {
    max-height: 1080px !important;
    --max-height: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-0 {
    max-height: 0px !important;
    --max-height: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-1 {
    max-height: 2px !important;
    --max-height: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-2 {
    max-height: 4px !important;
    --max-height: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-3 {
    max-height: 8px !important;
    --max-height: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-4 {
    max-height: 12px !important;
    --max-height: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-5 {
    max-height: 16px !important;
    --max-height: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-6 {
    max-height: 24px !important;
    --max-height: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-7 {
    max-height: 32px !important;
    --max-height: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-8 {
    max-height: 40px !important;
    --max-height: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-9 {
    max-height: 48px !important;
    --max-height: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-10 {
    max-height: 64px !important;
    --max-height: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-11 {
    max-height: 80px !important;
    --max-height: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-12 {
    max-height: 96px !important;
    --max-height: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-13 {
    max-height: 112px !important;
    --max-height: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-14 {
    max-height: 128px !important;
    --max-height: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-15 {
    max-height: 144px !important;
    --max-height: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-16 {
    max-height: 160px !important;
    --max-height: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-17 {
    max-height: 180px !important;
    --max-height: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-18 {
    max-height: 200px !important;
    --max-height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-19 {
    max-height: 240px !important;
    --max-height: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-20 {
    max-height: 280px !important;
    --max-height: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-21 {
    max-height: 320px !important;
    --max-height: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-22 {
    max-height: 360px !important;
    --max-height: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-23 {
    max-height: 400px !important;
    --max-height: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-24 {
    max-height: 440px !important;
    --max-height: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-25 {
    max-height: 480px !important;
    --max-height: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-26 {
    max-height: 520px !important;
    --max-height: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-27 {
    max-height: 560px !important;
    --max-height: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-28 {
    max-height: 600px !important;
    --max-height: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-29 {
    max-height: 640px !important;
    --max-height: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-30 {
    max-height: 680px !important;
    --max-height: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-31 {
    max-height: 720px !important;
    --max-height: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-32 {
    max-height: 760px !important;
    --max-height: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-33 {
    max-height: 800px !important;
    --max-height: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-34 {
    max-height: 840px !important;
    --max-height: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-35 {
    max-height: 880px !important;
    --max-height: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-36 {
    max-height: 920px !important;
    --max-height: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-37 {
    max-height: 960px !important;
    --max-height: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-38 {
    max-height: 1000px !important;
    --max-height: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-39 {
    max-height: 1040px !important;
    --max-height: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-h-md-40 {
    max-height: 1080px !important;
    --max-height: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-0 {
    max-height: 0px !important;
    --max-height: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-1 {
    max-height: 2px !important;
    --max-height: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-2 {
    max-height: 4px !important;
    --max-height: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-3 {
    max-height: 8px !important;
    --max-height: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-4 {
    max-height: 12px !important;
    --max-height: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-5 {
    max-height: 16px !important;
    --max-height: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-6 {
    max-height: 24px !important;
    --max-height: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-7 {
    max-height: 32px !important;
    --max-height: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-8 {
    max-height: 40px !important;
    --max-height: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-9 {
    max-height: 48px !important;
    --max-height: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-10 {
    max-height: 64px !important;
    --max-height: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-11 {
    max-height: 80px !important;
    --max-height: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-12 {
    max-height: 96px !important;
    --max-height: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-13 {
    max-height: 112px !important;
    --max-height: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-14 {
    max-height: 128px !important;
    --max-height: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-15 {
    max-height: 144px !important;
    --max-height: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-16 {
    max-height: 160px !important;
    --max-height: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-17 {
    max-height: 180px !important;
    --max-height: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-18 {
    max-height: 200px !important;
    --max-height: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-19 {
    max-height: 240px !important;
    --max-height: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-20 {
    max-height: 280px !important;
    --max-height: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-21 {
    max-height: 320px !important;
    --max-height: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-22 {
    max-height: 360px !important;
    --max-height: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-23 {
    max-height: 400px !important;
    --max-height: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-24 {
    max-height: 440px !important;
    --max-height: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-25 {
    max-height: 480px !important;
    --max-height: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-26 {
    max-height: 520px !important;
    --max-height: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-27 {
    max-height: 560px !important;
    --max-height: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-28 {
    max-height: 600px !important;
    --max-height: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-29 {
    max-height: 640px !important;
    --max-height: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-30 {
    max-height: 680px !important;
    --max-height: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-31 {
    max-height: 720px !important;
    --max-height: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-32 {
    max-height: 760px !important;
    --max-height: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-33 {
    max-height: 800px !important;
    --max-height: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-34 {
    max-height: 840px !important;
    --max-height: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-35 {
    max-height: 880px !important;
    --max-height: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-36 {
    max-height: 920px !important;
    --max-height: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-37 {
    max-height: 960px !important;
    --max-height: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-38 {
    max-height: 1000px !important;
    --max-height: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-39 {
    max-height: 1040px !important;
    --max-height: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-h-lg-40 {
    max-height: 1080px !important;
    --max-height: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-0 {
    max-height: 0px !important;
    --max-height: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-1 {
    max-height: 2px !important;
    --max-height: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-2 {
    max-height: 4px !important;
    --max-height: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-3 {
    max-height: 8px !important;
    --max-height: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-4 {
    max-height: 12px !important;
    --max-height: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-5 {
    max-height: 16px !important;
    --max-height: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-6 {
    max-height: 24px !important;
    --max-height: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-7 {
    max-height: 32px !important;
    --max-height: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-8 {
    max-height: 40px !important;
    --max-height: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-9 {
    max-height: 48px !important;
    --max-height: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-10 {
    max-height: 64px !important;
    --max-height: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-11 {
    max-height: 80px !important;
    --max-height: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-12 {
    max-height: 96px !important;
    --max-height: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-13 {
    max-height: 112px !important;
    --max-height: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-14 {
    max-height: 128px !important;
    --max-height: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-15 {
    max-height: 144px !important;
    --max-height: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-16 {
    max-height: 160px !important;
    --max-height: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-17 {
    max-height: 180px !important;
    --max-height: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-18 {
    max-height: 200px !important;
    --max-height: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-19 {
    max-height: 240px !important;
    --max-height: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-20 {
    max-height: 280px !important;
    --max-height: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-21 {
    max-height: 320px !important;
    --max-height: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-22 {
    max-height: 360px !important;
    --max-height: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-23 {
    max-height: 400px !important;
    --max-height: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-24 {
    max-height: 440px !important;
    --max-height: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-25 {
    max-height: 480px !important;
    --max-height: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-26 {
    max-height: 520px !important;
    --max-height: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-27 {
    max-height: 560px !important;
    --max-height: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-28 {
    max-height: 600px !important;
    --max-height: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-29 {
    max-height: 640px !important;
    --max-height: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-30 {
    max-height: 680px !important;
    --max-height: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-31 {
    max-height: 720px !important;
    --max-height: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-32 {
    max-height: 760px !important;
    --max-height: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-33 {
    max-height: 800px !important;
    --max-height: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-34 {
    max-height: 840px !important;
    --max-height: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-35 {
    max-height: 880px !important;
    --max-height: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-36 {
    max-height: 920px !important;
    --max-height: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-37 {
    max-height: 960px !important;
    --max-height: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-38 {
    max-height: 1000px !important;
    --max-height: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-39 {
    max-height: 1040px !important;
    --max-height: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-h-xl-40 {
    max-height: 1080px !important;
    --max-height: 1080px !important;
  }
}
.or-w-0 {
  width: 0px !important;
  --width: 0px !important;
}
.or-w-1 {
  width: 2px !important;
  --width: 2px !important;
}
.or-w-2 {
  width: 4px !important;
  --width: 4px !important;
}
.or-w-3 {
  width: 8px !important;
  --width: 8px !important;
}
.or-w-4 {
  width: 12px !important;
  --width: 12px !important;
}
.or-w-5 {
  width: 16px !important;
  --width: 16px !important;
}
.or-w-6 {
  width: 24px !important;
  --width: 24px !important;
}
.or-w-7 {
  width: 32px !important;
  --width: 32px !important;
}
.or-w-8 {
  width: 40px !important;
  --width: 40px !important;
}
.or-w-9 {
  width: 48px !important;
  --width: 48px !important;
}
.or-w-10 {
  width: 64px !important;
  --width: 64px !important;
}
.or-w-11 {
  width: 80px !important;
  --width: 80px !important;
}
.or-w-12 {
  width: 96px !important;
  --width: 96px !important;
}
.or-w-13 {
  width: 112px !important;
  --width: 112px !important;
}
.or-w-14 {
  width: 128px !important;
  --width: 128px !important;
}
.or-w-15 {
  width: 144px !important;
  --width: 144px !important;
}
.or-w-16 {
  width: 160px !important;
  --width: 160px !important;
}
.or-w-17 {
  width: 180px !important;
  --width: 180px !important;
}
.or-w-18 {
  width: 200px !important;
  --width: 200px !important;
}
.or-w-19 {
  width: 240px !important;
  --width: 240px !important;
}
.or-w-20 {
  width: 280px !important;
  --width: 280px !important;
}
.or-w-21 {
  width: 320px !important;
  --width: 320px !important;
}
.or-w-22 {
  width: 360px !important;
  --width: 360px !important;
}
.or-w-23 {
  width: 400px !important;
  --width: 400px !important;
}
.or-w-24 {
  width: 440px !important;
  --width: 440px !important;
}
.or-w-25 {
  width: 480px !important;
  --width: 480px !important;
}
.or-w-26 {
  width: 520px !important;
  --width: 520px !important;
}
.or-w-27 {
  width: 560px !important;
  --width: 560px !important;
}
.or-w-28 {
  width: 600px !important;
  --width: 600px !important;
}
.or-w-29 {
  width: 640px !important;
  --width: 640px !important;
}
.or-w-30 {
  width: 680px !important;
  --width: 680px !important;
}
.or-w-31 {
  width: 720px !important;
  --width: 720px !important;
}
.or-w-32 {
  width: 760px !important;
  --width: 760px !important;
}
.or-w-33 {
  width: 800px !important;
  --width: 800px !important;
}
.or-w-34 {
  width: 840px !important;
  --width: 840px !important;
}
.or-w-35 {
  width: 880px !important;
  --width: 880px !important;
}
.or-w-36 {
  width: 920px !important;
  --width: 920px !important;
}
.or-w-37 {
  width: 960px !important;
  --width: 960px !important;
}
.or-w-38 {
  width: 1000px !important;
  --width: 1000px !important;
}
.or-w-39 {
  width: 1040px !important;
  --width: 1040px !important;
}
.or-w-40 {
  width: 1080px !important;
  --width: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-w-sm-0 {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-1 {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-2 {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-3 {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-4 {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-5 {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-6 {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-7 {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-8 {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-9 {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-10 {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-11 {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-12 {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-13 {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-14 {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-15 {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-16 {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-17 {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-18 {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-19 {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-20 {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-21 {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-22 {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-23 {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-24 {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-25 {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-26 {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-27 {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-28 {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-29 {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-30 {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-31 {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-32 {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-33 {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-34 {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-35 {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-36 {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-37 {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-38 {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-39 {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-w-sm-40 {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-0 {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-1 {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-2 {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-3 {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-4 {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-5 {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-6 {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-7 {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-8 {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-9 {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-10 {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-11 {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-12 {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-13 {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-14 {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-15 {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-16 {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-17 {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-18 {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-19 {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-20 {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-21 {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-22 {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-23 {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-24 {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-25 {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-26 {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-27 {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-28 {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-29 {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-30 {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-31 {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-32 {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-33 {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-34 {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-35 {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-36 {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-37 {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-38 {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-39 {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-w-md-40 {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-0 {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-1 {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-2 {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-3 {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-4 {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-5 {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-6 {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-7 {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-8 {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-9 {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-10 {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-11 {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-12 {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-13 {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-14 {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-15 {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-16 {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-17 {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-18 {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-19 {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-20 {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-21 {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-22 {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-23 {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-24 {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-25 {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-26 {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-27 {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-28 {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-29 {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-30 {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-31 {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-32 {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-33 {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-34 {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-35 {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-36 {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-37 {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-38 {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-39 {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-w-lg-40 {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-0 {
    width: 0px !important;
    --width: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-1 {
    width: 2px !important;
    --width: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-2 {
    width: 4px !important;
    --width: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-3 {
    width: 8px !important;
    --width: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-4 {
    width: 12px !important;
    --width: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-5 {
    width: 16px !important;
    --width: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-6 {
    width: 24px !important;
    --width: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-7 {
    width: 32px !important;
    --width: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-8 {
    width: 40px !important;
    --width: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-9 {
    width: 48px !important;
    --width: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-10 {
    width: 64px !important;
    --width: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-11 {
    width: 80px !important;
    --width: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-12 {
    width: 96px !important;
    --width: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-13 {
    width: 112px !important;
    --width: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-14 {
    width: 128px !important;
    --width: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-15 {
    width: 144px !important;
    --width: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-16 {
    width: 160px !important;
    --width: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-17 {
    width: 180px !important;
    --width: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-18 {
    width: 200px !important;
    --width: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-19 {
    width: 240px !important;
    --width: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-20 {
    width: 280px !important;
    --width: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-21 {
    width: 320px !important;
    --width: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-22 {
    width: 360px !important;
    --width: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-23 {
    width: 400px !important;
    --width: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-24 {
    width: 440px !important;
    --width: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-25 {
    width: 480px !important;
    --width: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-26 {
    width: 520px !important;
    --width: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-27 {
    width: 560px !important;
    --width: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-28 {
    width: 600px !important;
    --width: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-29 {
    width: 640px !important;
    --width: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-30 {
    width: 680px !important;
    --width: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-31 {
    width: 720px !important;
    --width: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-32 {
    width: 760px !important;
    --width: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-33 {
    width: 800px !important;
    --width: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-34 {
    width: 840px !important;
    --width: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-35 {
    width: 880px !important;
    --width: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-36 {
    width: 920px !important;
    --width: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-37 {
    width: 960px !important;
    --width: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-38 {
    width: 1000px !important;
    --width: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-39 {
    width: 1040px !important;
    --width: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-w-xl-40 {
    width: 1080px !important;
    --width: 1080px !important;
  }
}
.or-min-w-0 {
  min-width: 0px !important;
  --min-width: 0px !important;
}
.or-min-w-1 {
  min-width: 2px !important;
  --min-width: 2px !important;
}
.or-min-w-2 {
  min-width: 4px !important;
  --min-width: 4px !important;
}
.or-min-w-3 {
  min-width: 8px !important;
  --min-width: 8px !important;
}
.or-min-w-4 {
  min-width: 12px !important;
  --min-width: 12px !important;
}
.or-min-w-5 {
  min-width: 16px !important;
  --min-width: 16px !important;
}
.or-min-w-6 {
  min-width: 24px !important;
  --min-width: 24px !important;
}
.or-min-w-7 {
  min-width: 32px !important;
  --min-width: 32px !important;
}
.or-min-w-8 {
  min-width: 40px !important;
  --min-width: 40px !important;
}
.or-min-w-9 {
  min-width: 48px !important;
  --min-width: 48px !important;
}
.or-min-w-10 {
  min-width: 64px !important;
  --min-width: 64px !important;
}
.or-min-w-11 {
  min-width: 80px !important;
  --min-width: 80px !important;
}
.or-min-w-12 {
  min-width: 96px !important;
  --min-width: 96px !important;
}
.or-min-w-13 {
  min-width: 112px !important;
  --min-width: 112px !important;
}
.or-min-w-14 {
  min-width: 128px !important;
  --min-width: 128px !important;
}
.or-min-w-15 {
  min-width: 144px !important;
  --min-width: 144px !important;
}
.or-min-w-16 {
  min-width: 160px !important;
  --min-width: 160px !important;
}
.or-min-w-17 {
  min-width: 180px !important;
  --min-width: 180px !important;
}
.or-min-w-18 {
  min-width: 200px !important;
  --min-width: 200px !important;
}
.or-min-w-19 {
  min-width: 240px !important;
  --min-width: 240px !important;
}
.or-min-w-20 {
  min-width: 280px !important;
  --min-width: 280px !important;
}
.or-min-w-21 {
  min-width: 320px !important;
  --min-width: 320px !important;
}
.or-min-w-22 {
  min-width: 360px !important;
  --min-width: 360px !important;
}
.or-min-w-23 {
  min-width: 400px !important;
  --min-width: 400px !important;
}
.or-min-w-24 {
  min-width: 440px !important;
  --min-width: 440px !important;
}
.or-min-w-25 {
  min-width: 480px !important;
  --min-width: 480px !important;
}
.or-min-w-26 {
  min-width: 520px !important;
  --min-width: 520px !important;
}
.or-min-w-27 {
  min-width: 560px !important;
  --min-width: 560px !important;
}
.or-min-w-28 {
  min-width: 600px !important;
  --min-width: 600px !important;
}
.or-min-w-29 {
  min-width: 640px !important;
  --min-width: 640px !important;
}
.or-min-w-30 {
  min-width: 680px !important;
  --min-width: 680px !important;
}
.or-min-w-31 {
  min-width: 720px !important;
  --min-width: 720px !important;
}
.or-min-w-32 {
  min-width: 760px !important;
  --min-width: 760px !important;
}
.or-min-w-33 {
  min-width: 800px !important;
  --min-width: 800px !important;
}
.or-min-w-34 {
  min-width: 840px !important;
  --min-width: 840px !important;
}
.or-min-w-35 {
  min-width: 880px !important;
  --min-width: 880px !important;
}
.or-min-w-36 {
  min-width: 920px !important;
  --min-width: 920px !important;
}
.or-min-w-37 {
  min-width: 960px !important;
  --min-width: 960px !important;
}
.or-min-w-38 {
  min-width: 1000px !important;
  --min-width: 1000px !important;
}
.or-min-w-39 {
  min-width: 1040px !important;
  --min-width: 1040px !important;
}
.or-min-w-40 {
  min-width: 1080px !important;
  --min-width: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-0 {
    min-width: 0px !important;
    --min-width: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-1 {
    min-width: 2px !important;
    --min-width: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-2 {
    min-width: 4px !important;
    --min-width: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-3 {
    min-width: 8px !important;
    --min-width: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-4 {
    min-width: 12px !important;
    --min-width: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-5 {
    min-width: 16px !important;
    --min-width: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-6 {
    min-width: 24px !important;
    --min-width: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-7 {
    min-width: 32px !important;
    --min-width: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-8 {
    min-width: 40px !important;
    --min-width: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-9 {
    min-width: 48px !important;
    --min-width: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-10 {
    min-width: 64px !important;
    --min-width: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-11 {
    min-width: 80px !important;
    --min-width: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-12 {
    min-width: 96px !important;
    --min-width: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-13 {
    min-width: 112px !important;
    --min-width: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-14 {
    min-width: 128px !important;
    --min-width: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-15 {
    min-width: 144px !important;
    --min-width: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-16 {
    min-width: 160px !important;
    --min-width: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-17 {
    min-width: 180px !important;
    --min-width: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-18 {
    min-width: 200px !important;
    --min-width: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-19 {
    min-width: 240px !important;
    --min-width: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-20 {
    min-width: 280px !important;
    --min-width: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-21 {
    min-width: 320px !important;
    --min-width: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-22 {
    min-width: 360px !important;
    --min-width: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-23 {
    min-width: 400px !important;
    --min-width: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-24 {
    min-width: 440px !important;
    --min-width: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-25 {
    min-width: 480px !important;
    --min-width: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-26 {
    min-width: 520px !important;
    --min-width: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-27 {
    min-width: 560px !important;
    --min-width: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-28 {
    min-width: 600px !important;
    --min-width: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-29 {
    min-width: 640px !important;
    --min-width: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-30 {
    min-width: 680px !important;
    --min-width: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-31 {
    min-width: 720px !important;
    --min-width: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-32 {
    min-width: 760px !important;
    --min-width: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-33 {
    min-width: 800px !important;
    --min-width: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-34 {
    min-width: 840px !important;
    --min-width: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-35 {
    min-width: 880px !important;
    --min-width: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-36 {
    min-width: 920px !important;
    --min-width: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-37 {
    min-width: 960px !important;
    --min-width: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-38 {
    min-width: 1000px !important;
    --min-width: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-39 {
    min-width: 1040px !important;
    --min-width: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-min-w-sm-40 {
    min-width: 1080px !important;
    --min-width: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-0 {
    min-width: 0px !important;
    --min-width: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-1 {
    min-width: 2px !important;
    --min-width: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-2 {
    min-width: 4px !important;
    --min-width: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-3 {
    min-width: 8px !important;
    --min-width: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-4 {
    min-width: 12px !important;
    --min-width: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-5 {
    min-width: 16px !important;
    --min-width: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-6 {
    min-width: 24px !important;
    --min-width: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-7 {
    min-width: 32px !important;
    --min-width: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-8 {
    min-width: 40px !important;
    --min-width: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-9 {
    min-width: 48px !important;
    --min-width: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-10 {
    min-width: 64px !important;
    --min-width: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-11 {
    min-width: 80px !important;
    --min-width: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-12 {
    min-width: 96px !important;
    --min-width: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-13 {
    min-width: 112px !important;
    --min-width: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-14 {
    min-width: 128px !important;
    --min-width: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-15 {
    min-width: 144px !important;
    --min-width: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-16 {
    min-width: 160px !important;
    --min-width: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-17 {
    min-width: 180px !important;
    --min-width: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-18 {
    min-width: 200px !important;
    --min-width: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-19 {
    min-width: 240px !important;
    --min-width: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-20 {
    min-width: 280px !important;
    --min-width: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-21 {
    min-width: 320px !important;
    --min-width: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-22 {
    min-width: 360px !important;
    --min-width: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-23 {
    min-width: 400px !important;
    --min-width: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-24 {
    min-width: 440px !important;
    --min-width: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-25 {
    min-width: 480px !important;
    --min-width: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-26 {
    min-width: 520px !important;
    --min-width: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-27 {
    min-width: 560px !important;
    --min-width: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-28 {
    min-width: 600px !important;
    --min-width: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-29 {
    min-width: 640px !important;
    --min-width: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-30 {
    min-width: 680px !important;
    --min-width: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-31 {
    min-width: 720px !important;
    --min-width: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-32 {
    min-width: 760px !important;
    --min-width: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-33 {
    min-width: 800px !important;
    --min-width: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-34 {
    min-width: 840px !important;
    --min-width: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-35 {
    min-width: 880px !important;
    --min-width: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-36 {
    min-width: 920px !important;
    --min-width: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-37 {
    min-width: 960px !important;
    --min-width: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-38 {
    min-width: 1000px !important;
    --min-width: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-39 {
    min-width: 1040px !important;
    --min-width: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-min-w-md-40 {
    min-width: 1080px !important;
    --min-width: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-0 {
    min-width: 0px !important;
    --min-width: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-1 {
    min-width: 2px !important;
    --min-width: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-2 {
    min-width: 4px !important;
    --min-width: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-3 {
    min-width: 8px !important;
    --min-width: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-4 {
    min-width: 12px !important;
    --min-width: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-5 {
    min-width: 16px !important;
    --min-width: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-6 {
    min-width: 24px !important;
    --min-width: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-7 {
    min-width: 32px !important;
    --min-width: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-8 {
    min-width: 40px !important;
    --min-width: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-9 {
    min-width: 48px !important;
    --min-width: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-10 {
    min-width: 64px !important;
    --min-width: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-11 {
    min-width: 80px !important;
    --min-width: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-12 {
    min-width: 96px !important;
    --min-width: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-13 {
    min-width: 112px !important;
    --min-width: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-14 {
    min-width: 128px !important;
    --min-width: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-15 {
    min-width: 144px !important;
    --min-width: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-16 {
    min-width: 160px !important;
    --min-width: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-17 {
    min-width: 180px !important;
    --min-width: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-18 {
    min-width: 200px !important;
    --min-width: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-19 {
    min-width: 240px !important;
    --min-width: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-20 {
    min-width: 280px !important;
    --min-width: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-21 {
    min-width: 320px !important;
    --min-width: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-22 {
    min-width: 360px !important;
    --min-width: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-23 {
    min-width: 400px !important;
    --min-width: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-24 {
    min-width: 440px !important;
    --min-width: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-25 {
    min-width: 480px !important;
    --min-width: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-26 {
    min-width: 520px !important;
    --min-width: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-27 {
    min-width: 560px !important;
    --min-width: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-28 {
    min-width: 600px !important;
    --min-width: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-29 {
    min-width: 640px !important;
    --min-width: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-30 {
    min-width: 680px !important;
    --min-width: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-31 {
    min-width: 720px !important;
    --min-width: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-32 {
    min-width: 760px !important;
    --min-width: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-33 {
    min-width: 800px !important;
    --min-width: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-34 {
    min-width: 840px !important;
    --min-width: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-35 {
    min-width: 880px !important;
    --min-width: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-36 {
    min-width: 920px !important;
    --min-width: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-37 {
    min-width: 960px !important;
    --min-width: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-38 {
    min-width: 1000px !important;
    --min-width: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-39 {
    min-width: 1040px !important;
    --min-width: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-min-w-lg-40 {
    min-width: 1080px !important;
    --min-width: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-0 {
    min-width: 0px !important;
    --min-width: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-1 {
    min-width: 2px !important;
    --min-width: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-2 {
    min-width: 4px !important;
    --min-width: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-3 {
    min-width: 8px !important;
    --min-width: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-4 {
    min-width: 12px !important;
    --min-width: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-5 {
    min-width: 16px !important;
    --min-width: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-6 {
    min-width: 24px !important;
    --min-width: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-7 {
    min-width: 32px !important;
    --min-width: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-8 {
    min-width: 40px !important;
    --min-width: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-9 {
    min-width: 48px !important;
    --min-width: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-10 {
    min-width: 64px !important;
    --min-width: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-11 {
    min-width: 80px !important;
    --min-width: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-12 {
    min-width: 96px !important;
    --min-width: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-13 {
    min-width: 112px !important;
    --min-width: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-14 {
    min-width: 128px !important;
    --min-width: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-15 {
    min-width: 144px !important;
    --min-width: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-16 {
    min-width: 160px !important;
    --min-width: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-17 {
    min-width: 180px !important;
    --min-width: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-18 {
    min-width: 200px !important;
    --min-width: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-19 {
    min-width: 240px !important;
    --min-width: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-20 {
    min-width: 280px !important;
    --min-width: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-21 {
    min-width: 320px !important;
    --min-width: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-22 {
    min-width: 360px !important;
    --min-width: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-23 {
    min-width: 400px !important;
    --min-width: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-24 {
    min-width: 440px !important;
    --min-width: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-25 {
    min-width: 480px !important;
    --min-width: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-26 {
    min-width: 520px !important;
    --min-width: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-27 {
    min-width: 560px !important;
    --min-width: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-28 {
    min-width: 600px !important;
    --min-width: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-29 {
    min-width: 640px !important;
    --min-width: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-30 {
    min-width: 680px !important;
    --min-width: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-31 {
    min-width: 720px !important;
    --min-width: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-32 {
    min-width: 760px !important;
    --min-width: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-33 {
    min-width: 800px !important;
    --min-width: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-34 {
    min-width: 840px !important;
    --min-width: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-35 {
    min-width: 880px !important;
    --min-width: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-36 {
    min-width: 920px !important;
    --min-width: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-37 {
    min-width: 960px !important;
    --min-width: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-38 {
    min-width: 1000px !important;
    --min-width: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-39 {
    min-width: 1040px !important;
    --min-width: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-min-w-xl-40 {
    min-width: 1080px !important;
    --min-width: 1080px !important;
  }
}
.or-max-w-0 {
  max-width: 0px !important;
  --max-width: 0px !important;
}
.or-max-w-1 {
  max-width: 2px !important;
  --max-width: 2px !important;
}
.or-max-w-2 {
  max-width: 4px !important;
  --max-width: 4px !important;
}
.or-max-w-3 {
  max-width: 8px !important;
  --max-width: 8px !important;
}
.or-max-w-4 {
  max-width: 12px !important;
  --max-width: 12px !important;
}
.or-max-w-5 {
  max-width: 16px !important;
  --max-width: 16px !important;
}
.or-max-w-6 {
  max-width: 24px !important;
  --max-width: 24px !important;
}
.or-max-w-7 {
  max-width: 32px !important;
  --max-width: 32px !important;
}
.or-max-w-8 {
  max-width: 40px !important;
  --max-width: 40px !important;
}
.or-max-w-9 {
  max-width: 48px !important;
  --max-width: 48px !important;
}
.or-max-w-10 {
  max-width: 64px !important;
  --max-width: 64px !important;
}
.or-max-w-11 {
  max-width: 80px !important;
  --max-width: 80px !important;
}
.or-max-w-12 {
  max-width: 96px !important;
  --max-width: 96px !important;
}
.or-max-w-13 {
  max-width: 112px !important;
  --max-width: 112px !important;
}
.or-max-w-14 {
  max-width: 128px !important;
  --max-width: 128px !important;
}
.or-max-w-15 {
  max-width: 144px !important;
  --max-width: 144px !important;
}
.or-max-w-16 {
  max-width: 160px !important;
  --max-width: 160px !important;
}
.or-max-w-17 {
  max-width: 180px !important;
  --max-width: 180px !important;
}
.or-max-w-18 {
  max-width: 200px !important;
  --max-width: 200px !important;
}
.or-max-w-19 {
  max-width: 240px !important;
  --max-width: 240px !important;
}
.or-max-w-20 {
  max-width: 280px !important;
  --max-width: 280px !important;
}
.or-max-w-21 {
  max-width: 320px !important;
  --max-width: 320px !important;
}
.or-max-w-22 {
  max-width: 360px !important;
  --max-width: 360px !important;
}
.or-max-w-23 {
  max-width: 400px !important;
  --max-width: 400px !important;
}
.or-max-w-24 {
  max-width: 440px !important;
  --max-width: 440px !important;
}
.or-max-w-25 {
  max-width: 480px !important;
  --max-width: 480px !important;
}
.or-max-w-26 {
  max-width: 520px !important;
  --max-width: 520px !important;
}
.or-max-w-27 {
  max-width: 560px !important;
  --max-width: 560px !important;
}
.or-max-w-28 {
  max-width: 600px !important;
  --max-width: 600px !important;
}
.or-max-w-29 {
  max-width: 640px !important;
  --max-width: 640px !important;
}
.or-max-w-30 {
  max-width: 680px !important;
  --max-width: 680px !important;
}
.or-max-w-31 {
  max-width: 720px !important;
  --max-width: 720px !important;
}
.or-max-w-32 {
  max-width: 760px !important;
  --max-width: 760px !important;
}
.or-max-w-33 {
  max-width: 800px !important;
  --max-width: 800px !important;
}
.or-max-w-34 {
  max-width: 840px !important;
  --max-width: 840px !important;
}
.or-max-w-35 {
  max-width: 880px !important;
  --max-width: 880px !important;
}
.or-max-w-36 {
  max-width: 920px !important;
  --max-width: 920px !important;
}
.or-max-w-37 {
  max-width: 960px !important;
  --max-width: 960px !important;
}
.or-max-w-38 {
  max-width: 1000px !important;
  --max-width: 1000px !important;
}
.or-max-w-39 {
  max-width: 1040px !important;
  --max-width: 1040px !important;
}
.or-max-w-40 {
  max-width: 1080px !important;
  --max-width: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-0 {
    max-width: 0px !important;
    --max-width: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-1 {
    max-width: 2px !important;
    --max-width: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-2 {
    max-width: 4px !important;
    --max-width: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-3 {
    max-width: 8px !important;
    --max-width: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-4 {
    max-width: 12px !important;
    --max-width: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-5 {
    max-width: 16px !important;
    --max-width: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-6 {
    max-width: 24px !important;
    --max-width: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-7 {
    max-width: 32px !important;
    --max-width: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-8 {
    max-width: 40px !important;
    --max-width: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-9 {
    max-width: 48px !important;
    --max-width: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-10 {
    max-width: 64px !important;
    --max-width: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-11 {
    max-width: 80px !important;
    --max-width: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-12 {
    max-width: 96px !important;
    --max-width: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-13 {
    max-width: 112px !important;
    --max-width: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-14 {
    max-width: 128px !important;
    --max-width: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-15 {
    max-width: 144px !important;
    --max-width: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-16 {
    max-width: 160px !important;
    --max-width: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-17 {
    max-width: 180px !important;
    --max-width: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-18 {
    max-width: 200px !important;
    --max-width: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-19 {
    max-width: 240px !important;
    --max-width: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-20 {
    max-width: 280px !important;
    --max-width: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-21 {
    max-width: 320px !important;
    --max-width: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-22 {
    max-width: 360px !important;
    --max-width: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-23 {
    max-width: 400px !important;
    --max-width: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-24 {
    max-width: 440px !important;
    --max-width: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-25 {
    max-width: 480px !important;
    --max-width: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-26 {
    max-width: 520px !important;
    --max-width: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-27 {
    max-width: 560px !important;
    --max-width: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-28 {
    max-width: 600px !important;
    --max-width: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-29 {
    max-width: 640px !important;
    --max-width: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-30 {
    max-width: 680px !important;
    --max-width: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-31 {
    max-width: 720px !important;
    --max-width: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-32 {
    max-width: 760px !important;
    --max-width: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-33 {
    max-width: 800px !important;
    --max-width: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-34 {
    max-width: 840px !important;
    --max-width: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-35 {
    max-width: 880px !important;
    --max-width: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-36 {
    max-width: 920px !important;
    --max-width: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-37 {
    max-width: 960px !important;
    --max-width: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-38 {
    max-width: 1000px !important;
    --max-width: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-39 {
    max-width: 1040px !important;
    --max-width: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-max-w-sm-40 {
    max-width: 1080px !important;
    --max-width: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-0 {
    max-width: 0px !important;
    --max-width: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-1 {
    max-width: 2px !important;
    --max-width: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-2 {
    max-width: 4px !important;
    --max-width: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-3 {
    max-width: 8px !important;
    --max-width: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-4 {
    max-width: 12px !important;
    --max-width: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-5 {
    max-width: 16px !important;
    --max-width: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-6 {
    max-width: 24px !important;
    --max-width: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-7 {
    max-width: 32px !important;
    --max-width: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-8 {
    max-width: 40px !important;
    --max-width: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-9 {
    max-width: 48px !important;
    --max-width: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-10 {
    max-width: 64px !important;
    --max-width: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-11 {
    max-width: 80px !important;
    --max-width: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-12 {
    max-width: 96px !important;
    --max-width: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-13 {
    max-width: 112px !important;
    --max-width: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-14 {
    max-width: 128px !important;
    --max-width: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-15 {
    max-width: 144px !important;
    --max-width: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-16 {
    max-width: 160px !important;
    --max-width: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-17 {
    max-width: 180px !important;
    --max-width: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-18 {
    max-width: 200px !important;
    --max-width: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-19 {
    max-width: 240px !important;
    --max-width: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-20 {
    max-width: 280px !important;
    --max-width: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-21 {
    max-width: 320px !important;
    --max-width: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-22 {
    max-width: 360px !important;
    --max-width: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-23 {
    max-width: 400px !important;
    --max-width: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-24 {
    max-width: 440px !important;
    --max-width: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-25 {
    max-width: 480px !important;
    --max-width: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-26 {
    max-width: 520px !important;
    --max-width: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-27 {
    max-width: 560px !important;
    --max-width: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-28 {
    max-width: 600px !important;
    --max-width: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-29 {
    max-width: 640px !important;
    --max-width: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-30 {
    max-width: 680px !important;
    --max-width: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-31 {
    max-width: 720px !important;
    --max-width: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-32 {
    max-width: 760px !important;
    --max-width: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-33 {
    max-width: 800px !important;
    --max-width: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-34 {
    max-width: 840px !important;
    --max-width: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-35 {
    max-width: 880px !important;
    --max-width: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-36 {
    max-width: 920px !important;
    --max-width: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-37 {
    max-width: 960px !important;
    --max-width: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-38 {
    max-width: 1000px !important;
    --max-width: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-39 {
    max-width: 1040px !important;
    --max-width: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-max-w-md-40 {
    max-width: 1080px !important;
    --max-width: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-0 {
    max-width: 0px !important;
    --max-width: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-1 {
    max-width: 2px !important;
    --max-width: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-2 {
    max-width: 4px !important;
    --max-width: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-3 {
    max-width: 8px !important;
    --max-width: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-4 {
    max-width: 12px !important;
    --max-width: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-5 {
    max-width: 16px !important;
    --max-width: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-6 {
    max-width: 24px !important;
    --max-width: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-7 {
    max-width: 32px !important;
    --max-width: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-8 {
    max-width: 40px !important;
    --max-width: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-9 {
    max-width: 48px !important;
    --max-width: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-10 {
    max-width: 64px !important;
    --max-width: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-11 {
    max-width: 80px !important;
    --max-width: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-12 {
    max-width: 96px !important;
    --max-width: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-13 {
    max-width: 112px !important;
    --max-width: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-14 {
    max-width: 128px !important;
    --max-width: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-15 {
    max-width: 144px !important;
    --max-width: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-16 {
    max-width: 160px !important;
    --max-width: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-17 {
    max-width: 180px !important;
    --max-width: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-18 {
    max-width: 200px !important;
    --max-width: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-19 {
    max-width: 240px !important;
    --max-width: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-20 {
    max-width: 280px !important;
    --max-width: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-21 {
    max-width: 320px !important;
    --max-width: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-22 {
    max-width: 360px !important;
    --max-width: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-23 {
    max-width: 400px !important;
    --max-width: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-24 {
    max-width: 440px !important;
    --max-width: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-25 {
    max-width: 480px !important;
    --max-width: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-26 {
    max-width: 520px !important;
    --max-width: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-27 {
    max-width: 560px !important;
    --max-width: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-28 {
    max-width: 600px !important;
    --max-width: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-29 {
    max-width: 640px !important;
    --max-width: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-30 {
    max-width: 680px !important;
    --max-width: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-31 {
    max-width: 720px !important;
    --max-width: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-32 {
    max-width: 760px !important;
    --max-width: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-33 {
    max-width: 800px !important;
    --max-width: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-34 {
    max-width: 840px !important;
    --max-width: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-35 {
    max-width: 880px !important;
    --max-width: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-36 {
    max-width: 920px !important;
    --max-width: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-37 {
    max-width: 960px !important;
    --max-width: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-38 {
    max-width: 1000px !important;
    --max-width: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-39 {
    max-width: 1040px !important;
    --max-width: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-max-w-lg-40 {
    max-width: 1080px !important;
    --max-width: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-0 {
    max-width: 0px !important;
    --max-width: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-1 {
    max-width: 2px !important;
    --max-width: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-2 {
    max-width: 4px !important;
    --max-width: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-3 {
    max-width: 8px !important;
    --max-width: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-4 {
    max-width: 12px !important;
    --max-width: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-5 {
    max-width: 16px !important;
    --max-width: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-6 {
    max-width: 24px !important;
    --max-width: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-7 {
    max-width: 32px !important;
    --max-width: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-8 {
    max-width: 40px !important;
    --max-width: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-9 {
    max-width: 48px !important;
    --max-width: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-10 {
    max-width: 64px !important;
    --max-width: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-11 {
    max-width: 80px !important;
    --max-width: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-12 {
    max-width: 96px !important;
    --max-width: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-13 {
    max-width: 112px !important;
    --max-width: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-14 {
    max-width: 128px !important;
    --max-width: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-15 {
    max-width: 144px !important;
    --max-width: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-16 {
    max-width: 160px !important;
    --max-width: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-17 {
    max-width: 180px !important;
    --max-width: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-18 {
    max-width: 200px !important;
    --max-width: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-19 {
    max-width: 240px !important;
    --max-width: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-20 {
    max-width: 280px !important;
    --max-width: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-21 {
    max-width: 320px !important;
    --max-width: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-22 {
    max-width: 360px !important;
    --max-width: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-23 {
    max-width: 400px !important;
    --max-width: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-24 {
    max-width: 440px !important;
    --max-width: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-25 {
    max-width: 480px !important;
    --max-width: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-26 {
    max-width: 520px !important;
    --max-width: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-27 {
    max-width: 560px !important;
    --max-width: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-28 {
    max-width: 600px !important;
    --max-width: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-29 {
    max-width: 640px !important;
    --max-width: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-30 {
    max-width: 680px !important;
    --max-width: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-31 {
    max-width: 720px !important;
    --max-width: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-32 {
    max-width: 760px !important;
    --max-width: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-33 {
    max-width: 800px !important;
    --max-width: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-34 {
    max-width: 840px !important;
    --max-width: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-35 {
    max-width: 880px !important;
    --max-width: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-36 {
    max-width: 920px !important;
    --max-width: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-37 {
    max-width: 960px !important;
    --max-width: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-38 {
    max-width: 1000px !important;
    --max-width: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-39 {
    max-width: 1040px !important;
    --max-width: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-max-w-xl-40 {
    max-width: 1080px !important;
    --max-width: 1080px !important;
  }
}
.or-size-0 {
  width: 0px !important;
  --width: 0px !important;
  height: 0px !important;
  --height: 0px !important;
}
.or-size-1 {
  width: 2px !important;
  --width: 2px !important;
  height: 2px !important;
  --height: 2px !important;
}
.or-size-2 {
  width: 4px !important;
  --width: 4px !important;
  height: 4px !important;
  --height: 4px !important;
}
.or-size-3 {
  width: 8px !important;
  --width: 8px !important;
  height: 8px !important;
  --height: 8px !important;
}
.or-size-4 {
  width: 12px !important;
  --width: 12px !important;
  height: 12px !important;
  --height: 12px !important;
}
.or-size-5 {
  width: 16px !important;
  --width: 16px !important;
  height: 16px !important;
  --height: 16px !important;
}
.or-size-6 {
  width: 24px !important;
  --width: 24px !important;
  height: 24px !important;
  --height: 24px !important;
}
.or-size-7 {
  width: 32px !important;
  --width: 32px !important;
  height: 32px !important;
  --height: 32px !important;
}
.or-size-8 {
  width: 40px !important;
  --width: 40px !important;
  height: 40px !important;
  --height: 40px !important;
}
.or-size-9 {
  width: 48px !important;
  --width: 48px !important;
  height: 48px !important;
  --height: 48px !important;
}
.or-size-10 {
  width: 64px !important;
  --width: 64px !important;
  height: 64px !important;
  --height: 64px !important;
}
.or-size-11 {
  width: 80px !important;
  --width: 80px !important;
  height: 80px !important;
  --height: 80px !important;
}
.or-size-12 {
  width: 96px !important;
  --width: 96px !important;
  height: 96px !important;
  --height: 96px !important;
}
.or-size-13 {
  width: 112px !important;
  --width: 112px !important;
  height: 112px !important;
  --height: 112px !important;
}
.or-size-14 {
  width: 128px !important;
  --width: 128px !important;
  height: 128px !important;
  --height: 128px !important;
}
.or-size-15 {
  width: 144px !important;
  --width: 144px !important;
  height: 144px !important;
  --height: 144px !important;
}
.or-size-16 {
  width: 160px !important;
  --width: 160px !important;
  height: 160px !important;
  --height: 160px !important;
}
.or-size-17 {
  width: 180px !important;
  --width: 180px !important;
  height: 180px !important;
  --height: 180px !important;
}
.or-size-18 {
  width: 200px !important;
  --width: 200px !important;
  height: 200px !important;
  --height: 200px !important;
}
.or-size-19 {
  width: 240px !important;
  --width: 240px !important;
  height: 240px !important;
  --height: 240px !important;
}
.or-size-20 {
  width: 280px !important;
  --width: 280px !important;
  height: 280px !important;
  --height: 280px !important;
}
.or-size-21 {
  width: 320px !important;
  --width: 320px !important;
  height: 320px !important;
  --height: 320px !important;
}
.or-size-22 {
  width: 360px !important;
  --width: 360px !important;
  height: 360px !important;
  --height: 360px !important;
}
.or-size-23 {
  width: 400px !important;
  --width: 400px !important;
  height: 400px !important;
  --height: 400px !important;
}
.or-size-24 {
  width: 440px !important;
  --width: 440px !important;
  height: 440px !important;
  --height: 440px !important;
}
.or-size-25 {
  width: 480px !important;
  --width: 480px !important;
  height: 480px !important;
  --height: 480px !important;
}
.or-size-26 {
  width: 520px !important;
  --width: 520px !important;
  height: 520px !important;
  --height: 520px !important;
}
.or-size-27 {
  width: 560px !important;
  --width: 560px !important;
  height: 560px !important;
  --height: 560px !important;
}
.or-size-28 {
  width: 600px !important;
  --width: 600px !important;
  height: 600px !important;
  --height: 600px !important;
}
.or-size-29 {
  width: 640px !important;
  --width: 640px !important;
  height: 640px !important;
  --height: 640px !important;
}
.or-size-30 {
  width: 680px !important;
  --width: 680px !important;
  height: 680px !important;
  --height: 680px !important;
}
.or-size-31 {
  width: 720px !important;
  --width: 720px !important;
  height: 720px !important;
  --height: 720px !important;
}
.or-size-32 {
  width: 760px !important;
  --width: 760px !important;
  height: 760px !important;
  --height: 760px !important;
}
.or-size-33 {
  width: 800px !important;
  --width: 800px !important;
  height: 800px !important;
  --height: 800px !important;
}
.or-size-34 {
  width: 840px !important;
  --width: 840px !important;
  height: 840px !important;
  --height: 840px !important;
}
.or-size-35 {
  width: 880px !important;
  --width: 880px !important;
  height: 880px !important;
  --height: 880px !important;
}
.or-size-36 {
  width: 920px !important;
  --width: 920px !important;
  height: 920px !important;
  --height: 920px !important;
}
.or-size-37 {
  width: 960px !important;
  --width: 960px !important;
  height: 960px !important;
  --height: 960px !important;
}
.or-size-38 {
  width: 1000px !important;
  --width: 1000px !important;
  height: 1000px !important;
  --height: 1000px !important;
}
.or-size-39 {
  width: 1040px !important;
  --width: 1040px !important;
  height: 1040px !important;
  --height: 1040px !important;
}
.or-size-40 {
  width: 1080px !important;
  --width: 1080px !important;
  height: 1080px !important;
  --height: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-size-sm-0 {
    width: 0px !important;
    --width: 0px !important;
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-1 {
    width: 2px !important;
    --width: 2px !important;
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-2 {
    width: 4px !important;
    --width: 4px !important;
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-3 {
    width: 8px !important;
    --width: 8px !important;
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-4 {
    width: 12px !important;
    --width: 12px !important;
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-5 {
    width: 16px !important;
    --width: 16px !important;
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-6 {
    width: 24px !important;
    --width: 24px !important;
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-7 {
    width: 32px !important;
    --width: 32px !important;
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-8 {
    width: 40px !important;
    --width: 40px !important;
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-9 {
    width: 48px !important;
    --width: 48px !important;
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-10 {
    width: 64px !important;
    --width: 64px !important;
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-11 {
    width: 80px !important;
    --width: 80px !important;
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-12 {
    width: 96px !important;
    --width: 96px !important;
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-13 {
    width: 112px !important;
    --width: 112px !important;
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-14 {
    width: 128px !important;
    --width: 128px !important;
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-15 {
    width: 144px !important;
    --width: 144px !important;
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-16 {
    width: 160px !important;
    --width: 160px !important;
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-17 {
    width: 180px !important;
    --width: 180px !important;
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-18 {
    width: 200px !important;
    --width: 200px !important;
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-19 {
    width: 240px !important;
    --width: 240px !important;
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-20 {
    width: 280px !important;
    --width: 280px !important;
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-21 {
    width: 320px !important;
    --width: 320px !important;
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-22 {
    width: 360px !important;
    --width: 360px !important;
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-23 {
    width: 400px !important;
    --width: 400px !important;
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-24 {
    width: 440px !important;
    --width: 440px !important;
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-25 {
    width: 480px !important;
    --width: 480px !important;
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-26 {
    width: 520px !important;
    --width: 520px !important;
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-27 {
    width: 560px !important;
    --width: 560px !important;
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-28 {
    width: 600px !important;
    --width: 600px !important;
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-29 {
    width: 640px !important;
    --width: 640px !important;
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-30 {
    width: 680px !important;
    --width: 680px !important;
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-31 {
    width: 720px !important;
    --width: 720px !important;
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-32 {
    width: 760px !important;
    --width: 760px !important;
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-33 {
    width: 800px !important;
    --width: 800px !important;
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-34 {
    width: 840px !important;
    --width: 840px !important;
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-35 {
    width: 880px !important;
    --width: 880px !important;
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-36 {
    width: 920px !important;
    --width: 920px !important;
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-37 {
    width: 960px !important;
    --width: 960px !important;
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-38 {
    width: 1000px !important;
    --width: 1000px !important;
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-39 {
    width: 1040px !important;
    --width: 1040px !important;
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-size-sm-40 {
    width: 1080px !important;
    --width: 1080px !important;
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-0 {
    width: 0px !important;
    --width: 0px !important;
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-1 {
    width: 2px !important;
    --width: 2px !important;
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-2 {
    width: 4px !important;
    --width: 4px !important;
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-3 {
    width: 8px !important;
    --width: 8px !important;
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-4 {
    width: 12px !important;
    --width: 12px !important;
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-5 {
    width: 16px !important;
    --width: 16px !important;
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-6 {
    width: 24px !important;
    --width: 24px !important;
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-7 {
    width: 32px !important;
    --width: 32px !important;
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-8 {
    width: 40px !important;
    --width: 40px !important;
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-9 {
    width: 48px !important;
    --width: 48px !important;
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-10 {
    width: 64px !important;
    --width: 64px !important;
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-11 {
    width: 80px !important;
    --width: 80px !important;
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-12 {
    width: 96px !important;
    --width: 96px !important;
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-13 {
    width: 112px !important;
    --width: 112px !important;
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-14 {
    width: 128px !important;
    --width: 128px !important;
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-15 {
    width: 144px !important;
    --width: 144px !important;
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-16 {
    width: 160px !important;
    --width: 160px !important;
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-17 {
    width: 180px !important;
    --width: 180px !important;
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-18 {
    width: 200px !important;
    --width: 200px !important;
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-19 {
    width: 240px !important;
    --width: 240px !important;
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-20 {
    width: 280px !important;
    --width: 280px !important;
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-21 {
    width: 320px !important;
    --width: 320px !important;
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-22 {
    width: 360px !important;
    --width: 360px !important;
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-23 {
    width: 400px !important;
    --width: 400px !important;
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-24 {
    width: 440px !important;
    --width: 440px !important;
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-25 {
    width: 480px !important;
    --width: 480px !important;
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-26 {
    width: 520px !important;
    --width: 520px !important;
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-27 {
    width: 560px !important;
    --width: 560px !important;
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-28 {
    width: 600px !important;
    --width: 600px !important;
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-29 {
    width: 640px !important;
    --width: 640px !important;
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-30 {
    width: 680px !important;
    --width: 680px !important;
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-31 {
    width: 720px !important;
    --width: 720px !important;
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-32 {
    width: 760px !important;
    --width: 760px !important;
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-33 {
    width: 800px !important;
    --width: 800px !important;
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-34 {
    width: 840px !important;
    --width: 840px !important;
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-35 {
    width: 880px !important;
    --width: 880px !important;
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-36 {
    width: 920px !important;
    --width: 920px !important;
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-37 {
    width: 960px !important;
    --width: 960px !important;
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-38 {
    width: 1000px !important;
    --width: 1000px !important;
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-39 {
    width: 1040px !important;
    --width: 1040px !important;
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-size-md-40 {
    width: 1080px !important;
    --width: 1080px !important;
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-0 {
    width: 0px !important;
    --width: 0px !important;
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-1 {
    width: 2px !important;
    --width: 2px !important;
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-2 {
    width: 4px !important;
    --width: 4px !important;
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-3 {
    width: 8px !important;
    --width: 8px !important;
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-4 {
    width: 12px !important;
    --width: 12px !important;
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-5 {
    width: 16px !important;
    --width: 16px !important;
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-6 {
    width: 24px !important;
    --width: 24px !important;
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-7 {
    width: 32px !important;
    --width: 32px !important;
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-8 {
    width: 40px !important;
    --width: 40px !important;
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-9 {
    width: 48px !important;
    --width: 48px !important;
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-10 {
    width: 64px !important;
    --width: 64px !important;
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-11 {
    width: 80px !important;
    --width: 80px !important;
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-12 {
    width: 96px !important;
    --width: 96px !important;
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-13 {
    width: 112px !important;
    --width: 112px !important;
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-14 {
    width: 128px !important;
    --width: 128px !important;
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-15 {
    width: 144px !important;
    --width: 144px !important;
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-16 {
    width: 160px !important;
    --width: 160px !important;
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-17 {
    width: 180px !important;
    --width: 180px !important;
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-18 {
    width: 200px !important;
    --width: 200px !important;
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-19 {
    width: 240px !important;
    --width: 240px !important;
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-20 {
    width: 280px !important;
    --width: 280px !important;
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-21 {
    width: 320px !important;
    --width: 320px !important;
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-22 {
    width: 360px !important;
    --width: 360px !important;
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-23 {
    width: 400px !important;
    --width: 400px !important;
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-24 {
    width: 440px !important;
    --width: 440px !important;
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-25 {
    width: 480px !important;
    --width: 480px !important;
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-26 {
    width: 520px !important;
    --width: 520px !important;
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-27 {
    width: 560px !important;
    --width: 560px !important;
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-28 {
    width: 600px !important;
    --width: 600px !important;
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-29 {
    width: 640px !important;
    --width: 640px !important;
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-30 {
    width: 680px !important;
    --width: 680px !important;
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-31 {
    width: 720px !important;
    --width: 720px !important;
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-32 {
    width: 760px !important;
    --width: 760px !important;
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-33 {
    width: 800px !important;
    --width: 800px !important;
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-34 {
    width: 840px !important;
    --width: 840px !important;
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-35 {
    width: 880px !important;
    --width: 880px !important;
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-36 {
    width: 920px !important;
    --width: 920px !important;
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-37 {
    width: 960px !important;
    --width: 960px !important;
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-38 {
    width: 1000px !important;
    --width: 1000px !important;
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-39 {
    width: 1040px !important;
    --width: 1040px !important;
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-size-lg-40 {
    width: 1080px !important;
    --width: 1080px !important;
    height: 1080px !important;
    --height: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-0 {
    width: 0px !important;
    --width: 0px !important;
    height: 0px !important;
    --height: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-1 {
    width: 2px !important;
    --width: 2px !important;
    height: 2px !important;
    --height: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-2 {
    width: 4px !important;
    --width: 4px !important;
    height: 4px !important;
    --height: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-3 {
    width: 8px !important;
    --width: 8px !important;
    height: 8px !important;
    --height: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-4 {
    width: 12px !important;
    --width: 12px !important;
    height: 12px !important;
    --height: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-5 {
    width: 16px !important;
    --width: 16px !important;
    height: 16px !important;
    --height: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-6 {
    width: 24px !important;
    --width: 24px !important;
    height: 24px !important;
    --height: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-7 {
    width: 32px !important;
    --width: 32px !important;
    height: 32px !important;
    --height: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-8 {
    width: 40px !important;
    --width: 40px !important;
    height: 40px !important;
    --height: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-9 {
    width: 48px !important;
    --width: 48px !important;
    height: 48px !important;
    --height: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-10 {
    width: 64px !important;
    --width: 64px !important;
    height: 64px !important;
    --height: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-11 {
    width: 80px !important;
    --width: 80px !important;
    height: 80px !important;
    --height: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-12 {
    width: 96px !important;
    --width: 96px !important;
    height: 96px !important;
    --height: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-13 {
    width: 112px !important;
    --width: 112px !important;
    height: 112px !important;
    --height: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-14 {
    width: 128px !important;
    --width: 128px !important;
    height: 128px !important;
    --height: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-15 {
    width: 144px !important;
    --width: 144px !important;
    height: 144px !important;
    --height: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-16 {
    width: 160px !important;
    --width: 160px !important;
    height: 160px !important;
    --height: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-17 {
    width: 180px !important;
    --width: 180px !important;
    height: 180px !important;
    --height: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-18 {
    width: 200px !important;
    --width: 200px !important;
    height: 200px !important;
    --height: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-19 {
    width: 240px !important;
    --width: 240px !important;
    height: 240px !important;
    --height: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-20 {
    width: 280px !important;
    --width: 280px !important;
    height: 280px !important;
    --height: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-21 {
    width: 320px !important;
    --width: 320px !important;
    height: 320px !important;
    --height: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-22 {
    width: 360px !important;
    --width: 360px !important;
    height: 360px !important;
    --height: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-23 {
    width: 400px !important;
    --width: 400px !important;
    height: 400px !important;
    --height: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-24 {
    width: 440px !important;
    --width: 440px !important;
    height: 440px !important;
    --height: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-25 {
    width: 480px !important;
    --width: 480px !important;
    height: 480px !important;
    --height: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-26 {
    width: 520px !important;
    --width: 520px !important;
    height: 520px !important;
    --height: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-27 {
    width: 560px !important;
    --width: 560px !important;
    height: 560px !important;
    --height: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-28 {
    width: 600px !important;
    --width: 600px !important;
    height: 600px !important;
    --height: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-29 {
    width: 640px !important;
    --width: 640px !important;
    height: 640px !important;
    --height: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-30 {
    width: 680px !important;
    --width: 680px !important;
    height: 680px !important;
    --height: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-31 {
    width: 720px !important;
    --width: 720px !important;
    height: 720px !important;
    --height: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-32 {
    width: 760px !important;
    --width: 760px !important;
    height: 760px !important;
    --height: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-33 {
    width: 800px !important;
    --width: 800px !important;
    height: 800px !important;
    --height: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-34 {
    width: 840px !important;
    --width: 840px !important;
    height: 840px !important;
    --height: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-35 {
    width: 880px !important;
    --width: 880px !important;
    height: 880px !important;
    --height: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-36 {
    width: 920px !important;
    --width: 920px !important;
    height: 920px !important;
    --height: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-37 {
    width: 960px !important;
    --width: 960px !important;
    height: 960px !important;
    --height: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-38 {
    width: 1000px !important;
    --width: 1000px !important;
    height: 1000px !important;
    --height: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-39 {
    width: 1040px !important;
    --width: 1040px !important;
    height: 1040px !important;
    --height: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-size-xl-40 {
    width: 1080px !important;
    --width: 1080px !important;
    height: 1080px !important;
    --height: 1080px !important;
  }
}
.or-m-0-px {
  margin: 0px !important;
}
.or-m-2-px {
  margin: 2px !important;
}
.or-m-4-px {
  margin: 4px !important;
}
.or-m-6-px {
  margin: 6px !important;
}
.or-m-8-px {
  margin: 8px !important;
}
.or-m-12-px {
  margin: 12px !important;
}
.or-m-16-px {
  margin: 16px !important;
}
.or-m-20-px {
  margin: 20px !important;
}
.or-m-24-px {
  margin: 24px !important;
}
.or-m-28-px {
  margin: 28px !important;
}
.or-m-32-px {
  margin: 32px !important;
}
.or-m-36-px {
  margin: 36px !important;
}
.or-m-40-px {
  margin: 40px !important;
}
.or-m-48-px {
  margin: 48px !important;
}
.or-m-52-px {
  margin: 52px !important;
}
.or-m-56-px {
  margin: 56px !important;
}
.or-m-60-px {
  margin: 60px !important;
}
.or-m-64-px {
  margin: 64px !important;
}
.or-m-68-px {
  margin: 68px !important;
}
.or-m-72-px {
  margin: 72px !important;
}
.or-m-76-px {
  margin: 76px !important;
}
.or-m-80-px {
  margin: 80px !important;
}
.or-m-84-px {
  margin: 84px !important;
}
.or-m-88-px {
  margin: 88px !important;
}
.or-m-92-px {
  margin: 92px !important;
}
.or-m-96-px {
  margin: 96px !important;
}
.or-m-112-px {
  margin: 112px !important;
}
.or-m-128-px {
  margin: 128px !important;
}
.or-m-144-px {
  margin: 144px !important;
}
.or-m-160-px {
  margin: 160px !important;
}
.or-m-180-px {
  margin: 180px !important;
}
.or-m-200-px {
  margin: 200px !important;
}
.or-m-240-px {
  margin: 240px !important;
}
.or-m-280-px {
  margin: 280px !important;
}
.or-m-320-px {
  margin: 320px !important;
}
.or-m-360-px {
  margin: 360px !important;
}
.or-m-400-px {
  margin: 400px !important;
}
.or-m-440-px {
  margin: 440px !important;
}
.or-m-480-px {
  margin: 480px !important;
}
.or-m-520-px {
  margin: 520px !important;
}
.or-m-560-px {
  margin: 560px !important;
}
.or-m-600-px {
  margin: 600px !important;
}
.or-m-640-px {
  margin: 640px !important;
}
.or-m-680-px {
  margin: 680px !important;
}
.or-m-720-px {
  margin: 720px !important;
}
.or-m-760-px {
  margin: 760px !important;
}
.or-m-800-px {
  margin: 800px !important;
}
.or-m-840-px {
  margin: 840px !important;
}
.or-m-880-px {
  margin: 880px !important;
}
.or-m-920-px {
  margin: 920px !important;
}
.or-m-960-px {
  margin: 960px !important;
}
.or-m-1000-px {
  margin: 1000px !important;
}
.or-m-1040-px {
  margin: 1040px !important;
}
.or-m-1080-px {
  margin: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-m-sm-0-px {
    margin: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-2-px {
    margin: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-4-px {
    margin: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-6-px {
    margin: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-8-px {
    margin: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-12-px {
    margin: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-16-px {
    margin: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-20-px {
    margin: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-24-px {
    margin: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-28-px {
    margin: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-32-px {
    margin: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-36-px {
    margin: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-40-px {
    margin: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-48-px {
    margin: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-52-px {
    margin: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-56-px {
    margin: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-60-px {
    margin: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-64-px {
    margin: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-68-px {
    margin: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-72-px {
    margin: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-76-px {
    margin: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-80-px {
    margin: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-84-px {
    margin: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-88-px {
    margin: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-92-px {
    margin: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-96-px {
    margin: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-112-px {
    margin: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-128-px {
    margin: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-144-px {
    margin: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-160-px {
    margin: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-180-px {
    margin: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-200-px {
    margin: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-240-px {
    margin: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-280-px {
    margin: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-320-px {
    margin: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-360-px {
    margin: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-400-px {
    margin: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-440-px {
    margin: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-480-px {
    margin: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-520-px {
    margin: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-560-px {
    margin: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-600-px {
    margin: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-640-px {
    margin: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-680-px {
    margin: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-720-px {
    margin: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-760-px {
    margin: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-800-px {
    margin: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-840-px {
    margin: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-880-px {
    margin: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-920-px {
    margin: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-960-px {
    margin: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-1000-px {
    margin: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-1040-px {
    margin: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-1080-px {
    margin: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-0-px {
    margin: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-2-px {
    margin: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-4-px {
    margin: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-6-px {
    margin: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-8-px {
    margin: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-12-px {
    margin: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-16-px {
    margin: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-20-px {
    margin: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-24-px {
    margin: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-28-px {
    margin: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-32-px {
    margin: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-36-px {
    margin: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-40-px {
    margin: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-48-px {
    margin: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-52-px {
    margin: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-56-px {
    margin: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-60-px {
    margin: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-64-px {
    margin: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-68-px {
    margin: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-72-px {
    margin: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-76-px {
    margin: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-80-px {
    margin: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-84-px {
    margin: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-88-px {
    margin: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-92-px {
    margin: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-96-px {
    margin: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-112-px {
    margin: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-128-px {
    margin: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-144-px {
    margin: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-160-px {
    margin: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-180-px {
    margin: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-200-px {
    margin: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-240-px {
    margin: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-280-px {
    margin: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-320-px {
    margin: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-360-px {
    margin: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-400-px {
    margin: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-440-px {
    margin: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-480-px {
    margin: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-520-px {
    margin: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-560-px {
    margin: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-600-px {
    margin: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-640-px {
    margin: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-680-px {
    margin: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-720-px {
    margin: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-760-px {
    margin: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-800-px {
    margin: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-840-px {
    margin: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-880-px {
    margin: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-920-px {
    margin: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-960-px {
    margin: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-1000-px {
    margin: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-1040-px {
    margin: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-1080-px {
    margin: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-0-px {
    margin: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-2-px {
    margin: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-4-px {
    margin: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-6-px {
    margin: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-8-px {
    margin: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-12-px {
    margin: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-16-px {
    margin: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-20-px {
    margin: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-24-px {
    margin: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-28-px {
    margin: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-32-px {
    margin: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-36-px {
    margin: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-40-px {
    margin: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-48-px {
    margin: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-52-px {
    margin: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-56-px {
    margin: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-60-px {
    margin: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-64-px {
    margin: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-68-px {
    margin: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-72-px {
    margin: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-76-px {
    margin: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-80-px {
    margin: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-84-px {
    margin: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-88-px {
    margin: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-92-px {
    margin: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-96-px {
    margin: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-112-px {
    margin: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-128-px {
    margin: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-144-px {
    margin: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-160-px {
    margin: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-180-px {
    margin: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-200-px {
    margin: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-240-px {
    margin: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-280-px {
    margin: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-320-px {
    margin: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-360-px {
    margin: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-400-px {
    margin: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-440-px {
    margin: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-480-px {
    margin: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-520-px {
    margin: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-560-px {
    margin: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-600-px {
    margin: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-640-px {
    margin: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-680-px {
    margin: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-720-px {
    margin: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-760-px {
    margin: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-800-px {
    margin: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-840-px {
    margin: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-880-px {
    margin: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-920-px {
    margin: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-960-px {
    margin: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-1000-px {
    margin: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-1040-px {
    margin: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-1080-px {
    margin: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-0-px {
    margin: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-2-px {
    margin: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-4-px {
    margin: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-6-px {
    margin: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-8-px {
    margin: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-12-px {
    margin: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-16-px {
    margin: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-20-px {
    margin: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-24-px {
    margin: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-28-px {
    margin: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-32-px {
    margin: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-36-px {
    margin: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-40-px {
    margin: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-48-px {
    margin: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-52-px {
    margin: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-56-px {
    margin: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-60-px {
    margin: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-64-px {
    margin: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-68-px {
    margin: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-72-px {
    margin: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-76-px {
    margin: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-80-px {
    margin: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-84-px {
    margin: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-88-px {
    margin: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-92-px {
    margin: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-96-px {
    margin: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-112-px {
    margin: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-128-px {
    margin: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-144-px {
    margin: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-160-px {
    margin: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-180-px {
    margin: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-200-px {
    margin: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-240-px {
    margin: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-280-px {
    margin: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-320-px {
    margin: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-360-px {
    margin: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-400-px {
    margin: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-440-px {
    margin: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-480-px {
    margin: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-520-px {
    margin: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-560-px {
    margin: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-600-px {
    margin: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-640-px {
    margin: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-680-px {
    margin: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-720-px {
    margin: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-760-px {
    margin: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-800-px {
    margin: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-840-px {
    margin: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-880-px {
    margin: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-920-px {
    margin: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-960-px {
    margin: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-1000-px {
    margin: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-1040-px {
    margin: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-1080-px {
    margin: 1080px !important;
  }
}
.or-my-0-px {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.or-my-2-px {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.or-my-4-px {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.or-my-6-px {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.or-my-8-px {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.or-my-12-px {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.or-my-16-px {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.or-my-20-px {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.or-my-24-px {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.or-my-28-px {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.or-my-32-px {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.or-my-36-px {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.or-my-40-px {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.or-my-48-px {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.or-my-52-px {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}
.or-my-56-px {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}
.or-my-60-px {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.or-my-64-px {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.or-my-68-px {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}
.or-my-72-px {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}
.or-my-76-px {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}
.or-my-80-px {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.or-my-84-px {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}
.or-my-88-px {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}
.or-my-92-px {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}
.or-my-96-px {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}
.or-my-112-px {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}
.or-my-128-px {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}
.or-my-144-px {
  margin-top: 144px !important;
  margin-bottom: 144px !important;
}
.or-my-160-px {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}
.or-my-180-px {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}
.or-my-200-px {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}
.or-my-240-px {
  margin-top: 240px !important;
  margin-bottom: 240px !important;
}
.or-my-280-px {
  margin-top: 280px !important;
  margin-bottom: 280px !important;
}
.or-my-320-px {
  margin-top: 320px !important;
  margin-bottom: 320px !important;
}
.or-my-360-px {
  margin-top: 360px !important;
  margin-bottom: 360px !important;
}
.or-my-400-px {
  margin-top: 400px !important;
  margin-bottom: 400px !important;
}
.or-my-440-px {
  margin-top: 440px !important;
  margin-bottom: 440px !important;
}
.or-my-480-px {
  margin-top: 480px !important;
  margin-bottom: 480px !important;
}
.or-my-520-px {
  margin-top: 520px !important;
  margin-bottom: 520px !important;
}
.or-my-560-px {
  margin-top: 560px !important;
  margin-bottom: 560px !important;
}
.or-my-600-px {
  margin-top: 600px !important;
  margin-bottom: 600px !important;
}
.or-my-640-px {
  margin-top: 640px !important;
  margin-bottom: 640px !important;
}
.or-my-680-px {
  margin-top: 680px !important;
  margin-bottom: 680px !important;
}
.or-my-720-px {
  margin-top: 720px !important;
  margin-bottom: 720px !important;
}
.or-my-760-px {
  margin-top: 760px !important;
  margin-bottom: 760px !important;
}
.or-my-800-px {
  margin-top: 800px !important;
  margin-bottom: 800px !important;
}
.or-my-840-px {
  margin-top: 840px !important;
  margin-bottom: 840px !important;
}
.or-my-880-px {
  margin-top: 880px !important;
  margin-bottom: 880px !important;
}
.or-my-920-px {
  margin-top: 920px !important;
  margin-bottom: 920px !important;
}
.or-my-960-px {
  margin-top: 960px !important;
  margin-bottom: 960px !important;
}
.or-my-1000-px {
  margin-top: 1000px !important;
  margin-bottom: 1000px !important;
}
.or-my-1040-px {
  margin-top: 1040px !important;
  margin-bottom: 1040px !important;
}
.or-my-1080-px {
  margin-top: 1080px !important;
  margin-bottom: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-my-sm-0-px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-2-px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-4-px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-6-px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-8-px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-12-px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-16-px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-20-px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-24-px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-28-px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-32-px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-36-px {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-40-px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-48-px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-52-px {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-56-px {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-60-px {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-64-px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-68-px {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-72-px {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-76-px {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-80-px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-84-px {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-88-px {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-92-px {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-96-px {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-112-px {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-128-px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-144-px {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-160-px {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-180-px {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-200-px {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-240-px {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-280-px {
    margin-top: 280px !important;
    margin-bottom: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-320-px {
    margin-top: 320px !important;
    margin-bottom: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-360-px {
    margin-top: 360px !important;
    margin-bottom: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-400-px {
    margin-top: 400px !important;
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-440-px {
    margin-top: 440px !important;
    margin-bottom: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-480-px {
    margin-top: 480px !important;
    margin-bottom: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-520-px {
    margin-top: 520px !important;
    margin-bottom: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-560-px {
    margin-top: 560px !important;
    margin-bottom: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-600-px {
    margin-top: 600px !important;
    margin-bottom: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-640-px {
    margin-top: 640px !important;
    margin-bottom: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-680-px {
    margin-top: 680px !important;
    margin-bottom: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-720-px {
    margin-top: 720px !important;
    margin-bottom: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-760-px {
    margin-top: 760px !important;
    margin-bottom: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-800-px {
    margin-top: 800px !important;
    margin-bottom: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-840-px {
    margin-top: 840px !important;
    margin-bottom: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-880-px {
    margin-top: 880px !important;
    margin-bottom: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-920-px {
    margin-top: 920px !important;
    margin-bottom: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-960-px {
    margin-top: 960px !important;
    margin-bottom: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-1000-px {
    margin-top: 1000px !important;
    margin-bottom: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-1040-px {
    margin-top: 1040px !important;
    margin-bottom: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-1080-px {
    margin-top: 1080px !important;
    margin-bottom: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-0-px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-2-px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-4-px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-6-px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-8-px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-12-px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-16-px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-20-px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-24-px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-28-px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-32-px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-36-px {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-40-px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-48-px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-52-px {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-56-px {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-60-px {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-64-px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-68-px {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-72-px {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-76-px {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-80-px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-84-px {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-88-px {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-92-px {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-96-px {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-112-px {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-128-px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-144-px {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-160-px {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-180-px {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-200-px {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-240-px {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-280-px {
    margin-top: 280px !important;
    margin-bottom: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-320-px {
    margin-top: 320px !important;
    margin-bottom: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-360-px {
    margin-top: 360px !important;
    margin-bottom: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-400-px {
    margin-top: 400px !important;
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-440-px {
    margin-top: 440px !important;
    margin-bottom: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-480-px {
    margin-top: 480px !important;
    margin-bottom: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-520-px {
    margin-top: 520px !important;
    margin-bottom: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-560-px {
    margin-top: 560px !important;
    margin-bottom: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-600-px {
    margin-top: 600px !important;
    margin-bottom: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-640-px {
    margin-top: 640px !important;
    margin-bottom: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-680-px {
    margin-top: 680px !important;
    margin-bottom: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-720-px {
    margin-top: 720px !important;
    margin-bottom: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-760-px {
    margin-top: 760px !important;
    margin-bottom: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-800-px {
    margin-top: 800px !important;
    margin-bottom: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-840-px {
    margin-top: 840px !important;
    margin-bottom: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-880-px {
    margin-top: 880px !important;
    margin-bottom: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-920-px {
    margin-top: 920px !important;
    margin-bottom: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-960-px {
    margin-top: 960px !important;
    margin-bottom: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-1000-px {
    margin-top: 1000px !important;
    margin-bottom: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-1040-px {
    margin-top: 1040px !important;
    margin-bottom: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-1080-px {
    margin-top: 1080px !important;
    margin-bottom: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-0-px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-2-px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-4-px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-6-px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-8-px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-12-px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-16-px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-20-px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-24-px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-28-px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-32-px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-36-px {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-40-px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-48-px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-52-px {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-56-px {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-60-px {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-64-px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-68-px {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-72-px {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-76-px {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-80-px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-84-px {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-88-px {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-92-px {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-96-px {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-112-px {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-128-px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-144-px {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-160-px {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-180-px {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-200-px {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-240-px {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-280-px {
    margin-top: 280px !important;
    margin-bottom: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-320-px {
    margin-top: 320px !important;
    margin-bottom: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-360-px {
    margin-top: 360px !important;
    margin-bottom: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-400-px {
    margin-top: 400px !important;
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-440-px {
    margin-top: 440px !important;
    margin-bottom: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-480-px {
    margin-top: 480px !important;
    margin-bottom: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-520-px {
    margin-top: 520px !important;
    margin-bottom: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-560-px {
    margin-top: 560px !important;
    margin-bottom: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-600-px {
    margin-top: 600px !important;
    margin-bottom: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-640-px {
    margin-top: 640px !important;
    margin-bottom: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-680-px {
    margin-top: 680px !important;
    margin-bottom: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-720-px {
    margin-top: 720px !important;
    margin-bottom: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-760-px {
    margin-top: 760px !important;
    margin-bottom: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-800-px {
    margin-top: 800px !important;
    margin-bottom: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-840-px {
    margin-top: 840px !important;
    margin-bottom: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-880-px {
    margin-top: 880px !important;
    margin-bottom: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-920-px {
    margin-top: 920px !important;
    margin-bottom: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-960-px {
    margin-top: 960px !important;
    margin-bottom: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-1000-px {
    margin-top: 1000px !important;
    margin-bottom: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-1040-px {
    margin-top: 1040px !important;
    margin-bottom: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-1080-px {
    margin-top: 1080px !important;
    margin-bottom: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-0-px {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-2-px {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-4-px {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-6-px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-8-px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-12-px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-16-px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-20-px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-24-px {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-28-px {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-32-px {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-36-px {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-40-px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-48-px {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-52-px {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-56-px {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-60-px {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-64-px {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-68-px {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-72-px {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-76-px {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-80-px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-84-px {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-88-px {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-92-px {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-96-px {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-112-px {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-128-px {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-144-px {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-160-px {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-180-px {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-200-px {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-240-px {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-280-px {
    margin-top: 280px !important;
    margin-bottom: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-320-px {
    margin-top: 320px !important;
    margin-bottom: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-360-px {
    margin-top: 360px !important;
    margin-bottom: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-400-px {
    margin-top: 400px !important;
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-440-px {
    margin-top: 440px !important;
    margin-bottom: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-480-px {
    margin-top: 480px !important;
    margin-bottom: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-520-px {
    margin-top: 520px !important;
    margin-bottom: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-560-px {
    margin-top: 560px !important;
    margin-bottom: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-600-px {
    margin-top: 600px !important;
    margin-bottom: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-640-px {
    margin-top: 640px !important;
    margin-bottom: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-680-px {
    margin-top: 680px !important;
    margin-bottom: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-720-px {
    margin-top: 720px !important;
    margin-bottom: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-760-px {
    margin-top: 760px !important;
    margin-bottom: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-800-px {
    margin-top: 800px !important;
    margin-bottom: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-840-px {
    margin-top: 840px !important;
    margin-bottom: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-880-px {
    margin-top: 880px !important;
    margin-bottom: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-920-px {
    margin-top: 920px !important;
    margin-bottom: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-960-px {
    margin-top: 960px !important;
    margin-bottom: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-1000-px {
    margin-top: 1000px !important;
    margin-bottom: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-1040-px {
    margin-top: 1040px !important;
    margin-bottom: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-1080-px {
    margin-top: 1080px !important;
    margin-bottom: 1080px !important;
  }
}
.or-mx-0-px {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.or-mx-2-px {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.or-mx-4-px {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.or-mx-6-px {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.or-mx-8-px {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.or-mx-12-px {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.or-mx-16-px {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.or-mx-20-px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.or-mx-24-px {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.or-mx-28-px {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.or-mx-32-px {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.or-mx-36-px {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.or-mx-40-px {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.or-mx-48-px {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.or-mx-52-px {
  margin-left: 52px !important;
  margin-right: 52px !important;
}
.or-mx-56-px {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.or-mx-60-px {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.or-mx-64-px {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.or-mx-68-px {
  margin-left: 68px !important;
  margin-right: 68px !important;
}
.or-mx-72-px {
  margin-left: 72px !important;
  margin-right: 72px !important;
}
.or-mx-76-px {
  margin-left: 76px !important;
  margin-right: 76px !important;
}
.or-mx-80-px {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.or-mx-84-px {
  margin-left: 84px !important;
  margin-right: 84px !important;
}
.or-mx-88-px {
  margin-left: 88px !important;
  margin-right: 88px !important;
}
.or-mx-92-px {
  margin-left: 92px !important;
  margin-right: 92px !important;
}
.or-mx-96-px {
  margin-left: 96px !important;
  margin-right: 96px !important;
}
.or-mx-112-px {
  margin-left: 112px !important;
  margin-right: 112px !important;
}
.or-mx-128-px {
  margin-left: 128px !important;
  margin-right: 128px !important;
}
.or-mx-144-px {
  margin-left: 144px !important;
  margin-right: 144px !important;
}
.or-mx-160-px {
  margin-left: 160px !important;
  margin-right: 160px !important;
}
.or-mx-180-px {
  margin-left: 180px !important;
  margin-right: 180px !important;
}
.or-mx-200-px {
  margin-left: 200px !important;
  margin-right: 200px !important;
}
.or-mx-240-px {
  margin-left: 240px !important;
  margin-right: 240px !important;
}
.or-mx-280-px {
  margin-left: 280px !important;
  margin-right: 280px !important;
}
.or-mx-320-px {
  margin-left: 320px !important;
  margin-right: 320px !important;
}
.or-mx-360-px {
  margin-left: 360px !important;
  margin-right: 360px !important;
}
.or-mx-400-px {
  margin-left: 400px !important;
  margin-right: 400px !important;
}
.or-mx-440-px {
  margin-left: 440px !important;
  margin-right: 440px !important;
}
.or-mx-480-px {
  margin-left: 480px !important;
  margin-right: 480px !important;
}
.or-mx-520-px {
  margin-left: 520px !important;
  margin-right: 520px !important;
}
.or-mx-560-px {
  margin-left: 560px !important;
  margin-right: 560px !important;
}
.or-mx-600-px {
  margin-left: 600px !important;
  margin-right: 600px !important;
}
.or-mx-640-px {
  margin-left: 640px !important;
  margin-right: 640px !important;
}
.or-mx-680-px {
  margin-left: 680px !important;
  margin-right: 680px !important;
}
.or-mx-720-px {
  margin-left: 720px !important;
  margin-right: 720px !important;
}
.or-mx-760-px {
  margin-left: 760px !important;
  margin-right: 760px !important;
}
.or-mx-800-px {
  margin-left: 800px !important;
  margin-right: 800px !important;
}
.or-mx-840-px {
  margin-left: 840px !important;
  margin-right: 840px !important;
}
.or-mx-880-px {
  margin-left: 880px !important;
  margin-right: 880px !important;
}
.or-mx-920-px {
  margin-left: 920px !important;
  margin-right: 920px !important;
}
.or-mx-960-px {
  margin-left: 960px !important;
  margin-right: 960px !important;
}
.or-mx-1000-px {
  margin-left: 1000px !important;
  margin-right: 1000px !important;
}
.or-mx-1040-px {
  margin-left: 1040px !important;
  margin-right: 1040px !important;
}
.or-mx-1080-px {
  margin-left: 1080px !important;
  margin-right: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-mx-sm-0-px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-2-px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-4-px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-6-px {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-8-px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-12-px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-16-px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-20-px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-24-px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-28-px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-32-px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-36-px {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-40-px {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-48-px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-52-px {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-56-px {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-60-px {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-64-px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-68-px {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-72-px {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-76-px {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-80-px {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-84-px {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-88-px {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-92-px {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-96-px {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-112-px {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-128-px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-144-px {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-160-px {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-180-px {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-200-px {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-240-px {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-280-px {
    margin-left: 280px !important;
    margin-right: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-320-px {
    margin-left: 320px !important;
    margin-right: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-360-px {
    margin-left: 360px !important;
    margin-right: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-400-px {
    margin-left: 400px !important;
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-440-px {
    margin-left: 440px !important;
    margin-right: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-480-px {
    margin-left: 480px !important;
    margin-right: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-520-px {
    margin-left: 520px !important;
    margin-right: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-560-px {
    margin-left: 560px !important;
    margin-right: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-600-px {
    margin-left: 600px !important;
    margin-right: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-640-px {
    margin-left: 640px !important;
    margin-right: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-680-px {
    margin-left: 680px !important;
    margin-right: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-720-px {
    margin-left: 720px !important;
    margin-right: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-760-px {
    margin-left: 760px !important;
    margin-right: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-800-px {
    margin-left: 800px !important;
    margin-right: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-840-px {
    margin-left: 840px !important;
    margin-right: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-880-px {
    margin-left: 880px !important;
    margin-right: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-920-px {
    margin-left: 920px !important;
    margin-right: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-960-px {
    margin-left: 960px !important;
    margin-right: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-1000-px {
    margin-left: 1000px !important;
    margin-right: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-1040-px {
    margin-left: 1040px !important;
    margin-right: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-1080-px {
    margin-left: 1080px !important;
    margin-right: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-0-px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-2-px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-4-px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-6-px {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-8-px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-12-px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-16-px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-20-px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-24-px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-28-px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-32-px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-36-px {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-40-px {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-48-px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-52-px {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-56-px {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-60-px {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-64-px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-68-px {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-72-px {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-76-px {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-80-px {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-84-px {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-88-px {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-92-px {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-96-px {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-112-px {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-128-px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-144-px {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-160-px {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-180-px {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-200-px {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-240-px {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-280-px {
    margin-left: 280px !important;
    margin-right: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-320-px {
    margin-left: 320px !important;
    margin-right: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-360-px {
    margin-left: 360px !important;
    margin-right: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-400-px {
    margin-left: 400px !important;
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-440-px {
    margin-left: 440px !important;
    margin-right: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-480-px {
    margin-left: 480px !important;
    margin-right: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-520-px {
    margin-left: 520px !important;
    margin-right: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-560-px {
    margin-left: 560px !important;
    margin-right: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-600-px {
    margin-left: 600px !important;
    margin-right: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-640-px {
    margin-left: 640px !important;
    margin-right: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-680-px {
    margin-left: 680px !important;
    margin-right: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-720-px {
    margin-left: 720px !important;
    margin-right: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-760-px {
    margin-left: 760px !important;
    margin-right: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-800-px {
    margin-left: 800px !important;
    margin-right: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-840-px {
    margin-left: 840px !important;
    margin-right: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-880-px {
    margin-left: 880px !important;
    margin-right: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-920-px {
    margin-left: 920px !important;
    margin-right: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-960-px {
    margin-left: 960px !important;
    margin-right: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-1000-px {
    margin-left: 1000px !important;
    margin-right: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-1040-px {
    margin-left: 1040px !important;
    margin-right: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-1080-px {
    margin-left: 1080px !important;
    margin-right: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-0-px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-2-px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-4-px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-6-px {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-8-px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-12-px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-16-px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-20-px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-24-px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-28-px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-32-px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-36-px {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-40-px {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-48-px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-52-px {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-56-px {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-60-px {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-64-px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-68-px {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-72-px {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-76-px {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-80-px {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-84-px {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-88-px {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-92-px {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-96-px {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-112-px {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-128-px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-144-px {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-160-px {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-180-px {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-200-px {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-240-px {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-280-px {
    margin-left: 280px !important;
    margin-right: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-320-px {
    margin-left: 320px !important;
    margin-right: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-360-px {
    margin-left: 360px !important;
    margin-right: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-400-px {
    margin-left: 400px !important;
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-440-px {
    margin-left: 440px !important;
    margin-right: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-480-px {
    margin-left: 480px !important;
    margin-right: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-520-px {
    margin-left: 520px !important;
    margin-right: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-560-px {
    margin-left: 560px !important;
    margin-right: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-600-px {
    margin-left: 600px !important;
    margin-right: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-640-px {
    margin-left: 640px !important;
    margin-right: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-680-px {
    margin-left: 680px !important;
    margin-right: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-720-px {
    margin-left: 720px !important;
    margin-right: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-760-px {
    margin-left: 760px !important;
    margin-right: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-800-px {
    margin-left: 800px !important;
    margin-right: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-840-px {
    margin-left: 840px !important;
    margin-right: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-880-px {
    margin-left: 880px !important;
    margin-right: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-920-px {
    margin-left: 920px !important;
    margin-right: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-960-px {
    margin-left: 960px !important;
    margin-right: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-1000-px {
    margin-left: 1000px !important;
    margin-right: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-1040-px {
    margin-left: 1040px !important;
    margin-right: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-1080-px {
    margin-left: 1080px !important;
    margin-right: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-0-px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-2-px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-4-px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-6-px {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-8-px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-12-px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-16-px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-20-px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-24-px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-28-px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-32-px {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-36-px {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-40-px {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-48-px {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-52-px {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-56-px {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-60-px {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-64-px {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-68-px {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-72-px {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-76-px {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-80-px {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-84-px {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-88-px {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-92-px {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-96-px {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-112-px {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-128-px {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-144-px {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-160-px {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-180-px {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-200-px {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-240-px {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-280-px {
    margin-left: 280px !important;
    margin-right: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-320-px {
    margin-left: 320px !important;
    margin-right: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-360-px {
    margin-left: 360px !important;
    margin-right: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-400-px {
    margin-left: 400px !important;
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-440-px {
    margin-left: 440px !important;
    margin-right: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-480-px {
    margin-left: 480px !important;
    margin-right: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-520-px {
    margin-left: 520px !important;
    margin-right: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-560-px {
    margin-left: 560px !important;
    margin-right: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-600-px {
    margin-left: 600px !important;
    margin-right: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-640-px {
    margin-left: 640px !important;
    margin-right: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-680-px {
    margin-left: 680px !important;
    margin-right: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-720-px {
    margin-left: 720px !important;
    margin-right: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-760-px {
    margin-left: 760px !important;
    margin-right: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-800-px {
    margin-left: 800px !important;
    margin-right: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-840-px {
    margin-left: 840px !important;
    margin-right: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-880-px {
    margin-left: 880px !important;
    margin-right: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-920-px {
    margin-left: 920px !important;
    margin-right: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-960-px {
    margin-left: 960px !important;
    margin-right: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-1000-px {
    margin-left: 1000px !important;
    margin-right: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-1040-px {
    margin-left: 1040px !important;
    margin-right: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-1080-px {
    margin-left: 1080px !important;
    margin-right: 1080px !important;
  }
}
.or-mt-0-px {
  margin-top: 0px !important;
}
.or-mt-2-px {
  margin-top: 2px !important;
}
.or-mt-4-px {
  margin-top: 4px !important;
}
.or-mt-6-px {
  margin-top: 6px !important;
}
.or-mt-8-px {
  margin-top: 8px !important;
}
.or-mt-12-px {
  margin-top: 12px !important;
}
.or-mt-16-px {
  margin-top: 16px !important;
}
.or-mt-20-px {
  margin-top: 20px !important;
}
.or-mt-24-px {
  margin-top: 24px !important;
}
.or-mt-28-px {
  margin-top: 28px !important;
}
.or-mt-32-px {
  margin-top: 32px !important;
}
.or-mt-36-px {
  margin-top: 36px !important;
}
.or-mt-40-px {
  margin-top: 40px !important;
}
.or-mt-48-px {
  margin-top: 48px !important;
}
.or-mt-52-px {
  margin-top: 52px !important;
}
.or-mt-56-px {
  margin-top: 56px !important;
}
.or-mt-60-px {
  margin-top: 60px !important;
}
.or-mt-64-px {
  margin-top: 64px !important;
}
.or-mt-68-px {
  margin-top: 68px !important;
}
.or-mt-72-px {
  margin-top: 72px !important;
}
.or-mt-76-px {
  margin-top: 76px !important;
}
.or-mt-80-px {
  margin-top: 80px !important;
}
.or-mt-84-px {
  margin-top: 84px !important;
}
.or-mt-88-px {
  margin-top: 88px !important;
}
.or-mt-92-px {
  margin-top: 92px !important;
}
.or-mt-96-px {
  margin-top: 96px !important;
}
.or-mt-112-px {
  margin-top: 112px !important;
}
.or-mt-128-px {
  margin-top: 128px !important;
}
.or-mt-144-px {
  margin-top: 144px !important;
}
.or-mt-160-px {
  margin-top: 160px !important;
}
.or-mt-180-px {
  margin-top: 180px !important;
}
.or-mt-200-px {
  margin-top: 200px !important;
}
.or-mt-240-px {
  margin-top: 240px !important;
}
.or-mt-280-px {
  margin-top: 280px !important;
}
.or-mt-320-px {
  margin-top: 320px !important;
}
.or-mt-360-px {
  margin-top: 360px !important;
}
.or-mt-400-px {
  margin-top: 400px !important;
}
.or-mt-440-px {
  margin-top: 440px !important;
}
.or-mt-480-px {
  margin-top: 480px !important;
}
.or-mt-520-px {
  margin-top: 520px !important;
}
.or-mt-560-px {
  margin-top: 560px !important;
}
.or-mt-600-px {
  margin-top: 600px !important;
}
.or-mt-640-px {
  margin-top: 640px !important;
}
.or-mt-680-px {
  margin-top: 680px !important;
}
.or-mt-720-px {
  margin-top: 720px !important;
}
.or-mt-760-px {
  margin-top: 760px !important;
}
.or-mt-800-px {
  margin-top: 800px !important;
}
.or-mt-840-px {
  margin-top: 840px !important;
}
.or-mt-880-px {
  margin-top: 880px !important;
}
.or-mt-920-px {
  margin-top: 920px !important;
}
.or-mt-960-px {
  margin-top: 960px !important;
}
.or-mt-1000-px {
  margin-top: 1000px !important;
}
.or-mt-1040-px {
  margin-top: 1040px !important;
}
.or-mt-1080-px {
  margin-top: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-mt-sm-0-px {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-2-px {
    margin-top: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-4-px {
    margin-top: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-6-px {
    margin-top: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-8-px {
    margin-top: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-12-px {
    margin-top: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-16-px {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-20-px {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-24-px {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-28-px {
    margin-top: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-32-px {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-36-px {
    margin-top: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-40-px {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-48-px {
    margin-top: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-52-px {
    margin-top: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-56-px {
    margin-top: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-60-px {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-64-px {
    margin-top: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-68-px {
    margin-top: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-72-px {
    margin-top: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-76-px {
    margin-top: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-80-px {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-84-px {
    margin-top: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-88-px {
    margin-top: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-92-px {
    margin-top: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-96-px {
    margin-top: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-112-px {
    margin-top: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-128-px {
    margin-top: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-144-px {
    margin-top: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-160-px {
    margin-top: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-180-px {
    margin-top: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-200-px {
    margin-top: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-240-px {
    margin-top: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-280-px {
    margin-top: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-320-px {
    margin-top: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-360-px {
    margin-top: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-400-px {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-440-px {
    margin-top: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-480-px {
    margin-top: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-520-px {
    margin-top: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-560-px {
    margin-top: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-600-px {
    margin-top: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-640-px {
    margin-top: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-680-px {
    margin-top: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-720-px {
    margin-top: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-760-px {
    margin-top: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-800-px {
    margin-top: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-840-px {
    margin-top: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-880-px {
    margin-top: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-920-px {
    margin-top: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-960-px {
    margin-top: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-1000-px {
    margin-top: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-1040-px {
    margin-top: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-1080-px {
    margin-top: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-0-px {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-2-px {
    margin-top: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-4-px {
    margin-top: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-6-px {
    margin-top: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-8-px {
    margin-top: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-12-px {
    margin-top: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-16-px {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-20-px {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-24-px {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-28-px {
    margin-top: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-32-px {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-36-px {
    margin-top: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-40-px {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-48-px {
    margin-top: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-52-px {
    margin-top: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-56-px {
    margin-top: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-60-px {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-64-px {
    margin-top: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-68-px {
    margin-top: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-72-px {
    margin-top: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-76-px {
    margin-top: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-80-px {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-84-px {
    margin-top: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-88-px {
    margin-top: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-92-px {
    margin-top: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-96-px {
    margin-top: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-112-px {
    margin-top: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-128-px {
    margin-top: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-144-px {
    margin-top: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-160-px {
    margin-top: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-180-px {
    margin-top: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-200-px {
    margin-top: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-240-px {
    margin-top: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-280-px {
    margin-top: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-320-px {
    margin-top: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-360-px {
    margin-top: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-400-px {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-440-px {
    margin-top: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-480-px {
    margin-top: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-520-px {
    margin-top: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-560-px {
    margin-top: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-600-px {
    margin-top: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-640-px {
    margin-top: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-680-px {
    margin-top: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-720-px {
    margin-top: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-760-px {
    margin-top: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-800-px {
    margin-top: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-840-px {
    margin-top: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-880-px {
    margin-top: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-920-px {
    margin-top: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-960-px {
    margin-top: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-1000-px {
    margin-top: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-1040-px {
    margin-top: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-1080-px {
    margin-top: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-0-px {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-2-px {
    margin-top: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-4-px {
    margin-top: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-6-px {
    margin-top: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-8-px {
    margin-top: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-12-px {
    margin-top: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-16-px {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-20-px {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-24-px {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-28-px {
    margin-top: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-32-px {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-36-px {
    margin-top: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-40-px {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-48-px {
    margin-top: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-52-px {
    margin-top: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-56-px {
    margin-top: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-60-px {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-64-px {
    margin-top: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-68-px {
    margin-top: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-72-px {
    margin-top: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-76-px {
    margin-top: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-80-px {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-84-px {
    margin-top: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-88-px {
    margin-top: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-92-px {
    margin-top: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-96-px {
    margin-top: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-112-px {
    margin-top: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-128-px {
    margin-top: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-144-px {
    margin-top: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-160-px {
    margin-top: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-180-px {
    margin-top: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-200-px {
    margin-top: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-240-px {
    margin-top: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-280-px {
    margin-top: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-320-px {
    margin-top: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-360-px {
    margin-top: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-400-px {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-440-px {
    margin-top: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-480-px {
    margin-top: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-520-px {
    margin-top: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-560-px {
    margin-top: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-600-px {
    margin-top: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-640-px {
    margin-top: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-680-px {
    margin-top: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-720-px {
    margin-top: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-760-px {
    margin-top: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-800-px {
    margin-top: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-840-px {
    margin-top: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-880-px {
    margin-top: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-920-px {
    margin-top: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-960-px {
    margin-top: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-1000-px {
    margin-top: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-1040-px {
    margin-top: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-1080-px {
    margin-top: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-0-px {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-2-px {
    margin-top: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-4-px {
    margin-top: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-6-px {
    margin-top: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-8-px {
    margin-top: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-12-px {
    margin-top: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-16-px {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-20-px {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-24-px {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-28-px {
    margin-top: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-32-px {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-36-px {
    margin-top: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-40-px {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-48-px {
    margin-top: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-52-px {
    margin-top: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-56-px {
    margin-top: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-60-px {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-64-px {
    margin-top: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-68-px {
    margin-top: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-72-px {
    margin-top: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-76-px {
    margin-top: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-80-px {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-84-px {
    margin-top: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-88-px {
    margin-top: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-92-px {
    margin-top: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-96-px {
    margin-top: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-112-px {
    margin-top: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-128-px {
    margin-top: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-144-px {
    margin-top: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-160-px {
    margin-top: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-180-px {
    margin-top: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-200-px {
    margin-top: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-240-px {
    margin-top: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-280-px {
    margin-top: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-320-px {
    margin-top: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-360-px {
    margin-top: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-400-px {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-440-px {
    margin-top: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-480-px {
    margin-top: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-520-px {
    margin-top: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-560-px {
    margin-top: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-600-px {
    margin-top: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-640-px {
    margin-top: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-680-px {
    margin-top: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-720-px {
    margin-top: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-760-px {
    margin-top: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-800-px {
    margin-top: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-840-px {
    margin-top: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-880-px {
    margin-top: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-920-px {
    margin-top: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-960-px {
    margin-top: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-1000-px {
    margin-top: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-1040-px {
    margin-top: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-1080-px {
    margin-top: 1080px !important;
  }
}
.or-ml-0-px {
  margin-left: 0px !important;
}
.or-ml-2-px {
  margin-left: 2px !important;
}
.or-ml-4-px {
  margin-left: 4px !important;
}
.or-ml-6-px {
  margin-left: 6px !important;
}
.or-ml-8-px {
  margin-left: 8px !important;
}
.or-ml-12-px {
  margin-left: 12px !important;
}
.or-ml-16-px {
  margin-left: 16px !important;
}
.or-ml-20-px {
  margin-left: 20px !important;
}
.or-ml-24-px {
  margin-left: 24px !important;
}
.or-ml-28-px {
  margin-left: 28px !important;
}
.or-ml-32-px {
  margin-left: 32px !important;
}
.or-ml-36-px {
  margin-left: 36px !important;
}
.or-ml-40-px {
  margin-left: 40px !important;
}
.or-ml-48-px {
  margin-left: 48px !important;
}
.or-ml-52-px {
  margin-left: 52px !important;
}
.or-ml-56-px {
  margin-left: 56px !important;
}
.or-ml-60-px {
  margin-left: 60px !important;
}
.or-ml-64-px {
  margin-left: 64px !important;
}
.or-ml-68-px {
  margin-left: 68px !important;
}
.or-ml-72-px {
  margin-left: 72px !important;
}
.or-ml-76-px {
  margin-left: 76px !important;
}
.or-ml-80-px {
  margin-left: 80px !important;
}
.or-ml-84-px {
  margin-left: 84px !important;
}
.or-ml-88-px {
  margin-left: 88px !important;
}
.or-ml-92-px {
  margin-left: 92px !important;
}
.or-ml-96-px {
  margin-left: 96px !important;
}
.or-ml-112-px {
  margin-left: 112px !important;
}
.or-ml-128-px {
  margin-left: 128px !important;
}
.or-ml-144-px {
  margin-left: 144px !important;
}
.or-ml-160-px {
  margin-left: 160px !important;
}
.or-ml-180-px {
  margin-left: 180px !important;
}
.or-ml-200-px {
  margin-left: 200px !important;
}
.or-ml-240-px {
  margin-left: 240px !important;
}
.or-ml-280-px {
  margin-left: 280px !important;
}
.or-ml-320-px {
  margin-left: 320px !important;
}
.or-ml-360-px {
  margin-left: 360px !important;
}
.or-ml-400-px {
  margin-left: 400px !important;
}
.or-ml-440-px {
  margin-left: 440px !important;
}
.or-ml-480-px {
  margin-left: 480px !important;
}
.or-ml-520-px {
  margin-left: 520px !important;
}
.or-ml-560-px {
  margin-left: 560px !important;
}
.or-ml-600-px {
  margin-left: 600px !important;
}
.or-ml-640-px {
  margin-left: 640px !important;
}
.or-ml-680-px {
  margin-left: 680px !important;
}
.or-ml-720-px {
  margin-left: 720px !important;
}
.or-ml-760-px {
  margin-left: 760px !important;
}
.or-ml-800-px {
  margin-left: 800px !important;
}
.or-ml-840-px {
  margin-left: 840px !important;
}
.or-ml-880-px {
  margin-left: 880px !important;
}
.or-ml-920-px {
  margin-left: 920px !important;
}
.or-ml-960-px {
  margin-left: 960px !important;
}
.or-ml-1000-px {
  margin-left: 1000px !important;
}
.or-ml-1040-px {
  margin-left: 1040px !important;
}
.or-ml-1080-px {
  margin-left: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-ml-sm-0-px {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-2-px {
    margin-left: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-4-px {
    margin-left: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-6-px {
    margin-left: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-8-px {
    margin-left: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-12-px {
    margin-left: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-16-px {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-20-px {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-24-px {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-28-px {
    margin-left: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-32-px {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-36-px {
    margin-left: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-40-px {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-48-px {
    margin-left: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-52-px {
    margin-left: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-56-px {
    margin-left: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-60-px {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-64-px {
    margin-left: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-68-px {
    margin-left: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-72-px {
    margin-left: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-76-px {
    margin-left: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-80-px {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-84-px {
    margin-left: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-88-px {
    margin-left: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-92-px {
    margin-left: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-96-px {
    margin-left: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-112-px {
    margin-left: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-128-px {
    margin-left: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-144-px {
    margin-left: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-160-px {
    margin-left: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-180-px {
    margin-left: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-200-px {
    margin-left: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-240-px {
    margin-left: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-280-px {
    margin-left: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-320-px {
    margin-left: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-360-px {
    margin-left: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-400-px {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-440-px {
    margin-left: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-480-px {
    margin-left: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-520-px {
    margin-left: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-560-px {
    margin-left: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-600-px {
    margin-left: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-640-px {
    margin-left: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-680-px {
    margin-left: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-720-px {
    margin-left: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-760-px {
    margin-left: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-800-px {
    margin-left: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-840-px {
    margin-left: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-880-px {
    margin-left: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-920-px {
    margin-left: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-960-px {
    margin-left: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-1000-px {
    margin-left: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-1040-px {
    margin-left: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-1080-px {
    margin-left: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-0-px {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-2-px {
    margin-left: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-4-px {
    margin-left: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-6-px {
    margin-left: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-8-px {
    margin-left: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-12-px {
    margin-left: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-16-px {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-20-px {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-24-px {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-28-px {
    margin-left: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-32-px {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-36-px {
    margin-left: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-40-px {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-48-px {
    margin-left: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-52-px {
    margin-left: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-56-px {
    margin-left: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-60-px {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-64-px {
    margin-left: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-68-px {
    margin-left: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-72-px {
    margin-left: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-76-px {
    margin-left: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-80-px {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-84-px {
    margin-left: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-88-px {
    margin-left: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-92-px {
    margin-left: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-96-px {
    margin-left: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-112-px {
    margin-left: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-128-px {
    margin-left: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-144-px {
    margin-left: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-160-px {
    margin-left: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-180-px {
    margin-left: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-200-px {
    margin-left: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-240-px {
    margin-left: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-280-px {
    margin-left: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-320-px {
    margin-left: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-360-px {
    margin-left: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-400-px {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-440-px {
    margin-left: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-480-px {
    margin-left: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-520-px {
    margin-left: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-560-px {
    margin-left: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-600-px {
    margin-left: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-640-px {
    margin-left: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-680-px {
    margin-left: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-720-px {
    margin-left: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-760-px {
    margin-left: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-800-px {
    margin-left: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-840-px {
    margin-left: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-880-px {
    margin-left: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-920-px {
    margin-left: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-960-px {
    margin-left: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-1000-px {
    margin-left: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-1040-px {
    margin-left: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-1080-px {
    margin-left: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-0-px {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-2-px {
    margin-left: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-4-px {
    margin-left: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-6-px {
    margin-left: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-8-px {
    margin-left: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-12-px {
    margin-left: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-16-px {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-20-px {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-24-px {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-28-px {
    margin-left: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-32-px {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-36-px {
    margin-left: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-40-px {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-48-px {
    margin-left: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-52-px {
    margin-left: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-56-px {
    margin-left: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-60-px {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-64-px {
    margin-left: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-68-px {
    margin-left: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-72-px {
    margin-left: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-76-px {
    margin-left: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-80-px {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-84-px {
    margin-left: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-88-px {
    margin-left: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-92-px {
    margin-left: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-96-px {
    margin-left: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-112-px {
    margin-left: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-128-px {
    margin-left: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-144-px {
    margin-left: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-160-px {
    margin-left: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-180-px {
    margin-left: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-200-px {
    margin-left: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-240-px {
    margin-left: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-280-px {
    margin-left: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-320-px {
    margin-left: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-360-px {
    margin-left: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-400-px {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-440-px {
    margin-left: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-480-px {
    margin-left: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-520-px {
    margin-left: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-560-px {
    margin-left: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-600-px {
    margin-left: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-640-px {
    margin-left: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-680-px {
    margin-left: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-720-px {
    margin-left: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-760-px {
    margin-left: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-800-px {
    margin-left: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-840-px {
    margin-left: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-880-px {
    margin-left: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-920-px {
    margin-left: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-960-px {
    margin-left: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-1000-px {
    margin-left: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-1040-px {
    margin-left: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-1080-px {
    margin-left: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-0-px {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-2-px {
    margin-left: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-4-px {
    margin-left: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-6-px {
    margin-left: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-8-px {
    margin-left: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-12-px {
    margin-left: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-16-px {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-20-px {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-24-px {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-28-px {
    margin-left: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-32-px {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-36-px {
    margin-left: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-40-px {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-48-px {
    margin-left: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-52-px {
    margin-left: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-56-px {
    margin-left: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-60-px {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-64-px {
    margin-left: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-68-px {
    margin-left: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-72-px {
    margin-left: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-76-px {
    margin-left: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-80-px {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-84-px {
    margin-left: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-88-px {
    margin-left: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-92-px {
    margin-left: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-96-px {
    margin-left: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-112-px {
    margin-left: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-128-px {
    margin-left: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-144-px {
    margin-left: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-160-px {
    margin-left: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-180-px {
    margin-left: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-200-px {
    margin-left: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-240-px {
    margin-left: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-280-px {
    margin-left: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-320-px {
    margin-left: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-360-px {
    margin-left: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-400-px {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-440-px {
    margin-left: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-480-px {
    margin-left: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-520-px {
    margin-left: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-560-px {
    margin-left: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-600-px {
    margin-left: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-640-px {
    margin-left: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-680-px {
    margin-left: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-720-px {
    margin-left: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-760-px {
    margin-left: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-800-px {
    margin-left: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-840-px {
    margin-left: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-880-px {
    margin-left: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-920-px {
    margin-left: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-960-px {
    margin-left: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-1000-px {
    margin-left: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-1040-px {
    margin-left: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-1080-px {
    margin-left: 1080px !important;
  }
}
.or-mb-0-px {
  margin-bottom: 0px !important;
}
.or-mb-2-px {
  margin-bottom: 2px !important;
}
.or-mb-4-px {
  margin-bottom: 4px !important;
}
.or-mb-6-px {
  margin-bottom: 6px !important;
}
.or-mb-8-px {
  margin-bottom: 8px !important;
}
.or-mb-12-px {
  margin-bottom: 12px !important;
}
.or-mb-16-px {
  margin-bottom: 16px !important;
}
.or-mb-20-px {
  margin-bottom: 20px !important;
}
.or-mb-24-px {
  margin-bottom: 24px !important;
}
.or-mb-28-px {
  margin-bottom: 28px !important;
}
.or-mb-32-px {
  margin-bottom: 32px !important;
}
.or-mb-36-px {
  margin-bottom: 36px !important;
}
.or-mb-40-px {
  margin-bottom: 40px !important;
}
.or-mb-48-px {
  margin-bottom: 48px !important;
}
.or-mb-52-px {
  margin-bottom: 52px !important;
}
.or-mb-56-px {
  margin-bottom: 56px !important;
}
.or-mb-60-px {
  margin-bottom: 60px !important;
}
.or-mb-64-px {
  margin-bottom: 64px !important;
}
.or-mb-68-px {
  margin-bottom: 68px !important;
}
.or-mb-72-px {
  margin-bottom: 72px !important;
}
.or-mb-76-px {
  margin-bottom: 76px !important;
}
.or-mb-80-px {
  margin-bottom: 80px !important;
}
.or-mb-84-px {
  margin-bottom: 84px !important;
}
.or-mb-88-px {
  margin-bottom: 88px !important;
}
.or-mb-92-px {
  margin-bottom: 92px !important;
}
.or-mb-96-px {
  margin-bottom: 96px !important;
}
.or-mb-112-px {
  margin-bottom: 112px !important;
}
.or-mb-128-px {
  margin-bottom: 128px !important;
}
.or-mb-144-px {
  margin-bottom: 144px !important;
}
.or-mb-160-px {
  margin-bottom: 160px !important;
}
.or-mb-180-px {
  margin-bottom: 180px !important;
}
.or-mb-200-px {
  margin-bottom: 200px !important;
}
.or-mb-240-px {
  margin-bottom: 240px !important;
}
.or-mb-280-px {
  margin-bottom: 280px !important;
}
.or-mb-320-px {
  margin-bottom: 320px !important;
}
.or-mb-360-px {
  margin-bottom: 360px !important;
}
.or-mb-400-px {
  margin-bottom: 400px !important;
}
.or-mb-440-px {
  margin-bottom: 440px !important;
}
.or-mb-480-px {
  margin-bottom: 480px !important;
}
.or-mb-520-px {
  margin-bottom: 520px !important;
}
.or-mb-560-px {
  margin-bottom: 560px !important;
}
.or-mb-600-px {
  margin-bottom: 600px !important;
}
.or-mb-640-px {
  margin-bottom: 640px !important;
}
.or-mb-680-px {
  margin-bottom: 680px !important;
}
.or-mb-720-px {
  margin-bottom: 720px !important;
}
.or-mb-760-px {
  margin-bottom: 760px !important;
}
.or-mb-800-px {
  margin-bottom: 800px !important;
}
.or-mb-840-px {
  margin-bottom: 840px !important;
}
.or-mb-880-px {
  margin-bottom: 880px !important;
}
.or-mb-920-px {
  margin-bottom: 920px !important;
}
.or-mb-960-px {
  margin-bottom: 960px !important;
}
.or-mb-1000-px {
  margin-bottom: 1000px !important;
}
.or-mb-1040-px {
  margin-bottom: 1040px !important;
}
.or-mb-1080-px {
  margin-bottom: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-mb-sm-0-px {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-2-px {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-4-px {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-6-px {
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-8-px {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-12-px {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-16-px {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-20-px {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-24-px {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-28-px {
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-32-px {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-36-px {
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-40-px {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-48-px {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-52-px {
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-56-px {
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-60-px {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-64-px {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-68-px {
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-72-px {
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-76-px {
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-80-px {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-84-px {
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-88-px {
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-92-px {
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-96-px {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-112-px {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-128-px {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-144-px {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-160-px {
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-180-px {
    margin-bottom: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-200-px {
    margin-bottom: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-240-px {
    margin-bottom: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-280-px {
    margin-bottom: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-320-px {
    margin-bottom: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-360-px {
    margin-bottom: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-400-px {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-440-px {
    margin-bottom: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-480-px {
    margin-bottom: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-520-px {
    margin-bottom: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-560-px {
    margin-bottom: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-600-px {
    margin-bottom: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-640-px {
    margin-bottom: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-680-px {
    margin-bottom: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-720-px {
    margin-bottom: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-760-px {
    margin-bottom: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-800-px {
    margin-bottom: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-840-px {
    margin-bottom: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-880-px {
    margin-bottom: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-920-px {
    margin-bottom: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-960-px {
    margin-bottom: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-1000-px {
    margin-bottom: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-1040-px {
    margin-bottom: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-1080-px {
    margin-bottom: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-0-px {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-2-px {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-4-px {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-6-px {
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-8-px {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-12-px {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-16-px {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-20-px {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-24-px {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-28-px {
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-32-px {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-36-px {
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-40-px {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-48-px {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-52-px {
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-56-px {
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-60-px {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-64-px {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-68-px {
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-72-px {
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-76-px {
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-80-px {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-84-px {
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-88-px {
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-92-px {
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-96-px {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-112-px {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-128-px {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-144-px {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-160-px {
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-180-px {
    margin-bottom: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-200-px {
    margin-bottom: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-240-px {
    margin-bottom: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-280-px {
    margin-bottom: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-320-px {
    margin-bottom: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-360-px {
    margin-bottom: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-400-px {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-440-px {
    margin-bottom: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-480-px {
    margin-bottom: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-520-px {
    margin-bottom: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-560-px {
    margin-bottom: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-600-px {
    margin-bottom: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-640-px {
    margin-bottom: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-680-px {
    margin-bottom: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-720-px {
    margin-bottom: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-760-px {
    margin-bottom: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-800-px {
    margin-bottom: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-840-px {
    margin-bottom: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-880-px {
    margin-bottom: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-920-px {
    margin-bottom: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-960-px {
    margin-bottom: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-1000-px {
    margin-bottom: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-1040-px {
    margin-bottom: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-1080-px {
    margin-bottom: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-0-px {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-2-px {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-4-px {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-6-px {
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-8-px {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-12-px {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-16-px {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-20-px {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-24-px {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-28-px {
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-32-px {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-36-px {
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-40-px {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-48-px {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-52-px {
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-56-px {
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-60-px {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-64-px {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-68-px {
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-72-px {
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-76-px {
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-80-px {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-84-px {
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-88-px {
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-92-px {
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-96-px {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-112-px {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-128-px {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-144-px {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-160-px {
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-180-px {
    margin-bottom: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-200-px {
    margin-bottom: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-240-px {
    margin-bottom: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-280-px {
    margin-bottom: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-320-px {
    margin-bottom: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-360-px {
    margin-bottom: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-400-px {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-440-px {
    margin-bottom: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-480-px {
    margin-bottom: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-520-px {
    margin-bottom: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-560-px {
    margin-bottom: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-600-px {
    margin-bottom: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-640-px {
    margin-bottom: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-680-px {
    margin-bottom: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-720-px {
    margin-bottom: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-760-px {
    margin-bottom: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-800-px {
    margin-bottom: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-840-px {
    margin-bottom: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-880-px {
    margin-bottom: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-920-px {
    margin-bottom: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-960-px {
    margin-bottom: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-1000-px {
    margin-bottom: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-1040-px {
    margin-bottom: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-1080-px {
    margin-bottom: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-0-px {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-2-px {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-4-px {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-6-px {
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-8-px {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-12-px {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-16-px {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-20-px {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-24-px {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-28-px {
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-32-px {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-36-px {
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-40-px {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-48-px {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-52-px {
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-56-px {
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-60-px {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-64-px {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-68-px {
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-72-px {
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-76-px {
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-80-px {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-84-px {
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-88-px {
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-92-px {
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-96-px {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-112-px {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-128-px {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-144-px {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-160-px {
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-180-px {
    margin-bottom: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-200-px {
    margin-bottom: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-240-px {
    margin-bottom: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-280-px {
    margin-bottom: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-320-px {
    margin-bottom: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-360-px {
    margin-bottom: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-400-px {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-440-px {
    margin-bottom: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-480-px {
    margin-bottom: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-520-px {
    margin-bottom: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-560-px {
    margin-bottom: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-600-px {
    margin-bottom: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-640-px {
    margin-bottom: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-680-px {
    margin-bottom: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-720-px {
    margin-bottom: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-760-px {
    margin-bottom: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-800-px {
    margin-bottom: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-840-px {
    margin-bottom: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-880-px {
    margin-bottom: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-920-px {
    margin-bottom: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-960-px {
    margin-bottom: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-1000-px {
    margin-bottom: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-1040-px {
    margin-bottom: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-1080-px {
    margin-bottom: 1080px !important;
  }
}
.or-mr-0-px {
  margin-right: 0px !important;
}
.or-mr-2-px {
  margin-right: 2px !important;
}
.or-mr-4-px {
  margin-right: 4px !important;
}
.or-mr-6-px {
  margin-right: 6px !important;
}
.or-mr-8-px {
  margin-right: 8px !important;
}
.or-mr-12-px {
  margin-right: 12px !important;
}
.or-mr-16-px {
  margin-right: 16px !important;
}
.or-mr-20-px {
  margin-right: 20px !important;
}
.or-mr-24-px {
  margin-right: 24px !important;
}
.or-mr-28-px {
  margin-right: 28px !important;
}
.or-mr-32-px {
  margin-right: 32px !important;
}
.or-mr-36-px {
  margin-right: 36px !important;
}
.or-mr-40-px {
  margin-right: 40px !important;
}
.or-mr-48-px {
  margin-right: 48px !important;
}
.or-mr-52-px {
  margin-right: 52px !important;
}
.or-mr-56-px {
  margin-right: 56px !important;
}
.or-mr-60-px {
  margin-right: 60px !important;
}
.or-mr-64-px {
  margin-right: 64px !important;
}
.or-mr-68-px {
  margin-right: 68px !important;
}
.or-mr-72-px {
  margin-right: 72px !important;
}
.or-mr-76-px {
  margin-right: 76px !important;
}
.or-mr-80-px {
  margin-right: 80px !important;
}
.or-mr-84-px {
  margin-right: 84px !important;
}
.or-mr-88-px {
  margin-right: 88px !important;
}
.or-mr-92-px {
  margin-right: 92px !important;
}
.or-mr-96-px {
  margin-right: 96px !important;
}
.or-mr-112-px {
  margin-right: 112px !important;
}
.or-mr-128-px {
  margin-right: 128px !important;
}
.or-mr-144-px {
  margin-right: 144px !important;
}
.or-mr-160-px {
  margin-right: 160px !important;
}
.or-mr-180-px {
  margin-right: 180px !important;
}
.or-mr-200-px {
  margin-right: 200px !important;
}
.or-mr-240-px {
  margin-right: 240px !important;
}
.or-mr-280-px {
  margin-right: 280px !important;
}
.or-mr-320-px {
  margin-right: 320px !important;
}
.or-mr-360-px {
  margin-right: 360px !important;
}
.or-mr-400-px {
  margin-right: 400px !important;
}
.or-mr-440-px {
  margin-right: 440px !important;
}
.or-mr-480-px {
  margin-right: 480px !important;
}
.or-mr-520-px {
  margin-right: 520px !important;
}
.or-mr-560-px {
  margin-right: 560px !important;
}
.or-mr-600-px {
  margin-right: 600px !important;
}
.or-mr-640-px {
  margin-right: 640px !important;
}
.or-mr-680-px {
  margin-right: 680px !important;
}
.or-mr-720-px {
  margin-right: 720px !important;
}
.or-mr-760-px {
  margin-right: 760px !important;
}
.or-mr-800-px {
  margin-right: 800px !important;
}
.or-mr-840-px {
  margin-right: 840px !important;
}
.or-mr-880-px {
  margin-right: 880px !important;
}
.or-mr-920-px {
  margin-right: 920px !important;
}
.or-mr-960-px {
  margin-right: 960px !important;
}
.or-mr-1000-px {
  margin-right: 1000px !important;
}
.or-mr-1040-px {
  margin-right: 1040px !important;
}
.or-mr-1080-px {
  margin-right: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-mr-sm-0-px {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-2-px {
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-4-px {
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-6-px {
    margin-right: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-8-px {
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-12-px {
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-16-px {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-20-px {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-24-px {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-28-px {
    margin-right: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-32-px {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-36-px {
    margin-right: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-40-px {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-48-px {
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-52-px {
    margin-right: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-56-px {
    margin-right: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-60-px {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-64-px {
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-68-px {
    margin-right: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-72-px {
    margin-right: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-76-px {
    margin-right: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-80-px {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-84-px {
    margin-right: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-88-px {
    margin-right: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-92-px {
    margin-right: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-96-px {
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-112-px {
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-128-px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-144-px {
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-160-px {
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-180-px {
    margin-right: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-200-px {
    margin-right: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-240-px {
    margin-right: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-280-px {
    margin-right: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-320-px {
    margin-right: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-360-px {
    margin-right: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-400-px {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-440-px {
    margin-right: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-480-px {
    margin-right: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-520-px {
    margin-right: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-560-px {
    margin-right: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-600-px {
    margin-right: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-640-px {
    margin-right: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-680-px {
    margin-right: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-720-px {
    margin-right: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-760-px {
    margin-right: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-800-px {
    margin-right: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-840-px {
    margin-right: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-880-px {
    margin-right: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-920-px {
    margin-right: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-960-px {
    margin-right: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-1000-px {
    margin-right: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-1040-px {
    margin-right: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-1080-px {
    margin-right: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-0-px {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-2-px {
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-4-px {
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-6-px {
    margin-right: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-8-px {
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-12-px {
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-16-px {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-20-px {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-24-px {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-28-px {
    margin-right: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-32-px {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-36-px {
    margin-right: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-40-px {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-48-px {
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-52-px {
    margin-right: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-56-px {
    margin-right: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-60-px {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-64-px {
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-68-px {
    margin-right: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-72-px {
    margin-right: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-76-px {
    margin-right: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-80-px {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-84-px {
    margin-right: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-88-px {
    margin-right: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-92-px {
    margin-right: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-96-px {
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-112-px {
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-128-px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-144-px {
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-160-px {
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-180-px {
    margin-right: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-200-px {
    margin-right: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-240-px {
    margin-right: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-280-px {
    margin-right: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-320-px {
    margin-right: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-360-px {
    margin-right: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-400-px {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-440-px {
    margin-right: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-480-px {
    margin-right: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-520-px {
    margin-right: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-560-px {
    margin-right: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-600-px {
    margin-right: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-640-px {
    margin-right: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-680-px {
    margin-right: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-720-px {
    margin-right: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-760-px {
    margin-right: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-800-px {
    margin-right: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-840-px {
    margin-right: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-880-px {
    margin-right: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-920-px {
    margin-right: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-960-px {
    margin-right: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-1000-px {
    margin-right: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-1040-px {
    margin-right: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-1080-px {
    margin-right: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-0-px {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-2-px {
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-4-px {
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-6-px {
    margin-right: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-8-px {
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-12-px {
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-16-px {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-20-px {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-24-px {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-28-px {
    margin-right: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-32-px {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-36-px {
    margin-right: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-40-px {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-48-px {
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-52-px {
    margin-right: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-56-px {
    margin-right: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-60-px {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-64-px {
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-68-px {
    margin-right: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-72-px {
    margin-right: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-76-px {
    margin-right: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-80-px {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-84-px {
    margin-right: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-88-px {
    margin-right: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-92-px {
    margin-right: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-96-px {
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-112-px {
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-128-px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-144-px {
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-160-px {
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-180-px {
    margin-right: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-200-px {
    margin-right: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-240-px {
    margin-right: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-280-px {
    margin-right: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-320-px {
    margin-right: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-360-px {
    margin-right: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-400-px {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-440-px {
    margin-right: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-480-px {
    margin-right: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-520-px {
    margin-right: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-560-px {
    margin-right: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-600-px {
    margin-right: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-640-px {
    margin-right: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-680-px {
    margin-right: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-720-px {
    margin-right: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-760-px {
    margin-right: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-800-px {
    margin-right: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-840-px {
    margin-right: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-880-px {
    margin-right: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-920-px {
    margin-right: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-960-px {
    margin-right: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-1000-px {
    margin-right: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-1040-px {
    margin-right: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-1080-px {
    margin-right: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-0-px {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-2-px {
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-4-px {
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-6-px {
    margin-right: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-8-px {
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-12-px {
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-16-px {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-20-px {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-24-px {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-28-px {
    margin-right: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-32-px {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-36-px {
    margin-right: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-40-px {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-48-px {
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-52-px {
    margin-right: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-56-px {
    margin-right: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-60-px {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-64-px {
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-68-px {
    margin-right: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-72-px {
    margin-right: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-76-px {
    margin-right: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-80-px {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-84-px {
    margin-right: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-88-px {
    margin-right: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-92-px {
    margin-right: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-96-px {
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-112-px {
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-128-px {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-144-px {
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-160-px {
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-180-px {
    margin-right: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-200-px {
    margin-right: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-240-px {
    margin-right: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-280-px {
    margin-right: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-320-px {
    margin-right: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-360-px {
    margin-right: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-400-px {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-440-px {
    margin-right: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-480-px {
    margin-right: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-520-px {
    margin-right: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-560-px {
    margin-right: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-600-px {
    margin-right: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-640-px {
    margin-right: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-680-px {
    margin-right: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-720-px {
    margin-right: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-760-px {
    margin-right: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-800-px {
    margin-right: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-840-px {
    margin-right: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-880-px {
    margin-right: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-920-px {
    margin-right: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-960-px {
    margin-right: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-1000-px {
    margin-right: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-1040-px {
    margin-right: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-1080-px {
    margin-right: 1080px !important;
  }
}
.or-p-0-px {
  padding: 0px !important;
}
.or-p-2-px {
  padding: 2px !important;
}
.or-p-4-px {
  padding: 4px !important;
}
.or-p-6-px {
  padding: 6px !important;
}
.or-p-8-px {
  padding: 8px !important;
}
.or-p-12-px {
  padding: 12px !important;
}
.or-p-16-px {
  padding: 16px !important;
}
.or-p-20-px {
  padding: 20px !important;
}
.or-p-24-px {
  padding: 24px !important;
}
.or-p-28-px {
  padding: 28px !important;
}
.or-p-32-px {
  padding: 32px !important;
}
.or-p-36-px {
  padding: 36px !important;
}
.or-p-40-px {
  padding: 40px !important;
}
.or-p-48-px {
  padding: 48px !important;
}
.or-p-52-px {
  padding: 52px !important;
}
.or-p-56-px {
  padding: 56px !important;
}
.or-p-60-px {
  padding: 60px !important;
}
.or-p-64-px {
  padding: 64px !important;
}
.or-p-68-px {
  padding: 68px !important;
}
.or-p-72-px {
  padding: 72px !important;
}
.or-p-76-px {
  padding: 76px !important;
}
.or-p-80-px {
  padding: 80px !important;
}
.or-p-84-px {
  padding: 84px !important;
}
.or-p-88-px {
  padding: 88px !important;
}
.or-p-92-px {
  padding: 92px !important;
}
.or-p-96-px {
  padding: 96px !important;
}
.or-p-112-px {
  padding: 112px !important;
}
.or-p-128-px {
  padding: 128px !important;
}
.or-p-144-px {
  padding: 144px !important;
}
.or-p-160-px {
  padding: 160px !important;
}
.or-p-180-px {
  padding: 180px !important;
}
.or-p-200-px {
  padding: 200px !important;
}
.or-p-240-px {
  padding: 240px !important;
}
.or-p-280-px {
  padding: 280px !important;
}
.or-p-320-px {
  padding: 320px !important;
}
.or-p-360-px {
  padding: 360px !important;
}
.or-p-400-px {
  padding: 400px !important;
}
.or-p-440-px {
  padding: 440px !important;
}
.or-p-480-px {
  padding: 480px !important;
}
.or-p-520-px {
  padding: 520px !important;
}
.or-p-560-px {
  padding: 560px !important;
}
.or-p-600-px {
  padding: 600px !important;
}
.or-p-640-px {
  padding: 640px !important;
}
.or-p-680-px {
  padding: 680px !important;
}
.or-p-720-px {
  padding: 720px !important;
}
.or-p-760-px {
  padding: 760px !important;
}
.or-p-800-px {
  padding: 800px !important;
}
.or-p-840-px {
  padding: 840px !important;
}
.or-p-880-px {
  padding: 880px !important;
}
.or-p-920-px {
  padding: 920px !important;
}
.or-p-960-px {
  padding: 960px !important;
}
.or-p-1000-px {
  padding: 1000px !important;
}
.or-p-1040-px {
  padding: 1040px !important;
}
.or-p-1080-px {
  padding: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-p-sm-0-px {
    padding: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-2-px {
    padding: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-4-px {
    padding: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-6-px {
    padding: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-8-px {
    padding: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-12-px {
    padding: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-16-px {
    padding: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-20-px {
    padding: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-24-px {
    padding: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-28-px {
    padding: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-32-px {
    padding: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-36-px {
    padding: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-40-px {
    padding: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-48-px {
    padding: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-52-px {
    padding: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-56-px {
    padding: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-60-px {
    padding: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-64-px {
    padding: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-68-px {
    padding: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-72-px {
    padding: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-76-px {
    padding: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-80-px {
    padding: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-84-px {
    padding: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-88-px {
    padding: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-92-px {
    padding: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-96-px {
    padding: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-112-px {
    padding: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-128-px {
    padding: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-144-px {
    padding: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-160-px {
    padding: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-180-px {
    padding: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-200-px {
    padding: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-240-px {
    padding: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-280-px {
    padding: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-320-px {
    padding: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-360-px {
    padding: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-400-px {
    padding: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-440-px {
    padding: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-480-px {
    padding: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-520-px {
    padding: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-560-px {
    padding: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-600-px {
    padding: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-640-px {
    padding: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-680-px {
    padding: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-720-px {
    padding: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-760-px {
    padding: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-800-px {
    padding: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-840-px {
    padding: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-880-px {
    padding: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-920-px {
    padding: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-960-px {
    padding: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-1000-px {
    padding: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-1040-px {
    padding: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-1080-px {
    padding: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-0-px {
    padding: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-2-px {
    padding: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-4-px {
    padding: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-6-px {
    padding: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-8-px {
    padding: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-12-px {
    padding: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-16-px {
    padding: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-20-px {
    padding: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-24-px {
    padding: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-28-px {
    padding: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-32-px {
    padding: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-36-px {
    padding: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-40-px {
    padding: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-48-px {
    padding: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-52-px {
    padding: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-56-px {
    padding: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-60-px {
    padding: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-64-px {
    padding: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-68-px {
    padding: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-72-px {
    padding: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-76-px {
    padding: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-80-px {
    padding: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-84-px {
    padding: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-88-px {
    padding: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-92-px {
    padding: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-96-px {
    padding: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-112-px {
    padding: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-128-px {
    padding: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-144-px {
    padding: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-160-px {
    padding: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-180-px {
    padding: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-200-px {
    padding: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-240-px {
    padding: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-280-px {
    padding: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-320-px {
    padding: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-360-px {
    padding: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-400-px {
    padding: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-440-px {
    padding: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-480-px {
    padding: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-520-px {
    padding: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-560-px {
    padding: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-600-px {
    padding: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-640-px {
    padding: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-680-px {
    padding: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-720-px {
    padding: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-760-px {
    padding: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-800-px {
    padding: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-840-px {
    padding: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-880-px {
    padding: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-920-px {
    padding: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-960-px {
    padding: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-1000-px {
    padding: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-1040-px {
    padding: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-1080-px {
    padding: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-0-px {
    padding: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-2-px {
    padding: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-4-px {
    padding: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-6-px {
    padding: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-8-px {
    padding: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-12-px {
    padding: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-16-px {
    padding: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-20-px {
    padding: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-24-px {
    padding: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-28-px {
    padding: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-32-px {
    padding: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-36-px {
    padding: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-40-px {
    padding: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-48-px {
    padding: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-52-px {
    padding: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-56-px {
    padding: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-60-px {
    padding: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-64-px {
    padding: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-68-px {
    padding: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-72-px {
    padding: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-76-px {
    padding: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-80-px {
    padding: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-84-px {
    padding: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-88-px {
    padding: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-92-px {
    padding: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-96-px {
    padding: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-112-px {
    padding: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-128-px {
    padding: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-144-px {
    padding: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-160-px {
    padding: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-180-px {
    padding: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-200-px {
    padding: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-240-px {
    padding: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-280-px {
    padding: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-320-px {
    padding: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-360-px {
    padding: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-400-px {
    padding: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-440-px {
    padding: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-480-px {
    padding: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-520-px {
    padding: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-560-px {
    padding: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-600-px {
    padding: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-640-px {
    padding: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-680-px {
    padding: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-720-px {
    padding: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-760-px {
    padding: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-800-px {
    padding: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-840-px {
    padding: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-880-px {
    padding: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-920-px {
    padding: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-960-px {
    padding: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-1000-px {
    padding: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-1040-px {
    padding: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-1080-px {
    padding: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-0-px {
    padding: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-2-px {
    padding: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-4-px {
    padding: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-6-px {
    padding: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-8-px {
    padding: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-12-px {
    padding: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-16-px {
    padding: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-20-px {
    padding: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-24-px {
    padding: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-28-px {
    padding: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-32-px {
    padding: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-36-px {
    padding: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-40-px {
    padding: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-48-px {
    padding: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-52-px {
    padding: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-56-px {
    padding: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-60-px {
    padding: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-64-px {
    padding: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-68-px {
    padding: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-72-px {
    padding: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-76-px {
    padding: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-80-px {
    padding: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-84-px {
    padding: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-88-px {
    padding: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-92-px {
    padding: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-96-px {
    padding: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-112-px {
    padding: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-128-px {
    padding: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-144-px {
    padding: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-160-px {
    padding: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-180-px {
    padding: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-200-px {
    padding: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-240-px {
    padding: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-280-px {
    padding: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-320-px {
    padding: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-360-px {
    padding: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-400-px {
    padding: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-440-px {
    padding: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-480-px {
    padding: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-520-px {
    padding: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-560-px {
    padding: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-600-px {
    padding: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-640-px {
    padding: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-680-px {
    padding: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-720-px {
    padding: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-760-px {
    padding: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-800-px {
    padding: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-840-px {
    padding: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-880-px {
    padding: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-920-px {
    padding: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-960-px {
    padding: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-1000-px {
    padding: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-1040-px {
    padding: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-1080-px {
    padding: 1080px !important;
  }
}
.or-py-0-px {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.or-py-2-px {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.or-py-4-px {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.or-py-6-px {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.or-py-8-px {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.or-py-12-px {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.or-py-16-px {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.or-py-20-px {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.or-py-24-px {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.or-py-28-px {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.or-py-32-px {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.or-py-36-px {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.or-py-40-px {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.or-py-48-px {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.or-py-52-px {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.or-py-56-px {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.or-py-60-px {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.or-py-64-px {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.or-py-68-px {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}
.or-py-72-px {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.or-py-76-px {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}
.or-py-80-px {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.or-py-84-px {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}
.or-py-88-px {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
.or-py-92-px {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}
.or-py-96-px {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
.or-py-112-px {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}
.or-py-128-px {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}
.or-py-144-px {
  padding-top: 144px !important;
  padding-bottom: 144px !important;
}
.or-py-160-px {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}
.or-py-180-px {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}
.or-py-200-px {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}
.or-py-240-px {
  padding-top: 240px !important;
  padding-bottom: 240px !important;
}
.or-py-280-px {
  padding-top: 280px !important;
  padding-bottom: 280px !important;
}
.or-py-320-px {
  padding-top: 320px !important;
  padding-bottom: 320px !important;
}
.or-py-360-px {
  padding-top: 360px !important;
  padding-bottom: 360px !important;
}
.or-py-400-px {
  padding-top: 400px !important;
  padding-bottom: 400px !important;
}
.or-py-440-px {
  padding-top: 440px !important;
  padding-bottom: 440px !important;
}
.or-py-480-px {
  padding-top: 480px !important;
  padding-bottom: 480px !important;
}
.or-py-520-px {
  padding-top: 520px !important;
  padding-bottom: 520px !important;
}
.or-py-560-px {
  padding-top: 560px !important;
  padding-bottom: 560px !important;
}
.or-py-600-px {
  padding-top: 600px !important;
  padding-bottom: 600px !important;
}
.or-py-640-px {
  padding-top: 640px !important;
  padding-bottom: 640px !important;
}
.or-py-680-px {
  padding-top: 680px !important;
  padding-bottom: 680px !important;
}
.or-py-720-px {
  padding-top: 720px !important;
  padding-bottom: 720px !important;
}
.or-py-760-px {
  padding-top: 760px !important;
  padding-bottom: 760px !important;
}
.or-py-800-px {
  padding-top: 800px !important;
  padding-bottom: 800px !important;
}
.or-py-840-px {
  padding-top: 840px !important;
  padding-bottom: 840px !important;
}
.or-py-880-px {
  padding-top: 880px !important;
  padding-bottom: 880px !important;
}
.or-py-920-px {
  padding-top: 920px !important;
  padding-bottom: 920px !important;
}
.or-py-960-px {
  padding-top: 960px !important;
  padding-bottom: 960px !important;
}
.or-py-1000-px {
  padding-top: 1000px !important;
  padding-bottom: 1000px !important;
}
.or-py-1040-px {
  padding-top: 1040px !important;
  padding-bottom: 1040px !important;
}
.or-py-1080-px {
  padding-top: 1080px !important;
  padding-bottom: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-py-sm-0-px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-2-px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-4-px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-6-px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-8-px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-12-px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-16-px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-20-px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-24-px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-28-px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-32-px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-36-px {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-40-px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-48-px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-52-px {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-56-px {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-60-px {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-64-px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-68-px {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-72-px {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-76-px {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-80-px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-84-px {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-88-px {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-92-px {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-96-px {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-112-px {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-128-px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-144-px {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-160-px {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-180-px {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-200-px {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-240-px {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-280-px {
    padding-top: 280px !important;
    padding-bottom: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-320-px {
    padding-top: 320px !important;
    padding-bottom: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-360-px {
    padding-top: 360px !important;
    padding-bottom: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-400-px {
    padding-top: 400px !important;
    padding-bottom: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-440-px {
    padding-top: 440px !important;
    padding-bottom: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-480-px {
    padding-top: 480px !important;
    padding-bottom: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-520-px {
    padding-top: 520px !important;
    padding-bottom: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-560-px {
    padding-top: 560px !important;
    padding-bottom: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-600-px {
    padding-top: 600px !important;
    padding-bottom: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-640-px {
    padding-top: 640px !important;
    padding-bottom: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-680-px {
    padding-top: 680px !important;
    padding-bottom: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-720-px {
    padding-top: 720px !important;
    padding-bottom: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-760-px {
    padding-top: 760px !important;
    padding-bottom: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-800-px {
    padding-top: 800px !important;
    padding-bottom: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-840-px {
    padding-top: 840px !important;
    padding-bottom: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-880-px {
    padding-top: 880px !important;
    padding-bottom: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-920-px {
    padding-top: 920px !important;
    padding-bottom: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-960-px {
    padding-top: 960px !important;
    padding-bottom: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-1000-px {
    padding-top: 1000px !important;
    padding-bottom: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-1040-px {
    padding-top: 1040px !important;
    padding-bottom: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-1080-px {
    padding-top: 1080px !important;
    padding-bottom: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-0-px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-2-px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-4-px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-6-px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-8-px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-12-px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-16-px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-20-px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-24-px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-28-px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-32-px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-36-px {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-40-px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-48-px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-52-px {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-56-px {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-60-px {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-64-px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-68-px {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-72-px {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-76-px {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-80-px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-84-px {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-88-px {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-92-px {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-96-px {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-112-px {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-128-px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-144-px {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-160-px {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-180-px {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-200-px {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-240-px {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-280-px {
    padding-top: 280px !important;
    padding-bottom: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-320-px {
    padding-top: 320px !important;
    padding-bottom: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-360-px {
    padding-top: 360px !important;
    padding-bottom: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-400-px {
    padding-top: 400px !important;
    padding-bottom: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-440-px {
    padding-top: 440px !important;
    padding-bottom: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-480-px {
    padding-top: 480px !important;
    padding-bottom: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-520-px {
    padding-top: 520px !important;
    padding-bottom: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-560-px {
    padding-top: 560px !important;
    padding-bottom: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-600-px {
    padding-top: 600px !important;
    padding-bottom: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-640-px {
    padding-top: 640px !important;
    padding-bottom: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-680-px {
    padding-top: 680px !important;
    padding-bottom: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-720-px {
    padding-top: 720px !important;
    padding-bottom: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-760-px {
    padding-top: 760px !important;
    padding-bottom: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-800-px {
    padding-top: 800px !important;
    padding-bottom: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-840-px {
    padding-top: 840px !important;
    padding-bottom: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-880-px {
    padding-top: 880px !important;
    padding-bottom: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-920-px {
    padding-top: 920px !important;
    padding-bottom: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-960-px {
    padding-top: 960px !important;
    padding-bottom: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-1000-px {
    padding-top: 1000px !important;
    padding-bottom: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-1040-px {
    padding-top: 1040px !important;
    padding-bottom: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-1080-px {
    padding-top: 1080px !important;
    padding-bottom: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-0-px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-2-px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-4-px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-6-px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-8-px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-12-px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-16-px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-20-px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-24-px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-28-px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-32-px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-36-px {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-40-px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-48-px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-52-px {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-56-px {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-60-px {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-64-px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-68-px {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-72-px {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-76-px {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-80-px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-84-px {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-88-px {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-92-px {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-96-px {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-112-px {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-128-px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-144-px {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-160-px {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-180-px {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-200-px {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-240-px {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-280-px {
    padding-top: 280px !important;
    padding-bottom: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-320-px {
    padding-top: 320px !important;
    padding-bottom: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-360-px {
    padding-top: 360px !important;
    padding-bottom: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-400-px {
    padding-top: 400px !important;
    padding-bottom: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-440-px {
    padding-top: 440px !important;
    padding-bottom: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-480-px {
    padding-top: 480px !important;
    padding-bottom: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-520-px {
    padding-top: 520px !important;
    padding-bottom: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-560-px {
    padding-top: 560px !important;
    padding-bottom: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-600-px {
    padding-top: 600px !important;
    padding-bottom: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-640-px {
    padding-top: 640px !important;
    padding-bottom: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-680-px {
    padding-top: 680px !important;
    padding-bottom: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-720-px {
    padding-top: 720px !important;
    padding-bottom: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-760-px {
    padding-top: 760px !important;
    padding-bottom: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-800-px {
    padding-top: 800px !important;
    padding-bottom: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-840-px {
    padding-top: 840px !important;
    padding-bottom: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-880-px {
    padding-top: 880px !important;
    padding-bottom: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-920-px {
    padding-top: 920px !important;
    padding-bottom: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-960-px {
    padding-top: 960px !important;
    padding-bottom: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-1000-px {
    padding-top: 1000px !important;
    padding-bottom: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-1040-px {
    padding-top: 1040px !important;
    padding-bottom: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-1080-px {
    padding-top: 1080px !important;
    padding-bottom: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-0-px {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-2-px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-4-px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-6-px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-8-px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-12-px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-16-px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-20-px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-24-px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-28-px {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-32-px {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-36-px {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-40-px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-48-px {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-52-px {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-56-px {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-60-px {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-64-px {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-68-px {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-72-px {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-76-px {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-80-px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-84-px {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-88-px {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-92-px {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-96-px {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-112-px {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-128-px {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-144-px {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-160-px {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-180-px {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-200-px {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-240-px {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-280-px {
    padding-top: 280px !important;
    padding-bottom: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-320-px {
    padding-top: 320px !important;
    padding-bottom: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-360-px {
    padding-top: 360px !important;
    padding-bottom: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-400-px {
    padding-top: 400px !important;
    padding-bottom: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-440-px {
    padding-top: 440px !important;
    padding-bottom: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-480-px {
    padding-top: 480px !important;
    padding-bottom: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-520-px {
    padding-top: 520px !important;
    padding-bottom: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-560-px {
    padding-top: 560px !important;
    padding-bottom: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-600-px {
    padding-top: 600px !important;
    padding-bottom: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-640-px {
    padding-top: 640px !important;
    padding-bottom: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-680-px {
    padding-top: 680px !important;
    padding-bottom: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-720-px {
    padding-top: 720px !important;
    padding-bottom: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-760-px {
    padding-top: 760px !important;
    padding-bottom: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-800-px {
    padding-top: 800px !important;
    padding-bottom: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-840-px {
    padding-top: 840px !important;
    padding-bottom: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-880-px {
    padding-top: 880px !important;
    padding-bottom: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-920-px {
    padding-top: 920px !important;
    padding-bottom: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-960-px {
    padding-top: 960px !important;
    padding-bottom: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-1000-px {
    padding-top: 1000px !important;
    padding-bottom: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-1040-px {
    padding-top: 1040px !important;
    padding-bottom: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-1080-px {
    padding-top: 1080px !important;
    padding-bottom: 1080px !important;
  }
}
.or-px-0-px {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.or-px-2-px {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.or-px-4-px {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.or-px-6-px {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.or-px-8-px {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.or-px-12-px {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.or-px-16-px {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.or-px-20-px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.or-px-24-px {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.or-px-28-px {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.or-px-32-px {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.or-px-36-px {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.or-px-40-px {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.or-px-48-px {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.or-px-52-px {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.or-px-56-px {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.or-px-60-px {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.or-px-64-px {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.or-px-68-px {
  padding-left: 68px !important;
  padding-right: 68px !important;
}
.or-px-72-px {
  padding-left: 72px !important;
  padding-right: 72px !important;
}
.or-px-76-px {
  padding-left: 76px !important;
  padding-right: 76px !important;
}
.or-px-80-px {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.or-px-84-px {
  padding-left: 84px !important;
  padding-right: 84px !important;
}
.or-px-88-px {
  padding-left: 88px !important;
  padding-right: 88px !important;
}
.or-px-92-px {
  padding-left: 92px !important;
  padding-right: 92px !important;
}
.or-px-96-px {
  padding-left: 96px !important;
  padding-right: 96px !important;
}
.or-px-112-px {
  padding-left: 112px !important;
  padding-right: 112px !important;
}
.or-px-128-px {
  padding-left: 128px !important;
  padding-right: 128px !important;
}
.or-px-144-px {
  padding-left: 144px !important;
  padding-right: 144px !important;
}
.or-px-160-px {
  padding-left: 160px !important;
  padding-right: 160px !important;
}
.or-px-180-px {
  padding-left: 180px !important;
  padding-right: 180px !important;
}
.or-px-200-px {
  padding-left: 200px !important;
  padding-right: 200px !important;
}
.or-px-240-px {
  padding-left: 240px !important;
  padding-right: 240px !important;
}
.or-px-280-px {
  padding-left: 280px !important;
  padding-right: 280px !important;
}
.or-px-320-px {
  padding-left: 320px !important;
  padding-right: 320px !important;
}
.or-px-360-px {
  padding-left: 360px !important;
  padding-right: 360px !important;
}
.or-px-400-px {
  padding-left: 400px !important;
  padding-right: 400px !important;
}
.or-px-440-px {
  padding-left: 440px !important;
  padding-right: 440px !important;
}
.or-px-480-px {
  padding-left: 480px !important;
  padding-right: 480px !important;
}
.or-px-520-px {
  padding-left: 520px !important;
  padding-right: 520px !important;
}
.or-px-560-px {
  padding-left: 560px !important;
  padding-right: 560px !important;
}
.or-px-600-px {
  padding-left: 600px !important;
  padding-right: 600px !important;
}
.or-px-640-px {
  padding-left: 640px !important;
  padding-right: 640px !important;
}
.or-px-680-px {
  padding-left: 680px !important;
  padding-right: 680px !important;
}
.or-px-720-px {
  padding-left: 720px !important;
  padding-right: 720px !important;
}
.or-px-760-px {
  padding-left: 760px !important;
  padding-right: 760px !important;
}
.or-px-800-px {
  padding-left: 800px !important;
  padding-right: 800px !important;
}
.or-px-840-px {
  padding-left: 840px !important;
  padding-right: 840px !important;
}
.or-px-880-px {
  padding-left: 880px !important;
  padding-right: 880px !important;
}
.or-px-920-px {
  padding-left: 920px !important;
  padding-right: 920px !important;
}
.or-px-960-px {
  padding-left: 960px !important;
  padding-right: 960px !important;
}
.or-px-1000-px {
  padding-left: 1000px !important;
  padding-right: 1000px !important;
}
.or-px-1040-px {
  padding-left: 1040px !important;
  padding-right: 1040px !important;
}
.or-px-1080-px {
  padding-left: 1080px !important;
  padding-right: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-px-sm-0-px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-2-px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-4-px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-6-px {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-8-px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-12-px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-16-px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-20-px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-24-px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-28-px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-32-px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-36-px {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-40-px {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-48-px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-52-px {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-56-px {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-60-px {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-64-px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-68-px {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-72-px {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-76-px {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-80-px {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-84-px {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-88-px {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-92-px {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-96-px {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-112-px {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-128-px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-144-px {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-160-px {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-180-px {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-200-px {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-240-px {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-280-px {
    padding-left: 280px !important;
    padding-right: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-320-px {
    padding-left: 320px !important;
    padding-right: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-360-px {
    padding-left: 360px !important;
    padding-right: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-400-px {
    padding-left: 400px !important;
    padding-right: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-440-px {
    padding-left: 440px !important;
    padding-right: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-480-px {
    padding-left: 480px !important;
    padding-right: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-520-px {
    padding-left: 520px !important;
    padding-right: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-560-px {
    padding-left: 560px !important;
    padding-right: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-600-px {
    padding-left: 600px !important;
    padding-right: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-640-px {
    padding-left: 640px !important;
    padding-right: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-680-px {
    padding-left: 680px !important;
    padding-right: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-720-px {
    padding-left: 720px !important;
    padding-right: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-760-px {
    padding-left: 760px !important;
    padding-right: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-800-px {
    padding-left: 800px !important;
    padding-right: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-840-px {
    padding-left: 840px !important;
    padding-right: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-880-px {
    padding-left: 880px !important;
    padding-right: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-920-px {
    padding-left: 920px !important;
    padding-right: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-960-px {
    padding-left: 960px !important;
    padding-right: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-1000-px {
    padding-left: 1000px !important;
    padding-right: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-1040-px {
    padding-left: 1040px !important;
    padding-right: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-1080-px {
    padding-left: 1080px !important;
    padding-right: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-0-px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-2-px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-4-px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-6-px {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-8-px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-12-px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-16-px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-20-px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-24-px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-28-px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-32-px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-36-px {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-40-px {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-48-px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-52-px {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-56-px {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-60-px {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-64-px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-68-px {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-72-px {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-76-px {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-80-px {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-84-px {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-88-px {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-92-px {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-96-px {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-112-px {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-128-px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-144-px {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-160-px {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-180-px {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-200-px {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-240-px {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-280-px {
    padding-left: 280px !important;
    padding-right: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-320-px {
    padding-left: 320px !important;
    padding-right: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-360-px {
    padding-left: 360px !important;
    padding-right: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-400-px {
    padding-left: 400px !important;
    padding-right: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-440-px {
    padding-left: 440px !important;
    padding-right: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-480-px {
    padding-left: 480px !important;
    padding-right: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-520-px {
    padding-left: 520px !important;
    padding-right: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-560-px {
    padding-left: 560px !important;
    padding-right: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-600-px {
    padding-left: 600px !important;
    padding-right: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-640-px {
    padding-left: 640px !important;
    padding-right: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-680-px {
    padding-left: 680px !important;
    padding-right: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-720-px {
    padding-left: 720px !important;
    padding-right: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-760-px {
    padding-left: 760px !important;
    padding-right: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-800-px {
    padding-left: 800px !important;
    padding-right: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-840-px {
    padding-left: 840px !important;
    padding-right: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-880-px {
    padding-left: 880px !important;
    padding-right: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-920-px {
    padding-left: 920px !important;
    padding-right: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-960-px {
    padding-left: 960px !important;
    padding-right: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-1000-px {
    padding-left: 1000px !important;
    padding-right: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-1040-px {
    padding-left: 1040px !important;
    padding-right: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-1080-px {
    padding-left: 1080px !important;
    padding-right: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-0-px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-2-px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-4-px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-6-px {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-8-px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-12-px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-16-px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-20-px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-24-px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-28-px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-32-px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-36-px {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-40-px {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-48-px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-52-px {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-56-px {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-60-px {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-64-px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-68-px {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-72-px {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-76-px {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-80-px {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-84-px {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-88-px {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-92-px {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-96-px {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-112-px {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-128-px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-144-px {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-160-px {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-180-px {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-200-px {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-240-px {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-280-px {
    padding-left: 280px !important;
    padding-right: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-320-px {
    padding-left: 320px !important;
    padding-right: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-360-px {
    padding-left: 360px !important;
    padding-right: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-400-px {
    padding-left: 400px !important;
    padding-right: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-440-px {
    padding-left: 440px !important;
    padding-right: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-480-px {
    padding-left: 480px !important;
    padding-right: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-520-px {
    padding-left: 520px !important;
    padding-right: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-560-px {
    padding-left: 560px !important;
    padding-right: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-600-px {
    padding-left: 600px !important;
    padding-right: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-640-px {
    padding-left: 640px !important;
    padding-right: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-680-px {
    padding-left: 680px !important;
    padding-right: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-720-px {
    padding-left: 720px !important;
    padding-right: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-760-px {
    padding-left: 760px !important;
    padding-right: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-800-px {
    padding-left: 800px !important;
    padding-right: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-840-px {
    padding-left: 840px !important;
    padding-right: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-880-px {
    padding-left: 880px !important;
    padding-right: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-920-px {
    padding-left: 920px !important;
    padding-right: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-960-px {
    padding-left: 960px !important;
    padding-right: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-1000-px {
    padding-left: 1000px !important;
    padding-right: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-1040-px {
    padding-left: 1040px !important;
    padding-right: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-1080-px {
    padding-left: 1080px !important;
    padding-right: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-0-px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-2-px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-4-px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-6-px {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-8-px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-12-px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-16-px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-20-px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-24-px {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-28-px {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-32-px {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-36-px {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-40-px {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-48-px {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-52-px {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-56-px {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-60-px {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-64-px {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-68-px {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-72-px {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-76-px {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-80-px {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-84-px {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-88-px {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-92-px {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-96-px {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-112-px {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-128-px {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-144-px {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-160-px {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-180-px {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-200-px {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-240-px {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-280-px {
    padding-left: 280px !important;
    padding-right: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-320-px {
    padding-left: 320px !important;
    padding-right: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-360-px {
    padding-left: 360px !important;
    padding-right: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-400-px {
    padding-left: 400px !important;
    padding-right: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-440-px {
    padding-left: 440px !important;
    padding-right: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-480-px {
    padding-left: 480px !important;
    padding-right: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-520-px {
    padding-left: 520px !important;
    padding-right: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-560-px {
    padding-left: 560px !important;
    padding-right: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-600-px {
    padding-left: 600px !important;
    padding-right: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-640-px {
    padding-left: 640px !important;
    padding-right: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-680-px {
    padding-left: 680px !important;
    padding-right: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-720-px {
    padding-left: 720px !important;
    padding-right: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-760-px {
    padding-left: 760px !important;
    padding-right: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-800-px {
    padding-left: 800px !important;
    padding-right: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-840-px {
    padding-left: 840px !important;
    padding-right: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-880-px {
    padding-left: 880px !important;
    padding-right: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-920-px {
    padding-left: 920px !important;
    padding-right: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-960-px {
    padding-left: 960px !important;
    padding-right: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-1000-px {
    padding-left: 1000px !important;
    padding-right: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-1040-px {
    padding-left: 1040px !important;
    padding-right: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-1080-px {
    padding-left: 1080px !important;
    padding-right: 1080px !important;
  }
}
.or-pt-0-px {
  padding-top: 0px !important;
}
.or-pt-2-px {
  padding-top: 2px !important;
}
.or-pt-4-px {
  padding-top: 4px !important;
}
.or-pt-6-px {
  padding-top: 6px !important;
}
.or-pt-8-px {
  padding-top: 8px !important;
}
.or-pt-12-px {
  padding-top: 12px !important;
}
.or-pt-16-px {
  padding-top: 16px !important;
}
.or-pt-20-px {
  padding-top: 20px !important;
}
.or-pt-24-px {
  padding-top: 24px !important;
}
.or-pt-28-px {
  padding-top: 28px !important;
}
.or-pt-32-px {
  padding-top: 32px !important;
}
.or-pt-36-px {
  padding-top: 36px !important;
}
.or-pt-40-px {
  padding-top: 40px !important;
}
.or-pt-48-px {
  padding-top: 48px !important;
}
.or-pt-52-px {
  padding-top: 52px !important;
}
.or-pt-56-px {
  padding-top: 56px !important;
}
.or-pt-60-px {
  padding-top: 60px !important;
}
.or-pt-64-px {
  padding-top: 64px !important;
}
.or-pt-68-px {
  padding-top: 68px !important;
}
.or-pt-72-px {
  padding-top: 72px !important;
}
.or-pt-76-px {
  padding-top: 76px !important;
}
.or-pt-80-px {
  padding-top: 80px !important;
}
.or-pt-84-px {
  padding-top: 84px !important;
}
.or-pt-88-px {
  padding-top: 88px !important;
}
.or-pt-92-px {
  padding-top: 92px !important;
}
.or-pt-96-px {
  padding-top: 96px !important;
}
.or-pt-112-px {
  padding-top: 112px !important;
}
.or-pt-128-px {
  padding-top: 128px !important;
}
.or-pt-144-px {
  padding-top: 144px !important;
}
.or-pt-160-px {
  padding-top: 160px !important;
}
.or-pt-180-px {
  padding-top: 180px !important;
}
.or-pt-200-px {
  padding-top: 200px !important;
}
.or-pt-240-px {
  padding-top: 240px !important;
}
.or-pt-280-px {
  padding-top: 280px !important;
}
.or-pt-320-px {
  padding-top: 320px !important;
}
.or-pt-360-px {
  padding-top: 360px !important;
}
.or-pt-400-px {
  padding-top: 400px !important;
}
.or-pt-440-px {
  padding-top: 440px !important;
}
.or-pt-480-px {
  padding-top: 480px !important;
}
.or-pt-520-px {
  padding-top: 520px !important;
}
.or-pt-560-px {
  padding-top: 560px !important;
}
.or-pt-600-px {
  padding-top: 600px !important;
}
.or-pt-640-px {
  padding-top: 640px !important;
}
.or-pt-680-px {
  padding-top: 680px !important;
}
.or-pt-720-px {
  padding-top: 720px !important;
}
.or-pt-760-px {
  padding-top: 760px !important;
}
.or-pt-800-px {
  padding-top: 800px !important;
}
.or-pt-840-px {
  padding-top: 840px !important;
}
.or-pt-880-px {
  padding-top: 880px !important;
}
.or-pt-920-px {
  padding-top: 920px !important;
}
.or-pt-960-px {
  padding-top: 960px !important;
}
.or-pt-1000-px {
  padding-top: 1000px !important;
}
.or-pt-1040-px {
  padding-top: 1040px !important;
}
.or-pt-1080-px {
  padding-top: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-pt-sm-0-px {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-2-px {
    padding-top: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-4-px {
    padding-top: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-6-px {
    padding-top: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-8-px {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-12-px {
    padding-top: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-16-px {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-20-px {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-24-px {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-28-px {
    padding-top: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-32-px {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-36-px {
    padding-top: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-40-px {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-48-px {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-52-px {
    padding-top: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-56-px {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-60-px {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-64-px {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-68-px {
    padding-top: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-72-px {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-76-px {
    padding-top: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-80-px {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-84-px {
    padding-top: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-88-px {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-92-px {
    padding-top: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-96-px {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-112-px {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-128-px {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-144-px {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-160-px {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-180-px {
    padding-top: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-200-px {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-240-px {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-280-px {
    padding-top: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-320-px {
    padding-top: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-360-px {
    padding-top: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-400-px {
    padding-top: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-440-px {
    padding-top: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-480-px {
    padding-top: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-520-px {
    padding-top: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-560-px {
    padding-top: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-600-px {
    padding-top: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-640-px {
    padding-top: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-680-px {
    padding-top: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-720-px {
    padding-top: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-760-px {
    padding-top: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-800-px {
    padding-top: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-840-px {
    padding-top: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-880-px {
    padding-top: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-920-px {
    padding-top: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-960-px {
    padding-top: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-1000-px {
    padding-top: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-1040-px {
    padding-top: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-1080-px {
    padding-top: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-0-px {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-2-px {
    padding-top: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-4-px {
    padding-top: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-6-px {
    padding-top: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-8-px {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-12-px {
    padding-top: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-16-px {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-20-px {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-24-px {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-28-px {
    padding-top: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-32-px {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-36-px {
    padding-top: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-40-px {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-48-px {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-52-px {
    padding-top: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-56-px {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-60-px {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-64-px {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-68-px {
    padding-top: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-72-px {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-76-px {
    padding-top: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-80-px {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-84-px {
    padding-top: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-88-px {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-92-px {
    padding-top: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-96-px {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-112-px {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-128-px {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-144-px {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-160-px {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-180-px {
    padding-top: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-200-px {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-240-px {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-280-px {
    padding-top: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-320-px {
    padding-top: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-360-px {
    padding-top: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-400-px {
    padding-top: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-440-px {
    padding-top: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-480-px {
    padding-top: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-520-px {
    padding-top: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-560-px {
    padding-top: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-600-px {
    padding-top: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-640-px {
    padding-top: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-680-px {
    padding-top: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-720-px {
    padding-top: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-760-px {
    padding-top: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-800-px {
    padding-top: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-840-px {
    padding-top: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-880-px {
    padding-top: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-920-px {
    padding-top: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-960-px {
    padding-top: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-1000-px {
    padding-top: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-1040-px {
    padding-top: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-1080-px {
    padding-top: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-0-px {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-2-px {
    padding-top: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-4-px {
    padding-top: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-6-px {
    padding-top: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-8-px {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-12-px {
    padding-top: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-16-px {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-20-px {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-24-px {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-28-px {
    padding-top: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-32-px {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-36-px {
    padding-top: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-40-px {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-48-px {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-52-px {
    padding-top: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-56-px {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-60-px {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-64-px {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-68-px {
    padding-top: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-72-px {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-76-px {
    padding-top: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-80-px {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-84-px {
    padding-top: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-88-px {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-92-px {
    padding-top: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-96-px {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-112-px {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-128-px {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-144-px {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-160-px {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-180-px {
    padding-top: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-200-px {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-240-px {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-280-px {
    padding-top: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-320-px {
    padding-top: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-360-px {
    padding-top: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-400-px {
    padding-top: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-440-px {
    padding-top: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-480-px {
    padding-top: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-520-px {
    padding-top: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-560-px {
    padding-top: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-600-px {
    padding-top: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-640-px {
    padding-top: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-680-px {
    padding-top: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-720-px {
    padding-top: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-760-px {
    padding-top: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-800-px {
    padding-top: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-840-px {
    padding-top: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-880-px {
    padding-top: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-920-px {
    padding-top: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-960-px {
    padding-top: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-1000-px {
    padding-top: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-1040-px {
    padding-top: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-1080-px {
    padding-top: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-0-px {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-2-px {
    padding-top: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-4-px {
    padding-top: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-6-px {
    padding-top: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-8-px {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-12-px {
    padding-top: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-16-px {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-20-px {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-24-px {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-28-px {
    padding-top: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-32-px {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-36-px {
    padding-top: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-40-px {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-48-px {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-52-px {
    padding-top: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-56-px {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-60-px {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-64-px {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-68-px {
    padding-top: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-72-px {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-76-px {
    padding-top: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-80-px {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-84-px {
    padding-top: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-88-px {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-92-px {
    padding-top: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-96-px {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-112-px {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-128-px {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-144-px {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-160-px {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-180-px {
    padding-top: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-200-px {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-240-px {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-280-px {
    padding-top: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-320-px {
    padding-top: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-360-px {
    padding-top: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-400-px {
    padding-top: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-440-px {
    padding-top: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-480-px {
    padding-top: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-520-px {
    padding-top: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-560-px {
    padding-top: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-600-px {
    padding-top: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-640-px {
    padding-top: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-680-px {
    padding-top: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-720-px {
    padding-top: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-760-px {
    padding-top: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-800-px {
    padding-top: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-840-px {
    padding-top: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-880-px {
    padding-top: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-920-px {
    padding-top: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-960-px {
    padding-top: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-1000-px {
    padding-top: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-1040-px {
    padding-top: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-1080-px {
    padding-top: 1080px !important;
  }
}
.or-pl-0-px {
  padding-left: 0px !important;
}
.or-pl-2-px {
  padding-left: 2px !important;
}
.or-pl-4-px {
  padding-left: 4px !important;
}
.or-pl-6-px {
  padding-left: 6px !important;
}
.or-pl-8-px {
  padding-left: 8px !important;
}
.or-pl-12-px {
  padding-left: 12px !important;
}
.or-pl-16-px {
  padding-left: 16px !important;
}
.or-pl-20-px {
  padding-left: 20px !important;
}
.or-pl-24-px {
  padding-left: 24px !important;
}
.or-pl-28-px {
  padding-left: 28px !important;
}
.or-pl-32-px {
  padding-left: 32px !important;
}
.or-pl-36-px {
  padding-left: 36px !important;
}
.or-pl-40-px {
  padding-left: 40px !important;
}
.or-pl-48-px {
  padding-left: 48px !important;
}
.or-pl-52-px {
  padding-left: 52px !important;
}
.or-pl-56-px {
  padding-left: 56px !important;
}
.or-pl-60-px {
  padding-left: 60px !important;
}
.or-pl-64-px {
  padding-left: 64px !important;
}
.or-pl-68-px {
  padding-left: 68px !important;
}
.or-pl-72-px {
  padding-left: 72px !important;
}
.or-pl-76-px {
  padding-left: 76px !important;
}
.or-pl-80-px {
  padding-left: 80px !important;
}
.or-pl-84-px {
  padding-left: 84px !important;
}
.or-pl-88-px {
  padding-left: 88px !important;
}
.or-pl-92-px {
  padding-left: 92px !important;
}
.or-pl-96-px {
  padding-left: 96px !important;
}
.or-pl-112-px {
  padding-left: 112px !important;
}
.or-pl-128-px {
  padding-left: 128px !important;
}
.or-pl-144-px {
  padding-left: 144px !important;
}
.or-pl-160-px {
  padding-left: 160px !important;
}
.or-pl-180-px {
  padding-left: 180px !important;
}
.or-pl-200-px {
  padding-left: 200px !important;
}
.or-pl-240-px {
  padding-left: 240px !important;
}
.or-pl-280-px {
  padding-left: 280px !important;
}
.or-pl-320-px {
  padding-left: 320px !important;
}
.or-pl-360-px {
  padding-left: 360px !important;
}
.or-pl-400-px {
  padding-left: 400px !important;
}
.or-pl-440-px {
  padding-left: 440px !important;
}
.or-pl-480-px {
  padding-left: 480px !important;
}
.or-pl-520-px {
  padding-left: 520px !important;
}
.or-pl-560-px {
  padding-left: 560px !important;
}
.or-pl-600-px {
  padding-left: 600px !important;
}
.or-pl-640-px {
  padding-left: 640px !important;
}
.or-pl-680-px {
  padding-left: 680px !important;
}
.or-pl-720-px {
  padding-left: 720px !important;
}
.or-pl-760-px {
  padding-left: 760px !important;
}
.or-pl-800-px {
  padding-left: 800px !important;
}
.or-pl-840-px {
  padding-left: 840px !important;
}
.or-pl-880-px {
  padding-left: 880px !important;
}
.or-pl-920-px {
  padding-left: 920px !important;
}
.or-pl-960-px {
  padding-left: 960px !important;
}
.or-pl-1000-px {
  padding-left: 1000px !important;
}
.or-pl-1040-px {
  padding-left: 1040px !important;
}
.or-pl-1080-px {
  padding-left: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-pl-sm-0-px {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-2-px {
    padding-left: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-4-px {
    padding-left: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-6-px {
    padding-left: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-8-px {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-12-px {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-16-px {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-20-px {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-24-px {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-28-px {
    padding-left: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-32-px {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-36-px {
    padding-left: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-40-px {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-48-px {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-52-px {
    padding-left: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-56-px {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-60-px {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-64-px {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-68-px {
    padding-left: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-72-px {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-76-px {
    padding-left: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-80-px {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-84-px {
    padding-left: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-88-px {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-92-px {
    padding-left: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-96-px {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-112-px {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-128-px {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-144-px {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-160-px {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-180-px {
    padding-left: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-200-px {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-240-px {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-280-px {
    padding-left: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-320-px {
    padding-left: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-360-px {
    padding-left: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-400-px {
    padding-left: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-440-px {
    padding-left: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-480-px {
    padding-left: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-520-px {
    padding-left: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-560-px {
    padding-left: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-600-px {
    padding-left: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-640-px {
    padding-left: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-680-px {
    padding-left: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-720-px {
    padding-left: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-760-px {
    padding-left: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-800-px {
    padding-left: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-840-px {
    padding-left: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-880-px {
    padding-left: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-920-px {
    padding-left: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-960-px {
    padding-left: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-1000-px {
    padding-left: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-1040-px {
    padding-left: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-1080-px {
    padding-left: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-0-px {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-2-px {
    padding-left: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-4-px {
    padding-left: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-6-px {
    padding-left: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-8-px {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-12-px {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-16-px {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-20-px {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-24-px {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-28-px {
    padding-left: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-32-px {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-36-px {
    padding-left: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-40-px {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-48-px {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-52-px {
    padding-left: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-56-px {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-60-px {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-64-px {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-68-px {
    padding-left: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-72-px {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-76-px {
    padding-left: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-80-px {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-84-px {
    padding-left: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-88-px {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-92-px {
    padding-left: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-96-px {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-112-px {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-128-px {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-144-px {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-160-px {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-180-px {
    padding-left: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-200-px {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-240-px {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-280-px {
    padding-left: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-320-px {
    padding-left: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-360-px {
    padding-left: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-400-px {
    padding-left: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-440-px {
    padding-left: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-480-px {
    padding-left: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-520-px {
    padding-left: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-560-px {
    padding-left: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-600-px {
    padding-left: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-640-px {
    padding-left: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-680-px {
    padding-left: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-720-px {
    padding-left: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-760-px {
    padding-left: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-800-px {
    padding-left: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-840-px {
    padding-left: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-880-px {
    padding-left: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-920-px {
    padding-left: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-960-px {
    padding-left: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-1000-px {
    padding-left: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-1040-px {
    padding-left: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-1080-px {
    padding-left: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-0-px {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-2-px {
    padding-left: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-4-px {
    padding-left: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-6-px {
    padding-left: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-8-px {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-12-px {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-16-px {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-20-px {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-24-px {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-28-px {
    padding-left: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-32-px {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-36-px {
    padding-left: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-40-px {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-48-px {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-52-px {
    padding-left: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-56-px {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-60-px {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-64-px {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-68-px {
    padding-left: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-72-px {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-76-px {
    padding-left: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-80-px {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-84-px {
    padding-left: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-88-px {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-92-px {
    padding-left: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-96-px {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-112-px {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-128-px {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-144-px {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-160-px {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-180-px {
    padding-left: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-200-px {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-240-px {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-280-px {
    padding-left: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-320-px {
    padding-left: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-360-px {
    padding-left: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-400-px {
    padding-left: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-440-px {
    padding-left: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-480-px {
    padding-left: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-520-px {
    padding-left: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-560-px {
    padding-left: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-600-px {
    padding-left: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-640-px {
    padding-left: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-680-px {
    padding-left: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-720-px {
    padding-left: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-760-px {
    padding-left: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-800-px {
    padding-left: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-840-px {
    padding-left: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-880-px {
    padding-left: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-920-px {
    padding-left: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-960-px {
    padding-left: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-1000-px {
    padding-left: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-1040-px {
    padding-left: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-1080-px {
    padding-left: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-0-px {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-2-px {
    padding-left: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-4-px {
    padding-left: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-6-px {
    padding-left: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-8-px {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-12-px {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-16-px {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-20-px {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-24-px {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-28-px {
    padding-left: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-32-px {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-36-px {
    padding-left: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-40-px {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-48-px {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-52-px {
    padding-left: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-56-px {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-60-px {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-64-px {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-68-px {
    padding-left: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-72-px {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-76-px {
    padding-left: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-80-px {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-84-px {
    padding-left: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-88-px {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-92-px {
    padding-left: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-96-px {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-112-px {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-128-px {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-144-px {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-160-px {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-180-px {
    padding-left: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-200-px {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-240-px {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-280-px {
    padding-left: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-320-px {
    padding-left: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-360-px {
    padding-left: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-400-px {
    padding-left: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-440-px {
    padding-left: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-480-px {
    padding-left: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-520-px {
    padding-left: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-560-px {
    padding-left: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-600-px {
    padding-left: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-640-px {
    padding-left: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-680-px {
    padding-left: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-720-px {
    padding-left: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-760-px {
    padding-left: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-800-px {
    padding-left: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-840-px {
    padding-left: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-880-px {
    padding-left: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-920-px {
    padding-left: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-960-px {
    padding-left: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-1000-px {
    padding-left: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-1040-px {
    padding-left: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-1080-px {
    padding-left: 1080px !important;
  }
}
.or-pb-0-px {
  padding-bottom: 0px !important;
}
.or-pb-2-px {
  padding-bottom: 2px !important;
}
.or-pb-4-px {
  padding-bottom: 4px !important;
}
.or-pb-6-px {
  padding-bottom: 6px !important;
}
.or-pb-8-px {
  padding-bottom: 8px !important;
}
.or-pb-12-px {
  padding-bottom: 12px !important;
}
.or-pb-16-px {
  padding-bottom: 16px !important;
}
.or-pb-20-px {
  padding-bottom: 20px !important;
}
.or-pb-24-px {
  padding-bottom: 24px !important;
}
.or-pb-28-px {
  padding-bottom: 28px !important;
}
.or-pb-32-px {
  padding-bottom: 32px !important;
}
.or-pb-36-px {
  padding-bottom: 36px !important;
}
.or-pb-40-px {
  padding-bottom: 40px !important;
}
.or-pb-48-px {
  padding-bottom: 48px !important;
}
.or-pb-52-px {
  padding-bottom: 52px !important;
}
.or-pb-56-px {
  padding-bottom: 56px !important;
}
.or-pb-60-px {
  padding-bottom: 60px !important;
}
.or-pb-64-px {
  padding-bottom: 64px !important;
}
.or-pb-68-px {
  padding-bottom: 68px !important;
}
.or-pb-72-px {
  padding-bottom: 72px !important;
}
.or-pb-76-px {
  padding-bottom: 76px !important;
}
.or-pb-80-px {
  padding-bottom: 80px !important;
}
.or-pb-84-px {
  padding-bottom: 84px !important;
}
.or-pb-88-px {
  padding-bottom: 88px !important;
}
.or-pb-92-px {
  padding-bottom: 92px !important;
}
.or-pb-96-px {
  padding-bottom: 96px !important;
}
.or-pb-112-px {
  padding-bottom: 112px !important;
}
.or-pb-128-px {
  padding-bottom: 128px !important;
}
.or-pb-144-px {
  padding-bottom: 144px !important;
}
.or-pb-160-px {
  padding-bottom: 160px !important;
}
.or-pb-180-px {
  padding-bottom: 180px !important;
}
.or-pb-200-px {
  padding-bottom: 200px !important;
}
.or-pb-240-px {
  padding-bottom: 240px !important;
}
.or-pb-280-px {
  padding-bottom: 280px !important;
}
.or-pb-320-px {
  padding-bottom: 320px !important;
}
.or-pb-360-px {
  padding-bottom: 360px !important;
}
.or-pb-400-px {
  padding-bottom: 400px !important;
}
.or-pb-440-px {
  padding-bottom: 440px !important;
}
.or-pb-480-px {
  padding-bottom: 480px !important;
}
.or-pb-520-px {
  padding-bottom: 520px !important;
}
.or-pb-560-px {
  padding-bottom: 560px !important;
}
.or-pb-600-px {
  padding-bottom: 600px !important;
}
.or-pb-640-px {
  padding-bottom: 640px !important;
}
.or-pb-680-px {
  padding-bottom: 680px !important;
}
.or-pb-720-px {
  padding-bottom: 720px !important;
}
.or-pb-760-px {
  padding-bottom: 760px !important;
}
.or-pb-800-px {
  padding-bottom: 800px !important;
}
.or-pb-840-px {
  padding-bottom: 840px !important;
}
.or-pb-880-px {
  padding-bottom: 880px !important;
}
.or-pb-920-px {
  padding-bottom: 920px !important;
}
.or-pb-960-px {
  padding-bottom: 960px !important;
}
.or-pb-1000-px {
  padding-bottom: 1000px !important;
}
.or-pb-1040-px {
  padding-bottom: 1040px !important;
}
.or-pb-1080-px {
  padding-bottom: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-pb-sm-0-px {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-2-px {
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-4-px {
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-6-px {
    padding-bottom: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-8-px {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-12-px {
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-16-px {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-20-px {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-24-px {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-28-px {
    padding-bottom: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-32-px {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-36-px {
    padding-bottom: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-40-px {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-48-px {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-52-px {
    padding-bottom: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-56-px {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-60-px {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-64-px {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-68-px {
    padding-bottom: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-72-px {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-76-px {
    padding-bottom: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-80-px {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-84-px {
    padding-bottom: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-88-px {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-92-px {
    padding-bottom: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-96-px {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-112-px {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-128-px {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-144-px {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-160-px {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-180-px {
    padding-bottom: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-200-px {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-240-px {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-280-px {
    padding-bottom: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-320-px {
    padding-bottom: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-360-px {
    padding-bottom: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-400-px {
    padding-bottom: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-440-px {
    padding-bottom: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-480-px {
    padding-bottom: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-520-px {
    padding-bottom: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-560-px {
    padding-bottom: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-600-px {
    padding-bottom: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-640-px {
    padding-bottom: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-680-px {
    padding-bottom: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-720-px {
    padding-bottom: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-760-px {
    padding-bottom: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-800-px {
    padding-bottom: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-840-px {
    padding-bottom: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-880-px {
    padding-bottom: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-920-px {
    padding-bottom: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-960-px {
    padding-bottom: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-1000-px {
    padding-bottom: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-1040-px {
    padding-bottom: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-1080-px {
    padding-bottom: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-0-px {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-2-px {
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-4-px {
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-6-px {
    padding-bottom: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-8-px {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-12-px {
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-16-px {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-20-px {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-24-px {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-28-px {
    padding-bottom: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-32-px {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-36-px {
    padding-bottom: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-40-px {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-48-px {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-52-px {
    padding-bottom: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-56-px {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-60-px {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-64-px {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-68-px {
    padding-bottom: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-72-px {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-76-px {
    padding-bottom: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-80-px {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-84-px {
    padding-bottom: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-88-px {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-92-px {
    padding-bottom: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-96-px {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-112-px {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-128-px {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-144-px {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-160-px {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-180-px {
    padding-bottom: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-200-px {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-240-px {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-280-px {
    padding-bottom: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-320-px {
    padding-bottom: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-360-px {
    padding-bottom: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-400-px {
    padding-bottom: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-440-px {
    padding-bottom: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-480-px {
    padding-bottom: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-520-px {
    padding-bottom: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-560-px {
    padding-bottom: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-600-px {
    padding-bottom: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-640-px {
    padding-bottom: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-680-px {
    padding-bottom: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-720-px {
    padding-bottom: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-760-px {
    padding-bottom: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-800-px {
    padding-bottom: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-840-px {
    padding-bottom: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-880-px {
    padding-bottom: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-920-px {
    padding-bottom: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-960-px {
    padding-bottom: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-1000-px {
    padding-bottom: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-1040-px {
    padding-bottom: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-1080-px {
    padding-bottom: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-0-px {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-2-px {
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-4-px {
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-6-px {
    padding-bottom: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-8-px {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-12-px {
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-16-px {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-20-px {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-24-px {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-28-px {
    padding-bottom: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-32-px {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-36-px {
    padding-bottom: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-40-px {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-48-px {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-52-px {
    padding-bottom: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-56-px {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-60-px {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-64-px {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-68-px {
    padding-bottom: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-72-px {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-76-px {
    padding-bottom: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-80-px {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-84-px {
    padding-bottom: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-88-px {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-92-px {
    padding-bottom: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-96-px {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-112-px {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-128-px {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-144-px {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-160-px {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-180-px {
    padding-bottom: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-200-px {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-240-px {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-280-px {
    padding-bottom: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-320-px {
    padding-bottom: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-360-px {
    padding-bottom: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-400-px {
    padding-bottom: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-440-px {
    padding-bottom: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-480-px {
    padding-bottom: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-520-px {
    padding-bottom: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-560-px {
    padding-bottom: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-600-px {
    padding-bottom: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-640-px {
    padding-bottom: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-680-px {
    padding-bottom: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-720-px {
    padding-bottom: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-760-px {
    padding-bottom: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-800-px {
    padding-bottom: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-840-px {
    padding-bottom: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-880-px {
    padding-bottom: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-920-px {
    padding-bottom: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-960-px {
    padding-bottom: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-1000-px {
    padding-bottom: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-1040-px {
    padding-bottom: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-1080-px {
    padding-bottom: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-0-px {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-2-px {
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-4-px {
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-6-px {
    padding-bottom: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-8-px {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-12-px {
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-16-px {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-20-px {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-24-px {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-28-px {
    padding-bottom: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-32-px {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-36-px {
    padding-bottom: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-40-px {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-48-px {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-52-px {
    padding-bottom: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-56-px {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-60-px {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-64-px {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-68-px {
    padding-bottom: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-72-px {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-76-px {
    padding-bottom: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-80-px {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-84-px {
    padding-bottom: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-88-px {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-92-px {
    padding-bottom: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-96-px {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-112-px {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-128-px {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-144-px {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-160-px {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-180-px {
    padding-bottom: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-200-px {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-240-px {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-280-px {
    padding-bottom: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-320-px {
    padding-bottom: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-360-px {
    padding-bottom: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-400-px {
    padding-bottom: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-440-px {
    padding-bottom: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-480-px {
    padding-bottom: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-520-px {
    padding-bottom: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-560-px {
    padding-bottom: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-600-px {
    padding-bottom: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-640-px {
    padding-bottom: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-680-px {
    padding-bottom: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-720-px {
    padding-bottom: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-760-px {
    padding-bottom: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-800-px {
    padding-bottom: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-840-px {
    padding-bottom: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-880-px {
    padding-bottom: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-920-px {
    padding-bottom: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-960-px {
    padding-bottom: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-1000-px {
    padding-bottom: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-1040-px {
    padding-bottom: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-1080-px {
    padding-bottom: 1080px !important;
  }
}
.or-pr-0-px {
  padding-right: 0px !important;
}
.or-pr-2-px {
  padding-right: 2px !important;
}
.or-pr-4-px {
  padding-right: 4px !important;
}
.or-pr-6-px {
  padding-right: 6px !important;
}
.or-pr-8-px {
  padding-right: 8px !important;
}
.or-pr-12-px {
  padding-right: 12px !important;
}
.or-pr-16-px {
  padding-right: 16px !important;
}
.or-pr-20-px {
  padding-right: 20px !important;
}
.or-pr-24-px {
  padding-right: 24px !important;
}
.or-pr-28-px {
  padding-right: 28px !important;
}
.or-pr-32-px {
  padding-right: 32px !important;
}
.or-pr-36-px {
  padding-right: 36px !important;
}
.or-pr-40-px {
  padding-right: 40px !important;
}
.or-pr-48-px {
  padding-right: 48px !important;
}
.or-pr-52-px {
  padding-right: 52px !important;
}
.or-pr-56-px {
  padding-right: 56px !important;
}
.or-pr-60-px {
  padding-right: 60px !important;
}
.or-pr-64-px {
  padding-right: 64px !important;
}
.or-pr-68-px {
  padding-right: 68px !important;
}
.or-pr-72-px {
  padding-right: 72px !important;
}
.or-pr-76-px {
  padding-right: 76px !important;
}
.or-pr-80-px {
  padding-right: 80px !important;
}
.or-pr-84-px {
  padding-right: 84px !important;
}
.or-pr-88-px {
  padding-right: 88px !important;
}
.or-pr-92-px {
  padding-right: 92px !important;
}
.or-pr-96-px {
  padding-right: 96px !important;
}
.or-pr-112-px {
  padding-right: 112px !important;
}
.or-pr-128-px {
  padding-right: 128px !important;
}
.or-pr-144-px {
  padding-right: 144px !important;
}
.or-pr-160-px {
  padding-right: 160px !important;
}
.or-pr-180-px {
  padding-right: 180px !important;
}
.or-pr-200-px {
  padding-right: 200px !important;
}
.or-pr-240-px {
  padding-right: 240px !important;
}
.or-pr-280-px {
  padding-right: 280px !important;
}
.or-pr-320-px {
  padding-right: 320px !important;
}
.or-pr-360-px {
  padding-right: 360px !important;
}
.or-pr-400-px {
  padding-right: 400px !important;
}
.or-pr-440-px {
  padding-right: 440px !important;
}
.or-pr-480-px {
  padding-right: 480px !important;
}
.or-pr-520-px {
  padding-right: 520px !important;
}
.or-pr-560-px {
  padding-right: 560px !important;
}
.or-pr-600-px {
  padding-right: 600px !important;
}
.or-pr-640-px {
  padding-right: 640px !important;
}
.or-pr-680-px {
  padding-right: 680px !important;
}
.or-pr-720-px {
  padding-right: 720px !important;
}
.or-pr-760-px {
  padding-right: 760px !important;
}
.or-pr-800-px {
  padding-right: 800px !important;
}
.or-pr-840-px {
  padding-right: 840px !important;
}
.or-pr-880-px {
  padding-right: 880px !important;
}
.or-pr-920-px {
  padding-right: 920px !important;
}
.or-pr-960-px {
  padding-right: 960px !important;
}
.or-pr-1000-px {
  padding-right: 1000px !important;
}
.or-pr-1040-px {
  padding-right: 1040px !important;
}
.or-pr-1080-px {
  padding-right: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-pr-sm-0-px {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-2-px {
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-4-px {
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-6-px {
    padding-right: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-8-px {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-12-px {
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-16-px {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-20-px {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-24-px {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-28-px {
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-32-px {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-36-px {
    padding-right: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-40-px {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-48-px {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-52-px {
    padding-right: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-56-px {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-60-px {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-64-px {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-68-px {
    padding-right: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-72-px {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-76-px {
    padding-right: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-80-px {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-84-px {
    padding-right: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-88-px {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-92-px {
    padding-right: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-96-px {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-112-px {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-128-px {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-144-px {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-160-px {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-180-px {
    padding-right: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-200-px {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-240-px {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-280-px {
    padding-right: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-320-px {
    padding-right: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-360-px {
    padding-right: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-400-px {
    padding-right: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-440-px {
    padding-right: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-480-px {
    padding-right: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-520-px {
    padding-right: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-560-px {
    padding-right: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-600-px {
    padding-right: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-640-px {
    padding-right: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-680-px {
    padding-right: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-720-px {
    padding-right: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-760-px {
    padding-right: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-800-px {
    padding-right: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-840-px {
    padding-right: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-880-px {
    padding-right: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-920-px {
    padding-right: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-960-px {
    padding-right: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-1000-px {
    padding-right: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-1040-px {
    padding-right: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-1080-px {
    padding-right: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-0-px {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-2-px {
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-4-px {
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-6-px {
    padding-right: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-8-px {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-12-px {
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-16-px {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-20-px {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-24-px {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-28-px {
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-32-px {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-36-px {
    padding-right: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-40-px {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-48-px {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-52-px {
    padding-right: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-56-px {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-60-px {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-64-px {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-68-px {
    padding-right: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-72-px {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-76-px {
    padding-right: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-80-px {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-84-px {
    padding-right: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-88-px {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-92-px {
    padding-right: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-96-px {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-112-px {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-128-px {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-144-px {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-160-px {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-180-px {
    padding-right: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-200-px {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-240-px {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-280-px {
    padding-right: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-320-px {
    padding-right: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-360-px {
    padding-right: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-400-px {
    padding-right: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-440-px {
    padding-right: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-480-px {
    padding-right: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-520-px {
    padding-right: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-560-px {
    padding-right: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-600-px {
    padding-right: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-640-px {
    padding-right: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-680-px {
    padding-right: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-720-px {
    padding-right: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-760-px {
    padding-right: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-800-px {
    padding-right: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-840-px {
    padding-right: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-880-px {
    padding-right: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-920-px {
    padding-right: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-960-px {
    padding-right: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-1000-px {
    padding-right: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-1040-px {
    padding-right: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-1080-px {
    padding-right: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-0-px {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-2-px {
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-4-px {
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-6-px {
    padding-right: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-8-px {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-12-px {
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-16-px {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-20-px {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-24-px {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-28-px {
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-32-px {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-36-px {
    padding-right: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-40-px {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-48-px {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-52-px {
    padding-right: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-56-px {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-60-px {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-64-px {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-68-px {
    padding-right: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-72-px {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-76-px {
    padding-right: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-80-px {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-84-px {
    padding-right: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-88-px {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-92-px {
    padding-right: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-96-px {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-112-px {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-128-px {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-144-px {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-160-px {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-180-px {
    padding-right: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-200-px {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-240-px {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-280-px {
    padding-right: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-320-px {
    padding-right: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-360-px {
    padding-right: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-400-px {
    padding-right: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-440-px {
    padding-right: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-480-px {
    padding-right: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-520-px {
    padding-right: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-560-px {
    padding-right: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-600-px {
    padding-right: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-640-px {
    padding-right: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-680-px {
    padding-right: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-720-px {
    padding-right: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-760-px {
    padding-right: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-800-px {
    padding-right: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-840-px {
    padding-right: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-880-px {
    padding-right: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-920-px {
    padding-right: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-960-px {
    padding-right: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-1000-px {
    padding-right: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-1040-px {
    padding-right: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-1080-px {
    padding-right: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-0-px {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-2-px {
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-4-px {
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-6-px {
    padding-right: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-8-px {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-12-px {
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-16-px {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-20-px {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-24-px {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-28-px {
    padding-right: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-32-px {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-36-px {
    padding-right: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-40-px {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-48-px {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-52-px {
    padding-right: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-56-px {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-60-px {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-64-px {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-68-px {
    padding-right: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-72-px {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-76-px {
    padding-right: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-80-px {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-84-px {
    padding-right: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-88-px {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-92-px {
    padding-right: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-96-px {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-112-px {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-128-px {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-144-px {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-160-px {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-180-px {
    padding-right: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-200-px {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-240-px {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-280-px {
    padding-right: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-320-px {
    padding-right: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-360-px {
    padding-right: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-400-px {
    padding-right: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-440-px {
    padding-right: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-480-px {
    padding-right: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-520-px {
    padding-right: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-560-px {
    padding-right: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-600-px {
    padding-right: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-640-px {
    padding-right: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-680-px {
    padding-right: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-720-px {
    padding-right: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-760-px {
    padding-right: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-800-px {
    padding-right: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-840-px {
    padding-right: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-880-px {
    padding-right: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-920-px {
    padding-right: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-960-px {
    padding-right: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-1000-px {
    padding-right: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-1040-px {
    padding-right: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-1080-px {
    padding-right: 1080px !important;
  }
}
.or-m-0-pc {
  margin: 0% !important;
}
.or-m-5-pc {
  margin: 5% !important;
}
.or-m-10-pc {
  margin: 10% !important;
}
.or-m-15-pc {
  margin: 15% !important;
}
.or-m-20-pc {
  margin: 20% !important;
}
.or-m-25-pc {
  margin: 25% !important;
}
.or-m-30-pc {
  margin: 30% !important;
}
.or-m-35-pc {
  margin: 35% !important;
}
.or-m-40-pc {
  margin: 40% !important;
}
.or-m-45-pc {
  margin: 45% !important;
}
.or-m-50-pc {
  margin: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-m-sm-0-pc {
    margin: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-5-pc {
    margin: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-10-pc {
    margin: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-15-pc {
    margin: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-20-pc {
    margin: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-25-pc {
    margin: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-30-pc {
    margin: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-35-pc {
    margin: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-40-pc {
    margin: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-45-pc {
    margin: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-50-pc {
    margin: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-0-pc {
    margin: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-5-pc {
    margin: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-10-pc {
    margin: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-15-pc {
    margin: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-20-pc {
    margin: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-25-pc {
    margin: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-30-pc {
    margin: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-35-pc {
    margin: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-40-pc {
    margin: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-45-pc {
    margin: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-50-pc {
    margin: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-0-pc {
    margin: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-5-pc {
    margin: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-10-pc {
    margin: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-15-pc {
    margin: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-20-pc {
    margin: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-25-pc {
    margin: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-30-pc {
    margin: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-35-pc {
    margin: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-40-pc {
    margin: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-45-pc {
    margin: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-50-pc {
    margin: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-0-pc {
    margin: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-5-pc {
    margin: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-10-pc {
    margin: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-15-pc {
    margin: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-20-pc {
    margin: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-25-pc {
    margin: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-30-pc {
    margin: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-35-pc {
    margin: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-40-pc {
    margin: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-45-pc {
    margin: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-50-pc {
    margin: 50% !important;
  }
}
.or-my-0-pc {
  margin-top: 0% !important;
  margin-bottom: 0% !important;
}
.or-my-5-pc {
  margin-top: 5% !important;
  margin-bottom: 5% !important;
}
.or-my-10-pc {
  margin-top: 10% !important;
  margin-bottom: 10% !important;
}
.or-my-15-pc {
  margin-top: 15% !important;
  margin-bottom: 15% !important;
}
.or-my-20-pc {
  margin-top: 20% !important;
  margin-bottom: 20% !important;
}
.or-my-25-pc {
  margin-top: 25% !important;
  margin-bottom: 25% !important;
}
.or-my-30-pc {
  margin-top: 30% !important;
  margin-bottom: 30% !important;
}
.or-my-35-pc {
  margin-top: 35% !important;
  margin-bottom: 35% !important;
}
.or-my-40-pc {
  margin-top: 40% !important;
  margin-bottom: 40% !important;
}
.or-my-45-pc {
  margin-top: 45% !important;
  margin-bottom: 45% !important;
}
.or-my-50-pc {
  margin-top: 50% !important;
  margin-bottom: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-my-sm-0-pc {
    margin-top: 0% !important;
    margin-bottom: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-5-pc {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-10-pc {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-15-pc {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-20-pc {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-25-pc {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-30-pc {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-35-pc {
    margin-top: 35% !important;
    margin-bottom: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-40-pc {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-45-pc {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-50-pc {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-0-pc {
    margin-top: 0% !important;
    margin-bottom: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-5-pc {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-10-pc {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-15-pc {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-20-pc {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-25-pc {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-30-pc {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-35-pc {
    margin-top: 35% !important;
    margin-bottom: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-40-pc {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-45-pc {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-50-pc {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-0-pc {
    margin-top: 0% !important;
    margin-bottom: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-5-pc {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-10-pc {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-15-pc {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-20-pc {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-25-pc {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-30-pc {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-35-pc {
    margin-top: 35% !important;
    margin-bottom: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-40-pc {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-45-pc {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-50-pc {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-0-pc {
    margin-top: 0% !important;
    margin-bottom: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-5-pc {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-10-pc {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-15-pc {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-20-pc {
    margin-top: 20% !important;
    margin-bottom: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-25-pc {
    margin-top: 25% !important;
    margin-bottom: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-30-pc {
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-35-pc {
    margin-top: 35% !important;
    margin-bottom: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-40-pc {
    margin-top: 40% !important;
    margin-bottom: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-45-pc {
    margin-top: 45% !important;
    margin-bottom: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-50-pc {
    margin-top: 50% !important;
    margin-bottom: 50% !important;
  }
}
.or-mx-0-pc {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.or-mx-5-pc {
  margin-left: 5% !important;
  margin-right: 5% !important;
}
.or-mx-10-pc {
  margin-left: 10% !important;
  margin-right: 10% !important;
}
.or-mx-15-pc {
  margin-left: 15% !important;
  margin-right: 15% !important;
}
.or-mx-20-pc {
  margin-left: 20% !important;
  margin-right: 20% !important;
}
.or-mx-25-pc {
  margin-left: 25% !important;
  margin-right: 25% !important;
}
.or-mx-30-pc {
  margin-left: 30% !important;
  margin-right: 30% !important;
}
.or-mx-35-pc {
  margin-left: 35% !important;
  margin-right: 35% !important;
}
.or-mx-40-pc {
  margin-left: 40% !important;
  margin-right: 40% !important;
}
.or-mx-45-pc {
  margin-left: 45% !important;
  margin-right: 45% !important;
}
.or-mx-50-pc {
  margin-left: 50% !important;
  margin-right: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-mx-sm-0-pc {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-5-pc {
    margin-left: 5% !important;
    margin-right: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-10-pc {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-15-pc {
    margin-left: 15% !important;
    margin-right: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-20-pc {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-25-pc {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-30-pc {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-35-pc {
    margin-left: 35% !important;
    margin-right: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-40-pc {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-45-pc {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-50-pc {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-0-pc {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-5-pc {
    margin-left: 5% !important;
    margin-right: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-10-pc {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-15-pc {
    margin-left: 15% !important;
    margin-right: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-20-pc {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-25-pc {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-30-pc {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-35-pc {
    margin-left: 35% !important;
    margin-right: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-40-pc {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-45-pc {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-50-pc {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-0-pc {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-5-pc {
    margin-left: 5% !important;
    margin-right: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-10-pc {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-15-pc {
    margin-left: 15% !important;
    margin-right: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-20-pc {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-25-pc {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-30-pc {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-35-pc {
    margin-left: 35% !important;
    margin-right: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-40-pc {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-45-pc {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-50-pc {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-0-pc {
    margin-left: 0% !important;
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-5-pc {
    margin-left: 5% !important;
    margin-right: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-10-pc {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-15-pc {
    margin-left: 15% !important;
    margin-right: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-20-pc {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-25-pc {
    margin-left: 25% !important;
    margin-right: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-30-pc {
    margin-left: 30% !important;
    margin-right: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-35-pc {
    margin-left: 35% !important;
    margin-right: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-40-pc {
    margin-left: 40% !important;
    margin-right: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-45-pc {
    margin-left: 45% !important;
    margin-right: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-50-pc {
    margin-left: 50% !important;
    margin-right: 50% !important;
  }
}
.or-mt-0-pc {
  margin-top: 0% !important;
}
.or-mt-5-pc {
  margin-top: 5% !important;
}
.or-mt-10-pc {
  margin-top: 10% !important;
}
.or-mt-15-pc {
  margin-top: 15% !important;
}
.or-mt-20-pc {
  margin-top: 20% !important;
}
.or-mt-25-pc {
  margin-top: 25% !important;
}
.or-mt-30-pc {
  margin-top: 30% !important;
}
.or-mt-35-pc {
  margin-top: 35% !important;
}
.or-mt-40-pc {
  margin-top: 40% !important;
}
.or-mt-45-pc {
  margin-top: 45% !important;
}
.or-mt-50-pc {
  margin-top: 50% !important;
}
.or-mt-55-pc {
  margin-top: 55% !important;
}
.or-mt-60-pc {
  margin-top: 60% !important;
}
.or-mt-65-pc {
  margin-top: 65% !important;
}
.or-mt-70-pc {
  margin-top: 70% !important;
}
.or-mt-75-pc {
  margin-top: 75% !important;
}
.or-mt-80-pc {
  margin-top: 80% !important;
}
.or-mt-85-pc {
  margin-top: 85% !important;
}
.or-mt-90-pc {
  margin-top: 90% !important;
}
.or-mt-95-pc {
  margin-top: 95% !important;
}
.or-mt-100-pc {
  margin-top: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-mt-sm-0-pc {
    margin-top: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-5-pc {
    margin-top: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-10-pc {
    margin-top: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-15-pc {
    margin-top: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-20-pc {
    margin-top: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-25-pc {
    margin-top: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-30-pc {
    margin-top: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-35-pc {
    margin-top: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-40-pc {
    margin-top: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-45-pc {
    margin-top: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-50-pc {
    margin-top: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-55-pc {
    margin-top: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-60-pc {
    margin-top: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-65-pc {
    margin-top: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-70-pc {
    margin-top: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-75-pc {
    margin-top: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-80-pc {
    margin-top: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-85-pc {
    margin-top: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-90-pc {
    margin-top: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-95-pc {
    margin-top: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-100-pc {
    margin-top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-0-pc {
    margin-top: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-5-pc {
    margin-top: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-10-pc {
    margin-top: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-15-pc {
    margin-top: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-20-pc {
    margin-top: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-25-pc {
    margin-top: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-30-pc {
    margin-top: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-35-pc {
    margin-top: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-40-pc {
    margin-top: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-45-pc {
    margin-top: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-50-pc {
    margin-top: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-55-pc {
    margin-top: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-60-pc {
    margin-top: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-65-pc {
    margin-top: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-70-pc {
    margin-top: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-75-pc {
    margin-top: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-80-pc {
    margin-top: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-85-pc {
    margin-top: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-90-pc {
    margin-top: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-95-pc {
    margin-top: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-100-pc {
    margin-top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-0-pc {
    margin-top: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-5-pc {
    margin-top: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-10-pc {
    margin-top: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-15-pc {
    margin-top: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-20-pc {
    margin-top: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-25-pc {
    margin-top: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-30-pc {
    margin-top: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-35-pc {
    margin-top: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-40-pc {
    margin-top: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-45-pc {
    margin-top: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-50-pc {
    margin-top: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-55-pc {
    margin-top: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-60-pc {
    margin-top: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-65-pc {
    margin-top: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-70-pc {
    margin-top: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-75-pc {
    margin-top: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-80-pc {
    margin-top: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-85-pc {
    margin-top: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-90-pc {
    margin-top: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-95-pc {
    margin-top: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-100-pc {
    margin-top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-0-pc {
    margin-top: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-5-pc {
    margin-top: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-10-pc {
    margin-top: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-15-pc {
    margin-top: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-20-pc {
    margin-top: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-25-pc {
    margin-top: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-30-pc {
    margin-top: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-35-pc {
    margin-top: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-40-pc {
    margin-top: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-45-pc {
    margin-top: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-50-pc {
    margin-top: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-55-pc {
    margin-top: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-60-pc {
    margin-top: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-65-pc {
    margin-top: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-70-pc {
    margin-top: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-75-pc {
    margin-top: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-80-pc {
    margin-top: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-85-pc {
    margin-top: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-90-pc {
    margin-top: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-95-pc {
    margin-top: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-100-pc {
    margin-top: 100% !important;
  }
}
.or-ml-0-pc {
  margin-left: 0% !important;
}
.or-ml-5-pc {
  margin-left: 5% !important;
}
.or-ml-10-pc {
  margin-left: 10% !important;
}
.or-ml-15-pc {
  margin-left: 15% !important;
}
.or-ml-20-pc {
  margin-left: 20% !important;
}
.or-ml-25-pc {
  margin-left: 25% !important;
}
.or-ml-30-pc {
  margin-left: 30% !important;
}
.or-ml-35-pc {
  margin-left: 35% !important;
}
.or-ml-40-pc {
  margin-left: 40% !important;
}
.or-ml-45-pc {
  margin-left: 45% !important;
}
.or-ml-50-pc {
  margin-left: 50% !important;
}
.or-ml-55-pc {
  margin-left: 55% !important;
}
.or-ml-60-pc {
  margin-left: 60% !important;
}
.or-ml-65-pc {
  margin-left: 65% !important;
}
.or-ml-70-pc {
  margin-left: 70% !important;
}
.or-ml-75-pc {
  margin-left: 75% !important;
}
.or-ml-80-pc {
  margin-left: 80% !important;
}
.or-ml-85-pc {
  margin-left: 85% !important;
}
.or-ml-90-pc {
  margin-left: 90% !important;
}
.or-ml-95-pc {
  margin-left: 95% !important;
}
.or-ml-100-pc {
  margin-left: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-ml-sm-0-pc {
    margin-left: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-5-pc {
    margin-left: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-10-pc {
    margin-left: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-15-pc {
    margin-left: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-20-pc {
    margin-left: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-25-pc {
    margin-left: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-30-pc {
    margin-left: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-35-pc {
    margin-left: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-40-pc {
    margin-left: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-45-pc {
    margin-left: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-50-pc {
    margin-left: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-55-pc {
    margin-left: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-60-pc {
    margin-left: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-65-pc {
    margin-left: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-70-pc {
    margin-left: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-75-pc {
    margin-left: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-80-pc {
    margin-left: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-85-pc {
    margin-left: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-90-pc {
    margin-left: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-95-pc {
    margin-left: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-100-pc {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-0-pc {
    margin-left: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-5-pc {
    margin-left: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-10-pc {
    margin-left: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-15-pc {
    margin-left: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-20-pc {
    margin-left: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-25-pc {
    margin-left: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-30-pc {
    margin-left: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-35-pc {
    margin-left: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-40-pc {
    margin-left: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-45-pc {
    margin-left: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-50-pc {
    margin-left: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-55-pc {
    margin-left: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-60-pc {
    margin-left: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-65-pc {
    margin-left: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-70-pc {
    margin-left: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-75-pc {
    margin-left: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-80-pc {
    margin-left: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-85-pc {
    margin-left: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-90-pc {
    margin-left: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-95-pc {
    margin-left: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-100-pc {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-0-pc {
    margin-left: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-5-pc {
    margin-left: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-10-pc {
    margin-left: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-15-pc {
    margin-left: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-20-pc {
    margin-left: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-25-pc {
    margin-left: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-30-pc {
    margin-left: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-35-pc {
    margin-left: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-40-pc {
    margin-left: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-45-pc {
    margin-left: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-50-pc {
    margin-left: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-55-pc {
    margin-left: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-60-pc {
    margin-left: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-65-pc {
    margin-left: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-70-pc {
    margin-left: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-75-pc {
    margin-left: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-80-pc {
    margin-left: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-85-pc {
    margin-left: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-90-pc {
    margin-left: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-95-pc {
    margin-left: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-100-pc {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-0-pc {
    margin-left: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-5-pc {
    margin-left: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-10-pc {
    margin-left: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-15-pc {
    margin-left: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-20-pc {
    margin-left: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-25-pc {
    margin-left: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-30-pc {
    margin-left: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-35-pc {
    margin-left: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-40-pc {
    margin-left: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-45-pc {
    margin-left: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-50-pc {
    margin-left: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-55-pc {
    margin-left: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-60-pc {
    margin-left: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-65-pc {
    margin-left: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-70-pc {
    margin-left: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-75-pc {
    margin-left: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-80-pc {
    margin-left: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-85-pc {
    margin-left: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-90-pc {
    margin-left: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-95-pc {
    margin-left: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-100-pc {
    margin-left: 100% !important;
  }
}
.or-mb-0-pc {
  margin-bottom: 0% !important;
}
.or-mb-5-pc {
  margin-bottom: 5% !important;
}
.or-mb-10-pc {
  margin-bottom: 10% !important;
}
.or-mb-15-pc {
  margin-bottom: 15% !important;
}
.or-mb-20-pc {
  margin-bottom: 20% !important;
}
.or-mb-25-pc {
  margin-bottom: 25% !important;
}
.or-mb-30-pc {
  margin-bottom: 30% !important;
}
.or-mb-35-pc {
  margin-bottom: 35% !important;
}
.or-mb-40-pc {
  margin-bottom: 40% !important;
}
.or-mb-45-pc {
  margin-bottom: 45% !important;
}
.or-mb-50-pc {
  margin-bottom: 50% !important;
}
.or-mb-55-pc {
  margin-bottom: 55% !important;
}
.or-mb-60-pc {
  margin-bottom: 60% !important;
}
.or-mb-65-pc {
  margin-bottom: 65% !important;
}
.or-mb-70-pc {
  margin-bottom: 70% !important;
}
.or-mb-75-pc {
  margin-bottom: 75% !important;
}
.or-mb-80-pc {
  margin-bottom: 80% !important;
}
.or-mb-85-pc {
  margin-bottom: 85% !important;
}
.or-mb-90-pc {
  margin-bottom: 90% !important;
}
.or-mb-95-pc {
  margin-bottom: 95% !important;
}
.or-mb-100-pc {
  margin-bottom: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-mb-sm-0-pc {
    margin-bottom: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-5-pc {
    margin-bottom: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-10-pc {
    margin-bottom: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-15-pc {
    margin-bottom: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-20-pc {
    margin-bottom: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-25-pc {
    margin-bottom: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-30-pc {
    margin-bottom: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-35-pc {
    margin-bottom: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-40-pc {
    margin-bottom: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-45-pc {
    margin-bottom: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-50-pc {
    margin-bottom: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-55-pc {
    margin-bottom: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-60-pc {
    margin-bottom: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-65-pc {
    margin-bottom: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-70-pc {
    margin-bottom: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-75-pc {
    margin-bottom: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-80-pc {
    margin-bottom: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-85-pc {
    margin-bottom: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-90-pc {
    margin-bottom: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-95-pc {
    margin-bottom: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-100-pc {
    margin-bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-0-pc {
    margin-bottom: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-5-pc {
    margin-bottom: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-10-pc {
    margin-bottom: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-15-pc {
    margin-bottom: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-20-pc {
    margin-bottom: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-25-pc {
    margin-bottom: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-30-pc {
    margin-bottom: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-35-pc {
    margin-bottom: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-40-pc {
    margin-bottom: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-45-pc {
    margin-bottom: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-50-pc {
    margin-bottom: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-55-pc {
    margin-bottom: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-60-pc {
    margin-bottom: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-65-pc {
    margin-bottom: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-70-pc {
    margin-bottom: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-75-pc {
    margin-bottom: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-80-pc {
    margin-bottom: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-85-pc {
    margin-bottom: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-90-pc {
    margin-bottom: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-95-pc {
    margin-bottom: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-100-pc {
    margin-bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-0-pc {
    margin-bottom: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-5-pc {
    margin-bottom: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-10-pc {
    margin-bottom: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-15-pc {
    margin-bottom: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-20-pc {
    margin-bottom: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-25-pc {
    margin-bottom: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-30-pc {
    margin-bottom: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-35-pc {
    margin-bottom: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-40-pc {
    margin-bottom: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-45-pc {
    margin-bottom: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-50-pc {
    margin-bottom: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-55-pc {
    margin-bottom: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-60-pc {
    margin-bottom: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-65-pc {
    margin-bottom: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-70-pc {
    margin-bottom: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-75-pc {
    margin-bottom: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-80-pc {
    margin-bottom: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-85-pc {
    margin-bottom: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-90-pc {
    margin-bottom: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-95-pc {
    margin-bottom: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-100-pc {
    margin-bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-0-pc {
    margin-bottom: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-5-pc {
    margin-bottom: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-10-pc {
    margin-bottom: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-15-pc {
    margin-bottom: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-20-pc {
    margin-bottom: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-25-pc {
    margin-bottom: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-30-pc {
    margin-bottom: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-35-pc {
    margin-bottom: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-40-pc {
    margin-bottom: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-45-pc {
    margin-bottom: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-50-pc {
    margin-bottom: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-55-pc {
    margin-bottom: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-60-pc {
    margin-bottom: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-65-pc {
    margin-bottom: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-70-pc {
    margin-bottom: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-75-pc {
    margin-bottom: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-80-pc {
    margin-bottom: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-85-pc {
    margin-bottom: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-90-pc {
    margin-bottom: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-95-pc {
    margin-bottom: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-100-pc {
    margin-bottom: 100% !important;
  }
}
.or-mr-0-pc {
  margin-right: 0% !important;
}
.or-mr-5-pc {
  margin-right: 5% !important;
}
.or-mr-10-pc {
  margin-right: 10% !important;
}
.or-mr-15-pc {
  margin-right: 15% !important;
}
.or-mr-20-pc {
  margin-right: 20% !important;
}
.or-mr-25-pc {
  margin-right: 25% !important;
}
.or-mr-30-pc {
  margin-right: 30% !important;
}
.or-mr-35-pc {
  margin-right: 35% !important;
}
.or-mr-40-pc {
  margin-right: 40% !important;
}
.or-mr-45-pc {
  margin-right: 45% !important;
}
.or-mr-50-pc {
  margin-right: 50% !important;
}
.or-mr-55-pc {
  margin-right: 55% !important;
}
.or-mr-60-pc {
  margin-right: 60% !important;
}
.or-mr-65-pc {
  margin-right: 65% !important;
}
.or-mr-70-pc {
  margin-right: 70% !important;
}
.or-mr-75-pc {
  margin-right: 75% !important;
}
.or-mr-80-pc {
  margin-right: 80% !important;
}
.or-mr-85-pc {
  margin-right: 85% !important;
}
.or-mr-90-pc {
  margin-right: 90% !important;
}
.or-mr-95-pc {
  margin-right: 95% !important;
}
.or-mr-100-pc {
  margin-right: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-mr-sm-0-pc {
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-5-pc {
    margin-right: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-10-pc {
    margin-right: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-15-pc {
    margin-right: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-20-pc {
    margin-right: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-25-pc {
    margin-right: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-30-pc {
    margin-right: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-35-pc {
    margin-right: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-40-pc {
    margin-right: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-45-pc {
    margin-right: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-50-pc {
    margin-right: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-55-pc {
    margin-right: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-60-pc {
    margin-right: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-65-pc {
    margin-right: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-70-pc {
    margin-right: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-75-pc {
    margin-right: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-80-pc {
    margin-right: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-85-pc {
    margin-right: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-90-pc {
    margin-right: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-95-pc {
    margin-right: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-100-pc {
    margin-right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-0-pc {
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-5-pc {
    margin-right: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-10-pc {
    margin-right: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-15-pc {
    margin-right: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-20-pc {
    margin-right: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-25-pc {
    margin-right: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-30-pc {
    margin-right: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-35-pc {
    margin-right: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-40-pc {
    margin-right: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-45-pc {
    margin-right: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-50-pc {
    margin-right: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-55-pc {
    margin-right: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-60-pc {
    margin-right: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-65-pc {
    margin-right: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-70-pc {
    margin-right: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-75-pc {
    margin-right: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-80-pc {
    margin-right: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-85-pc {
    margin-right: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-90-pc {
    margin-right: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-95-pc {
    margin-right: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-100-pc {
    margin-right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-0-pc {
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-5-pc {
    margin-right: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-10-pc {
    margin-right: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-15-pc {
    margin-right: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-20-pc {
    margin-right: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-25-pc {
    margin-right: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-30-pc {
    margin-right: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-35-pc {
    margin-right: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-40-pc {
    margin-right: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-45-pc {
    margin-right: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-50-pc {
    margin-right: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-55-pc {
    margin-right: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-60-pc {
    margin-right: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-65-pc {
    margin-right: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-70-pc {
    margin-right: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-75-pc {
    margin-right: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-80-pc {
    margin-right: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-85-pc {
    margin-right: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-90-pc {
    margin-right: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-95-pc {
    margin-right: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-100-pc {
    margin-right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-0-pc {
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-5-pc {
    margin-right: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-10-pc {
    margin-right: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-15-pc {
    margin-right: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-20-pc {
    margin-right: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-25-pc {
    margin-right: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-30-pc {
    margin-right: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-35-pc {
    margin-right: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-40-pc {
    margin-right: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-45-pc {
    margin-right: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-50-pc {
    margin-right: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-55-pc {
    margin-right: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-60-pc {
    margin-right: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-65-pc {
    margin-right: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-70-pc {
    margin-right: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-75-pc {
    margin-right: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-80-pc {
    margin-right: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-85-pc {
    margin-right: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-90-pc {
    margin-right: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-95-pc {
    margin-right: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-100-pc {
    margin-right: 100% !important;
  }
}
.or-p-0-pc {
  padding: 0% !important;
}
.or-p-5-pc {
  padding: 5% !important;
}
.or-p-10-pc {
  padding: 10% !important;
}
.or-p-15-pc {
  padding: 15% !important;
}
.or-p-20-pc {
  padding: 20% !important;
}
.or-p-25-pc {
  padding: 25% !important;
}
.or-p-30-pc {
  padding: 30% !important;
}
.or-p-35-pc {
  padding: 35% !important;
}
.or-p-40-pc {
  padding: 40% !important;
}
.or-p-45-pc {
  padding: 45% !important;
}
.or-p-50-pc {
  padding: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-p-sm-0-pc {
    padding: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-5-pc {
    padding: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-10-pc {
    padding: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-15-pc {
    padding: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-20-pc {
    padding: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-25-pc {
    padding: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-30-pc {
    padding: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-35-pc {
    padding: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-40-pc {
    padding: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-45-pc {
    padding: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-50-pc {
    padding: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-0-pc {
    padding: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-5-pc {
    padding: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-10-pc {
    padding: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-15-pc {
    padding: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-20-pc {
    padding: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-25-pc {
    padding: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-30-pc {
    padding: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-35-pc {
    padding: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-40-pc {
    padding: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-45-pc {
    padding: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-50-pc {
    padding: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-0-pc {
    padding: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-5-pc {
    padding: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-10-pc {
    padding: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-15-pc {
    padding: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-20-pc {
    padding: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-25-pc {
    padding: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-30-pc {
    padding: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-35-pc {
    padding: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-40-pc {
    padding: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-45-pc {
    padding: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-50-pc {
    padding: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-0-pc {
    padding: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-5-pc {
    padding: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-10-pc {
    padding: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-15-pc {
    padding: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-20-pc {
    padding: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-25-pc {
    padding: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-30-pc {
    padding: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-35-pc {
    padding: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-40-pc {
    padding: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-45-pc {
    padding: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-50-pc {
    padding: 50% !important;
  }
}
.or-py-0-pc {
  padding-top: 0% !important;
  padding-bottom: 0% !important;
}
.or-py-5-pc {
  padding-top: 5% !important;
  padding-bottom: 5% !important;
}
.or-py-10-pc {
  padding-top: 10% !important;
  padding-bottom: 10% !important;
}
.or-py-15-pc {
  padding-top: 15% !important;
  padding-bottom: 15% !important;
}
.or-py-20-pc {
  padding-top: 20% !important;
  padding-bottom: 20% !important;
}
.or-py-25-pc {
  padding-top: 25% !important;
  padding-bottom: 25% !important;
}
.or-py-30-pc {
  padding-top: 30% !important;
  padding-bottom: 30% !important;
}
.or-py-35-pc {
  padding-top: 35% !important;
  padding-bottom: 35% !important;
}
.or-py-40-pc {
  padding-top: 40% !important;
  padding-bottom: 40% !important;
}
.or-py-45-pc {
  padding-top: 45% !important;
  padding-bottom: 45% !important;
}
.or-py-50-pc {
  padding-top: 50% !important;
  padding-bottom: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-py-sm-0-pc {
    padding-top: 0% !important;
    padding-bottom: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-5-pc {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-10-pc {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-15-pc {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-20-pc {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-25-pc {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-30-pc {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-35-pc {
    padding-top: 35% !important;
    padding-bottom: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-40-pc {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-45-pc {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-50-pc {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-0-pc {
    padding-top: 0% !important;
    padding-bottom: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-5-pc {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-10-pc {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-15-pc {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-20-pc {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-25-pc {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-30-pc {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-35-pc {
    padding-top: 35% !important;
    padding-bottom: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-40-pc {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-45-pc {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-50-pc {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-0-pc {
    padding-top: 0% !important;
    padding-bottom: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-5-pc {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-10-pc {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-15-pc {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-20-pc {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-25-pc {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-30-pc {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-35-pc {
    padding-top: 35% !important;
    padding-bottom: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-40-pc {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-45-pc {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-50-pc {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-0-pc {
    padding-top: 0% !important;
    padding-bottom: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-5-pc {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-10-pc {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-15-pc {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-20-pc {
    padding-top: 20% !important;
    padding-bottom: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-25-pc {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-30-pc {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-35-pc {
    padding-top: 35% !important;
    padding-bottom: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-40-pc {
    padding-top: 40% !important;
    padding-bottom: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-45-pc {
    padding-top: 45% !important;
    padding-bottom: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-50-pc {
    padding-top: 50% !important;
    padding-bottom: 50% !important;
  }
}
.or-px-0-pc {
  padding-left: 0% !important;
  padding-right: 0% !important;
}
.or-px-5-pc {
  padding-left: 5% !important;
  padding-right: 5% !important;
}
.or-px-10-pc {
  padding-left: 10% !important;
  padding-right: 10% !important;
}
.or-px-15-pc {
  padding-left: 15% !important;
  padding-right: 15% !important;
}
.or-px-20-pc {
  padding-left: 20% !important;
  padding-right: 20% !important;
}
.or-px-25-pc {
  padding-left: 25% !important;
  padding-right: 25% !important;
}
.or-px-30-pc {
  padding-left: 30% !important;
  padding-right: 30% !important;
}
.or-px-35-pc {
  padding-left: 35% !important;
  padding-right: 35% !important;
}
.or-px-40-pc {
  padding-left: 40% !important;
  padding-right: 40% !important;
}
.or-px-45-pc {
  padding-left: 45% !important;
  padding-right: 45% !important;
}
.or-px-50-pc {
  padding-left: 50% !important;
  padding-right: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-px-sm-0-pc {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-5-pc {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-10-pc {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-15-pc {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-20-pc {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-25-pc {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-30-pc {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-35-pc {
    padding-left: 35% !important;
    padding-right: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-40-pc {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-45-pc {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-50-pc {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-0-pc {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-5-pc {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-10-pc {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-15-pc {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-20-pc {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-25-pc {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-30-pc {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-35-pc {
    padding-left: 35% !important;
    padding-right: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-40-pc {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-45-pc {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-50-pc {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-0-pc {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-5-pc {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-10-pc {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-15-pc {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-20-pc {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-25-pc {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-30-pc {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-35-pc {
    padding-left: 35% !important;
    padding-right: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-40-pc {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-45-pc {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-50-pc {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-0-pc {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-5-pc {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-10-pc {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-15-pc {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-20-pc {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-25-pc {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-30-pc {
    padding-left: 30% !important;
    padding-right: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-35-pc {
    padding-left: 35% !important;
    padding-right: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-40-pc {
    padding-left: 40% !important;
    padding-right: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-45-pc {
    padding-left: 45% !important;
    padding-right: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-50-pc {
    padding-left: 50% !important;
    padding-right: 50% !important;
  }
}
.or-pt-0-pc {
  padding-top: 0% !important;
}
.or-pt-5-pc {
  padding-top: 5% !important;
}
.or-pt-10-pc {
  padding-top: 10% !important;
}
.or-pt-15-pc {
  padding-top: 15% !important;
}
.or-pt-20-pc {
  padding-top: 20% !important;
}
.or-pt-25-pc {
  padding-top: 25% !important;
}
.or-pt-30-pc {
  padding-top: 30% !important;
}
.or-pt-35-pc {
  padding-top: 35% !important;
}
.or-pt-40-pc {
  padding-top: 40% !important;
}
.or-pt-45-pc {
  padding-top: 45% !important;
}
.or-pt-50-pc {
  padding-top: 50% !important;
}
.or-pt-55-pc {
  padding-top: 55% !important;
}
.or-pt-60-pc {
  padding-top: 60% !important;
}
.or-pt-65-pc {
  padding-top: 65% !important;
}
.or-pt-70-pc {
  padding-top: 70% !important;
}
.or-pt-75-pc {
  padding-top: 75% !important;
}
.or-pt-80-pc {
  padding-top: 80% !important;
}
.or-pt-85-pc {
  padding-top: 85% !important;
}
.or-pt-90-pc {
  padding-top: 90% !important;
}
.or-pt-95-pc {
  padding-top: 95% !important;
}
.or-pt-100-pc {
  padding-top: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-pt-sm-0-pc {
    padding-top: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-5-pc {
    padding-top: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-10-pc {
    padding-top: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-15-pc {
    padding-top: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-20-pc {
    padding-top: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-25-pc {
    padding-top: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-30-pc {
    padding-top: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-35-pc {
    padding-top: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-40-pc {
    padding-top: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-45-pc {
    padding-top: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-50-pc {
    padding-top: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-55-pc {
    padding-top: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-60-pc {
    padding-top: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-65-pc {
    padding-top: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-70-pc {
    padding-top: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-75-pc {
    padding-top: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-80-pc {
    padding-top: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-85-pc {
    padding-top: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-90-pc {
    padding-top: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-95-pc {
    padding-top: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-100-pc {
    padding-top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-0-pc {
    padding-top: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-5-pc {
    padding-top: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-10-pc {
    padding-top: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-15-pc {
    padding-top: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-20-pc {
    padding-top: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-25-pc {
    padding-top: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-30-pc {
    padding-top: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-35-pc {
    padding-top: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-40-pc {
    padding-top: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-45-pc {
    padding-top: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-50-pc {
    padding-top: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-55-pc {
    padding-top: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-60-pc {
    padding-top: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-65-pc {
    padding-top: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-70-pc {
    padding-top: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-75-pc {
    padding-top: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-80-pc {
    padding-top: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-85-pc {
    padding-top: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-90-pc {
    padding-top: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-95-pc {
    padding-top: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-100-pc {
    padding-top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-0-pc {
    padding-top: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-5-pc {
    padding-top: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-10-pc {
    padding-top: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-15-pc {
    padding-top: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-20-pc {
    padding-top: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-25-pc {
    padding-top: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-30-pc {
    padding-top: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-35-pc {
    padding-top: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-40-pc {
    padding-top: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-45-pc {
    padding-top: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-50-pc {
    padding-top: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-55-pc {
    padding-top: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-60-pc {
    padding-top: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-65-pc {
    padding-top: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-70-pc {
    padding-top: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-75-pc {
    padding-top: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-80-pc {
    padding-top: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-85-pc {
    padding-top: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-90-pc {
    padding-top: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-95-pc {
    padding-top: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-100-pc {
    padding-top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-0-pc {
    padding-top: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-5-pc {
    padding-top: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-10-pc {
    padding-top: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-15-pc {
    padding-top: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-20-pc {
    padding-top: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-25-pc {
    padding-top: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-30-pc {
    padding-top: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-35-pc {
    padding-top: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-40-pc {
    padding-top: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-45-pc {
    padding-top: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-50-pc {
    padding-top: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-55-pc {
    padding-top: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-60-pc {
    padding-top: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-65-pc {
    padding-top: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-70-pc {
    padding-top: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-75-pc {
    padding-top: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-80-pc {
    padding-top: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-85-pc {
    padding-top: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-90-pc {
    padding-top: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-95-pc {
    padding-top: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-100-pc {
    padding-top: 100% !important;
  }
}
.or-pl-0-pc {
  padding-left: 0% !important;
}
.or-pl-5-pc {
  padding-left: 5% !important;
}
.or-pl-10-pc {
  padding-left: 10% !important;
}
.or-pl-15-pc {
  padding-left: 15% !important;
}
.or-pl-20-pc {
  padding-left: 20% !important;
}
.or-pl-25-pc {
  padding-left: 25% !important;
}
.or-pl-30-pc {
  padding-left: 30% !important;
}
.or-pl-35-pc {
  padding-left: 35% !important;
}
.or-pl-40-pc {
  padding-left: 40% !important;
}
.or-pl-45-pc {
  padding-left: 45% !important;
}
.or-pl-50-pc {
  padding-left: 50% !important;
}
.or-pl-55-pc {
  padding-left: 55% !important;
}
.or-pl-60-pc {
  padding-left: 60% !important;
}
.or-pl-65-pc {
  padding-left: 65% !important;
}
.or-pl-70-pc {
  padding-left: 70% !important;
}
.or-pl-75-pc {
  padding-left: 75% !important;
}
.or-pl-80-pc {
  padding-left: 80% !important;
}
.or-pl-85-pc {
  padding-left: 85% !important;
}
.or-pl-90-pc {
  padding-left: 90% !important;
}
.or-pl-95-pc {
  padding-left: 95% !important;
}
.or-pl-100-pc {
  padding-left: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-pl-sm-0-pc {
    padding-left: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-5-pc {
    padding-left: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-10-pc {
    padding-left: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-15-pc {
    padding-left: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-20-pc {
    padding-left: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-25-pc {
    padding-left: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-30-pc {
    padding-left: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-35-pc {
    padding-left: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-40-pc {
    padding-left: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-45-pc {
    padding-left: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-50-pc {
    padding-left: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-55-pc {
    padding-left: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-60-pc {
    padding-left: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-65-pc {
    padding-left: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-70-pc {
    padding-left: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-75-pc {
    padding-left: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-80-pc {
    padding-left: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-85-pc {
    padding-left: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-90-pc {
    padding-left: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-95-pc {
    padding-left: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-100-pc {
    padding-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-0-pc {
    padding-left: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-5-pc {
    padding-left: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-10-pc {
    padding-left: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-15-pc {
    padding-left: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-20-pc {
    padding-left: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-25-pc {
    padding-left: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-30-pc {
    padding-left: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-35-pc {
    padding-left: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-40-pc {
    padding-left: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-45-pc {
    padding-left: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-50-pc {
    padding-left: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-55-pc {
    padding-left: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-60-pc {
    padding-left: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-65-pc {
    padding-left: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-70-pc {
    padding-left: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-75-pc {
    padding-left: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-80-pc {
    padding-left: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-85-pc {
    padding-left: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-90-pc {
    padding-left: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-95-pc {
    padding-left: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-100-pc {
    padding-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-0-pc {
    padding-left: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-5-pc {
    padding-left: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-10-pc {
    padding-left: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-15-pc {
    padding-left: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-20-pc {
    padding-left: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-25-pc {
    padding-left: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-30-pc {
    padding-left: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-35-pc {
    padding-left: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-40-pc {
    padding-left: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-45-pc {
    padding-left: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-50-pc {
    padding-left: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-55-pc {
    padding-left: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-60-pc {
    padding-left: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-65-pc {
    padding-left: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-70-pc {
    padding-left: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-75-pc {
    padding-left: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-80-pc {
    padding-left: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-85-pc {
    padding-left: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-90-pc {
    padding-left: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-95-pc {
    padding-left: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-100-pc {
    padding-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-0-pc {
    padding-left: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-5-pc {
    padding-left: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-10-pc {
    padding-left: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-15-pc {
    padding-left: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-20-pc {
    padding-left: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-25-pc {
    padding-left: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-30-pc {
    padding-left: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-35-pc {
    padding-left: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-40-pc {
    padding-left: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-45-pc {
    padding-left: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-50-pc {
    padding-left: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-55-pc {
    padding-left: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-60-pc {
    padding-left: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-65-pc {
    padding-left: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-70-pc {
    padding-left: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-75-pc {
    padding-left: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-80-pc {
    padding-left: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-85-pc {
    padding-left: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-90-pc {
    padding-left: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-95-pc {
    padding-left: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-100-pc {
    padding-left: 100% !important;
  }
}
.or-pb-0-pc {
  padding-bottom: 0% !important;
}
.or-pb-5-pc {
  padding-bottom: 5% !important;
}
.or-pb-10-pc {
  padding-bottom: 10% !important;
}
.or-pb-15-pc {
  padding-bottom: 15% !important;
}
.or-pb-20-pc {
  padding-bottom: 20% !important;
}
.or-pb-25-pc {
  padding-bottom: 25% !important;
}
.or-pb-30-pc {
  padding-bottom: 30% !important;
}
.or-pb-35-pc {
  padding-bottom: 35% !important;
}
.or-pb-40-pc {
  padding-bottom: 40% !important;
}
.or-pb-45-pc {
  padding-bottom: 45% !important;
}
.or-pb-50-pc {
  padding-bottom: 50% !important;
}
.or-pb-55-pc {
  padding-bottom: 55% !important;
}
.or-pb-60-pc {
  padding-bottom: 60% !important;
}
.or-pb-65-pc {
  padding-bottom: 65% !important;
}
.or-pb-70-pc {
  padding-bottom: 70% !important;
}
.or-pb-75-pc {
  padding-bottom: 75% !important;
}
.or-pb-80-pc {
  padding-bottom: 80% !important;
}
.or-pb-85-pc {
  padding-bottom: 85% !important;
}
.or-pb-90-pc {
  padding-bottom: 90% !important;
}
.or-pb-95-pc {
  padding-bottom: 95% !important;
}
.or-pb-100-pc {
  padding-bottom: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-pb-sm-0-pc {
    padding-bottom: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-5-pc {
    padding-bottom: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-10-pc {
    padding-bottom: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-15-pc {
    padding-bottom: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-20-pc {
    padding-bottom: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-25-pc {
    padding-bottom: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-30-pc {
    padding-bottom: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-35-pc {
    padding-bottom: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-40-pc {
    padding-bottom: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-45-pc {
    padding-bottom: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-50-pc {
    padding-bottom: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-55-pc {
    padding-bottom: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-60-pc {
    padding-bottom: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-65-pc {
    padding-bottom: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-70-pc {
    padding-bottom: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-75-pc {
    padding-bottom: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-80-pc {
    padding-bottom: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-85-pc {
    padding-bottom: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-90-pc {
    padding-bottom: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-95-pc {
    padding-bottom: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-100-pc {
    padding-bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-0-pc {
    padding-bottom: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-5-pc {
    padding-bottom: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-10-pc {
    padding-bottom: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-15-pc {
    padding-bottom: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-20-pc {
    padding-bottom: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-25-pc {
    padding-bottom: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-30-pc {
    padding-bottom: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-35-pc {
    padding-bottom: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-40-pc {
    padding-bottom: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-45-pc {
    padding-bottom: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-50-pc {
    padding-bottom: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-55-pc {
    padding-bottom: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-60-pc {
    padding-bottom: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-65-pc {
    padding-bottom: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-70-pc {
    padding-bottom: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-75-pc {
    padding-bottom: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-80-pc {
    padding-bottom: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-85-pc {
    padding-bottom: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-90-pc {
    padding-bottom: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-95-pc {
    padding-bottom: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-100-pc {
    padding-bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-0-pc {
    padding-bottom: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-5-pc {
    padding-bottom: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-10-pc {
    padding-bottom: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-15-pc {
    padding-bottom: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-20-pc {
    padding-bottom: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-25-pc {
    padding-bottom: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-30-pc {
    padding-bottom: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-35-pc {
    padding-bottom: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-40-pc {
    padding-bottom: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-45-pc {
    padding-bottom: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-50-pc {
    padding-bottom: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-55-pc {
    padding-bottom: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-60-pc {
    padding-bottom: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-65-pc {
    padding-bottom: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-70-pc {
    padding-bottom: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-75-pc {
    padding-bottom: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-80-pc {
    padding-bottom: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-85-pc {
    padding-bottom: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-90-pc {
    padding-bottom: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-95-pc {
    padding-bottom: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-100-pc {
    padding-bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-0-pc {
    padding-bottom: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-5-pc {
    padding-bottom: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-10-pc {
    padding-bottom: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-15-pc {
    padding-bottom: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-20-pc {
    padding-bottom: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-25-pc {
    padding-bottom: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-30-pc {
    padding-bottom: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-35-pc {
    padding-bottom: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-40-pc {
    padding-bottom: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-45-pc {
    padding-bottom: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-50-pc {
    padding-bottom: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-55-pc {
    padding-bottom: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-60-pc {
    padding-bottom: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-65-pc {
    padding-bottom: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-70-pc {
    padding-bottom: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-75-pc {
    padding-bottom: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-80-pc {
    padding-bottom: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-85-pc {
    padding-bottom: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-90-pc {
    padding-bottom: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-95-pc {
    padding-bottom: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-100-pc {
    padding-bottom: 100% !important;
  }
}
.or-pr-0-pc {
  padding-right: 0% !important;
}
.or-pr-5-pc {
  padding-right: 5% !important;
}
.or-pr-10-pc {
  padding-right: 10% !important;
}
.or-pr-15-pc {
  padding-right: 15% !important;
}
.or-pr-20-pc {
  padding-right: 20% !important;
}
.or-pr-25-pc {
  padding-right: 25% !important;
}
.or-pr-30-pc {
  padding-right: 30% !important;
}
.or-pr-35-pc {
  padding-right: 35% !important;
}
.or-pr-40-pc {
  padding-right: 40% !important;
}
.or-pr-45-pc {
  padding-right: 45% !important;
}
.or-pr-50-pc {
  padding-right: 50% !important;
}
.or-pr-55-pc {
  padding-right: 55% !important;
}
.or-pr-60-pc {
  padding-right: 60% !important;
}
.or-pr-65-pc {
  padding-right: 65% !important;
}
.or-pr-70-pc {
  padding-right: 70% !important;
}
.or-pr-75-pc {
  padding-right: 75% !important;
}
.or-pr-80-pc {
  padding-right: 80% !important;
}
.or-pr-85-pc {
  padding-right: 85% !important;
}
.or-pr-90-pc {
  padding-right: 90% !important;
}
.or-pr-95-pc {
  padding-right: 95% !important;
}
.or-pr-100-pc {
  padding-right: 100% !important;
}
@media screen and (min-width: 576px) {
  .or-pr-sm-0-pc {
    padding-right: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-5-pc {
    padding-right: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-10-pc {
    padding-right: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-15-pc {
    padding-right: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-20-pc {
    padding-right: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-25-pc {
    padding-right: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-30-pc {
    padding-right: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-35-pc {
    padding-right: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-40-pc {
    padding-right: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-45-pc {
    padding-right: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-50-pc {
    padding-right: 50% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-55-pc {
    padding-right: 55% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-60-pc {
    padding-right: 60% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-65-pc {
    padding-right: 65% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-70-pc {
    padding-right: 70% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-75-pc {
    padding-right: 75% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-80-pc {
    padding-right: 80% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-85-pc {
    padding-right: 85% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-90-pc {
    padding-right: 90% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-95-pc {
    padding-right: 95% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-100-pc {
    padding-right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-0-pc {
    padding-right: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-5-pc {
    padding-right: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-10-pc {
    padding-right: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-15-pc {
    padding-right: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-20-pc {
    padding-right: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-25-pc {
    padding-right: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-30-pc {
    padding-right: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-35-pc {
    padding-right: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-40-pc {
    padding-right: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-45-pc {
    padding-right: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-50-pc {
    padding-right: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-55-pc {
    padding-right: 55% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-60-pc {
    padding-right: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-65-pc {
    padding-right: 65% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-70-pc {
    padding-right: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-75-pc {
    padding-right: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-80-pc {
    padding-right: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-85-pc {
    padding-right: 85% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-90-pc {
    padding-right: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-95-pc {
    padding-right: 95% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-100-pc {
    padding-right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-0-pc {
    padding-right: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-5-pc {
    padding-right: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-10-pc {
    padding-right: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-15-pc {
    padding-right: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-20-pc {
    padding-right: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-25-pc {
    padding-right: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-30-pc {
    padding-right: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-35-pc {
    padding-right: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-40-pc {
    padding-right: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-45-pc {
    padding-right: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-50-pc {
    padding-right: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-55-pc {
    padding-right: 55% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-60-pc {
    padding-right: 60% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-65-pc {
    padding-right: 65% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-70-pc {
    padding-right: 70% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-75-pc {
    padding-right: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-80-pc {
    padding-right: 80% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-85-pc {
    padding-right: 85% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-90-pc {
    padding-right: 90% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-95-pc {
    padding-right: 95% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-100-pc {
    padding-right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-0-pc {
    padding-right: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-5-pc {
    padding-right: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-10-pc {
    padding-right: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-15-pc {
    padding-right: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-20-pc {
    padding-right: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-25-pc {
    padding-right: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-30-pc {
    padding-right: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-35-pc {
    padding-right: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-40-pc {
    padding-right: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-45-pc {
    padding-right: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-50-pc {
    padding-right: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-55-pc {
    padding-right: 55% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-60-pc {
    padding-right: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-65-pc {
    padding-right: 65% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-70-pc {
    padding-right: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-75-pc {
    padding-right: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-80-pc {
    padding-right: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-85-pc {
    padding-right: 85% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-90-pc {
    padding-right: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-95-pc {
    padding-right: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-100-pc {
    padding-right: 100% !important;
  }
}
.or-m-auto {
  margin: auto !important;
}
.or-m-inherit {
  margin: inherit !important;
}
@media screen and (min-width: 576px) {
  .or-m-sm-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-inherit {
    margin: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-inherit {
    margin: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-inherit {
    margin: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-inherit {
    margin: inherit !important;
  }
}
.or-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.or-my-initial {
  margin-top: initial !important;
  margin-bottom: initial !important;
}
.or-my-inherit {
  margin-top: inherit !important;
  margin-bottom: inherit !important;
}
@media screen and (min-width: 576px) {
  .or-my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-initial {
    margin-top: initial !important;
    margin-bottom: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-inherit {
    margin-top: inherit !important;
    margin-bottom: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-initial {
    margin-top: initial !important;
    margin-bottom: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-inherit {
    margin-top: inherit !important;
    margin-bottom: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-initial {
    margin-top: initial !important;
    margin-bottom: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-inherit {
    margin-top: inherit !important;
    margin-bottom: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-initial {
    margin-top: initial !important;
    margin-bottom: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-inherit {
    margin-top: inherit !important;
    margin-bottom: inherit !important;
  }
}
.or-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.or-mx-initial {
  margin-left: initial !important;
  margin-right: initial !important;
}
.or-mx-inherit {
  margin-left: inherit !important;
  margin-right: inherit !important;
}
@media screen and (min-width: 576px) {
  .or-mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-initial {
    margin-left: initial !important;
    margin-right: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-inherit {
    margin-left: inherit !important;
    margin-right: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-initial {
    margin-left: initial !important;
    margin-right: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-inherit {
    margin-left: inherit !important;
    margin-right: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-initial {
    margin-left: initial !important;
    margin-right: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-inherit {
    margin-left: inherit !important;
    margin-right: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-initial {
    margin-left: initial !important;
    margin-right: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-inherit {
    margin-left: inherit !important;
    margin-right: inherit !important;
  }
}
.or-mt-auto {
  margin-top: auto !important;
}
.or-mt-initial {
  margin-top: initial !important;
}
.or-mt-inherit {
  margin-top: inherit !important;
}
@media screen and (min-width: 576px) {
  .or-mt-sm-auto {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-initial {
    margin-top: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-inherit {
    margin-top: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-auto {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-initial {
    margin-top: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-inherit {
    margin-top: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-auto {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-initial {
    margin-top: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-inherit {
    margin-top: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-auto {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-initial {
    margin-top: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-inherit {
    margin-top: inherit !important;
  }
}
.or-ml-auto {
  margin-left: auto !important;
}
.or-ml-initial {
  margin-left: initial !important;
}
.or-ml-inherit {
  margin-left: inherit !important;
}
@media screen and (min-width: 576px) {
  .or-ml-sm-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-initial {
    margin-left: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-inherit {
    margin-left: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-initial {
    margin-left: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-inherit {
    margin-left: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-initial {
    margin-left: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-inherit {
    margin-left: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-initial {
    margin-left: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-inherit {
    margin-left: inherit !important;
  }
}
.or-mb-auto {
  margin-bottom: auto !important;
}
.or-mb-initial {
  margin-bottom: initial !important;
}
.or-mb-inherit {
  margin-bottom: inherit !important;
}
@media screen and (min-width: 576px) {
  .or-mb-sm-auto {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-initial {
    margin-bottom: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-inherit {
    margin-bottom: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-auto {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-initial {
    margin-bottom: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-inherit {
    margin-bottom: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-auto {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-initial {
    margin-bottom: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-inherit {
    margin-bottom: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-auto {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-initial {
    margin-bottom: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-inherit {
    margin-bottom: inherit !important;
  }
}
.or-mr-auto {
  margin-right: auto !important;
}
.or-mr-initial {
  margin-right: initial !important;
}
.or-mr-inherit {
  margin-right: inherit !important;
}
@media screen and (min-width: 576px) {
  .or-mr-sm-auto {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-initial {
    margin-right: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-inherit {
    margin-right: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-auto {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-initial {
    margin-right: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-inherit {
    margin-right: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-auto {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-initial {
    margin-right: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-inherit {
    margin-right: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-auto {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-initial {
    margin-right: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-inherit {
    margin-right: inherit !important;
  }
}
.or-p-inherit {
  padding: inherit !important;
}
@media screen and (min-width: 576px) {
  .or-p-sm-inherit {
    padding: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-inherit {
    padding: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-inherit {
    padding: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-inherit {
    padding: inherit !important;
  }
}
.or-py-inherit {
  padding-top: inherit !important;
  padding-bottom: inherit !important;
}
.or-py-initial {
  padding-top: initial !important;
  padding-bottom: initial !important;
}
@media screen and (min-width: 576px) {
  .or-py-sm-inherit {
    padding-top: inherit !important;
    padding-bottom: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-initial {
    padding-top: initial !important;
    padding-bottom: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-inherit {
    padding-top: inherit !important;
    padding-bottom: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-initial {
    padding-top: initial !important;
    padding-bottom: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-inherit {
    padding-top: inherit !important;
    padding-bottom: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-initial {
    padding-top: initial !important;
    padding-bottom: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-inherit {
    padding-top: inherit !important;
    padding-bottom: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-initial {
    padding-top: initial !important;
    padding-bottom: initial !important;
  }
}
.or-px-inherit {
  padding-left: inherit !important;
  padding-right: inherit !important;
}
.or-px-initial {
  padding-left: initial !important;
  padding-right: initial !important;
}
@media screen and (min-width: 576px) {
  .or-px-sm-inherit {
    padding-left: inherit !important;
    padding-right: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-initial {
    padding-left: initial !important;
    padding-right: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-inherit {
    padding-left: inherit !important;
    padding-right: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-initial {
    padding-left: initial !important;
    padding-right: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-inherit {
    padding-left: inherit !important;
    padding-right: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-initial {
    padding-left: initial !important;
    padding-right: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-inherit {
    padding-left: inherit !important;
    padding-right: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-initial {
    padding-left: initial !important;
    padding-right: initial !important;
  }
}
.or-pt-inherit {
  padding-top: inherit !important;
}
.or-pt-initial {
  padding-top: initial !important;
}
@media screen and (min-width: 576px) {
  .or-pt-sm-inherit {
    padding-top: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-initial {
    padding-top: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-inherit {
    padding-top: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-initial {
    padding-top: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-inherit {
    padding-top: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-initial {
    padding-top: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-inherit {
    padding-top: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-initial {
    padding-top: initial !important;
  }
}
.or-pl-inherit {
  padding-left: inherit !important;
}
.or-pl-initial {
  padding-left: initial !important;
}
@media screen and (min-width: 576px) {
  .or-pl-sm-inherit {
    padding-left: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-initial {
    padding-left: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-inherit {
    padding-left: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-initial {
    padding-left: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-inherit {
    padding-left: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-initial {
    padding-left: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-inherit {
    padding-left: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-initial {
    padding-left: initial !important;
  }
}
.or-pb-inherit {
  padding-bottom: inherit !important;
}
.or-pb-initial {
  padding-bottom: initial !important;
}
@media screen and (min-width: 576px) {
  .or-pb-sm-inherit {
    padding-bottom: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-initial {
    padding-bottom: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-inherit {
    padding-bottom: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-initial {
    padding-bottom: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-inherit {
    padding-bottom: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-initial {
    padding-bottom: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-inherit {
    padding-bottom: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-initial {
    padding-bottom: initial !important;
  }
}
.or-pr-inherit {
  padding-right: inherit !important;
}
.or-pr-initial {
  padding-right: initial !important;
}
@media screen and (min-width: 576px) {
  .or-pr-sm-inherit {
    padding-right: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-initial {
    padding-right: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-inherit {
    padding-right: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-initial {
    padding-right: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-inherit {
    padding-right: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-initial {
    padding-right: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-inherit {
    padding-right: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-initial {
    padding-right: initial !important;
  }
}
.or-top-0-px {
  top: 0px !important;
}
.or-top-2-px {
  top: 2px !important;
}
.or-top-4-px {
  top: 4px !important;
}
.or-top-6-px {
  top: 6px !important;
}
.or-top-8-px {
  top: 8px !important;
}
.or-top-12-px {
  top: 12px !important;
}
.or-top-16-px {
  top: 16px !important;
}
.or-top-20-px {
  top: 20px !important;
}
.or-top-24-px {
  top: 24px !important;
}
.or-top-28-px {
  top: 28px !important;
}
.or-top-32-px {
  top: 32px !important;
}
.or-top-36-px {
  top: 36px !important;
}
.or-top-40-px {
  top: 40px !important;
}
.or-top-48-px {
  top: 48px !important;
}
.or-top-52-px {
  top: 52px !important;
}
.or-top-56-px {
  top: 56px !important;
}
.or-top-60-px {
  top: 60px !important;
}
.or-top-64-px {
  top: 64px !important;
}
.or-top-68-px {
  top: 68px !important;
}
.or-top-72-px {
  top: 72px !important;
}
.or-top-76-px {
  top: 76px !important;
}
.or-top-80-px {
  top: 80px !important;
}
.or-top-84-px {
  top: 84px !important;
}
.or-top-88-px {
  top: 88px !important;
}
.or-top-92-px {
  top: 92px !important;
}
.or-top-96-px {
  top: 96px !important;
}
.or-top-112-px {
  top: 112px !important;
}
.or-top-128-px {
  top: 128px !important;
}
.or-top-144-px {
  top: 144px !important;
}
.or-top-160-px {
  top: 160px !important;
}
.or-top-180-px {
  top: 180px !important;
}
.or-top-200-px {
  top: 200px !important;
}
.or-top-240-px {
  top: 240px !important;
}
.or-top-280-px {
  top: 280px !important;
}
.or-top-320-px {
  top: 320px !important;
}
.or-top-360-px {
  top: 360px !important;
}
.or-top-400-px {
  top: 400px !important;
}
.or-top-440-px {
  top: 440px !important;
}
.or-top-480-px {
  top: 480px !important;
}
.or-top-520-px {
  top: 520px !important;
}
.or-top-560-px {
  top: 560px !important;
}
.or-top-600-px {
  top: 600px !important;
}
.or-top-640-px {
  top: 640px !important;
}
.or-top-680-px {
  top: 680px !important;
}
.or-top-720-px {
  top: 720px !important;
}
.or-top-760-px {
  top: 760px !important;
}
.or-top-800-px {
  top: 800px !important;
}
.or-top-840-px {
  top: 840px !important;
}
.or-top-880-px {
  top: 880px !important;
}
.or-top-920-px {
  top: 920px !important;
}
.or-top-960-px {
  top: 960px !important;
}
.or-top-1000-px {
  top: 1000px !important;
}
.or-top-1040-px {
  top: 1040px !important;
}
.or-top-1080-px {
  top: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-top-sm-0-px {
    top: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-2-px {
    top: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-4-px {
    top: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-6-px {
    top: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-8-px {
    top: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-12-px {
    top: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-16-px {
    top: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-20-px {
    top: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-24-px {
    top: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-28-px {
    top: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-32-px {
    top: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-36-px {
    top: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-40-px {
    top: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-48-px {
    top: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-52-px {
    top: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-56-px {
    top: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-60-px {
    top: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-64-px {
    top: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-68-px {
    top: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-72-px {
    top: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-76-px {
    top: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-80-px {
    top: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-84-px {
    top: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-88-px {
    top: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-92-px {
    top: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-96-px {
    top: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-112-px {
    top: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-128-px {
    top: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-144-px {
    top: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-160-px {
    top: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-180-px {
    top: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-200-px {
    top: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-240-px {
    top: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-280-px {
    top: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-320-px {
    top: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-360-px {
    top: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-400-px {
    top: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-440-px {
    top: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-480-px {
    top: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-520-px {
    top: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-560-px {
    top: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-600-px {
    top: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-640-px {
    top: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-680-px {
    top: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-720-px {
    top: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-760-px {
    top: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-800-px {
    top: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-840-px {
    top: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-880-px {
    top: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-920-px {
    top: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-960-px {
    top: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-1000-px {
    top: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-1040-px {
    top: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-1080-px {
    top: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-0-px {
    top: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-2-px {
    top: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-4-px {
    top: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-6-px {
    top: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-8-px {
    top: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-12-px {
    top: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-16-px {
    top: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-20-px {
    top: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-24-px {
    top: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-28-px {
    top: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-32-px {
    top: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-36-px {
    top: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-40-px {
    top: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-48-px {
    top: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-52-px {
    top: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-56-px {
    top: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-60-px {
    top: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-64-px {
    top: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-68-px {
    top: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-72-px {
    top: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-76-px {
    top: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-80-px {
    top: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-84-px {
    top: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-88-px {
    top: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-92-px {
    top: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-96-px {
    top: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-112-px {
    top: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-128-px {
    top: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-144-px {
    top: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-160-px {
    top: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-180-px {
    top: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-200-px {
    top: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-240-px {
    top: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-280-px {
    top: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-320-px {
    top: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-360-px {
    top: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-400-px {
    top: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-440-px {
    top: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-480-px {
    top: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-520-px {
    top: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-560-px {
    top: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-600-px {
    top: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-640-px {
    top: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-680-px {
    top: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-720-px {
    top: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-760-px {
    top: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-800-px {
    top: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-840-px {
    top: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-880-px {
    top: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-920-px {
    top: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-960-px {
    top: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-1000-px {
    top: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-1040-px {
    top: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-1080-px {
    top: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-0-px {
    top: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-2-px {
    top: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-4-px {
    top: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-6-px {
    top: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-8-px {
    top: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-12-px {
    top: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-16-px {
    top: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-20-px {
    top: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-24-px {
    top: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-28-px {
    top: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-32-px {
    top: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-36-px {
    top: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-40-px {
    top: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-48-px {
    top: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-52-px {
    top: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-56-px {
    top: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-60-px {
    top: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-64-px {
    top: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-68-px {
    top: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-72-px {
    top: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-76-px {
    top: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-80-px {
    top: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-84-px {
    top: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-88-px {
    top: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-92-px {
    top: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-96-px {
    top: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-112-px {
    top: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-128-px {
    top: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-144-px {
    top: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-160-px {
    top: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-180-px {
    top: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-200-px {
    top: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-240-px {
    top: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-280-px {
    top: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-320-px {
    top: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-360-px {
    top: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-400-px {
    top: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-440-px {
    top: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-480-px {
    top: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-520-px {
    top: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-560-px {
    top: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-600-px {
    top: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-640-px {
    top: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-680-px {
    top: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-720-px {
    top: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-760-px {
    top: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-800-px {
    top: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-840-px {
    top: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-880-px {
    top: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-920-px {
    top: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-960-px {
    top: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-1000-px {
    top: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-1040-px {
    top: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-1080-px {
    top: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-0-px {
    top: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-2-px {
    top: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-4-px {
    top: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-6-px {
    top: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-8-px {
    top: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-12-px {
    top: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-16-px {
    top: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-20-px {
    top: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-24-px {
    top: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-28-px {
    top: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-32-px {
    top: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-36-px {
    top: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-40-px {
    top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-48-px {
    top: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-52-px {
    top: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-56-px {
    top: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-60-px {
    top: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-64-px {
    top: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-68-px {
    top: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-72-px {
    top: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-76-px {
    top: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-80-px {
    top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-84-px {
    top: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-88-px {
    top: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-92-px {
    top: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-96-px {
    top: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-112-px {
    top: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-128-px {
    top: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-144-px {
    top: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-160-px {
    top: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-180-px {
    top: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-200-px {
    top: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-240-px {
    top: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-280-px {
    top: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-320-px {
    top: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-360-px {
    top: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-400-px {
    top: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-440-px {
    top: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-480-px {
    top: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-520-px {
    top: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-560-px {
    top: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-600-px {
    top: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-640-px {
    top: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-680-px {
    top: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-720-px {
    top: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-760-px {
    top: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-800-px {
    top: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-840-px {
    top: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-880-px {
    top: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-920-px {
    top: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-960-px {
    top: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-1000-px {
    top: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-1040-px {
    top: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-1080-px {
    top: 1080px !important;
  }
}
.or-bottom-0-px {
  bottom: 0px !important;
}
.or-bottom-2-px {
  bottom: 2px !important;
}
.or-bottom-4-px {
  bottom: 4px !important;
}
.or-bottom-6-px {
  bottom: 6px !important;
}
.or-bottom-8-px {
  bottom: 8px !important;
}
.or-bottom-12-px {
  bottom: 12px !important;
}
.or-bottom-16-px {
  bottom: 16px !important;
}
.or-bottom-20-px {
  bottom: 20px !important;
}
.or-bottom-24-px {
  bottom: 24px !important;
}
.or-bottom-28-px {
  bottom: 28px !important;
}
.or-bottom-32-px {
  bottom: 32px !important;
}
.or-bottom-36-px {
  bottom: 36px !important;
}
.or-bottom-40-px {
  bottom: 40px !important;
}
.or-bottom-48-px {
  bottom: 48px !important;
}
.or-bottom-52-px {
  bottom: 52px !important;
}
.or-bottom-56-px {
  bottom: 56px !important;
}
.or-bottom-60-px {
  bottom: 60px !important;
}
.or-bottom-64-px {
  bottom: 64px !important;
}
.or-bottom-68-px {
  bottom: 68px !important;
}
.or-bottom-72-px {
  bottom: 72px !important;
}
.or-bottom-76-px {
  bottom: 76px !important;
}
.or-bottom-80-px {
  bottom: 80px !important;
}
.or-bottom-84-px {
  bottom: 84px !important;
}
.or-bottom-88-px {
  bottom: 88px !important;
}
.or-bottom-92-px {
  bottom: 92px !important;
}
.or-bottom-96-px {
  bottom: 96px !important;
}
.or-bottom-112-px {
  bottom: 112px !important;
}
.or-bottom-128-px {
  bottom: 128px !important;
}
.or-bottom-144-px {
  bottom: 144px !important;
}
.or-bottom-160-px {
  bottom: 160px !important;
}
.or-bottom-180-px {
  bottom: 180px !important;
}
.or-bottom-200-px {
  bottom: 200px !important;
}
.or-bottom-240-px {
  bottom: 240px !important;
}
.or-bottom-280-px {
  bottom: 280px !important;
}
.or-bottom-320-px {
  bottom: 320px !important;
}
.or-bottom-360-px {
  bottom: 360px !important;
}
.or-bottom-400-px {
  bottom: 400px !important;
}
.or-bottom-440-px {
  bottom: 440px !important;
}
.or-bottom-480-px {
  bottom: 480px !important;
}
.or-bottom-520-px {
  bottom: 520px !important;
}
.or-bottom-560-px {
  bottom: 560px !important;
}
.or-bottom-600-px {
  bottom: 600px !important;
}
.or-bottom-640-px {
  bottom: 640px !important;
}
.or-bottom-680-px {
  bottom: 680px !important;
}
.or-bottom-720-px {
  bottom: 720px !important;
}
.or-bottom-760-px {
  bottom: 760px !important;
}
.or-bottom-800-px {
  bottom: 800px !important;
}
.or-bottom-840-px {
  bottom: 840px !important;
}
.or-bottom-880-px {
  bottom: 880px !important;
}
.or-bottom-920-px {
  bottom: 920px !important;
}
.or-bottom-960-px {
  bottom: 960px !important;
}
.or-bottom-1000-px {
  bottom: 1000px !important;
}
.or-bottom-1040-px {
  bottom: 1040px !important;
}
.or-bottom-1080-px {
  bottom: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-0-px {
    bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-2-px {
    bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-4-px {
    bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-6-px {
    bottom: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-8-px {
    bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-12-px {
    bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-16-px {
    bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-20-px {
    bottom: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-24-px {
    bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-28-px {
    bottom: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-32-px {
    bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-36-px {
    bottom: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-40-px {
    bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-48-px {
    bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-52-px {
    bottom: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-56-px {
    bottom: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-60-px {
    bottom: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-64-px {
    bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-68-px {
    bottom: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-72-px {
    bottom: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-76-px {
    bottom: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-80-px {
    bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-84-px {
    bottom: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-88-px {
    bottom: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-92-px {
    bottom: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-96-px {
    bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-112-px {
    bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-128-px {
    bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-144-px {
    bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-160-px {
    bottom: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-180-px {
    bottom: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-200-px {
    bottom: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-240-px {
    bottom: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-280-px {
    bottom: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-320-px {
    bottom: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-360-px {
    bottom: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-400-px {
    bottom: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-440-px {
    bottom: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-480-px {
    bottom: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-520-px {
    bottom: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-560-px {
    bottom: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-600-px {
    bottom: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-640-px {
    bottom: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-680-px {
    bottom: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-720-px {
    bottom: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-760-px {
    bottom: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-800-px {
    bottom: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-840-px {
    bottom: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-880-px {
    bottom: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-920-px {
    bottom: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-960-px {
    bottom: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-1000-px {
    bottom: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-1040-px {
    bottom: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-1080-px {
    bottom: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-0-px {
    bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-2-px {
    bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-4-px {
    bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-6-px {
    bottom: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-8-px {
    bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-12-px {
    bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-16-px {
    bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-20-px {
    bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-24-px {
    bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-28-px {
    bottom: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-32-px {
    bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-36-px {
    bottom: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-40-px {
    bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-48-px {
    bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-52-px {
    bottom: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-56-px {
    bottom: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-60-px {
    bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-64-px {
    bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-68-px {
    bottom: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-72-px {
    bottom: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-76-px {
    bottom: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-80-px {
    bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-84-px {
    bottom: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-88-px {
    bottom: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-92-px {
    bottom: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-96-px {
    bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-112-px {
    bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-128-px {
    bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-144-px {
    bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-160-px {
    bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-180-px {
    bottom: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-200-px {
    bottom: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-240-px {
    bottom: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-280-px {
    bottom: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-320-px {
    bottom: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-360-px {
    bottom: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-400-px {
    bottom: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-440-px {
    bottom: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-480-px {
    bottom: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-520-px {
    bottom: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-560-px {
    bottom: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-600-px {
    bottom: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-640-px {
    bottom: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-680-px {
    bottom: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-720-px {
    bottom: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-760-px {
    bottom: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-800-px {
    bottom: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-840-px {
    bottom: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-880-px {
    bottom: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-920-px {
    bottom: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-960-px {
    bottom: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-1000-px {
    bottom: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-1040-px {
    bottom: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-1080-px {
    bottom: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-0-px {
    bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-2-px {
    bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-4-px {
    bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-6-px {
    bottom: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-8-px {
    bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-12-px {
    bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-16-px {
    bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-20-px {
    bottom: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-24-px {
    bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-28-px {
    bottom: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-32-px {
    bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-36-px {
    bottom: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-40-px {
    bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-48-px {
    bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-52-px {
    bottom: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-56-px {
    bottom: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-60-px {
    bottom: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-64-px {
    bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-68-px {
    bottom: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-72-px {
    bottom: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-76-px {
    bottom: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-80-px {
    bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-84-px {
    bottom: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-88-px {
    bottom: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-92-px {
    bottom: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-96-px {
    bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-112-px {
    bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-128-px {
    bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-144-px {
    bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-160-px {
    bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-180-px {
    bottom: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-200-px {
    bottom: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-240-px {
    bottom: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-280-px {
    bottom: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-320-px {
    bottom: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-360-px {
    bottom: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-400-px {
    bottom: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-440-px {
    bottom: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-480-px {
    bottom: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-520-px {
    bottom: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-560-px {
    bottom: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-600-px {
    bottom: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-640-px {
    bottom: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-680-px {
    bottom: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-720-px {
    bottom: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-760-px {
    bottom: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-800-px {
    bottom: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-840-px {
    bottom: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-880-px {
    bottom: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-920-px {
    bottom: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-960-px {
    bottom: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-1000-px {
    bottom: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-1040-px {
    bottom: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-1080-px {
    bottom: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-0-px {
    bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-2-px {
    bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-4-px {
    bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-6-px {
    bottom: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-8-px {
    bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-12-px {
    bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-16-px {
    bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-20-px {
    bottom: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-24-px {
    bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-28-px {
    bottom: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-32-px {
    bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-36-px {
    bottom: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-40-px {
    bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-48-px {
    bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-52-px {
    bottom: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-56-px {
    bottom: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-60-px {
    bottom: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-64-px {
    bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-68-px {
    bottom: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-72-px {
    bottom: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-76-px {
    bottom: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-80-px {
    bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-84-px {
    bottom: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-88-px {
    bottom: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-92-px {
    bottom: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-96-px {
    bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-112-px {
    bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-128-px {
    bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-144-px {
    bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-160-px {
    bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-180-px {
    bottom: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-200-px {
    bottom: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-240-px {
    bottom: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-280-px {
    bottom: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-320-px {
    bottom: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-360-px {
    bottom: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-400-px {
    bottom: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-440-px {
    bottom: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-480-px {
    bottom: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-520-px {
    bottom: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-560-px {
    bottom: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-600-px {
    bottom: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-640-px {
    bottom: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-680-px {
    bottom: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-720-px {
    bottom: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-760-px {
    bottom: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-800-px {
    bottom: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-840-px {
    bottom: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-880-px {
    bottom: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-920-px {
    bottom: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-960-px {
    bottom: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-1000-px {
    bottom: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-1040-px {
    bottom: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-1080-px {
    bottom: 1080px !important;
  }
}
.or-left-0-px {
  left: 0px !important;
}
.or-left-2-px {
  left: 2px !important;
}
.or-left-4-px {
  left: 4px !important;
}
.or-left-6-px {
  left: 6px !important;
}
.or-left-8-px {
  left: 8px !important;
}
.or-left-12-px {
  left: 12px !important;
}
.or-left-16-px {
  left: 16px !important;
}
.or-left-20-px {
  left: 20px !important;
}
.or-left-24-px {
  left: 24px !important;
}
.or-left-28-px {
  left: 28px !important;
}
.or-left-32-px {
  left: 32px !important;
}
.or-left-36-px {
  left: 36px !important;
}
.or-left-40-px {
  left: 40px !important;
}
.or-left-48-px {
  left: 48px !important;
}
.or-left-52-px {
  left: 52px !important;
}
.or-left-56-px {
  left: 56px !important;
}
.or-left-60-px {
  left: 60px !important;
}
.or-left-64-px {
  left: 64px !important;
}
.or-left-68-px {
  left: 68px !important;
}
.or-left-72-px {
  left: 72px !important;
}
.or-left-76-px {
  left: 76px !important;
}
.or-left-80-px {
  left: 80px !important;
}
.or-left-84-px {
  left: 84px !important;
}
.or-left-88-px {
  left: 88px !important;
}
.or-left-92-px {
  left: 92px !important;
}
.or-left-96-px {
  left: 96px !important;
}
.or-left-112-px {
  left: 112px !important;
}
.or-left-128-px {
  left: 128px !important;
}
.or-left-144-px {
  left: 144px !important;
}
.or-left-160-px {
  left: 160px !important;
}
.or-left-180-px {
  left: 180px !important;
}
.or-left-200-px {
  left: 200px !important;
}
.or-left-240-px {
  left: 240px !important;
}
.or-left-280-px {
  left: 280px !important;
}
.or-left-320-px {
  left: 320px !important;
}
.or-left-360-px {
  left: 360px !important;
}
.or-left-400-px {
  left: 400px !important;
}
.or-left-440-px {
  left: 440px !important;
}
.or-left-480-px {
  left: 480px !important;
}
.or-left-520-px {
  left: 520px !important;
}
.or-left-560-px {
  left: 560px !important;
}
.or-left-600-px {
  left: 600px !important;
}
.or-left-640-px {
  left: 640px !important;
}
.or-left-680-px {
  left: 680px !important;
}
.or-left-720-px {
  left: 720px !important;
}
.or-left-760-px {
  left: 760px !important;
}
.or-left-800-px {
  left: 800px !important;
}
.or-left-840-px {
  left: 840px !important;
}
.or-left-880-px {
  left: 880px !important;
}
.or-left-920-px {
  left: 920px !important;
}
.or-left-960-px {
  left: 960px !important;
}
.or-left-1000-px {
  left: 1000px !important;
}
.or-left-1040-px {
  left: 1040px !important;
}
.or-left-1080-px {
  left: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-left-sm-0-px {
    left: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-2-px {
    left: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-4-px {
    left: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-6-px {
    left: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-8-px {
    left: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-12-px {
    left: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-16-px {
    left: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-20-px {
    left: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-24-px {
    left: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-28-px {
    left: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-32-px {
    left: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-36-px {
    left: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-40-px {
    left: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-48-px {
    left: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-52-px {
    left: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-56-px {
    left: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-60-px {
    left: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-64-px {
    left: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-68-px {
    left: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-72-px {
    left: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-76-px {
    left: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-80-px {
    left: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-84-px {
    left: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-88-px {
    left: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-92-px {
    left: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-96-px {
    left: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-112-px {
    left: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-128-px {
    left: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-144-px {
    left: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-160-px {
    left: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-180-px {
    left: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-200-px {
    left: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-240-px {
    left: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-280-px {
    left: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-320-px {
    left: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-360-px {
    left: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-400-px {
    left: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-440-px {
    left: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-480-px {
    left: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-520-px {
    left: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-560-px {
    left: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-600-px {
    left: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-640-px {
    left: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-680-px {
    left: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-720-px {
    left: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-760-px {
    left: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-800-px {
    left: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-840-px {
    left: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-880-px {
    left: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-920-px {
    left: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-960-px {
    left: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-1000-px {
    left: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-1040-px {
    left: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-1080-px {
    left: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-0-px {
    left: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-2-px {
    left: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-4-px {
    left: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-6-px {
    left: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-8-px {
    left: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-12-px {
    left: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-16-px {
    left: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-20-px {
    left: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-24-px {
    left: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-28-px {
    left: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-32-px {
    left: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-36-px {
    left: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-40-px {
    left: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-48-px {
    left: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-52-px {
    left: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-56-px {
    left: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-60-px {
    left: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-64-px {
    left: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-68-px {
    left: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-72-px {
    left: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-76-px {
    left: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-80-px {
    left: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-84-px {
    left: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-88-px {
    left: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-92-px {
    left: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-96-px {
    left: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-112-px {
    left: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-128-px {
    left: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-144-px {
    left: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-160-px {
    left: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-180-px {
    left: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-200-px {
    left: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-240-px {
    left: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-280-px {
    left: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-320-px {
    left: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-360-px {
    left: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-400-px {
    left: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-440-px {
    left: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-480-px {
    left: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-520-px {
    left: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-560-px {
    left: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-600-px {
    left: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-640-px {
    left: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-680-px {
    left: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-720-px {
    left: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-760-px {
    left: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-800-px {
    left: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-840-px {
    left: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-880-px {
    left: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-920-px {
    left: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-960-px {
    left: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-1000-px {
    left: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-1040-px {
    left: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-1080-px {
    left: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-0-px {
    left: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-2-px {
    left: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-4-px {
    left: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-6-px {
    left: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-8-px {
    left: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-12-px {
    left: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-16-px {
    left: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-20-px {
    left: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-24-px {
    left: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-28-px {
    left: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-32-px {
    left: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-36-px {
    left: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-40-px {
    left: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-48-px {
    left: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-52-px {
    left: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-56-px {
    left: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-60-px {
    left: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-64-px {
    left: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-68-px {
    left: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-72-px {
    left: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-76-px {
    left: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-80-px {
    left: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-84-px {
    left: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-88-px {
    left: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-92-px {
    left: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-96-px {
    left: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-112-px {
    left: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-128-px {
    left: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-144-px {
    left: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-160-px {
    left: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-180-px {
    left: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-200-px {
    left: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-240-px {
    left: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-280-px {
    left: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-320-px {
    left: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-360-px {
    left: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-400-px {
    left: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-440-px {
    left: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-480-px {
    left: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-520-px {
    left: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-560-px {
    left: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-600-px {
    left: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-640-px {
    left: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-680-px {
    left: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-720-px {
    left: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-760-px {
    left: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-800-px {
    left: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-840-px {
    left: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-880-px {
    left: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-920-px {
    left: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-960-px {
    left: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-1000-px {
    left: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-1040-px {
    left: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-1080-px {
    left: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-0-px {
    left: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-2-px {
    left: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-4-px {
    left: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-6-px {
    left: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-8-px {
    left: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-12-px {
    left: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-16-px {
    left: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-20-px {
    left: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-24-px {
    left: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-28-px {
    left: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-32-px {
    left: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-36-px {
    left: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-40-px {
    left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-48-px {
    left: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-52-px {
    left: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-56-px {
    left: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-60-px {
    left: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-64-px {
    left: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-68-px {
    left: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-72-px {
    left: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-76-px {
    left: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-80-px {
    left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-84-px {
    left: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-88-px {
    left: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-92-px {
    left: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-96-px {
    left: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-112-px {
    left: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-128-px {
    left: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-144-px {
    left: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-160-px {
    left: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-180-px {
    left: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-200-px {
    left: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-240-px {
    left: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-280-px {
    left: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-320-px {
    left: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-360-px {
    left: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-400-px {
    left: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-440-px {
    left: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-480-px {
    left: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-520-px {
    left: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-560-px {
    left: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-600-px {
    left: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-640-px {
    left: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-680-px {
    left: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-720-px {
    left: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-760-px {
    left: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-800-px {
    left: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-840-px {
    left: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-880-px {
    left: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-920-px {
    left: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-960-px {
    left: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-1000-px {
    left: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-1040-px {
    left: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-1080-px {
    left: 1080px !important;
  }
}
.or-right-0-px {
  right: 0px !important;
}
.or-right-2-px {
  right: 2px !important;
}
.or-right-4-px {
  right: 4px !important;
}
.or-right-6-px {
  right: 6px !important;
}
.or-right-8-px {
  right: 8px !important;
}
.or-right-12-px {
  right: 12px !important;
}
.or-right-16-px {
  right: 16px !important;
}
.or-right-20-px {
  right: 20px !important;
}
.or-right-24-px {
  right: 24px !important;
}
.or-right-28-px {
  right: 28px !important;
}
.or-right-32-px {
  right: 32px !important;
}
.or-right-36-px {
  right: 36px !important;
}
.or-right-40-px {
  right: 40px !important;
}
.or-right-48-px {
  right: 48px !important;
}
.or-right-52-px {
  right: 52px !important;
}
.or-right-56-px {
  right: 56px !important;
}
.or-right-60-px {
  right: 60px !important;
}
.or-right-64-px {
  right: 64px !important;
}
.or-right-68-px {
  right: 68px !important;
}
.or-right-72-px {
  right: 72px !important;
}
.or-right-76-px {
  right: 76px !important;
}
.or-right-80-px {
  right: 80px !important;
}
.or-right-84-px {
  right: 84px !important;
}
.or-right-88-px {
  right: 88px !important;
}
.or-right-92-px {
  right: 92px !important;
}
.or-right-96-px {
  right: 96px !important;
}
.or-right-112-px {
  right: 112px !important;
}
.or-right-128-px {
  right: 128px !important;
}
.or-right-144-px {
  right: 144px !important;
}
.or-right-160-px {
  right: 160px !important;
}
.or-right-180-px {
  right: 180px !important;
}
.or-right-200-px {
  right: 200px !important;
}
.or-right-240-px {
  right: 240px !important;
}
.or-right-280-px {
  right: 280px !important;
}
.or-right-320-px {
  right: 320px !important;
}
.or-right-360-px {
  right: 360px !important;
}
.or-right-400-px {
  right: 400px !important;
}
.or-right-440-px {
  right: 440px !important;
}
.or-right-480-px {
  right: 480px !important;
}
.or-right-520-px {
  right: 520px !important;
}
.or-right-560-px {
  right: 560px !important;
}
.or-right-600-px {
  right: 600px !important;
}
.or-right-640-px {
  right: 640px !important;
}
.or-right-680-px {
  right: 680px !important;
}
.or-right-720-px {
  right: 720px !important;
}
.or-right-760-px {
  right: 760px !important;
}
.or-right-800-px {
  right: 800px !important;
}
.or-right-840-px {
  right: 840px !important;
}
.or-right-880-px {
  right: 880px !important;
}
.or-right-920-px {
  right: 920px !important;
}
.or-right-960-px {
  right: 960px !important;
}
.or-right-1000-px {
  right: 1000px !important;
}
.or-right-1040-px {
  right: 1040px !important;
}
.or-right-1080-px {
  right: 1080px !important;
}
@media screen and (min-width: 576px) {
  .or-right-sm-0-px {
    right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-2-px {
    right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-4-px {
    right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-6-px {
    right: 6px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-8-px {
    right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-12-px {
    right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-16-px {
    right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-20-px {
    right: 20px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-24-px {
    right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-28-px {
    right: 28px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-32-px {
    right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-36-px {
    right: 36px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-40-px {
    right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-48-px {
    right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-52-px {
    right: 52px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-56-px {
    right: 56px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-60-px {
    right: 60px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-64-px {
    right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-68-px {
    right: 68px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-72-px {
    right: 72px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-76-px {
    right: 76px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-80-px {
    right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-84-px {
    right: 84px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-88-px {
    right: 88px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-92-px {
    right: 92px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-96-px {
    right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-112-px {
    right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-128-px {
    right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-144-px {
    right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-160-px {
    right: 160px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-180-px {
    right: 180px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-200-px {
    right: 200px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-240-px {
    right: 240px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-280-px {
    right: 280px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-320-px {
    right: 320px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-360-px {
    right: 360px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-400-px {
    right: 400px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-440-px {
    right: 440px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-480-px {
    right: 480px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-520-px {
    right: 520px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-560-px {
    right: 560px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-600-px {
    right: 600px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-640-px {
    right: 640px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-680-px {
    right: 680px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-720-px {
    right: 720px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-760-px {
    right: 760px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-800-px {
    right: 800px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-840-px {
    right: 840px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-880-px {
    right: 880px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-920-px {
    right: 920px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-960-px {
    right: 960px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-1000-px {
    right: 1000px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-1040-px {
    right: 1040px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-1080-px {
    right: 1080px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-0-px {
    right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-2-px {
    right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-4-px {
    right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-6-px {
    right: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-8-px {
    right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-12-px {
    right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-16-px {
    right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-20-px {
    right: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-24-px {
    right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-28-px {
    right: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-32-px {
    right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-36-px {
    right: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-40-px {
    right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-48-px {
    right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-52-px {
    right: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-56-px {
    right: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-60-px {
    right: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-64-px {
    right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-68-px {
    right: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-72-px {
    right: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-76-px {
    right: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-80-px {
    right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-84-px {
    right: 84px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-88-px {
    right: 88px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-92-px {
    right: 92px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-96-px {
    right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-112-px {
    right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-128-px {
    right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-144-px {
    right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-160-px {
    right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-180-px {
    right: 180px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-200-px {
    right: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-240-px {
    right: 240px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-280-px {
    right: 280px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-320-px {
    right: 320px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-360-px {
    right: 360px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-400-px {
    right: 400px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-440-px {
    right: 440px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-480-px {
    right: 480px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-520-px {
    right: 520px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-560-px {
    right: 560px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-600-px {
    right: 600px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-640-px {
    right: 640px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-680-px {
    right: 680px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-720-px {
    right: 720px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-760-px {
    right: 760px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-800-px {
    right: 800px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-840-px {
    right: 840px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-880-px {
    right: 880px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-920-px {
    right: 920px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-960-px {
    right: 960px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-1000-px {
    right: 1000px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-1040-px {
    right: 1040px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-1080-px {
    right: 1080px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-0-px {
    right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-2-px {
    right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-4-px {
    right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-6-px {
    right: 6px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-8-px {
    right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-12-px {
    right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-16-px {
    right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-20-px {
    right: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-24-px {
    right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-28-px {
    right: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-32-px {
    right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-36-px {
    right: 36px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-40-px {
    right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-48-px {
    right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-52-px {
    right: 52px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-56-px {
    right: 56px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-60-px {
    right: 60px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-64-px {
    right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-68-px {
    right: 68px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-72-px {
    right: 72px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-76-px {
    right: 76px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-80-px {
    right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-84-px {
    right: 84px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-88-px {
    right: 88px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-92-px {
    right: 92px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-96-px {
    right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-112-px {
    right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-128-px {
    right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-144-px {
    right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-160-px {
    right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-180-px {
    right: 180px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-200-px {
    right: 200px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-240-px {
    right: 240px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-280-px {
    right: 280px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-320-px {
    right: 320px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-360-px {
    right: 360px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-400-px {
    right: 400px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-440-px {
    right: 440px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-480-px {
    right: 480px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-520-px {
    right: 520px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-560-px {
    right: 560px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-600-px {
    right: 600px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-640-px {
    right: 640px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-680-px {
    right: 680px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-720-px {
    right: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-760-px {
    right: 760px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-800-px {
    right: 800px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-840-px {
    right: 840px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-880-px {
    right: 880px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-920-px {
    right: 920px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-960-px {
    right: 960px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-1000-px {
    right: 1000px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-1040-px {
    right: 1040px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-1080-px {
    right: 1080px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-0-px {
    right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-2-px {
    right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-4-px {
    right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-6-px {
    right: 6px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-8-px {
    right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-12-px {
    right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-16-px {
    right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-20-px {
    right: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-24-px {
    right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-28-px {
    right: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-32-px {
    right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-36-px {
    right: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-40-px {
    right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-48-px {
    right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-52-px {
    right: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-56-px {
    right: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-60-px {
    right: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-64-px {
    right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-68-px {
    right: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-72-px {
    right: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-76-px {
    right: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-80-px {
    right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-84-px {
    right: 84px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-88-px {
    right: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-92-px {
    right: 92px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-96-px {
    right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-112-px {
    right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-128-px {
    right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-144-px {
    right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-160-px {
    right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-180-px {
    right: 180px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-200-px {
    right: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-240-px {
    right: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-280-px {
    right: 280px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-320-px {
    right: 320px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-360-px {
    right: 360px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-400-px {
    right: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-440-px {
    right: 440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-480-px {
    right: 480px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-520-px {
    right: 520px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-560-px {
    right: 560px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-600-px {
    right: 600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-640-px {
    right: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-680-px {
    right: 680px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-720-px {
    right: 720px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-760-px {
    right: 760px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-800-px {
    right: 800px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-840-px {
    right: 840px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-880-px {
    right: 880px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-920-px {
    right: 920px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-960-px {
    right: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-1000-px {
    right: 1000px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-1040-px {
    right: 1040px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-1080-px {
    right: 1080px !important;
  }
}
.or-top-0 {
  top: 0px !important;
}
.or-top-1 {
  top: 2px !important;
}
.or-top-2 {
  top: 4px !important;
}
.or-top-3 {
  top: 8px !important;
}
.or-top-4 {
  top: 12px !important;
}
.or-top-5 {
  top: 16px !important;
}
.or-top-6 {
  top: 24px !important;
}
.or-top-7 {
  top: 32px !important;
}
.or-top-8 {
  top: 40px !important;
}
.or-top-9 {
  top: 48px !important;
}
.or-top-10 {
  top: 64px !important;
}
.or-top-11 {
  top: 80px !important;
}
.or-top-12 {
  top: 96px !important;
}
.or-top-13 {
  top: 112px !important;
}
.or-top-14 {
  top: 128px !important;
}
.or-top-15 {
  top: 144px !important;
}
.or-top-16 {
  top: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-top-sm-0 {
    top: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-1 {
    top: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-2 {
    top: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-3 {
    top: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-4 {
    top: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-5 {
    top: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-6 {
    top: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-7 {
    top: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-8 {
    top: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-9 {
    top: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-10 {
    top: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-11 {
    top: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-12 {
    top: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-13 {
    top: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-14 {
    top: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-15 {
    top: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-16 {
    top: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-0 {
    top: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-1 {
    top: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-2 {
    top: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-3 {
    top: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-4 {
    top: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-5 {
    top: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-6 {
    top: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-7 {
    top: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-8 {
    top: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-9 {
    top: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-10 {
    top: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-11 {
    top: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-12 {
    top: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-13 {
    top: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-14 {
    top: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-15 {
    top: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-16 {
    top: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-0 {
    top: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-1 {
    top: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-2 {
    top: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-3 {
    top: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-4 {
    top: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-5 {
    top: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-6 {
    top: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-7 {
    top: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-8 {
    top: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-9 {
    top: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-10 {
    top: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-11 {
    top: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-12 {
    top: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-13 {
    top: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-14 {
    top: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-15 {
    top: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-16 {
    top: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-0 {
    top: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-1 {
    top: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-2 {
    top: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-3 {
    top: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-4 {
    top: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-5 {
    top: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-6 {
    top: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-7 {
    top: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-8 {
    top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-9 {
    top: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-10 {
    top: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-11 {
    top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-12 {
    top: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-13 {
    top: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-14 {
    top: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-15 {
    top: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-16 {
    top: 160px !important;
  }
}
.or-top-0-pc {
  top: 0% !important;
}
.or-top-5-pc {
  top: 5% !important;
}
.or-top-10-pc {
  top: 10% !important;
}
.or-top-15-pc {
  top: 15% !important;
}
.or-top-20-pc {
  top: 20% !important;
}
.or-top-25-pc {
  top: 25% !important;
}
.or-top-30-pc {
  top: 30% !important;
}
.or-top-35-pc {
  top: 35% !important;
}
.or-top-40-pc {
  top: 40% !important;
}
.or-top-45-pc {
  top: 45% !important;
}
.or-top-50-pc {
  top: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-top-sm-0-pc {
    top: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-5-pc {
    top: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-10-pc {
    top: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-15-pc {
    top: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-20-pc {
    top: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-25-pc {
    top: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-30-pc {
    top: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-35-pc {
    top: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-40-pc {
    top: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-45-pc {
    top: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-top-sm-50-pc {
    top: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-0-pc {
    top: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-5-pc {
    top: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-10-pc {
    top: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-15-pc {
    top: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-20-pc {
    top: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-25-pc {
    top: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-30-pc {
    top: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-35-pc {
    top: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-40-pc {
    top: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-45-pc {
    top: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-top-md-50-pc {
    top: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-0-pc {
    top: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-5-pc {
    top: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-10-pc {
    top: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-15-pc {
    top: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-20-pc {
    top: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-25-pc {
    top: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-30-pc {
    top: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-35-pc {
    top: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-40-pc {
    top: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-45-pc {
    top: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-top-lg-50-pc {
    top: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-0-pc {
    top: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-5-pc {
    top: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-10-pc {
    top: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-15-pc {
    top: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-20-pc {
    top: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-25-pc {
    top: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-30-pc {
    top: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-35-pc {
    top: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-40-pc {
    top: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-45-pc {
    top: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-top-xl-50-pc {
    top: 50% !important;
  }
}
.or-bottom-0 {
  bottom: 0px !important;
}
.or-bottom-1 {
  bottom: 2px !important;
}
.or-bottom-2 {
  bottom: 4px !important;
}
.or-bottom-3 {
  bottom: 8px !important;
}
.or-bottom-4 {
  bottom: 12px !important;
}
.or-bottom-5 {
  bottom: 16px !important;
}
.or-bottom-6 {
  bottom: 24px !important;
}
.or-bottom-7 {
  bottom: 32px !important;
}
.or-bottom-8 {
  bottom: 40px !important;
}
.or-bottom-9 {
  bottom: 48px !important;
}
.or-bottom-10 {
  bottom: 64px !important;
}
.or-bottom-11 {
  bottom: 80px !important;
}
.or-bottom-12 {
  bottom: 96px !important;
}
.or-bottom-13 {
  bottom: 112px !important;
}
.or-bottom-14 {
  bottom: 128px !important;
}
.or-bottom-15 {
  bottom: 144px !important;
}
.or-bottom-16 {
  bottom: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-0 {
    bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-1 {
    bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-2 {
    bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-3 {
    bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-4 {
    bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-5 {
    bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-6 {
    bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-7 {
    bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-8 {
    bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-9 {
    bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-10 {
    bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-11 {
    bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-12 {
    bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-13 {
    bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-14 {
    bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-15 {
    bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-16 {
    bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-0 {
    bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-1 {
    bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-2 {
    bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-3 {
    bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-4 {
    bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-5 {
    bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-6 {
    bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-7 {
    bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-8 {
    bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-9 {
    bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-10 {
    bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-11 {
    bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-12 {
    bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-13 {
    bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-14 {
    bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-15 {
    bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-16 {
    bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-0 {
    bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-1 {
    bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-2 {
    bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-3 {
    bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-4 {
    bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-5 {
    bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-6 {
    bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-7 {
    bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-8 {
    bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-9 {
    bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-10 {
    bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-11 {
    bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-12 {
    bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-13 {
    bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-14 {
    bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-15 {
    bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-16 {
    bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-0 {
    bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-1 {
    bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-2 {
    bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-3 {
    bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-4 {
    bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-5 {
    bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-6 {
    bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-7 {
    bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-8 {
    bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-9 {
    bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-10 {
    bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-11 {
    bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-12 {
    bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-13 {
    bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-14 {
    bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-15 {
    bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-16 {
    bottom: 160px !important;
  }
}
.or-bottom-0-pc {
  bottom: 0% !important;
}
.or-bottom-5-pc {
  bottom: 5% !important;
}
.or-bottom-10-pc {
  bottom: 10% !important;
}
.or-bottom-15-pc {
  bottom: 15% !important;
}
.or-bottom-20-pc {
  bottom: 20% !important;
}
.or-bottom-25-pc {
  bottom: 25% !important;
}
.or-bottom-30-pc {
  bottom: 30% !important;
}
.or-bottom-35-pc {
  bottom: 35% !important;
}
.or-bottom-40-pc {
  bottom: 40% !important;
}
.or-bottom-45-pc {
  bottom: 45% !important;
}
.or-bottom-50-pc {
  bottom: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-0-pc {
    bottom: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-5-pc {
    bottom: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-10-pc {
    bottom: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-15-pc {
    bottom: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-20-pc {
    bottom: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-25-pc {
    bottom: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-30-pc {
    bottom: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-35-pc {
    bottom: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-40-pc {
    bottom: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-45-pc {
    bottom: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-bottom-sm-50-pc {
    bottom: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-0-pc {
    bottom: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-5-pc {
    bottom: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-10-pc {
    bottom: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-15-pc {
    bottom: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-20-pc {
    bottom: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-25-pc {
    bottom: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-30-pc {
    bottom: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-35-pc {
    bottom: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-40-pc {
    bottom: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-45-pc {
    bottom: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-bottom-md-50-pc {
    bottom: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-0-pc {
    bottom: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-5-pc {
    bottom: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-10-pc {
    bottom: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-15-pc {
    bottom: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-20-pc {
    bottom: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-25-pc {
    bottom: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-30-pc {
    bottom: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-35-pc {
    bottom: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-40-pc {
    bottom: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-45-pc {
    bottom: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-bottom-lg-50-pc {
    bottom: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-0-pc {
    bottom: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-5-pc {
    bottom: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-10-pc {
    bottom: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-15-pc {
    bottom: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-20-pc {
    bottom: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-25-pc {
    bottom: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-30-pc {
    bottom: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-35-pc {
    bottom: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-40-pc {
    bottom: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-45-pc {
    bottom: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-bottom-xl-50-pc {
    bottom: 50% !important;
  }
}
.or-left-0 {
  left: 0px !important;
}
.or-left-1 {
  left: 2px !important;
}
.or-left-2 {
  left: 4px !important;
}
.or-left-3 {
  left: 8px !important;
}
.or-left-4 {
  left: 12px !important;
}
.or-left-5 {
  left: 16px !important;
}
.or-left-6 {
  left: 24px !important;
}
.or-left-7 {
  left: 32px !important;
}
.or-left-8 {
  left: 40px !important;
}
.or-left-9 {
  left: 48px !important;
}
.or-left-10 {
  left: 64px !important;
}
.or-left-11 {
  left: 80px !important;
}
.or-left-12 {
  left: 96px !important;
}
.or-left-13 {
  left: 112px !important;
}
.or-left-14 {
  left: 128px !important;
}
.or-left-15 {
  left: 144px !important;
}
.or-left-16 {
  left: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-left-sm-0 {
    left: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-1 {
    left: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-2 {
    left: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-3 {
    left: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-4 {
    left: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-5 {
    left: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-6 {
    left: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-7 {
    left: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-8 {
    left: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-9 {
    left: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-10 {
    left: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-11 {
    left: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-12 {
    left: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-13 {
    left: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-14 {
    left: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-15 {
    left: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-16 {
    left: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-0 {
    left: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-1 {
    left: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-2 {
    left: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-3 {
    left: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-4 {
    left: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-5 {
    left: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-6 {
    left: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-7 {
    left: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-8 {
    left: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-9 {
    left: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-10 {
    left: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-11 {
    left: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-12 {
    left: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-13 {
    left: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-14 {
    left: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-15 {
    left: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-16 {
    left: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-0 {
    left: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-1 {
    left: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-2 {
    left: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-3 {
    left: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-4 {
    left: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-5 {
    left: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-6 {
    left: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-7 {
    left: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-8 {
    left: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-9 {
    left: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-10 {
    left: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-11 {
    left: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-12 {
    left: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-13 {
    left: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-14 {
    left: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-15 {
    left: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-16 {
    left: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-0 {
    left: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-1 {
    left: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-2 {
    left: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-3 {
    left: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-4 {
    left: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-5 {
    left: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-6 {
    left: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-7 {
    left: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-8 {
    left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-9 {
    left: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-10 {
    left: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-11 {
    left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-12 {
    left: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-13 {
    left: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-14 {
    left: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-15 {
    left: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-16 {
    left: 160px !important;
  }
}
.or-left-0-pc {
  left: 0% !important;
}
.or-left-5-pc {
  left: 5% !important;
}
.or-left-10-pc {
  left: 10% !important;
}
.or-left-15-pc {
  left: 15% !important;
}
.or-left-20-pc {
  left: 20% !important;
}
.or-left-25-pc {
  left: 25% !important;
}
.or-left-30-pc {
  left: 30% !important;
}
.or-left-35-pc {
  left: 35% !important;
}
.or-left-40-pc {
  left: 40% !important;
}
.or-left-45-pc {
  left: 45% !important;
}
.or-left-50-pc {
  left: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-left-sm-0-pc {
    left: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-5-pc {
    left: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-10-pc {
    left: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-15-pc {
    left: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-20-pc {
    left: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-25-pc {
    left: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-30-pc {
    left: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-35-pc {
    left: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-40-pc {
    left: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-45-pc {
    left: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-left-sm-50-pc {
    left: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-0-pc {
    left: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-5-pc {
    left: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-10-pc {
    left: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-15-pc {
    left: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-20-pc {
    left: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-25-pc {
    left: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-30-pc {
    left: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-35-pc {
    left: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-40-pc {
    left: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-45-pc {
    left: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-left-md-50-pc {
    left: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-0-pc {
    left: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-5-pc {
    left: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-10-pc {
    left: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-15-pc {
    left: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-20-pc {
    left: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-25-pc {
    left: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-30-pc {
    left: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-35-pc {
    left: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-40-pc {
    left: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-45-pc {
    left: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-left-lg-50-pc {
    left: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-0-pc {
    left: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-5-pc {
    left: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-10-pc {
    left: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-15-pc {
    left: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-20-pc {
    left: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-25-pc {
    left: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-30-pc {
    left: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-35-pc {
    left: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-40-pc {
    left: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-45-pc {
    left: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-left-xl-50-pc {
    left: 50% !important;
  }
}
.or-right-0 {
  right: 0px !important;
}
.or-right-1 {
  right: 2px !important;
}
.or-right-2 {
  right: 4px !important;
}
.or-right-3 {
  right: 8px !important;
}
.or-right-4 {
  right: 12px !important;
}
.or-right-5 {
  right: 16px !important;
}
.or-right-6 {
  right: 24px !important;
}
.or-right-7 {
  right: 32px !important;
}
.or-right-8 {
  right: 40px !important;
}
.or-right-9 {
  right: 48px !important;
}
.or-right-10 {
  right: 64px !important;
}
.or-right-11 {
  right: 80px !important;
}
.or-right-12 {
  right: 96px !important;
}
.or-right-13 {
  right: 112px !important;
}
.or-right-14 {
  right: 128px !important;
}
.or-right-15 {
  right: 144px !important;
}
.or-right-16 {
  right: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-right-sm-0 {
    right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-1 {
    right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-2 {
    right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-3 {
    right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-4 {
    right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-5 {
    right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-6 {
    right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-7 {
    right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-8 {
    right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-9 {
    right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-10 {
    right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-11 {
    right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-12 {
    right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-13 {
    right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-14 {
    right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-15 {
    right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-16 {
    right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-0 {
    right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-1 {
    right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-2 {
    right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-3 {
    right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-4 {
    right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-5 {
    right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-6 {
    right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-7 {
    right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-8 {
    right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-9 {
    right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-10 {
    right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-11 {
    right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-12 {
    right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-13 {
    right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-14 {
    right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-15 {
    right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-16 {
    right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-0 {
    right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-1 {
    right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-2 {
    right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-3 {
    right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-4 {
    right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-5 {
    right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-6 {
    right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-7 {
    right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-8 {
    right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-9 {
    right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-10 {
    right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-11 {
    right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-12 {
    right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-13 {
    right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-14 {
    right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-15 {
    right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-16 {
    right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-0 {
    right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-1 {
    right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-2 {
    right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-3 {
    right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-4 {
    right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-5 {
    right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-6 {
    right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-7 {
    right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-8 {
    right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-9 {
    right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-10 {
    right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-11 {
    right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-12 {
    right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-13 {
    right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-14 {
    right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-15 {
    right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-16 {
    right: 160px !important;
  }
}
.or-right-0-pc {
  right: 0% !important;
}
.or-right-5-pc {
  right: 5% !important;
}
.or-right-10-pc {
  right: 10% !important;
}
.or-right-15-pc {
  right: 15% !important;
}
.or-right-20-pc {
  right: 20% !important;
}
.or-right-25-pc {
  right: 25% !important;
}
.or-right-30-pc {
  right: 30% !important;
}
.or-right-35-pc {
  right: 35% !important;
}
.or-right-40-pc {
  right: 40% !important;
}
.or-right-45-pc {
  right: 45% !important;
}
.or-right-50-pc {
  right: 50% !important;
}
@media screen and (min-width: 576px) {
  .or-right-sm-0-pc {
    right: 0% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-5-pc {
    right: 5% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-10-pc {
    right: 10% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-15-pc {
    right: 15% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-20-pc {
    right: 20% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-25-pc {
    right: 25% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-30-pc {
    right: 30% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-35-pc {
    right: 35% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-40-pc {
    right: 40% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-45-pc {
    right: 45% !important;
  }
}
@media screen and (min-width: 576px) {
  .or-right-sm-50-pc {
    right: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-0-pc {
    right: 0% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-5-pc {
    right: 5% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-10-pc {
    right: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-15-pc {
    right: 15% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-20-pc {
    right: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-25-pc {
    right: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-30-pc {
    right: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-35-pc {
    right: 35% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-40-pc {
    right: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-45-pc {
    right: 45% !important;
  }
}
@media screen and (min-width: 768px) {
  .or-right-md-50-pc {
    right: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-0-pc {
    right: 0% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-5-pc {
    right: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-10-pc {
    right: 10% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-15-pc {
    right: 15% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-20-pc {
    right: 20% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-25-pc {
    right: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-30-pc {
    right: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-35-pc {
    right: 35% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-40-pc {
    right: 40% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-45-pc {
    right: 45% !important;
  }
}
@media screen and (min-width: 992px) {
  .or-right-lg-50-pc {
    right: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-0-pc {
    right: 0% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-5-pc {
    right: 5% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-10-pc {
    right: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-15-pc {
    right: 15% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-20-pc {
    right: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-25-pc {
    right: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-30-pc {
    right: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-35-pc {
    right: 35% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-40-pc {
    right: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-45-pc {
    right: 45% !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-right-xl-50-pc {
    right: 50% !important;
  }
}
.or-m-0 {
  margin: 0px !important;
}
.or-m-1 {
  margin: 2px !important;
}
.or-m-2 {
  margin: 4px !important;
}
.or-m-3 {
  margin: 8px !important;
}
.or-m-4 {
  margin: 12px !important;
}
.or-m-5 {
  margin: 16px !important;
}
.or-m-6 {
  margin: 24px !important;
}
.or-m-7 {
  margin: 32px !important;
}
.or-m-8 {
  margin: 40px !important;
}
.or-m-9 {
  margin: 48px !important;
}
.or-m-10 {
  margin: 64px !important;
}
.or-m-11 {
  margin: 80px !important;
}
.or-m-12 {
  margin: 96px !important;
}
.or-m-13 {
  margin: 112px !important;
}
.or-m-14 {
  margin: 128px !important;
}
.or-m-15 {
  margin: 144px !important;
}
.or-m-16 {
  margin: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-m-sm-0 {
    margin: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-1 {
    margin: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-2 {
    margin: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-3 {
    margin: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-4 {
    margin: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-5 {
    margin: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-6 {
    margin: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-7 {
    margin: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-8 {
    margin: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-9 {
    margin: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-10 {
    margin: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-11 {
    margin: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-12 {
    margin: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-13 {
    margin: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-14 {
    margin: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-15 {
    margin: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-m-sm-16 {
    margin: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-0 {
    margin: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-1 {
    margin: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-2 {
    margin: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-3 {
    margin: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-4 {
    margin: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-5 {
    margin: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-6 {
    margin: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-7 {
    margin: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-8 {
    margin: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-9 {
    margin: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-10 {
    margin: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-11 {
    margin: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-12 {
    margin: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-13 {
    margin: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-14 {
    margin: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-15 {
    margin: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-m-md-16 {
    margin: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-0 {
    margin: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-1 {
    margin: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-2 {
    margin: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-3 {
    margin: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-4 {
    margin: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-5 {
    margin: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-6 {
    margin: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-7 {
    margin: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-8 {
    margin: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-9 {
    margin: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-10 {
    margin: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-11 {
    margin: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-12 {
    margin: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-13 {
    margin: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-14 {
    margin: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-15 {
    margin: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-m-lg-16 {
    margin: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-0 {
    margin: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-1 {
    margin: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-2 {
    margin: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-3 {
    margin: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-4 {
    margin: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-5 {
    margin: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-6 {
    margin: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-7 {
    margin: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-8 {
    margin: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-9 {
    margin: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-10 {
    margin: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-11 {
    margin: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-12 {
    margin: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-13 {
    margin: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-14 {
    margin: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-15 {
    margin: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-m-xl-16 {
    margin: 160px !important;
  }
}
.or-my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.or-my-1 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.or-my-2 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.or-my-3 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.or-my-4 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.or-my-5 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.or-my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.or-my-7 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.or-my-8 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.or-my-9 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.or-my-10 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.or-my-11 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.or-my-12 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}
.or-my-13 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}
.or-my-14 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}
.or-my-15 {
  margin-top: 144px !important;
  margin-bottom: 144px !important;
}
.or-my-16 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-my-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-1 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-2 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-3 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-4 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-5 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-7 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-8 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-9 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-10 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-11 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-13 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-14 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-15 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-my-sm-16 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-1 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-2 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-3 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-4 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-5 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-7 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-8 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-9 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-10 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-11 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-13 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-14 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-15 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-my-md-16 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-1 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-2 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-3 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-4 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-5 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-7 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-8 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-9 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-10 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-11 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-13 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-14 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-15 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-my-lg-16 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-1 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-2 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-3 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-4 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-5 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-7 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-8 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-9 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-10 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-11 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-13 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-14 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-15 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-my-xl-16 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}
.or-mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.or-mx-1 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.or-mx-2 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.or-mx-3 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.or-mx-4 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.or-mx-5 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.or-mx-6 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.or-mx-7 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.or-mx-8 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.or-mx-9 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.or-mx-10 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.or-mx-11 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.or-mx-12 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}
.or-mx-13 {
  margin-left: 112px !important;
  margin-right: 112px !important;
}
.or-mx-14 {
  margin-left: 128px !important;
  margin-right: 128px !important;
}
.or-mx-15 {
  margin-left: 144px !important;
  margin-right: 144px !important;
}
.or-mx-16 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-mx-sm-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-1 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-2 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-3 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-4 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-5 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-6 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-7 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-8 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-9 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-10 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-11 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-12 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-13 {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-14 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-15 {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mx-sm-16 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-1 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-2 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-3 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-4 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-5 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-6 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-7 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-8 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-9 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-10 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-11 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-12 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-13 {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-14 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-15 {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mx-md-16 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-1 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-2 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-3 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-4 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-5 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-6 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-7 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-8 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-9 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-10 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-11 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-12 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-13 {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-14 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-15 {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mx-lg-16 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-1 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-2 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-3 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-4 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-5 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-6 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-7 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-8 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-9 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-10 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-11 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-12 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-13 {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-14 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-15 {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mx-xl-16 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}
.or-mt-0 {
  margin-top: 0px !important;
}
.or-mt-1 {
  margin-top: 2px !important;
}
.or-mt-2 {
  margin-top: 4px !important;
}
.or-mt-3 {
  margin-top: 8px !important;
}
.or-mt-4 {
  margin-top: 12px !important;
}
.or-mt-5 {
  margin-top: 16px !important;
}
.or-mt-6 {
  margin-top: 24px !important;
}
.or-mt-7 {
  margin-top: 32px !important;
}
.or-mt-8 {
  margin-top: 40px !important;
}
.or-mt-9 {
  margin-top: 48px !important;
}
.or-mt-10 {
  margin-top: 64px !important;
}
.or-mt-11 {
  margin-top: 80px !important;
}
.or-mt-12 {
  margin-top: 96px !important;
}
.or-mt-13 {
  margin-top: 112px !important;
}
.or-mt-14 {
  margin-top: 128px !important;
}
.or-mt-15 {
  margin-top: 144px !important;
}
.or-mt-16 {
  margin-top: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-mt-sm-0 {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-1 {
    margin-top: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-2 {
    margin-top: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-3 {
    margin-top: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-4 {
    margin-top: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-5 {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-6 {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-7 {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-8 {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-9 {
    margin-top: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-10 {
    margin-top: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-11 {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-12 {
    margin-top: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-13 {
    margin-top: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-14 {
    margin-top: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-15 {
    margin-top: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mt-sm-16 {
    margin-top: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-0 {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-1 {
    margin-top: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-2 {
    margin-top: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-3 {
    margin-top: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-4 {
    margin-top: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-5 {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-6 {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-7 {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-8 {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-9 {
    margin-top: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-10 {
    margin-top: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-11 {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-12 {
    margin-top: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-13 {
    margin-top: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-14 {
    margin-top: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-15 {
    margin-top: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mt-md-16 {
    margin-top: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-0 {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-1 {
    margin-top: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-2 {
    margin-top: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-3 {
    margin-top: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-4 {
    margin-top: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-5 {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-6 {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-7 {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-8 {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-9 {
    margin-top: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-10 {
    margin-top: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-11 {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-12 {
    margin-top: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-13 {
    margin-top: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-14 {
    margin-top: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-15 {
    margin-top: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mt-lg-16 {
    margin-top: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-0 {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-1 {
    margin-top: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-2 {
    margin-top: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-3 {
    margin-top: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-4 {
    margin-top: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-5 {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-6 {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-7 {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-8 {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-9 {
    margin-top: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-10 {
    margin-top: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-11 {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-12 {
    margin-top: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-13 {
    margin-top: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-14 {
    margin-top: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-15 {
    margin-top: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mt-xl-16 {
    margin-top: 160px !important;
  }
}
.or-ml-0 {
  margin-left: 0px !important;
}
.or-ml-1 {
  margin-left: 2px !important;
}
.or-ml-2 {
  margin-left: 4px !important;
}
.or-ml-3 {
  margin-left: 8px !important;
}
.or-ml-4 {
  margin-left: 12px !important;
}
.or-ml-5 {
  margin-left: 16px !important;
}
.or-ml-6 {
  margin-left: 24px !important;
}
.or-ml-7 {
  margin-left: 32px !important;
}
.or-ml-8 {
  margin-left: 40px !important;
}
.or-ml-9 {
  margin-left: 48px !important;
}
.or-ml-10 {
  margin-left: 64px !important;
}
.or-ml-11 {
  margin-left: 80px !important;
}
.or-ml-12 {
  margin-left: 96px !important;
}
.or-ml-13 {
  margin-left: 112px !important;
}
.or-ml-14 {
  margin-left: 128px !important;
}
.or-ml-15 {
  margin-left: 144px !important;
}
.or-ml-16 {
  margin-left: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-ml-sm-0 {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-1 {
    margin-left: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-2 {
    margin-left: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-3 {
    margin-left: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-4 {
    margin-left: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-5 {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-6 {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-7 {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-8 {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-9 {
    margin-left: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-10 {
    margin-left: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-11 {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-12 {
    margin-left: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-13 {
    margin-left: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-14 {
    margin-left: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-15 {
    margin-left: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-ml-sm-16 {
    margin-left: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-0 {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-1 {
    margin-left: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-2 {
    margin-left: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-3 {
    margin-left: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-4 {
    margin-left: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-5 {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-6 {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-7 {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-8 {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-9 {
    margin-left: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-10 {
    margin-left: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-11 {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-12 {
    margin-left: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-13 {
    margin-left: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-14 {
    margin-left: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-15 {
    margin-left: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-ml-md-16 {
    margin-left: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-0 {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-1 {
    margin-left: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-2 {
    margin-left: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-3 {
    margin-left: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-4 {
    margin-left: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-5 {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-6 {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-7 {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-8 {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-9 {
    margin-left: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-10 {
    margin-left: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-11 {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-12 {
    margin-left: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-13 {
    margin-left: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-14 {
    margin-left: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-15 {
    margin-left: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-ml-lg-16 {
    margin-left: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-0 {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-1 {
    margin-left: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-2 {
    margin-left: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-3 {
    margin-left: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-4 {
    margin-left: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-5 {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-6 {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-7 {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-8 {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-9 {
    margin-left: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-10 {
    margin-left: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-11 {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-12 {
    margin-left: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-13 {
    margin-left: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-14 {
    margin-left: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-15 {
    margin-left: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-ml-xl-16 {
    margin-left: 160px !important;
  }
}
.or-mb-0 {
  margin-bottom: 0px !important;
}
.or-mb-1 {
  margin-bottom: 2px !important;
}
.or-mb-2 {
  margin-bottom: 4px !important;
}
.or-mb-3 {
  margin-bottom: 8px !important;
}
.or-mb-4 {
  margin-bottom: 12px !important;
}
.or-mb-5 {
  margin-bottom: 16px !important;
}
.or-mb-6 {
  margin-bottom: 24px !important;
}
.or-mb-7 {
  margin-bottom: 32px !important;
}
.or-mb-8 {
  margin-bottom: 40px !important;
}
.or-mb-9 {
  margin-bottom: 48px !important;
}
.or-mb-10 {
  margin-bottom: 64px !important;
}
.or-mb-11 {
  margin-bottom: 80px !important;
}
.or-mb-12 {
  margin-bottom: 96px !important;
}
.or-mb-13 {
  margin-bottom: 112px !important;
}
.or-mb-14 {
  margin-bottom: 128px !important;
}
.or-mb-15 {
  margin-bottom: 144px !important;
}
.or-mb-16 {
  margin-bottom: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-mb-sm-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-1 {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-2 {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-3 {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-4 {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-5 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-6 {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-7 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-8 {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-9 {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-10 {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-11 {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-12 {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-13 {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-14 {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-15 {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mb-sm-16 {
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-1 {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-2 {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-3 {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-4 {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-5 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-6 {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-7 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-8 {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-9 {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-10 {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-11 {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-12 {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-13 {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-14 {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-15 {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mb-md-16 {
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-1 {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-2 {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-3 {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-4 {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-5 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-6 {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-7 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-8 {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-9 {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-10 {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-11 {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-12 {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-13 {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-14 {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-15 {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mb-lg-16 {
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-1 {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-2 {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-3 {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-4 {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-5 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-6 {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-7 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-8 {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-9 {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-10 {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-11 {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-12 {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-13 {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-14 {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-15 {
    margin-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mb-xl-16 {
    margin-bottom: 160px !important;
  }
}
.or-mr-0 {
  margin-right: 0px !important;
}
.or-mr-1 {
  margin-right: 2px !important;
}
.or-mr-2 {
  margin-right: 4px !important;
}
.or-mr-3 {
  margin-right: 8px !important;
}
.or-mr-4 {
  margin-right: 12px !important;
}
.or-mr-5 {
  margin-right: 16px !important;
}
.or-mr-6 {
  margin-right: 24px !important;
}
.or-mr-7 {
  margin-right: 32px !important;
}
.or-mr-8 {
  margin-right: 40px !important;
}
.or-mr-9 {
  margin-right: 48px !important;
}
.or-mr-10 {
  margin-right: 64px !important;
}
.or-mr-11 {
  margin-right: 80px !important;
}
.or-mr-12 {
  margin-right: 96px !important;
}
.or-mr-13 {
  margin-right: 112px !important;
}
.or-mr-14 {
  margin-right: 128px !important;
}
.or-mr-15 {
  margin-right: 144px !important;
}
.or-mr-16 {
  margin-right: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-mr-sm-0 {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-1 {
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-2 {
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-3 {
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-4 {
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-5 {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-6 {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-7 {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-8 {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-9 {
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-10 {
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-11 {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-12 {
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-13 {
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-14 {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-15 {
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-mr-sm-16 {
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-0 {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-1 {
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-2 {
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-3 {
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-4 {
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-5 {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-6 {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-7 {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-8 {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-9 {
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-10 {
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-11 {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-12 {
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-13 {
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-14 {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-15 {
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-mr-md-16 {
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-0 {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-1 {
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-2 {
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-3 {
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-4 {
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-5 {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-6 {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-7 {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-8 {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-9 {
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-10 {
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-11 {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-12 {
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-13 {
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-14 {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-15 {
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-mr-lg-16 {
    margin-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-0 {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-1 {
    margin-right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-2 {
    margin-right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-3 {
    margin-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-4 {
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-5 {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-6 {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-7 {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-8 {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-9 {
    margin-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-10 {
    margin-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-11 {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-12 {
    margin-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-13 {
    margin-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-14 {
    margin-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-15 {
    margin-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-mr-xl-16 {
    margin-right: 160px !important;
  }
}
.or-p-0 {
  padding: 0px !important;
}
.or-p-1 {
  padding: 2px !important;
}
.or-p-2 {
  padding: 4px !important;
}
.or-p-3 {
  padding: 8px !important;
}
.or-p-4 {
  padding: 12px !important;
}
.or-p-5 {
  padding: 16px !important;
}
.or-p-6 {
  padding: 24px !important;
}
.or-p-7 {
  padding: 32px !important;
}
.or-p-8 {
  padding: 40px !important;
}
.or-p-9 {
  padding: 48px !important;
}
.or-p-10 {
  padding: 64px !important;
}
.or-p-11 {
  padding: 80px !important;
}
.or-p-12 {
  padding: 96px !important;
}
.or-p-13 {
  padding: 112px !important;
}
.or-p-14 {
  padding: 128px !important;
}
.or-p-15 {
  padding: 144px !important;
}
.or-p-16 {
  padding: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-p-sm-0 {
    padding: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-1 {
    padding: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-2 {
    padding: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-3 {
    padding: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-4 {
    padding: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-5 {
    padding: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-6 {
    padding: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-7 {
    padding: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-8 {
    padding: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-9 {
    padding: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-10 {
    padding: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-11 {
    padding: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-12 {
    padding: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-13 {
    padding: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-14 {
    padding: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-15 {
    padding: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-p-sm-16 {
    padding: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-0 {
    padding: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-1 {
    padding: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-2 {
    padding: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-3 {
    padding: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-4 {
    padding: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-5 {
    padding: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-6 {
    padding: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-7 {
    padding: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-8 {
    padding: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-9 {
    padding: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-10 {
    padding: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-11 {
    padding: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-12 {
    padding: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-13 {
    padding: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-14 {
    padding: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-15 {
    padding: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-p-md-16 {
    padding: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-0 {
    padding: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-1 {
    padding: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-2 {
    padding: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-3 {
    padding: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-4 {
    padding: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-5 {
    padding: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-6 {
    padding: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-7 {
    padding: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-8 {
    padding: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-9 {
    padding: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-10 {
    padding: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-11 {
    padding: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-12 {
    padding: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-13 {
    padding: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-14 {
    padding: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-15 {
    padding: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-p-lg-16 {
    padding: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-0 {
    padding: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-1 {
    padding: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-2 {
    padding: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-3 {
    padding: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-4 {
    padding: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-5 {
    padding: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-6 {
    padding: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-7 {
    padding: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-8 {
    padding: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-9 {
    padding: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-10 {
    padding: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-11 {
    padding: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-12 {
    padding: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-13 {
    padding: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-14 {
    padding: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-15 {
    padding: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-p-xl-16 {
    padding: 160px !important;
  }
}
.or-py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.or-py-1 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.or-py-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.or-py-3 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.or-py-4 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.or-py-5 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.or-py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.or-py-7 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.or-py-8 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.or-py-9 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.or-py-10 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.or-py-11 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.or-py-12 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
.or-py-13 {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}
.or-py-14 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}
.or-py-15 {
  padding-top: 144px !important;
  padding-bottom: 144px !important;
}
.or-py-16 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-1 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-3 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-4 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-5 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-7 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-8 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-9 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-10 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-11 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-13 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-14 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-15 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-py-sm-16 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-1 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-3 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-4 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-5 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-7 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-8 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-9 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-10 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-11 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-13 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-14 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-15 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-py-md-16 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-1 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-3 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-4 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-5 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-7 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-8 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-9 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-10 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-11 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-13 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-14 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-15 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-py-lg-16 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-1 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-3 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-4 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-5 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-7 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-8 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-9 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-10 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-11 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-13 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-14 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-15 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-py-xl-16 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
.or-px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.or-px-1 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.or-px-2 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.or-px-3 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.or-px-4 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.or-px-5 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.or-px-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.or-px-7 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.or-px-8 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.or-px-9 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.or-px-10 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.or-px-11 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.or-px-12 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}
.or-px-13 {
  padding-left: 112px !important;
  padding-right: 112px !important;
}
.or-px-14 {
  padding-left: 128px !important;
  padding-right: 128px !important;
}
.or-px-15 {
  padding-left: 144px !important;
  padding-right: 144px !important;
}
.or-px-16 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-px-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-1 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-2 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-3 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-4 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-5 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-7 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-8 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-9 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-10 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-11 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-12 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-13 {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-14 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-15 {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-px-sm-16 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-1 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-2 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-3 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-4 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-5 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-7 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-8 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-9 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-10 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-11 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-12 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-13 {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-14 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-15 {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-px-md-16 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-1 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-2 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-3 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-4 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-5 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-7 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-8 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-9 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-10 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-11 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-12 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-13 {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-14 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-15 {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-px-lg-16 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-1 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-2 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-3 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-4 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-5 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-7 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-8 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-9 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-10 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-11 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-12 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-13 {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-14 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-15 {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-px-xl-16 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}
.or-pt-0 {
  padding-top: 0px !important;
}
.or-pt-1 {
  padding-top: 2px !important;
}
.or-pt-2 {
  padding-top: 4px !important;
}
.or-pt-3 {
  padding-top: 8px !important;
}
.or-pt-4 {
  padding-top: 12px !important;
}
.or-pt-5 {
  padding-top: 16px !important;
}
.or-pt-6 {
  padding-top: 24px !important;
}
.or-pt-7 {
  padding-top: 32px !important;
}
.or-pt-8 {
  padding-top: 40px !important;
}
.or-pt-9 {
  padding-top: 48px !important;
}
.or-pt-10 {
  padding-top: 64px !important;
}
.or-pt-11 {
  padding-top: 80px !important;
}
.or-pt-12 {
  padding-top: 96px !important;
}
.or-pt-13 {
  padding-top: 112px !important;
}
.or-pt-14 {
  padding-top: 128px !important;
}
.or-pt-15 {
  padding-top: 144px !important;
}
.or-pt-16 {
  padding-top: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-pt-sm-0 {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-1 {
    padding-top: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-2 {
    padding-top: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-3 {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-4 {
    padding-top: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-5 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-6 {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-7 {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-8 {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-9 {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-10 {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-11 {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-12 {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-13 {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-14 {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-15 {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pt-sm-16 {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-0 {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-1 {
    padding-top: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-2 {
    padding-top: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-3 {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-4 {
    padding-top: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-5 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-6 {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-7 {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-8 {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-9 {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-10 {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-11 {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-12 {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-13 {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-14 {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-15 {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pt-md-16 {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-0 {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-1 {
    padding-top: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-2 {
    padding-top: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-3 {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-4 {
    padding-top: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-5 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-6 {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-7 {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-8 {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-9 {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-10 {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-11 {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-12 {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-13 {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-14 {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-15 {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pt-lg-16 {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-0 {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-1 {
    padding-top: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-2 {
    padding-top: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-3 {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-4 {
    padding-top: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-5 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-6 {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-7 {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-8 {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-9 {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-10 {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-11 {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-12 {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-13 {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-14 {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-15 {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pt-xl-16 {
    padding-top: 160px !important;
  }
}
.or-pl-0 {
  padding-left: 0px !important;
}
.or-pl-1 {
  padding-left: 2px !important;
}
.or-pl-2 {
  padding-left: 4px !important;
}
.or-pl-3 {
  padding-left: 8px !important;
}
.or-pl-4 {
  padding-left: 12px !important;
}
.or-pl-5 {
  padding-left: 16px !important;
}
.or-pl-6 {
  padding-left: 24px !important;
}
.or-pl-7 {
  padding-left: 32px !important;
}
.or-pl-8 {
  padding-left: 40px !important;
}
.or-pl-9 {
  padding-left: 48px !important;
}
.or-pl-10 {
  padding-left: 64px !important;
}
.or-pl-11 {
  padding-left: 80px !important;
}
.or-pl-12 {
  padding-left: 96px !important;
}
.or-pl-13 {
  padding-left: 112px !important;
}
.or-pl-14 {
  padding-left: 128px !important;
}
.or-pl-15 {
  padding-left: 144px !important;
}
.or-pl-16 {
  padding-left: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-pl-sm-0 {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-1 {
    padding-left: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-2 {
    padding-left: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-3 {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-4 {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-5 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-6 {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-7 {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-8 {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-9 {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-10 {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-11 {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-12 {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-13 {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-14 {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-15 {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pl-sm-16 {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-0 {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-1 {
    padding-left: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-2 {
    padding-left: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-3 {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-4 {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-5 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-6 {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-7 {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-8 {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-9 {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-10 {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-11 {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-12 {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-13 {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-14 {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-15 {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pl-md-16 {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-0 {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-1 {
    padding-left: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-2 {
    padding-left: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-3 {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-4 {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-5 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-6 {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-7 {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-8 {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-9 {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-10 {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-11 {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-12 {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-13 {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-14 {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-15 {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pl-lg-16 {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-0 {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-1 {
    padding-left: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-2 {
    padding-left: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-3 {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-4 {
    padding-left: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-5 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-6 {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-7 {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-8 {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-9 {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-10 {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-11 {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-12 {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-13 {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-14 {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-15 {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pl-xl-16 {
    padding-left: 160px !important;
  }
}
.or-pb-0 {
  padding-bottom: 0px !important;
}
.or-pb-1 {
  padding-bottom: 2px !important;
}
.or-pb-2 {
  padding-bottom: 4px !important;
}
.or-pb-3 {
  padding-bottom: 8px !important;
}
.or-pb-4 {
  padding-bottom: 12px !important;
}
.or-pb-5 {
  padding-bottom: 16px !important;
}
.or-pb-6 {
  padding-bottom: 24px !important;
}
.or-pb-7 {
  padding-bottom: 32px !important;
}
.or-pb-8 {
  padding-bottom: 40px !important;
}
.or-pb-9 {
  padding-bottom: 48px !important;
}
.or-pb-10 {
  padding-bottom: 64px !important;
}
.or-pb-11 {
  padding-bottom: 80px !important;
}
.or-pb-12 {
  padding-bottom: 96px !important;
}
.or-pb-13 {
  padding-bottom: 112px !important;
}
.or-pb-14 {
  padding-bottom: 128px !important;
}
.or-pb-15 {
  padding-bottom: 144px !important;
}
.or-pb-16 {
  padding-bottom: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-pb-sm-0 {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-1 {
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-2 {
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-3 {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-4 {
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-5 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-6 {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-7 {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-8 {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-9 {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-10 {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-11 {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-12 {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-13 {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-14 {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-15 {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pb-sm-16 {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-0 {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-1 {
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-2 {
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-3 {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-4 {
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-5 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-6 {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-7 {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-8 {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-9 {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-10 {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-11 {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-12 {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-13 {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-14 {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-15 {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pb-md-16 {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-0 {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-1 {
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-2 {
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-3 {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-4 {
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-5 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-6 {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-7 {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-8 {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-9 {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-10 {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-11 {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-12 {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-13 {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-14 {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-15 {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pb-lg-16 {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-0 {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-1 {
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-2 {
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-3 {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-4 {
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-5 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-6 {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-7 {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-8 {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-9 {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-10 {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-11 {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-12 {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-13 {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-14 {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-15 {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pb-xl-16 {
    padding-bottom: 160px !important;
  }
}
.or-pr-0 {
  padding-right: 0px !important;
}
.or-pr-1 {
  padding-right: 2px !important;
}
.or-pr-2 {
  padding-right: 4px !important;
}
.or-pr-3 {
  padding-right: 8px !important;
}
.or-pr-4 {
  padding-right: 12px !important;
}
.or-pr-5 {
  padding-right: 16px !important;
}
.or-pr-6 {
  padding-right: 24px !important;
}
.or-pr-7 {
  padding-right: 32px !important;
}
.or-pr-8 {
  padding-right: 40px !important;
}
.or-pr-9 {
  padding-right: 48px !important;
}
.or-pr-10 {
  padding-right: 64px !important;
}
.or-pr-11 {
  padding-right: 80px !important;
}
.or-pr-12 {
  padding-right: 96px !important;
}
.or-pr-13 {
  padding-right: 112px !important;
}
.or-pr-14 {
  padding-right: 128px !important;
}
.or-pr-15 {
  padding-right: 144px !important;
}
.or-pr-16 {
  padding-right: 160px !important;
}
@media screen and (min-width: 576px) {
  .or-pr-sm-0 {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-1 {
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-2 {
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-3 {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-4 {
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-5 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-6 {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-7 {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-8 {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-9 {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-10 {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-11 {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-12 {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-13 {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-14 {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-15 {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 576px) {
  .or-pr-sm-16 {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-0 {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-1 {
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-2 {
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-3 {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-4 {
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-5 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-6 {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-7 {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-8 {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-9 {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-10 {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-11 {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-12 {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-13 {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-14 {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-15 {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 768px) {
  .or-pr-md-16 {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-0 {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-1 {
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-2 {
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-3 {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-4 {
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-5 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-6 {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-7 {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-8 {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-9 {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-10 {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-11 {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-12 {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-13 {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-14 {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-15 {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 992px) {
  .or-pr-lg-16 {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-0 {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-1 {
    padding-right: 2px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-2 {
    padding-right: 4px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-3 {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-4 {
    padding-right: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-5 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-6 {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-7 {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-8 {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-9 {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-10 {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-11 {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-12 {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-13 {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-14 {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-15 {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-pr-xl-16 {
    padding-right: 160px !important;
  }
}
.or-d-block {
  display: block !important;
}
.or-d-flex {
  display: flex !important;
}
.or-d-grid {
  display: grid !important;
}
.or-d-contents {
  display: contents !important;
}
.or-d-inline {
  display: inline !important;
}
.or-d-inline-block {
  display: inline-block !important;
}
.or-d-inline-flex {
  display: inline-flex !important;
}
.or-d-inline-grid {
  display: inline-grid !important;
}
.or-d-initial {
  display: initial !important;
}
.or-d-inherit {
  display: inherit !important;
}
.or-d-none {
  display: none !important;
}
@media screen and (min-width: 576px) {
  .or-d-sm-block {
    display: block !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-flex {
    display: flex !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-grid {
    display: grid !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-contents {
    display: contents !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-inline {
    display: inline !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-inline-block {
    display: inline-block !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-initial {
    display: initial !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-inherit {
    display: inherit !important;
  }
}
@media screen and (min-width: 576px) {
  .or-d-sm-none {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-block {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-flex {
    display: flex !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-grid {
    display: grid !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-contents {
    display: contents !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-inline {
    display: inline !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-inline-block {
    display: inline-block !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-initial {
    display: initial !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-inherit {
    display: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .or-d-md-none {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-block {
    display: block !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-flex {
    display: flex !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-grid {
    display: grid !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-contents {
    display: contents !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-inline {
    display: inline !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-inline-block {
    display: inline-block !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-initial {
    display: initial !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-inherit {
    display: inherit !important;
  }
}
@media screen and (min-width: 992px) {
  .or-d-lg-none {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-block {
    display: block !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-flex {
    display: flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-grid {
    display: grid !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-contents {
    display: contents !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-inline {
    display: inline !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-inline-block {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-initial {
    display: initial !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-inherit {
    display: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  .or-d-xl-none {
    display: none !important;
  }
}
.or-text-transform-none {
  text-transform: none;
}
.or-text-transform-lowercase {
  text-transform: lowercase;
}
.or-text-transform-uppercase {
  text-transform: uppercase;
}
.or-text-transform-capitalize {
  text-transform: capitalize;
}
.or-text-transform-capitalize-first-letter:first-letter {
  text-transform: capitalize;
}
.or-font-style-italic {
  font-style: italic;
}
.or-text-decoration-underline {
  text-decoration: underline;
}
.or-text-decoration-unset {
  text-decoration: unset;
}
.or-text-decoration-none {
  text-decoration: none;
}
.or-text-decoration-none-i {
  text-decoration: none !important;
}
.or-text-decoration-line-through {
  text-decoration: line-through;
}
.or-cursor-pointer {
  cursor: pointer;
}
.or-cursor-default {
  cursor: default;
}
.or-cursor-text {
  cursor: text;
}
.or-cursor-not-allowed {
  cursor: not-allowed;
}
.or-cursor-help {
  cursor: help;
}
.or-cursor-grab {
  cursor: grab;
}
.or-cursor-grabbing {
  cursor: grabbing;
}
.or-pe-none {
  pointer-events: none;
}
.or-pe-none-i {
  pointer-events: none !important;
}
.or-pe-auto {
  pointer-events: auto;
}
.or-pe-auto-i {
  pointer-events: auto !important;
}
.or-color-primary {
  color: #5a31f4 !important;
  --color: #5a31f4 !important;
}
.or-color-primary-2 {
  color: #6d5bb2 !important;
  --color: #6d5bb2 !important;
}
.or-color-secondary {
  color: #dcdada !important;
  --color: #dcdada !important;
}
.or-color-secondary-2 {
  color: #717492 !important;
  --color: #717492 !important;
}
.or-color-secondary-4 {
  color: #a697df !important;
  --color: #a697df !important;
}
.or-color-secondary-5 {
  color: #b9bad2 !important;
  --color: #b9bad2 !important;
}
.or-color-secondary-6 {
  color: #44465b !important;
  --color: #44465b !important;
}
.or-color-black {
  color: #000000 !important;
  --color: #000000 !important;
}
.or-color-white {
  color: #ffffff !important;
  --color: #ffffff !important;
}
.or-color-red {
  color: #ff1313 !important;
  --color: #ff1313 !important;
}
.or-bg-primary {
  background-color: #5a31f4 !important;
  --background-color: #5a31f4 !important;
}
.or-bg-white {
  background: #ffffff !important;
  --background: #ffffff !important;
}
.or-bg-shade {
  background: #f5f5f7 !important;
  --background: #f5f5f7 !important;
}
.or-bg-shade-2 {
  background: #d4d4d4 !important;
  --background: #d4d4d4 !important;
}
.or-bg-focus {
  background: #efebfe !important;
  --background: #efebfe !important;
}
.or-bg-selected {
  background: #e4ddff !important;
  --background: #e4ddff !important;
}
.or-bg-black-2 {
  background: #02030d !important;
  --background: #02030d !important;
}
.or-bg-red {
  background: #ff1313 !important;
  --background: #ff1313 !important;
}
.or-bg-red-2 {
  background: #F6DEE0 !important;
  --background: #F6DEE0 !important;
}
.or-bg-alertbar {
  background: #dfe0ef !important;
  --background: #dfe0ef !important;
}
.global-font {
  font-family: "DM Sans", sans-serif;
  color: #02030d;
}
.or-note-sm {
  font-size: 12px;
  font-weight: 400;
  color: #02030d;
}
.or-text-sm {
  font-size: 12px;
  font-weight: 500;
  color: #02030d;
}
.or-text-md {
  font-size: 14px;
  font-weight: 500;
  color: #02030d;
}
.or-text-lg {
  font-size: 16px;
  font-weight: 500;
  color: #02030d;
}
.or-text-xl {
  font-size: 18px;
  font-weight: 500;
  color: #02030d;
}
.or-head-xs {
  font-size: 12px;
  font-weight: 700;
  color: #02030d;
}
.or-head-sm {
  font-size: 14px;
  font-weight: 700;
  color: #02030d;
}
.or-head-md {
  font-size: 16px;
  font-weight: 700;
  color: #02030d;
}
.or-head-lg {
  font-size: 18px;
  font-weight: 700;
  color: #02030d;
}
.or-head-xl {
  font-size: 20px;
  font-weight: 700;
  color: #02030d;
}
.or-head-xxl {
  font-size: 26px;
  font-weight: 700;
  color: #02030d;
}
.or-head-30 {
  font-size: 30px;
  font-weight: 700;
  color: #02030d;
}
.z-index-1 {
  z-index: 1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-999 {
  z-index: 999;
}
.button-primary-style {
  background: #5a31f4 !important;
  border-radius: 4px;
  color: #ffffff !important;
}
.button-secondary-style {
  background: #ffffff !important;
  border-radius: 4px;
  color: #000000 !important;
  border: 1px solid #b9bad2;
}
.disabled-button {
  background: #e5e4e9 !important;
  color: #a1a2ae !important;
}
.modal-auto {
  --height: auto;
}
.present-modal {
  --border-radius: 10px 10px 10px 10px;
  --height: auto !important;
  --width: 90% !important;
  --background: #f3f3f6;
  --backdrop-opacity: 80%;
}
.ion-loading-bg-none {
  --background: none;
  --backdrop-opacity: 0;
}
.action-push-modal {
  max-height: 60vh;
  overflow-y: auto;
}
.input-style {
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #b9bad2 !important;
  border-radius: 4px;
  height: 48px !important;
  background: #ffffff;
  box-sizing: border-box;
  font-size: 16px;
  color: #02030d;
}
.textarea-style {
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #b9bad2 !important;
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
  --highlight-color: #000000 !important;
  highlight-color: #000000 !important;
  font-size: 16px;
  color: #02030d;
}
.error-field {
  border: 1px solid red !important;
}
.phone-input {
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #b9bad2 !important;
  border-radius: 0 4px 4px 0;
  border-left: none !important;
  height: 48px !important;
  background: #ffffff;
  box-sizing: border-box;
  font-size: 16px;
  color: #02030d;
}
.phone-input-prefix {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 12px !important;
  padding-top: 12px !important;
  border: 1px solid #b9bad2 !important;
  border-radius: 4px 0 0 4px;
  height: 48px !important;
  max-height: 48px !important;
  background: #ffffff;
  box-sizing: border-box;
  font-size: 16px;
  color: #b9bad2;
}
.border-radius-4 {
  border-radius: 4px;
}
.border-radius-8 {
  border-radius: 8px;
}
.border-radius-12 {
  border-radius: 12px;
}
.border-radius-20 {
  border-radius: 20px;
}
.border-radius-100-pc {
  border-radius: 100%;
}
.border-shade {
  border: 1px solid #a6a6a6 !important;
}
.border-primary {
  border: 1px solid #5a31f4 !important;
}
.border-black {
  border: 1px solid #000000 !important;
}
.border-red {
  border: 1px solid #FF1313 !important;
}
.str-chat {
  --str-chat__primary-color: #5a31f4;
  --str-chat__surface-color: #efebfe;
  --str-chat__secondary-surface-color: #ffffff;
  --str-chat__primary-surface-color: #5a31f4;
  --str-chat__primary-surface-color-low-emphasis: #5a31f4;
  --str-chat__border-radius-circle: 6px;
  --str-chat__channel-list-background-color: #f7f7f9;
  --str-chat__channel-preview-background-color: #f7f7f9;
  --str-chat__message-list-background-color: #f7f7f9;
  --str-chat__own-message-bubble-color: #f7f7f9;
  --str-chat__own-message-bubble-own-color: #000000;
  --str-chat__message-mention-color: #12d931;
}
.or-skeleton-animated {
  overflow: hidden;
  background-color: #dfe0ef;
}
.or-skeleton-animated::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(
      to right,
      #dfe0ef 0%,
      #d2d8d9 20%,
      #dfe0ef 40%,
      #dfe0ef 100%);
  background-repeat: no-repeat;
  background-size: var(--skeleton-animation-background-size, 100vw);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  animation: skeleton-loading 2.5s infinite linear;
}
@keyframes skeleton-loading {
  0% {
    background-position: calc(-1 * var(--skeleton-animation-bounds, 10vw));
  }
  100% {
    background-position: var(--skeleton-animation-bounds, 10vw);
  }
}
.global-config {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
*::-webkit-scrollbar {
  display: none;
}
.text-no-wrap {
  white-space: nowrap;
}
.text-wrap {
  white-space: normal;
}
.white-space-normal {
  white-space: normal;
}
.header-bg-color {
  --background: #02030d;
  background: #02030d;
}
.safe-area-top {
  padding-top: env(safe-area-inset-top) !important;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-auto {
  overflow-x: auto;
}
.auth-header {
  top: 0;
  left: 0;
  width: 100%;
  max-height: 40vh;
  object-fit: cover;
  z-index: -1;
}
.custom-divider {
  height: 1px;
  background-color: #dadada;
  width: 80%;
}
.margin-top--20-px {
  margin-top: -20px;
}
.margin-top--24-px {
  margin-top: -24px;
}
.margin-top--1-px {
  margin-top: -1px;
}
.negative-margin-bottom-1-px {
  margin-bottom: -1px;
}
.pac-container {
  z-index: 9000000;
}
.top-container {
  background: #02030d;
  height: 24px;
  margin-top: -1px;
}
.disabled {
  opacity: 25%;
}
textarea:focus.outline-none,
input:focus.outline-none {
  outline: none;
}
.or-toast-style {
  --background: #1d1f30;
  --border-color: 545566;
  --border-radius: 4px;
  --border-width: 1px;
  --border-style: solid;
  --height: 40px;
}
.chips-margin-bottom--20-px {
  margin-bottom: -20px;
}
.or-truncate-at-line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
button {
  border: none;
}
.card-box-shadow {
  box-shadow: 0 0 18px rgba(2, 3, 13, 0.05);
}
ion-range {
  --bar-background-active: #5a31f4;
  --knob-size: 15px;
  --knob-background: #5a31f4;
}
ion-checkbox::part(container) {
  border-radius: 4px;
}
ion-checkbox {
  --checkbox-background-checked: #5a31f4;
  --checkmark-width: 2px;
  --border-color-checked: #5a31f4;
}
ion-checkbox.checkbox-disabled {
  --checkbox-background-checked: #d3d0db;
  --checkmark-width: 2px;
  --border-color-checked: #d3d0db;
}
ion-card {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
ion-tab-bar {
  --background: #ffffff;
}
ion-toast {
  --background: #000000;
  --color: #ffffff;
}
ion-select.custom-select {
  background: #ffffff;
  border: 1px solid #b9bad2;
  border-radius: 4px;
  --background: #ffffff;
  --padding-start: 8px;
  --highlight-color: #000000;
  --height: 44px !important;
  height: 44px !important;
  padding: 1px;
  width: calc(100% - 4px);
  font-size: 16px;
  color: #02030d;
}
ion-chip {
  border-radius: 6px;
  min-height: 24px;
  padding: 6px 8px;
}
ion-spinner {
  width: 50px !important;
  height: 50px !important;
  --spinner-color: #5a31f4;
}
ion-toggle {
  --handle-background-checked: #ffffff;
  --track-background-checked: #5a31f4;
  --handle-background: #ffffff;
  --track-background: #d3d0db;
}
ion-header {
  --background: #02030d;
  background: #02030d;
}
ion-toolbar {
  --background: #02030d;
  --color: #ffffff;
}
ion-header::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: env(safe-area-inset-top);
  background: #02030d;
  z-index: 9999;
}

/* node_modules/ngx-spinner/animations/ball-scale-multiple.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-scale-multiple,
.la-ball-scale-multiple > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-scale-multiple {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-scale-multiple.la-dark {
  color: #333;
}
.la-ball-scale-multiple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-scale-multiple {
  width: 32px;
  height: 32px;
}
.la-ball-scale-multiple > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  -moz-animation: ball-scale-multiple 1s 0s linear infinite;
  -o-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}
.la-ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
}
.la-ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
}
.la-ball-scale-multiple.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-sm > div {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-2x > div {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-scale-multiple.la-3x > div {
  width: 96px;
  height: 96px;
}
@-webkit-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */