@import url(inter.css);/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #2d3748; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

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

.container{
  width: 100%;
}

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

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

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

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

.appearance-none{
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}

.bg-transparent{
  background-color: transparent !important;
}

.bg-black{
  --bg-opacity: 1 !important;
  background-color: #262E2E !important;
  background-color: rgba(38, 46, 46, var(--bg-opacity)) !important;
}

.bg-white{
  --bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.bg-true-black{
  --bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.bg-rm-yellow{
  --bg-opacity: 1 !important;
  background-color: #EBB538 !important;
  background-color: rgba(235, 181, 56, var(--bg-opacity)) !important;
}

.bg-rm-grey{
  --bg-opacity: 1 !important;
  background-color: #707070 !important;
  background-color: rgba(112, 112, 112, var(--bg-opacity)) !important;
}

.bg-rm-black{
  --bg-opacity: 1 !important;
  background-color: #262E2E !important;
  background-color: rgba(38, 46, 46, var(--bg-opacity)) !important;
}

.bg-rm-green{
  --bg-opacity: 1 !important;
  background-color: #598245 !important;
  background-color: rgba(89, 130, 69, var(--bg-opacity)) !important;
}

.bg-rm-teal{
  --bg-opacity: 1 !important;
  background-color: #3B8080 !important;
  background-color: rgba(59, 128, 128, var(--bg-opacity)) !important;
}

.bg-rm-blue{
  --bg-opacity: 1 !important;
  background-color: #7AADB5 !important;
  background-color: rgba(122, 173, 181, var(--bg-opacity)) !important;
}

.bg-rm-orange{
  --bg-opacity: 1 !important;
  background-color: #D16333 !important;
  background-color: rgba(209, 99, 51, var(--bg-opacity)) !important;
}

.bg-rm-light-grey{
  --bg-opacity: 1 !important;
  background-color: #EDEDED !important;
  background-color: rgba(237, 237, 237, var(--bg-opacity)) !important;
}

.bg-rm-delight{
  --bg-opacity: 1 !important;
  background-color: #F3F0EB !important;
  background-color: rgba(243, 240, 235, var(--bg-opacity)) !important;
}

.bg-gray-100{
  --bg-opacity: 1 !important;
  background-color: #f7fafc !important;
  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}

.bg-gray-300{
  --bg-opacity: 1 !important;
  background-color: #e2e8f0 !important;
  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}

.bg-gray-800{
  --bg-opacity: 1 !important;
  background-color: #2d3748 !important;
  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}

.bg-gray-900{
  --bg-opacity: 1 !important;
  background-color: #262E2E !important;
  background-color: rgba(38, 46, 46, var(--bg-opacity)) !important;
}

.hover\:bg-rm-orange:hover{
  --bg-opacity: 1 !important;
  background-color: #D16333 !important;
  background-color: rgba(209, 99, 51, var(--bg-opacity)) !important;
}

.group:hover .group-hover\:bg-rm-orange{
  --bg-opacity: 1 !important;
  background-color: #D16333 !important;
  background-color: rgba(209, 99, 51, var(--bg-opacity)) !important;
}

.bg-opacity-50{
  --bg-opacity: 0.5 !important;
}

.group:hover .group-hover\:bg-opacity-75{
  --bg-opacity: 0.75 !important;
}

.bg-bottom{
  background-position: bottom !important;
}

.bg-center{
  background-position: center !important;
}

.bg-left{
  background-position: left !important;
}

.bg-left-bottom{
  background-position: left bottom !important;
}

.bg-left-top{
  background-position: left top !important;
}

.bg-right{
  background-position: right !important;
}

.bg-right-bottom{
  background-position: right bottom !important;
}

.bg-right-top{
  background-position: right top !important;
}

.bg-top{
  background-position: top !important;
}

.bg-cover{
  background-size: cover !important;
}

.border-black{
  --border-opacity: 1 !important;
  border-color: #262E2E !important;
  border-color: rgba(38, 46, 46, var(--border-opacity)) !important;
}

.border-white{
  --border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}

.border-teal{
  --border-opacity: 1 !important;
  border-color: #008483 !important;
  border-color: rgba(0, 132, 131, var(--border-opacity)) !important;
}

.border-rm-yellow{
  --border-opacity: 1 !important;
  border-color: #EBB538 !important;
  border-color: rgba(235, 181, 56, var(--border-opacity)) !important;
}

.border-rm-grey{
  --border-opacity: 1 !important;
  border-color: #707070 !important;
  border-color: rgba(112, 112, 112, var(--border-opacity)) !important;
}

.border-rm-black{
  --border-opacity: 1 !important;
  border-color: #262E2E !important;
  border-color: rgba(38, 46, 46, var(--border-opacity)) !important;
}

.border-rm-green{
  --border-opacity: 1 !important;
  border-color: #598245 !important;
  border-color: rgba(89, 130, 69, var(--border-opacity)) !important;
}

.border-rm-teal{
  --border-opacity: 1 !important;
  border-color: #3B8080 !important;
  border-color: rgba(59, 128, 128, var(--border-opacity)) !important;
}

.border-rm-blue{
  --border-opacity: 1 !important;
  border-color: #7AADB5 !important;
  border-color: rgba(122, 173, 181, var(--border-opacity)) !important;
}

.border-rm-orange{
  --border-opacity: 1 !important;
  border-color: #D16333 !important;
  border-color: rgba(209, 99, 51, var(--border-opacity)) !important;
}

.border-rm-light-grey{
  --border-opacity: 1 !important;
  border-color: #EDEDED !important;
  border-color: rgba(237, 237, 237, var(--border-opacity)) !important;
}

.border-opacity-50{
  --border-opacity: 0.5 !important;
}

.rounded{
  border-radius: 4px !important;
}

.rounded-lg{
  border-radius: 0.5rem !important;
}

.rounded-xl{
  border-radius: 1rem !important;
}

.rounded-full{
  border-radius: 9999px !important;
}

.rounded-xlarge{
  border-radius: 60px !important;
}

.border-0{
  border-width: 0 !important;
}

.border-4{
  border-width: 4px !important;
}

.border{
  border-width: 1px !important;
}

.border-t-2{
  border-top-width: 2px !important;
}

.border-r-2{
  border-right-width: 2px !important;
}

.border-b-2{
  border-bottom-width: 2px !important;
}

.border-t{
  border-top-width: 1px !important;
}

.border-b{
  border-bottom-width: 1px !important;
}

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

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

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed !important;
}

.block{
  display: block !important;
}

.inline-block{
  display: inline-block !important;
}

.inline{
  display: inline !important;
}

.flex{
  display: flex !important;
}

.table{
  display: table !important;
}

.grid{
  display: grid !important;
}

.contents{
  display: contents !important;
}

.hidden{
  display: none !important;
}

.flex-row{
  flex-direction: row !important;
}

.flex-row-reverse{
  flex-direction: row-reverse !important;
}

.flex-col{
  flex-direction: column !important;
}

.flex-wrap{
  flex-wrap: wrap !important;
}

.flex-wrap-reverse{
  flex-wrap: wrap-reverse !important;
}

.items-start{
  align-items: flex-start !important;
}

.items-end{
  align-items: flex-end !important;
}

.items-center{
  align-items: center !important;
}

.items-stretch{
  align-items: stretch !important;
}

.content-center{
  align-content: center !important;
}

.self-start{
  align-self: flex-start !important;
}

.self-end{
  align-self: flex-end !important;
}

.self-center{
  align-self: center !important;
}

.self-stretch{
  align-self: stretch !important;
}

.justify-start{
  justify-content: flex-start !important;
}

.justify-end{
  justify-content: flex-end !important;
}

.justify-center{
  justify-content: center !important;
}

.justify-between{
  justify-content: space-between !important;
}

.flex-initial{
  flex: 0 1 auto !important;
}

.flex-grow-0{
  flex-grow: 0 !important;
}

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

.flex-shrink-0{
  flex-shrink: 0 !important;
}

.order-first{
  order: -9999 !important;
}

.order-last{
  order: 9999 !important;
}

.clearfix:after{
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.clear-both{
  clear: both !important;
}

.font-sans{
  font-family: Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

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

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

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

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

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

.h-0{
  height: 0 !important;
}

.h-1{
  height: 0.25rem !important;
}

.h-2{
  height: 0.5rem !important;
}

.h-3{
  height: 0.75rem !important;
}

.h-4{
  height: 1rem !important;
}

.h-5{
  height: 1.25rem !important;
}

.h-6{
  height: 1.5rem !important;
}

.h-8{
  height: 2rem !important;
}

.h-10{
  height: 2.5rem !important;
}

.h-12{
  height: 3rem !important;
}

.h-16{
  height: 4rem !important;
}

.h-20{
  height: 5rem !important;
}

.h-24{
  height: 6rem !important;
}

.h-32{
  height: 8rem !important;
}

.h-36{
  height: 9rem !important;
}

.h-40{
  height: 10rem !important;
}

.h-48{
  height: 12rem !important;
}

.h-56{
  height: 14rem !important;
}

.h-64{
  height: 16rem !important;
}

.h-80{
  height: 20rem !important;
}

.h-104{
  height: 26rem !important;
}

.h-128{
  height: 32rem !important;
}

.h-194{
  height: 48rem !important;
}

.h-232{
  height: 56rem !important;
}

.h-1\/6{
  height: 17% !important;
}

.h-5\/6{
  height: 83% !important;
}

.h-auto{
  height: auto !important;
}

.h-px{
  height: 1px !important;
}

.h-full{
  height: 100% !important;
}

.h-screen{
  height: 100vh !important;
}

.text-xs{
  font-size: 0.625rem !important;
  line-height: 1.125rem !important;
}

.text-sm{
  font-size: 0.875rem !important;
  line-height: 1.375rem !important;
}

.text-xl{
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}

.text-2xl{
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}

.text-3xl{
  font-size: 1.75rem !important;
  line-height: 2.25rem !important;
}

.text-4xl{
  font-size: 2rem !important;
  line-height: 2.5rem !important;
}

.leading-none{
  line-height: 1 !important;
}

.leading-tight{
  line-height: 1.25 !important;
}

.leading-normal{
  line-height: 1.5 !important;
}

.list-none{
  list-style-type: none !important;
}

.m-0{
  margin: 0 !important;
}

.m-1{
  margin: 0.25rem !important;
}

.m-auto{
  margin: auto !important;
}

.-m-24{
  margin: -6rem !important;
}

.my-0{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-4{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-8{
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-10{
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-16{
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-20{
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-32{
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.my-auto{
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}

.-my-1{
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.-mx-2{
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.mt-0{
  margin-top: 0 !important;
}

.mr-0{
  margin-right: 0 !important;
}

.mb-0{
  margin-bottom: 0 !important;
}

.ml-0{
  margin-left: 0 !important;
}

.mt-1{
  margin-top: 0.25rem !important;
}

.mt-2{
  margin-top: 0.5rem !important;
}

.mb-2{
  margin-bottom: 0.5rem !important;
}

.mr-3{
  margin-right: 0.75rem !important;
}

.mt-4{
  margin-top: 1rem !important;
}

.mr-4{
  margin-right: 1rem !important;
}

.mb-4{
  margin-bottom: 1rem !important;
}

.ml-4{
  margin-left: 1rem !important;
}

.mt-5{
  margin-top: 1.25rem !important;
}

.mr-5{
  margin-right: 1.25rem !important;
}

.mb-5{
  margin-bottom: 1.25rem !important;
}

.ml-5{
  margin-left: 1.25rem !important;
}

.mr-6{
  margin-right: 1.5rem !important;
}

.mb-6{
  margin-bottom: 1.5rem !important;
}

.mt-7{
  margin-top: 1.75rem !important;
}

.mt-8{
  margin-top: 2rem !important;
}

.mb-8{
  margin-bottom: 2rem !important;
}

.mt-10{
  margin-top: 2.5rem !important;
}

.mr-10{
  margin-right: 2.5rem !important;
}

.mb-10{
  margin-bottom: 2.5rem !important;
}

.ml-10{
  margin-left: 2.5rem !important;
}

.mt-12{
  margin-top: 3rem !important;
}

.mt-16{
  margin-top: 4rem !important;
}

.mb-16{
  margin-bottom: 4rem !important;
}

.mt-20{
  margin-top: 5rem !important;
}

.mr-20{
  margin-right: 5rem !important;
}

.mb-20{
  margin-bottom: 5rem !important;
}

.ml-20{
  margin-left: 5rem !important;
}

.mt-32{
  margin-top: 8rem !important;
}

.mr-32{
  margin-right: 8rem !important;
}

.mb-32{
  margin-bottom: 8rem !important;
}

.ml-32{
  margin-left: 8rem !important;
}

.mt-40{
  margin-top: 10rem !important;
}

.mr-40{
  margin-right: 10rem !important;
}

.mb-40{
  margin-bottom: 10rem !important;
}

.ml-40{
  margin-left: 10rem !important;
}

.mt-56{
  margin-top: 14rem !important;
}

.mr-56{
  margin-right: 14rem !important;
}

.mb-56{
  margin-bottom: 14rem !important;
}

.ml-56{
  margin-left: 14rem !important;
}

.mt-64{
  margin-top: 16rem !important;
}

.mr-64{
  margin-right: 16rem !important;
}

.mb-64{
  margin-bottom: 16rem !important;
}

.ml-64{
  margin-left: 16rem !important;
}

.mt-auto{
  margin-top: auto !important;
}

.mr-auto{
  margin-right: auto !important;
}

.ml-auto{
  margin-left: auto !important;
}

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

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

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

.-mt-1{
  margin-top: -0.25rem !important;
}

.-mt-5{
  margin-top: -1.25rem !important;
}

.-mr-5{
  margin-right: -1.25rem !important;
}

.-mb-5{
  margin-bottom: -1.25rem !important;
}

.-ml-5{
  margin-left: -1.25rem !important;
}

.-ml-8{
  margin-left: -2rem !important;
}

.-mt-10{
  margin-top: -2.5rem !important;
}

.-mr-10{
  margin-right: -2.5rem !important;
}

.-mb-10{
  margin-bottom: -2.5rem !important;
}

.-ml-10{
  margin-left: -2.5rem !important;
}

.-mt-20{
  margin-top: -5rem !important;
}

.-mr-20{
  margin-right: -5rem !important;
}

.-mb-20{
  margin-bottom: -5rem !important;
}

.-ml-20{
  margin-left: -5rem !important;
}

.-mt-32{
  margin-top: -8rem !important;
}

.-mr-32{
  margin-right: -8rem !important;
}

.-mb-32{
  margin-bottom: -8rem !important;
}

.-ml-32{
  margin-left: -8rem !important;
}

.-mt-40{
  margin-top: -10rem !important;
}

.-mr-40{
  margin-right: -10rem !important;
}

.-mb-40{
  margin-bottom: -10rem !important;
}

.-ml-40{
  margin-left: -10rem !important;
}

.-mt-56{
  margin-top: -14rem !important;
}

.-mr-56{
  margin-right: -14rem !important;
}

.-mb-56{
  margin-bottom: -14rem !important;
}

.-ml-56{
  margin-left: -14rem !important;
}

.-mt-64{
  margin-top: -16rem !important;
}

.-mr-64{
  margin-right: -16rem !important;
}

.-mb-64{
  margin-bottom: -16rem !important;
}

.-ml-64{
  margin-left: -16rem !important;
}

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

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

.max-h-0{
  max-height: 0 !important;
}

.max-h-1{
  max-height: 0.25rem !important;
}

.max-h-2{
  max-height: 0.5rem !important;
}

.max-h-3{
  max-height: 0.75rem !important;
}

.max-h-4{
  max-height: 1rem !important;
}

.max-h-5{
  max-height: 1.25rem !important;
}

.max-h-6{
  max-height: 1.5rem !important;
}

.max-h-8{
  max-height: 2rem !important;
}

.max-h-10{
  max-height: 2.5rem !important;
}

.max-h-12{
  max-height: 3rem !important;
}

.max-h-16{
  max-height: 4rem !important;
}

.max-h-20{
  max-height: 5rem !important;
}

.max-h-24{
  max-height: 6rem !important;
}

.max-h-32{
  max-height: 8rem !important;
}

.max-h-40{
  max-height: 10rem !important;
}

.max-h-48{
  max-height: 12rem !important;
}

.max-h-56{
  max-height: 14rem !important;
}

.max-h-64{
  max-height: 16rem !important;
}

.max-h-104{
  max-height: 26rem !important;
}

.max-h-128{
  max-height: 32rem !important;
}

.max-h-194{
  max-height: 48rem !important;
}

.max-h-232{
  max-height: 56rem !important;
}

.max-h-auto{
  max-height: auto !important;
}

.max-h-px{
  max-height: 1px !important;
}

.max-h-full{
  max-height: 100% !important;
}

.max-h-screen{
  max-height: 100vh !important;
}

.max-w-2xl{
  max-width: 42rem !important;
}

.max-w-5xl{
  max-width: 64rem !important;
}

.max-w-full{
  max-width: 100% !important;
}

.max-w-prose{
  max-width: 80ch !important;
}

.max-w-logo{
  max-width: 8rem !important;
}

.min-h-128{
  min-height: 32rem !important;
}

.min-h-1000px{
  min-height: 1000px !important;
}

.min-w-full{
  min-width: 100% !important;
}

.object-contain{
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-cover{
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-bottom{
  -o-object-position: bottom !important;
     object-position: bottom !important;
}

.object-center{
  -o-object-position: center !important;
     object-position: center !important;
}

.object-left{
  -o-object-position: left !important;
     object-position: left !important;
}

.object-left-bottom{
  -o-object-position: left bottom !important;
     object-position: left bottom !important;
}

.object-left-top{
  -o-object-position: left top !important;
     object-position: left top !important;
}

.object-right{
  -o-object-position: right !important;
     object-position: right !important;
}

.object-right-bottom{
  -o-object-position: right bottom !important;
     object-position: right bottom !important;
}

.object-right-top{
  -o-object-position: right top !important;
     object-position: right top !important;
}

.object-top{
  -o-object-position: top !important;
     object-position: top !important;
}

.opacity-0{
  opacity: 0 !important;
}

.opacity-25{
  opacity: 0.25 !important;
}

.opacity-50{
  opacity: 0.5 !important;
}

.opacity-75{
  opacity: 0.75 !important;
}

.opacity-100{
  opacity: 1 !important;
}

.hover\:opacity-50:hover{
  opacity: 0.5 !important;
}

.group:hover .group-hover\:opacity-50{
  opacity: 0.5 !important;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5 !important;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.overflow-hidden{
  overflow: hidden !important;
}

.overflow-visible{
  overflow: visible !important;
}

.overflow-x-auto{
  overflow-x: auto !important;
}

.overflow-y-auto{
  overflow-y: auto !important;
}

.overflow-x-hidden{
  overflow-x: hidden !important;
}

.overflow-y-hidden{
  overflow-y: hidden !important;
}

.overflow-y-visible{
  overflow-y: visible !important;
}

.overflow-y-scroll{
  overflow-y: scroll !important;
}

.p-0{
  padding: 0 !important;
}

.p-2{
  padding: 0.5rem !important;
}

.p-4{
  padding: 1rem !important;
}

.p-5{
  padding: 1.25rem !important;
}

.p-6{
  padding: 1.5rem !important;
}

.p-10{
  padding: 2.5rem !important;
}

.p-12{
  padding: 3rem !important;
}

.p-20{
  padding: 5rem !important;
}

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

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

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

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

.py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-5{
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.px-5{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-10{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.px-10{
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-12{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.px-12{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-16{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-20{
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.px-20{
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-32{
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.py-10px{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

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

.py-20px{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

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

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

.py-40px{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

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

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

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

.px-70px{
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.px-80px{
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.py-90px{
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.py-100px{
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.py-200px{
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.py-300px{
  padding-top: 300px !important;
  padding-bottom: 300px !important;
}

.pt-0{
  padding-top: 0 !important;
}

.pb-0{
  padding-bottom: 0 !important;
}

.pt-3{
  padding-top: 0.75rem !important;
}

.pb-3{
  padding-bottom: 0.75rem !important;
}

.pt-4{
  padding-top: 1rem !important;
}

.pr-4{
  padding-right: 1rem !important;
}

.pb-4{
  padding-bottom: 1rem !important;
}

.pt-5{
  padding-top: 1.25rem !important;
}

.pr-5{
  padding-right: 1.25rem !important;
}

.pb-5{
  padding-bottom: 1.25rem !important;
}

.pl-5{
  padding-left: 1.25rem !important;
}

.pt-8{
  padding-top: 2rem !important;
}

.pl-8{
  padding-left: 2rem !important;
}

.pt-10{
  padding-top: 2.5rem !important;
}

.pb-10{
  padding-bottom: 2.5rem !important;
}

.pt-12{
  padding-top: 3rem !important;
}

.pb-12{
  padding-bottom: 3rem !important;
}

.pl-12{
  padding-left: 3rem !important;
}

.pt-20{
  padding-top: 5rem !important;
}

.pr-20{
  padding-right: 5rem !important;
}

.pb-20{
  padding-bottom: 5rem !important;
}

.pl-20{
  padding-left: 5rem !important;
}

.pt-24{
  padding-top: 6rem !important;
}

.pl-24{
  padding-left: 6rem !important;
}

.pt-32{
  padding-top: 8rem !important;
}

.pb-32{
  padding-bottom: 8rem !important;
}

.pt-40{
  padding-top: 10rem !important;
}

.pb-40{
  padding-bottom: 10rem !important;
}

.pt-48{
  padding-top: 12rem !important;
}

.pb-48{
  padding-bottom: 12rem !important;
}

.pt-56{
  padding-top: 14rem !important;
}

.pb-56{
  padding-bottom: 14rem !important;
}

.pt-64{
  padding-top: 16rem !important;
}

.pb-64{
  padding-bottom: 16rem !important;
}

.pt-10px{
  padding-top: 10px !important;
}

.pt-20px{
  padding-top: 20px !important;
}

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

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

.pl-20px{
  padding-left: 20px !important;
}

.pt-40px{
  padding-top: 40px !important;
}

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

.pt-50px{
  padding-top: 50px !important;
}

.pb-600px{
  padding-bottom: 600px !important;
}

.placeholder-black::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #262E2E !important;
  color: rgba(38, 46, 46, var(--placeholder-opacity)) !important;
}

.placeholder-black:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #262E2E !important;
  color: rgba(38, 46, 46, var(--placeholder-opacity)) !important;
}

.placeholder-black::placeholder{
  --placeholder-opacity: 1 !important;
  color: #262E2E !important;
  color: rgba(38, 46, 46, var(--placeholder-opacity)) !important;
}

.placeholder-white::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-white:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-white::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-rm-yellow::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #EBB538 !important;
  color: rgba(235, 181, 56, var(--placeholder-opacity)) !important;
}

.placeholder-rm-yellow:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #EBB538 !important;
  color: rgba(235, 181, 56, var(--placeholder-opacity)) !important;
}

.placeholder-rm-yellow::placeholder{
  --placeholder-opacity: 1 !important;
  color: #EBB538 !important;
  color: rgba(235, 181, 56, var(--placeholder-opacity)) !important;
}

.placeholder-rm-grey::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #707070 !important;
  color: rgba(112, 112, 112, var(--placeholder-opacity)) !important;
}

.placeholder-rm-grey:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #707070 !important;
  color: rgba(112, 112, 112, var(--placeholder-opacity)) !important;
}

.placeholder-rm-grey::placeholder{
  --placeholder-opacity: 1 !important;
  color: #707070 !important;
  color: rgba(112, 112, 112, var(--placeholder-opacity)) !important;
}

.placeholder-rm-black::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #262E2E !important;
  color: rgba(38, 46, 46, var(--placeholder-opacity)) !important;
}

.placeholder-rm-black:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #262E2E !important;
  color: rgba(38, 46, 46, var(--placeholder-opacity)) !important;
}

.placeholder-rm-black::placeholder{
  --placeholder-opacity: 1 !important;
  color: #262E2E !important;
  color: rgba(38, 46, 46, var(--placeholder-opacity)) !important;
}

.placeholder-rm-green::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #598245 !important;
  color: rgba(89, 130, 69, var(--placeholder-opacity)) !important;
}

.placeholder-rm-green:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #598245 !important;
  color: rgba(89, 130, 69, var(--placeholder-opacity)) !important;
}

.placeholder-rm-green::placeholder{
  --placeholder-opacity: 1 !important;
  color: #598245 !important;
  color: rgba(89, 130, 69, var(--placeholder-opacity)) !important;
}

.placeholder-rm-teal::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3B8080 !important;
  color: rgba(59, 128, 128, var(--placeholder-opacity)) !important;
}

.placeholder-rm-teal:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3B8080 !important;
  color: rgba(59, 128, 128, var(--placeholder-opacity)) !important;
}

.placeholder-rm-teal::placeholder{
  --placeholder-opacity: 1 !important;
  color: #3B8080 !important;
  color: rgba(59, 128, 128, var(--placeholder-opacity)) !important;
}

.placeholder-rm-blue::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7AADB5 !important;
  color: rgba(122, 173, 181, var(--placeholder-opacity)) !important;
}

.placeholder-rm-blue:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7AADB5 !important;
  color: rgba(122, 173, 181, var(--placeholder-opacity)) !important;
}

.placeholder-rm-blue::placeholder{
  --placeholder-opacity: 1 !important;
  color: #7AADB5 !important;
  color: rgba(122, 173, 181, var(--placeholder-opacity)) !important;
}

.placeholder-rm-orange::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #D16333 !important;
  color: rgba(209, 99, 51, var(--placeholder-opacity)) !important;
}

.placeholder-rm-orange:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #D16333 !important;
  color: rgba(209, 99, 51, var(--placeholder-opacity)) !important;
}

.placeholder-rm-orange::placeholder{
  --placeholder-opacity: 1 !important;
  color: #D16333 !important;
  color: rgba(209, 99, 51, var(--placeholder-opacity)) !important;
}

.placeholder-rm-light-grey::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #EDEDED !important;
  color: rgba(237, 237, 237, var(--placeholder-opacity)) !important;
}

.placeholder-rm-light-grey:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #EDEDED !important;
  color: rgba(237, 237, 237, var(--placeholder-opacity)) !important;
}

.placeholder-rm-light-grey::placeholder{
  --placeholder-opacity: 1 !important;
  color: #EDEDED !important;
  color: rgba(237, 237, 237, var(--placeholder-opacity)) !important;
}

.placeholder-rm-sunset::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #EA8582 !important;
  color: rgba(234, 133, 130, var(--placeholder-opacity)) !important;
}

.placeholder-rm-sunset:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #EA8582 !important;
  color: rgba(234, 133, 130, var(--placeholder-opacity)) !important;
}

.placeholder-rm-sunset::placeholder{
  --placeholder-opacity: 1 !important;
  color: #EA8582 !important;
  color: rgba(234, 133, 130, var(--placeholder-opacity)) !important;
}

.pointer-events-none{
  pointer-events: none !important;
}

.pointer-events-auto{
  pointer-events: auto !important;
}

.fixed{
  position: fixed !important;
}

.absolute{
  position: absolute !important;
}

.relative{
  position: relative !important;
}

.inset-0{
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.inset-y-0{
  top: 0 !important;
  bottom: 0 !important;
}

.top-0{
  top: 0 !important;
}

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

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

.left-0{
  left: 0 !important;
}

.shadow{
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

.shadow-md{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.shadow-lg{
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.shadow-inner{
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
}

.fill-current{
  fill: currentColor !important;
}

.stroke-current{
  stroke: currentColor !important;
}

.text-left{
  text-align: left !important;
}

.text-center{
  text-align: center !important;
}

.text-right{
  text-align: right !important;
}

.text-black{
  --text-opacity: 1 !important;
  color: #262E2E !important;
  color: rgba(38, 46, 46, var(--text-opacity)) !important;
}

.text-white{
  --text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.text-rm-yellow{
  --text-opacity: 1 !important;
  color: #EBB538 !important;
  color: rgba(235, 181, 56, var(--text-opacity)) !important;
}

.text-rm-grey{
  --text-opacity: 1 !important;
  color: #707070 !important;
  color: rgba(112, 112, 112, var(--text-opacity)) !important;
}

.text-rm-black{
  --text-opacity: 1 !important;
  color: #262E2E !important;
  color: rgba(38, 46, 46, var(--text-opacity)) !important;
}

.text-rm-teal{
  --text-opacity: 1 !important;
  color: #3B8080 !important;
  color: rgba(59, 128, 128, var(--text-opacity)) !important;
}

.text-rm-orange{
  --text-opacity: 1 !important;
  color: #D16333 !important;
  color: rgba(209, 99, 51, var(--text-opacity)) !important;
}

.text-rm-light-grey{
  --text-opacity: 1 !important;
  color: #EDEDED !important;
  color: rgba(237, 237, 237, var(--text-opacity)) !important;
}

.text-rm-sunset{
  --text-opacity: 1 !important;
  color: #EA8582 !important;
  color: rgba(234, 133, 130, var(--text-opacity)) !important;
}

.text-rm-delight{
  --text-opacity: 1 !important;
  color: #F3F0EB !important;
  color: rgba(243, 240, 235, var(--text-opacity)) !important;
}

.text-gray-500{
  --text-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--text-opacity)) !important;
}

.text-gray-600{
  --text-opacity: 1 !important;
  color: #68768a !important;
  color: rgba(104, 118, 138, var(--text-opacity)) !important;
}

.text-gray-800{
  --text-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--text-opacity)) !important;
}

.hover\:text-white:hover{
  --text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.hover\:text-teal:hover{
  --text-opacity: 1 !important;
  color: #008483 !important;
  color: rgba(0, 132, 131, var(--text-opacity)) !important;
}

.hover\:text-rm-black:hover{
  --text-opacity: 1 !important;
  color: #262E2E !important;
  color: rgba(38, 46, 46, var(--text-opacity)) !important;
}

.hover\:text-rm-orange:hover{
  --text-opacity: 1 !important;
  color: #D16333 !important;
  color: rgba(209, 99, 51, var(--text-opacity)) !important;
}

.hover\:text-gray-700:hover{
  --text-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--text-opacity)) !important;
}

.italic{
  font-style: italic !important;
}

.uppercase{
  text-transform: uppercase !important;
}

.underline{
  text-decoration: underline !important;
}

.no-underline{
  text-decoration: none !important;
}

.tracking-tighter{
  letter-spacing: -0.022em !important;
}

.tracking-tight{
  letter-spacing: -0.019em !important;
}

.tracking-normal{
  letter-spacing: -0.011em !important;
}

.tracking-wide{
  letter-spacing: 0 !important;
}

.tracking-wider{
  letter-spacing: 0.024em !important;
}

.tracking-widest{
  letter-spacing: 0.043em !important;
}

.visible{
  visibility: visible !important;
}

.whitespace-normal{
  white-space: normal !important;
}

.whitespace-pre{
  white-space: pre !important;
}

.whitespace-pre-line{
  white-space: pre-line !important;
}

.whitespace-pre-wrap{
  white-space: pre-wrap !important;
}

.w-3{
  width: 0.75rem !important;
}

.w-5{
  width: 1.25rem !important;
}

.w-8{
  width: 2rem !important;
}

.w-10{
  width: 2.5rem !important;
}

.w-16{
  width: 4rem !important;
}

.w-20{
  width: 5rem !important;
}

.w-24{
  width: 6rem !important;
}

.w-32{
  width: 8rem !important;
}

.w-36{
  width: 9rem !important;
}

.w-48{
  width: 12rem !important;
}

.w-auto{
  width: auto !important;
}

.w-150px{
  width: 150px !important;
}

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

.w-10\/12{
  width: 83.333333% !important;
}

.w-11\/12{
  width: 91.666667% !important;
}

.w-full{
  width: 100% !important;
}

.z-0{
  z-index: 0 !important;
}

.z-1{
  z-index: 1 !important;
}

.z-5{
  z-index: 5 !important;
}

.z-10{
  z-index: 10 !important;
}

.z-20{
  z-index: 20 !important;
}

.z-50{
  z-index: 50 !important;
}

.-z-1{
  z-index: -1 !important;
}

.gap-0{
  grid-gap: 0 !important;
  grid-gap: 0 !important;
  gap: 0 !important;
}

.gap-2{
  grid-gap: 0.5rem !important;
  grid-gap: 0.5rem !important;
  gap: 0.5rem !important;
}

.gap-4{
  grid-gap: 1rem !important;
  grid-gap: 1rem !important;
  gap: 1rem !important;
}

.gap-6{
  grid-gap: 1.5rem !important;
  grid-gap: 1.5rem !important;
  gap: 1.5rem !important;
}

.gap-8{
  grid-gap: 2rem !important;
  grid-gap: 2rem !important;
  gap: 2rem !important;
}

.gap-10{
  grid-gap: 2.5rem !important;
  grid-gap: 2.5rem !important;
  gap: 2.5rem !important;
}

.gap-12{
  grid-gap: 3rem !important;
  grid-gap: 3rem !important;
  gap: 3rem !important;
}

.gap-16{
  grid-gap: 4rem !important;
  grid-gap: 4rem !important;
  gap: 4rem !important;
}

.gap-2\.5{
  grid-gap: 0.625rem !important;
  grid-gap: 0.625rem !important;
  gap: 0.625rem !important;
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.transform{
  --transform-translate-x: 0 !important;
  --transform-translate-y: 0 !important;
  --transform-rotate: 0 !important;
  --transform-skew-x: 0 !important;
  --transform-skew-y: 0 !important;
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
}

.group:hover .group-hover\:scale-105{
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important;
}

.rotate-90{
  --transform-rotate: 90deg !important;
}

.rotate-180{
  --transform-rotate: 180deg !important;
}

.-rotate-90{
  --transform-rotate: -90deg !important;
}

.-rotate-12{
  --transform-rotate: -12deg !important;
}

.-translate-y-150px{
  --transform-translate-y: -150px !important;
}

.skew-y-3{
  --transform-skew-y: 3deg !important;
}

.-skew-y-3{
  --transform-skew-y: -3deg !important;
}

.transition-all{
  transition-property: all !important;
}

.transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
}

.transition-opacity{
  transition-property: opacity !important;
}

.transition-transform{
  transition-property: transform !important;
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.duration-300{
  transition-duration: 300ms !important;
}

.duration-500{
  transition-duration: 500ms !important;
}

@-webkit-keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@-webkit-keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-spin{
  -webkit-animation: spin 1s linear infinite !important;
          animation: spin 1s linear infinite !important;
}

body {
  --text-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--text-opacity));
  /*font-feature-settings: "frac" 1;
    font-feature-settings: "tnum";*/
}

.bodyDiv {
  padding-top: 44px;
}

h1 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 4rem;
}

/**/

.content > h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 3rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

.content > h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 1;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

.content > h4 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.043em;
    line-height: 1;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

.content > p {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 300;
    letter-spacing: 0.02em;
  }

.content expanded > p {
    margin-bottom: 0 !important;
    padding-bottom: 1.5rem !important;
  }

.content > blockquote {
    text-align: center;
    font-weight: 900;
    font-style: italic;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 3rem;
    padding-top: 1.5rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
    line-height: 1.25;
  }

.content > blockquote > p {
    font-size: 1.75rem;
    line-height: 2.25rem;
    line-height: 1.25;
  }

.content img {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

.content a {
    --text-opacity: 1;
    color: #D16333;
    color: rgba(209, 99, 51, var(--text-opacity));
    font-weight: 500;
  }

.content a:hover {
      --text-opacity: 1;
      color: #3B8080;
      color: rgba(59, 128, 128, var(--text-opacity));
    }

.content .link-text-rm-orange a, 
    .content.link-text-rm-orange a {
    --text-opacity: 1;
    color: #D16333;
    color: rgba(209, 99, 51, var(--text-opacity));
    font-weight: 500;
  }

.content .link-text-rm-orange a:hover, .content.link-text-rm-orange a:hover {
      --text-opacity: 1;
      color: #D16333;
      color: rgba(209, 99, 51, var(--text-opacity));
    }

.content ul:not(.list-none) {
    padding-left: 0;
    list-style-type: disc;
    margin-left: 2.5rem;
    padding-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

.content ol {
    padding-left: 0;
    list-style-type: decimal;
    margin-left: 2.5rem;
    padding-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

.content > p code,
    .content > ul li *:not(pre) code,
    .content > ul li > code,
    .content > ol li *:not(pre) code,
    .content > ol li > code {
    display: inline-block;
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 0.25rem;
    line-height: 1;
    white-space: nowrap;
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    vertical-align: baseline;
  }

.content > pre, pre.content, .content > ul li pre, .content > ol li pre {
    display: flex;
    padding: 0;
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
    font-size: 0.875rem;
    line-height: 1.375rem;
    line-height: 2;
    margin-bottom: 1.5rem;
  }

.content > pre code, pre code.content, .content > ul li pre code, .content > ol li pre code {
    padding: 1rem;
  }

.content > ol, .content > ul{
    font-weight:lighter;
    font-size: 19px !important;
  }

.content > table {
    width: 100%;
    text-align: left;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }

.content > table th {
      font-weight: 700;
      --text-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--text-opacity));
      --bg-opacity: 1;
      background-color: #edf2f7;
      background-color: rgba(237, 242, 247, var(--bg-opacity));
      padding: 0.5rem;
      text-transform: uppercase;
      letter-spacing: 0.043em;
      border-top-width: 4px;
      border-bottom-width: 1px;
      --border-opacity: 1;
      border-color: #2d3748;
      border-color: rgba(45, 55, 72, var(--border-opacity));
    }

.content > table td {
      padding: 0.75rem;
      border-bottom-width: 1px;
      --border-opacity: 1;
      border-color: #2d3748;
      border-color: rgba(45, 55, 72, var(--border-opacity));
      font-size: 0.875rem;
      line-height: 1.375rem;
    }

.content > table p {
      line-height: 1.5;
    }

/* Responsive Wangjangling */

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
    .content > h2 {
      font-size: 1.75rem;
      line-height: 2.25rem;
      margin-top: 4rem;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
}

/* RM Custom CSS */

/* apply some primary brands */

a{
  --text-opacity: 1;
  color: #D16333;
  color: rgba(209, 99, 51, var(--text-opacity));
}

a:hover{
  --text-opacity: 1;
  color: #262E2E;
  color: rgba(38, 46, 46, var(--text-opacity));
}

/* hero background image positioning */

.rm-bg-pos-center-x {
  background-position-x: 50%;
}

.rm-bg-pos-center-left-x {
  background-position-x: 15%;
}

.rm-bg-pos-left-x {
  background-position-x: 0%;
}

.rm-bg-pos-center-right-x {
  background-position-x: 85%;
}

.rm-bg-pos-right-x {
  background-position-x: 100%;
}

.rm-bg-pos-center-y {
  background-position-y: 50%;
}

.rm-bg-pos-center-top-y {
  background-position-y: 25%;
}

.rm-bg-pos-top-y {
  background-position-y: 0%;
}

.rm-bg-pos-center-bottom-y {
  background-position-y: 75%;
}

.rm-bg-pos-bottom-y {
  background-position-y: 100%;
}

.rm-bg-pos-bottom-right {
  background-position: bottom right;
}

.rm-bg-pos-bottom-left {
  background-position: bottom left;
}

/* background image filters */

.rm-bg-brightness-75 {
  filter: brightness(0.75);
}

.rm-bg-brightness-50 {
  filter: brightness(0.5);
}

.rm-bg-brightness-25 {
  filter: brightness(0.25);
}

.rm-bg-greyscale {
  filter: grayscale(1);
}

/*video resizing*/

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-item,
    iframe,
    embed,
    object,
    video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.aspect-ratio-square {
  padding-top: 100%;
}

.aspect-ratio-16x9 {
  padding-top: 56.25%;
}

.aspect-ratio-4x3 {
  padding-top: 75%;
}

.aspect-ratio-21x9 {
  padding-top: 42.86%;
}

/* battle cards */

.battleCards {
  transform-style: preserve-3d;
}

#card1 {
  opacity: 0;
}

.battleCards .card {
  width: 220px;
  height: 377px;
  border-radius: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(10deg);
  transform-origin: 50% 50%;
  position: absolute;
  line-height: 260px;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  transform-style: inherit;
}

.battleCards .card .front, .battleCards .card .back {
  width: 220px;
  height: 377px;
  border-radius: 12px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.battleCards .card .front {
  transform: rotateY( 0deg );
  background: url("../png/img_0.png");
  background-size: contain;
}

.battleCards .card .back {
  transform: rotateY( 180deg );
  background: url("../png/battlecardsback.png");
  background-size: contain;
}

.transform-inherit {
  transform-style: inherit;
}

.cardSmash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  height: 600px;
  width: 600px;
}

.cardPow {
  position: absolute;
  top: 40%;
  left: 110%;
}

@media (min-width: 1024px){
  .battleCards .card {
    left: 45%;
    top: 55%;
    width: 280px;
    height: 480px;
  }

  .battleCards .card .front, .battleCards .card .back {
    width: 280px;
    height: 480px;
  }

  .cardSmash {
    height: 800px;
    width: 800px;
  }
}

/* card drop */

.rustyLogo {
  position: absolute;
  bottom: 5px;
  margin-right: auto;
  margin-left: auto;
  max-width: 50%;
}

.cardDropHolder, .photoDropHolder {
  perspective: 1200px;
  transform-style: preserve-3d;
}

.cardDropHolder .cardDrop {
  opacity: 0;
  height: 220px;
  width: 377px;
  border-radius: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  position: absolute;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  transform-style: inherit;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}

.cardDrop .front, .cardDrop .back {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transform-style: inherit;
}

.cardDrop .front {
  transform: rotateY( 0deg );
  /*background: url(/assets/img/img_0.png);*/
  background-size: contain;
}

.cardDrop .back {
  transform: rotateY( 180deg );
  background: url(../png/carddropback.png);
  background-size: contain;
}

@media (min-width: 1024px) {
  .cardDropHolder .cardDrop {
    left: 45%;
    top: 55%;
    height: 280px;
    width: 480px;
  }
}

.photoDropHolder .polaroid {
  opacity: 0;
  height: 360px;
  width: 300px;
  border-radius: 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  position: absolute;
  text-align: center;
  font-weight: bold;
  transform-style: inherit;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}

.photoDrop .front, .photoDrop .back {
  width: 100%;
  height: 100%;
  border-radius: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transform-style: inherit;
}

.photoDrop .front {
  transform: rotateY( 0deg );
  /*background: url(/assets/img/img_0.png);*/
  background-size: contain;
}

.polaroid .front .imgHolder {
  width: 100%;
  height: 100%;
  padding: 10px 10px 70px 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.polaroid .front .textHolder {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
}

.photoDrop .back {
  transform: rotateY( 180deg );
  background-size: contain;
}

@media (min-width: 1024px) {
  .photoDropHolder .polaroid {
    left: 45%;
    top: 55%;
    height: 540px;
    width: 450px;
  }

  .polaroid .front .imgHolder {
    padding: 15px 15px 105px 15px;
  }

  .polaroid .front .textHolder {
    height: 105px;
  }
}

/* Lottie animations */

.lottie {
  width:100%;
  height:100%;
  display:block;
  overflow: hidden;
  transform: translate3d(0,0,0);
  text-align: center;
  opacity: 1;
}

/* Custom Animations */

section > div {
  perspective: 1000px;
  transform-style: preserve-3d;
}

section > div div {
  transform-style: inherit;
}

.Animate_Fade, .Animate_Fade_Slow {
  opacity: 0;
}

.Animate_From_Left {
  position: relative;
  left: -20%;
  opacity: 0;
}

.Animate_From_Left_Big {
  position: relative;
  left: -100vw;
}

.Animate_From_Right {
  position: relative;
  left: 20%;
  opacity: 0;
}

.Animate_From_Right_Big {
  position: relative;
  left: 100vw;
}

.Animate_From_Top {
  position: relative;
  top: -10vh;
  opacity: 0;
}

.Animate_From_Top_Big {
  position: relative;
  opacity: 0;
  top: -30vh;
}

.Animate_From_Bottom {
  position: relative;
  top: 10vh;
  opacity: 0;
}

.Animate_From_Bottom_Small {
  position: relative;
  top: 3vh;
  opacity: 0;
}

.Animate_From_Bottom_Big {
  position: relative;
  opacity: 0;
  top: 30vh;
}

.Animate_Flip_In_X {
  position: relative;
  transform: rotateX(90deg);
  opacity: 0;
}

.Animate_Flip_In_Y {
  position: relative;
  transform: rotateY(90deg);
  opacity: 0;
}

.Animate_Fade_From_Foreground {
  position: relative;
  transform: scale(2);
  opacity: 0;
}

.Animate_Rotate_From_Foreground_Left {
  position: relative;
  transform: translate3d(-5%, 0px, 400px) rotateY(-90deg);
  transform-origin: 0% 50%;
  opacity: 0;
}

.Animate_Rotate_From_Foreground_Right {
  position: relative;
  transform: translate3d(5%, 0px, 400px) rotateY(90deg);
  transform-origin: 100% 50%;
  opacity: 0;
}

.Animate_Fade_From_Background {
  position: relative;
  transform: scale(0.4);
  opacity: 0;
}

.Animate_Rotate_From_Background_Left {
  position: relative;
  /*transform: translate3d(-33%, 0px, -400px) rotateY(90deg);*/
  transform-origin: 0% 50%;
  opacity: 0;
}

.Animate_Rotate_From_Background_Right {
  position: relative;
  /*transform: translate3d(33%, 0px, -400px) rotateY(-90deg);*/
  transform-origin: 100% 50%;
  opacity: 0;
}

.Animate_Bounce_From_Background {
  position: relative;
  opacity: 0;
}

.Animate_Bounce_From_Foreground {
  position: relative;
  opacity: 0;
}

.Animate_Text_From_Shadow_Black, .Animate_Words_Shadow_Black, .Animate_Letters_Shadow_Black {
  opacity: 0;
  color: rgba(0,0,0,0);
}

.Animate_Text_From_Shadow_White, .Animate_Words_Shadow_White, .Animate_Letters_Shadow_White {
  opacity: 0;
  color: rgba(255,255,255,0);
}

.Animate_Letters, .Animate_Letters_Slow, .Animate_Letters_Fast, .Animate_Letters_Above, .Animate_Letters_Below, .Animate_Letters_Rotate, .Animate_Words_Rotate {
  opacity: 0;
}

.Stagger_Letters_Below, .Stagger_Letters_Above {
  opacity: 0;
  overflow: hidden;
}

.Stagger_Letters_Below .clip-text, .Stagger_Letters_Above .clip-text {
  overflow: hidden;
}

.scrambled {
  opacity: 0;
  font-size: 50px;
  text-align: center;
  font-weight: 700;
  letter-spacing: -1px;
}

/* Out animations */

.out-Animate_From_Left,
.out-Animate_From_Left_Big,
.out-Animate_From_Right,
.out-Animate_From_Right_Big,
.out-Animate_From_Top,
.out-Animate_From_Top_Big,
.out-Animate_From_Bottom,
.out-Animate_From_Bottom_Small,
.out-Animate_From_Bottom_Big,
.out-Animate_Flip_In_X,
.out-Animate_Flip_In_Y,
.out-Animate_Fade_From_Foreground,
.out-Animate_Rotate_From_Foreground_Left,
.out-Animate_Rotate_From_Foreground_Right,
.out-Animate_Fade_From_Background,
.out-Animate_Rotate_From_Background_Left,
.out-Animate_Rotate_From_Background_Right,
.out-Animate_Bounce_From_Background,
.out-Animate_Bounce_From_Foreground {
  position: relative;
}

.out_Animate_Flip_In_X {
  transform: translateZ(100);
}

@media (min-width: 768px) {
  .scrambled {
    opacity: 0;
    font-size: 100px;
    text-align: center;
    font-weight: 700;
    letter-spacing: -3px;
  }
}

@media (min-width: 1024px) {
  .scrambled {
    opacity: 0;
    font-size: 150px;
    text-align: center;
    font-weight: 700;
    letter-spacing: -5px;
  }
}

@media (min-width: 1280px) {
  .scrambled {
    opacity: 0;
    font-size: 175px;
    text-align: center;
    font-weight: 700;
    letter-spacing: -5px;
  }
}

/* fabric canvas drawing pad */

.canvas-container {
  position: absolute !important;
  top: 3.5%;
  left: 3.5%;
}

/* chrome scrollbar issue */

.no-scrollbar {
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display : none;
}

/* scrollbar colours */

.modal-content::-webkit-scrollbar {
  background: transparent;
  width: 8px;
}

.modal-content::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.5);
  border-radius: 10px;
}

.modal-content::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.7);
}

/* contact form issues with dark background */

.darkContact .text-rm-black {
  color: white !important;
}

/* search field clear */

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: .3;
  pointer-events: all;
}

input[type="search"].dark::-webkit-search-cancel-button {
  filter: invert(1);
}

/* subscription button and forms */

#subscribe_side_button {
  position: fixed;
  right: -92px;
  top: 40%;
}

.vertical-btn {
  transform: rotate(-90deg);
  font-size: 13px;
  font-weight: 700;
  transition: none;
  border: 1px solid #dca13f;
  color: #fff !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}

.modal-open #subscribe_side_button {
  right: -23px;
}

#terms {
  margin-right: 10px;
}

.error {
  padding: 10px;
  color: #D8000C;
  border-radius: 4px;
  font-size: 13px;
  background-color: #FFBABA;
}

.success {
  background-color: #6cb670;
  border-radius: 4px;
  color: #fff;
  display: none;
  font-size: 13px;
  padding: 10px;
}

.mobile-only {
  display: none;
}

/* magic eight ball */

.magicEightText {
  font-family: roboto;
  font-size: 4px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

@media (max-width: 767px) {
  .g-mob-mb-20 {
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  #share-buttons ul {
    max-width: none;
    max-width: initial;
    text-align: center;
    --bg-opacity: 1;
    background-color: #EDEDED;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
    /*background: $brand-primary-light-grey;*/
    padding-bottom: 20px;
  }

  #share-buttons {
    position: static;
    position: initial;
    top: inherit;
    z-index: auto;
  }

  #subscribe_side_button {
    position: relative;
    right: auto;
    top: auto;
    text-align: center;
    padding: 40px 20px;
    --bg-opacity: 1;
    background-color: #EDEDED;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
    /*background: $brand-primary-light-grey;*/
  }

  .vertical-btn {
    transform: none;
    border: none;
    border-radius: 0;
  }

  .mobile-only {
    display: block;
  }

  .copied {
    z-index: 1;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .copied-success {
    opacity: 1;
  }
}

@media (max-width: 576px) {
  .g-pa-80 {
    padding: 30px!important;
  }

  .px-sm-10px {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* modal styling */

.modal {
  transition: opacity 0.3s ease;
}

.tracking-rm-logo {
  letter-spacing: 0.25em !important;
}

.tracking-rm-logo.text-right {
  margin-right: -0.25em !important; /* removes the last characters letter spacing to allow align right */
}

.Animate_Background_Above, .Animate_Background_Below, .Animate_Background_Repeat {
  opacity: 0;
}

.h-10vh {
  height: 10vh;
}

.h-20vh {
  height: 20vh;
}

.h-30vh {
  height: 30vh;
}

.h-40vh {
  height: 40vh;
}

.h-50vh {
  height: 50vh;
}

.h-60vh {
  height: 60vh;
}

.h-70vh {
  height: 70vh;
}

.h-80vh {
  height: 80vh;
}

.h-90vh {
  height: 90vh;
}

.h-100vh {
  height: 100vh;
}

.min-w-50 {
  min-width: 50%;
}

.min-h-50 {
  min-height: 50%;
}

.h-50 {
  height: 50%;
}

.animated-slider .background-image img {
  max-width: none;
}

.gap-4 .w-1\/2 {
  width: calc(50% - 0.5em);
}

.gap-4 .min-w-50 {
  min-width: calc(50% - 0.5em);
}

.gap-8 .w-1\/2 {
  width: calc(50% - 1em);
}

.gap-8 .min-w-50 {
  min-width: calc(50% - 1em);
}

.w-36 {
  width: 9rem;
}

.w-96 {
  width: 24rem;
}

.rm-circle-block {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  margin: 0 auto;
}

.rm-circle {
  position: relative;
  width: 20rem;
  height: 20rem;
  padding-bottom: 0;
  margin: 0 auto;
}

.content .rm-circle img, .content .rm-circle-block img {
  margin: 0;
  transform: scale(1.02);
  width:100%;
  height: auto;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.slide {
  opacity: 0;
}

.slide-1 {
  opacity: 1;
}

.max-h-0-ni {
  max-height: 0;
}

.floating-button-left,
.floating-button-right {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.nextButton,
.prevButton {
  outline: none !important;
  pointer-events: auto;
}

.nextButton svg {
  margin-left: 5px;
}

.prevButton svg {
  margin-right: 5px;
}

/* landscape small touchscreen devices */

@media only screen 
  and (max-device-width: 900px) 
  and (orientation: landscape) {
  .animated-slider .rm-h1 {
    font-size: 60px !important;
    line-height: 70px;
  }
}

/* team members buttons, float on smaller screens */

@media (max-width: 1420px) {
  .floating-button-left {
    position: absolute;
    left: 0;
    right: auto;
  }

  .floating-button-right {
    position: absolute;
    right: 0;
    left: auto;
  }
}

/* expandable content with tooltip section */

.expandable-content-button::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 1;
}

/* form budget fields */

.rm-budget-radios input[type='radio'] {
  display: none;
}

.rm-budget-radios label:hover {
  color: #D16333;
  cursor: pointer;
}

.rm-budget-radios input[type='radio']:checked + label {
  color: #7AADB5;
}

/* Matts */

.rm-leading-header{
  font-size: 0.625rem !important;
  line-height: 1.125rem !important;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1rem;
  letter-spacing: 0.2em;
  font-feature-settings: "tnum";
  font-family: europa;
}

.rm-h1, .rm-styling h1, .content p.rm-h1 {
  font-size: 2rem !important;
  line-height: 2.5rem !important;
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-family: europa;
  font-weight: bold;
  font-feature-settings: "tnum";
}

.rm-h2, .rm-styling h2, .content p.rm-h2 {
  font-size: 1.75rem !important;
  line-height: 2.25rem !important;
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-family: europa;
  font-feature-settings: "tnum";
}

.rm-h3, .rm-styling h3, .content p.rm-h3 {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-family: europa;
  font-feature-settings: "tnum";
}

.rm-h4, .rm-styling h4 {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 500;
  margin-bottom: 1.5rem;
  font-family: europa;
  font-feature-settings: "tnum";
}

.rm-h5, .rm-styling h5 {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 500;
  margin-bottom: 1.25rem;
  font-family: europa;
  font-feature-settings: "tnum";
}

.rm-h6, .rm-styling h6 {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 500;
  margin-bottom: 1rem;
  font-family: europa;
  font-feature-settings: "tnum";
}

.rm-paragraph-big p, p.rm-paragraph-big{
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  margin-bottom: 1.75rem;
  font-weight: 300;
  letter-spacing: 0.02em;
  font-family: roboto;
  font-feature-settings: "tnum";
}

.rm-paragraph-standard p, .rm-styling p, .content p {
  font-size: 0.875rem !important;
  line-height: 1.375rem !important;
  margin-bottom: 1.75rem;
  font-weight: 200;
  letter-spacing: 0.02em;
  font-family: roboto;
  font-feature-settings: "tnum";
}

.expanded .rm-paragraph-standard p, 
.expanded .rm-styling p,
.expanded .rm-paragraph-big p, 
.expanded p.rm-paragraph-big {
  margin-bottom: 0 !important;
  padding-bottom: 1.75rem !important;
}

.canvas-container {
  width: 100% !important;
  margin: 0;
  height: 100% !important;
}

/* 2022 branding - addition of font based override classes */

.rm-europa, .rm-europa p {
  font-family: europa !important;
}

.rm-roboto, .rm-roboto p {
  font-family: roboto !important;
}

@font-face {
  font-family: 'skribblugh';

  src: url(../woff2/skribblugh-tc-rg181d.woff2?6a49c3e85cefeadd5f30e61d47c45cae) format('woff2'), 
         url(../woff/skribblugh-tc-rg9d0c.woff?787c983d91de8e728ed65cedd7cfb30b) format('woff'), 
         url(../ttf/skribblugh-tc-rgbd95.ttf?c136a2fe645de31fb238833fa729a105)  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'bobby-jones';

  src: url(../woff2/bobby-jones364c.woff2?f0032e6d145aaa93618e6ffc0e64e877) format('woff2'), 
         url(../woff/bobby-jonesbe70.woff?9dc9f1870517785c5d18bdc3268b8078) format('woff'), 
         url(../ttf/bobby-jonesfee7.ttf?348ec555cfae1b9a3873808042c6dc84)  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'bobby-jones-soft';

  src: url(../woff2/bobby-jones-softe2ab.woff2?53f27a6c34756537822289106a69b67b) format('woff2'), 
         url(../woff/bobby-jones-soft22cf.woff?236c34a5bf6c9b329ad51bd6a404ad5a) format('woff'), 
         url(../ttf/bobby-jones-soft909a.ttf?ed4aec3b2b330f2de5f34512d6fd9564)  format('truetype'); /* Safari, Android, iOS */
}

.rm-skribblugh, .rm-skribblugh p {
  font-family: skribblugh, sans-serif !important;
}

.rm-bobby-jones, .rm-bobby-jones p {
  font-family: bobby-jones, sans-serif !important;
}

.rm-bobby-jones-soft, .rm-bobby-jones-soft p {
  font-family: bobby-jones-soft, sans-serif !important;
}

.rm-bagatela-italic, .rm-bagatela-italic p {
  font-family: bagatela, serif !important;
  font-style: italic;
  font-weight: 200;
}

/* 2023 branding extra */

.rm-europa-light, .rm-europa-light p {
  font-family: europa, sans-serif !important;
  font-weight: 300;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0em;
}

.rm-new-spirit, .rm-new-spirit p {
  font-family: "new-spirit", serif;
  font-weight: 700;
  font-style: normal;
  text-transform: lowercase;
  letter-spacing: 0em;
}

.rm-block-underline {
  padding-bottom: 0.25em !important;
  border-bottom: 0.2em solid;
  --border-opacity: 1;
  border-color: #D16333;
  border-color: rgba(209, 99, 51, var(--border-opacity));
  margin-bottom: 3rem !important;
}

.text-white.rm-block-underline, .text-white .rm-block-underline {
  --border-opacity: 1;
  border-color: #464643;
  border-color: rgba(70, 70, 67, var(--border-opacity));
}

.rm-block-underline.pb-0 {
  padding-bottom: 0px !important;
}

.rm-block-underline.mb-0 {
  margin-bottom: 0px !important;
}

/* file upload button */

.file-upload::file-selector-button {
  --bg-opacity: 1;
  background-color: #D16333;
  background-color: rgba(209, 99, 51, var(--bg-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 300ms;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.875rem !important;
  line-height: 1.375rem !important;
  margin-bottom: 0;
  margin-right: 3rem;
  font-weight: normal;
  font-family: europa;
  letter-spacing: 0.25em !important;
  padding:20px 45px;
  display: inline-block;
  text-decoration:none !important;
  cursor: pointer;
  border: none;
}

/* Knockout text element */

.knockout-text {
  line-height: 1.5em !important;
  /* Color fallback */
  color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: repeat;
  background-size: cover;
  background-position: 50% 50%;
}

body a.rm-button, body button.rm-button, div.rm-button{
  --bg-opacity: 1;
  background-color: #D16333;
  background-color: rgba(209, 99, 51, var(--bg-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 300ms;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.875rem !important;
  line-height: 1.375rem !important;
  margin-bottom: 2rem;
  font-weight: normal;
  font-family: europa;
  letter-spacing: 0.25em !important;
  padding:20px 25px;
  display: inline-block;
  text-decoration:none !important;
  cursor: pointer;
}

body a.rm-button:hover, body button.rm-button:hover, div.rm-button:hover{
  padding:20px 29px;
  --text-opacity: 1;
  color: #262E2E;
  color: rgba(38, 46, 46, var(--text-opacity));
  margin-left:-2px;
  margin-right:-2px;
}

body a.rm-button-inverted, body button.rm-button-inverted{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-width: 1px;
  --border-opacity: 1;
  border-color: #D16333;
  border-color: rgba(209, 99, 51, var(--border-opacity));
  --text-opacity: 1;
  color: #D16333;
  color: rgba(209, 99, 51, var(--text-opacity));
}

body a.rm-button-small, body button.rm-button-small{
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
  margin-bottom: 0;
  padding:15px 20px;
}

body a.rm-button-small:hover, body button.rm-button-small:hover{
  padding:15px 20px;
}

.content a {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --text-opacity: 1;
  color: #D16333;
  color: rgba(209, 99, 51, var(--text-opacity));
}

.content hr {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  border-top-width: 2px;
  --border-opacity: 1;
  border-color: #EDEDED;
  border-color: rgba(237, 237, 237, var(--border-opacity));
}

.rm-speech-bubble blockquote{
  background:#fff;
  padding:30px;
  border-radius: 20px;
  position: relative;
}

.rm-speech-bubble blockquote:before {
  border-left: 20px solid transparent;
  border-top: 20px solid #fff;
  left: -19px;
  content: "";
  position: absolute;
  top: 50px;
}

.rm-shadow-box:before, .rm-shadow-box:after{
  --bg-opacity: 1;
  background-color: #EDEDED;
  background-color: rgba(237, 237, 237, var(--bg-opacity));
  display: block;
  content:" ";
  width:100%;
  position: absolute;
  z-index:5;
  left:0;
  height:12px;
}

.rm-shadow-box:before{
  box-shadow:0px 10px 10px 20px rgb(237, 237, 237);
  top:110px;
}

.rm-shadow-box:after{
  box-shadow:0px -10px 10px 20px rgb(237, 237, 237);
  bottom:0px;
}

.rm-quote:after {
  border-left: 20px solid transparent;
  border-top: 20px solid #fff;
  left: -10px;
  content: "";
  position: absolute;
  bottom: 20px;
  width:20px;
}

.rm-matt.rm-quote:after, .rm-matt-b.rm-quote:after{
  right:-10px;
  left: auto;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
}

.rm-quote{
  border-radius:30px !important;
}

.rm-speaker {
  max-height:80px;
  max-width:80px;
  min-height:80px;
  min-width:80px;
}

.rm-chris, .rm-matt-g{
  margin-left:100px;
  position: relative;
}

.rm-chris:before, .rm-matt-g:before{
  background: url('../png/chris.png') no-repeat;
  width:70px;
  height:70px;
  display: inline-block;
  content: " ";
  position:absolute;
  left:-100px;
  bottom:0px;
}

.rm-matt-g:before{
  background: url('../png/mattgilmarton.png') no-repeat;
}

.rm-matt, .rm-matt-b {
  margin-right:100px;
  position: relative;
}

.rm-matt:before, .rm-matt-b:before{
  background: url('../png/matt.png') no-repeat;
  width:70px;
  height:70px;
  display: inline-block;
  content: " ";
  position:absolute;
  right:-100px;
  bottom:0px;
}

.rm-scott{
  margin-left:100px;
  position: relative;
}

.rm-scott:before{
  background: url('../png/scott.png') no-repeat;
  width:70px;
  height:70px;
  display: inline-block;
  content: " ";
  position:absolute;
  left:-100px;
  bottom:0px;
}

.rm-handwriting{
  font-family: skippy-sharp, sans-serif;
  font-weight: 400;
  font-style: normal;
  --text-opacity: 1;
  color: #D16333;
  color: rgba(209, 99, 51, var(--text-opacity));
  margin-bottom:36px;
}

.rm-nav span{
  font-family: skippy-sharp, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}

.rm-simple-link{
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 21.6px;
  text-transform: uppercase;
}

.rm-copyright{
  font-family: europa;
  font-weight:400;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.rm-youTube{
  fill:#fff;
}

.rm-small{
  font-size: 12px;
  line-height: 16px;
}

.rm-crossed-out s{
  text-decoration: none !important;
}

.rm-crossed-out strong{
  position: absolute;
  border-bottom: 10px solid #EBB538;
  width:95%;
  height:100px;
  top:-60px;
  left:0px;
  font-size: 60px;
  text-align: center;
  display: inline-block;
  --text-opacity: 1;
  color: #D16333;
  color: rgba(209, 99, 51, var(--text-opacity));
  font-family: skippy-sharp, sans-serif;
  font-weight: normal !important;
}

.rm-crossed-out .rm-mondays-suck strong{
  height:105px;
  top: -47px;
}

.rm-crossed-out .rm-h2{
  line-height: 100px !important;
}

.rm-alan-head{
  --transform-rotate: -5deg !important;
}

.rm-invert-alan.rm-alan-head{
  --transform-rotate: 5deg !important;
}

.rm-call-us{
  --transform-rotate: 15deg !important;
}

.rm-rect-divider .rm-alan-head{
  top:-92px;
  right:-10px;
}

.rm-shadow-tail{
  display: block;
  width: 100%;
  border:1px solid red;
  height:20px;
  box-shadow: 20px 20px 20px 20px rgba(0, 0, 0, 0.06);
}

.bg-rm-black a:hover{
  color:#fff;
}

/* team members slider */

.rm-grid-carousel-section {
  display: grid;
  grid-gap: 10px;
  grid-template-rows: 1fr;
  grid-auto-flow: column;
  grid-auto-columns: calc(100% - 10px);
  overflow-x: scroll;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
}

/* checkboxes on forms */

.rm-checked {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */

.rm-checked input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.rm-checked .checkmark {
  height: 1em;
  width: 1em;
  background-color: #fff;
  border-radius: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.rm-checked.right .checkmark {
  right: 0;
  left: auto;
}

/* On mouse-over, add a grey background color */

.rm-checked:hover input ~ .checkmark {
  --bg-opacity: 1;
  background-color: #EDEDED;
  background-color: rgba(237, 237, 237, var(--bg-opacity));
}

/* When the checkbox is checked, add a blue background */

.rm-checked input:checked ~ .checkmark {
  --bg-opacity: 1;
  background-color: #D16333;
  background-color: rgba(209, 99, 51, var(--bg-opacity));
}

.bg-rm-teal .rm-checked input:checked ~ .checkmark {
  --bg-opacity: 1;
  background-color: #262E2E;
  background-color: rgba(38, 46, 46, var(--bg-opacity));
}

/* apply overrides to autofill on forms to prevent horrid colour changes */

input.bg-transparent.text-white:-webkit-autofill,
input.bg-transparent.text-white:-webkit-autofill:hover, 
input.bg-transparent.text-white:-webkit-autofill:focus, 
input.bg-transparent.text-white:-webkit-autofill:active{
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 40px 40px rgba(255,255,255, 0.1);
  padding-left: 5px;
}

/* Media Queries */

/* apply tailwinds breakpoints so if they change then this will still work correctly */

@media (min-width: 640px) {
  .rm-h1, .rm-styling h1, .content p.rm-h1{
    font-size: 3rem !important;
    line-height: 3.5rem !important;
    margin-bottom: 2rem;
  }

  .rm-h2, .rm-styling h2, .content p.rm-h2{
    font-size: 2.5rem !important;
    line-height: 3rem !important;
    margin-bottom: 2rem;
  }

  .rm-h3, .rm-styling h3, .content p.rm-h3{
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    margin-bottom: 2rem;
  }

  .rm-h4, .rm-styling h4{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    margin-bottom: 1.5rem;
  }

  .rm-h5, .rm-styling h5{
    font-size: 1.125rem !important;
    line-height: 1.625rem !important;
    margin-bottom: 1.25rem;
  }

  .rm-h6, .rm-styling h6{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    margin-bottom: 1rem;
  }

  .rm-paragraph-big p, p.rm-paragraph-big {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    margin-bottom: 1.75rem;
  }

  .rm-paragraph-standard p, .rm-styling p, .content p {
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
    margin-bottom: 1.75rem;
  }

  body a.rm-button, body button.rm-button, div.rm-button{
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
    margin-bottom: 2rem;
    padding:20px 25px;
    letter-spacing: 0.1em;
  }

  body a.rm-button-small, body button.rm-button-small{
    padding:13px 18px;
    font-size: 0.75rem !important;
    line-height: 1.25rem !important;
    margin-bottom: 0;
  }

  .rm-crossed-out strong{
    border-bottom: 10px solid #EBB538;
    height:105px;
    top:-60px;
    left:0px;
    font-size: 60px;
  }

  .rm-crossed-out .rm-mondays-suck strong{
    height:115px;
    top: -47px;
  }

  .rm-crossed-out .rm-h2{
    line-height: 110px !important;
  }
}

@media (min-width: 768px) {
  .rm-h1, .rm-styling h1, .content p.rm-h1{
    font-size: 4rem !important;
    line-height: 4.5rem !important;
    margin-bottom: 2rem;
  }

  .rm-h2, .rm-styling h2, .content p.rm-h2{
    font-size: 3rem !important;
    line-height: 3.5rem !important;
    margin-bottom: 2rem;
  }

  .rm-h3, .rm-styling h3, .content p.rm-h3{
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
    margin-bottom: 2rem;
  }

  .rm-h4, .rm-styling h4{
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    margin-bottom: 1.5rem;
  }

  .rm-h5, .rm-styling h5{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    margin-bottom: 1.25rem;
  }

  .rm-h6, .rm-styling h6{
    font-size: 1.125rem !important;
    line-height: 1.625rem !important;
    margin-bottom: 1rem;
  }

  .rm-paragraph-big p, p.rm-paragraph-big{
    font-size: 1.125rem !important;
    line-height: 1.625rem !important;
    margin-bottom: 1.75rem;
  }

  .rm-paragraph-standard p, .rm-styling p, .content p {
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
    margin-bottom: 1.75rem;
  }

  body a.rm-button, body button.rm-button, div.rm-button{
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
    margin-bottom: 2rem;
    padding:20px 25px;
    letter-spacing: 0.1em;
  }

  body a.rm-button-small, body button.rm-button-small{
    padding:13px 18px;
    font-size: 0.75rem !important;
    line-height: 1.25rem !important;
    margin-bottom: 0;
  }

  .rm-crossed-out strong{
    border-bottom: 10px solid #EBB538;
    height:115px;
    top:-60px;
    left:0px;
    font-size: 60px;
  }

  .rm-crossed-out .rm-mondays-suck strong{
    height:130px;
    top: -47px;
  }

  .rm-crossed-out .rm-h2{
    line-height: 110px !important;
  }

  .rm-circle {
    position: absolute;
  }

  .rm-circle.left {
    top: 50%;
    right: 0;
    transform: translate(88%,-50%);
  }

  .rm-circle.right {
    top: 50%;
    transform: translate(-50%,-50%);
  }

  .rm-grid-carousel-section.one-col {
    grid-auto-columns: calc(100% - 9px);
  }

  .rm-grid-carousel-section {
    grid-auto-columns: calc(50% - 5px);
  }

  .rm-grid-carousel-section.three-col {
    grid-auto-columns: calc(50% - 5px);
  }

  .md\:max-w-none{
    max-width:none!important
  }
}

@media (min-width: 1024px) {
  .rm-h1, .rm-styling h1, .content p.rm-h1{
    font-size: 4.5rem !important;
    line-height: 5rem !important;
    margin-bottom: 2rem;
  }

  .rm-h2, .rm-styling h2, .content p.rm-h2{
    font-size: 3.5rem !important;
    line-height: 4rem !important;
    margin-bottom: 2rem;
  }

  .rm-h3, .rm-styling h3, .content p.rm-h3{
    font-size: 2rem !important;
    line-height: 2.5rem !important;
    margin-bottom: 2rem;
  }

  .rm-h4, .rm-styling h4{
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
    margin-bottom: 1.5rem;
  }

  .rm-h5, .rm-styling h5{
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    margin-bottom: 1.25rem;
  }

  .rm-h6, .rm-styling h6{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    margin-bottom: 1rem;
  }

  .rm-paragraph-big p, p.rm-paragraph-big{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    margin-bottom: 1.75rem;
  }

  .rm-paragraph-standard p, .rm-styling p, .content p {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    margin-bottom: 1.75rem;
  }

  body a.rm-button, body button.rm-button, div.rm-button{
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
    margin-bottom: 2rem;
    padding:20px 25px;
    letter-spacing: 0.1em;
  }

  body a.rm-button-small, body button.rm-button-small{
    padding:15px 20px;
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
    margin-bottom: 0;
  }

  .rm-crossed-out strong{
    border-bottom: 10px solid #EBB538;
    /* height:140px;*/
    top:-60px;
    left:0px;
    font-size: 60px;
  }

  .rm-crossed-out .rm-mondays-suck strong{
    height:140px;
    top: -47px;
  }

  .rm-crossed-out .rm-h2{
    line-height: 110px !important;
  }

  .gap-4 .lg\:w-1\/2 {
    width: calc(50% - 0.5em) !important;
  }

  .gap-8 .lg\:w-1\/2 {
    width: calc(50% - 1em) !important;
  }

  .rm-grid-carousel-section.three-col {
    grid-auto-columns: calc(33% - 5px);
  }

  .rm-circle.left {
    transform: translate(104%,-50%);
  }
}

@media (min-width: 1280px) {
  .rm-h1, .rm-styling h1, .content p.rm-h1{
    font-size: 5rem !important;
    line-height: 5.5rem !important;
    margin-bottom: 2rem;
  }

  .rm-h2, .rm-styling h2, .content p.rm-h2{
    font-size: 4rem !important;
    line-height: 4.5rem !important;
    margin-bottom: 2rem;
  }

  .rm-h3, .rm-styling h3, .content p.rm-h3{
    font-size: 2rem !important;
    line-height: 2.5rem !important;
    margin-bottom: 2rem;
  }

  .rm-h4, .rm-styling h4{
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
    margin-bottom: 1.5rem;
  }

  .rm-h5, .rm-styling h5{
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    margin-bottom: 1.25rem;
  }

  .rm-h6, .rm-styling h6{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    margin-bottom: 1rem;
  }

  .rm-paragraph-big p, p.rm-paragraph-big{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    margin-bottom: 1.75rem;
  }

  .rm-paragraph-standard p, .rm-styling p, .content p {
    font-size: 1.125rem !important;
    line-height: 1.625rem !important;
    margin-bottom: 1.75rem;
  }

  body a.rm-button, body button.rm-button, div.rm-button{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    margin-bottom: 2rem;
    padding:20px 25px;
    letter-spacing: 0.1em;
  }

  body a.rm-button-small, body button.rm-button-small{
    padding:15px 20px;
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
    margin-bottom: 0;
  }

  .rm-crossed-out strong{
    border-bottom: 10px solid #EBB538;
    height:125px;
    top:-60px;
    left:0px;
    font-size: 60px;
  }

  .rm-crossed-out .rm-mondays-suck strong{
    height:155px;
    top: -47px;
  }

  .rm-crossed-out .rm-h2{
    line-height: 120px !important;
  }

  .rm-circle.left {
    top: 50%;
    right: 0;
    transform: translate(144%,-50%);
  }
}

@media screen and (max-width: 639px){
  .sm-only\:container{
    width: 100%;
  }
}

@media screen and (max-width: 639px) and (min-width: 640px){
    .sm-only\:container{
      max-width: 640px;
    }
  }

@media screen and (max-width: 639px) and (min-width: 768px){
    .sm-only\:container{
      max-width: 768px;
    }
  }

@media screen and (max-width: 639px) and (min-width: 1024px){
    .sm-only\:container{
      max-width: 1024px;
    }
  }

@media screen and (max-width: 639px) and (min-width: 1280px){
    .sm-only\:container{
      max-width: 1280px;
    }
  }

@media screen and (max-width: 639px){

  .sm-only\:max-h-80vw{
    max-height: 80vw !important;
  }

  .sm-only\:max-w-80vw{
    max-width: 80vw !important;
  }

  .sm-only\:px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .sm-only\:pt-5{
    padding-top: 1.25rem !important;
  }

  .sm-only\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .sm-only\:pt-10{
    padding-top: 2.5rem !important;
  }

  .sm-only\:pb-10{
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 640px){
  .sm\:container{
    width: 100%;
  }
}

@media (min-width: 640px) and (min-width: 640px){
    .sm\:container{
      max-width: 640px;
    }
  }

@media (min-width: 640px) and (min-width: 768px){
    .sm\:container{
      max-width: 768px;
    }
  }

@media (min-width: 640px) and (min-width: 1024px){
    .sm\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 640px) and (min-width: 1280px){
    .sm\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 640px){

  .sm\:bg-right{
    background-position: right !important;
  }

  .sm\:inline-block{
    display: inline-block !important;
  }

  .sm\:flex{
    display: flex !important;
  }

  .sm\:hidden{
    display: none !important;
  }

  .sm\:justify-center{
    justify-content: center !important;
  }

  .sm\:h-36{
    height: 9rem !important;
  }

  .sm\:h-48{
    height: 12rem !important;
  }

  .sm\:text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .sm\:-ml-24{
    margin-left: -6rem !important;
  }

  .sm\:max-w-md{
    max-width: 28rem !important;
  }

  .sm\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sm\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .sm\:pt-0{
    padding-top: 0 !important;
  }

  .sm\:pb-0{
    padding-bottom: 0 !important;
  }

  .sm\:pr-8{
    padding-right: 2rem !important;
  }

  .sm\:pt-20{
    padding-top: 5rem !important;
  }

  .sm\:pl-32{
    padding-left: 8rem !important;
  }

  .sm\:w-36{
    width: 9rem !important;
  }

  .sm\:w-48{
    width: 12rem !important;
  }

  .sm\:w-1\/2{
    width: 50% !important;
  }

  .sm\:w-1\/3{
    width: 33.333333% !important;
  }
}

@media (min-width: 768px){
  .md\:container{
    width: 100%;
  }
}

@media (min-width: 768px) and (min-width: 640px){
    .md\:container{
      max-width: 640px;
    }
  }

@media (min-width: 768px) and (min-width: 768px){
    .md\:container{
      max-width: 768px;
    }
  }

@media (min-width: 768px) and (min-width: 1024px){
    .md\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 768px) and (min-width: 1280px){
    .md\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 768px){

  .md\:block{
    display: block !important;
  }

  .md\:flex{
    display: flex !important;
  }

  .md\:flex-row{
    flex-direction: row !important;
  }

  .md\:h-64{
    height: 16rem !important;
  }

  .md\:h-104{
    height: 26rem !important;
  }

  .md\:h-128{
    height: 32rem !important;
  }

  .md\:h-152{
    height: 38rem !important;
  }

  .md\:h-full{
    height: 100% !important;
  }

  .md\:h-screen{
    height: 100vh !important;
  }

  .md\:text-2xl{
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }

  .md\:text-6xl{
    font-size: 3rem !important;
    line-height: 3.5rem !important;
  }

  .md\:my-12{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .md\:mt-0{
    margin-top: 0 !important;
  }

  .md\:mb-0{
    margin-bottom: 0 !important;
  }

  .md\:mt-5{
    margin-top: 1.25rem !important;
  }

  .md\:mt-10{
    margin-top: 2.5rem !important;
  }

  .md\:ml-16{
    margin-left: 4rem !important;
  }

  .md\:mt-20{
    margin-top: 5rem !important;
  }

  .md\:mt-24{
    margin-top: 6rem !important;
  }

  .md\:mt-32{
    margin-top: 8rem !important;
  }

  .md\:mb-32{
    margin-bottom: 8rem !important;
  }

  .md\:mt-40{
    margin-top: 10rem !important;
  }

  .md\:mr-40{
    margin-right: 10rem !important;
  }

  .md\:ml-40{
    margin-left: 10rem !important;
  }

  .md\:mt-56{
    margin-top: 14rem !important;
  }

  .md\:mt-64{
    margin-top: 16rem !important;
  }

  .md\:-mt-5{
    margin-top: -1.25rem !important;
  }

  .md\:-mt-10{
    margin-top: -2.5rem !important;
  }

  .md\:-mt-20{
    margin-top: -5rem !important;
  }

  .md\:-mt-32{
    margin-top: -8rem !important;
  }

  .md\:-mt-40{
    margin-top: -10rem !important;
  }

  .md\:-mt-56{
    margin-top: -14rem !important;
  }

  .md\:-mt-64{
    margin-top: -16rem !important;
  }

  .md\:max-h-128{
    max-height: 32rem !important;
  }

  .md\:max-w-lg{
    max-width: 32rem !important;
  }

  .md\:p-10{
    padding: 2.5rem !important;
  }

  .md\:p-12{
    padding: 3rem !important;
  }

  .md\:p-16{
    padding: 4rem !important;
  }

  .md\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .md\:px-12{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .md\:py-20{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .md\:px-20px{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .md\:pt-0{
    padding-top: 0 !important;
  }

  .md\:pb-0{
    padding-bottom: 0 !important;
  }

  .md\:pr-3{
    padding-right: 0.75rem !important;
  }

  .md\:pl-3{
    padding-left: 0.75rem !important;
  }

  .md\:pt-5{
    padding-top: 1.25rem !important;
  }

  .md\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .md\:pl-8{
    padding-left: 2rem !important;
  }

  .md\:pt-10{
    padding-top: 2.5rem !important;
  }

  .md\:pb-10{
    padding-bottom: 2.5rem !important;
  }

  .md\:pt-20{
    padding-top: 5rem !important;
  }

  .md\:pr-20{
    padding-right: 5rem !important;
  }

  .md\:pb-20{
    padding-bottom: 5rem !important;
  }

  .md\:pl-20{
    padding-left: 5rem !important;
  }

  .md\:pt-32{
    padding-top: 8rem !important;
  }

  .md\:pb-32{
    padding-bottom: 8rem !important;
  }

  .md\:pt-40{
    padding-top: 10rem !important;
  }

  .md\:pb-40{
    padding-bottom: 10rem !important;
  }

  .md\:pt-48{
    padding-top: 12rem !important;
  }

  .md\:pb-48{
    padding-bottom: 12rem !important;
  }

  .md\:pt-56{
    padding-top: 14rem !important;
  }

  .md\:pb-56{
    padding-bottom: 14rem !important;
  }

  .md\:pr-60{
    padding-right: 15rem !important;
  }

  .md\:pl-60{
    padding-left: 15rem !important;
  }

  .md\:pt-64{
    padding-top: 16rem !important;
  }

  .md\:pb-64{
    padding-bottom: 16rem !important;
  }

  .md\:pb-1000px{
    padding-bottom: 1000px !important;
  }

  .md\:absolute{
    position: absolute !important;
  }

  .md\:right-0{
    right: 0 !important;
  }

  .md\:bottom-0{
    bottom: 0 !important;
  }

  .md\:right-2{
    right: 0.5rem !important;
  }

  .md\:bottom-10{
    bottom: 2.5rem !important;
  }

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

  .md\:text-left{
    text-align: left !important;
  }

  .md\:w-64{
    width: 16rem !important;
  }

  .md\:w-auto{
    width: auto !important;
  }

  .md\:w-1\/2{
    width: 50% !important;
  }

  .md\:w-1\/3{
    width: 33.333333% !important;
  }

  .md\:w-1\/4{
    width: 25% !important;
  }

  .md\:w-3\/4{
    width: 75% !important;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px){
  .lg\:container{
    width: 100%;
  }
}

@media (min-width: 1024px) and (min-width: 640px){
    .lg\:container{
      max-width: 640px;
    }
  }

@media (min-width: 1024px) and (min-width: 768px){
    .lg\:container{
      max-width: 768px;
    }
  }

@media (min-width: 1024px) and (min-width: 1024px){
    .lg\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 1024px) and (min-width: 1280px){
    .lg\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 1024px){

  .lg\:flex-row-reverse{
    flex-direction: row-reverse !important;
  }

  .lg\:flex-1{
    flex: 1 1 0% !important;
  }

  .lg\:flex-2{
    flex: 2 2 0% !important;
  }

  .lg\:h-0{
    height: 0 !important;
  }

  .lg\:h-1{
    height: 0.25rem !important;
  }

  .lg\:h-2{
    height: 0.5rem !important;
  }

  .lg\:h-3{
    height: 0.75rem !important;
  }

  .lg\:h-4{
    height: 1rem !important;
  }

  .lg\:h-5{
    height: 1.25rem !important;
  }

  .lg\:h-6{
    height: 1.5rem !important;
  }

  .lg\:h-8{
    height: 2rem !important;
  }

  .lg\:h-10{
    height: 2.5rem !important;
  }

  .lg\:h-12{
    height: 3rem !important;
  }

  .lg\:h-16{
    height: 4rem !important;
  }

  .lg\:h-20{
    height: 5rem !important;
  }

  .lg\:h-24{
    height: 6rem !important;
  }

  .lg\:h-32{
    height: 8rem !important;
  }

  .lg\:h-40{
    height: 10rem !important;
  }

  .lg\:h-48{
    height: 12rem !important;
  }

  .lg\:h-56{
    height: 14rem !important;
  }

  .lg\:h-64{
    height: 16rem !important;
  }

  .lg\:h-128{
    height: 32rem !important;
  }

  .lg\:h-194{
    height: 48rem !important;
  }

  .lg\:h-232{
    height: 56rem !important;
  }

  .lg\:h-auto{
    height: auto !important;
  }

  .lg\:h-px{
    height: 1px !important;
  }

  .lg\:h-full{
    height: 100% !important;
  }

  .lg\:h-screen{
    height: 100vh !important;
  }

  .lg\:text-4xl{
    font-size: 2rem !important;
    line-height: 2.5rem !important;
  }

  .lg\:my-32{
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .lg\:mx-40{
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .lg\:mb-0{
    margin-bottom: 0 !important;
  }

  .lg\:max-w-2xl{
    max-width: 42rem !important;
  }

  .lg\:p-20{
    padding: 5rem !important;
  }

  .lg\:px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .lg\:py-24{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .lg\:px-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .lg\:px-20px{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .lg\:px-30px{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .lg\:px-40px{
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .lg\:px-50px{
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .lg\:px-60px{
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .lg\:px-70px{
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .lg\:px-80px{
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .lg\:py-100px{
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .lg\:pt-0{
    padding-top: 0 !important;
  }

  .lg\:pb-0{
    padding-bottom: 0 !important;
  }

  .lg\:pt-5{
    padding-top: 1.25rem !important;
  }

  .lg\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .lg\:pt-10{
    padding-top: 2.5rem !important;
  }

  .lg\:pb-10{
    padding-bottom: 2.5rem !important;
  }

  .lg\:pt-16{
    padding-top: 4rem !important;
  }

  .lg\:pt-20{
    padding-top: 5rem !important;
  }

  .lg\:pb-20{
    padding-bottom: 5rem !important;
  }

  .lg\:pt-24{
    padding-top: 6rem !important;
  }

  .lg\:pb-24{
    padding-bottom: 6rem !important;
  }

  .lg\:pt-32{
    padding-top: 8rem !important;
  }

  .lg\:pb-32{
    padding-bottom: 8rem !important;
  }

  .lg\:pt-40{
    padding-top: 10rem !important;
  }

  .lg\:pb-40{
    padding-bottom: 10rem !important;
  }

  .lg\:pt-48{
    padding-top: 12rem !important;
  }

  .lg\:pb-48{
    padding-bottom: 12rem !important;
  }

  .lg\:pt-56{
    padding-top: 14rem !important;
  }

  .lg\:pb-56{
    padding-bottom: 14rem !important;
  }

  .lg\:pt-64{
    padding-top: 16rem !important;
  }

  .lg\:pb-64{
    padding-bottom: 16rem !important;
  }

  .lg\:pr-20px{
    padding-right: 20px !important;
  }

  .lg\:pl-20px{
    padding-left: 20px !important;
  }

  .lg\:pb-1000px{
    padding-bottom: 1000px !important;
  }

  .lg\:text-left{
    text-align: left !important;
  }

  .lg\:w-1\/2{
    width: 50% !important;
  }

  .lg\:w-1\/3{
    width: 33.333333% !important;
  }

  .lg\:w-2\/3{
    width: 66.666667% !important;
  }

  .lg\:w-1\/4{
    width: 25% !important;
  }

  .lg\:w-3\/5{
    width: 60% !important;
  }

  .lg\:w-5\/12{
    width: 41.666667% !important;
  }

  .lg\:w-9\/12{
    width: 75% !important;
  }

  .lg\:w-10\/12{
    width: 83.333333% !important;
  }

  .lg\:w-full{
    width: 100% !important;
  }

  .lg\:gap-0{
    grid-gap: 0 !important;
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .lg\:gap-2{
    grid-gap: 0.5rem !important;
    grid-gap: 0.5rem !important;
    gap: 0.5rem !important;
  }

  .lg\:gap-4{
    grid-gap: 1rem !important;
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }

  .lg\:gap-6{
    grid-gap: 1.5rem !important;
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important;
  }

  .lg\:gap-8{
    grid-gap: 2rem !important;
    grid-gap: 2rem !important;
    gap: 2rem !important;
  }

  .lg\:gap-10{
    grid-gap: 2.5rem !important;
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important;
  }

  .lg\:gap-12{
    grid-gap: 3rem !important;
    grid-gap: 3rem !important;
    gap: 3rem !important;
  }

  .lg\:gap-16{
    grid-gap: 4rem !important;
    grid-gap: 4rem !important;
    gap: 4rem !important;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px){
  .xl\:container{
    width: 100%;
  }
}

@media (min-width: 1280px) and (min-width: 640px){
    .xl\:container{
      max-width: 640px;
    }
  }

@media (min-width: 1280px) and (min-width: 768px){
    .xl\:container{
      max-width: 768px;
    }
  }

@media (min-width: 1280px) and (min-width: 1024px){
    .xl\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 1280px) and (min-width: 1280px){
    .xl\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 1280px){

  .xl\:h-232{
    height: 56rem !important;
  }

  .xl\:w-1\/4{
    width: 25% !important;
  }
}