/*! tailwindcss v2.2.7 | MIT License | https://tailwindcss.com */



/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */



/*

Document

========

*/



/**

Use a better box model (opinionated).

*/



*,

::before,

::after {

  box-sizing: border-box;

}



/**

Use a more readable tab size (opinionated).

*/



html {

  -moz-tab-size: 4;

  -o-tab-size: 4;

     tab-size: 4;

}



/**

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;

}



/**

Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)

*/



body {

  font-family:

		system-ui,

		-apple-system, /* Firefox supports this but not yet `system-ui` */

		'Segoe UI',

		Roboto,

		Helvetica,

		Arial,

		sans-serif,

		'Apple Color Emoji',

		'Segoe UI Emoji';

}



/*

Grouping content

================

*/



/**

1. Add the correct height in Firefox.

2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)

*/



hr {

  height: 0;

  /* 1 */

  color: inherit;

  /* 2 */

}



/*

Text-level semantics

====================

*/



/**

Add the correct text decoration in Chrome, Edge, and Safari.

*/



abbr[title] {

  -webkit-text-decoration: underline dotted;

          text-decoration: underline dotted;

}



/**

Add the correct font weight in Edge and Safari.

*/



b,

strong {

  font-weight: bolder;

}



/**

1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)

2. Correct the odd 'em' font sizing in all browsers.

*/



code,

kbd,

samp,

pre {

  font-family:

		ui-monospace,

		SFMono-Regular,

		Consolas,

		'Liberation Mono',

		Menlo,

		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;

}



/*

Tabular data

============

*/



/**

1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)

2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)

*/



table {

  text-indent: 0;

  /* 1 */

  border-color: inherit;

  /* 2 */

}



/*

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

}



/**

Remove the inheritance of text transform in Edge and Firefox.

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.

*/



::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



/**

Restore the focus styles unset by the previous rule.

*/



:-moz-focusring {

  outline: 1px dotted ButtonText;

}



/**

Remove the additional ':invalid' styles in Firefox.

See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737

*/



:-moz-ui-invalid {

  box-shadow: none;

}



/**

Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.

*/



legend {

  padding: 0;

}



/**

Add the correct vertical alignment in Chrome and Firefox.

*/



progress {

  vertical-align: baseline;

}



/**

Correct the cursor style of increment and decrement buttons in Safari.

*/



::-webkit-inner-spin-button,

::-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.

*/



::-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 Chrome and Safari.

*/



summary {

  display: list-item;

}



/**

 * 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;

}



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: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "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 */

}



/**

 * Inherit font-family and line-height from `html` so users can set them as

 * a class directly on the `html` element.

 */



body {

  font-family: inherit;

  line-height: inherit;

}



/**

 * 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: currentColor;

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

  opacity: 1;

  color: #9CA3AF;

}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {

  opacity: 1;

  color: #9CA3AF;

}



input::placeholder,

textarea::placeholder {

  opacity: 1;

  color: #9CA3AF;

}



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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}



/**

 * 1. 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

 * 

 * 2. Add `vertical-align: middle` to align replaced elements more

 *    sensibly by default when overriding `display` by adding a

 *    utility like `inline`.

 *

 *    This can trigger a poorly considered linting error in some

 *    tools but is included by design.

 * 

 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210

 */



img,

svg,

video,

canvas,

audio,

iframe,

embed,

object {

  display: block;

  /* 1 */

  vertical-align: middle;

  /* 2 */

}



/**

 * Constrain images and videos to the parent width and preserve

 * their intrinsic aspect ratio.

 *

 * https://github.com/mozdevs/cssremedy/issues/14

 */



img,

video {

  max-width: 100%;

  height: auto;

}



/**

 * Ensure the default browser behavior of the `hidden` attribute.

 */



[hidden] {

  display: none;

}



*, ::before, ::after {

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  --tw-border-opacity: 1;

  border-color: rgba(229, 231, 235, var(--tw-border-opacity));

  --tw-ring-offset-shadow: 0 0 #0000;

  --tw-ring-shadow: 0 0 #0000;

  --tw-shadow: 0 0 #0000;

}



[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  background-color: #fff;

  border-color: #6B7280;

  border-width: 1px;

  border-radius: 0px;

  padding-top: 0.5rem;

  padding-right: 0.75rem;

  padding-bottom: 0.5rem;

  padding-left: 0.75rem;

  font-size: 1rem;

  line-height: 1.5rem;

  --tw-shadow: 0 0 #0000;

}



[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

  --tw-ring-offset-width: 0px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: #1C64F2;

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

  border-color: #1C64F2;

}



input::-moz-placeholder, textarea::-moz-placeholder {

  color: #6B7280;

  opacity: 1;

}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {

  color: #6B7280;

  opacity: 1;

}



input::placeholder,textarea::placeholder {

  color: #6B7280;

  opacity: 1;

}



::-webkit-datetime-edit-fields-wrapper {

  padding: 0;

}



::-webkit-date-and-time-value {

  min-height: 1.5em;

}



select {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

  background-position: right 0.5rem center;

  background-repeat: no-repeat;

  background-size: 1.5em 1.5em;

  padding-right: 2.5rem;

  print-color-adjust: exact;

}



[multiple] {

  background-image: initial;

  background-position: initial;

  background-repeat: unset;

  background-size: initial;

  padding-right: 0.75rem;

  print-color-adjust: unset;

}



[type='checkbox'],[type='radio'] {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  padding: 0;

  print-color-adjust: exact;

  display: inline-block;

  vertical-align: middle;

  background-origin: border-box;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  flex-shrink: 0;

  height: 1rem;

  width: 1rem;

  color: #1C64F2;

  background-color: #fff;

  border-color: #6B7280;

  border-width: 1px;

  --tw-shadow: 0 0 #0000;

}



[type='checkbox'] {

  border-radius: 0px;

}



[type='radio'] {

  border-radius: 100%;

}



[type='checkbox']:focus,[type='radio']:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

  --tw-ring-offset-width: 2px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: #1C64F2;

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

}



[type='checkbox']:checked {

  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");

}



[type='radio']:checked {

  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");

}



[type='checkbox']:indeterminate {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");

  border-color: transparent;

  background-color: currentColor;

  background-size: 100% 100%;

  background-position: center;

  background-repeat: no-repeat;

}



[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {

  border-color: transparent;

  background-color: currentColor;

}



[type='file'] {

  background: unset;

  border-color: inherit;

  border-width: 0;

  border-radius: 0;

  padding: 0;

  font-size: unset;

  line-height: inherit;

}



[type='file']:focus {

  outline: 1px auto inherit;

}



input[type=file]::file-selector-button:hover {

  background: #374151;

}



input[type="range"]::-webkit-slider-thumb {

  height: 1.25rem;

  width: 1.25rem;

  background: #1C64F2;

  border-radius: 9999px;

  border: 0;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  cursor: pointer;

}



input[type="range"]:disabled::-webkit-slider-thumb {

  background: #9CA3AF;

}



input[type="range"]:focus::-webkit-slider-thumb {

  outline: 2px solid transparent;

  outline-offset: 2px;

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);

  --tw-ring-opacity: 1px;

  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));

}



input[type="range"]::-moz-range-thumb {

  height: 1.25rem;

  width: 1.25rem;

  background: #1C64F2;

  border-radius: 9999px;

  border: 0;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  cursor: pointer;

}



input[type="range"]:disabled::-moz-range-thumb {

  background: #9CA3AF;

}



input[type="range"]::-moz-range-progress {

  background: #3F83F8;

}



input[type="range"]::-ms-fill-lower {

  background: #3F83F8;

}



[data-popper-arrow],[data-popper-arrow]:before {

  position: absolute;

  width: 8px;

  height: 8px;

  background: inherit;

}



[data-popper-arrow] {

  visibility: hidden;

}



[data-popper-arrow]:before {

  content: "";

  visibility: visible;

  transform: rotate(45deg);

}



[data-popper-arrow]:after {

  content: "";

  visibility: visible;

  transform: rotate(45deg);

  position: absolute;

  width: 9px;

  height: 9px;

  background: inherit;

}



[role="tooltip"] > [data-popper-arrow]:before {

  border-style: solid;

  border-color: #e4e4e7;

}



[role="tooltip"] > [data-popper-arrow]:after {

  border-style: solid;

  border-color: #e4e4e7;

}



[role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before {

  border-bottom-width: 1px;

  border-right-width: 1px;

}



[role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after {

  border-bottom-width: 1px;

  border-right-width: 1px;

}



[role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before {

  border-bottom-width: 1px;

  border-left-width: 1px;

}



[role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after {

  border-bottom-width: 1px;

  border-left-width: 1px;

}



[role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before {

  border-top-width: 1px;

  border-left-width: 1px;

}



[role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after {

  border-top-width: 1px;

  border-left-width: 1px;

}



[role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before {

  border-top-width: 1px;

  border-right-width: 1px;

}



[role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after {

  border-top-width: 1px;

  border-right-width: 1px;

}



[role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] {

  bottom: -5px;

}



[role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] {

  top: -5px;

}



[role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] {

  right: -5px;

}



[role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] {

  left: -5px;

}



.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;

  }

}



@media (min-width: 1536px) {

  .container {

    max-width: 1536px;

  }

}



.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: 1140px;

  }

}



.absolute {

  position: absolute;

}



.relative {

  position: relative;

}



.sticky {

  position: -webkit-sticky;

  position: sticky;

}



.right-0 {

  right: 0px;

}



.top-\[31px\] {

  top: 31px;

}



.top-\[10px\] {

  top: 10px;

}



.left-\[10px\] {

  left: 10px;

}



.left-0 {

  left: 0px;

}



.top-full {

  top: 100%;

}



.top-\[9px\] {

  top: 9px;

}



.right-\[17px\] {

  right: 17px;

}



.bottom-0 {

  bottom: 0px;

}



.right-\[15px\] {

  right: 15px;

}



.top-0 {

  top: 0px;

}



.top-\[20px\] {

  top: 20px;

}



.top-\[30px\] {

  top: 30px;

}



.top-\[35px\] {

  top: 35px;

}



.right-\[10px\] {

  right: 10px;

}



.z-10 {

  z-index: 10;

}



.z-30 {

  z-index: 30;

}



.order-2 {

  order: 2;

}



.order-1 {

  order: 1;

}



.float-right {

  float: right;

}



.mx-auto {

  margin-left: auto;

  margin-right: auto;

}



.mx-\[-10px\] {

  margin-left: -10px;

  margin-right: -10px;

}



.mx-\[2px\] {

  margin-left: 2px;

  margin-right: 2px;

}



.mx-\[-5px\] {

  margin-left: -5px;

  margin-right: -5px;

}



.mx-\[5px\] {

  margin-left: 5px;

  margin-right: 5px;

}



.mx-\[-15px\] {

  margin-left: -15px;

  margin-right: -15px;

}



.mx-\[-20px\] {

  margin-left: -20px;

  margin-right: -20px;

}



.-mx-3 {

  margin-left: -0.75rem;

  margin-right: -0.75rem;

}



.mr-\[5px\] {

  margin-right: 5px;

}



.mt-\[11px\] {

  margin-top: 11px;

}



.ml-\[5px\] {

  margin-left: 5px;

}



.mt-\[10px\] {

  margin-top: 10px;

}



.mt-\[30px\] {

  margin-top: 30px;

}



.mb-\[8px\] {

  margin-bottom: 8px;

}



.mb-\[15px\] {

  margin-bottom: 15px;

}



.mr-\[15px\] {

  margin-right: 15px;

}



.ml-\[10px\] {

  margin-left: 10px;

}



.mb-\[10px\] {

  margin-bottom: 10px;

}



.mt-\[20px\] {

  margin-top: 20px;

}



.ml-\[3px\] {

  margin-left: 3px;

}



.mr-\[10px\] {

  margin-right: 10px;

}



.mt-\[6px\] {

  margin-top: 6px;

}



.mt-\[15px\] {

  margin-top: 15px;

}



.mb-\[20px\] {

  margin-bottom: 20px;

}



.mt-\[5px\] {

  margin-top: 5px;

}



.mb-\[5px\] {

  margin-bottom: 5px;

}



.mb-3 {

  margin-bottom: 0.75rem;

}



.mt-5 {

  margin-top: 1.25rem;

}



.mt-2 {

  margin-top: 0.5rem;

}



.mt-0 {

  margin-top: 0px;

}



.block {

  display: block;

}



.inline-block {

  display: inline-block;

}



.flex {

  display: flex;

}



.hidden {

  display: none;

}



.h-\[40px\] {

  height: 40px;

}



.h-\[30px\] {

  height: 30px;

}



.h-\[150px\] {

  height: 150px;

}



.h-\[50px\] {

  height: 50px;

}



.h-\[100px\] {

  height: 100px;

}



.h-\[35px\] {

  height: 35px;

}



.w-full {

  width: 100%;

}



.w-\[300px\] {

  width: 300px;

}



.w-3\/12 {

  width: 25%;

}



.w-9\/12 {

  width: 75%;

}



.w-2\/3 {

  width: 66.666667%;

}



.w-1\/3 {

  width: 33.333333%;

}



.w-\[40px\] {

  width: 40px;

}



.w-\[30px\] {

  width: 30px;

}



.w-1\/6 {

  width: 16.666667%;

}



.w-5\/6 {

  width: 83.333333%;

}



.w-1\/2 {

  width: 50%;

}



.w-1\/4 {

  width: 25%;

}



.w-\[120px\] {

  width: 120px;

}



.w-\[70px\] {

  width: 70px;

}



.w-2\/5 {

  width: 40%;

}



.w-3\/5 {

  width: 60%;

}



.w-24 {

  width: 6rem;

}



.w-\[35px\] {

  width: 35px;

}



.cursor-pointer {

  cursor: pointer;

}



.flex-wrap {

  flex-wrap: wrap;

}



.items-center {

  align-items: center;

}



.justify-start {

  justify-content: flex-start;

}



.justify-end {

  justify-content: flex-end;

}



.justify-center {

  justify-content: center;

}



.justify-between {

  justify-content: space-between;

}



.rounded-\[5px\] {

  border-radius: 5px;

}



.rounded-\[8px\] {

  border-radius: 8px;

}



.rounded-full {

  border-radius: 9999px;

}



.rounded-\[25px\] {

  border-radius: 25px;

}



.rounded-\[15px\] {

  border-radius: 15px;

}



.rounded-\[10px\] {

  border-radius: 10px;

}



.rounded-sm {

  border-radius: 0.125rem;

}



.border {

  border-width: 1px;

}



.border-\[2px\] {

  border-width: 2px;

}



.border-r {

  border-right-width: 1px;

}



.border-t {

  border-top-width: 1px;

}



.border-b {

  border-bottom-width: 1px;

}



.border-dashed {

  border-style: dashed;

}



.border-green-500 {

  --tw-border-opacity: 1;

  border-color: rgba(14, 159, 110, var(--tw-border-opacity));

}



.border-gray-400 {

  --tw-border-opacity: 1;

  border-color: rgba(156, 163, 175, var(--tw-border-opacity));

}



.border-gray-500 {

  --tw-border-opacity: 1;

  border-color: rgba(107, 114, 128, var(--tw-border-opacity));

}



.border-color_primary {

  --tw-border-opacity: 1;

  border-color: rgb(254, 151, 67);

}



.border-gray-300 {

  --tw-border-opacity: 1;

  border-color: rgba(209, 213, 219, var(--tw-border-opacity));

}



.border-\[\#9e171a\] {

  --tw-border-opacity: 1;

  border-color: rgba(158, 23, 26, var(--tw-border-opacity));

}



.border-gray-200 {

  --tw-border-opacity: 1;

  border-color: rgba(229, 231, 235, var(--tw-border-opacity));

}



.border-gray-50 {

  --tw-border-opacity: 1;

  border-color: rgba(249, 250, 251, var(--tw-border-opacity));

}



.border-\[\#890a0d\] {

  --tw-border-opacity: 1;

  border-color: rgba(137, 10, 13, var(--tw-border-opacity));

}



.border-\[\#a10b0e\] {

  --tw-border-opacity: 1;

  border-color: rgb(232, 126, 39);

}



.border-gray-100 {

  --tw-border-opacity: 1;

  border-color: rgba(243, 244, 246, var(--tw-border-opacity));

}



.bg-color_primary {

  --tw-bg-opacity: 1;

  background-color: rgb(254, 151, 67);

}



.bg-white {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}



.bg-gray-100 {

  --tw-bg-opacity: 1;

  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

}



.bg-gray-700 {

  --tw-bg-opacity: 1;

  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));

}



.object-cover {

  -o-object-fit: cover;

     object-fit: cover;

}



.p-\[15px\] {

  padding: 15px;

}



.p-\[10px\] {

  padding: 10px;

}



.p-\[30px\] {

  padding: 30px;

}



.p-\[7px\] {

  padding: 7px;

}



.py-\[10px\] {

  padding-top: 10px;

  padding-bottom: 10px;

}



.px-3 {

  padding-left: 0.75rem;

  padding-right: 0.75rem;

}



.px-\[10px\] {

  padding-left: 10px;

  padding-right: 10px;

}



.px-\[20px\] {

  padding-left: 20px;

  padding-right: 20px;

}



.px-\[5px\] {

  padding-left: 5px;

  padding-right: 5px;

}



.py-\[15px\] {

  padding-top: 15px;

  padding-bottom: 15px;

}



.px-\[15px\] {

  padding-left: 15px;

  padding-right: 15px;

}



.px-2 {

  padding-left: 0.5rem;

  padding-right: 0.5rem;

}



.py-\[5px\] {

  padding-top: 5px;

  padding-bottom: 5px;

}



.py-\[30px\] {

  padding-top: 30px;

  padding-bottom: 30px;

}



.px-10px {

  padding-left: 10px;

  padding-right: 10px;

}



.py-\[2px\] {

  padding-top: 2px;

  padding-bottom: 2px;

}



.py-\[20px\] {

  padding-top: 20px;

  padding-bottom: 20px;

}



.px-\[25px\] {

  padding-left: 25px;

  padding-right: 25px;

}



.py-\[40px\] {

  padding-top: 40px;

  padding-bottom: 40px;

}



.py-\[50px\] {

  padding-top: 50px;

  padding-bottom: 50px;

}



.pl-\[30px\] {

  padding-left: 30px;

}



.pt-\[15px\] {

  padding-top: 15px;

}



.pt-\[30px\] {

  padding-top: 30px;

}



.pl-4 {

  padding-left: 1rem;

}



.pr-4 {

  padding-right: 1rem;

}



.pb-3 {

  padding-bottom: 0.75rem;

}



.pl-2 {

  padding-left: 0.5rem;

}



.pr-2 {

  padding-right: 0.5rem;

}



.pb-\[20px\] {

  padding-bottom: 20px;

}



.pl-\[10px\] {

  padding-left: 10px;

}



.pb-\[30px\] {

  padding-bottom: 30px;

}



.pb-\[35px\] {

  padding-bottom: 35px;

}



.pt-\[20px\] {

  padding-top: 20px;

}



.pb-\[10px\] {

  padding-bottom: 10px;

}



.pt-\[40px\] {

  padding-top: 40px;

}



.pb-\[40px\] {

  padding-bottom: 40px;

}



.pt-\[10px\] {

  padding-top: 10px;

}



.pb-\[15px\] {

  padding-bottom: 15px;

}



.pr-\[10px\] {

  padding-right: 10px;

}



.pr-\[5px\] {

  padding-right: 5px;

}



.pt-5 {

  padding-top: 1.25rem;

}



.text-center {

  text-align: center;

}



.text-right {

  text-align: right;

}



.text-f14 {

  font-size: 14px;

}



.text-f15 {

  font-size: 15px;

  line-height: 20px;

}



.text-f11 {

  font-size: 11px;

}



.text-f18 {

  font-size: 18px;

  line-height: 20px;

}



.text-f16 {

  font-size: 16px;

}



.text-f13 {

  font-size: 13px;

}



.text-f35 {

  font-size: 35px;

}



.text-f55 {

  font-size: 55px;

}



.text-f25 {

  font-size: 25px;

  line-height: 28px;

}



.text-f30 {

  font-size: 30px;

  line-height: 32px;

}



.text-f20 {

  font-size: 20px;

  line-height: 24px;

}



.text-f12 {

  font-size: 12px;

  line-height: 14px;

}



.text-f22 {

  font-size: 22px;

}



.font-bold {

  font-weight: 700;

}



.uppercase {

  text-transform: uppercase;

}



.italic {

  font-style: italic;

}



.leading-\[26px\] {

  line-height: 26px;

}



.leading-\[40px\] {

  line-height: 40px;

}



.leading-\[30px\] {

  line-height: 30px;

}



.leading-\[48px\] {

  line-height: 48px;

}



.leading-\[35px\] {

  line-height: 35px;

}



.text-white {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}



.text-black {

  --tw-text-opacity: 1;

  color: rgba(0, 0, 0, var(--tw-text-opacity));

}



.text-gray-400 {

  --tw-text-opacity: 1;

  color: rgba(156, 163, 175, var(--tw-text-opacity));

}



.text-color_primary {

  --tw-text-opacity: 1;

  color: rgb(254, 151, 67);

}



.text-yellow-400 {

  --tw-text-opacity: 1;

  color: rgba(227, 160, 8, var(--tw-text-opacity));

}



.text-gray-50 {

  --tw-text-opacity: 1;

  color: rgba(249, 250, 251, var(--tw-text-opacity));

}



.text-gray-600 {

  --tw-text-opacity: 1;

  color: rgba(75, 85, 99, var(--tw-text-opacity));

}



.text-gray-500 {

  --tw-text-opacity: 1;

  color: rgba(107, 114, 128, var(--tw-text-opacity));

}



.shadow {

  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



.shadow-sm {

  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



.shadow-md {

  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



.shadow-lg {

  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



.transition-all {

  transition-property: all;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.after\:absolute::after {

  content: "";

  position: absolute;

}



.after\:top-\[17px\]::after {

  content: "";

  top: 17px;

}



.after\:right-0::after {

  content: "";

  right: 0px;

}



.after\:bottom-0::after {

  content: "";

  bottom: 0px;

}



.after\:left-1\/2::after {

  content: "";

  left: 50%;

}



.after\:h-\[14px\]::after {

  content: "";

  height: 14px;

}



.after\:h-\[4px\]::after {

  content: "";

  height: 4px;

}



.after\:w-\[1px\]::after {

  content: "";

  width: 1px;

}



.after\:w-\[65px\]::after {

  content: "";

  width: 65px;

}



.after\:-translate-x-1\/2::after {

  content: "";

  --tw-translate-x: -50%;

  transform: var(--tw-transform);

}



.after\:bg-\[\#9e171a\]::after {

  content: "";

  --tw-bg-opacity: 1;

  background-color: rgba(158, 23, 26, var(--tw-bg-opacity));

}



.after\:bg-color_primary::after {

  content: "";

  --tw-bg-opacity: 1;

  background-color: rgb(254, 151, 67);

}



.hover\:bg-color_primary:hover {

  --tw-bg-opacity: 1;

  background-color: rgb(254, 151, 67);

}



.hover\:bg-white:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}



.hover\:text-white:hover {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}



.hover\:text-color_primary:hover {

  --tw-text-opacity: 1;

  color: rgb(254, 151, 67);

}



.hover\:opacity-80:hover {

  opacity: 0.8;

}



.group:hover .group-hover\:block {

  display: block;

}



@media (min-width: 768px) {

  .md\:order-1 {

    order: 1;

  }



  .md\:order-2 {

    order: 2;

  }



  .md\:mx-\[-10px\] {

    margin-left: -10px;

    margin-right: -10px;

  }



  .md\:mt-\[50px\] {

    margin-top: 50px;

  }



  .md\:mt-0 {

    margin-top: 0px;

  }



  .md\:mb-\[20px\] {

    margin-bottom: 20px;

  }



  .md\:mt-\[60px\] {

    margin-top: 60px;

  }



  .md\:mt-\[30px\] {

    margin-top: 30px;

  }



  .md\:mt-\[40px\] {

    margin-top: 40px;

  }



  .md\:mb-\[30px\] {

    margin-bottom: 30px;

  }



  .md\:mb-0 {

    margin-bottom: 0px;

  }



  .md\:mt-8 {

    margin-top: 2rem;

  }



  .md\:block {

    display: block;

  }



  .md\:hidden {

    display: none;

  }



  .md\:w-4\/12 {

    width: 33.333333%;

  }



  .md\:w-8\/12 {

    width: 66.666667%;

  }



  .md\:w-3\/4 {

    width: 75%;

  }



  .md\:w-1\/2 {

    width: 50%;

  }



  .md\:w-1\/4 {

    width: 25%;

  }



  .md\:w-6\/12 {

    width: 50%;

  }



  .md\:w-3\/12 {

    width: 25%;

  }



  .md\:w-9\/12 {

    width: 75%;

  }



  .md\:w-1\/3 {

    width: 33.333333%;

  }



  .md\:w-\[120px\] {

    width: 120px;

  }



  .md\:w-2\/3 {

    width: 66.666667%;

  }



  .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0px * var(--tw-space-x-reverse));

    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));

  }



  .md\:border-white {

    --tw-border-opacity: 1;

    border-color: rgba(255, 255, 255, var(--tw-border-opacity));

  }



  .md\:p-\[50px\] {

    padding: 50px;

  }



  .md\:p-\[15px\] {

    padding: 15px;

  }



  .md\:p-0 {

    padding: 0px;

  }



  .md\:p-\[25px\] {

    padding: 25px;

  }



  .md\:py-\[50px\] {

    padding-top: 50px;

    padding-bottom: 50px;

  }



  .md\:py-\[80px\] {

    padding-top: 80px;

    padding-bottom: 80px;

  }



  .md\:px-\[10px\] {

    padding-left: 10px;

    padding-right: 10px;

  }



  .md\:py-\[70px\] {

    padding-top: 70px;

    padding-bottom: 70px;

  }



  .md\:py-\[60px\] {

    padding-top: 60px;

    padding-bottom: 60px;

  }



  .md\:py-\[100px\] {

    padding-top: 100px;

    padding-bottom: 100px;

  }



  .md\:pt-\[70px\] {

    padding-top: 70px;

  }



  .md\:pb-\[25px\] {

    padding-bottom: 25px;

  }



  .md\:pt-\[60px\] {

    padding-top: 60px;

  }



  .md\:pt-\[80px\] {

    padding-top: 80px;

  }



  .md\:pb-\[50px\] {

    padding-bottom: 50px;

  }



  .md\:pb-\[30px\] {

    padding-bottom: 30px;

  }



  .md\:pb-\[35px\] {

    padding-bottom: 35px;

  }



  .md\:pt-\[20px\] {

    padding-top: 20px;

  }



  .md\:pb-0 {

    padding-bottom: 0px;

  }



  .md\:pt-\[40px\] {

    padding-top: 40px;

  }



  .md\:pt-\[50px\] {

    padding-top: 50px;

  }



  .md\:text-f32 {

    font-size: 32px;

  }



  .md\:text-f50 {

    font-size: 50px;

  }



  .md\:text-f30 {

    font-size: 30px;

    line-height: 32px;

  }



  .md\:text-f25 {

    font-size: 25px;

    line-height: 28px;

  }



  .md\:text-f23 {

    font-size: 23px;

  }



  .md\:text-f35 {

    font-size: 35px;

  }



  .md\:text-f55 {

    font-size: 55px;

  }



  .md\:text-f18 {

    font-size: 18px;

    line-height: 20px;

  }



  .md\:leading-\[40px\] {

    line-height: 40px;

  }



  .md\:leading-\[48px\] {

    line-height: 48px;

  }

}



@media (min-width: 1024px) {

  .lg\:mt-0 {

    margin-top: 0px;

  }



  .lg\:mb-0 {

    margin-bottom: 0px;

  }



  .lg\:flex-grow {

    flex-grow: 1;

  }



  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1rem * var(--tw-space-x-reverse));

    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));

  }



  .lg\:px-\[15px\] {

    padding-left: 15px;

    padding-right: 15px;

  }



  .lg\:px-\[25px\] {

    padding-left: 25px;

    padding-right: 25px;

  }

}