@charset "UTF-8";

:root {
  --color-primary: rgba(5, 5, 6, 1);
  --color-primary-inverse: #fff;
  --font-heading: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  --font-text: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  --spacer: 1rem;
  --transition-translate-factor: 0.5;
  --transition-rotate-factor: -4deg;
  --transition-scale-factor: 0.05;
  --transition-skew-factor: -4deg;
}

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

body {
  overflow-x: hidden;

  margin: 0;

  font-family: var(--font-text);
  line-height: 1.5;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

main {
  display: block;
  max-width: 100%;
}

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

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  overflow: hidden;
  max-width: 100%;
  border-style: none;
}

button,
input,
optgroup,
select,
.nesty-input,
.hc-multiselect-toggle,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button,
input {
  overflow: visible;
}

button,
select,
.nesty-input,
.hc-multiselect-toggle {
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  appearance: button;
}

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

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

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

legend {
  display: table;

  box-sizing: border-box;
  max-width: 100%;
  padding: 0;

  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

@-ms-viewport {
  width: device-width;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;

  font-size: 16px;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

  background-color: rgba(252, 252, 252, 1);

  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-size: 1em;
  font-weight: 400;
  color: #403b3b;
  /*   line-height: 2; */
}

html,
body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

[role='main'] {
  flex-grow: 1;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

[tabindex='-1']:focus {
  outline: none !important;
}

a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
.nesty-input,
.hc-multiselect-toggle,
summary,
textarea {
  touch-action: manipulation;
}

p {
  margin: 0;
  line-height: 1.5em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0.5rem 0 3rem;

  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  font-weight: bold;
  line-height: 1.35;
  color: rgba(8, 8, 8, 1);
}

h1,
.h1 {
  font-size: 2rem;
  font-weight: bold;
}

h2,
.h2 {
  font-size: 1.5rem;
  font-weight: 600;
}

h3,
.h3 {
  font-size: 1.2rem;
  font-weight: 400;
  font-weight: bold;
}

h4,
.h4 {
  font-size: 0.7rem;
  font-weight: 700;
}

h5,
.h5 {
  font-size: 1em;
  font-weight: 700;
}

.yds-btnsize {
  font-size: 1rem;
  word-wrap: break-word; /* 긴 단어가 있을 경우 줄 바꿈 */
  white-space: normal; /* 자동 줄 바꿈 허용 */
}

.contentcenter {
  justify-content: center;
}

h6,
.h6 {
  font-size: 0.875rem;
  font-weight: 700;
}

b,
strong {
  font-weight: 700;
}

em {
  padding: 0 0.25rem;
  background-color: #faf089;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

dfn {
  font-style: italic;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

small,
.small {
  font-size: 0.875rem;
}

mark {
  padding: 0.2rem;
  color: #403b3b;
  background-color: #fefcbf;
}

blockquote {
  margin: 0 0 1rem;
  padding: 1.5em;
  border-color: #e2e8f0;
  border-style: solid;
  border-width: 0 0 0 4px;
}

summary {
  cursor: pointer;
  text-decoration: none;
}

pre,
code,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-size: 0.875em;
}

code {
  padding: 0.25em;
  border-radius: 8px;
  background-color: #EDF2F7;
}

pre {
  overflow: auto;

  margin: 0 0 1rem;
  padding: 1em;

  background-color: #F7FAFC;

  -ms-overflow-style: scrollbar;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

kbd {
  user-select: none;

  display: inline-block;

  padding: 0 0.25em;
  border: 1px solid #e2e8f0;
  border-radius: 8px;

  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-size: 0.875rem;
  color: #403b3b;
  text-align: center;

  background-color: #fff;
  box-shadow: 0 1px 0 #e2e8f0;
}

img {
  border-style: none;
  vertical-align: middle;
}

figure {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 1rem;
}

figcaption {
  font-size: 90%;
  color: rgba(199, 203, 199, 1);
}

aa:hover {
  color: #66ff00;
}

a {
  /*   color: rgb(89 189 181); */
  color: #000;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  /*   color: #000; */
  color: rgb(89 189 181);
  text-decoration: underline;
}

a:active {
  color: #000;
}

a.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #cbd5e0;
}

fieldset:disabled a {
  pointer-events: none;
}

a[href^='#fn:'],
a[href^='#fnref:'] {
  margin: 0 2px;
}

ol,
ul,
dl {
  margin: 0 0 1rem;
}

ol,
ul {
  padding: 0 0 0 1.5rem;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 1rem;
  margin-left: 0;
}

input,
select,
.nesty-input,
.hc-multiselect-toggle,
textarea {
  line-height: inherit;
}

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

input[type='search'] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand,
.nesty-input::-ms-expand,
.hc-multiselect-toggle::-ms-expand {
  display: none;
}

textarea {
  resize: vertical;
  overflow: auto;
}

[type='date'],
[type='time'],
[type='datetime-local'],
[type='month'] {
  -webkit-appearance: listbox;
  -moz-appearance: listbox;
  appearance: listbox;
}

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

button,
input {
  overflow: visible;
}

button,
select,
.nesty-input,
.hc-multiselect-toggle {
  text-transform: none;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: block;

  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5rem;
  padding: 0;

  line-height: inherit;
  color: inherit;
  white-space: normal;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
}

thead {
  vertical-align: bottom;
}

th {
  text-align: inherit;
}

caption {
  caption-side: bottom;
  text-align: left;
}

.avatar {
  position: relative;

  display: inline-block;

  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  margin: 0 0.75rem 1rem 0;
}

.avatar-img {
  max-width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 50%;
}

.avatar-sm {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
}

.avatar-lg {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
}

.avatar-group {
  padding-left: 0;
  list-style: none;
}

.avatar-group .avatar:not(:last-child) {
  margin-right: -1rem;
}

.badge,
.recent-activity-item-parent {
  padding: 0.25em 0.375em;
  border-radius: 8px;

  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1;
  color: #1a202c;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;

  background-color: #edf2f7;

  transition: 0.15s ease-in-out;
}

a.badge:focus,
a.recent-activity-item-parent:focus,
a.badge:hover,
a.recent-activity-item-parent:hover {
  color: #1a202c;
  background-color: #00c4c4;
}

a.badge:focus,
a.recent-activity-item-parent:focus,
a.badge.is-focused,
a.is-focused.recent-activity-item-parent {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.25);
}

a.badge:focus,
a.recent-activity-item-parent:focus,
a.badge:hover,
a.recent-activity-item-parent:hover {
  text-decoration: none;
}

.badge:empty,
.recent-activity-item-parent:empty {
  display: none;
}

.badge,
.recent-activity-item-parent {
  position: relative;
  top: -1px;
}

.reset-p {
  padding: 0;
}

.reset-m {
  margin: 0;
}

.all-btn {
  cursor: pointer;

  align-content: center;

  width: 147px;
  height: 48px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;

  text-decoration: none;

  background-color: #00c4c4;
}

.button {
  cursor: pointer;
  user-select: none;

  display: inline-block;

  padding: 0px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;

  font-weight: 600;
  line-height: 1.5;
  color: #403b3b;
  text-align: center;
  vertical-align: middle;

  background-color: transparent;

  transition: 0.15s ease-in-out;
}

.button:hover {
  text-decoration: none;
}

.button:disabled,
.button.is-disabled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}

a.button.is-disabled,
fieldset:disabled a.button {
  pointer-events: none;
}

.button-link {
  border-color: transparent;
  color: rgba(0, 1, 1, 1);
  text-decoration: none;
}

.button-link:hover {
  color: #000;
  text-decoration: underline;
}

.button-link:focus {
  box-shadow: none;
}

.button-link:disabled,
.button-link.is-disabled {
  pointer-events: none;
  color: #cbd5e0;
}

.button-sm {
  padding: 0.375em 1.25em;
  font-size: 0.875rem;
}

.button-lg {
  padding: 0.5em 1.5em;
  font-size: 1.125rem;
}

.not-a-button {
  user-select: none;

  overflow: visible;

  padding: 0;
  border: 0;

  font: inherit;
  color: inherit;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  box-shadow: none;
}

.button-primary {
  border-color: rgba(5, 5, 6, 1);
  color: #fff;
  background-color: rgba(5, 5, 6, 1);
  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.button-yds1 {
  display: flex;
  flex: none;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  order: 1;

  width: 110px;
  height: 45px;
  border-color: #00c4c4;


  font-size: 0.95rem;
  font-style: Medium;
  color: #00c4c4;
  text-align: center;

  background-color: #ffffff;
  box-shadow: inset 0px -1px 0px #f0f2f5;
}

.button-yds1:hover {
  color: #00c4c4;
}

.toggleMessenger {
  display: flex;
  flex: none;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  order: 1;

  width: 110px;
  height: 45px;
  border-color: #00c4c4;


  font-size: 0.95rem;
  font-style: Medium;
  color: #00c4c4;
  text-align: center;

  background-color: #ffffff;
  box-shadow: inset 0px -1px 0px #f0f2f5;
}

.button-yds2 {
  display: flex;
  flex: none;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  order: 1;

  width: 100px;
  height: 45px;
  border-color: #00c4c4;


  font-size: 0.95rem;
  font-style: Medium;
  color: #00c4c4;
  text-align: center;

  background-color: #ffffff;
  box-shadow: inset 0px -1px 0px #f0f2f5;
}

.button-yds2:hover {
  color: #00c4c4;
}

.button-yds3 {
  display: flex;
  flex: none;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  order: 1;

  width: 140px;
  height: 45px;
  border-color: #00c4c4;


  font-size: 1rem;
  color: #00c4c4;
  text-align: center;

  box-shadow: inset 0px -1px 0px #f0f2f5;
}

.button-yds3:hover {
  color: #00c4c4;
}

.button-yds4 {
  display: flex;
  flex: none;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  order: 1;

  width: 140px;
  height: 45px;
  border-color: #00c4c4;


  font-size: 1rem;
  color: #00c4c4;
  text-align: center;

  box-shadow: inset 0px -1px 0px #f0f2f5;
}

.button-yds4:hover {
  color: #000000;
  background: var(--mint-m-100, #e7f9f9);
  box-shadow:
    0 0 5px #03e9f4,
    0 0 25px #03e9f4,
    0 0 50px #03e9f4,
    0 0 200px #03e9f4;

  -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}

.button-primary:hover {
  border-color: #000;
  color: #fff;
  background-color: #000;
}

.button-primary:focus,
.button-primary.is-focused {
  outline: 0;
}

.button-primary:disabled,
.button-primary.is-disabled {
  border-color: rgba(5, 5, 6, 1);
  color: #fff;
  background-color: rgba(5, 5, 6, 1);
}

.button-primary:not(:disabled):not(.is-disabled):active,
.button-primary:not(:disabled):not(.is-disabled)[data-selected='true'],
.button-primary:not(:disabled):not(.is-disabled).is-active {
  border-color: #000;
  color: #fff;
  background-color: #000;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.button-outline:hover {
  border-color: rgba(5, 5, 6, 1);
  color: rgba(5, 5, 6, 1);
}

.button-outline:focus,
.button-outline.is-focused {
  outline: 0;
}

.button-outline:disabled,
.button-outline.is-disabled {
  border-color: #e2e8f0;
  color: #403b3b;
}

.button-outline:not(:disabled):not(.is-disabled):active,
.button-outline:not(:disabled):not(.is-disabled)[data-selected='true'],
.button-outline:not(:disabled):not(.is-disabled).is-active {
  border-color: #000;
  color: #000;
}

.button-outline-primary {
  border-color: rgba(5, 5, 6, 1);
  color: rgba(5, 5, 6, 1);
}

.button-outline-primary:hover {
  color: #fff;
  background-color: rgba(5, 5, 6, 1);
}

.button-outline-primary:focus,
.button-outline-primary.is-focused {
  outline: 0;
}

.button-outline-primary:disabled,
.button-outline-primary.is-disabled {
  border-color: #e2e8f0;
  color: #403b3b;
}

.button-outline-primary:not(:disabled):not(.is-disabled):active,
.button-outline-primary:not(:disabled):not(.is-disabled)[data-selected='true'],
.button-outline-primary:not(:disabled):not(.is-disabled).is-active {
  border-color: #000;
  color: #fff;
  background-color: #000;
}

.button-secondary {
  border-color: #007c89;
  color: #fff;
  background-color: #007c89;
  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.button-secondary:hover {
  border-color: #006570;
  color: #fff;
  background-color: #006a75;
}

.button-secondary:focus,
.button-secondary.is-focused {
  outline: 0;
}

.button-secondary:disabled,
.button-secondary.is-disabled {
  border-color: #007c89;
  color: #fff;
  background-color: #007c89;
}

.button-secondary:not(:disabled):not(.is-disabled):active,
.button-secondary:not(:disabled):not(.is-disabled)[data-selected='true'],
.button-secondary:not(:disabled):not(.is-disabled).is-active {
  border-color: #004e56;
  color: #fff;
  background-color: #005760;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.button-outline-secondary {
  border-color: #007c89;
  color: #007c89;
}

.button-outline-secondary:hover {
  color: #fff;
  background-color: #007c89;
}

.button-outline-secondary:focus,
.button-outline-secondary.is-focused {
  outline: 0;
}

.button-outline-secondary:disabled,
.button-outline-secondary.is-disabled {
  border-color: #e2e8f0;
  color: #403b3b;
}

.button-outline-secondary:not(:disabled):not(.is-disabled):active,
.button-outline-secondary:not(:disabled):not(.is-disabled)[data-selected='true'],
.button-outline-secondary:not(:disabled):not(.is-disabled).is-active {
  border-color: #006a75;
  color: #fff;
  background-color: #006a75;
}

.button-tertiary {
  border-color: #007c89;
  color: #fff;
  background-color: #007c89;
  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.button-tertiary:hover {
  border-color: #006570;
  color: #fff;
  background-color: #006a75;
}

.button-tertiary:focus,
.button-tertiary.is-focused {
  outline: 0;
}

.button-tertiary:disabled,
.button-tertiary.is-disabled {
  border-color: #007c89;
  color: #fff;
  background-color: #007c89;
}

.button-tertiary:not(:disabled):not(.is-disabled):active,
.button-tertiary:not(:disabled):not(.is-disabled)[data-selected='true'],
.button-tertiary:not(:disabled):not(.is-disabled).is-active {
  border-color: #004e56;
  color: #fff;
  background-color: #005760;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.button-outline-tertiary {
  border-color: #007c89;
  color: #007c89;
}

.button-outline-tertiary:hover {
  color: #fff;
  background-color: #007c89;
}

.button-outline-tertiary:focus,
.button-outline-tertiary.is-focused {
  outline: 0;
}

.button-outline-tertiary:disabled,
.button-outline-tertiary.is-disabled {
  border-color: #e2e8f0;
  color: #403b3b;
}

.button-outline-tertiary:not(:disabled):not(.is-disabled):active,
.button-outline-tertiary:not(:disabled):not(.is-disabled)[data-selected='true'],
.button-outline-tertiary:not(:disabled):not(.is-disabled).is-active {
  border-color: #006a75;
  color: #fff;
  background-color: #006a75;
}

.button-translucent {
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.button-translucent:hover {
  border-color: rgba(255, 255, 255, 0.125);
  color: #fff;
  background-color: rgba(255, 255, 255, 0.125);
}

.button-translucent:focus {
  outline: 0;
  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 0 0.2rem rgba(157, 229, 236, 0.25);
}

.button-translucent:not(:disabled):not(.is-disabled):active,
.button-translucent:not(:disabled):not(.is-disabled)[data-selected='true'],
.button-translucent:not(:disabled):not(.is-disabled).is-active {
  border-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.button-translucent:not(:disabled):not(.is-disabled):active:focus,
.button-translucent:not(:disabled):not(.is-disabled)[data-selected='true']:focus,
.button-translucent:not(:disabled):not(.is-disabled).is-active:focus {
  box-shadow:
    inset 0 3px 5px rgba(0, 0, 0, 0.125),
    0 0 0 0.2rem rgba(157, 229, 236, 0.25);
}

.button .badge,
.button .recent-activity-item-parent {
  position: relative;
  top: -1px;
}

.button-group,
.button-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.button-group > .button,
.button-group-vertical > .button {
  position: relative;
  flex: 1 1 auto;
}

.button-group > .button:hover,
.button-group-vertical > .button:hover {
  z-index: 1;
}

.button-group > .button:focus,
.button-group > .button:active,
.button-group > .button.is-active,
.button-group-vertical > .button:focus,
.button-group-vertical > .button:active,
.button-group-vertical > .button.is-active {
  z-index: 1;
}

.button-group > .button:not(:first-child),
.button-group > .button-group:not(:first-child) {
  margin-left: -1px;
}

.button-group > .button:not(:last-child),
.button-group > .button-group:not(:last-child) > .button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.button-group > .button:not(:first-child),
.button-group > .button-group:not(:first-child) > .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button-group-sm > .button {
  padding: 0.375em 1.25em;
  font-size: 0.875rem;
}

.button-group-lg > .button {
  padding: 0.5em 1.5em;
  font-size: 1.125rem;
}

.button-group-vertical {
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
}

.button-group-vertical > .button,
.button-group-vertical > .button-group {
  width: 100%;
}

.button-group-vertical > .button:not(:first-child),
.button-group-vertical > .button-group:not(:first-child) {
  margin-top: -1px;
}

.button-group-vertical > .button:not(:last-child),
.button-group-vertical > .button-group:not(:last-child) > .button {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.button-group-vertical > .button:not(:first-child),
.button-group-vertical > .button-group:not(:first-child) > .button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-field {
  margin-bottom: 1.5rem;
}

.form-field > label {
  display: inline-block;
  margin: 0 0 0.5rem;
  font-size: 0.9375rem;
}

.form-field > p {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  color: rgba(199, 203, 199, 1);
}

.form-field select,
.form-field .nesty-input,
.form-field .hc-multiselect-toggle,
.form-field > input,
.form-field > textarea {
  width: 100%;
  padding: 0.5em 0.75em;
  border: 1px solid #e2e8f0;
  border-radius: 8px;

  color: inherit;

  background-color: #fff;

  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.form-field select:hover,
.form-field .nesty-input:hover,
.form-field .hc-multiselect-toggle:hover,
.form-field > input:hover,
.form-field > textarea:hover {
  border-color: rgba(199, 203, 199, 1);
}

.form-field select:focus,
.form-field .nesty-input:focus,
.form-field .hc-multiselect-toggle:focus,
.form-field > input:focus,
.form-field > textarea:focus {
  border-color: rgba(5, 5, 6, 1);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(157, 229, 236, 0.25);
}

.form-field select:disabled,
.form-field .nesty-input:disabled,
.form-field .hc-multiselect-toggle:disabled,
.form-field select.is-disabled,
.form-field .is-disabled.nesty-input,
.form-field .is-disabled.hc-multiselect-toggle,
.form-field > input:disabled,
.form-field > input.is-disabled,
.form-field > textarea:disabled,
.form-field > textarea.is-disabled {
  cursor: not-allowed;
  border-color: #e2e8f0;
  background-color: #e2e8f0;
}

.form-field select,
.form-field .nesty-input,
.form-field .hc-multiselect-toggle {
  padding-right: 2em;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' width='10' height='6'%3E%3Cpath fill='%232D3748' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E")
    no-repeat #fff;
  background-position: right 0.75em center;
}

.form-field > input::-webkit-input-placeholder,
.form-field > textarea::-webkit-input-placeholder {
  color: rgba(199, 203, 199, 1);
}

.form-field > input::-moz-placeholder,
.form-field > textarea::-moz-placeholder {
  color: rgba(199, 203, 199, 1);
}

.form-field > input:-moz-placeholder,
.form-field > textarea:-moz-placeholder {
  color: rgba(199, 203, 199, 1);
}

.form-field > input:-ms-input-placeholder,
.form-field > textarea:-ms-input-placeholder {
  color: rgba(199, 203, 199, 1);
}

.form-field > textarea {
  min-height: 8em;
}

.form-field.required > label::after {
  content: '*';
  margin-left: 2px;
  color: #fc8181;
}

.form-field .optional {
  margin-left: 2px;
}

.popular-keywords {
  height: 35px;
}

.search {
  position: relative;
}

.smh {
  margin-left: auto;
}

.search-icon {
  position: absolute;
  top: 50%;
  bottom: -0.125em;
  transform: translateY(-50%);

  display: inline-block;

  width: 1em;
  margin-right: 1em;
  margin-left: 1em;

  line-height: 1;
}

.form-field-height {
  display: gird;
  justify-content: center;
  width: 100%;
}

.search .form-field:hover {
  border-color: rgba(199, 203, 199, 1);
}

.search .form-field:focus {
  border-color: rgba(5, 5, 6, 1);
  box-shadow: false;
}

.search .form-field.is-focused + .search-icon {
  color: rgba(5, 5, 6, 1);
}

.search [type='search'] {
  margin: 0 0.5rem;
  padding: 0.5em 0.75em;
  border-color: #e2e8f0;
  border-radius: 8px;

  background-color: #fff;
}

.search-sm [type='search'] {
  padding: 0.375em 0.675em;
}

.search-lg [type='search'] {
  padding: 0.675em 1em;
}

[dir='ltr'] .search:not(.search-right) .search-icon {
  left: 0;
}

[dir='rtl'] .search:not(.search-right) .search-icon {
  right: 0;
}

[dir='rtl'] .search:not(.search-right) [type='search'] {
  padding-right: 2.5em;
}

[dir='ltr'] .search-right .search-icon {
  right: 0;
}

[dir='rtl'] .search-right .search-icon {
  left: 0;
}

[dir='ltr'] .search-right [type='search'] {
  padding-right: 2.5em;
}

[dir='rtl'] .search-right [type='search'] {
  padding-left: 2.5em;
}

.search [type='submit'] {
  cursor: pointer;
  user-select: none;

  display: inline-block;
  flex: 0;

  margin: 0 0.5rem;
  padding: 0.5em 1.25em;
  border: 1px solid #e2e8f0;
  border-color: rgba(5, 5, 6, 1);
  border-radius: 8px;

  font-weight: 600;
  line-height: 1.5;
  color: #403b3b;
  color: #fff;
  text-align: center;
  vertical-align: middle;

  background-color: transparent;
  background-color: rgba(5, 5, 6, 1);
  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);

  transition: 0.15s ease-in-out;
}

.search [type='submit']:hover {
  text-decoration: none;
}

.search [type='submit']:disabled,
.search [type='submit'].is-disabled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}

.search [type='submit']:hover {
  border-color: #000;
  color: #fff;
  background-color: #000;
}

.search [type='submit']:focus,
.search [type='submit'].is-focused {
  outline: 0;
}

.search [type='submit']:disabled,
.search [type='submit'].is-disabled {
  border-color: rgba(5, 5, 6, 1);
  color: #fff;
  background-color: rgba(5, 5, 6, 1);
}

.search [type='submit']:not(:disabled):not(.is-disabled):active,
.search [type='submit']:not(:disabled):not(.is-disabled)[data-selected='true'],
.search [type='submit']:not(:disabled):not(.is-disabled).is-active {
  border-color: #000;
  color: #fff;
  background-color: #000;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

@media (max-width: 991.98px) {
  .search [type='submit'] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 1rem 1.5rem;

    font-size: 0;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' viewBox='0 0 12 12' width='16' height='16' fill='none' stroke='white' aria-hidden='true'%3E%3Ccircle cx='4.5' cy='4.5' r='4'%3E%3C/circle%3E%3Cpath stroke-linecap='round' d='M11 11L7.5 7.5'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
  }
}

.search-translucent .search-icon {
  color: #fff;
}

.search-translucent [type='search'] {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
}

.search-translucent [type='search']:hover {
  border-color: rgba(255, 255, 255, 0.25);
  background-color: rgba(255, 255, 255, 0.25);
}

.search-translucent [type='search']:focus {
  background-color: #fff;
}

.search-translucent [type='search']:not(:focus) {
  color: #fff;
}

.search-translucent [type='search']:not(:focus)::-webkit-input-placeholder {
  color: #EDF2F7;
}

.search-translucent [type='search']:not(:focus)::-moz-placeholder {
  color: #EDF2F7;
}

.search-translucent [type='search']:not(:focus):-moz-placeholder {
  color: #EDF2F7;
}

.search-translucent [type='search']:not(:focus):-ms-input-placeholder {
  color: #EDF2F7;
}

.boolean input {
  width: auto;
  margin-right: 0.5em;
  padding: 0.5rem;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.boolean input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.boolean input:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.boolean input:checked,
.boolean input:indeterminate {
  border-color: rgba(5, 5, 6, 1);

  background-color: rgba(5, 5, 6, 1);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.75em;
}

.boolean input:active {
  filter: brightness(90%);
}

.boolean input:focus {
  border-color: rgba(5, 5, 6, 1);
  outline: 0;
}

.nesty-input,
.hc-multiselect-toggle {
  height: auto;
}

.nesty-input:hover,
.hc-multiselect-toggle:hover {
  color: inherit;
  text-decoration: none;
}

.nesty-input::after,
.hc-multiselect-toggle::after {
  content: '';
}

.hc-multiselect-toggle li {
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px 6px;

  font-size: 0.875rem;
  line-height: 1;
}

.upload-dropzone {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 8px;

  color: inherit;

  background-color: #fff;

  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.upload-dropzone span {
  color: inherit;
}

.upload-dropzone:hover {
  border-color: rgba(199, 203, 199, 1);
}

.upload-dropzone[data-hc-focus='true'] {
  border-color: rgba(5, 5, 6, 1);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(157, 229, 236, 0.25);
}

.svg-icon {
  box-sizing: content-box;
  height: 1em;
}

.svg-icon {
  position: relative;
  bottom: -0.125em;

  display: inline-block;
  flex-shrink: 0;

  width: 1em;

  line-height: 1;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.content img {
  display: flex;
  justify-content: center;
  max-width: 100%;
  height: auto;
}

.link-plain {
  text-decoration: none;
}

.link-plain:hover {
  color: inherit;
  text-decoration: none;
}

.link-stretched::after {
  pointer-events: auto;
  content: '';

  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  max-width: 910px;
  max-height: 72px;

  background-color: rgba(0, 0, 0, 0);
}

/* .link-anchor {
  opacity: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

:hover > .link-anchor, .link-anchor:focus {
  opacity: 1;
}

.link-anchor::before {
  content: "#";
}

.link-anchor:hover, .link-anchor:focus, .link-anchor:active {
  text-decoration: none;
} */

.link {
  color: #00c4c4;
}

.link::after {
  opacity: 0.2;
  background-color: currentColor;
}

.link:focus,
.link:hover {
  color: rgba(0, 1, 1, 1);
}

.link:focus::after,
.link:hover::after {
  opacity: 1;
  background-color: rgba(0, 1, 1, 1);
}

.link-article {
  color: rgba(0, 1, 1, 1);
}

.link-article::after {
  opacity: 0.2;
  background-color: rgba(0, 1, 1, 1);
}

.link-article:focus::after,
.link-article:hover::after {
  opacity: 1;
}

.link-implied {
  color: currentColor;
  text-decoration: none;
}

.link-implied:hover {
  color: inherit;
  text-decoration: none;
}

.link-implied::after {
  opacity: 0;
  background-color: currentColor;
}

.link-implied:focus::after,
.link-implied:hover::after {
  opacity: 0.2;
}

.link,
.link-article,
.link-implied {
  position: relative;
}

.link::after,
.link-article::after,
.link-implied::after {
  content: '';

  position: absolute;
  right: 0;
  bottom: -0.125em;
  left: 0;

  height: 0.125em;
}

.link:focus,
.link:hover,
.link-article:focus,
.link-article:hover,
.link-implied:focus,
.link-implied:hover {
  text-decoration: none;
}

.link:active::after,
.link-article:active::after,
.link-implied:active::after {
  opacity: 1;
}

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

.list-bordered > :not(:last-child) {
  border-bottom: 1px solid #e2e8f0;
}

.list-item {
  margin: 0.5rem 0;
}

.list-divider {
  display: flex;
  flex-wrap: wrap;

  margin-bottom: 1rem;
  padding-left: 0;

  list-style: none;
}

.list-divider > * + * {
  padding-left: 0.5rem;
}

.list-divider > * + *::before {
  content: '·';
  display: inline-block;
  padding-right: 0.5rem;
}

.list-divider > * + *::before {
  color: rgba(199, 203, 199, 1);
}

.list-divider > * + *[data-divider]::before {
  content: attr(data-divider);
}

.list-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}

.list-group-item-action {
  width: 100%;
  color: #403b3b;
  text-align: inherit;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: #403b3b;
  text-decoration: none;
  background-color: #F7FAFC;
}

.list-group-item-action:active {
  color: #403b3b;
  background-color: #EDF2F7;
}

.list-group-item {
  position: relative;

  display: block;

  margin-bottom: -1px;
  padding: 0.5em 1em;
  border: 1px solid #e2e8f0;

  background-color: #fff;
}

.list-group-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.list-group-item:disabled,
.list-group-item.is-disabled {
  pointer-events: none;
  color: rgba(199, 203, 199, 1);
  background-color: #fff;
}

.list-group-item.is-active {
  z-index: 2;
  border-color: rgba(0, 1, 1, 1);
  color: #fff;
  background-color: rgba(0, 1, 1, 1);
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .sm\:list-group-horizontal {
    flex-direction: row;
  }

  .sm\:list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .sm\:list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }

  .sm\:list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .md\:list-group-horizontal {
    flex-direction: row;
  }

  .md\:list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .md\:list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }

  .md\:list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .lg\:list-group-horizontal {
    flex-direction: row;
  }

  .lg\:list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .lg\:list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }

  .lg\:list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .col-12 {
    position: relative; /* 추가 */
    min-width: 100%;
    padding-top: 1rem;
  }

  .xl\:list-group-horizontal {
    flex-direction: row;
  }

  .xl\:list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .xl\:list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }

  .xl\:list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.table,
.content table:not([class*='table']) {
  border-color: transparent;
  color: #403b3b;
}

.table th,
.content table:not([class*='table']) th,
.table td,
.content table:not([class*='table']) td {
  padding: 0.75rem;
  vertical-align: top;
}

.table thead th,
.content table:not([class*='table']) thead th {
  border-bottom: 1px solid #e2e8f0;
  font-size: 0.9375rem;
  font-weight: 500;
  vertical-align: bottom;
}

.table tbody,
.content table:not([class*='table']) tbody {
  font-size: 0.9375rem;
}

.table tr:not(:last-child),
.content table:not([class*='table']) tr:not(:last-child) {
  border-bottom: 1px solid #e2e8f0;
}

.table-sm th,
.table-sm td {
  padding: 0.375rem;
}

.table-flush th:first-child,
.table-flush td:first-child {
  padding-left: 0;
}

.table-flush th:last-child,
.table-flush td:last-child {
  padding-right: 0;
}

.table-bordered {
  border: 1px solid #e2e8f0;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #e2e8f0;
}

.table-bordered th:first-child,
.table-bordered td:first-child {
  padding-left: 0.75rem;
}

.table-bordered th:last-child,
.table-bordered td:last-child {
  padding-right: 0.75rem;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-borderless tr:not(:last-child) {
  border-bottom: none;
}

.table-flush th:first-child,
.table-flush td:first-child {
  padding-left: 0;
}

.table-flush th:last-child,
.table-flush td:last-child {
  padding-right: 0;
}

.hr {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  background: transparent;
}

.parent {
  position: relative;
  right: 0;
}

.zd-comment {
  margin-bottom: 1rem;
}

.notification {
  display: table;

  width: 100%;
  padding: 13px 15px;
  border: 1px solid;

  font-family: sans-serif;
  font-size: 13px;
  color: #555;

  transition: height 0.2s;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.notification-icon,
.notification-text,
.notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  width: 100%;
  padding: 0 15px;
}

.notification + .notification {
  position: relative;
  top: -1px;
  margin-bottom: -1px;
}

.notification-error {
  border-color: #f7cbcb;
  background: #ffeded;
}

.notification-error .notification-icon::before,
.notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

.notification-notice {
  border-color: #b5e0f5;
  background: #dbf3ff;
}

.notification-notice .notification-icon::before,
.notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

.notification-alert {
  border-color: #fcdba9;
  color: #ad5e18;
  background: #fff8ed;
}

.notification-alert .notification-icon::before,
.notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before,
.notification-inline.notification-error::before {
  content: '';

  display: inline-block;

  width: 14px;
  height: 14px;

  vertical-align: middle;

  background-size: cover;
}

.notification-dismiss,
a.notification-dismiss {
  cursor: pointer;

  color: #555;
  text-decoration: none !important;

  opacity: 0.6;

  transition: opacity 100ms ease;
}

.notification-dismiss:hover {
  opacity: 1;
}

.notification-inline {
  position: relative;

  margin-top: 5px;
  padding: 5px;
  border-radius: 4px;

  line-height: 14px;
  text-align: left;
  vertical-align: middle;
}

[dir='rtl'] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden='true'] {
  display: none;
}

.notification-inline.notification-error::before {
  margin: -2px 5px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
}

[dir='rtl'] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  border: 1px solid #e35b66;
  color: #cc3340;
  background-color: #fff0f1;
}

.notification-inline.notification-large {
  margin-bottom: 25px;
  padding: 13px 15px;
}

.notification-left-aligned {
  padding-left: 0;
  text-align: left;
}

html[dir='rtl'] .notification-left-aligned {
  padding-right: 0;
  padding-left: auto;
  text-align: right;
}

:not(.container) .template-notice {
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 2rem;
}

.layout {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

.layout--boxed {
  overflow: clip;

  width: 100%;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}

.layout--boxed ~ .powered-by-zendesk {
  width: 100%;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}

.container-margin-x {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 2rem;
}

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

.containerft {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  padding: 0 2rem;
}

/* @media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
 */

/* @media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }

  .row-lg {
  margin-top: -3rem;
  }
} */

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 2rem;
}

.flex-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .flex-container {
    flex-direction: row;
    align-items: flex-end;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.row_helpmain {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: center;
}

.row-flush {
  margin-right: 0;
  margin-left: 0;
}

.row-flush > [class*='col'] {
  padding-right: 0;
  padding-left: 0;
}

.row-sm {
  margin-top: -2rem;
  margin-right: -3rem;
  margin-left: -3rem;
}

.row-ds {
  margin-right: -7rem;
  margin-left: -7rem;
}

.row-sm > [class*='col'] {
  box-sizing: border-box;
  box-sizing: content-box;
  padding-right: 0;
  padding-left: 0.75rem;
}

.row-lg {
  margin-top: -6rem;
  margin-right: -2.5rem;
  margin-left: -2.5rem;
}

.row-lg > [class*='col'] {
  padding-left: 2.5rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,

.sm\:col-1,

.sm\:col-2,

.sm\:col-3,

.sm\:col-4,

.sm\:col-5,

.sm\:col-6,

.sm\:col-7,

.sm\:col-8,

.sm\:col-9,

.sm\:col-10,

.sm\:col-11,

.sm\:col-12,

.sm\:col,

.sm\:col-auto,

.md\:col-1,

.md\:col-2,

.md\:col-3,

.md\:col-4,

.md\:col-5,

.md\:col-6,

.md\:col-7,

.md\:col-8,

.md\:col-9,

.md\:col-10,

.md\:col-11,

.md\:col-12,

.md\:col,

.md\:col-auto,

.lg\:col-1,

.lg\:col-2,

.lg\:col-3,

.lg\:col-4,

.lg\:col-5,

.lg\:col-6,

.lg\:col-7,

.lg\:col-8,

.lg\:col-9,

.lg\:col-10,

.lg\:col-11,

.lg\:col-12,
.lg\:col,

.lg\:col-auto,

.xl\:col-1,

.xl\:col-2,

.xl\:col-3,

.xl\:col-4,

.xl\:col-5,

.xl\:col-6,

.xl\:col-7,

.xl\:col-8,

.xl\:col-9,

.xl\:col-10,

.xl\:col-11,

.xl\:col-12,
.xl\:col,

.xl\:col-auto,
.recent-articles,
.related-articles {
  position: relative;

  width: 100%;
  min-width: 0;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 1 0 300px;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-12ds {
  flex: 0 0 95%;
  max-width: 95%;
}

.col-order-1 {
  order: 1;
}

.col-order-2 {
  order: 2;
}

.col-order-3 {
  order: 3;
}

.col-order-4 {
  order: 4;
}

.col-order-5 {
  order: 5;
}

.col-order-6 {
  order: 6;
}

.col-order-7 {
  order: 7;
}

.col-order-8 {
  order: 8;
}

.col-order-9 {
  order: 9;
}

.col-order-10 {
  order: 10;
}

.col-order-11 {
  order: 11;
}

.col-order-12 {
  order: 12;
}

.col-offset-1 {
  margin-left: 8.3333333333%;
}

.col-offset-2 {
  margin-left: 16.6666666667%;
}

.col-offset-3 {
  margin-left: 25%;
}

.col-offset-4 {
  margin-left: 33.3333333333%;
}

.col-offset-5 {
  margin-left: 41.6666666667%;
}

.col-offset-6 {
  margin-left: 50%;
}

.col-offset-7 {
  margin-left: 58.3333333333%;
}

.col-offset-8 {
  margin-left: 66.6666666667%;
}

.col-offset-9 {
  margin-left: 75%;
}

.col-offset-10 {
  margin-left: 83.3333333333%;
}

.col-offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 360px) {
  .sm\:col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .media-body {
    max-width: 100%;
    max-height: 100%;
    margin-left: -3rem;
  }

  .col-12 {
    min-width: 100%;
    margin-left: -3rem;
  }

  .col-12ds {
    min-width: 95%;
  }

  .my-4 {
    font-size: 1rem;
    font-weight: 500;
  }

  .font-15 {
    margin-bottom: 0rem;
    font-size: 1.3rem;
    font-weight: 500;
  }

  .my-2 {
    font-size: 1.2rem;
    font-weight: 500;
  }

  .sm\:col-auto {
    flex: 1 0 300px;
  }

  .sm\:col-1 {
    flex: 0 0 15%;
    max-width: 15%;
  }

  .sm\:col-2 {
    flex: 0 0 15%;
    max-width: 15%;
  }

  .sm\:col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .sm\:col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .sm\:col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .sm\:col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .sm\:col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .sm\:col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .sm\:col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .sm\:col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .sm\:col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .sm\:col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .sm\:col-order-1 {
    order: 1;
  }

  .sm\:col-order-2 {
    order: 2;
  }

  .sm\:col-order-3 {
    order: 3;
  }

  .sm\:col-order-4 {
    order: 4;
  }

  .sm\:col-order-5 {
    order: 5;
  }

  .sm\:col-order-6 {
    order: 6;
  }

  .sm\:col-order-7 {
    order: 7;
  }

  .sm\:col-order-8 {
    order: 8;
  }

  .sm\:col-order-9 {
    order: 9;
  }

  .sm\:col-order-10 {
    order: 10;
  }

  .sm\:col-order-11 {
    order: 11;
  }

  .sm\:col-order-12 {
    order: 12;
  }

  .sm\:col-offset-0 {
    margin-left: 0;
  }

  .sm\:col-offset-1 {
    margin-left: 8.3333333333%;
  }

  .sm\:col-offset-2 {
    margin-left: 16.6666666667%;
  }

  .sm\:col-offset-3 {
    margin-left: 25%;
  }

  .sm\:col-offset-4 {
    margin-left: 33.3333333333%;
  }

  .sm\:col-offset-5 {
    margin-left: 41.6666666667%;
  }

  .sm\:col-offset-6 {
    margin-left: 50%;
  }

  .sm\:col-offset-7 {
    margin-left: 58.3333333333%;
  }

  .sm\:col-offset-8 {
    margin-left: 66.6666666667%;
  }

  .sm\:col-offset-9 {
    margin-left: 85%;
  }

  .sm\:col-offset-10 {
    margin-left: 83.3333333333%;
  }

  .sm\:col-offset-11 {
    margin-left: 91.6666666667%;
  }

  .ydsbackground-1 {
    box-sizing: initial;
    width: auto;
    min-width: 46.5px;
  }

  .ydsbackground-letz {
    box-sizing: initial;
    width: 60px;
    height: 20px;
    background: url(/hc/theming_assets/01HZH8JR698SG441MCAD1RG8TK) no-repeat center;
  }

  .ydsh2background {
    background-color: #f9fafb;
  }

  .ydsgraybackground {
    background-color: rgba(249, 250, 251, 1);
  }

  .ydswhitebackground {
    background-color: White;
  }

  .ydsh2 {
    justify-content: center;

    padding-top: 50px;
    padding-bottom: 50px;


    font-size: 2.25rem;
    font-weight: 500;
    font-weight: bold;
    font-style: Medium;
  }

  .ydscontent {
    font-weight: 500;
  }

  .ydsdeep {
    font-size: 1rem;
    font-weight: bold;
    color: rgba(46, 213, 213, 1);
    text-align: right;
  }

  .card {
    display: flex;
    justify-content: center;

    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;

    word-wrap: break-word;

    background-clip: border-box;
  }

  .card img {
    width: 64px;
    height: 64px;
  }

  .card-body {
    flex: 1 1 auto;
    padding: 1rem 2rem;
  }

  .cta {
    color: rgba(251, 251, 251, 1);
    background-color: rgba(82, 82, 82, 1);
  }

  .cta h3 {
    color: rgba(255, 255, 255, 1);
  }

  .hero {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;


    font-weight: bold;
    font-style: Medium;
    color: rgba(255, 255, 255, 1);
  }

  .hero h1,
  .hero h2 {
    font-size: 2.2rem;
    font-weight: bold;
    font-style: Medium;
    color: #f6f8f9;
  }

  .skeleton {
    position: relative;

    overflow: hidden;

    height: 8rem;
    border-radius: 4px;

    line-height: 0.6;

    background-color: #f9f9f9;
  }

  .skeleton::before {
    content: '';

    position: absolute;
    top: 0;
    left: -1800px;

    width: 1000px;
    height: 100%;

    background-image: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.4), transparent);

    animation: 1.5s ease-in-out 300ms infinite normal none running skeleton;
  }

  .skeleton::after {
    content: '';
    display: block;
  }

  .media {
    display: flex;
    flex: 1;
    align-items: flex-start;
  }

  .media-bodys {
    width: 100%;
  }

  .media-body {
    flex: 1;

    margin-left: 0rem;
    padding-left: 1rem;
    border: none;

    background-color: White;
  }

  .media-body:hover {
    background-color: #f2f4f6;
  }

  .media-body1 {
    flex: 1;
    padding-left: 1rem;
  }

  .svg-shape {
    position: relative;
    z-index: 20;

    width: 100%;
    height: 4rem;

    fill: #fff;
  }

  .main-logo-btn {
    width: 185px;
    border: none;
    background: none;
  }

  .header {
    height: ;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 1);
  }

  .header .navbar-brand,
  .header .navbar-toggle,
  .header .nav-link {
    color: #212121;
  }

  .header .navbar-brand:focus,
  .header .navbar-brand:hover,
  .header .navbar-toggle:focus,
  .header .navbar-toggle:hover,
  .header .nav-link:focus,
  .header .nav-link:hover {
    color: #121212;
  }

  .header .navbar-brand:active,
  .header .navbar-toggle:active,
  .header .nav-link:active {
    color: #020202;
  }

  .fixed-header {
    visibility: hidden;
    background-color: transparent;
    transition: background-color 0.15s ease-in-out;
  }

  .fixed-header .navbar-brand,
  .fixed-header .navbar-toggle,
  .fixed-header .nav-link {
    color: rgba(2, 2, 2, 1);
  }

  .fixed-header .navbar-brand:focus,
  .fixed-header .navbar-brand:hover,
  .fixed-header .navbar-toggle:focus,
  .fixed-header .navbar-toggle:hover,
  .fixed-header .nav-link:focus,
  .fixed-header .nav-link:hover {
    color: #000;
  }

  .fixed-header .navbar-brand:active,
  .fixed-header .navbar-toggle:active,
  .fixed-header .nav-link:active {
    color: #000;
  }

  .fixed-header:not(.visible) ~ main > .hero,
  .fixed-header.sticky-header ~ main > .hero {
    margin-top: -;
  }

  .text-header .navbar-brand,
  .text-header .navbar-toggle,
  .text-header .nav-link {
    color: #212121;
  }

  .text-header .navbar-brand:focus,
  .text-header .navbar-brand:hover,
  .text-header .navbar-toggle:focus,
  .text-header .navbar-toggle:hover,
  .text-header .nav-link:focus,
  .text-header .nav-link:hover {
    color: #121212;
  }

  .text-header .navbar-brand:active,
  .text-header .navbar-toggle:active,
  .text-header .nav-link:active {
    color: #020202;
  }

  #logo {
    height: 24px;
  }

  #helpLogo {
    padding-left: 5px;
  }

  .footer {
    position: relative;
    background-color: rgba(255, 255, 255, 0);
  }

  .footer .nav-link {
    color: rgba(110, 119, 119, 1);
  }

  .footer .nav-link:hover {
    color: #5f6767;
  }

  .footer .nav-link:active {
    color: #515757;
  }

  .ydsfooter_container {
    position: relative;

    width: auto;
    height: 28px;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;

    text-align: left;
  }

  .ydsfooter_munu_bar {
    display: flex;
    flex-direction: column;
    padding: 5px;
  }

  .ydsfooter_btnmore {
    position: relative;
    outline: none;
  }

  .ydsmenu_left {
    display: flex;
    flex-direction: row;
  }

  .custom-link {
    display: block; /* 링크를 블록 요소로 설정 */
    margin-top: 20px; /* 링크와 다른 요소 사이에 여백 추가 */
    color: rgb(89 189 181);
  }

  .ydsfootermenu_menu {
    cursor: pointer;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    width: 50%;
    height: 40px;

    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #495057;
    text-align: left;
  }

  .zendesk_widget {
    position: relaive;

    width: 50px;
    height: 50px;
    border-radius: 50%;

    background-image: url(/hc/theming_assets/01HZH8JRRPERGXJZHMNEPZTGAF);
  }

  .menu2 {
    position: relative;
    list-style-type: none;
  }
  /* test */
  .ydsinput {
    position: fixed;
    left: -9999px;
  }

  .menu2 > li {
    position: relative;
    float: left;
  }

  .menu2 .submenu2 {
    position: absolute;
    transform-origin: top;
    transform: scaleY(0);

    width: 180px;
    height: 160px;
    padding: 5px;

    font-size: 13px;
    text-align: left;
    list-style-type: none;

    background: #f5f5f5;

    transition: all 0.3s;
  }

  .menu2 #menuBtn2:checked ~ .submenu2 {
    transform: scaleY(1);
  }
  /* test */
  .breadcrumbs {
    display: flex;
    flex-wrap: wrap;

    margin-bottom: 2rem;
    padding: 0px;

    list-style: none;
  }

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

  .breadcrumbs > * + *::before {
    content: '/';
    display: inline-block;
    padding-right: 0.5rem;
    color: #00c4c4;
  }

  .page-nav-reset {
    padding: 0px;
  }
  /** 모달 T **/
  .background {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100vh;

    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3);

    transition:
      opacity 0.5s,
      visibility 0s linear 0.5s;
  }

  .show {
    display: flex;
    flex-direction: column;

    padding: 16px;

    visibility: visible;
    opacity: 1;

    transition:
      opacity 0.5s,
      visibility 0s;
  }

  .window {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background-color: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }

  .show .popup {
    transform: translate(-50%, -50%);
    transition: all 0.5s;
  }

  /* 모달 T 끝 */

  .breadcrumbs li:last-child {
    pointer-events: none;
    color: #00c4c4;
  }

  .breadcrumbs li:last-child > a {
    color: #00c4c4;
  }

  .breadcrumbs li + li::before {
    color: #4a5568;
  }

  .dropdown {
    position: relative;
    display: inline-flex;
  }

  .dropdown-toggle {
    cursor: pointer;
  }

  .dropdown-menu {
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);

    display: none;

    min-width: 170px;
    margin: 0.25rem 0;
    padding: 0.75rem 0;
    border: 1px solid #e2e8f0;
    border-radius: 4px;

    font-size: 0.875rem;

    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  .dropdown-menu-start {
    right: auto;
    left: 0;
    transform: translateX(0);
  }

  .dropdown-menu-end {
    right: 0;
    left: auto;
    transform: translateX(0);
  }

  .dropdown-menu-top {
    top: auto;
    bottom: 100%;
  }

  .dropdown-menu[aria-expanded='true'] {
    display: block;
  }

  .dropdown-item {
    clear: both;
    display: block;

    width: 100%;
    padding: 0.5rem 1.5rem;
    border: 0;

    font-weight: 400;
    color: #2d3748;
    text-align: inherit;

    background-color: transparent;
  }

  .dropdown-item:focus,
  .dropdown-item:hover {
    color: #232b38;
    text-decoration: none;
    background-color: #EDF2F7;
  }

  .dropdown-item.is-active {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 1, 1, 1);
  }

  .dropdown-item[aria-selected='true'] {
    cursor: default;
  }

  .dropdown-item[aria-selected='true']::after {
    content: '';

    display: inline-block;

    width: 12px;
    height: 12px;
    margin-left: 10px;

    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  }

  [dir='rtl'] .dropdown-item[aria-selected='true']::after {
    float: left;
    margin-right: 10px;
    margin-left: 0;
  }

  .has-dropdown {
    position: relative;
  }

  .has-dropdown:focus > .dropdown-menu,
  .has-dropdown:hover > .dropdown-menu {
    display: block;
  }

  .nav {
    display: flex;
    flex-wrap: wrap;

    margin-bottom: 0;
    padding-left: 0;
    padding-left: 0;

    list-style: none;
    list-style: none;
    /*   margin-top: 3rem; */
  }

  .nav-link {
    display: block;
    padding: 0.5em 1em;
  }

  .nav-link:focus,
  .nav-link:hover {
    cursor: pointer;
    text-decoration: none;
  }

  .nav-line .nav-link {
    position: relative;
  }

  .nav-line .nav-link::after {
    content: '';

    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    border-bottom: 3px solid transparent;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

    transition: border-color 0.15s ease-in-out;
  }

  .nav-line .nav-link:hover::after {
    border-bottom-color: #e2e8f0;
  }

  .nav-line .nav-link:active,
  .nav-line .nav-link.is-active::after {
    border-bottom-color: rgba(5, 5, 6, 1);
  }

  .nav-tabs {
    position: relative;

    flex-direction: column;

    margin-bottom: -1px;
    border: 1px solid #e2e8f0;
    border-width: 1px 1px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .nav-tabs .nav-item {
    border-bottom: 1px solid #e2e8f0;
  }

  .nav-pills .nav-link.is-active {
    color: #fff;
    background-color: rgba(5, 5, 6, 1);
  }

  .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }

  .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
  }

  .backdrop {
    position: fixed;
    z-index: 96;
    z-index: 98;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, 0.25);
  }

  .menu {
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;

    flex: 1;
    flex-direction: column;
    flex-wrap: nowrap;

    padding:  0 0;

    background-color: rgba(255, 255, 255, 1);
  }

  .menu-links-center::before {
    content: '';
    display: flex;
    margin-right: auto;
  }

  .menu-standard {
    position: absolute;
    text-align: center;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
  }

  .menu-slide-in {
    position: fixed;
    bottom: 0;

    max-width: 20rem;
    padding-right: 1rem;
    padding-left: 1rem;

    box-shadow: 5px 0 40px rgba(0, 0, 0, 0.4);
  }

  .logo_container {
    flex: 1;
  }

  .nav-bar {
    display: flex;
  }

  .navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .navbar-light .navbar-brand {
    color: #1a202c;
  }

  .navbar-light .navbar-toggle,
  .navbar-light .nav-link {
    color: #4a5568;
  }

  .navbar-light .navbar-toggle:focus,
  .navbar-light .navbar-toggle:hover,
  .navbar-light .nav-link:focus,
  .navbar-light .nav-link:hover {
    color: #1a202c;
  }

  .navbar-dark .navbar-brand {
    color: #fff;
  }

  .navbar-dark .navbar-toggle,
  .navbar-dark .nav-link {
    color: #e2e8f0;
  }

  .navbar-dark .navbar-toggle:focus,
  .navbar-dark .navbar-toggle:hover,
  .navbar-dark .nav-link:focus,
  .navbar-dark .nav-link:hover {
    color: #fff;
  }

  .navbar-brand {
    display: inline-flex;
    align-items: center;
    width: 185px;
  }

  .navbar-brand:focus,
  .navbar-brand:hover {
    text-decoration: none;
  }

  .navbar-tagline {
    font-weight: 600;
  }

  .navbar-toggle {
    cursor: pointer;

    position: relative;
    z-index: 100;

    display: block;
    order: 1;

    height: auto;
    padding: 1rem 0.5rem;
    border: none;

    appearance: none;
    background-color: transparent;
    box-shadow: none;
  }

  .navbar-toggle span {
    pointer-events: none;
    position: relative;
    display: block;
  }

  .navbar-toggle span,
  .navbar-toggle span:before,
  .navbar-toggle span:after {
    width: 26px;
    height: 2px;

    background-color: currentColor;
    outline: 1px solid transparent;

    transition:
      background-color 0.15s,
      transform 0.15s;
  }

  .navbar-toggle span:before,
  .navbar-toggle span:after {
    content: '';
    position: absolute;
    left: 0;
  }

  .navbar-toggle span:before {
    top: -7px;
  }

  .navbar-toggle span:after {
    top: 7px;
  }

  .navbar-toggle[aria-expanded='true'] {
    outline: none;
  }

  .navbar-toggle[aria-expanded='true'] span {
    background-color: transparent;
  }

  .navbar-toggle[aria-expanded='true'] span:before,
  .navbar-toggle[aria-expanded='true'] span:after {
    top: 0;
  }

  .navbar-toggle[aria-expanded='true'] span:before {
    transform: rotate(-45deg);
  }

  .navbar-toggle[aria-expanded='true'] span:after {
    transform: rotate(45deg);
  }

  .pagination {
    margin: 1rem 0;
    text-align: center;
  }

  .pagination-list {
    padding-left: 0;
  }

  .pagination-next,
  .pagination-prev,
  .pagination-first,
  .pagination-last {
    display: inline-block;
  }

  .pagination-next-link,
  .pagination-prev-link,
  .pagination-first-link,
  .pagination-last-link {
    cursor: pointer;
    user-select: none;

    display: inline-block;

    padding: 0.5em 1.25em;
    border: 1px solid #e2e8f0;
    border-color: rgba(5, 5, 6, 1);
    border-radius: 8px;

    font-weight: 600;
    line-height: 1.5;
    color: #403b3b;
    color: rgba(5, 5, 6, 1);
    text-align: center;
    vertical-align: middle;

    background-color: transparent;

    transition: 0.15s ease-in-out;
  }

  .pagination-next-link:hover,
  .pagination-prev-link:hover,
  .pagination-first-link:hover,
  .pagination-last-link:hover {
    text-decoration: none;
  }

  .pagination-next-link:disabled,
  .pagination-next-link.is-disabled,
  .pagination-prev-link:disabled,
  .pagination-prev-link.is-disabled,
  .pagination-first-link:disabled,
  .pagination-first-link.is-disabled,
  .pagination-last-link:disabled,
  .pagination-last-link.is-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
  }

  .pagination-next-link:hover,
  .pagination-prev-link:hover,
  .pagination-first-link:hover,
  .pagination-last-link:hover {
    color: #fff;
    background-color: rgba(5, 5, 6, 1);
  }

  .pagination-next-link:focus,
  .pagination-next-link.is-focused,
  .pagination-prev-link:focus,
  .pagination-prev-link.is-focused,
  .pagination-first-link:focus,
  .pagination-first-link.is-focused,
  .pagination-last-link:focus,
  .pagination-last-link.is-focused {
    outline: 0;
  }

  .pagination-next-link:disabled,
  .pagination-next-link.is-disabled,
  .pagination-prev-link:disabled,
  .pagination-prev-link.is-disabled,
  .pagination-first-link:disabled,
  .pagination-first-link.is-disabled,
  .pagination-last-link:disabled,
  .pagination-last-link.is-disabled {
    border-color: #e2e8f0;
    color: #403b3b;
  }

  .pagination-next-link:not(:disabled):not(.is-disabled):active,
  .pagination-next-link:not(:disabled):not(.is-disabled)[data-selected='true'],
  .pagination-next-link:not(:disabled):not(.is-disabled).is-active,
  .pagination-prev-link:not(:disabled):not(.is-disabled):active,
  .pagination-prev-link:not(:disabled):not(.is-disabled)[data-selected='true'],
  .pagination-prev-link:not(:disabled):not(.is-disabled).is-active,
  .pagination-first-link:not(:disabled):not(.is-disabled):active,
  .pagination-first-link:not(:disabled):not(.is-disabled)[data-selected='true'],
  .pagination-first-link:not(:disabled):not(.is-disabled).is-active,
  .pagination-last-link:not(:disabled):not(.is-disabled):active,
  .pagination-last-link:not(:disabled):not(.is-disabled)[data-selected='true'],
  .pagination-last-link:not(:disabled):not(.is-disabled).is-active {
    border-color: #000;
    color: #fff;
    background-color: #000;
  }

  .pagination-first-text,
  .pagination-last-text {
    position: absolute;

    overflow: hidden;

    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;

    white-space: nowrap;

    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
  }

  .collapse:not(.is-visible) {
    display: none;
  }

  .collapsing {
    overflow: hidden;
    height: 0;
    transition: all 0.15s ease-in-out;
  }

  .expand {
    overflow: visible;
    display: flex !important;
    height: 100% !important;
    max-height: none !important;
  }

  .tab-panel {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;

    list-style: none;
  }

  .tab-panel:not(:first-of-type) {
    display: none;
  }

  .tab-panel :last-child {
    margin-bottom: 0;
  }

  .tab {
    display: none;
  }

  .tab.is-active {
    display: block;
  }

  .fade {
    transition: opacity 150ms ease;
  }

  .fade:not(.is-shown) {
    opacity: 0;
  }

  .scaled {
    transform: scale(1);
    transition:
      opacity 500ms ease,
      transform 500ms ease;
  }

  .scaled:not(.is-shown) {
    transform: scale(1.1);
    opacity: 0;
  }

  .toggle {
    padding-right: 1em;
    padding-left: 1em;
  }

  .toggle:not(:last-child) {
    border-bottom: 1px solid #e2e8f0;
  }

  .toggle-title {
    cursor: pointer;
    user-select: none;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin: 0;
    padding: 0.75rem 0;

    font-size: 1em;

    transition: color 0.15s ease-in-out;
  }

  .toggle-title::after {
    content: '';
    width: 1em;
    height: 1em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%232D3748' stroke-linecap='round' d='M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5'%3E%3C/path%3E%3C/svg%3E")
      no-repeat transparent center center;
  }

  .toggle-title.is-active::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%232D3748' stroke-linecap='round' d='M3 9l6-6m0 6L3 3'%3E%3C/path%3E%3C/svg%3E")
      no-repeat transparent center center;
  }

  .toggle-title:focus,
  .toggle-title:hover {
    text-decoration: none;
    outline: none;
  }

  .text-note {
    color: rgba(66, 245, 233, 1);
  }

  .text-warning {
    color: #ef526e;
  }

  .text-notification {
    color: #fff;
  }

  .text-inherit {
    color: inherit;
  }

  .text-base {
    color: #403b3b;
  }

  .text-black {
    color: #000;
  }

  .text-white {
    color: #fff;
  }

  .text-gray-100 {
    color: #F7FAFC;
  }

  .text-gray-200 {
    color: #EDF2F7;
  }

  .text-gray-300 {
    color: #e2e8f0;
  }

  .text-gray-400 {
    color: #cbd5e0;
  }

  .text-gray-500 {
    color: #a0aec0;
  }

  .text-gray-600 {
    color: rgba(199, 203, 199, 1);
  }

  .text-gray-700 {
    color: #4a5568;
  }

  .text-gray-800 {
    color: #2d3748;
  }

  .text-gray-900 {
    color: #1a202c;
  }

  .text-red-500 {
    color: #f56565;
  }

  .text-orange-500 {
    color: #ed8936;
  }

  .text-green-500 {
    color: #48bb78;
  }

  .text-primary {
    color: rgba(5, 5, 6, 1);
  }

  .text-secondary {
    color: #007c89;
  }

  .text-tertiary {
    color: #007c89;
  }

  .text-primary-inverse {
    color: #fff;
  }

  .text-secondary-inverse {
    color: #fff;
  }

  .text-tertiary-inverse {
    color: #fff;
  }

  .hover\:text-inherit:hover {
    color: inherit;
  }

  .hover\:text-base:hover {
    color: #403b3b;
  }

  .hover\:text-black:hover {
    color: #000;
  }

  .hover\:text-white:hover {
    color: #fff;
  }

  .hover\:text-gray-100:hover {
    color: #F7FAFC;
  }

  .hover\:text-gray-200:hover {
    color: #EDF2F7;
  }

  .hover\:text-gray-300:hover {
    color: #e2e8f0;
  }

  .hover\:text-gray-400:hover {
    color: #cbd5e0;
  }

  .hover\:text-gray-500:hover {
    color: #a0aec0;
  }

  .hover\:text-gray-600:hover {
    color: rgba(199, 203, 199, 1);
  }

  .hover\:text-gray-700:hover {
    color: #4a5568;
  }

  .hover\:text-gray-800:hover {
    color: #2d3748;
  }

  .hover\:text-gray-900:hover {
    color: #1a202c;
  }

  .hover\:text-red-500:hover {
    color: #f56565;
  }

  .hover\:text-orange-500:hover {
    color: #ed8936;
  }

  .hover\:text-green-500:hover {
    color: #48bb78;
  }

  .hover\:text-primary:hover {
    color: rgba(5, 5, 6, 1);
  }

  .hover\:text-secondary:hover {
    color: #007c89;
  }

  .hover\:text-tertiary:hover {
    color: #007c89;
  }

  .hover\:text-primary-inverse:hover {
    color: #fff;
  }

  .hover\:text-secondary-inverse:hover {
    color: #fff;
  }

  .hover\:text-tertiary-inverse:hover {
    color: #fff;
  }

  .font-heading {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  }

  .font-text {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  }

  .font-code {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  }

  .wysiwyg-font-size-small {
    font-size: 0.875rem;
  }

  .wysiwyg-font-size-medium {
    font-size: 1em;
  }

  .wysiwyg-font-size-large {
    font-size: 1.125rem;
  }

  .wysiwyg-font-size-x-large {
    font-size: 1.25rem;
  }

  .font-size-xs {
    font-size: 0.75rem;
  }

  .font-size-sm {
    font-size: 0.875rem;
  }

  .font-size-md {
    font-size: 0.9375rem;
  }

  .font-size-base {
    font-size: 1rem;
  }

  .font-size-lg {
    font-size: 1.125rem;
  }

  .font-size-xl {
    font-size: 1.25rem;
  }

  .font-size-2xl {
    font-size: 1.5rem;
  }

  .font-size-3xl {
    font-size: 1.875rem;
  }

  .font-size-4xl {
    font-size: 2.25rem;
  }

  .font-size-5xl {
    font-size: 3.5rem;
  }

  .font-size-6xl {
    font-size: 4rem;
  }

  .normal {
    font-style: normal;
  }

  .italic {
    font-style: italic;
  }

  .font-hairline {
    font-weight: 100;
  }

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

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

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

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

  .font-semibold {
    font-weight: 600;
  }

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

  .font-extrabold {
    font-weight: 800;
  }

  .font-black {
    font-weight: 900;
  }

  .tracking-tighter {
    letter-spacing: -0.05em;
  }

  .tracking-tight {
    letter-spacing: -0.025em;
  }

  .tracking-normal {
    letter-spacing: 0;
  }

  .tracking-wide {
    letter-spacing: 0.025em;
  }

  .tracking-wider {
    letter-spacing: 0.05em;
  }

  .line-height-1 {
    line-height: 1;
  }

  .line-height-tight {
    line-height: 1.1;
  }

  .line-height-snug {
    line-height: 1.375;
  }

  .line-height-normal {
    line-height: 1.5;
  }

  .line-height-relaxed {
    line-height: 1.625;
  }

  .line-height-wide {
    line-height: 2;
  }

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

  .list-disc {
    list-style-type: disc;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-square {
    list-style-type: square;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-outside {
    list-style-position: outside;
  }

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

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

  .btnpadding-right {
    margin-right: 2rem;
  }

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

  .text-justify {
    text-align: justify;
  }

  .underline {
    text-decoration: underline;
  }

  .line-through {
    text-decoration: line-through;
  }

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

  .hover\:underline:hover {
    text-decoration: underline;
  }

  .hover\:line-through:hover {
    text-decoration: line-through;
  }

  .hover\:no-underline:hover {
    text-decoration: none;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .capitalize {
    text-transform: capitalize;
  }

  .normal-case {
    text-transform: none;
  }

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

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

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

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

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

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

  .white-space-normal {
    white-space: normal;
  }

  .white-space-no-wrap {
    white-space: nowrap;
  }

  .white-space-pre {
    white-space: pre;
  }

  .white-space-pre-line {
    white-space: pre-line;
  }

  .white-space-pre-wrap {
    white-space: pre-wrap;
  }

  .break-normal {
    word-break: normal;
  }

  .break-spaces {
    word-wrap: break-spaces;
  }

  .break-all {
    word-break: break-all;
  }

  .truncate {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

    text-overflow: ellipsis;
    white-space: normal;
  }

  .text-hide {
    border: 0;

    font: 0/0 a;
    color: transparent;
    text-shadow: none;

    background-color: transparent;
  }

  .ratio {
    position: relative;
    height: 0;
  }

  .ratio iframe {
    position: absolute;
    z-index: 96;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
  }

  .ratio-1-1 {
    padding-bottom: 100%;
  }

  .ratio-16-9 {
    padding-bottom: 56.25%;
  }

  .ratio-4-3 {
    padding-bottom: 75%;
  }

  .block {
    display: block !important;
  }

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

  .inline {
    display: inline !important;
  }

  .table,
  .content table:not([class*='table']) {
    display: table !important;
  }

  .table-header-group {
    display: table-header-group !important;
  }

  .table-row {
    display: table-row !important;
  }

  .table-cell {
    display: table-cell !important;
  }

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

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

  /*
.hidden {
  !display: none !important;
}
*/

  .empty\:hidden:empty {
    display: none;
  }

  .float-left {
    float: left;
  }

  .float-right {
    float: right;
  }

  .float-none {
    float: none;
  }

  .clearfix::after {
    content: '';
    clear: both;
    display: block;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-scroll {
    overflow: scroll;
  }

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

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

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

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

  .overflow-x-visible {
    overflow-x: visible;
  }

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

  .overflow-x-scroll {
    overflow-x: scroll;
  }

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

  .scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .scroll-x {
    scrollbar-width: none;

    overflow-x: auto;
    display: block;

    width: 100%;

    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
  }

  .scroll-x::-webkit-scrollbar {
    display: none;
  }

  .Language-selector-w {
    min-width: 100px;
  }

  .static {
    position: static;
  }

  .relative {
    position: relative;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .sticky {
    position: sticky;
  }

  .initial {
    position: initial;
  }

  .absolute-top {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
  }

  .absolute-center {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }

  .absolute-bottom {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
  }

  .fixed-top {
    position: fixed;
    z-index: 96;
    top: 0;
    right: 0;
    left: 0;
  }

  .fixed-bottom {
    position: fixed;
    z-index: 96;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 97;
    top: 0;
  }

  .top-0 {
    top: 0;
  }

  .top-100 {
    top: 100%;
  }

  .bottom-0 {
    bottom: 0;
  }

  .left-0 {
    left: 0;
  }

  .right-0 {
    right: 0;
  }

  .top-auto {
    top: auto;
  }

  .bottom-auto {
    bottom: auto;
  }

  .left-auto {
    left: auto;
  }

  .right-auto {
    right: auto;
  }

  .visible {
    visibility: visible;
  }

  .invisible {
    visibility: hidden;
  }

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

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

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

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

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

  .z-100 {
    z-index: 100;
  }

  .z-auto {
    z-index: auto;
  }

  .z-fixed {
    z-index: 96;
  }

  .z-sticky {
    z-index: 97;
  }

  .z-dropdown {
    z-index: 99;
  }

  .bg-fixed {
    background-attachment: fixed;
  }

  .bg-local {
    background-attachment: local;
  }

  .bg-scroll {
    background-attachment: scroll;
  }

  .bg-inherit {
    background-color: inherit;
  }

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

  .bg-translucent {
    background-color: #212529;
  }

  .bg-header-fixed {
    background-color: transparent;
  }

  .bg-header {
    background-color: rgba(255, 255, 255, 1);
  }

  .bg-note {
    background-color: rgba(66, 245, 233, 1);
  }

  .bg-warning {
    background-color: #ef526e;
  }

  .bg-notification {
    background-color: rgba(7, 6, 6, 1);
  }

  .bg-custom-blocks {
    background-color: rgba(228, 242, 243, 1);
  }

  .bg-content-blocks {
    background-color: #fff;
  }

  .blur {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  .bg-black {
    background-color: #000;
  }

  .bg-white {
    background-color: #fff;
  }

  .bg-gray-100 {
    background-color: #F7FAFC;
  }

  .bg-gray-200 {
    background-color: #EDF2F7;
  }

  .bg-gray-300 {
    background-color: #e2e8f0;
  }

  .bg-gray-400 {
    background-color: #cbd5e0;
  }

  .bg-gray-500 {
    background-color: #a0aec0;
  }

  .bg-gray-600 {
    background-color: rgba(199, 203, 199, 1);
  }

  .bg-gray-700 {
    background-color: #4a5568;
  }

  .bg-gray-800 {
    background-color: #2d3748;
  }

  .bg-gray-900 {
    background-color: #1a202c;
  }

  .bg-red-500 {
    background-color: #f56565;
  }

  .bg-orange-500 {
    background-color: #ed8936;
  }

  .bg-green-500 {
    background-color: #48bb78;
  }

  .bg-primary {
    background-color: rgba(5, 5, 6, 1);
  }

  .bg-secondary {
    background-color: #007c89;
  }

  .bg-tertiary {
    background-color: #007c89;
  }

  .hover\:bg-inherit:hover {
    background-color: inherit;
  }

  .hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .hover\:bg-translucent:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .hover\:bg-black:hover {
    background-color: #000;
  }

  .hover\:bg-white:hover {
    background-color: #fff;
  }

  .hover\:bg-gray-100:hover {
    background-color: #F7FAFC;
  }

  .hover\:bg-gray-200:hover {
    background-color: #EDF2F7;
  }

  .hover\:bg-gray-300:hover {
    background-color: #e2e8f0;
  }

  .hover\:bg-gray-400:hover {
    background-color: #cbd5e0;
  }

  .hover\:bg-gray-500:hover {
    background-color: #a0aec0;
  }

  .hover\:bg-gray-600:hover {
    background-color: rgba(199, 203, 199, 1);
  }

  .hover\:bg-gray-700:hover {
    background-color: #4a5568;
  }

  .hover\:bg-gray-800:hover {
    background-color: #2d3748;
  }

  .hover\:bg-gray-900:hover {
    background-color: #1a202c;
  }

  .hover\:bg-red-500:hover {
    background-color: #f56565;
  }

  .hover\:bg-orange-500:hover {
    background-color: #ed8936;
  }

  .hover\:bg-green-500:hover {
    background-color: #48bb78;
  }

  .hover\:bg-primary:hover {
    background-color: rgba(5, 5, 6, 1);
  }

  .hover\:bg-secondary:hover {
    background-color: #007c89;
  }

  .hover\:bg-tertiary:hover {
    background-color: #007c89;
  }

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

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

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

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

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

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

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

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

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

  .bg-repeat {
    background-repeat: repeat;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .bg-repeat-x {
    background-repeat: repeat-x;
  }

  .bg-repeat-y {
    background-repeat: repeat-y;
  }

  .bg-auto {
    background-size: auto;
  }

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

  .bg-contain {
    background-size: contain;
  }

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

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

  .border-right {
    border-right: 1px solid #e2e8f0;
  }

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

  .border-left {
    border-left: 1px solid #e2e8f0;
  }

  .border-transparent {
    border-color: transparent;
  }

  .border-translucent {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .border-current {
    border-color: currentColor;
  }

  .border-note {
    border-color: rgba(66, 245, 233, 1);
  }

  .border-warning {
    border-color: #ef526e;
  }

  .border-black {
    border-color: #000;
  }

  .border-top-black {
    border-top-color: #000;
  }

  .border-right-black {
    border-right-color: #000;
  }

  .border-bottom-black {
    border-bottom-color: #000;
  }

  .border-left-black {
    border-left-color: #000;
  }

  .border-white {
    border-color: #fff;
  }

  .border-top-white {
    border-top-color: #fff;
  }

  .border-right-white {
    border-right-color: #fff;
  }

  .border-bottom-white {
    border-bottom-color: #fff;
  }

  .border-left-white {
    border-left-color: #fff;
  }

  .border-gray-100 {
    border-color: #F7FAFC;
  }

  .border-top-gray-100 {
    border-top-color: #F7FAFC;
  }

  .border-right-gray-100 {
    border-right-color: #F7FAFC;
  }

  .border-bottom-gray-100 {
    border-bottom-color: #F7FAFC;
  }

  .border-left-gray-100 {
    border-left-color: #F7FAFC;
  }

  .border-gray-200 {
    border-color: #EDF2F7;
  }

  .border-top-gray-200 {
    border-top-color: #EDF2F7;
  }

  .border-right-gray-200 {
    border-right-color: #EDF2F7;
  }

  .border-bottom-gray-200 {
    border-bottom-color: #EDF2F7;
  }

  .border-left-gray-200 {
    border-left-color: #EDF2F7;
  }

  .border-gray-300 {
    border-color: #e2e8f0;
  }

  .border-top-gray-300 {
    border-top-color: #e2e8f0;
  }

  .border-right-gray-300 {
    border-right-color: #e2e8f0;
  }

  .border-bottom-gray-300 {
    border-bottom-color: #e2e8f0;
  }

  .border-left-gray-300 {
    border-left-color: #e2e8f0;
  }

  .border-gray-400 {
    border-color: #cbd5e0;
  }

  .border-top-gray-400 {
    border-top-color: #cbd5e0;
  }

  .border-right-gray-400 {
    border-right-color: #cbd5e0;
  }

  .border-bottom-gray-400 {
    border-bottom-color: #cbd5e0;
  }

  .border-left-gray-400 {
    border-left-color: #cbd5e0;
  }

  .border-gray-500 {
    border-color: #a0aec0;
  }

  .border-top-gray-500 {
    border-top-color: #a0aec0;
  }

  .border-right-gray-500 {
    border-right-color: #a0aec0;
  }

  .border-bottom-gray-500 {
    border-bottom-color: #a0aec0;
  }

  .border-left-gray-500 {
    border-left-color: #a0aec0;
  }

  .border-gray-600 {
    border-color: rgba(199, 203, 199, 1);
  }

  .border-top-gray-600 {
    border-top-color: rgba(199, 203, 199, 1);
  }

  .border-right-gray-600 {
    border-right-color: rgba(199, 203, 199, 1);
  }

  .border-bottom-gray-600 {
    border-bottom-color: rgba(199, 203, 199, 1);
  }

  .border-left-gray-600 {
    border-left-color: rgba(199, 203, 199, 1);
  }

  .border-gray-700 {
    border-color: #4a5568;
  }

  .border-top-gray-700 {
    border-top-color: #4a5568;
  }

  .border-right-gray-700 {
    border-right-color: #4a5568;
  }

  .border-bottom-gray-700 {
    border-bottom-color: #4a5568;
  }

  .border-left-gray-700 {
    border-left-color: #4a5568;
  }

  .border-gray-800 {
    border-color: #2d3748;
  }

  .border-top-gray-800 {
    border-top-color: #2d3748;
  }

  .border-right-gray-800 {
    border-right-color: #2d3748;
  }

  .border-bottom-gray-800 {
    border-bottom-color: #2d3748;
  }

  .border-left-gray-800 {
    border-left-color: #2d3748;
  }

  .border-gray-900 {
    border-color: #1a202c;
  }

  .border-top-gray-900 {
    border-top-color: #1a202c;
  }

  .border-right-gray-900 {
    border-right-color: #1a202c;
  }

  .border-bottom-gray-900 {
    border-bottom-color: #1a202c;
  }

  .border-left-gray-900 {
    border-left-color: #1a202c;
  }

  .border-red-500 {
    border-color: #f56565;
  }

  .border-top-red-500 {
    border-top-color: #f56565;
  }

  .border-right-red-500 {
    border-right-color: #f56565;
  }

  .border-bottom-red-500 {
    border-bottom-color: #f56565;
  }

  .border-left-red-500 {
    border-left-color: #f56565;
  }

  .border-orange-500 {
    border-color: #ed8936;
  }

  .border-top-orange-500 {
    border-top-color: #ed8936;
  }

  .border-right-orange-500 {
    border-right-color: #ed8936;
  }

  .border-bottom-orange-500 {
    border-bottom-color: #ed8936;
  }

  .border-left-orange-500 {
    border-left-color: #ed8936;
  }

  .border-green-500 {
    border-color: #48bb78;
  }

  .border-top-green-500 {
    border-top-color: #48bb78;
  }

  .border-right-green-500 {
    border-right-color: #48bb78;
  }

  .border-bottom-green-500 {
    border-bottom-color: #48bb78;
  }

  .border-left-green-500 {
    border-left-color: #48bb78;
  }

  .border-primary {
    border-color: rgba(5, 5, 6, 1);
  }

  .border-top-primary {
    border-top-color: rgba(5, 5, 6, 1);
  }

  .border-right-primary {
    border-right-color: rgba(5, 5, 6, 1);
  }

  .border-bottom-primary {
    border-bottom-color: rgba(5, 5, 6, 1);
  }

  .border-left-primary {
    border-left-color: rgba(5, 5, 6, 1);
  }

  .border-secondary {
    border-color: #007c89;
  }

  .border-top-secondary {
    border-top-color: #007c89;
  }

  .border-right-secondary {
    border-right-color: #007c89;
  }

  .border-bottom-secondary {
    border-bottom-color: #007c89;
  }

  .border-left-secondary {
    border-left-color: #007c89;
  }

  .border-tertiary {
    border-color: #007c89;
  }

  .border-top-tertiary {
    border-top-color: #007c89;
  }

  .border-right-tertiary {
    border-right-color: #007c89;
  }

  .border-bottom-tertiary {
    border-bottom-color: #007c89;
  }

  .border-left-tertiary {
    border-left-color: #007c89;
  }

  .hover\:border-transparent:hover {
    border-color: transparent;
  }

  .hover\:border-translucent:hover {
    border-color: rgba(255, 255, 255, 0.1);
  }

  .hover\:border-current:hover {
    border-color: currentColor;
  }

  .hover\:border-black:hover {
    border-color: #000;
  }

  .hover\:border-top-black:hover {
    border-top-color: #000;
  }

  .hover\:border-right-black:hover {
    border-right-color: #000;
  }

  .hover\:border-bottom-black:hover {
    border-bottom-color: #000;
  }

  .hover\:border-left-black:hover {
    border-left-color: #000;
  }

  .hover\:border-white:hover {
    border-color: #fff;
  }

  .hover\:border-top-white:hover {
    border-top-color: #fff;
  }

  .hover\:border-right-white:hover {
    border-right-color: #fff;
  }

  .hover\:border-bottom-white:hover {
    border-bottom-color: #fff;
  }

  .hover\:border-left-white:hover {
    border-left-color: #fff;
  }

  .hover\:border-gray-100:hover {
    border-color: #F7FAFC;
  }

  .hover\:border-top-gray-100:hover {
    border-top-color: #F7FAFC;
  }

  .hover\:border-right-gray-100:hover {
    border-right-color: #F7FAFC;
  }

  .hover\:border-bottom-gray-100:hover {
    border-bottom-color: #F7FAFC;
  }

  .hover\:border-left-gray-100:hover {
    border-left-color: #F7FAFC;
  }

  .hover\:border-gray-200:hover {
    border-color: #EDF2F7;
  }

  .hover\:border-top-gray-200:hover {
    border-top-color: #EDF2F7;
  }

  .hover\:border-right-gray-200:hover {
    border-right-color: #EDF2F7;
  }

  .hover\:border-bottom-gray-200:hover {
    border-bottom-color: #EDF2F7;
  }

  .hover\:border-left-gray-200:hover {
    border-left-color: #EDF2F7;
  }

  .hover\:border-gray-300:hover {
    border-color: #e2e8f0;
  }

  .hover\:border-top-gray-300:hover {
    border-top-color: #e2e8f0;
  }

  .hover\:border-right-gray-300:hover {
    border-right-color: #e2e8f0;
  }

  .hover\:border-bottom-gray-300:hover {
    border-bottom-color: #e2e8f0;
  }

  .hover\:border-left-gray-300:hover {
    border-left-color: #e2e8f0;
  }

  .hover\:border-gray-400:hover {
    border-color: #cbd5e0;
  }

  .hover\:border-top-gray-400:hover {
    border-top-color: #cbd5e0;
  }

  .hover\:border-right-gray-400:hover {
    border-right-color: #cbd5e0;
  }

  .hover\:border-bottom-gray-400:hover {
    border-bottom-color: #cbd5e0;
  }

  .hover\:border-left-gray-400:hover {
    border-left-color: #cbd5e0;
  }

  .hover\:border-gray-500:hover {
    border-color: #a0aec0;
  }

  .hover\:border-top-gray-500:hover {
    border-top-color: #a0aec0;
  }

  .hover\:border-right-gray-500:hover {
    border-right-color: #a0aec0;
  }

  .hover\:border-bottom-gray-500:hover {
    border-bottom-color: #a0aec0;
  }

  .hover\:border-left-gray-500:hover {
    border-left-color: #a0aec0;
  }

  .hover\:border-gray-600:hover {
    border-color: rgba(199, 203, 199, 1);
  }

  .hover\:border-top-gray-600:hover {
    border-top-color: rgba(199, 203, 199, 1);
  }

  .hover\:border-right-gray-600:hover {
    border-right-color: rgba(199, 203, 199, 1);
  }

  .hover\:border-bottom-gray-600:hover {
    border-bottom-color: rgba(199, 203, 199, 1);
  }

  .hover\:border-left-gray-600:hover {
    border-left-color: rgba(199, 203, 199, 1);
  }

  .hover\:border-gray-700:hover {
    border-color: #4a5568;
  }

  .hover\:border-top-gray-700:hover {
    border-top-color: #4a5568;
  }

  .hover\:border-right-gray-700:hover {
    border-right-color: #4a5568;
  }

  .hover\:border-bottom-gray-700:hover {
    border-bottom-color: #4a5568;
  }

  .hover\:border-left-gray-700:hover {
    border-left-color: #4a5568;
  }

  .hover\:border-gray-800:hover {
    border-color: #2d3748;
  }

  .hover\:border-top-gray-800:hover {
    border-top-color: #2d3748;
  }

  .hover\:border-right-gray-800:hover {
    border-right-color: #2d3748;
  }

  .hover\:border-bottom-gray-800:hover {
    border-bottom-color: #2d3748;
  }

  .hover\:border-left-gray-800:hover {
    border-left-color: #2d3748;
  }

  .hover\:border-gray-900:hover {
    border-color: #1a202c;
  }

  .hover\:border-top-gray-900:hover {
    border-top-color: #1a202c;
  }

  .hover\:border-right-gray-900:hover {
    border-right-color: #1a202c;
  }

  .hover\:border-bottom-gray-900:hover {
    border-bottom-color: #1a202c;
  }

  .hover\:border-left-gray-900:hover {
    border-left-color: #1a202c;
  }

  .hover\:border-red-500:hover {
    border-color: #f56565;
  }

  .hover\:border-top-red-500:hover {
    border-top-color: #f56565;
  }

  .hover\:border-right-red-500:hover {
    border-right-color: #f56565;
  }

  .hover\:border-bottom-red-500:hover {
    border-bottom-color: #f56565;
  }

  .hover\:border-left-red-500:hover {
    border-left-color: #f56565;
  }

  .hover\:border-orange-500:hover {
    border-color: #ed8936;
  }

  .hover\:border-top-orange-500:hover {
    border-top-color: #ed8936;
  }

  .hover\:border-right-orange-500:hover {
    border-right-color: #ed8936;
  }

  .hover\:border-bottom-orange-500:hover {
    border-bottom-color: #ed8936;
  }

  .hover\:border-left-orange-500:hover {
    border-left-color: #ed8936;
  }

  .hover\:border-green-500:hover {
    border-color: #48bb78;
  }

  .hover\:border-top-green-500:hover {
    border-top-color: #48bb78;
  }

  .hover\:border-right-green-500:hover {
    border-right-color: #48bb78;
  }

  .hover\:border-bottom-green-500:hover {
    border-bottom-color: #48bb78;
  }

  .hover\:border-left-green-500:hover {
    border-left-color: #48bb78;
  }

  .hover\:border-primary:hover {
    border-color: rgba(5, 5, 6, 1);
  }

  .hover\:border-top-primary:hover {
    border-top-color: rgba(5, 5, 6, 1);
  }

  .hover\:border-right-primary:hover {
    border-right-color: rgba(5, 5, 6, 1);
  }

  .hover\:border-bottom-primary:hover {
    border-bottom-color: rgba(5, 5, 6, 1);
  }

  .hover\:border-left-primary:hover {
    border-left-color: rgba(5, 5, 6, 1);
  }

  .hover\:border-secondary:hover {
    border-color: #007c89;
  }

  .hover\:border-top-secondary:hover {
    border-top-color: #007c89;
  }

  .hover\:border-right-secondary:hover {
    border-right-color: #007c89;
  }

  .hover\:border-bottom-secondary:hover {
    border-bottom-color: #007c89;
  }

  .hover\:border-left-secondary:hover {
    border-left-color: #007c89;
  }

  .hover\:border-tertiary:hover {
    border-color: #007c89;
  }

  .hover\:border-top-tertiary:hover {
    border-top-color: #007c89;
  }

  .hover\:border-right-tertiary:hover {
    border-right-color: #007c89;
  }

  .hover\:border-bottom-tertiary:hover {
    border-bottom-color: #007c89;
  }

  .hover\:border-left-tertiary:hover {
    border-left-color: #007c89;
  }

  .border-radius {
    border-radius: 8px;
  }

  .border-radius-0 {
    border-radius: 0;
  }

  .border-radius-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .border-radius-right {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .border-radius-bottom {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .border-radius-left {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .rounded {
    border-radius: 2rem;
  }

  .circle {
    border-radius: 50%;
  }

  .border-solid {
    border-style: solid;
  }

  .border-dashed {
    border-style: dashed;
  }

  .border-dotted {
    border-style: dotted;
  }

  .border-none {
    border-style: none;
  }

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

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

  .border-right-1 {
    border-right-width: 1px;
  }

  .border-bottom-1 {
    border-bottom-width: 1px;
  }

  .border-left-1 {
    border-left-width: 1px;
  }

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

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

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

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

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

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

  .border-top-3 {
    border-top-width: 3px;
  }

  .border-right-3 {
    border-right-width: 3px;
  }

  .border-bottom-3 {
    border-bottom-width: 3px;
  }

  .border-left-3 {
    border-left-width: 3px;
  }

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

  .border-top-4 {
    border-top-width: 4px;
  }

  .border-right-4 {
    border-right-width: 4px;
  }

  .border-bottom-4 {
    border-bottom-width: 4px;
  }

  .border-left-4 {
    border-left-width: 4px;
  }

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

  .border-top-0 {
    border-top-width: 0;
  }

  .border-right-0 {
    border-right-width: 0;
  }

  .border-bottom-0 {
    border-bottom-width: 0;
  }

  .border-left-0 {
    border-left-width: 0;
  }

  .align-content-start {
    align-content: flex-start;
  }

  .align-content-end {
    align-content: flex-end;
  }

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

  .align-content-between {
    align-content: space-between;
  }

  .align-content-around {
    align-content: space-around;
  }

  .align-content-stretch {
    align-content: stretch;
  }

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

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

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

  .align-items-baseline {
    align-items: baseline;
  }

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

  .align-self-auto {
    align-self: auto;
  }

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

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

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

  .align-self-baseline {
    align-self: baseline;
  }

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

  .flex-initial {
    flex: initial;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-auto {
    flex: auto;
  }

  .flex-none {
    flex: none;
  }

  .flex-fill {
    flex: 1 1 auto;
  }

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

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

  .flex-shrink {
    flex-shrink: 1;
  }

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

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

  .flex-column {
    flex-direction: column;
  }

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

  .flex-column-reverse {
    flex-direction: column-reverse;
  }

  .flex-first {
    order: -1;
  }

  .flex-last {
    order: 13;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

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

  .flex-no-wrap {
    flex-wrap: nowrap;
  }

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

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

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

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

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

  .justify-content-around {
    justify-content: space-around;
  }

  .justify-content-space {
    justify-content: space-evenly;
  }

  .-mt-1px {
    margin-top: -1px;
  }

  .-mb-1px {
    margin-bottom: -1px;
  }

  .m-0 {
    margin: 0;
  }

  .mt-0,
  .my-0 {
    margin-top: 0;
  }

  .mr-0,
  .mx-0 {
    margin-right: 0;
  }

  .mb-0,
  .my-0 {
    margin-bottom: 0;
  }

  .ml-0,
  .mx-0 {
    margin-left: 0;
  }

  .-m-0 {
    margin: 0;
  }

  .-mt-0,
  .-my-0 {
    margin-top: 0;
  }

  .-mr-0,
  .-mx-0 {
    margin-right: 0;
  }

  .-mb-0,
  .-my-0 {
    margin-bottom: 0;
  }

  .-ml-0,
  .-mx-0 {
    margin-left: 0;
  }

  .m-1 {
    margin: 0.25rem;
    margin-bottom: -1.7rem;
  }

  .mt-1,
  .my-1 {
    margin-top: 0.25rem;
  }

  .mr-1,
  .mx-1 {
    margin-right: 0.25rem;
  }

  .mb-1,
  .my-1 {
    margin-bottom: 0.25rem;
  }

  .ml-1,
  .mx-1 {
    margin-left: 0.25rem;
  }

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

  .-mt-1,
  .-my-1 {
    margin-top: -0.25rem;
  }

  .-mr-1,
  .-mx-1 {
    margin-right: -0.25rem;
  }

  .-mb-1,
  .-my-1 {
    margin-bottom: -0.25rem;
  }

  .-ml-1,
  .-mx-1 {
    margin-left: -0.25rem;
  }

  .m-2 {
    margin: 0.5rem;
  }

  .mt-2,
  .my-2 {
    margin-top: 0.5rem;
  }

  .mr-2,
  .mx-2 {
    margin-right: 0.5rem;
  }

  .mb-2,
  .my-2 {
    margin-bottom: 0.5rem;
  }

  .ml-2,
  .mx-2 {
    margin-left: 0.5rem;
  }

  .-m-2 {
    margin: -0.5rem;
  }

  .-mt-2,
  .-my-2 {
    margin-top: -0.5rem;
  }

  .-mr-2,
  .-mx-2 {
    margin-right: -0.5rem;
  }

  .-mb-2,
  .-my-2 {
    margin-bottom: -0.5rem;
  }

  .-ml-2,
  .-mx-2 {
    margin-left: -0.5rem;
  }

  .m-3 {
    margin: 0.75rem;
  }

  .mt-3,
  .my-3 {
    margin-top: 0.75rem;
  }

  .mr-3,
  .mx-3 {
    margin-right: 0.75rem;
  }

  .mb-3,
  .my-3 {
    margin-bottom: 0.75rem;
  }

  .ml-3,
  .mx-3 {
    margin-left: 0.75rem;
  }

  .-m-3 {
    margin: -0.75rem;
  }

  .-mt-3,
  .-my-3 {
    margin-top: -0.75rem;
  }

  .-mr-3,
  .-mx-3 {
    margin-right: -0.75rem;
  }

  .-mb-3,
  .-my-3 {
    margin-bottom: -0.75rem;
  }

  .-ml-3,
  .-mx-3 {
    margin-left: -0.75rem;
  }

  .m-4 {
    margin: 1rem;
  }

  .mt-4,
  .my-4 {
    margin-top: 1rem;
    font-weight: bold;
  }

  .mr-4,
  .mx-4 {
    margin-right: 1rem;
  }

  .mb-4,
  .my-4 {
    margin-bottom: 1rem;
    font-weight: bold;
  }

  .ydsbackground-1 {
    display: flex;
    flex: 1 0 9.1%;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    max-width: 15%;
    margin: 2vw;
    border-radius: 1rem;

    background: var(--mint-m-100, #e7f9f9);
    box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 15%);
  }

  .ydsbackground-1:hover {
    background-color: #2ed5d5;
  }

  .ydsbackground-10 {
    display: flex;
    flex: 1 0 9.1%;
    flex-direction: column;
    gap: 6px;
    align-items: center;

    max-width: 5%;
    max-width: 124px;
    height: 44px;
    padding: 8px, 20px, 8px, 20px;
    border-radius: 5.6px;

    text-decoration: none;

    background: rgba(247, 250, 252, 0.5);
    box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 15%);
  }

  .ml-4,
  .mx-4 {
    margin-left: 1rem;
  }

  .-m-4 {
    margin: -1rem;
  }

  .-mt-4,
  .-my-4 {
    margin-top: -1rem;
    font-weight: bold;
  }

  .-mr-4,
  .-mx-4 {
    margin-right: -1rem;
  }

  .-mb-4,
  .-my-4 {
    margin-bottom: -1rem;
    font-weight: bold;
  }

  .-ml-4,
  .-mx-4 {
    margin-left: -1rem;
  }

  .m-5 {
    margin: 1.5rem;
  }

  .mt-5,
  .my-5 {
    margin-top: 1.5rem;
  }

  .mr-5,
  .mx-5 {
    margin-right: 1.5rem;
  }

  .mb-5,
  .my-5 {
    margin-bottom: 1.5rem;
  }

  .ml-5,
  .mx-5 {
    margin-left: 1.5rem;
  }

  .-m-5 {
    margin: -1.5rem;
  }

  .-mt-5,
  .-my-5 {
    margin-top: -1.5rem;
  }

  .-mr-5,
  .-mx-5 {
    margin-right: -1.5rem;
  }

  .-mb-5,
  .-my-5 {
    margin-bottom: -1.5rem;
  }

  .-ml-5,
  .-mx-5 {
    margin-left: -1.5rem;
  }

  .m-6 {
    margin: 2rem;
  }

  .mt-6,
  .my-6 {
    margin-top: 2rem;

  }

  .mr-6,
  .mx-6 {
    margin-right: 2rem;
  }

  .mb-6,
  .my-6 {
    margin-bottom: 2rem;
  }

  .ml-6,
  .mx-6 {
    margin-left: 2rem;
  }

  .-m-6 {
    margin: -2rem;
  }

  .-mt-6,
  .-my-6 {
    margin-top: -2rem;
  }

  .-mr-6,
  .-mx-6 {
    margin-right: -2rem;
  }

  .-mb-6,
  .-my-6 {
    margin-bottom: -2rem;
  }

  .-ml-6,
  .-mx-6 {
    margin-left: -2rem;
  }

  .m-7 {
    margin: 3rem;
  }

  .mt-7,
  .my-7 {
    margin-top: 3rem;
  }

  .mr-7,
  .mx-7 {
    margin-right: 3rem;
  }

  .mb-7,
  .my-7 {
    margin-bottom: 3rem;
  }

  .ml-7,
  .mx-7 {
    margin-left: 3rem;
  }

  .-m-7 {
    margin: -3rem;
  }

  .-mt-7,
  .-my-7 {
    margin-top: -3rem;
  }

  .-mr-7,
  .-mx-7 {
    margin-right: -3rem;
  }

  .-mb-7,
  .-my-7 {
    margin-bottom: -3rem;
  }

  .-ml-7,
  .-mx-7 {
    margin-left: -3rem;
  }

  .m-8 {
    margin: 4rem;
  }

  .mt-8,
  .my-8 {
    margin-top: 4rem;
  }

  .mr-8,
  .mx-8 {
    margin-right: 4rem;
  }

  .mb-8,
  .my-8 {
    margin-bottom: 4rem;
  }

  .ml-8,
  .mx-8 {
    margin-left: 4rem;
  }

  .-m-8 {
    margin: -4rem;
  }

  .-mt-8,
  .-my-8 {
    margin-top: -4rem;
  }

  .-mr-8,
  .-mx-8 {
    margin-right: -4rem;
  }

  .-mb-8,
  .-my-8 {
    margin-bottom: -4rem;
  }

  .-ml-8,
  .-mx-8 {
    margin-left: -4rem;
  }

  .m-9 {
    margin: 6rem;
  }

  .mt-9,
  .my-9 {
    margin-top: 6rem;
  }

  .mr-9,
  .mx-9 {
    margin-right: 6rem;
  }

  .mb-9,
  .my-9 {
    margin-bottom: 6rem;
  }

  .ml-9,
  .mx-9 {
    margin-left: 6rem;
  }

  .-m-9 {
    margin: -6rem;
  }

  .-mt-9,
  .-my-9 {
    margin-top: -6rem;
  }

  .-mr-9,
  .-mx-9 {
    margin-right: -6rem;
  }

  .-mb-9,
  .-my-9 {
    margin-bottom: -6rem;
  }

  .-ml-9,
  .-mx-9 {
    margin-left: -6rem;
  }

  .m-auto {
    margin: auto;
  }

  .mt-auto,
  .my-auto {
    margin-top: auto;
  }

  .mr-auto,
  .mx-auto {
    margin-right: auto;
  }

  .mb-auto,
  .my-auto {
    margin-bottom: auto;
  }

  .ml-auto,
  .mx-auto {
    margin-left: auto;
  }

  .p-0 {
    padding: 0;
  }

  .pt-0,
  .py-0 {
    padding-top: 0;
  }

  .pr-0,
  .px-0 {
    padding-right: 0;
  }

  .pb-0,
  .py-0 {
    padding-bottom: 0;
  }

  .pl-0,
  .px-0 {
    padding-left: 0;
  }

  .p-1 {
    padding: 0.25rem;
  }

  .pt-1,
  .py-1 {
    padding-top: 0.25rem;
  }

  .pr-1,
  .px-1 {
    padding-right: 0.25rem;
  }

  .pb-1,
  .py-1 {
    padding-bottom: 0.25rem;
  }

  .pl-1,
  .px-1 {
    padding-left: 0.25rem;
  }

  .p-2 {
    padding: 0.5rem;
  }

  .pt-2,
  .py-2 {
    padding-top: 0.5rem;
  }

  .pr-2,
  .px-2 {
    padding-right: 0.5rem;
  }

  .pb-2,
  .py-2 {
    padding-bottom: 0.5rem;
  }

  .pl-2,
  .px-2 {
    padding-left: 0.5rem;
  }

  .p-3 {
    padding: 0.75rem;
  }

  .pt-3,
  .py-3 {
    padding-top: 0.75rem;
  }

  .pr-3,
  .px-3 {
    padding-right: 0.75rem;
  }

  .pb-3,
  .py-3 {
    padding-bottom: 0.75rem;
  }

  .pl-3,
  .px-3 {
    padding-left: 0.75rem;
  }

  .p-4 {
    padding: 1rem;
  }

  .pt-4,
  .py-4 {
    padding-top: 1rem;
  }

  .pr-4,
  .px-4 {
    padding-right: 1rem;
  }

  .pb-4,
  .py-4 {
    padding-bottom: 1rem;
  }

  .pl-4,
  .px-4 {
    padding-left: 1rem;
  }

  .p-5 {
    padding: 1.5rem;
  }

  .pt-5,
  .py-5 {
    padding-top: 1.5rem;
  }

  .pr-5,
  .px-5 {
    padding-right: 1.5rem;
  }

  .pb-5,
  .py-5 {
    padding-bottom: 1.5rem;
  }

  .pl-5,
  .px-5 {
    padding-left: 1.5rem;
  }

  .p-6 {
    padding: 2rem;
  }

  .pt-6,
  .py-6 {
    padding-top: 6rem;
  }

  .pr-6,
  .px-6 {
    padding-right: 1rem;
  }

  .pb-6,
  .py-6 {
    padding-bottom: 1rem;
  }

  .pl-6,
  .px-6 {
    padding-left: 2rem;
  }

  .p-7 {
    padding: 3rem;
  }

  .pt-7,
  .py-7 {
    padding-top: 3rem;
  }

  .pr-7,
  .px-7 {
    padding-right: 3rem;
  }

  .pb-7,
  .py-7 {
    padding-bottom: 3rem;
  }

  .pl-7,
  .px-7 {
    padding-left: 3rem;
  }

  .p-8 {
    padding: 4rem;
  }

  .pt-8,
  .py-8 {
    padding-top: 4rem;
  }

  .pr-8,
  .px-8 {
    padding-right: 4rem;
  }

  .pb-8,
  .py-8 {
    padding-bottom: 4rem;
  }

  .pl-8,
  .px-8 {
    padding-left: 4rem;
  }

  .p-9 {
    padding: 6rem;
  }

  .pt-9,
  .py-9 {
    padding-top: 6rem;
  }

  .pr-9,
  .px-9 {
    padding-right: 6rem;
  }

  .pb-9,
  .py-9 {
    padding-bottom: 6rem;
  }

  .pl-9,
  .px-9 {
    padding-left: 6rem;
  }

  .h-0 {
    height: 0;
  }

  .h-1 {
    height: 0.25rem;
  }

  .h-2 {
    height: 0.5rem;
  }

  .h-3 {
    height: 0.75rem;
  }

  .h-4 {
    height: 1rem;
  }

  .h-5 {
    height: 1.5rem;
  }

  .h-6 {
    height: 2rem;
  }

  .h-7 {
    height: 3rem;
  }

  .h-8 {
    height: 4rem;
  }

  .h-9 {
    height: 6rem;
  }

  .h-px {
    height: 1px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

  .min-h-0 {
    min-height: 0;
  }

  .min-h-full {
    min-height: 100%;
  }

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

  .w-0 {
    width: 0;
  }

  .w-1 {
    width: 0.25rem;
  }

  .w-2 {
    width: 0.5rem;
  }

  .w-3 {
    width: 0.75rem;
  }

  .w-4 {
    width: 1rem;
  }

  .w-5 {
    width: 1.5rem;
  }

  .w-6 {
    width: 2rem;
  }

  .w-7 {
    width: 3rem;
  }

  .w-8 {
    width: 4rem;
  }

  .w-9 {
    width: 6rem;
  }

  .w-px {
    width: 1px;
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-9 {
    max-width: 6rem;
  }

  .max-w-10 {
    max-width: 8rem;
  }

  .max-w-11 {
    max-width: 12rem;
  }

  .max-w-12 {
    max-width: 16rem;
  }

  .max-w-13 {
    max-width: 20rem;
  }

  .max-w-sm {
    max-width: 576px;
  }

  .max-w-md {
    max-width: 768px;
  }

  .max-w-lg {
    max-width: 992px;
  }

  .max-w-xl {
    max-width: 1200px;
  }

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

  .max-w-screen {
    max-width: 100vw;
  }

  .max-w-none {
    max-width: none;
  }

  .min-w-0 {
    min-width: 0;
  }

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

  .min-w-dropdown {
    min-width: 170px;
  }

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

  .min-w-screen {
    min-width: 100vw;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .table-auto {
    table-layout: auto;
  }

  .table-fixed {
    table-layout: fixed;
  }

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

  .shadow-xs {
    box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.08),
      0 2px 4px rgba(0, 0, 0, 0.08);
  }

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

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

  .shadow-lg {
    box-shadow:
      0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .shadow-xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

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

  .shadow-outline {
    box-shadow: 0 0 0 2px rgba(157, 229, 236, 0.25);
  }

  .shadow-solid {
    box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
  }

  .shadow-none {
    box-shadow: none;
  }

  .shadow-bottom {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
  }

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

  .hover\:shadow-xs:hover {
    box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.08),
      0 2px 4px rgba(0, 0, 0, 0.08);
  }

  .hover\:shadow-sm:hover {
    box-shadow:
      0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .hover\:shadow-md:hover {
    box-shadow:
      0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .hover\:shadow-lg:hover {
    box-shadow:
      0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .hover\:shadow-xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

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

  .hover\:shadow-outline:hover {
    box-shadow: 0 0 0 2px rgba(157, 229, 236, 0.25);
  }

  .hover\:shadow-solid:hover {
    box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
  }

  .hover\:shadow-none:hover {
    box-shadow: none;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: 0.25;
  }

  .opacity-50 {
    opacity: 0.5;
  }

  .opacity-75 {
    opacity: 0.75;
  }

  .opacity-100 {
    opacity: 1;
  }

  .appearance-none {
    appearance: none;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .outline-none {
    outline: none;
  }

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

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

  .select-none {
    user-select: none;
  }

  .select-text {
    user-select: text;
  }

  .fill-current {
    fill: currentColor;
  }

  .stroke-current {
    stroke: currentColor;
  }

  .sr-only {
    position: absolute;

    overflow: hidden;

    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;

    white-space: nowrap;

    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
  }

  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;

    overflow: visible;

    width: auto;
    height: auto;
    margin: 0;

    white-space: normal;

    clip: auto;
    clip-path: none;
  }

  .scale-95 {
    transform: scale(0.95);
  }

  .scale-100 {
    transform: scale(1);
  }

  .scale-105 {
    transform: scale(1.05);
  }

  .scale-110 {
    transform: scale(1.1);
  }

  .rotate-45 {
    transform: rotate(45deg);
  }

  .rotate-90 {
    transform: rotate(90deg);
  }

  .rotate-180 {
    transform: rotate(180deg);
  }

  .rotate-270 {
    transform: rotate(270deg);
  }

  .translate-x-0 {
    transform: translateX(0);
  }

  .translate-x-full {
    transform: translateX(-100%);
  }

  .transition-slow {
    transition: 0.5s;
  }

  .transition {
    transition: 0.3s;
  }

  .transition-fast {
    transition: 0.15s;
  }

  .timing-bounce {
    transition-timing-function: cubic-bezier(0.77, 0, 0.2, 2.25);
  }

  .transition-none {
    transition-property: none;
  }

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

  .transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

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

  .transition-shadow {
    transition-property: box-shadow;
  }

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

  .timing-bounce {
    transition-timing-function: cubic-bezier(0.77, 0, 0.2, 2.25);
  }

  .transition-none {
    transition-duration: 0s;
  }

  .transition-slow {
    transition-duration: 0.5s;
  }

  .transition-medium {
    transition-duration: 0.3s;
  }

  .transition-fast {
    transition-duration: 0.15s;
  }

  .timing-bounce {
    transition-timing-function: cubic-bezier(0.77, 0, 0.2, 2.25);
  }

  .badge-white {
    color: #1a202c;
    background-color: #fff;
  }

  a.badge-white:focus,
  a.badge-white:hover {
    color: #1a202c;
    background-color: #e6e6e6;
  }

  a.badge-white:focus,
  a.badge-white.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
  }

  .badge-new {
    color: #fff;
    background-color: #d69e2e;
  }

  a.badge-new:focus,
  a.badge-new:hover {
    color: #fff;
    background-color: #af8022;
  }

  a.badge-new:focus,
  a.badge-new.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(214, 158, 46, 0.25);
  }

  .badge-open {
    color: #fff;
    background-color: #e53e3e;
  }

  a.badge-open:focus,
  a.badge-open:hover {
    color: #fff;
    background-color: #d41c1c;
  }

  a.badge-open:focus,
  a.badge-open.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25);
  }

  .badge-hold {
    color: #fff;
    background-color: #1a202c;
  }

  a.badge-hold:focus,
  a.badge-hold:hover {
    color: #fff;
    background-color: #07090c;
  }

  a.badge-hold:focus,
  a.badge-hold.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(26, 32, 44, 0.25);
  }

  .badge-solved {
    color: #fff;
    background-color: #718096;
  }

  a.badge-solved:focus,
  a.badge-solved:hover {
    color: #fff;
    background-color: #5a677a;
  }

  a.badge-solved:focus,
  a.badge-solved.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.25);
  }

  .badge-answered,
  .badge-answered,
  .badge-completed,
  .badge-planned {
    color: #fff;
    background-color: #3490dc;
  }

  a.badge-answered:focus,
  a.badge-answered:hover,
  .badge-answered:focus,
  .badge-answered:hover,
  .badge-completed:focus,
  .badge-completed:hover,
  .badge-planned:focus,
  .badge-planned:hover {
    color: #fff;
    background-color: #2176bd;
  }

  a.badge-answered:focus,
  a.badge-answered.is-focused,
  .badge-answered:focus,
  .badge-answered.is-focused,
  .badge-completed:focus,
  .badge-completed.is-focused,
  .badge-planned:focus,
  .badge-planned.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
  }

  .actions-user button,
  .subscribe-article button,
  .subscribe-section button,
  .subscribe-topic button,
  .subscribe-organization button,
  .subscribe-link button,
  .subscribe-user button {
    cursor: pointer;
    user-select: none;

    display: inline-block;

    padding: 0.5em 1.25em;
    border: 1px solid #e2e8f0;
    border-radius: 8px;

    font-weight: 600;
    line-height: 1.5;
    color: #403b3b;
    text-align: center;
    vertical-align: middle;

    background-color: transparent;

    transition: 0.15s ease-in-out;
  }

  .actions-user button:hover,
  .subscribe-article button:hover,
  .subscribe-section button:hover,
  .subscribe-topic button:hover,
  .subscribe-organization button:hover,
  .subscribe-link button:hover,
  .subscribe-user button:hover {
    text-decoration: none;
  }

  .actions-user button:disabled,
  .actions-user button.is-disabled,
  .subscribe-article button:disabled,
  .subscribe-article button.is-disabled,
  .subscribe-section button:disabled,
  .subscribe-section button.is-disabled,
  .subscribe-topic button:disabled,
  .subscribe-topic button.is-disabled,
  .subscribe-organization button:disabled,
  .subscribe-organization button.is-disabled,
  .subscribe-link button:disabled,
  .subscribe-link button.is-disabled,
  .subscribe-user button:disabled,
  .subscribe-user button.is-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
  }

  .subscribe-article button,
  .subscribe-section button,
  .subscribe-topic button,
  .subscribe-organization button {
    border-color: rgba(5, 5, 6, 1);
    color: rgba(5, 5, 6, 1);
  }

  .subscribe-article button:hover,
  .subscribe-section button:hover,
  .subscribe-topic button:hover,
  .subscribe-organization button:hover {
    color: #fff;
    background-color: rgba(5, 5, 6, 1);
  }

  .subscribe-article button:focus,
  .subscribe-article button.is-focused,
  .subscribe-section button:focus,
  .subscribe-section button.is-focused,
  .subscribe-topic button:focus,
  .subscribe-topic button.is-focused,
  .subscribe-organization button:focus,
  .subscribe-organization button.is-focused {
    outline: 0;
  }

  .subscribe-article button:disabled,
  .subscribe-article button.is-disabled,
  .subscribe-section button:disabled,
  .subscribe-section button.is-disabled,
  .subscribe-topic button:disabled,
  .subscribe-topic button.is-disabled,
  .subscribe-organization button:disabled,
  .subscribe-organization button.is-disabled {
    border-color: #e2e8f0;
    color: #403b3b;
  }

  .subscribe-article button:not(:disabled):not(.is-disabled):active,
  .subscribe-article button:not(:disabled):not(.is-disabled)[data-selected='true'],
  .subscribe-article button:not(:disabled):not(.is-disabled).is-active,
  .subscribe-section button:not(:disabled):not(.is-disabled):active,
  .subscribe-section button:not(:disabled):not(.is-disabled)[data-selected='true'],
  .subscribe-section button:not(:disabled):not(.is-disabled).is-active,
  .subscribe-topic button:not(:disabled):not(.is-disabled):active,
  .subscribe-topic button:not(:disabled):not(.is-disabled)[data-selected='true'],
  .subscribe-topic button:not(:disabled):not(.is-disabled).is-active,
  .subscribe-organization button:not(:disabled):not(.is-disabled):active,
  .subscribe-organization button:not(:disabled):not(.is-disabled)[data-selected='true'],
  .subscribe-organization button:not(:disabled):not(.is-disabled).is-active {
    border-color: #000;
    color: #fff;
    background-color: #000;
  }

  .subscribe-article,
  .subscribe-section,
  .subscribe-topic {
    align-self: center;
    white-space: nowrap;
  }

  .subscribe-article button,
  .subscribe-section button,
  .subscribe-topic button {
    padding: 0.375em 1.25em;
    font-size: 0.875rem;
  }

  .actions-user button,
  .subscribe-link button,
  .subscribe-user button {
    width: 100%;
    padding: 0.375em 1.25em;
    border-color: rgba(5, 5, 6, 1);

    font-size: 0.875rem;
    color: #fff;

    background-color: rgba(5, 5, 6, 1);
    box-shadow:
      0 2px 0 rgba(0, 0, 0, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .actions-user button:hover,
  .subscribe-link button:hover,
  .subscribe-user button:hover {
    border-color: #000;
    color: #fff;
    background-color: #000;
  }

  .actions-user button:focus,
  .actions-user button.is-focused,
  .subscribe-link button:focus,
  .subscribe-link button.is-focused,
  .subscribe-user button:focus,
  .subscribe-user button.is-focused {
    outline: 0;
  }

  .actions-user button:disabled,
  .actions-user button.is-disabled,
  .subscribe-link button:disabled,
  .subscribe-link button.is-disabled,
  .subscribe-user button:disabled,
  .subscribe-user button.is-disabled {
    border-color: rgba(5, 5, 6, 1);
    color: #fff;
    background-color: rgba(5, 5, 6, 1);
  }

  .actions-user button:not(:disabled):not(.is-disabled):active,
  .actions-user button:not(:disabled):not(.is-disabled)[data-selected='true'],
  .actions-user button:not(:disabled):not(.is-disabled).is-active,
  .subscribe-link button:not(:disabled):not(.is-disabled):active,
  .subscribe-link button:not(:disabled):not(.is-disabled)[data-selected='true'],
  .subscribe-link button:not(:disabled):not(.is-disabled).is-active,
  .subscribe-user button:not(:disabled):not(.is-disabled):active,
  .subscribe-user button:not(:disabled):not(.is-disabled)[data-selected='true'],
  .subscribe-user button:not(:disabled):not(.is-disabled).is-active {
    border-color: #000;
    color: #fff;
    background-color: #000;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }

  .actions-user {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }

  .actions-user > button {
    position: relative;
  }

  .actions-user > button:hover {
    z-index: 1;
  }

  .actions-user > button:focus,
  .actions-user > button:active,
  .actions-user > button.is-active {
    z-index: 1;
  }

  .actions-user > button:not(:first-child) {
    margin-left: -1px;
  }

  .actions-user > button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .actions-user > button:last-child {
    width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .actions-comment button {
    user-select: none;

    overflow: visible;

    margin-right: -0.5rem;
    padding: 0;
    padding: 0.5rem;
    border: 0;

    font: inherit;
    color: inherit;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    box-shadow: none;
  }

  .form input[type='submit'] {
    cursor: pointer;
    user-select: none;

    display: inline-block;

    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 0.5em 1.25em;
    padding: 0.5em 1.5em;
    border: 1px solid #e2e8f0;
    border-color: rgba(5, 5, 6, 1);
    border-radius: 8px;

    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5;
    color: #403b3b;
    color: #fff;
    text-align: center;
    vertical-align: middle;

    background-color: transparent;
    background-color: rgba(5, 5, 6, 1);
    box-shadow:
      0 2px 0 rgba(0, 0, 0, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);

    transition: 0.15s ease-in-out;
  }

  .form input[type='submit']:hover {
    text-decoration: none;
  }

  .form input[type='submit']:disabled,
  .form input[type='submit'].is-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
  }

  .form input[type='submit']:hover {
    border-color: #000;
    color: #fff;
    background-color: #000;
  }

  .form input[type='submit']:focus,
  .form input[type='submit'].is-focused {
    outline: 0;
  }

  .form input[type='submit']:disabled,
  .form input[type='submit'].is-disabled {
    border-color: rgba(5, 5, 6, 1);
    color: #fff;
    background-color: rgba(5, 5, 6, 1);
  }

  .form input[type='submit']:not(:disabled):not(.is-disabled):active,
  .form input[type='submit']:not(:disabled):not(.is-disabled)[data-selected='true'],
  .form input[type='submit']:not(:disabled):not(.is-disabled).is-active {
    border-color: #000;
    color: #fff;
    background-color: #000;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }

  .icon-circle {
    display: inline-flex;
    padding: 1em;
    border-radius: 50%;
    background-color: #F7FAFC;
  }

  .icon-circle [class*='icon-']::before,
  .icon-circle .svg-icon {
    bottom: auto;
  }

  a:hover .icon-circle {
    border-color: rgba(5, 5, 6, 1);
    color: rgba(5, 5, 6, 1);
    text-decoration: none;
    background-color: #fff;
  }

  .img-left {
    float: left;
    margin-right: 1rem;
    text-align: left;
  }

  .img-right {
    float: right;
    margin-left: 1rem;
    text-align: right;
  }

  .img-thumbnail {
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
  }

  .share {
    padding-left: 0;
    list-style: none;
  }

  .share svg {
    width: 1em;
    height: 1em;
  }

  .share li {
    display: inline-block;
    margin-right: 0.5rem;
  }

  .share a {
    color: inherit;
  }

  .share-facebook:focus,
  .share-facebook:hover {
    color: #3b5998;
  }

  .share-twitter:focus,
  .share-twitter:hover {
    color: #00aced;
  }

  .share-linkedin:focus,
  .share-linkedin:hover {
    color: #007bb6;
  }

  .list-check,
  .list-number {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 0;
    list-style: none;
  }

  .list-check > li,
  .list-number > li {
    position: relative;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    padding-left: 2.75em;
  }

  .list-check > li::before,
  .list-number > li::before {
    position: absolute;
    left: 0.5em;

    display: inline-block;

    width: 1.725em;
    height: 1.725em;
    border-radius: 50%;

    font-size: 0.875em;
    font-weight: 500;
    line-height: 1.725em;
    text-align: center;
  }

  .list-check > li::before {
    content: '✓';
    background-color: #e2e8f0;
  }

  .list-number {
    counter-reset: list;
  }

  .list-number > li {
    counter-increment: list;
  }

  .list-number > li::before {
    content: counter(list);
    background-color: #e2e8f0;
  }

  .recent-articles h2,
  .related-articles h2 {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
  }

  .recent-articles ul,
  .related-articles ul {
    padding-left: 0;
    list-style: none;
  }

  .recent-articles a,
  .related-articles a {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .suggestion-list label {
    display: block;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.9375rem;
  }

  .suggestion-list ul {
    padding-bottom: 1rem;
    padding-left: 0;
    font-size: 0.9375rem;
    list-style: none;
  }

  .suggestion-list a {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .recent-activity-list {
    display: grid;
    gap: 1.5rem;

    margin-top: 1rem;
    margin-bottom: 0;

    list-style: none;
  }

  .recent-activity-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .recent-activity-item {
    position: relative;

    display: inline-block;

    width: 100%;
    padding: 1rem 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;

    background-color: #fff;
  }

  .recent-activity-item-link {
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
  }

  .recent-activity-item-meta {
    display: flex;
    flex-wrap: wrap;

    margin-bottom: 0;
    margin-bottom: 1rem;
    padding-left: 0;

    font-size: 0.9375rem;
    list-style: none;
  }

  .recent-activity-item-meta > * + * {
    padding-left: 0.5rem;
  }

  .recent-activity-item-meta > * + *::before {
    content: '·';
    display: inline-block;
    padding-right: 0.5rem;
  }

  .recent-activity-item-meta > * + *::before {
    color: rgba(199, 203, 199, 1);
  }

  .recent-activity-accessibility-label {
    position: absolute;

    overflow: hidden;

    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;

    white-space: nowrap;

    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
  }

  .recent-activity-comment-icon::after {
    content: attr(data-comment-count);
    margin-left: 0.25rem;
  }

  .recent-activity-controls a {
    display: block;
    margin-top: 1rem;
  }

  .sidebar {
    position: relative;
  }

  .sidebar::before {
    content: '';

    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;

    width: 100vw;

    background-color: inherit;
  }

  .request_custom_fields_26301921318809 {
    font-weight: 700;
  }

  .request_custom_fields_29758242213785 {
    font-weight: 700;
  }

  .request-form p {
    font-size: 14px;
    color: #333;
    white-space: pre-line;
  }

  .requests-sort-symbol {
    position: absolute;
    bottom: 0;
    left: calc(100% + 0.25em);
    font-size: 0.625em;
  }

  .content table:not([class*='table']) {
    overflow-y: scroll;
    max-height: 20rem;
    border: none;
  }

  .note,
  .warning {
    position: relative;
    z-index: 1;

    overflow: hidden;

    margin: 2rem 0;
    border-radius: 0.25rem;
  }

  .note::after,
  .warning::after {
    content: '';

    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0.05;
  }

  .note,
  .warning {
    overflow: hidden;
    padding: 1.5rem;
  }

  .note::before,
  .warning::before {
    display: block;
    margin-bottom: 0.75rem;
    font-weight: bold;
  }

  .note {
    border-left: 4px solid rgba(66, 245, 233, 1);
  }

  .note::before {
    content: 'Note';
    color: rgba(66, 245, 233, 1);
  }

  .note::before:empty {
    display: none;
  }

  .note::after {
    background-color: rgba(66, 245, 233, 1);
  }

  .warning {
    border-left: 4px solid #ef526e;
  }

  .warning::before {
    content: 'Warning';
    color: #ef526e;
  }

  .warning::after {
    background-color: #ef526e;
  }

  .form .note {
    padding: 1rem;
    border: 1px solid rgba(66, 245, 233, 1);
  }

  .form .note::before {
    display: none;
  }

  .pull-left,
  .pull-right {
    font-weight: bold;
  }

  .content em {
    padding: 0;
    color: inherit;
    background-color: transparent;
  }

  .bg-community {
    background-image: url(/hc/theming_assets/01HZH8K1W7W0ZAS40SNRKEFTFY);
  }

  .bg-home {
    background-image: url(/hc/theming_assets/01HZH8K1E7G9GZ003GXXV3F28V);
  }

  .bg-hero {
    background: -webkit-divider-gradient(rgba(193, 174, 252, 0.2), rgba(174, 226, 255, 0.12));
    background: divider-gradient(rgba(193, 174, 252, 0.2), rgba(174, 226, 255, 0.12));
  }

  .bg-hero-conic {
    background: -webkit-conic-gradient(rgba(193, 174, 252, 0.2), rgba(174, 226, 255, 0.12));
    background: conic-gradient(rgba(193, 174, 252, 0.2), rgba(174, 226, 255, 0.12));
  }

  .bg-hero-linear {
    background: -webkit-linear-gradient(rgba(193, 174, 252, 0.2), rgba(174, 226, 255, 0.12));
    background: linear-gradient(rgba(193, 174, 252, 0.2), rgba(174, 226, 255, 0.12));
  }

  .bg-hero-radial {
    background: -webkit-radial-gradient(rgba(193, 174, 252, 0.2), rgba(174, 226, 255, 0.12));
    background: radial-gradient(rgba(193, 174, 252, 0.2), rgba(174, 226, 255, 0.12));
  }

  .group:hover .group-hover\:text-white {
    color: #fff;
  }

  .group:hover .group-hover\:text-primary {
    color: rgba(5, 5, 6, 1);
  }

  .group:hover .group-hover\:text-primary-inverse {
    color: #fff;
  }

  [class*='grid-'] {
    display: grid;
    gap: 2rem;
  }

  .grid-auto {
    grid-auto-rows: minmax(20em, auto);
  }

  .grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  [x-cloak] {
    display: none !important;
  }

  .home-page .header .search,
  .home-page .header .search-toggle,
  .community-topic-list-page .header .search,
  .community-topic-list-page .header .search-toggle,
  .community-post-list-page .header .search,
  .community-post-list-page .header .search-toggle {
    display: none !important;
  }

  main {
    display: flex;
    flex-direction: column;
  }

  .avatar-img {
    background-color: #6d6d83;
  }

  .layout--boxed {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  }

  .example-code .highlight,
  .example-code pre {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }

  .main-container,
  .main-container * {
    box-sizing: border-box;
  }

  .main-container {
    display: flex;
    flex-direction: column;
    align-items: center;

    background: rgb(255, 255, 255);

    -webkit-box-align: center;
  }

  .box {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
  }

  .sub-container {
    display: grid;
    align-items: center;

    width: 100%;
    max-width: 1280px;
    height: 58px;
  }

  .first-container {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    padding: 0px;
    border: solid 1px rgb(230, 234, 237);
  }

  .text-button-gray,
  .text-button-gray-2 {
    cursor: pointer;
    display: flex;
    align-items: center;
  }

  .text-button-gray-3 {
    width: 71%;
  }

  .text-button-gray,
  .text-button-gray-2,
  .text-button-gray-3 {
    padding-right: 20px;
  }

  .divider {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-self: stretch;
    justify-content: center;
  }

  .full-bleed-thick-divider {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    height: 1px;

    background: rgb(233, 236, 239);
  }

  .button-text {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;
    padding: 0px 10px 0px 0px;

    font-size: 14px;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .system-icon-4 img {
    position: relative;
    flex-shrink: 0;
    width: 16px;
    height: 16px;

    img {
      margin: 0px 0px 5px 0px;
    }
  }

  .fill {
    position: absolute;
    z-index: 2;
    top: 29.48%;
    left: 10.74%;

    width: 78.52%;
    height: 42.8%;

    background: url(/hc/theming_assets/01HZH8JREV901Z0CVP90XCWKRH) no-repeat center;
    background-size: 100% 100%;
  }

  .button-text-3 {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;
    padding: 0px 10px 0px 0px;

    font-size: 14px;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .fill-5 {
    position: absolute;
    z-index: 3;
    top: 29.48%;
    left: 10.74%;

    width: 78.52%;
    height: 42.8%;

    background: url(/hc/theming_assets/01HZH8JREV901Z0CVP90XCWKRH) no-repeat center;
    background-size: 100% 100%;
  }

  .divider-6 {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-self: stretch;
    justify-content: center;
  }

  .full-bleed-thick-divider-7 {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    height: 1px;

    background: rgb(233, 236, 239);
  }

  .container-9 {
    display: flex;
    justify-content: center;
  }

  .container-8 {
    display: flex;
    flex-wrap: nowrap;
    gap: 80px;
    align-items: flex-start;
    align-self: stretch;
    justify-content: center;

    max-width: 1280px;
    padding: 40px;
  }

  .box-9 {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 18px;
    align-items: flex-start;
    align-self: stretch;

    width: 249px;
    min-height: 0;
  }

  .box-a {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: flex-start;

    width: 161px;
  }

  .box-b {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    align-self: stretch;

    min-width: 0;
    height: 28px;
  }

  .system-icon-c {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
  }

  .fill-d {
    position: absolute;
    z-index: 4;
    top: 5.83%;
    left: 5.83%;

    width: 88.35%;
    height: 88.33%;

    background: url(/hc/theming_assets/01HZH8JTS9BYCF895YN676JMBV) no-repeat center;
    background-size: 100% 100%;
  }

  .wadiz-help-center {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;

    height: 28px;

    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: rgb(33, 37, 41);
    text-align: center;
  }

  .text-button-gray-e {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 6px;
    align-items: center;
    justify-content: center;

    border-radius: 4px;
  }

  .text-button-gray-e:hover {
    background-color: #f2f4f6;
  }

  .button-text-f {
    flex-basis: auto;
    flex-shrink: 0;

    height: 28px;

    font-size: 16px;
    line-height: 28px;
    color: rgb(73, 80, 87);
    text-align: center;
    letter-spacing: -0.05px;
  }

  .system-icon-10 .system-icon-14 {
    position: relative;
    flex-shrink: 0;
    width: 20px;
    height: 20px;

    img {
      margin: 0px 0px 5px 0px;
    }
  }

  .fill-11 {
    position: absolute;
    z-index: 5;
    top: 29.48%;
    left: 10.74%;

    width: 78.55%;
    height: 42.8%;

    background: url(/hc/theming_assets/01HZH8JREV901Z0CVP90XCWKRH) no-repeat center;
    background-size: 100% 100%;
  }

  .text-button-gray-12 {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 6px;
    align-items: center;
    justify-content: center;

    border-radius: 4px;
  }

  .text-button-gray-12:hover {
    background-color: #f2f4f6;
  }

  .button-text-13 {
    flex-basis: auto;
    flex-shrink: 0;

    height: 28px;

    font-size: 16px;
    line-height: 28px;
    color: rgb(73, 80, 87);
    text-align: center;
    letter-spacing: -0.05px;
  }

  .fill-15 {
    position: absolute;
    z-index: 6;
    top: 29.48%;
    left: 10.74%;

    width: 20px;
    height: 20px;

    background: url(/hc/theming_assets/01HZH8JREV901Z0CVP90XCWKRH) no-repeat center;
    background-size: 100% 100%;
  }

  .divider-16 {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-self: stretch;
    justify-content: center;

    min-width: 0;
  }

  .full-bleed-thick-divider-17 {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    height: 1px;

    background: rgb(233, 236, 239);
  }

  .box-18 {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: flex-start;
    align-self: stretch;

    min-width: 0;
  }

  .Request-time {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;


    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: rgb(134, 142, 150);
    text-align: center;
  }

  .Request-time-contents {
    flex-basis: auto;
    flex-shrink: 0;
    align-self: stretch;

    height: auto;


    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(134, 142, 150);
  }

  .box-19 {
    display: flex;
    /*   flex-direction: column;
  align-items: flex-start; */
    flex-wrap: nowrap;
    /*   flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0; */
    gap: 40px;
  }

  .box-1a {
    display: flex;
    flex-direction: column;
    /*   align-items: center; */
    /*   align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0; */
    /*   gap: 16px; */
  }

  .box-1b {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    align-self: stretch;
  }

  .box-1c {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: flex-end;
    align-self: stretch;

    height: 20px;
    padding: 0 74px 0 0;
  }

  .wadiz {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;

    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .divider-1d {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: flex-start;

    height: 16px;
  }

  .tooltip__ad {
    cursor: pointer;
    position: relative;
    display: inline-block;
  }

  .tooltip__ad:hover::after {
    content: attr(data-tooltip__ad);

    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);

    width: 190px;
    padding: 8px;
    border: 1px solid #dee2e6;
    border-radius: 4px;


    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 18px;
    color: #495057;
    white-space: normal; /* 줄 바꿈을 허용 */

    visibility: hidden;
    opacity: 0;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);

    transition:
      opacity 0.2s,
      visibility 0.2s;
  }

  .tooltip__ad:hover::after {
    visibility: visible;
    opacity: 1;
  }

  .middle-divider {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    width: 1px;
    min-height: 0;

    background: rgb(233, 236, 239);
  }

  .representative-director {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;


    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .shin-hye-sung {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;

    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .divider-1e {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: flex-start;

    height: 16px;
  }

  .middle-divider-1f {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    width: 1px;
    min-height: 0;

    background: rgb(233, 236, 239);
  }

  .span-business-registration-number {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;

    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .divider-20 {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: flex-start;

    height: 16px;
  }

  .middle-divider-21 {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    width: 1px;
    min-height: 0;

    background: rgb(233, 236, 239);
  }

  .span-sales-registration-number {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;


    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .divider-22 {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: flex-start;

    height: 16px;
  }

  .middle-divider-23 {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    width: 1px;
    min-height: 0;

    background: rgb(233, 236, 239);
  }

  .span-address {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;

    height: 20px;


    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .box-24 {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: flex-end;
    align-self: stretch;

    height: 20px;
  }

  .span-email-consultation {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;

    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .divider-25 {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: flex-start;

    height: 16px;
  }

  .middle-divider-26 {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    width: 1px;
    min-height: 0;

    background: rgb(233, 236, 239);
  }

  .span-email {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;

    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .divider-27 {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: flex-start;

    height: 16px;
  }

  .middle-divider-28 {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    width: 1px;
    min-height: 0;

    background: rgb(233, 236, 239);
  }

  .wired-counseling {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;


    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .wadiz-co-ltd {
    flex-basis: auto;
    flex-shrink: 0;

    height: 20px;


    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: center;
  }

  .wadiz-disclaimer {
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;

    height: 40px;


    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(134, 142, 150);
    text-align: left;
    text-overflow: initial;
    white-space: nowrap;
  }

  .box-29 {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 32px;
    align-items: center;

    width: 240px;
    height: 128px;
  }

  .box-2a {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    align-self: stretch;

    min-width: 0;
    min-height: 0;
  }

  .box-2a:hover {
    background-color: #f2f4f6;
  }

  .artwork-logo-other-google-play {
    flex-shrink: 0;

    width: 24px;
    height: 24px;

    background: url(/hc/theming_assets/01HZH8JTB461JY172YM0990N2C) no-repeat center;
    background-size: cover;
  }

  .android-app {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;

    height: 20px;

    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: left;
  }

  .box-2b {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    align-self: stretch;

    width: 67px;
    min-height: 0;
  }

  .box-2b:hover {
    background-color: #f2f4f6;
  }

  .artwork-logo-other-apple {
    flex-shrink: 0;

    width: 24px;
    height: 24px;

    background: url(/hc/theming_assets/01HZH8JS9NPWW8JH8H2XFQFQRM) no-repeat center;
    background-size: cover;
  }

  .ios-app {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;

    min-width: 0;
    height: 20px;


    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(73, 80, 87);
    text-align: left;
  }

  &:hover {
    &:after {
      transform: translateX(15px);
      opacity: 0;
      transition: 400ms $ease_out;
    }

    &:before {
      transform: translateX(0);
      opacity: 1;
      transition: 700ms $ease_out;
    }
  }

  &:before,
  &:after {
    content: '\27F6';
    position: absolute;
    top: -25%;
    right: 0;
  }

  &:before {
    transform: translateX(-15px);
    opacity: 0;
  }

  &:after {
    transform: none;
  }

  .underline-btn {
    position: relative;

    display: inline-block;

    margin-top: 2rem;
    padding: 1em 0;
    border-radius: 0;

    font-size: 0.678rem;
    font-weight: bold;
    color: #b2876f;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;

    &:before,
    &:after {
      content: '';

      position: absolute;

      display: block;

      width: 0;
      height: 1px;
    }

    &:before {
      right: 0;
      bottom: 6px;
      left: 0;
      transition: width 0s ease, background 0.4s ease;
    }

    &:after {
      right: 2.2%;
      bottom: 6px;
      background: #b2876f;
      transition: width 0.4s ease;
    }

    &:hover {
      &:before {
        width: 97.8%;
        background: #b2876f;
        transition: width 0.4s ease;
      }

      &:after {
        width: 97.8%;
        background: 0 0;
        transition: all 0s ease;
      }
    }
  }

  .arrow-btn1 {
    position: relative;

    display: inline-block;

    margin-top: 2rem;
    padding-right: 2.5em;
    border-radius: 0;

    font-size: 0.8rem;
    font-weight: bold;
    color: #b2876f;
    text-decoration: none;
    letter-spacing: 2px;

    @include transition;

    &:hover {
      &:after {
        transform: translateX(15px);
        opacity: 0;
        transition: 400ms $ease_out;
      }

      &:before {
        transform: translateX(0);
        opacity: 1;
        transition: 700ms $ease_out;
      }
    }

    &:before,
    &:after {
      content: '\27F6';
      position: absolute;
      top: -25%;
      right: 0;
    }

    &:before {
      transform: translateX(-15px);
      opacity: 0;
    }

    &:after {
      transform: none;
    }
  }

  .site-footer {
    --white-68: rgba(255, 255, 255, 0.68);
    --black-84: rgba(0, 0, 0, 0.84);
    --black-54: rgba(0, 0, 0, 0.54);
    --pale-grey-30: rgba(240, 242, 245, 0.3);
    --dark: #1d2129;

    position: relative;

    padding-top: 120px;

    font-size: 12px;
    color: #212121;
    -webkit-text-size-adjust: none;

    background: #fff;
  }

  .site-footer hr {
    border-top-color: #bbb;
    opacity: 0.5;
  }

  .site-footer hr.small {
    margin: 20px 0;
  }

  .site-footer h6 {
    margin-top: 5px;

    font-size: 16px;
    color: gray;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

  .site-footer a {
    color: #737373;
  }

  .site-footer a:hover {
    color: #3366cc;
    text-decoration: none;
  }

  .footer-links {
    padding-left: 0;
    list-style: none;
  }

  .footer-links li {
    display: block;
  }

  .footer-links a {
    color: #737373;
  }

  .footer-links a:active,
  .footer-links a:focus,
  .footer-links a:hover {
    color: #3366cc;
    text-decoration: none;
  }

  .footer-links.inline li {
    display: inline-block;
  }

  .site-footer .social-icons {
    text-align: right;
  }

  .site-footer .social-icons a {
    width: 40px;
    height: 40px;
    margin-right: 0;
    margin-left: 6px;
    border-radius: 100%;

    line-height: 40px;

    background-color: #33353d;
  }

  .copyright-text {
    margin: 0;
  }

  .social-icons {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }

  .social-icons li {
    display: inline-block;
    margin-bottom: 4px;
  }

  .social-icons li.title {
    margin-right: 15px;

    font-size: 13px;
    font-weight: 700;
    color: #96a2b2;
    text-transform: uppercase;
  }

  .social-icons a {
    display: inline-block;

    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 100%;

    font-size: 16px;
    line-height: 44px;
    color: #818a91;
    text-align: center;

    background-color: #eceeef;

    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }

  .social-icons a:active,
  .social-icons a:focus,
  .social-icons a:hover {
    color: #fff;
    background-color: #29aafe;
  }

  .social-icons.size-sm a {
    width: 34px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
  }

  .social-icons a.facebook:hover {
    background-color: #3b5998;
  }

  .social-icons a.twitter:hover {
    background-color: #00aced;
  }

  .social-icons a.linkedin:hover {
    background-color: #007bb6;
  }

  .social-icons a.dribbble:hover {
    background-color: #ea4c89;
  }

  .mint btn1 {
    background: #00c4c4;
  }

  .remove_cantants {
    cursor: pointer;

    margin-top: 10px;
    padding: 10px 20px;
    border: 1px solid rgb(0, 196, 196);
    border-radius: 5px;

    font-size: 16px;
    color: black;

    background: white;
  }

  .remove_cantants:hover {
    background-color: aliceblue;
  }

  .detail-page-container {
    display: flex;
    flex-direction: column;
  }

  .detail-page-flex {
    display: flex;
  }

  .section-container {
    display: flex;
    flex-direction: column;
  }

  .section-container-cp {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
  }

  .floating-button {
    cursor: pointer;

    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 20px;

    width: 60px;
    height: 60px;
    border-radius: 50%;

    line-height: 50px;
    color: #fff;
    text-align: center;

    background: url('/hc/theming_assets/01HZH8JS9T1E9SMHTJXK9P76DH') no-repeat center/100%;
    background-color: transparent;
  }

  .aside-bar {
    width: 240px;
  }

  .navbar-toggle-n {
    font-size: medium;
    transition: transform 0.15s ease;
  }

  .navbar-toggle-n:hover {
    transform: scale(1.1);
  }

  .bgc {
    background-color: #66ff00 !important;
  }

  .card-bgc {
    background-color: #c9e2ff !important;
  }

  .bgc2 {
    background-color: #1e68ff !important;
  }

  .display-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 16px;

    padding: 0;

    text-align: center;
    list-style: none;
  }

  .category-card {
    cursor: pointer;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    max-width: 126px;
  }

  .category-card .card {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 70px;
  }

  .category-card img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* 또는 cover, 필요에 따라 택1 */
  }

  /* 텍스트(제목) 영역은 이미지 바로 아래에서 시작 */
  .category-card h4 {
    margin-top: 4px;
    text-align: center;
    overflow-wrap: anywhere;
  }

  #optionSelect {
    position: relative;

    width: 150px;
    padding: 0.8em 0.2em 0.1em;
    padding-right: 30px;
    border: none;
    border-bottom: 1px solid black;

    font-family: inherit;
    font-size: 25px;
    font-weight: bold;
    text-align: center;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/hc/theming_assets/01HZH8JREV901Z0CVP90XCWKRH') no-repeat 95% 75%;
    background-color: transparent;
  }

  #optionSelect:focus {
    outline: none;
  }

  #optionSelect option {
    position: absolute;
    top: 100%;
    left: 0;
  }

  #formImage {
    width: 30px;
    height: auto;
  }

  .button-yds6 {
    display: flex;
    justify-content: center;
    list-style-type: none;
  }

  .footer_wadiz_raper {
    padding: 0px 16px 0px 0px;
    font-size: 14px;
    font-weight: 400;
  }

  .footer_wadiz_top_container {
    display: block;
    font-style: italic;
  }

  .footer_wadiz_bottom_container {
    font-size: 14px;
  }

  .footer_wadiz_info_container {
    margin: 0px;
    list-style: none;
  }

  .footer_wadiz_info {
    position: relative;

    display: inline;

    box-sizing: border-box;
    width: 100%;
    padding: 0px;

    font-style: normal;
    text-align: left;
    text-decoration: none;
  }

  .footer_wadiz_info_list {
    flex-shrink: 0;
    margin-top: 4px;
    padding: 0px;
  }

  .footer_wadiz_list {
    position: relative;

    display: inline;

    box-sizing: border-box;
    width: 100%;
    padding: 0px;

    font-style: normal;
    color: #1e1e1e;
    text-align: left;
    text-decoration: none;
  }

  .footer_wadiz_url_container {
    display: flex;
  }

  .footer_wadiz_info_list li::after {
    content: '|';
    margin: 0px 1px;
    color: #dde2e6;
  }

  .footer_wadiz_info_list:last-child::after {
    content: '';
  }

  .footer_wadiz_info_container li::after {
    content: '|';
    margin: 0px 3px;
    color: #dde2e6;
  }

  .footer_wadiz_info_container:last-child::after {
    content: '';
  }

  .bottom-AI-img {
    width: 100%;
    height: 90px;
    object-fit: cover;
  }

  .qurey-icon {
    /*   object-fit:cover; */
    width: 100%;
    height: auto;
  }

  .helphome-img {
    width: 500px;
    max-width: 100%;
    height: auto;
  }

  .helpmain_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: center;

    width: 100%;
    max-width: 764px;
    height: auto;
    margin: 40px 0px 36px 0px;
    border: none;

    text-align: center;

    background: none;
  }

  .helpmain_tabs_wrap {
    display: flex;
    justify-content: center;
  }

  .helpmain_btn1:hover {
    background-color: #a0d6d6; /* 기본보다 살짝 어두운 색 */
  }

  .helpmain_btn2:hover {
    background-color: #666; /* 기본보다 살짝 밝은 색 */
  }

  .category-container {
    margin: 0px;
    padding: 0px;
  }

  .tabs button {
    cursor: pointer;

    float: left;

    padding: 0px 0px 5px 0px;
    border: none;
    border-bottom: 4px solid transparent;

    color: #000;

    background-color: inherit;
    outline: none;
  }

  .tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;

    width: 100%;
    height: auto;
    margin-top: 40px;
    border: none;

    text-align: center;

    background: none;
  }

  .tabs .user_selected {
    font-size: 24px;
    font-weight: 700;
    color: #cdd3d8;
    background-color: transparent;
  }

  .tabs button.active {
    border-bottom: 4px solid rgb(30, 191, 187);
    color: rgb(30, 191, 187);
  }

  .element_title {
    display: flex;
    flex-direction: column; /* 요소들을 세로 방향으로 배치 */
    align-items: center; /* 가로 가운데 정렬 */
    justify-content: center; /* 세로 가운데 정렬 */

    min-height: 50vh; /* 컨테이너 높이를 화면 전체로 설정 */

    text-align: center;
  }

  .FAQ_title {
    display: flex;
    justify-content: center;
  }

  .FAQ_title h1 {
    margin-top: 60px;
    margin-bottom: 40px;
    font-size: 36px;
  }

  .FAQ_card_title {
  }

  .FAQ_card_answers {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    color: #a9a9a9;
    text-overflow: ellipsis;
    white-space: normal;
  }

  .document_more {
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    color: #fff;
  }

  .document_more a {
    align-content: center;

    width: 147px;
    height: 48px;

    text-decoration: none;

    background-color: #00c4c4;
  }

  .document_more a:hover {
    color: #fff;
  }

  .document_more a:hover {
    background-color: #000;
  }

  .document_more_wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
  }

  .helpmain_category_tabs {
    align-items: center;
    /*   min-width:88px; */
    height: 48px;
    padding: 5px;
    padding: 0px 16px 0px 16px;
    border: 1px solid transparent;
    border-radius: 56px;

    font-size: 16px;
    /*   margin-bottom:10px; */
    font-weight: 500;
    color: #495057;

    background-color: #f9fafb;
  }

  .section-category {
    display: inline-block;
    margin: 5px;
  }

  .section-category.active button {
    border: 1px solid #5cdede;
    background-color: #e7f9f9;
  }

  .FAQ_container {
    margin-bottom: 5rem;
  }

  .FAQ_item {
    box-sizing: border-box;
    height: auto;
    /*   width: calc(50% - 20px);  */
    margin: 10px;
  }

  .section_document {
    width: 330px;
    height: 160px;
    padding: 24px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
  }

  .section_document {
    transition: transform 0.2s ease-in-out;
  }

  .section_document:hover {
    transform: scale(1.02); /* 10% 확대 */
    border: 1px solid rgb(92, 222, 222);
    /* background-color: aliceblue; */
    background-color: rgb(231, 249, 249);
  }

  .articlelist {
    display: block;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }

  .section_container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;

    box-sizing: border-box;
    max-width: 1024px;
    height: auto;
    margin: auto;
  }

  .section_container a {
    text-align: left;
  }

  .pure_reports {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }

  .pure_reports_wrap {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;

    background-color: #b9eeee;
  }

  .pure_reports_title {
    margin: 0px 0px 10px 0px;
    font-size: 20px;
    letter-spacing: -0.5px;
  }

  .pure_reports_box {
    margin-bottom: 4px;
  }

  .pure_reports_subTitle {
    display: flex;
    flex: 1;
    gap: 8px;
    white-space: pre-wrap;
  }

  .pure_reports_subTitle_t1 {
    overflow: hidden;
    display: -webkit-box;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

    width: 215px;

    text-overflow: ellipsis;
    white-space: normal;
  }

  .pure_reports_title button {
    font-size: 13px;
  }

  .pure_reports_subTitle_t2 {
  }

  .pure_reports_container {
    display: flex;
    align-items: center;
    width: 1024px;
    margin: 36px;
  }

  .pure_reports_decription {
    flex: 1;
    height: 82px;
  }

  .pure_reports_button {
    cursor: pointer;

    float: right;
    flex: 1;

    max-width: 108px;
    height: 40px;
    margin: 10px;
    border: none;
    border-radius: 4px;

    font-weight: 600;
    color: #fff;
  }

  .pure_reports_button a {
    align-content: center;

    width: 117px;
    height: 40px;
    border: none;

    color: #fff;
    text-decoration: none;

    background-color: #000;
  }

  /* 하단섹션 공통 */
  .noti_chat_survey_box {
    flex-grow: 1;

    padding: 24px;
    border: 1px solid #dde2e6;
    border-radius: 8px;

    background-color: #fff;
  }

  .width330 {
    width: 330px;
    height: 198px;
    /* 	overflow: hidden; */
  }

  .header_fontSize {
    margin: 0px 0px 16px 0px;
    font-size: 20px;
  }

  /* 하단섹션 공통 */

  .noti_chat_survey_container {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: auto;
    min-height: 318px;

    background-color: #f9fafb;
  }

  .noti_chat_survey_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;

    width: 1024px;
    margin: 60px 0px 60px 0px;
  }

  .chatbot {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 0px 0px 0px;
  }

  .chatbot span {
    gap: 12px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
  }

  .chatbot img {
    width: 36px;
    height: 36px;
  }

  .font-24 {
    font-size: 24px;
  }

  .header-btn {
    max-width: 150px;
  }

  .header-link {
    font-weight: bold;
  }

  .call_mint {
    height: 40px;
    margin-right: 5px;
  }

  .survey_section {
    background-color: #2ed5d5;
  }

  .survey_title {
    font-size: 20px;
  }

  .survey_list {
    margin-top: 40px;
    padding-left: 0;
    list-style-type: none;

    li {
      margin-bottom: 12px;
      font-size: 18px;
    }
  }

  .survey_contents {
    display: flex;
    flex: 1;

    margin-bottom: 10px;

    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    white-space: pre-wrap;
  }

  .survey_button {
    display: flex;
    justify-content: center;
    margin-top: 16px;
  }

  .survey_button a {
    font-size: 14px;
    color: #000;
    background-color: #dde2e6;
  }

  .survey_button a:hover {
    background-color: #8be4e4;
  }

  .arrow img {
    display: none;
    width: 16px;
    height: 16px;
    margin-bottom: 2px;
  }

  .container_wrap {
    display: flex;
    align-items: center;

    -webkit-box-align: center;
  }

  #topBtn {
    cursor: pointer;

    position: fixed;
    z-index: 9999;
    right: 16px;
    bottom: 90px;

    display: block;

    border: none;

    background-color: transparent;
    outline: none;
  }

  .fc-black {
    color: #000;
  }

  .fc-white {
    color: #fff;
  }

  .topscroll img {
    width: 100%;
  }

  .hover-text-color :hover {
    color: rgb(89 189 181);
    text-decoration: underline;
  }

  .pure_reports_subTitle_t1 :hover {
    color: rgb(89 189 181);
  }

  .pointer {
    cursor: pointer;
  }

  .header-style h1 {
    margin: 0px 0px 16px 0px;
  }

  .quiry-contents-box {
    margin-top: 139px;
  }

  .page-title {
    font-size: 32px;
  }

  .sectionpage-contents-wrap {
    max-width: 744px;
  }

  .sectionpage-contents {
    width: 100%;
    height: auto;
  }

  .section-wrap {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-bottom: 40px;
  }

  .section-side-bar {
    background-color: #f0f0f0; /* 배경색 */
  }

  .section-side-wrap {
    padding: 24px;
  }

  .section-side-container {
    display: grid;
    gap: 12px;
    margin-bottom: 24px;
    border-bottom: solid 1px #dde2e6;
  }

  .section-side-container h3 {
    margin: 0px;
  }

  .mgb-24 a {
    text-decoration: none;
  }

  .bg-gray-F9FAFB {
    background-color: #f9fafb;
  }

  .side-bar-arrow {
    float: right;
    /*   margin-top:7px; */
  }

  .media-bodys img {
    display: flex;
    align-content: center;
  }

  .categorys-more {
    margin-bottom: 60px;
  }

  .article-page-sbc {
    display: flex;
  }

  .section-article-wrap {
    width: 100%;
    max-width: 744px;
    height: auto;
  }

  .article-content h3 {
    margin: 0px 0px 15px 0px;
  }

  .article-header {
    margin-left: 1rem;
  }

  .contents-container {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .article-header-fs h1 {
    margin: 7px 0px 7px 14px;
  }

  .none {
    display: none;
  }

  .middle-section-textcenter {
    text-align: center;
  }

  .noti_section {
    overflow: hidden;
    width: auto;
  }

  .more_button {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }

  .more_button img {
    margin-bottom: 2.5px;
  }

  .more_button a:hover img {
    color: #8be4e4;
  }

  .head-tops {
    margin-top: 50px;
  }

  .header-noti-chat {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 185px;
    height: 60px;
    margin-top: 10px;
    border: none;
    border-radius: 0.5rem;

    background-color: aliceblue;
  }

  .header-noti-chat img {
    width: 60px;
    padding-right: 20px;
  }

  .main-logo-img {
    width: 185px;
    border: none;
  }

  .navbar-item {
    position: relative;
    display: flex;
  }

  .navbar-item button {
    cursor: pointer;

    max-width: 225px;
    height: 92px;
    margin: 0.5rem 0px 0px 0px;
    border: none;

    font-size: 18px;
    color: #333;

    background: none;
  }

  .sub-menu-w {
    width: 170px;
    margin: 20px 0px;
  }

  .navbar-item button:hover {
    color: #00c4c4;
  }

  .main-title {
    text-align: center;
  }

  .submenu-title {
    width: 170px;
    text-align: center;
  }

  .dropdown-Submenu-wrap {
    display: flex;
    max-width: 1140px;
    margin-left: 60px;
  }

  .dropdown-Submenu {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    transform: translateY(-30px);

    width: 100%;

    text-align: left;

    visibility: hidden;
    opacity: 0;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    transition:
      opacity 0.3s ease-in-out,
      visibility 0.3s ease-in-out,
      transform 0.3s ease-in-out;
  }

  header:hover .dropdown-Submenu,
  .dropdown-Submenu:hover {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
  }

  .dropdown-Submenu button {
    cursor: pointer;

    display: block;

    margin: 10px 0px;
    border: none;

    text-align: left;
    text-decoration: none;
    white-space: nowrap;

    background: none;
  }

  .dropdown-Submenu button:hover {
    color: #00c4c4;
  }

  .navbar-item:hover .dropdown-Submenu {
    transform: translateY(0);
    visibility: visible; /* display: block; 대신 visibility 사용 */
    opacity: 1;
  }

  .mobile-button img {
    margin-bottom: 3px;
  }

  .forbusiness {
    width: 150px;
  }

  /* 모달 팝업 기본 스타일 */
  .modal {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: none; /* 기본 숨김 */

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.5); /* 어두운 반투명 배경 */
    backdrop-filter: blur(1px); /* 배경 블러 효과 */
  }
  /* 모달 내용 영역 */
  .modal-content {
    position: relative;

    width: 90%;
    max-width: 600px;
    margin: 10% auto;
    padding: 30px;
    border-radius: 8px;

    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  }
  /* 닫기 버튼 */
  .close {
    cursor: pointer;

    position: absolute;
    top: 15px;
    right: 15px;

    font-size: 28px;
    font-weight: 700;
    color: #555;
  }

  .close:hover {
    color: #000;
  }
  /* 트리거 링크 스타일 */
  #makerCriteriaLink,
  #wadizOnlyLink {
    cursor: pointer;
    font-weight: bold;
    color: #02cccc;
    text-decoration: none;
  }

  @media (min-width: 768px) {
    .md\:col {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }


    .md\:col-auto {
      flex: 1 0 300px;
    }

    .md\:col-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }

    .md\:col-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }

    .md\:col-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .md\:col-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }

    .md\:col-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }

    .md\:col-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .md\:col-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }

    .md\:col-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }

    .md\:col-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .md\:col-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }

    .md\:col-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }

    .md\:col-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .md\:col-order-1 {
      order: 1;
    }

    .md\:col-order-2 {
      order: 2;
    }

    .md\:col-order-3 {
      order: 3;
    }

    .md\:col-order-4 {
      order: 4;
    }

    .md\:col-order-5 {
      order: 5;
    }

    .md\:col-order-6 {
      order: 6;
    }

    .md\:col-order-7 {
      order: 7;
    }

    .md\:col-order-8 {
      order: 8;
    }

    .md\:col-order-9 {
      order: 9;
    }

    .md\:col-order-10 {
      order: 10;
    }

    .md\:col-order-11 {
      order: 11;
    }

    .md\:col-order-12 {
      order: 12;
    }


    .md\:col-offset-0 {
      margin-left: 0;
    }


    .md\:col-offset-1 {
      margin-left: 8.3333333333%;
    }


    .md\:col-offset-2 {
      margin-left: 16.6666666667%;
    }


    .md\:col-offset-3 {
      margin-left: 25%;
    }


    .md\:col-offset-4 {
      margin-left: 33.3333333333%;
    }


    .md\:col-offset-5 {
      margin-left: 41.6666666667%;
    }


    .md\:col-offset-6 {
      margin-left: 50%;
    }


    .md\:col-offset-7 {
      margin-left: 58.3333333333%;
    }


    .md\:col-offset-8 {
      margin-left: 66.6666666667%;
    }


    .md\:col-offset-9 {
      margin-left: 75%;
    }


    .md\:col-offset-10 {
      margin-left: 83.3333333333%;
    }


    .md\:col-offset-11 {
      margin-left: 91.6666666667%;
    }
  }

  @media (min-width: 992px) {
    .lg\:col {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }

    .lg\:col-auto {
      flex: 1 0 300px;
    }

    .lg\:col-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }

    .lg\:col-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }

    .lg\:col-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .lg\:col-4 {
      flex: 0 0 20.3333333333%;
      max-width: 20.3333333333%;
    }

    .lg\:col-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }

    .lg\:col-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .lg\:col-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }

    .lg\:col-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }

    .lg\:col-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .lg\:col-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }

    .lg\:col-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }

    .lg\:col-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }


    .lg\:col-order-1 {
      order: 1;
    }


    .lg\:col-order-2 {
      order: 2;
    }


    .lg\:col-order-3 {
      order: 3;
    }


    .lg\:col-order-4 {
      order: 4;
    }


    .lg\:col-order-5 {
      order: 5;
    }


    .lg\:col-order-6 {
      order: 6;
    }


    .lg\:col-order-7 {
      order: 7;
    }


    .lg\:col-order-8 {
      order: 8;
    }


    .lg\:col-order-9 {
      order: 9;
    }


    .lg\:col-order-10 {
      order: 10;
    }


    .lg\:col-order-11 {
      order: 11;
    }


    .lg\:col-order-12 {
      order: 12;
    }

    .lg\:col-offset-0 {
      margin-left: 0;
    }

    .lg\:col-offset-1 {
      margin-left: 8.3333333333%;
    }

    .lg\:col-offset-2 {
      margin-left: 16.6666666667%;
    }

    .lg\:col-offset-3 {
      margin-left: 25%;
    }

    .lg\:col-offset-4 {
      margin-left: 33.3333333333%;
    }

    .lg\:col-offset-5 {
      margin-left: 41.6666666667%;
    }

    .lg\:col-offset-6 {
      margin-left: 50%;
    }

    .lg\:col-offset-7 {
      margin-left: 58.3333333333%;
    }

    .lg\:col-offset-8 {
      margin-left: 66.6666666667%;
    }

    .lg\:col-offset-9 {
      margin-left: 75%;
    }

    .lg\:col-offset-10 {
      margin-left: 83.3333333333%;
    }

    .lg\:col-offset-11 {
      margin-left: 91.6666666667%;
    }
  }

  @media (min-width: 1200px) {
    .xl\:col {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }

    .xl\:col-auto {
      flex: 1 0 300px;
    }

    .xl\:col-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }

    .xl\:col-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }

    .xl\:col-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .xl\:col-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }

    .xl\:col-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }

    .xl\:col-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .xl\:col-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }

    .xl\:col-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }

    .xl\:col-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .xl\:col-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }

    .xl\:col-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }

    .xl\:col-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .xl\:col-order-1 {
      order: 1;
    }

    .xl\:col-order-2 {
      order: 2;
    }

    .xl\:col-order-3 {
      order: 3;
    }

    .xl\:col-order-4 {
      order: 4;
    }

    .xl\:col-order-5 {
      order: 5;
    }

    .xl\:col-order-6 {
      order: 6;
    }

    .xl\:col-order-7 {
      order: 7;
    }

    .xl\:col-order-8 {
      order: 8;
    }

    .xl\:col-order-9 {
      order: 9;
    }

    .xl\:col-order-10 {
      order: 10;
    }

    .xl\:col-order-11 {
      order: 11;
    }

    .xl\:col-order-12 {
      order: 12;
    }

    .xl\:col-offset-0 {
      margin-left: 0;
    }

    .xl\:col-offset-1 {
      margin-left: 8.3333333333%;
    }

    .xl\:col-offset-2 {
      margin-left: 16.6666666667%;
    }

    .xl\:col-offset-3 {
      margin-left: 25%;
    }

    .xl\:col-offset-4 {
      margin-left: 33.3333333333%;
    }

    .xl\:col-offset-5 {
      margin-left: 41.6666666667%;
    }

    .xl\:col-offset-6 {
      margin-left: 50%;
    }

    .xl\:col-offset-7 {
      margin-left: 58.3333333333%;
    }

    .xl\:col-offset-8 {
      margin-left: 66.6666666667%;
    }

    .xl\:col-offset-9 {
      margin-left: 75%;
    }

    .xl\:col-offset-10 {
      margin-left: 83.3333333333%;
    }

    .xl\:col-offset-11 {
      margin-left: 91.6666666667%;
    }
  }

  @media (min-width: 400px) {
    #logo {
      height: 20px;
    }
  }

  @media (max-width: 420px) {
    #logo {
      height: 20px;
    }

    #helpLogo {
      width: 60px;
    }

    .img {
      height: 10px;
    }
  }

  @media (min-width: 576px) {
    .media-body {
      width: 100%;
    }

    .nav-tabs {
      flex-direction: row;
      border-width: 0 0 1px;
    }

    .nav-tabs .nav-item,
    .nav-tabs .nav-link {
      z-index: 1;
    }

    .nav-tabs .nav-item {
      border-bottom: none;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }

    .nav-tabs .nav-link {
      margin-bottom: -1px;
      border-color: transparent;
      border-style: solid;
      border-width: 1px;
      border-bottom-color: #e2e8f0;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }

    .nav-tabs .nav-link.is-active {
      border-color: #e2e8f0;
      border-bottom-color: transparent;
      background-color: #fff;
    }

    .nav-tabs .dropdown-menu {
      border-top: none;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .nav-tabs .dropdown-menu .is-active {
      border: none;
      font-weight: 500;
    }
  }

  @media (min-width: 768px) {
    .md\:menu-expanded {
      position: revert;
      top: auto;
      bottom: auto;

      flex-direction: row;
      flex-wrap: wrap;

      width: auto;
      max-width: none;
      padding: 0;

      text-align: left;

      background-color: transparent;
      box-shadow: none;
    }
  }

  @media (min-width: 992px) {
    .lg\:menu-expanded {
      position: revert;
      top: auto;
      bottom: auto;

      flex-direction: row;
      flex-wrap: wrap;

      width: auto;
      max-width: none;
      padding: 0;

      text-align: left;

      background-color: transparent;
      box-shadow: none;
    }
  }

  @media (min-width: 1200px) {
    .xl\:menu-expanded {
      position: revert;
      top: auto;
      bottom: auto;

      flex-direction: row;
      flex-wrap: wrap;

      width: auto;
      max-width: none;
      padding: 0;

      text-align: left;

      background-color: transparent;
      box-shadow: none;
    }

    .media-body {
      padding-left: 0;
    }
  }

  @media screen and (min-width: 1097px) {
    .show {
      flex-direction: row;
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 80px;
    }

    .floating-button {
      position: fixed;
      z-index: 9999;

      display: flex;

      width: 60px !important;
      height: 60px !important;
    }
  }

  @media (max-width: 767.98px) {
    .collapsible-nav {
      cursor: pointer;

      position: relative;

      overflow: hidden;
      flex-direction: column;
      flex-wrap: nowrap;

      max-height: 3em;
      margin-right: 0;
      margin-left: 0;

      transition: max-height 0.3s ease-in-out;
    }

    .collapsible-nav > * {
      line-height: 3em;
    }

    .collapsible-nav > [aria-selected='true'] {
      order: -1;
    }

    .collapsible-nav .nav-link {
      padding: 0;
      border: none;
    }

    .collapsible-nav .nav-link::after {
      display: none;
    }

    .collapsible-nav .nav-link.is-active {
      order: -1;
      color: inherit;
      background-color: transparent;
    }

    .collapsible-nav::after {
      pointer-events: none;
      content: '';

      position: absolute;
      top: calc(3em / 2 - 0.5em);
      right: 0;

      width: 1em;
      height: 1em;

      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%232D3748' stroke-linecap='round' d='M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5'%3E%3C/path%3E%3C/svg%3E")
        no-repeat transparent center center;
    }

    [dir='rtl'] .collapsible-nav::after {
      right: auto;
      left: 0;
    }

    .collapsible-nav.is-expanded {
      max-height: 100vh;
    }

    .collapsible-nav.is-expanded::after {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%232D3748' stroke-linecap='round' d='M3 9l6-6m0 6L3 3'%3E%3C/path%3E%3C/svg%3E")
        no-repeat transparent center center;
    }

    .collapsible-nav .dropdown-menu {
      display: none !important;
    }
  }

  @media (max-width: 767.98px) {
    .collapse-title {
      cursor: pointer;
      user-select: none;

      position: relative;

      display: flex;
      align-items: center;
      justify-content: space-between;

      margin: 0;
      padding: 0.75rem 0;

      font-size: 1em;

      transition: color 0.15s ease-in-out;
    }

    .collapse-title::after {
      content: '';
      width: 1em;
      height: 1em;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%232D3748' stroke-linecap='round' d='M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5'%3E%3C/path%3E%3C/svg%3E")
        no-repeat transparent center center;
    }

    .collapse-title.is-active::after {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%232D3748' stroke-linecap='round' d='M3 9l6-6m0 6L3 3'%3E%3C/path%3E%3C/svg%3E")
        no-repeat transparent center center;
    }

    .collapse-title:focus,
    .collapse-title:hover {
      text-decoration: none;
      outline: none;
    }
  }

  @media (min-width: 576px) {
    .sm\:expand {
      overflow: visible;
      display: flex !important;
      height: 100% !important;
      max-height: none !important;
    }
  }

  @media (min-width: 768px) {
    .md\:expand {
      overflow: visible;
      display: flex !important;
      height: 100% !important;
      max-height: none !important;
    }
  }

  @media (min-width: 992px) {
    .lg\:expand {
      overflow: visible;
      display: flex !important;
      height: 100% !important;
      max-height: none !important;
    }
  }

  @media (min-width: 1200px) {
    .xl\:expand {
      overflow: visible;
      display: flex !important;
      height: 100% !important;
      max-height: none !important;
    }
  }

  @media (min-width: 576px) {
    .sm\:text-inherit {
      color: inherit;
    }

    .sm\:text-base {
      color: #403b3b;
    }

    .sm\:text-black {
      color: #000;
    }

    .sm\:text-white {
      color: #fff;
    }

    .sm\:text-gray-100 {
      color: #F7FAFC;
    }

    .sm\:text-gray-200 {
      color: #EDF2F7;
    }

    .sm\:text-gray-300 {
      color: #e2e8f0;
    }

    .sm\:text-gray-400 {
      color: #cbd5e0;
    }

    .sm\:text-gray-500 {
      color: #a0aec0;
    }

    .sm\:text-gray-600 {
      color: rgba(199, 203, 199, 1);
    }

    .sm\:text-gray-700 {
      color: #4a5568;
    }

    .sm\:text-gray-800 {
      color: #2d3748;
    }

    .sm\:text-gray-900 {
      color: #1a202c;
    }

    .sm\:text-red-500 {
      color: #f56565;
    }

    .sm\:text-orange-500 {
      color: #ed8936;
    }

    .sm\:text-green-500 {
      color: #48bb78;
    }

    .sm\:text-primary {
      color: rgba(5, 5, 6, 1);
    }

    .sm\:text-secondary {
      color: #007c89;
    }

    .sm\:text-tertiary {
      color: #007c89;
    }

    .sm\:text-primary-inverse {
      color: #fff;
    }

    .sm\:text-secondary-inverse {
      color: #fff;
    }

    .sm\:text-tertiary-inverse {
      color: #fff;
    }
  }

  @media (min-width: 768px) {
    .md\:text-inherit {
      color: inherit;
    }

    .md\:text-base {
      color: #403b3b;
    }

    .md\:text-black {
      color: #000;
    }

    .md\:text-white {
      color: #fff;
    }

    .md\:text-gray-100 {
      color: #F7FAFC;
    }

    .md\:text-gray-200 {
      color: #EDF2F7;
    }

    .md\:text-gray-300 {
      color: #e2e8f0;
    }

    .md\:text-gray-400 {
      color: #cbd5e0;
    }

    .md\:text-gray-500 {
      color: #a0aec0;
    }

    .md\:text-gray-600 {
      color: rgba(199, 203, 199, 1);
    }

    .md\:text-gray-700 {
      color: #4a5568;
    }

    .md\:text-gray-800 {
      color: #2d3748;
    }

    .md\:text-gray-900 {
      color: #1a202c;
    }

    .md\:text-red-500 {
      color: #f56565;
    }

    .md\:text-orange-500 {
      color: #ed8936;
    }

    .md\:text-green-500 {
      color: #48bb78;
    }

    .md\:text-primary {
      color: rgba(5, 5, 6, 1);
    }

    .md\:text-secondary {
      color: #007c89;
    }

    .md\:text-tertiary {
      color: #007c89;
    }

    .md\:text-primary-inverse {
      color: #fff;
    }

    .md\:text-secondary-inverse {
      color: #fff;
    }

    .md\:text-tertiary-inverse {
      color: #fff;
    }
  }

  @media (min-width: 992px) {
    .lg\:text-inherit {
      color: inherit;
    }

    .lg\:text-base {
      color: #403b3b;
    }

    .lg\:text-black {
      color: #000;
    }

    .lg\:text-white {
      color: #fff;
    }

    .lg\:text-gray-100 {
      color: #F7FAFC;
    }

    .lg\:text-gray-200 {
      color: #EDF2F7;
    }

    .lg\:text-gray-300 {
      color: #e2e8f0;
    }

    .lg\:text-gray-400 {
      color: #cbd5e0;
    }

    .lg\:text-gray-500 {
      color: #a0aec0;
    }

    .lg\:text-gray-600 {
      color: rgba(199, 203, 199, 1);
    }

    .lg\:text-gray-700 {
      color: #4a5568;
    }

    .lg\:text-gray-800 {
      color: #2d3748;
    }

    .lg\:text-gray-900 {
      color: #1a202c;
    }

    .lg\:text-red-500 {
      color: #f56565;
    }

    .lg\:text-orange-500 {
      color: #ed8936;
    }

    .lg\:text-green-500 {
      color: #48bb78;
    }

    .lg\:text-primary {
      color: rgba(5, 5, 6, 1);
    }

    .lg\:text-secondary {
      color: #007c89;
    }

    .lg\:text-tertiary {
      color: #007c89;
    }

    .lg\:text-primary-inverse {
      color: #fff;
    }

    .lg\:text-secondary-inverse {
      color: #fff;
    }

    .lg\:text-tertiary-inverse {
      color: #fff;
    }
  }

  @media (min-width: 1200px) {
    .xl\:text-inherit {
      color: inherit;
    }

    .xl\:text-base {
      color: #403b3b;
    }

    .xl\:text-black {
      color: #000;
    }

    .xl\:text-white {
      color: #fff;
    }

    .xl\:text-gray-100 {
      color: #F7FAFC;
    }

    .xl\:text-gray-200 {
      color: #EDF2F7;
    }

    .xl\:text-gray-300 {
      color: #e2e8f0;
    }

    .xl\:text-gray-400 {
      color: #cbd5e0;
    }

    .xl\:text-gray-500 {
      color: #a0aec0;
    }

    .xl\:text-gray-600 {
      color: rgba(199, 203, 199, 1);
    }

    .xl\:text-gray-700 {
      color: #4a5568;
    }

    .xl\:text-gray-800 {
      color: #2d3748;
    }

    .xl\:text-gray-900 {
      color: #1a202c;
    }

    .xl\:text-red-500 {
      color: #f56565;
    }

    .xl\:text-orange-500 {
      color: #ed8936;
    }

    .xl\:text-green-500 {
      color: #48bb78;
    }

    .xl\:text-primary {
      color: rgba(5, 5, 6, 1);
    }

    .xl\:text-secondary {
      color: #007c89;
    }

    .xl\:text-tertiary {
      color: #007c89;
    }

    .xl\:text-primary-inverse {
      color: #fff;
    }

    .xl\:text-secondary-inverse {
      color: #fff;
    }

    .xl\:text-tertiary-inverse {
      color: #fff;
    }
  }

  @media (min-width: 576px) {
    .sm\:font-size-xs {
      font-size: 0.75rem;
    }

    .sm\:font-size-sm {
      font-size: 0.875rem;
    }

    .sm\:font-size-md {
      font-size: 0.9375rem;
    }

    .sm\:font-size-base {
      font-size: 1rem;
    }

    .sm\:font-size-lg {
      font-size: 1.125rem;
    }

    .sm\:font-size-xl {
      font-size: 1.25rem;
    }

    .sm\:font-size-2xl {
      font-size: 1.5rem;
    }

    .sm\:font-size-3xl {
      font-size: 1.875rem;
    }

    .sm\:font-size-4xl {
      font-size: 2.25rem;
    }

    .sm\:font-size-5xl {
      font-size: 3.5rem;
    }

    .sm\:font-size-6xl {
      font-size: 4rem;
    }
  }

  @media (min-width: 768px) {
    .md\:font-size-xs {
      font-size: 0.75rem;
    }

    .md\:font-size-sm {
      font-size: 0.875rem;
    }

    .md\:font-size-md {
      font-size: 0.9375rem;
    }

    .md\:font-size-base {
      font-size: 1rem;
    }

    .md\:font-size-lg {
      font-size: 1.125rem;
    }

    .md\:font-size-xl {
      font-size: 1.25rem;
    }

    .md\:font-size-2xl {
      font-size: 1.5rem;
    }

    .md\:font-size-3xl {
      font-size: 1.875rem;
    }

    .md\:font-size-4xl {
      font-size: 2.25rem;
    }

    .md\:font-size-5xl {
      font-size: 3.5rem;
    }

    .md\:font-size-6xl {
      font-size: 4rem;
    }
  }

  @media (min-width: 992px) {
    .lg\:font-size-xs {
      font-size: 0.75rem;
    }

    .lg\:font-size-sm {
      font-size: 0.875rem;
    }

    .lg\:font-size-md {
      font-size: 0.9375rem;
    }

    .lg\:font-size-base {
      font-size: 1rem;
    }

    .lg\:font-size-lg {
      font-size: 1.125rem;
    }

    .lg\:font-size-xl {
      font-size: 1.25rem;
    }

    .lg\:font-size-2xl {
      font-size: 1.5rem;
    }

    .lg\:font-size-3xl {
      font-size: 1.875rem;
    }

    .lg\:font-size-4xl {
      font-size: 2.25rem;
    }

    .lg\:font-size-5xl {
      font-size: 3.5rem;
    }

    .lg\:font-size-6xl {
      font-size: 4rem;
    }
  }

  @media (min-width: 1200px) {
    .xl\:font-size-xs {
      font-size: 0.75rem;
    }

    .xl\:font-size-sm {
      font-size: 0.875rem;
    }

    .xl\:font-size-md {
      font-size: 0.9375rem;
    }

    .xl\:font-size-base {
      font-size: 1rem;
    }

    .xl\:font-size-lg {
      font-size: 1.125rem;
    }

    .xl\:font-size-xl {
      font-size: 1.25rem;
    }

    .xl\:font-size-2xl {
      font-size: 1.5rem;
    }

    .xl\:font-size-3xl {
      font-size: 1.875rem;
    }

    .xl\:font-size-4xl {
      font-size: 2.25rem;
    }

    .xl\:font-size-5xl {
      font-size: 3.5rem;
    }

    .xl\:font-size-6xl {
      font-size: 4rem;
    }
  }

  @media (min-width: 576px) {
    .sm\:normal {
      font-style: normal;
    }

    .sm\:italic {
      font-style: italic;
    }
  }

  @media (min-width: 768px) {
    .md\:normal {
      font-style: normal;
    }

    .md\:italic {
      font-style: italic;
    }
  }

  @media (min-width: 992px) {
    .lg\:normal {
      font-style: normal;
    }

    .lg\:italic {
      font-style: italic;
    }
  }

  @media (min-width: 1200px) {
    .xl\:normal {
      font-style: normal;
    }

    .xl\:italic {
      font-style: italic;
    }
  }

  @media (min-width: 576px) {
    .sm\:font-hairline {
      font-weight: 100;
    }

    .sm\:font-thin {
      font-weight: 200;
    }

    .sm\:font-light {
      font-weight: 300;
    }

    .sm\:font-normal {
      font-weight: 400;
    }

    .sm\:font-medium {
      font-weight: 500;
    }

    .sm\:font-semibold {
      font-weight: 600;
    }

    .sm\:font-bold {
      font-weight: 700;
    }

    .sm\:font-extrabold {
      font-weight: 800;
    }

    .sm\:font-black {
      font-weight: 900;
    }
  }

  @media (min-width: 768px) {
    .md\:font-hairline {
      font-weight: 100;
    }

    .md\:font-thin {
      font-weight: 200;
    }

    .md\:font-light {
      font-weight: 300;
    }

    .md\:font-normal {
      font-weight: 400;
    }

    .md\:font-medium {
      font-weight: 500;
    }

    .md\:font-semibold {
      font-weight: 600;
    }

    .md\:font-bold {
      font-weight: 700;
    }

    .md\:font-extrabold {
      font-weight: 800;
    }

    .md\:font-black {
      font-weight: 900;
    }
  }

  @media (min-width: 992px) {
    .lg\:font-hairline {
      font-weight: 100;
    }

    .lg\:font-thin {
      font-weight: 200;
    }

    .lg\:font-light {
      font-weight: 300;
    }

    .lg\:font-normal {
      font-weight: 400;
    }

    .lg\:font-medium {
      font-weight: 500;
    }

    .lg\:font-semibold {
      font-weight: 600;
    }

    .lg\:font-bold {
      font-weight: 700;
    }

    .lg\:font-extrabold {
      font-weight: 800;
    }

    .lg\:font-black {
      font-weight: 900;
    }
  }

  @media (min-width: 1200px) {
    .xl\:font-hairline {
      font-weight: 100;
    }

    .xl\:font-thin {
      font-weight: 200;
    }

    .xl\:font-light {
      font-weight: 300;
    }

    .xl\:font-normal {
      font-weight: 400;
    }

    .xl\:font-medium {
      font-weight: 500;
    }

    .xl\:font-semibold {
      font-weight: 600;
    }

    .xl\:font-bold {
      font-weight: 700;
    }

    .xl\:font-extrabold {
      font-weight: 800;
    }

    .xl\:font-black {
      font-weight: 900;
    }
  }

  @media (min-width: 576px) {
    .sm\:tracking-tighter {
      letter-spacing: -0.05em;
    }

    .sm\:tracking-tight {
      letter-spacing: -0.025em;
    }

    .sm\:tracking-normal {
      letter-spacing: 0;
    }

    .sm\:tracking-wide {
      letter-spacing: 0.025em;
    }

    .sm\:tracking-wider {
      letter-spacing: 0.05em;
    }
  }

  @media (min-width: 768px) {
    .md\:tracking-tighter {
      letter-spacing: -0.05em;
    }

    .md\:tracking-tight {
      letter-spacing: -0.025em;
    }

    .md\:tracking-normal {
      letter-spacing: 0;
    }

    .md\:tracking-wide {
      letter-spacing: 0.025em;
    }

    .md\:tracking-wider {
      letter-spacing: 0.05em;
    }
  }

  @media (min-width: 992px) {
    .lg\:tracking-tighter {
      letter-spacing: -0.05em;
    }

    .lg\:tracking-tight {
      letter-spacing: -0.025em;
    }

    .lg\:tracking-normal {
      letter-spacing: 0;
    }

    .lg\:tracking-wide {
      letter-spacing: 0.025em;
    }

    .lg\:tracking-wider {
      letter-spacing: 0.05em;
    }
  }

  @media (min-width: 1200px) {
    .xl\:tracking-tighter {
      letter-spacing: -0.05em;
    }

    .xl\:tracking-tight {
      letter-spacing: -0.025em;
    }

    .xl\:tracking-normal {
      letter-spacing: 0;
    }

    .xl\:tracking-wide {
      letter-spacing: 0.025em;
    }

    .xl\:tracking-wider {
      letter-spacing: 0.05em;
    }
  }

  @media (min-width: 576px) {
    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-right {
      text-align: right;
    }

    .sm\:text-center {
      text-align: center;
    }

    .sm\:text-justify {
      text-align: justify;
    }
  }

  @media (min-width: 768px) {
    .md\:text-left {
      text-align: left;
    }

    .md\:text-right {
      text-align: right;
    }

    .md\:text-center {
      text-align: center;
    }

    .md\:text-justify {
      text-align: justify;
    }
  }

  @media (min-width: 992px) {
    .lg\:text-left {
      text-align: left;
    }

    .lg\:text-right {
      text-align: right;
    }

    .lg\:text-center {
      text-align: center;
    }

    .lg\:text-justify {
      text-align: justify;
    }
  }

  @media (min-width: 1200px) {
    .xl\:text-left {
      text-align: left;
    }

    .xl\:text-right {
      text-align: right;
    }

    .xl\:text-center {
      text-align: center;
    }

    .xl\:text-justify {
      text-align: justify;
    }
  }

  @media (min-width: 576px) {
    .sm\:lowercase {
      text-transform: lowercase;
    }

    .sm\:uppercase {
      text-transform: uppercase;
    }

    .sm\:capitalize {
      text-transform: capitalize;
    }

    .sm\:normal-case {
      text-transform: none;
    }
  }

  @media (min-width: 768px) {
    .md\:lowercase {
      text-transform: lowercase;
    }

    .md\:uppercase {
      text-transform: uppercase;
    }

    .md\:capitalize {
      text-transform: capitalize;
    }

    .md\:normal-case {
      text-transform: none;
    }
  }

  @media (min-width: 992px) {
    .lg\:lowercase {
      text-transform: lowercase;
    }

    .lg\:uppercase {
      text-transform: uppercase;
    }

    .lg\:capitalize {
      text-transform: capitalize;
    }

    .lg\:normal-case {
      text-transform: none;
    }
  }

  @media (min-width: 1200px) {
    .xl\:lowercase {
      text-transform: lowercase;
    }

    .xl\:uppercase {
      text-transform: uppercase;
    }

    .xl\:capitalize {
      text-transform: capitalize;
    }

    .xl\:normal-case {
      text-transform: none;
    }
  }

  @media (min-width: 576px) {
    .sm\:align-baseline {
      vertical-align: baseline;
    }

    .sm\:align-top {
      vertical-align: top;
    }

    .sm\:align-middle {
      vertical-align: middle;
    }

    .sm\:align-bottom {
      vertical-align: bottom;
    }

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

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

  @media (min-width: 768px) {
    .md\:align-baseline {
      vertical-align: baseline;
    }

    .md\:align-top {
      vertical-align: top;
    }

    .md\:align-middle {
      vertical-align: middle;
    }

    .md\:align-bottom {
      vertical-align: bottom;
    }

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

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

  @media (min-width: 992px) {
    .lg\:align-baseline {
      vertical-align: baseline;
    }

    .lg\:align-top {
      vertical-align: top;
    }

    .lg\:align-middle {
      vertical-align: middle;
    }

    .lg\:align-bottom {
      vertical-align: bottom;
    }

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

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

  @media (min-width: 1200px) {
    .xl\:align-baseline {
      vertical-align: baseline;
    }

    .xl\:align-top {
      vertical-align: top;
    }

    .xl\:align-middle {
      vertical-align: middle;
    }

    .xl\:align-bottom {
      vertical-align: bottom;
    }

    .xl\:align-text-top {
      vertical-align: text-top;
    }

    .xl\:align-text-bottom {
      vertical-align: text-bottom;
    }
  }

  @media (min-width: 576px) {
    .sm\:block {
      display: block !important;
    }

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

    .sm\:inline {
      display: inline !important;
    }

    .sm\:table {
      display: table !important;
    }

    .sm\:table-header-group {
      display: table-header-group !important;
    }

    .sm\:table-row {
      display: table-row !important;
    }

    .sm\:table-cell {
      display: table-cell !important;
    }

    .sm\:flex {
      display: flex !important;
    }

    .sm\:inline-flex {
      display: inline-flex !important;
    }

    .sm\:hidden {
      display: none !important;
    }
  }

  @media (min-width: 768px) {
    .md\:block {
      display: block !important;
    }

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

    .md\:inline {
      display: inline !important;
    }

    .md\:table {
      display: table !important;
    }

    .md\:table-header-group {
      display: table-header-group !important;
    }

    .md\:table-row {
      display: table-row !important;
    }

    .md\:table-cell {
      display: table-cell !important;
    }

    .md\:flex {
      display: flex !important;
    }

    .md\:inline-flex {
      display: inline-flex !important;
    }

    .md\:hidden {
      display: none !important;
    }
  }

  @media (min-width: 992px) {
    .lg\:block {
      display: block !important;
    }

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

    .lg\:inline {
      display: inline !important;
    }

    .lg\:table {
      display: table !important;
    }

    .lg\:table-header-group {
      display: table-header-group !important;
    }

    .lg\:table-row {
      display: table-row !important;
    }

    .lg\:table-cell {
      display: table-cell !important;
    }

    .lg\:flex {
      display: flex !important;
    }

    .lg\:inline-flex {
      display: inline-flex !important;
    }

    .lg\:hidden {
      display: none !important;
    }
  }

  @media (min-width: 1200px) {
    .xl\:block {
      display: block !important;
    }

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

    .xl\:inline {
      display: inline !important;
    }

    .xl\:table {
      display: table !important;
    }

    .xl\:table-header-group {
      display: table-header-group !important;
    }

    .xl\:table-row {
      display: table-row !important;
    }

    .xl\:table-cell {
      display: table-cell !important;
    }

    .xl\:flex {
      display: flex !important;
    }

    .xl\:inline-flex {
      display: inline-flex !important;
    }

    .xl\:hidden {
      display: none !important;
    }
  }

  @media (min-width: 576px) {
    .sm\:float-left {
      float: left;
    }

    .sm\:float-right {
      float: right;
    }

    .sm\:float-none {
      float: none;
    }

    .sm\:clearfix::after {
      content: '';
      clear: both;
      display: block;
    }
  }

  @media (min-width: 768px) {
    .md\:float-left {
      float: left;
    }

    .md\:float-right {
      float: right;
    }

    .md\:float-none {
      float: none;
    }

    .md\:clearfix::after {
      content: '';
      clear: both;
      display: block;
    }
  }

  @media (min-width: 992px) {
    .lg\:float-left {
      float: left;
    }

    .lg\:float-right {
      float: right;
    }

    .lg\:float-none {
      float: none;
    }

    .lg\:clearfix::after {
      content: '';
      clear: both;
      display: block;
    }
  }

  @media (min-width: 1200px) {
    .xl\:float-left {
      float: left;
    }

    .xl\:float-right {
      float: right;
    }

    .xl\:float-none {
      float: none;
    }

    .xl\:clearfix::after {
      content: '';
      clear: both;
      display: block;
    }
  }

  @media (min-width: 576px) {
    .sm\:overflow-auto {
      overflow: auto;
    }

    .sm\:overflow-hidden {
      overflow: hidden;
    }

    .sm\:overflow-visible {
      overflow: visible;
    }

    .sm\:overflow-scroll {
      overflow: scroll;
    }

    .sm\:overflow-x-auto {
      overflow-x: auto;
    }

    .sm\:overflow-y-auto {
      overflow-y: auto;
    }

    .sm\:overflow-x-hidden {
      overflow-x: hidden;
    }

    .sm\:overflow-y-hidden {
      overflow-y: hidden;
    }

    .sm\:overflow-x-visible {
      overflow-x: visible;
    }

    .sm\:overflow-y-visible {
      overflow-y: visible;
    }

    .sm\:overflow-x-scroll {
      overflow-x: scroll;
    }

    .sm\:overflow-y-scroll {
      overflow-y: scroll;
    }

    .sm\:scrolling-touch {
      -webkit-overflow-scrolling: touch;
    }

    .sm\:scrolling-auto {
      -webkit-overflow-scrolling: auto;
    }
  }

  @media (min-width: 768px) {
    .md\:overflow-auto {
      overflow: auto;
    }

    .md\:overflow-hidden {
      overflow: hidden;
    }

    .md\:overflow-visible {
      overflow: visible;
    }

    .md\:overflow-scroll {
      overflow: scroll;
    }

    .md\:overflow-x-auto {
      overflow-x: auto;
    }

    .md\:overflow-y-auto {
      overflow-y: auto;
    }

    .md\:overflow-x-hidden {
      overflow-x: hidden;
    }

    .md\:overflow-y-hidden {
      overflow-y: hidden;
    }

    .md\:overflow-x-visible {
      overflow-x: visible;
    }

    .md\:overflow-y-visible {
      overflow-y: visible;
    }

    .md\:overflow-x-scroll {
      overflow-x: scroll;
    }

    .md\:overflow-y-scroll {
      overflow-y: scroll;
    }

    .md\:scrolling-touch {
      -webkit-overflow-scrolling: touch;
    }

    .md\:scrolling-auto {
      -webkit-overflow-scrolling: auto;
    }
  }

  @media (min-width: 992px) {
    .lg\:overflow-auto {
      overflow: auto;
    }

    .lg\:overflow-hidden {
      overflow: hidden;
    }

    .lg\:overflow-visible {
      overflow: visible;
    }

    .lg\:overflow-scroll {
      overflow: scroll;
    }

    .lg\:overflow-x-auto {
      overflow-x: auto;
    }

    .lg\:overflow-y-auto {
      overflow-y: auto;
    }

    .lg\:overflow-x-hidden {
      overflow-x: hidden;
    }

    .lg\:overflow-y-hidden {
      overflow-y: hidden;
    }

    .lg\:overflow-x-visible {
      overflow-x: visible;
    }

    .lg\:overflow-y-visible {
      overflow-y: visible;
    }

    .lg\:overflow-x-scroll {
      overflow-x: scroll;
    }

    .lg\:overflow-y-scroll {
      overflow-y: scroll;
    }

    .lg\:scrolling-touch {
      -webkit-overflow-scrolling: touch;
    }

    .lg\:scrolling-auto {
      -webkit-overflow-scrolling: auto;
    }
  }

  @media (min-width: 1200px) {
    .xl\:overflow-auto {
      overflow: auto;
    }

    .xl\:overflow-hidden {
      overflow: hidden;
    }

    .xl\:overflow-visible {
      overflow: visible;
    }

    .xl\:overflow-scroll {
      overflow: scroll;
    }

    .xl\:overflow-x-auto {
      overflow-x: auto;
    }

    .xl\:overflow-y-auto {
      overflow-y: auto;
    }

    .xl\:overflow-x-hidden {
      overflow-x: hidden;
    }

    .xl\:overflow-y-hidden {
      overflow-y: hidden;
    }

    .xl\:overflow-x-visible {
      overflow-x: visible;
    }

    .xl\:overflow-y-visible {
      overflow-y: visible;
    }

    .xl\:overflow-x-scroll {
      overflow-x: scroll;
    }

    .xl\:overflow-y-scroll {
      overflow-y: scroll;
    }

    .xl\:scrolling-touch {
      -webkit-overflow-scrolling: touch;
    }

    .xl\:scrolling-auto {
      -webkit-overflow-scrolling: auto;
    }
  }

  @media (max-width: 575.98px) {
    .sm\:scroll-x {
      scrollbar-width: none;

      overflow-x: auto;
      display: block;

      width: 100%;

      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
    }

    .sm\:scroll-x::-webkit-scrollbar {
      display: none;
    }
  }

  @media (max-width: 767.98px) {
    .md\:scroll-x {
      scrollbar-width: none;

      overflow-x: auto;
      display: block;

      width: 100%;

      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
    }

    .md\:scroll-x::-webkit-scrollbar {
      display: none;
    }
  }

  @media (max-width: 991.98px) {
    .lg\:scroll-x {
      scrollbar-width: none;

      overflow-x: auto;
      display: block;

      width: 100%;

      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
    }

    .lg\:scroll-x::-webkit-scrollbar {
      display: none;
    }
  }

  @media (max-width: 1199.98px) {
    .xl\:scroll-x {
      scrollbar-width: none;

      overflow-x: auto;
      display: block;

      width: 100%;

      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
    }

    .xl\:scroll-x::-webkit-scrollbar {
      display: none;
    }
  }

  @media (min-width: 576px) {
    .sm\:static {
      position: static;
    }

    .sm\:relative {
      position: relative;
    }

    .sm\:absolute {
      position: absolute;
    }

    .sm\:fixed {
      position: fixed;
    }

    .sm\:sticky {
      position: sticky;
    }

    .sm\:initial {
      position: initial;
    }

    .sm\:absolute-top {
      position: absolute;
      z-index: 100;
      top: 0;
      right: 0;
      left: 0;
    }

    .sm\:absolute-center {
      position: absolute;
      z-index: 100;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
    }

    .sm\:fixed-top {
      position: fixed;
      z-index: 96;
      top: 0;
      right: 0;
      left: 0;
    }

    .sm\:fixed-bottom {
      position: fixed;
      z-index: 96;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .sm\:sticky-top {
      position: -webkit-sticky;
      position: sticky;
      z-index: 97;
      top: 0;
    }
  }

  @media (min-width: 768px) {
    .md\:static {
      position: static;
    }

    .md\:relative {
      position: relative;
    }

    .md\:absolute {
      position: absolute;
    }

    .md\:fixed {
      position: fixed;
    }

    .md\:sticky {
      position: sticky;
    }

    .md\:initial {
      position: initial;
    }

    .md\:absolute-top {
      position: absolute;
      z-index: 100;
      top: 0;
      right: 0;
      left: 0;
    }

    .md\:absolute-center {
      position: absolute;
      z-index: 100;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
    }

    .md\:fixed-top {
      position: fixed;
      z-index: 96;
      top: 0;
      right: 0;
      left: 0;
    }

    .md\:fixed-bottom {
      position: fixed;
      z-index: 96;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .md\:sticky-top {
      position: -webkit-sticky;
      position: sticky;
      z-index: 97;
      top: 0;
    }
  }

  @media (min-width: 992px) {
    .lg\:static {
      position: static;
    }

    .lg\:relative {
      position: relative;
    }

    .lg\:absolute {
      position: absolute;
    }

    .lg\:fixed {
      position: fixed;
    }

    .lg\:sticky {
      position: sticky;
    }

    .lg\:initial {
      position: initial;
    }

    .lg\:absolute-top {
      position: absolute;
      z-index: 100;
      top: 0;
      right: 0;
      left: 0;
    }

    .lg\:absolute-center {
      position: absolute;
      z-index: 100;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
    }

    .lg\:fixed-top {
      position: fixed;
      z-index: 96;
      top: 0;
      right: 0;
      left: 0;
    }

    .lg\:fixed-bottom {
      position: fixed;
      z-index: 96;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .lg\:sticky-top {
      position: -webkit-sticky;
      position: sticky;
      z-index: 97;
      top: 0;
    }
  }

  @media (min-width: 1200px) {
    .xl\:static {
      position: static;
    }

    .xl\:relative {
      position: relative;
    }

    .xl\:absolute {
      position: absolute;
    }

    .xl\:fixed {
      position: fixed;
    }

    .xl\:sticky {
      position: sticky;
    }

    .xl\:initial {
      position: initial;
    }

    .xl\:absolute-top {
      position: absolute;
      z-index: 100;
      top: 0;
      right: 0;
      left: 0;
    }

    .xl\:absolute-center {
      position: absolute;
      z-index: 100;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
    }

    .xl\:fixed-top {
      position: fixed;
      z-index: 96;
      top: 0;
      right: 0;
      left: 0;
    }

    .xl\:fixed-bottom {
      position: fixed;
      z-index: 96;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .xl\:sticky-top {
      position: -webkit-sticky;
      position: sticky;
      z-index: 97;
      top: 0;
    }
  }

  @media (min-width: 576px) {
    .sm\:top-0 {
      top: 0;
    }

    .sm\:top-100 {
      top: 100%;
    }

    .sm\:bottom-0 {
      bottom: 0;
    }

    .sm\:left-0 {
      left: 0;
    }

    .sm\:right-0 {
      right: 0;
    }

    .sm\:top-auto {
      top: auto;
    }

    .sm\:bottom-auto {
      bottom: auto;
    }

    .sm\:left-auto {
      left: auto;
    }

    .sm\:right-auto {
      right: auto;
    }
  }

  @media (min-width: 768px) {
    .md\:top-0 {
      top: 0;
    }

    .md\:top-100 {
      top: 100%;
    }

    .md\:bottom-0 {
      bottom: 0;
    }

    .md\:left-0 {
      left: 0;
    }

    .md\:right-0 {
      right: 0;
    }

    .md\:top-auto {
      top: auto;
    }

    .md\:bottom-auto {
      bottom: auto;
    }

    .md\:left-auto {
      left: auto;
    }

    .md\:right-auto {
      right: auto;
    }
  }

  @media (min-width: 992px) {
    .lg\:top-0 {
      top: 0;
    }

    .lg\:top-100 {
      top: 100%;
    }

    .lg\:bottom-0 {
      bottom: 0;
    }

    .lg\:left-0 {
      left: 0;
    }

    .lg\:right-0 {
      right: 0;
    }

    .lg\:top-auto {
      top: auto;
    }

    .lg\:bottom-auto {
      bottom: auto;
    }

    .lg\:left-auto {
      left: auto;
    }

    .lg\:right-auto {
      right: auto;
    }
  }

  @media (min-width: 1200px) {
    .xl\:top-0 {
      top: 0;
    }

    .xl\:top-100 {
      top: 100%;
    }

    .xl\:bottom-0 {
      bottom: 0;
    }

    .xl\:left-0 {
      left: 0;
    }

    .xl\:right-0 {
      right: 0;
    }

    .xl\:top-auto {
      top: auto;
    }

    .xl\:bottom-auto {
      bottom: auto;
    }

    .xl\:left-auto {
      left: auto;
    }

    .xl\:right-auto {
      right: auto;
    }
  }

  @media (min-width: 576px) {
    .sm\:visible {
      visibility: visible;
    }

    .sm\:invisible {
      visibility: hidden;
    }
  }

  @media (min-width: 768px) {
    .md\:visible {
      visibility: visible;
    }

    .md\:invisible {
      visibility: hidden;
    }
  }

  @media (min-width: 992px) {
    .lg\:visible {
      visibility: visible;
    }

    .lg\:invisible {
      visibility: hidden;
    }
  }

  @media (min-width: 1200px) {
    .xl\:visible {
      visibility: visible;
    }

    .xl\:invisible {
      visibility: hidden;
    }
  }

  @media (min-width: 576px) {
    .sm\:bg-inherit {
      background-color: inherit;
    }

    .sm\:bg-transparent {
      background-color: transparent;
    }

    .sm\:bg-translucent {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .sm\:bg-black {
      background-color: #000;
    }

    .sm\:bg-white {
      background-color: #fff;
    }

    .sm\:bg-gray-100 {
      background-color: #F7FAFC;
    }

    .sm\:bg-gray-200 {
      background-color: #EDF2F7;
    }

    .sm\:bg-gray-300 {
      background-color: #e2e8f0;
    }

    .sm\:bg-gray-400 {
      background-color: #cbd5e0;
    }

    .sm\:bg-gray-500 {
      background-color: #a0aec0;
    }

    .sm\:bg-gray-600 {
      background-color: rgba(199, 203, 199, 1);
    }

    .sm\:bg-gray-700 {
      background-color: #4a5568;
    }

    .sm\:bg-gray-800 {
      background-color: #2d3748;
    }

    .sm\:bg-gray-900 {
      background-color: #1a202c;
    }

    .sm\:bg-red-500 {
      background-color: #f56565;
    }

    .sm\:bg-orange-500 {
      background-color: #ed8936;
    }

    .sm\:bg-green-500 {
      background-color: #48bb78;
    }

    .sm\:bg-primary {
      background-color: rgba(5, 5, 6, 1);
    }

    .sm\:bg-secondary {
      background-color: #007c89;
    }

    .sm\:bg-tertiary {
      background-color: #007c89;
    }
  }

  @media (min-width: 768px) {
    .md\:bg-inherit {
      background-color: inherit;
    }

    .md\:bg-transparent {
      background-color: transparent;
    }

    .md\:bg-translucent {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .md\:bg-black {
      background-color: #000;
    }

    .md\:bg-white {
      background-color: #fff;
    }

    .md\:bg-gray-100 {
      background-color: #F7FAFC;
    }

    .md\:bg-gray-200 {
      background-color: #EDF2F7;
    }

    .md\:bg-gray-300 {
      background-color: #e2e8f0;
    }

    .md\:bg-gray-400 {
      background-color: #cbd5e0;
    }

    .md\:bg-gray-500 {
      background-color: #a0aec0;
    }

    .md\:bg-gray-600 {
      background-color: rgba(199, 203, 199, 1);
    }

    .md\:bg-gray-700 {
      background-color: #4a5568;
    }

    .md\:bg-gray-800 {
      background-color: #2d3748;
    }

    .md\:bg-gray-900 {
      background-color: #1a202c;
    }

    .md\:bg-red-500 {
      background-color: #f56565;
    }

    .md\:bg-orange-500 {
      background-color: #ed8936;
    }

    .md\:bg-green-500 {
      background-color: #48bb78;
    }

    .md\:bg-primary {
      background-color: rgba(5, 5, 6, 1);
    }

    .md\:bg-secondary {
      background-color: #007c89;
    }

    .md\:bg-tertiary {
      background-color: #007c89;
    }
  }

  @media (min-width: 992px) {
    .lg\:bg-inherit {
      background-color: inherit;
    }

    .lg\:bg-transparent {
      background-color: transparent;
    }

    .lg\:bg-translucent {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .lg\:bg-black {
      background-color: #000;
    }

    .lg\:bg-white {
      background-color: #fff;
    }

    .lg\:bg-gray-100 {
      background-color: #F7FAFC;
    }

    .lg\:bg-gray-200 {
      background-color: #EDF2F7;
    }

    .lg\:bg-gray-300 {
      background-color: #e2e8f0;
    }

    .lg\:bg-gray-400 {
      background-color: #cbd5e0;
    }

    .lg\:bg-gray-500 {
      background-color: #a0aec0;
    }

    .lg\:bg-gray-600 {
      background-color: rgba(199, 203, 199, 1);
    }

    .lg\:bg-gray-700 {
      background-color: #4a5568;
    }

    .lg\:bg-gray-800 {
      background-color: #2d3748;
    }

    .lg\:bg-gray-900 {
      background-color: #1a202c;
    }

    .lg\:bg-red-500 {
      background-color: #f56565;
    }

    .lg\:bg-orange-500 {
      background-color: #ed8936;
    }

    .lg\:bg-green-500 {
      background-color: #48bb78;
    }

    .lg\:bg-primary {
      background-color: rgba(5, 5, 6, 1);
    }

    .lg\:bg-secondary {
      background-color: #007c89;
    }

    .lg\:bg-tertiary {
      background-color: #007c89;
    }
  }

  @media (min-width: 1200px) {
    .xl\:bg-inherit {
      background-color: inherit;
    }

    .xl\:bg-transparent {
      background-color: transparent;
    }

    .xl\:bg-translucent {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .xl\:bg-black {
      background-color: #000;
    }

    .xl\:bg-white {
      background-color: #fff;
    }

    .xl\:bg-gray-100 {
      background-color: #F7FAFC;
    }

    .xl\:bg-gray-200 {
      background-color: #EDF2F7;
    }

    .xl\:bg-gray-300 {
      background-color: #e2e8f0;
    }

    .xl\:bg-gray-400 {
      background-color: #cbd5e0;
    }

    .xl\:bg-gray-500 {
      background-color: #a0aec0;
    }

    .xl\:bg-gray-600 {
      background-color: rgba(199, 203, 199, 1);
    }

    .xl\:bg-gray-700 {
      background-color: #4a5568;
    }

    .xl\:bg-gray-800 {
      background-color: #2d3748;
    }

    .xl\:bg-gray-900 {
      background-color: #1a202c;
    }

    .xl\:bg-red-500 {
      background-color: #f56565;
    }

    .xl\:bg-orange-500 {
      background-color: #ed8936;
    }

    .xl\:bg-green-500 {
      background-color: #48bb78;
    }

    .xl\:bg-primary {
      background-color: rgba(5, 5, 6, 1);
    }

    .xl\:bg-secondary {
      background-color: #007c89;
    }

    .xl\:bg-tertiary {
      background-color: #007c89;
    }
  }

  @media (min-width: 576px) {
    .sm\:bg-bottom {
      background-position: bottom;
    }

    .sm\:bg-center {
      background-position: center;
    }

    .sm\:bg-left {
      background-position: left;
    }

    .sm\:bg-right {
      background-position: right;
    }

    .sm\:bg-top {
      background-position: top;
    }

    .sm\:bg-left-bottom {
      background-position: left bottom;
    }

    .sm\:bg-left-top {
      background-position: left top;
    }

    .sm\:bg-right-bottom {
      background-position: right bottom;
    }

    .sm\:bg-right-top {
      background-position: right top;
    }
  }

  @media (min-width: 768px) {
    .md\:bg-bottom {
      background-position: bottom;
    }

    .md\:bg-center {
      background-position: center;
    }

    .md\:bg-left {
      background-position: left;
    }

    .md\:bg-right {
      background-position: right;
    }

    .md\:bg-top {
      background-position: top;
    }

    .md\:bg-left-bottom {
      background-position: left bottom;
    }

    .md\:bg-left-top {
      background-position: left top;
    }

    .md\:bg-right-bottom {
      background-position: right bottom;
    }

    .md\:bg-right-top {
      background-position: right top;
    }
  }

  @media (min-width: 992px) {
    .lg\:bg-bottom {
      background-position: bottom;
    }

    .lg\:bg-center {
      background-position: center;
    }

    .lg\:bg-left {
      background-position: left;
    }

    .lg\:bg-right {
      background-position: right;
    }

    .lg\:bg-top {
      background-position: top;
    }

    .lg\:bg-left-bottom {
      background-position: left bottom;
    }

    .lg\:bg-left-top {
      background-position: left top;
    }

    .lg\:bg-right-bottom {
      background-position: right bottom;
    }

    .lg\:bg-right-top {
      background-position: right top;
    }
  }

  @media (min-width: 1200px) {
    .xl\:bg-bottom {
      background-position: bottom;
    }

    .xl\:bg-center {
      background-position: center;
    }

    .xl\:bg-left {
      background-position: left;
    }

    .xl\:bg-right {
      background-position: right;
    }

    .xl\:bg-top {
      background-position: top;
    }

    .xl\:bg-left-bottom {
      background-position: left bottom;
    }

    .xl\:bg-left-top {
      background-position: left top;
    }

    .xl\:bg-right-bottom {
      background-position: right bottom;
    }

    .xl\:bg-right-top {
      background-position: right top;
    }
  }

  @media (min-width: 576px) {
    .sm\:bg-repeat {
      background-repeat: repeat;
    }

    .sm\:bg-no-repeat {
      background-repeat: no-repeat;
    }

    .sm\:bg-repeat-x {
      background-repeat: repeat-x;
    }

    .sm\:bg-repeat-y {
      background-repeat: repeat-y;
    }
  }

  @media (min-width: 768px) {
    .md\:bg-repeat {
      background-repeat: repeat;
    }

    .md\:bg-no-repeat {
      background-repeat: no-repeat;
    }

    .md\:bg-repeat-x {
      background-repeat: repeat-x;
    }

    .md\:bg-repeat-y {
      background-repeat: repeat-y;
    }
  }

  @media (min-width: 992px) {
    .lg\:bg-repeat {
      background-repeat: repeat;
    }

    .lg\:bg-no-repeat {
      background-repeat: no-repeat;
    }

    .lg\:bg-repeat-x {
      background-repeat: repeat-x;
    }

    .lg\:bg-repeat-y {
      background-repeat: repeat-y;
    }
  }

  @media (min-width: 1200px) {
    .xl\:bg-repeat {
      background-repeat: repeat;
    }

    .xl\:bg-no-repeat {
      background-repeat: no-repeat;
    }

    .xl\:bg-repeat-x {
      background-repeat: repeat-x;
    }

    .xl\:bg-repeat-y {
      background-repeat: repeat-y;
    }
  }

  @media (min-width: 576px) {
    .sm\:bg-auto {
      background-size: auto;
    }

    .sm\:bg-cover {
      background-size: cover;
    }

    .sm\:bg-contain {
      background-size: contain;
    }
  }

  @media (min-width: 768px) {
    .md\:bg-auto {
      background-size: auto;
    }

    .md\:bg-cover {
      background-size: cover;
    }

    .md\:bg-contain {
      background-size: contain;
    }
  }

  @media (min-width: 992px) {
    .lg\:bg-auto {
      background-size: auto;
    }

    .lg\:bg-cover {
      background-size: cover;
    }

    .lg\:bg-contain {
      background-size: contain;
    }
  }

  @media (min-width: 1200px) {
    .xl\:bg-auto {
      background-size: auto;
    }

    .xl\:bg-cover {
      background-size: cover;
    }

    .xl\:bg-contain {
      background-size: contain;
    }
  }

  @media (min-width: 576px) {
    .sm\:border {
      border: 1px solid #e2e8f0;
    }

    .sm\:border-top {
      border-top: 1px solid #e2e8f0;
    }

    .sm\:border-right {
      border-right: 1px solid #e2e8f0;
    }

    .sm\:border-bottom {
      border-bottom: 1px solid #e2e8f0;
    }

    .sm\:border-left {
      border-left: 1px solid #e2e8f0;
    }
  }

  @media (min-width: 768px) {
    .md\:border {
      border: 1px solid #e2e8f0;
    }

    .md\:border-top {
      border-top: 1px solid #e2e8f0;
    }

    .md\:border-right {
      border-right: 1px solid #e2e8f0;
    }

    .md\:border-bottom {
      border-bottom: 1px solid #e2e8f0;
    }

    .md\:border-left {
      border-left: 1px solid #e2e8f0;
    }
  }

  @media (min-width: 992px) {
    .lg\:border {
      border: 1px solid #e2e8f0;
    }

    .lg\:border-top {
      border-top: 1px solid #e2e8f0;
    }

    .lg\:border-right {
      border-right: 1px solid #e2e8f0;
    }

    .lg\:border-bottom {
      border-bottom: 1px solid #e2e8f0;
    }

    .lg\:border-left {
      border-left: 1px solid #e2e8f0;
    }
  }

  @media (min-width: 1200px) {
    .xl\:border {
      border: 1px solid #e2e8f0;
    }

    .xl\:border-top {
      border-top: 1px solid #e2e8f0;
    }

    .xl\:border-right {
      border-right: 1px solid #e2e8f0;
    }

    .xl\:border-bottom {
      border-bottom: 1px solid #e2e8f0;
    }

    .xl\:border-left {
      border-left: 1px solid #e2e8f0;
    }
  }

  @media (min-width: 576px) {
    .sm\:border-transparent {
      border-color: transparent;
    }

    .sm\:border-translucent {
      border-color: rgba(255, 255, 255, 0.1);
    }

    .sm\:border-current {
      border-color: currentColor;
    }

    .sm\:border-black {
      border-color: #000;
    }

    .sm\:border-top-black {
      border-top-color: #000;
    }

    .sm\:border-right-black {
      border-right-color: #000;
    }

    .sm\:border-bottom-black {
      border-bottom-color: #000;
    }

    .sm\:border-left-black {
      border-left-color: #000;
    }

    .sm\:border-white {
      border-color: #fff;
    }

    .sm\:border-top-white {
      border-top-color: #fff;
    }

    .sm\:border-right-white {
      border-right-color: #fff;
    }

    .sm\:border-bottom-white {
      border-bottom-color: #fff;
    }

    .sm\:border-left-white {
      border-left-color: #fff;
    }

    .sm\:border-gray-100 {
      border-color: #F7FAFC;
    }

    .sm\:border-top-gray-100 {
      border-top-color: #F7FAFC;
    }

    .sm\:border-right-gray-100 {
      border-right-color: #F7FAFC;
    }

    .sm\:border-bottom-gray-100 {
      border-bottom-color: #F7FAFC;
    }

    .sm\:border-left-gray-100 {
      border-left-color: #F7FAFC;
    }

    .sm\:border-gray-200 {
      border-color: #EDF2F7;
    }

    .sm\:border-top-gray-200 {
      border-top-color: #EDF2F7;
    }

    .sm\:border-right-gray-200 {
      border-right-color: #EDF2F7;
    }

    .sm\:border-bottom-gray-200 {
      border-bottom-color: #EDF2F7;
    }

    .sm\:border-left-gray-200 {
      border-left-color: #EDF2F7;
    }

    .sm\:border-gray-300 {
      border-color: #e2e8f0;
    }

    .sm\:border-top-gray-300 {
      border-top-color: #e2e8f0;
    }

    .sm\:border-right-gray-300 {
      border-right-color: #e2e8f0;
    }

    .sm\:border-bottom-gray-300 {
      border-bottom-color: #e2e8f0;
    }

    .sm\:border-left-gray-300 {
      border-left-color: #e2e8f0;
    }

    .sm\:border-gray-400 {
      border-color: #cbd5e0;
    }

    .sm\:border-top-gray-400 {
      border-top-color: #cbd5e0;
    }

    .sm\:border-right-gray-400 {
      border-right-color: #cbd5e0;
    }

    .sm\:border-bottom-gray-400 {
      border-bottom-color: #cbd5e0;
    }

    .sm\:border-left-gray-400 {
      border-left-color: #cbd5e0;
    }

    .sm\:border-gray-500 {
      border-color: #a0aec0;
    }

    .sm\:border-top-gray-500 {
      border-top-color: #a0aec0;
    }

    .sm\:border-right-gray-500 {
      border-right-color: #a0aec0;
    }

    .sm\:border-bottom-gray-500 {
      border-bottom-color: #a0aec0;
    }

    .sm\:border-left-gray-500 {
      border-left-color: #a0aec0;
    }

    .sm\:border-gray-600 {
      border-color: rgba(199, 203, 199, 1);
    }

    .sm\:border-top-gray-600 {
      border-top-color: rgba(199, 203, 199, 1);
    }

    .sm\:border-right-gray-600 {
      border-right-color: rgba(199, 203, 199, 1);
    }

    .sm\:border-bottom-gray-600 {
      border-bottom-color: rgba(199, 203, 199, 1);
    }

    .sm\:border-left-gray-600 {
      border-left-color: rgba(199, 203, 199, 1);
    }

    .sm\:border-gray-700 {
      border-color: #4a5568;
    }

    .sm\:border-top-gray-700 {
      border-top-color: #4a5568;
    }

    .sm\:border-right-gray-700 {
      border-right-color: #4a5568;
    }

    .sm\:border-bottom-gray-700 {
      border-bottom-color: #4a5568;
    }

    .sm\:border-left-gray-700 {
      border-left-color: #4a5568;
    }

    .sm\:border-gray-800 {
      border-color: #2d3748;
    }

    .sm\:border-top-gray-800 {
      border-top-color: #2d3748;
    }

    .sm\:border-right-gray-800 {
      border-right-color: #2d3748;
    }

    .sm\:border-bottom-gray-800 {
      border-bottom-color: #2d3748;
    }

    .sm\:border-left-gray-800 {
      border-left-color: #2d3748;
    }

    .sm\:border-gray-900 {
      border-color: #1a202c;
    }

    .sm\:border-top-gray-900 {
      border-top-color: #1a202c;
    }

    .sm\:border-right-gray-900 {
      border-right-color: #1a202c;
    }

    .sm\:border-bottom-gray-900 {
      border-bottom-color: #1a202c;
    }

    .sm\:border-left-gray-900 {
      border-left-color: #1a202c;
    }

    .sm\:border-red-500 {
      border-color: #f56565;
    }

    .sm\:border-top-red-500 {
      border-top-color: #f56565;
    }

    .sm\:border-right-red-500 {
      border-right-color: #f56565;
    }

    .sm\:border-bottom-red-500 {
      border-bottom-color: #f56565;
    }

    .sm\:border-left-red-500 {
      border-left-color: #f56565;
    }

    .sm\:border-orange-500 {
      border-color: #ed8936;
    }

    .sm\:border-top-orange-500 {
      border-top-color: #ed8936;
    }

    .sm\:border-right-orange-500 {
      border-right-color: #ed8936;
    }

    .sm\:border-bottom-orange-500 {
      border-bottom-color: #ed8936;
    }

    .sm\:border-left-orange-500 {
      border-left-color: #ed8936;
    }

    .sm\:border-green-500 {
      border-color: #48bb78;
    }

    .sm\:border-top-green-500 {
      border-top-color: #48bb78;
    }

    .sm\:border-right-green-500 {
      border-right-color: #48bb78;
    }

    .sm\:border-bottom-green-500 {
      border-bottom-color: #48bb78;
    }

    .sm\:border-left-green-500 {
      border-left-color: #48bb78;
    }

    .sm\:border-primary {
      border-color: rgba(5, 5, 6, 1);
    }

    .sm\:border-top-primary {
      border-top-color: rgba(5, 5, 6, 1);
    }

    .sm\:border-right-primary {
      border-right-color: rgba(5, 5, 6, 1);
    }

    .sm\:border-bottom-primary {
      border-bottom-color: rgba(5, 5, 6, 1);
    }

    .sm\:border-left-primary {
      border-left-color: rgba(5, 5, 6, 1);
    }

    .sm\:border-secondary {
      border-color: #007c89;
    }

    .sm\:border-top-secondary {
      border-top-color: #007c89;
    }

    .sm\:border-right-secondary {
      border-right-color: #007c89;
    }

    .sm\:border-bottom-secondary {
      border-bottom-color: #007c89;
    }

    .sm\:border-left-secondary {
      border-left-color: #007c89;
    }

    .sm\:border-tertiary {
      border-color: #007c89;
    }

    .sm\:border-top-tertiary {
      border-top-color: #007c89;
    }

    .sm\:border-right-tertiary {
      border-right-color: #007c89;
    }

    .sm\:border-bottom-tertiary {
      border-bottom-color: #007c89;
    }

    .sm\:border-left-tertiary {
      border-left-color: #007c89;
    }
  }

  @media (min-width: 768px) {
    .md\:border-transparent {
      border-color: transparent;
    }

    .md\:border-translucent {
      border-color: rgba(255, 255, 255, 0.1);
    }

    .md\:border-current {
      border-color: currentColor;
    }

    .md\:border-black {
      border-color: #000;
    }

    .md\:border-top-black {
      border-top-color: #000;
    }

    .md\:border-right-black {
      border-right-color: #000;
    }

    .md\:border-bottom-black {
      border-bottom-color: #000;
    }

    .md\:border-left-black {
      border-left-color: #000;
    }

    .md\:border-white {
      border-color: #fff;
    }

    .md\:border-top-white {
      border-top-color: #fff;
    }

    .md\:border-right-white {
      border-right-color: #fff;
    }

    .md\:border-bottom-white {
      border-bottom-color: #fff;
    }

    .md\:border-left-white {
      border-left-color: #fff;
    }

    .md\:border-gray-100 {
      border-color: #F7FAFC;
    }

    .md\:border-top-gray-100 {
      border-top-color: #F7FAFC;
    }

    .md\:border-right-gray-100 {
      border-right-color: #F7FAFC;
    }

    .md\:border-bottom-gray-100 {
      border-bottom-color: #F7FAFC;
    }

    .md\:border-left-gray-100 {
      border-left-color: #F7FAFC;
    }

    .md\:border-gray-200 {
      border-color: #EDF2F7;
    }

    .md\:border-top-gray-200 {
      border-top-color: #EDF2F7;
    }

    .md\:border-right-gray-200 {
      border-right-color: #EDF2F7;
    }

    .md\:border-bottom-gray-200 {
      border-bottom-color: #EDF2F7;
    }

    .md\:border-left-gray-200 {
      border-left-color: #EDF2F7;
    }

    .md\:border-gray-300 {
      border-color: #e2e8f0;
    }

    .md\:border-top-gray-300 {
      border-top-color: #e2e8f0;
    }

    .md\:border-right-gray-300 {
      border-right-color: #e2e8f0;
    }

    .md\:border-bottom-gray-300 {
      border-bottom-color: #e2e8f0;
    }

    .md\:border-left-gray-300 {
      border-left-color: #e2e8f0;
    }

    .md\:border-gray-400 {
      border-color: #cbd5e0;
    }

    .md\:border-top-gray-400 {
      border-top-color: #cbd5e0;
    }

    .md\:border-right-gray-400 {
      border-right-color: #cbd5e0;
    }

    .md\:border-bottom-gray-400 {
      border-bottom-color: #cbd5e0;
    }

    .md\:border-left-gray-400 {
      border-left-color: #cbd5e0;
    }

    .md\:border-gray-500 {
      border-color: #a0aec0;
    }

    .md\:border-top-gray-500 {
      border-top-color: #a0aec0;
    }

    .md\:border-right-gray-500 {
      border-right-color: #a0aec0;
    }

    .md\:border-bottom-gray-500 {
      border-bottom-color: #a0aec0;
    }

    .md\:border-left-gray-500 {
      border-left-color: #a0aec0;
    }

    .md\:border-gray-600 {
      border-color: rgba(199, 203, 199, 1);
    }

    .md\:border-top-gray-600 {
      border-top-color: rgba(199, 203, 199, 1);
    }

    .md\:border-right-gray-600 {
      border-right-color: rgba(199, 203, 199, 1);
    }

    .md\:border-bottom-gray-600 {
      border-bottom-color: rgba(199, 203, 199, 1);
    }

    .md\:border-left-gray-600 {
      border-left-color: rgba(199, 203, 199, 1);
    }

    .md\:border-gray-700 {
      border-color: #4a5568;
    }

    .md\:border-top-gray-700 {
      border-top-color: #4a5568;
    }

    .md\:border-right-gray-700 {
      border-right-color: #4a5568;
    }

    .md\:border-bottom-gray-700 {
      border-bottom-color: #4a5568;
    }

    .md\:border-left-gray-700 {
      border-left-color: #4a5568;
    }

    .md\:border-gray-800 {
      border-color: #2d3748;
    }

    .md\:border-top-gray-800 {
      border-top-color: #2d3748;
    }

    .md\:border-right-gray-800 {
      border-right-color: #2d3748;
    }

    .md\:border-bottom-gray-800 {
      border-bottom-color: #2d3748;
    }

    .md\:border-left-gray-800 {
      border-left-color: #2d3748;
    }

    .md\:border-gray-900 {
      border-color: #1a202c;
    }

    .md\:border-top-gray-900 {
      border-top-color: #1a202c;
    }

    .md\:border-right-gray-900 {
      border-right-color: #1a202c;
    }

    .md\:border-bottom-gray-900 {
      border-bottom-color: #1a202c;
    }

    .md\:border-left-gray-900 {
      border-left-color: #1a202c;
    }

    .md\:border-red-500 {
      border-color: #f56565;
    }

    .md\:border-top-red-500 {
      border-top-color: #f56565;
    }

    .md\:border-right-red-500 {
      border-right-color: #f56565;
    }

    .md\:border-bottom-red-500 {
      border-bottom-color: #f56565;
    }

    .md\:border-left-red-500 {
      border-left-color: #f56565;
    }

    .md\:border-orange-500 {
      border-color: #ed8936;
    }

    .md\:border-top-orange-500 {
      border-top-color: #ed8936;
    }

    .md\:border-right-orange-500 {
      border-right-color: #ed8936;
    }

    .md\:border-bottom-orange-500 {
      border-bottom-color: #ed8936;
    }

    .md\:border-left-orange-500 {
      border-left-color: #ed8936;
    }

    .md\:border-green-500 {
      border-color: #48bb78;
    }

    .md\:border-top-green-500 {
      border-top-color: #48bb78;
    }

    .md\:border-right-green-500 {
      border-right-color: #48bb78;
    }

    .md\:border-bottom-green-500 {
      border-bottom-color: #48bb78;
    }

    .md\:border-left-green-500 {
      border-left-color: #48bb78;
    }

    .md\:border-primary {
      border-color: rgba(5, 5, 6, 1);
    }

    .md\:border-top-primary {
      border-top-color: rgba(5, 5, 6, 1);
    }

    .md\:border-right-primary {
      border-right-color: rgba(5, 5, 6, 1);
    }

    .md\:border-bottom-primary {
      border-bottom-color: rgba(5, 5, 6, 1);
    }

    .md\:border-left-primary {
      border-left-color: rgba(5, 5, 6, 1);
    }

    .md\:border-secondary {
      border-color: #007c89;
    }

    .md\:border-top-secondary {
      border-top-color: #007c89;
    }

    .md\:border-right-secondary {
      border-right-color: #007c89;
    }

    .md\:border-bottom-secondary {
      border-bottom-color: #007c89;
    }

    .md\:border-left-secondary {
      border-left-color: #007c89;
    }

    .md\:border-tertiary {
      border-color: #007c89;
    }

    .md\:border-top-tertiary {
      border-top-color: #007c89;
    }

    .md\:border-right-tertiary {
      border-right-color: #007c89;
    }

    .md\:border-bottom-tertiary {
      border-bottom-color: #007c89;
    }

    .md\:border-left-tertiary {
      border-left-color: #007c89;
    }
  }

  @media (min-width: 992px) {
    .lg\:border-transparent {
      border-color: transparent;
    }

    .lg\:border-translucent {
      border-color: rgba(255, 255, 255, 0.1);
    }

    .lg\:border-current {
      border-color: currentColor;
    }

    .lg\:border-black {
      border-color: #000;
    }

    .lg\:border-top-black {
      border-top-color: #000;
    }

    .lg\:border-right-black {
      border-right-color: #000;
    }

    .lg\:border-bottom-black {
      border-bottom-color: #000;
    }

    .lg\:border-left-black {
      border-left-color: #000;
    }

    .lg\:border-white {
      border-color: #fff;
    }

    .lg\:border-top-white {
      border-top-color: #fff;
    }

    .lg\:border-right-white {
      border-right-color: #fff;
    }

    .lg\:border-bottom-white {
      border-bottom-color: #fff;
    }

    .lg\:border-left-white {
      border-left-color: #fff;
    }

    .lg\:border-gray-100 {
      border-color: #F7FAFC;
    }

    .lg\:border-top-gray-100 {
      border-top-color: #F7FAFC;
    }

    .lg\:border-right-gray-100 {
      border-right-color: #F7FAFC;
    }

    .lg\:border-bottom-gray-100 {
      border-bottom-color: #F7FAFC;
    }

    .lg\:border-left-gray-100 {
      border-left-color: #F7FAFC;
    }

    .lg\:border-gray-200 {
      border-color: #EDF2F7;
    }

    .lg\:border-top-gray-200 {
      border-top-color: #EDF2F7;
    }

    .lg\:border-right-gray-200 {
      border-right-color: #EDF2F7;
    }

    .lg\:border-bottom-gray-200 {
      border-bottom-color: #EDF2F7;
    }

    .lg\:border-left-gray-200 {
      border-left-color: #EDF2F7;
    }

    .lg\:border-gray-300 {
      border-color: #e2e8f0;
    }

    .lg\:border-top-gray-300 {
      border-top-color: #e2e8f0;
    }

    .lg\:border-right-gray-300 {
      border-right-color: #e2e8f0;
    }

    .lg\:border-bottom-gray-300 {
      border-bottom-color: #e2e8f0;
    }

    .lg\:border-left-gray-300 {
      border-left-color: #e2e8f0;
    }

    .lg\:border-gray-400 {
      border-color: #cbd5e0;
    }

    .lg\:border-top-gray-400 {
      border-top-color: #cbd5e0;
    }

    .lg\:border-right-gray-400 {
      border-right-color: #cbd5e0;
    }

    .lg\:border-bottom-gray-400 {
      border-bottom-color: #cbd5e0;
    }

    .lg\:border-left-gray-400 {
      border-left-color: #cbd5e0;
    }

    .lg\:border-gray-500 {
      border-color: #a0aec0;
    }

    .lg\:border-top-gray-500 {
      border-top-color: #a0aec0;
    }

    .lg\:border-right-gray-500 {
      border-right-color: #a0aec0;
    }

    .lg\:border-bottom-gray-500 {
      border-bottom-color: #a0aec0;
    }

    .lg\:border-left-gray-500 {
      border-left-color: #a0aec0;
    }

    .lg\:border-gray-600 {
      border-color: rgba(199, 203, 199, 1);
    }

    .lg\:border-top-gray-600 {
      border-top-color: rgba(199, 203, 199, 1);
    }

    .lg\:border-right-gray-600 {
      border-right-color: rgba(199, 203, 199, 1);
    }

    .lg\:border-bottom-gray-600 {
      border-bottom-color: rgba(199, 203, 199, 1);
    }

    .lg\:border-left-gray-600 {
      border-left-color: rgba(199, 203, 199, 1);
    }

    .lg\:border-gray-700 {
      border-color: #4a5568;
    }

    .lg\:border-top-gray-700 {
      border-top-color: #4a5568;
    }

    .lg\:border-right-gray-700 {
      border-right-color: #4a5568;
    }

    .lg\:border-bottom-gray-700 {
      border-bottom-color: #4a5568;
    }

    .lg\:border-left-gray-700 {
      border-left-color: #4a5568;
    }

    .lg\:border-gray-800 {
      border-color: #2d3748;
    }

    .lg\:border-top-gray-800 {
      border-top-color: #2d3748;
    }

    .lg\:border-right-gray-800 {
      border-right-color: #2d3748;
    }

    .lg\:border-bottom-gray-800 {
      border-bottom-color: #2d3748;
    }

    .lg\:border-left-gray-800 {
      border-left-color: #2d3748;
    }

    .lg\:border-gray-900 {
      border-color: #1a202c;
    }

    .lg\:border-top-gray-900 {
      border-top-color: #1a202c;
    }

    .lg\:border-right-gray-900 {
      border-right-color: #1a202c;
    }

    .lg\:border-bottom-gray-900 {
      border-bottom-color: #1a202c;
    }

    .lg\:border-left-gray-900 {
      border-left-color: #1a202c;
    }

    .lg\:border-red-500 {
      border-color: #f56565;
    }

    .lg\:border-top-red-500 {
      border-top-color: #f56565;
    }

    .lg\:border-right-red-500 {
      border-right-color: #f56565;
    }

    .lg\:border-bottom-red-500 {
      border-bottom-color: #f56565;
    }

    .lg\:border-left-red-500 {
      border-left-color: #f56565;
    }

    .lg\:border-orange-500 {
      border-color: #ed8936;
    }

    .lg\:border-top-orange-500 {
      border-top-color: #ed8936;
    }

    .lg\:border-right-orange-500 {
      border-right-color: #ed8936;
    }

    .lg\:border-bottom-orange-500 {
      border-bottom-color: #ed8936;
    }

    .lg\:border-left-orange-500 {
      border-left-color: #ed8936;
    }

    .lg\:border-green-500 {
      border-color: #48bb78;
    }

    .lg\:border-top-green-500 {
      border-top-color: #48bb78;
    }

    .lg\:border-right-green-500 {
      border-right-color: #48bb78;
    }

    .lg\:border-bottom-green-500 {
      border-bottom-color: #48bb78;
    }

    .lg\:border-left-green-500 {
      border-left-color: #48bb78;
    }

    .lg\:border-primary {
      border-color: rgba(5, 5, 6, 1);
    }

    .lg\:border-top-primary {
      border-top-color: rgba(5, 5, 6, 1);
    }

    .lg\:border-right-primary {
      border-right-color: rgba(5, 5, 6, 1);
    }

    .lg\:border-bottom-primary {
      border-bottom-color: rgba(5, 5, 6, 1);
    }

    .lg\:border-left-primary {
      border-left-color: rgba(5, 5, 6, 1);
    }

    .lg\:border-secondary {
      border-color: #007c89;
    }

    .lg\:border-top-secondary {
      border-top-color: #007c89;
    }

    .lg\:border-right-secondary {
      border-right-color: #007c89;
    }

    .lg\:border-bottom-secondary {
      border-bottom-color: #007c89;
    }

    .lg\:border-left-secondary {
      border-left-color: #007c89;
    }

    .lg\:border-tertiary {
      border-color: #007c89;
    }

    .lg\:border-top-tertiary {
      border-top-color: #007c89;
    }

    .lg\:border-right-tertiary {
      border-right-color: #007c89;
    }

    .lg\:border-bottom-tertiary {
      border-bottom-color: #007c89;
    }

    .lg\:border-left-tertiary {
      border-left-color: #007c89;
    }
  }

  @media (min-width: 1200px) {
    .xl\:border-transparent {
      border-color: transparent;
    }

    .xl\:border-translucent {
      border-color: rgba(255, 255, 255, 0.1);
    }

    .xl\:border-current {
      border-color: currentColor;
    }

    .xl\:border-black {
      border-color: #000;
    }

    .xl\:border-top-black {
      border-top-color: #000;
    }

    .xl\:border-right-black {
      border-right-color: #000;
    }

    .xl\:border-bottom-black {
      border-bottom-color: #000;
    }

    .xl\:border-left-black {
      border-left-color: #000;
    }

    .xl\:border-white {
      border-color: #fff;
    }

    .xl\:border-top-white {
      border-top-color: #fff;
    }

    .xl\:border-right-white {
      border-right-color: #fff;
    }

    .xl\:border-bottom-white {
      border-bottom-color: #fff;
    }

    .xl\:border-left-white {
      border-left-color: #fff;
    }

    .xl\:border-gray-100 {
      border-color: #F7FAFC;
    }

    .xl\:border-top-gray-100 {
      border-top-color: #F7FAFC;
    }

    .xl\:border-right-gray-100 {
      border-right-color: #F7FAFC;
    }

    .xl\:border-bottom-gray-100 {
      border-bottom-color: #F7FAFC;
    }

    .xl\:border-left-gray-100 {
      border-left-color: #F7FAFC;
    }

    .xl\:border-gray-200 {
      border-color: #EDF2F7;
    }

    .xl\:border-top-gray-200 {
      border-top-color: #EDF2F7;
    }

    .xl\:border-right-gray-200 {
      border-right-color: #EDF2F7;
    }

    .xl\:border-bottom-gray-200 {
      border-bottom-color: #EDF2F7;
    }

    .xl\:border-left-gray-200 {
      border-left-color: #EDF2F7;
    }

    .xl\:border-gray-300 {
      border-color: #e2e8f0;
    }

    .xl\:border-top-gray-300 {
      border-top-color: #e2e8f0;
    }

    .xl\:border-right-gray-300 {
      border-right-color: #e2e8f0;
    }

    .xl\:border-bottom-gray-300 {
      border-bottom-color: #e2e8f0;
    }

    .xl\:border-left-gray-300 {
      border-left-color: #e2e8f0;
    }

    .xl\:border-gray-400 {
      border-color: #cbd5e0;
    }

    .xl\:border-top-gray-400 {
      border-top-color: #cbd5e0;
    }

    .xl\:border-right-gray-400 {
      border-right-color: #cbd5e0;
    }

    .xl\:border-bottom-gray-400 {
      border-bottom-color: #cbd5e0;
    }

    .xl\:border-left-gray-400 {
      border-left-color: #cbd5e0;
    }

    .xl\:border-gray-500 {
      border-color: #a0aec0;
    }

    .xl\:border-top-gray-500 {
      border-top-color: #a0aec0;
    }

    .xl\:border-right-gray-500 {
      border-right-color: #a0aec0;
    }

    .xl\:border-bottom-gray-500 {
      border-bottom-color: #a0aec0;
    }

    .xl\:border-left-gray-500 {
      border-left-color: #a0aec0;
    }

    .xl\:border-gray-600 {
      border-color: rgba(199, 203, 199, 1);
    }

    .xl\:border-top-gray-600 {
      border-top-color: rgba(199, 203, 199, 1);
    }

    .xl\:border-right-gray-600 {
      border-right-color: rgba(199, 203, 199, 1);
    }

    .xl\:border-bottom-gray-600 {
      border-bottom-color: rgba(199, 203, 199, 1);
    }

    .xl\:border-left-gray-600 {
      border-left-color: rgba(199, 203, 199, 1);
    }

    .xl\:border-gray-700 {
      border-color: #4a5568;
    }

    .xl\:border-top-gray-700 {
      border-top-color: #4a5568;
    }

    .xl\:border-right-gray-700 {
      border-right-color: #4a5568;
    }

    .xl\:border-bottom-gray-700 {
      border-bottom-color: #4a5568;
    }

    .xl\:border-left-gray-700 {
      border-left-color: #4a5568;
    }

    .xl\:border-gray-800 {
      border-color: #2d3748;
    }

    .xl\:border-top-gray-800 {
      border-top-color: #2d3748;
    }

    .xl\:border-right-gray-800 {
      border-right-color: #2d3748;
    }

    .xl\:border-bottom-gray-800 {
      border-bottom-color: #2d3748;
    }

    .xl\:border-left-gray-800 {
      border-left-color: #2d3748;
    }

    .xl\:border-gray-900 {
      border-color: #1a202c;
    }

    .xl\:border-top-gray-900 {
      border-top-color: #1a202c;
    }

    .xl\:border-right-gray-900 {
      border-right-color: #1a202c;
    }

    .xl\:border-bottom-gray-900 {
      border-bottom-color: #1a202c;
    }

    .xl\:border-left-gray-900 {
      border-left-color: #1a202c;
    }

    .xl\:border-red-500 {
      border-color: #f56565;
    }

    .xl\:border-top-red-500 {
      border-top-color: #f56565;
    }

    .xl\:border-right-red-500 {
      border-right-color: #f56565;
    }

    .xl\:border-bottom-red-500 {
      border-bottom-color: #f56565;
    }

    .xl\:border-left-red-500 {
      border-left-color: #f56565;
    }

    .xl\:border-orange-500 {
      border-color: #ed8936;
    }

    .xl\:border-top-orange-500 {
      border-top-color: #ed8936;
    }

    .xl\:border-right-orange-500 {
      border-right-color: #ed8936;
    }

    .xl\:border-bottom-orange-500 {
      border-bottom-color: #ed8936;
    }

    .xl\:border-left-orange-500 {
      border-left-color: #ed8936;
    }

    .xl\:border-green-500 {
      border-color: #48bb78;
    }

    .xl\:border-top-green-500 {
      border-top-color: #48bb78;
    }

    .xl\:border-right-green-500 {
      border-right-color: #48bb78;
    }

    .xl\:border-bottom-green-500 {
      border-bottom-color: #48bb78;
    }

    .xl\:border-left-green-500 {
      border-left-color: #48bb78;
    }

    .xl\:border-primary {
      border-color: rgba(5, 5, 6, 1);
    }

    .xl\:border-top-primary {
      border-top-color: rgba(5, 5, 6, 1);
    }

    .xl\:border-right-primary {
      border-right-color: rgba(5, 5, 6, 1);
    }

    .xl\:border-bottom-primary {
      border-bottom-color: rgba(5, 5, 6, 1);
    }

    .xl\:border-left-primary {
      border-left-color: rgba(5, 5, 6, 1);
    }

    .xl\:border-secondary {
      border-color: #007c89;
    }

    .xl\:border-top-secondary {
      border-top-color: #007c89;
    }

    .xl\:border-right-secondary {
      border-right-color: #007c89;
    }

    .xl\:border-bottom-secondary {
      border-bottom-color: #007c89;
    }

    .xl\:border-left-secondary {
      border-left-color: #007c89;
    }

    .xl\:border-tertiary {
      border-color: #007c89;
    }

    .xl\:border-top-tertiary {
      border-top-color: #007c89;
    }

    .xl\:border-right-tertiary {
      border-right-color: #007c89;
    }

    .xl\:border-bottom-tertiary {
      border-bottom-color: #007c89;
    }

    .xl\:border-left-tertiary {
      border-left-color: #007c89;
    }
  }

  @media (min-width: 576px) {
    .sm\:border-radius {
      border-radius: 8px;
    }

    .sm\:border-radius-0 {
      border-radius: 0;
    }

    .sm\:border-radius-top {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }

    .sm\:border-radius-right {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
    }

    .sm\:border-radius-bottom {
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    .sm\:border-radius-left {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    .sm\:rounded {
      border-radius: 2rem;
    }

    .sm\:circle {
      border-radius: 50%;
    }
  }

  @media (min-width: 768px) {
    .md\:border-radius {
      border-radius: 8px;
    }

    .md\:border-radius-0 {
      border-radius: 0;
    }

    .md\:border-radius-top {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }

    .md\:border-radius-right {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
    }

    .md\:border-radius-bottom {
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    .md\:border-radius-left {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    .md\:rounded {
      border-radius: 2rem;
    }

    .md\:circle {
      border-radius: 50%;
    }
  }

  @media (min-width: 992px) {
    .lg\:border-radius {
      border-radius: 8px;
    }

    .lg\:border-radius-0 {
      border-radius: 0;
    }

    .lg\:border-radius-top {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }

    .lg\:border-radius-right {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
    }

    .lg\:border-radius-bottom {
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    .lg\:border-radius-left {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    .lg\:rounded {
      border-radius: 2rem;
    }

    .lg\:circle {
      border-radius: 50%;
    }
  }

  @media (min-width: 1200px) {
    .xl\:border-radius {
      border-radius: 8px;
    }

    .xl\:border-radius-0 {
      border-radius: 0;
    }

    .xl\:border-radius-top {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }

    .xl\:border-radius-right {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
    }

    .xl\:border-radius-bottom {
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    .xl\:border-radius-left {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    .xl\:rounded {
      border-radius: 2rem;
    }

    .xl\:circle {
      border-radius: 50%;
    }
  }

  @media (min-width: 576px) {
    .sm\:border-1 {
      border-width: 1px;
    }

    .sm\:border-top-1 {
      border-top-width: 1px;
    }

    .sm\:border-right-1 {
      border-right-width: 1px;
    }

    .sm\:border-bottom-1 {
      border-bottom-width: 1px;
    }

    .sm\:border-left-1 {
      border-left-width: 1px;
    }

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

    .sm\:border-top-2 {
      border-top-width: 2px;
    }

    .sm\:border-right-2 {
      border-right-width: 2px;
    }

    .sm\:border-bottom-2 {
      border-bottom-width: 2px;
    }

    .sm\:border-left-2 {
      border-left-width: 2px;
    }

    .sm\:border-3 {
      border-width: 3px;
    }

    .sm\:border-top-3 {
      border-top-width: 3px;
    }

    .sm\:border-right-3 {
      border-right-width: 3px;
    }

    .sm\:border-bottom-3 {
      border-bottom-width: 3px;
    }

    .sm\:border-left-3 {
      border-left-width: 3px;
    }

    .sm\:border-4 {
      border-width: 4px;
    }

    .sm\:border-top-4 {
      border-top-width: 4px;
    }

    .sm\:border-right-4 {
      border-right-width: 4px;
    }

    .sm\:border-bottom-4 {
      border-bottom-width: 4px;
    }

    .sm\:border-left-4 {
      border-left-width: 4px;
    }

    .sm\:border-0 {
      border-width: 0;
    }

    .sm\:border-top-0 {
      border-top-width: 0;
    }

    .sm\:border-right-0 {
      border-right-width: 0;
    }

    .sm\:border-bottom-0 {
      border-bottom-width: 0;
    }

    .sm\:border-left-0 {
      border-left-width: 0;
    }
  }

  @media (min-width: 768px) {
    .md\:border-1 {
      border-width: 1px;
    }

    .md\:border-top-1 {
      border-top-width: 1px;
    }

    .md\:border-right-1 {
      border-right-width: 1px;
    }

    .md\:border-bottom-1 {
      border-bottom-width: 1px;
    }

    .md\:border-left-1 {
      border-left-width: 1px;
    }

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

    .md\:border-top-2 {
      border-top-width: 2px;
    }

    .md\:border-right-2 {
      border-right-width: 2px;
    }

    .md\:border-bottom-2 {
      border-bottom-width: 2px;
    }

    .md\:border-left-2 {
      border-left-width: 2px;
    }

    .md\:border-3 {
      border-width: 3px;
    }

    .md\:border-top-3 {
      border-top-width: 3px;
    }

    .md\:border-right-3 {
      border-right-width: 3px;
    }

    .md\:border-bottom-3 {
      border-bottom-width: 3px;
    }

    .md\:border-left-3 {
      border-left-width: 3px;
    }

    .md\:border-4 {
      border-width: 4px;
    }

    .md\:border-top-4 {
      border-top-width: 4px;
    }

    .md\:border-right-4 {
      border-right-width: 4px;
    }

    .md\:border-bottom-4 {
      border-bottom-width: 4px;
    }

    .md\:border-left-4 {
      border-left-width: 4px;
    }

    .md\:border-0 {
      border-width: 0;
    }

    .md\:border-top-0 {
      border-top-width: 0;
    }

    .md\:border-right-0 {
      border-right-width: 0;
    }

    .md\:border-bottom-0 {
      border-bottom-width: 0;
    }

    .md\:border-left-0 {
      border-left-width: 0;
    }
  }

  @media (min-width: 992px) {
    .lg\:border-1 {
      border-width: 1px;
    }

    .lg\:border-top-1 {
      border-top-width: 1px;
    }

    .lg\:border-right-1 {
      border-right-width: 1px;
    }

    .lg\:border-bottom-1 {
      border-bottom-width: 1px;
    }

    .lg\:border-left-1 {
      border-left-width: 1px;
    }

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

    .lg\:border-top-2 {
      border-top-width: 2px;
    }

    .lg\:border-right-2 {
      border-right-width: 2px;
    }

    .lg\:border-bottom-2 {
      border-bottom-width: 2px;
    }

    .lg\:border-left-2 {
      border-left-width: 2px;
    }

    .lg\:border-3 {
      border-width: 3px;
    }

    .lg\:border-top-3 {
      border-top-width: 3px;
    }

    .lg\:border-right-3 {
      border-right-width: 3px;
    }

    .lg\:border-bottom-3 {
      border-bottom-width: 3px;
    }

    .lg\:border-left-3 {
      border-left-width: 3px;
    }

    .lg\:border-4 {
      border-width: 4px;
    }

    .lg\:border-top-4 {
      border-top-width: 4px;
    }

    .lg\:border-right-4 {
      border-right-width: 4px;
    }

    .lg\:border-bottom-4 {
      border-bottom-width: 4px;
    }

    .lg\:border-left-4 {
      border-left-width: 4px;
    }

    .lg\:border-0 {
      border-width: 0;
    }

    .lg\:border-top-0 {
      border-top-width: 0;
    }

    .lg\:border-right-0 {
      border-right-width: 0;
    }

    .lg\:border-bottom-0 {
      border-bottom-width: 0;
    }

    .lg\:border-left-0 {
      border-left-width: 0;
    }
  }

  @media (min-width: 1200px) {
    .xl\:border-1 {
      border-width: 1px;
    }

    .xl\:border-top-1 {
      border-top-width: 1px;
    }

    .xl\:border-right-1 {
      border-right-width: 1px;
    }

    .xl\:border-bottom-1 {
      border-bottom-width: 1px;
    }

    .xl\:border-left-1 {
      border-left-width: 1px;
    }

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

    .xl\:border-top-2 {
      border-top-width: 2px;
    }

    .xl\:border-right-2 {
      border-right-width: 2px;
    }

    .xl\:border-bottom-2 {
      border-bottom-width: 2px;
    }

    .xl\:border-left-2 {
      border-left-width: 2px;
    }

    .xl\:border-3 {
      border-width: 3px;
    }

    .xl\:border-top-3 {
      border-top-width: 3px;
    }

    .xl\:border-right-3 {
      border-right-width: 3px;
    }

    .xl\:border-bottom-3 {
      border-bottom-width: 3px;
    }

    .xl\:border-left-3 {
      border-left-width: 3px;
    }

    .xl\:border-4 {
      border-width: 4px;
    }

    .xl\:border-top-4 {
      border-top-width: 4px;
    }

    .xl\:border-right-4 {
      border-right-width: 4px;
    }

    .xl\:border-bottom-4 {
      border-bottom-width: 4px;
    }

    .xl\:border-left-4 {
      border-left-width: 4px;
    }

    .xl\:border-0 {
      border-width: 0;
    }

    .xl\:border-top-0 {
      border-top-width: 0;
    }

    .xl\:border-right-0 {
      border-right-width: 0;
    }

    .xl\:border-bottom-0 {
      border-bottom-width: 0;
    }

    .xl\:border-left-0 {
      border-left-width: 0;
    }
  }

  @media (min-width: 576px) {
    .sm\:align-content-start {
      align-content: flex-start;
    }

    .sm\:align-content-end {
      align-content: flex-end;
    }

    .sm\:align-content-center {
      align-content: center;
    }

    .sm\:align-content-between {
      align-content: space-between;
    }

    .sm\:align-content-around {
      align-content: space-around;
    }

    .sm\:align-content-stretch {
      align-content: stretch;
    }
  }

  @media (min-width: 768px) {
    .md\:align-content-start {
      align-content: flex-start;
    }

    .md\:align-content-end {
      align-content: flex-end;
    }

    .md\:align-content-center {
      align-content: center;
    }

    .md\:align-content-between {
      align-content: space-between;
    }

    .md\:align-content-around {
      align-content: space-around;
    }

    .md\:align-content-stretch {
      align-content: stretch;
    }
  }

  @media (min-width: 992px) {
    .lg\:align-content-start {
      align-content: flex-start;
    }

    .lg\:align-content-end {
      align-content: flex-end;
    }

    .lg\:align-content-center {
      align-content: center;
    }

    .lg\:align-content-between {
      align-content: space-between;
    }

    .lg\:align-content-around {
      align-content: space-around;
    }

    .lg\:align-content-stretch {
      align-content: stretch;
    }
  }

  @media (min-width: 1200px) {
    .xl\:align-content-start {
      align-content: flex-start;
    }

    .xl\:align-content-end {
      align-content: flex-end;
    }

    .xl\:align-content-center {
      align-content: center;
    }

    .xl\:align-content-between {
      align-content: space-between;
    }

    .xl\:align-content-around {
      align-content: space-around;
    }

    .xl\:align-content-stretch {
      align-content: stretch;
    }
  }

  @media (min-width: 576px) {
    .sm\:align-items-start {
      align-items: flex-start;
    }

    .sm\:align-items-end {
      align-items: flex-end;
    }

    .sm\:align-items-center {
      align-items: center;
    }

    .sm\:align-items-baseline {
      align-items: baseline;
    }

    .sm\:align-items-stretch {
      align-items: stretch;
    }
  }

  @media (min-width: 768px) {
    .md\:align-items-start {
      align-items: flex-start;
    }

    .md\:align-items-end {
      align-items: flex-end;
    }

    .md\:align-items-center {
      align-items: center;
    }

    .md\:align-items-baseline {
      align-items: baseline;
    }

    .md\:align-items-stretch {
      align-items: stretch;
    }
  }

  @media (min-width: 992px) {
    .lg\:align-items-start {
      align-items: flex-start;
    }

    .lg\:align-items-end {
      align-items: flex-end;
    }

    .lg\:align-items-center {
      align-items: center;
    }

    .lg\:align-items-baseline {
      align-items: baseline;
    }

    .lg\:align-items-stretch {
      align-items: stretch;
    }
  }

  @media (min-width: 1200px) {
    .xl\:align-items-start {
      align-items: flex-start;
    }

    .xl\:align-items-end {
      align-items: flex-end;
    }

    .xl\:align-items-center {
      align-items: center;
    }

    .xl\:align-items-baseline {
      align-items: baseline;
    }

    .xl\:align-items-stretch {
      align-items: stretch;
    }
  }

  @media (min-width: 576px) {
    .sm\:align-self-auto {
      align-self: auto;
    }

    .sm\:align-self-start {
      align-self: flex-start;
    }

    .sm\:align-self-end {
      align-self: flex-end;
    }

    .sm\:align-self-center {
      align-self: center;
    }

    .sm\:align-self-baseline {
      align-self: baseline;
    }

    .sm\:align-self-stretch {
      align-self: stretch;
    }
  }

  @media (min-width: 768px) {
    .md\:align-self-auto {
      align-self: auto;
    }

    .md\:align-self-start {
      align-self: flex-start;
    }

    .md\:align-self-end {
      align-self: flex-end;
    }

    .md\:align-self-center {
      align-self: center;
    }

    .md\:align-self-baseline {
      align-self: baseline;
    }

    .md\:align-self-stretch {
      align-self: stretch;
    }
  }

  @media (min-width: 992px) {
    .lg\:align-self-auto {
      align-self: auto;
    }

    .lg\:align-self-start {
      align-self: flex-start;
    }

    .lg\:align-self-end {
      align-self: flex-end;
    }

    .lg\:align-self-center {
      align-self: center;
    }

    .lg\:align-self-baseline {
      align-self: baseline;
    }

    .lg\:align-self-stretch {
      align-self: stretch;
    }
  }

  @media (min-width: 1200px) {
    .xl\:align-self-auto {
      align-self: auto;
    }

    .xl\:align-self-start {
      align-self: flex-start;
    }

    .xl\:align-self-end {
      align-self: flex-end;
    }

    .xl\:align-self-center {
      align-self: center;
    }

    .xl\:align-self-baseline {
      align-self: baseline;
    }

    .xl\:align-self-stretch {
      align-self: stretch;
    }
  }

  @media (min-width: 576px) {
    .sm\:flex-initial {
      flex: initial;
    }

    .sm\:flex-1 {
      flex: 1;
    }

    .sm\:flex-auto {
      flex: auto;
    }

    .sm\:flex-none {
      flex: none;
    }

    .sm\:flex-fill {
      flex: 1 1 auto;
    }

    .sm\:flex-grow {
      flex-grow: 1;
    }

    .sm\:flex-grow-0 {
      flex-grow: 0;
    }

    .sm\:flex-shrink {
      flex-shrink: 1;
    }

    .sm\:flex-shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 768px) {
    .md\:flex-initial {
      flex: initial;
    }

    .md\:flex-1 {
      flex: 1;
    }

    .md\:flex-auto {
      flex: auto;
    }

    .md\:flex-none {
      flex: none;
    }

    .md\:flex-fill {
      flex: 1 1 auto;
    }

    .md\:flex-grow {
      flex-grow: 1;
    }

    .md\:flex-grow-0 {
      flex-grow: 0;
    }

    .md\:flex-shrink {
      flex-shrink: 1;
    }

    .md\:flex-shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 992px) {
    .lg\:flex-initial {
      flex: initial;
    }

    .lg\:flex-1 {
      flex: 1;
    }

    .lg\:flex-auto {
      flex: auto;
    }

    .lg\:flex-none {
      flex: none;
    }

    .lg\:flex-fill {
      flex: 1 1 auto;
    }

    .lg\:flex-grow {
      flex-grow: 1;
    }

    .lg\:flex-grow-0 {
      flex-grow: 0;
    }

    .lg\:flex-shrink {
      flex-shrink: 1;
    }

    .lg\:flex-shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 1200px) {
    .xl\:flex-initial {
      flex: initial;
    }

    .xl\:flex-1 {
      flex: 1;
    }

    .xl\:flex-auto {
      flex: auto;
    }

    .xl\:flex-none {
      flex: none;
    }

    .xl\:flex-fill {
      flex: 1 1 auto;
    }

    .xl\:flex-grow {
      flex-grow: 1;
    }

    .xl\:flex-grow-0 {
      flex-grow: 0;
    }

    .xl\:flex-shrink {
      flex-shrink: 1;
    }

    .xl\:flex-shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 576px) {
    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-column {
      flex-direction: column;
    }

    .sm\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .sm\:flex-column-reverse {
      flex-direction: column-reverse;
    }
  }

  @media (min-width: 768px) {
    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-column {
      flex-direction: column;
    }

    .md\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .md\:flex-column-reverse {
      flex-direction: column-reverse;
    }
  }

  @media (min-width: 992px) {
    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:flex-column {
      flex-direction: column;
    }

    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .lg\:flex-column-reverse {
      flex-direction: column-reverse;
    }
  }

  @media (min-width: 1200px) {
    .xl\:flex-row {
      flex-direction: row;
    }

    .xl\:flex-column {
      flex-direction: column;
    }

    .xl\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .xl\:flex-column-reverse {
      flex-direction: column-reverse;
    }
  }

  @media (min-width: 576px) {
    .sm\:flex-first {
      order: -1;
    }

    .sm\:flex-last {
      order: 13;
    }

    .sm\:order-inherit {
      order: inherit;
    }
  }

  @media (min-width: 768px) {
    .md\:flex-first {
      order: -1;
    }

    .md\:flex-last {
      order: 13;
    }

    .md\:order-inherit {
      order: inherit;
    }
  }

  @media (min-width: 992px) {
    .lg\:flex-first {
      order: -1;
    }

    .lg\:flex-last {
      order: 13;
    }

    .lg\:order-inherit {
      order: inherit;
    }
  }

  @media (min-width: 1200px) {
    .xl\:flex-first {
      order: -1;
    }

    .xl\:flex-last {
      order: 13;
    }

    .xl\:order-inherit {
      order: inherit;
    }
  }

  @media (min-width: 576px) {
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .sm\:flex-no-wrap {
      flex-wrap: nowrap;
    }

    .sm\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }

  @media (min-width: 768px) {
    .md\:flex-wrap {
      flex-wrap: wrap;
    }

    .md\:flex-no-wrap {
      flex-wrap: nowrap;
    }

    .md\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }

  @media (min-width: 992px) {
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }

    .lg\:flex-no-wrap {
      flex-wrap: nowrap;
    }

    .lg\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }

  @media (min-width: 1200px) {
    .xl\:flex-wrap {
      flex-wrap: wrap;
    }

    .xl\:flex-no-wrap {
      flex-wrap: nowrap;
    }

    .xl\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }

  @media (min-width: 576px) {
    .sm\:justify-content-start {
      justify-content: flex-start;
    }

    .sm\:justify-content-end {
      justify-content: flex-end;
    }

    .sm\:justify-content-center {
      justify-content: center;
    }

    .sm\:justify-content-between {
      justify-content: space-between;
    }

    .sm\:justify-content-around {
      justify-content: space-around;
    }
  }

  @media (min-width: 768px) {
    .md\:justify-content-start {
      justify-content: flex-start;
    }

    .md\:justify-content-end {
      justify-content: flex-end;
    }

    .md\:justify-content-center {
      justify-content: center;
    }

    .md\:justify-content-between {
      justify-content: space-between;
    }

    .md\:justify-content-around {
      justify-content: space-around;
    }
  }

  @media (min-width: 992px) {
    .lg\:justify-content-start {
      justify-content: flex-start;
    }

    .lg\:justify-content-end {
      justify-content: flex-end;
    }

    .lg\:justify-content-center {
      justify-content: center;
    }

    .lg\:justify-content-between {
      justify-content: space-between;
    }

    .lg\:justify-content-around {
      justify-content: space-around;
    }
  }

  @media (min-width: 1200px) {
    .xl\:justify-content-start {
      justify-content: flex-start;
    }

    .xl\:justify-content-end {
      justify-content: flex-end;
    }

    .xl\:justify-content-center {
      justify-content: center;
    }

    .xl\:justify-content-between {
      justify-content: space-between;
    }

    .xl\:justify-content-around {
      justify-content: space-around;
    }
  }

  @media (min-width: 576px) {
    .sm\:m-0 {
      margin: 0;
    }

    .sm\:mt-0,
    .sm\:my-0 {
      margin-top: 0;
    }

    .sm\:mr-0,
    .sm\:mx-0 {
      margin-right: 0;
    }

    .sm\:mb-0,
    .sm\:my-0 {
      margin-bottom: 0;
    }

    .sm\:ml-0,
    .sm\:mx-0 {
      margin-left: 0;
    }

    .sm\:-m-0 {
      margin: 0;
    }

    .sm\:-mt-0,
    .sm\:-my-0 {
      margin-top: 0;
    }

    .sm\:-mr-0,
    .sm\:-mx-0 {
      margin-right: 0;
    }

    .sm\:-mb-0,
    .sm\:-my-0 {
      margin-bottom: 0;
    }

    .sm\:-ml-0,
    .sm\:-mx-0 {
      margin-left: 0;
    }

    .sm\:m-1 {
      margin: 0.25rem;
    }

    .sm\:mt-1,
    .sm\:my-1 {
      margin-top: 0.25rem;
    }

    .sm\:mr-1,
    .sm\:mx-1 {
      margin-right: 0.25rem;
    }

    .sm\:mb-1,
    .sm\:my-1 {
      margin-bottom: 0.25rem;
    }

    .sm\:ml-1,
    .sm\:mx-1 {
      margin-left: 0.25rem;
    }

    .sm\:-m-1 {
      margin: -0.25rem;
    }

    .sm\:-mt-1,
    .sm\:-my-1 {
      margin-top: -0.25rem;
    }

    .sm\:-mr-1,
    .sm\:-mx-1 {
      margin-right: -0.25rem;
    }

    .sm\:-mb-1,
    .sm\:-my-1 {
      margin-bottom: -0.25rem;
    }

    .sm\:-ml-1,
    .sm\:-mx-1 {
      margin-left: -0.25rem;
    }

    .sm\:m-2 {
      margin: 0.5rem;
    }

    .sm\:mt-2,
    .sm\:my-2 {
      margin-top: 0.5rem;
    }

    .sm\:mr-2,
    .sm\:mx-2 {
      margin-right: 0.5rem;
    }

    .sm\:mb-2,
    .sm\:my-2 {
      margin-bottom: 0.5rem;
    }

    .sm\:ml-2,
    .sm\:mx-2 {
      margin-left: 0.5rem;
    }

    .sm\:-m-2 {
      margin: -0.5rem;
    }

    .sm\:-mt-2,
    .sm\:-my-2 {
      margin-top: -0.5rem;
    }

    .sm\:-mr-2,
    .sm\:-mx-2 {
      margin-right: -0.5rem;
    }

    .sm\:-mb-2,
    .sm\:-my-2 {
      margin-bottom: -0.5rem;
    }

    .sm\:-ml-2,
    .sm\:-mx-2 {
      margin-left: -0.5rem;
    }

    .sm\:m-3 {
      margin: 0.75rem;
    }

    .sm\:mt-3,
    .sm\:my-3 {
      margin-top: 0.75rem;
    }

    .sm\:mr-3,
    .sm\:mx-3 {
      margin-right: 0.75rem;
    }

    .sm\:mb-3,
    .sm\:my-3 {
      margin-bottom: 0.75rem;
    }

    .sm\:ml-3,
    .sm\:mx-3 {
      margin-left: 0.75rem;
    }

    .sm\:-m-3 {
      margin: -0.75rem;
    }

    .sm\:-mt-3,
    .sm\:-my-3 {
      margin-top: -0.75rem;
    }

    .sm\:-mr-3,
    .sm\:-mx-3 {
      margin-right: -0.75rem;
    }

    .sm\:-mb-3,
    .sm\:-my-3 {
      margin-bottom: -0.75rem;
    }

    .sm\:-ml-3,
    .sm\:-mx-3 {
      margin-left: -0.75rem;
    }

    .sm\:m-4 {
      margin: 1rem;
    }

    .sm\:mt-4,
    .sm\:my-4 {
      margin-top: 1rem;
    }

    .sm\:mr-4,
    .sm\:mx-4 {
      margin-right: 1rem;
    }

    .sm\:mb-4,
    .sm\:my-4 {
      margin-bottom: 1rem;
    }

    .sm\:ml-4,
    .sm\:mx-4 {
      margin-left: 1rem;
    }

    .sm\:-m-4 {
      margin: -1rem;
    }

    .sm\:-mt-4,
    .sm\:-my-4 {
      margin-top: -1rem;
    }

    .sm\:-mr-4,
    .sm\:-mx-4 {
      margin-right: -1rem;
    }

    .sm\:-mb-4,
    .sm\:-my-4 {
      margin-bottom: -1rem;
    }

    .sm\:-ml-4,
    .sm\:-mx-4 {
      margin-left: -1rem;
    }

    .sm\:m-5 {
      margin: 1.5rem;
    }

    .sm\:mt-5,
    .sm\:my-5 {
      margin-top: 1.5rem;
    }

    .sm\:mr-5,
    .sm\:mx-5 {
      margin-right: 1.5rem;
    }

    .sm\:mb-5,
    .sm\:my-5 {
      margin-bottom: 1.5rem;
    }

    .sm\:ml-5,
    .sm\:mx-5 {
      margin-left: 1.5rem;
    }

    .sm\:-m-5 {
      margin: -1.5rem;
    }

    .sm\:-mt-5,
    .sm\:-my-5 {
      margin-top: -1.5rem;
    }

    .sm\:-mr-5,
    .sm\:-mx-5 {
      margin-right: -1.5rem;
    }

    .sm\:-mb-5,
    .sm\:-my-5 {
      margin-bottom: -1.5rem;
    }

    .sm\:-ml-5,
    .sm\:-mx-5 {
      margin-left: -1.5rem;
    }

    .sm\:m-6 {
      margin: 2rem;
    }

    .sm\:mt-6,
    .sm\:my-6 {
      margin-top: 2rem;
    }

    .sm\:mr-6,
    .sm\:mx-6 {
      margin-right: 2rem;
    }

    .sm\:mb-6,
    .sm\:my-6 {
      margin-bottom: 2rem;
    }

    .sm\:ml-6,
    .sm\:mx-6 {
      margin-left: 2rem;
    }

    .sm\:-m-6 {
      margin: -2rem;
    }

    .sm\:-mt-6,
    .sm\:-my-6 {
      margin-top: -2rem;
    }

    .sm\:-mr-6,
    .sm\:-mx-6 {
      margin-right: -2rem;
    }

    .sm\:-mb-6,
    .sm\:-my-6 {
      margin-bottom: -2rem;
    }

    .sm\:-ml-6,
    .sm\:-mx-6 {
      margin-left: -2rem;
    }

    .sm\:m-7 {
      margin: 3rem;
    }

    .sm\:mt-7,
    .sm\:my-7 {
      margin-top: 3rem;
    }

    .sm\:mr-7,
    .sm\:mx-7 {
      margin-right: 3rem;
    }

    .sm\:mb-7,
    .sm\:my-7 {
      margin-bottom: 3rem;
    }

    .sm\:ml-7,
    .sm\:mx-7 {
      margin-left: 3rem;
    }

    .sm\:-m-7 {
      margin: -3rem;
    }

    .sm\:-mt-7,
    .sm\:-my-7 {
      margin-top: -3rem;
    }

    .sm\:-mr-7,
    .sm\:-mx-7 {
      margin-right: -3rem;
    }

    .sm\:-mb-7,
    .sm\:-my-7 {
      margin-bottom: -3rem;
    }

    .sm\:-ml-7,
    .sm\:-mx-7 {
      margin-left: -3rem;
    }

    .sm\:m-8 {
      margin: 4rem;
    }

    .sm\:mt-8,
    .sm\:my-8 {
      margin-top: 4rem;
    }

    .sm\:mr-8,
    .sm\:mx-8 {
      margin-right: 4rem;
    }

    .sm\:mb-8,
    .sm\:my-8 {
      margin-bottom: 4rem;
    }

    .sm\:ml-8,
    .sm\:mx-8 {
      margin-left: 4rem;
    }

    .sm\:-m-8 {
      margin: -4rem;
    }

    .sm\:-mt-8,
    .sm\:-my-8 {
      margin-top: -4rem;
    }

    .sm\:-mr-8,
    .sm\:-mx-8 {
      margin-right: -4rem;
    }

    .sm\:-mb-8,
    .sm\:-my-8 {
      margin-bottom: -4rem;
    }

    .sm\:-ml-8,
    .sm\:-mx-8 {
      margin-left: -4rem;
    }

    .sm\:m-9 {
      margin: 6rem;
    }

    .sm\:mt-9,
    .sm\:my-9 {
      margin-top: 6rem;
    }

    .sm\:mr-9,
    .sm\:mx-9 {
      margin-right: 6rem;
    }

    .sm\:mb-9,
    .sm\:my-9 {
      margin-bottom: 6rem;
    }

    .sm\:ml-9,
    .sm\:mx-9 {
      margin-left: 6rem;
    }

    .sm\:-m-9 {
      margin: -6rem;
    }

    .sm\:-mt-9,
    .sm\:-my-9 {
      margin-top: -6rem;
    }

    .sm\:-mr-9,
    .sm\:-mx-9 {
      margin-right: -6rem;
    }

    .sm\:-mb-9,
    .sm\:-my-9 {
      margin-bottom: -6rem;
    }

    .sm\:-ml-9,
    .sm\:-mx-9 {
      margin-left: -6rem;
    }

    .sm\:m-auto {
      margin: auto;
    }

    .sm\:mt-auto,
    .sm\:my-auto {
      margin-top: auto;
    }

    .sm\:mr-auto,
    .sm\:mx-auto {
      margin-right: auto;
    }

    .sm\:mb-auto,
    .sm\:my-auto {
      margin-bottom: auto;
    }

    .sm\:ml-auto,
    .sm\:mx-auto {
      margin-left: auto;
    }
  }

  @media (min-width: 768px) {
    .md\:m-0 {
      margin: 0;
    }

    .md\:mt-0,
    .md\:my-0 {
      margin-top: 0;
    }

    .md\:mr-0,
    .md\:mx-0 {
      margin-right: 0;
    }

    .md\:mb-0,
    .md\:my-0 {
      margin-bottom: 0;
    }

    .md\:ml-0,
    .md\:mx-0 {
      margin-left: 0;
    }

    .md\:-m-0 {
      margin: 0;
    }

    .md\:-mt-0,
    .md\:-my-0 {
      margin-top: 0;
    }

    .md\:-mr-0,
    .md\:-mx-0 {
      margin-right: 0;
    }

    .md\:-mb-0,
    .md\:-my-0 {
      margin-bottom: 0;
    }

    .md\:-ml-0,
    .md\:-mx-0 {
      margin-left: 0;
    }

    .md\:m-1 {
      margin: 0.25rem;
    }

    .md\:mt-1,
    .md\:my-1 {
      margin-top: 0.25rem;
    }

    .md\:mr-1,
    .md\:mx-1 {
      margin-right: 0.25rem;
    }

    .md\:mb-1,
    .md\:my-1 {
      margin-bottom: 0.25rem;
    }

    .md\:ml-1,
    .md\:mx-1 {
      margin-left: 0.25rem;
    }

    .md\:-m-1 {
      margin: -0.25rem;
    }

    .md\:-mt-1,
    .md\:-my-1 {
      margin-top: -0.25rem;
    }

    .md\:-mr-1,
    .md\:-mx-1 {
      margin-right: -0.25rem;
    }

    .md\:-mb-1,
    .md\:-my-1 {
      margin-bottom: -0.25rem;
    }

    .md\:-ml-1,
    .md\:-mx-1 {
      margin-left: -0.25rem;
    }

    .md\:m-2 {
      margin: 0.5rem;
    }

    .md\:mt-2,
    .md\:my-2 {
      margin-top: 0.5rem;
    }

    .md\:mr-2,
    .md\:mx-2 {
      margin-right: 0.5rem;
    }

    .md\:mb-2,
    .md\:my-2 {
      margin-bottom: 0.5rem;
    }

    .md\:ml-2,
    .md\:mx-2 {
      margin-left: 0.5rem;
    }

    .md\:-m-2 {
      margin: -0.5rem;
    }

    .md\:-mt-2,
    .md\:-my-2 {
      margin-top: -0.5rem;
    }

    .md\:-mr-2,
    .md\:-mx-2 {
      margin-right: -0.5rem;
    }

    .md\:-mb-2,
    .md\:-my-2 {
      margin-bottom: -0.5rem;
    }

    .md\:-ml-2,
    .md\:-mx-2 {
      margin-left: -0.5rem;
    }

    .md\:m-3 {
      margin: 0.75rem;
    }

    .md\:mt-3,
    .md\:my-3 {
      margin-top: 0.75rem;
    }

    .md\:mr-3,
    .md\:mx-3 {
      margin-right: 0.75rem;
    }

    .md\:mb-3,
    .md\:my-3 {
      margin-bottom: 0.75rem;
    }

    .md\:ml-3,
    .md\:mx-3 {
      margin-left: 0.75rem;
    }

    .md\:-m-3 {
      margin: -0.75rem;
    }

    .md\:-mt-3,
    .md\:-my-3 {
      margin-top: -0.75rem;
    }

    .md\:-mr-3,
    .md\:-mx-3 {
      margin-right: -0.75rem;
    }

    .md\:-mb-3,
    .md\:-my-3 {
      margin-bottom: -0.75rem;
    }

    .md\:-ml-3,
    .md\:-mx-3 {
      margin-left: -0.75rem;
    }

    .md\:m-4 {
      margin: 1rem;
    }

    .md\:mt-4,
    .md\:my-4 {
      margin-top: 1rem;
    }

    .md\:mr-4,
    .md\:mx-4 {
      margin-right: 1rem;
    }

    .md\:mb-4,
    .md\:my-4 {
      margin-bottom: 1rem;
    }

    .md\:ml-4,
    .md\:mx-4 {
      margin-left: 1rem;
    }

    .md\:-m-4 {
      margin: -1rem;
    }

    .md\:-mt-4,
    .md\:-my-4 {
      margin-top: -1rem;
    }

    .md\:-mr-4,
    .md\:-mx-4 {
      margin-right: -1rem;
    }

    .md\:-mb-4,
    .md\:-my-4 {
      margin-bottom: -1rem;
    }

    .md\:-ml-4,
    .md\:-mx-4 {
      margin-left: -1rem;
    }

    .md\:m-5 {
      margin: 1.5rem;
    }

    .md\:mt-5,
    .md\:my-5 {
      margin-top: 1.5rem;
    }

    .md\:mr-5,
    .md\:mx-5 {
      margin-right: 1.5rem;
    }

    .md\:mb-5,
    .md\:my-5 {
      margin-bottom: 1.5rem;
    }

    .md\:ml-5,
    .md\:mx-5 {
      margin-left: 1.5rem;
    }

    .md\:-m-5 {
      margin: -1.5rem;
    }

    .md\:-mt-5,
    .md\:-my-5 {
      margin-top: -1.5rem;
    }

    .md\:-mr-5,
    .md\:-mx-5 {
      margin-right: -1.5rem;
    }

    .md\:-mb-5,
    .md\:-my-5 {
      margin-bottom: -1.5rem;
    }

    .md\:-ml-5,
    .md\:-mx-5 {
      margin-left: -1.5rem;
    }

    .md\:m-6 {
      margin: 2rem;
    }

    .md\:mt-6,
    .md\:my-6 {
      margin-top: 2rem;
    }

    .md\:mr-6,
    .md\:mx-6 {
      margin-right: 2rem;
    }

    .md\:mb-6,
    .md\:my-6 {
      margin-bottom: 2rem;
    }

    .md\:ml-6,
    .md\:mx-6 {
      margin-left: 2rem;
    }

    .md\:-m-6 {
      margin: -2rem;
    }

    .md\:-mt-6,
    .md\:-my-6 {
      margin-top: -2rem;
    }

    .md\:-mr-6,
    .md\:-mx-6 {
      margin-right: -2rem;
    }

    .md\:-mb-6,
    .md\:-my-6 {
      margin-bottom: -2rem;
    }

    .md\:-ml-6,
    .md\:-mx-6 {
      margin-left: -2rem;
    }

    .md\:m-7 {
      margin: 3rem;
    }

    .md\:mt-7,
    .md\:my-7 {
      margin-top: 3rem;
    }

    .md\:mr-7,
    .md\:mx-7 {
      margin-right: 3rem;
    }

    .md\:mb-7,
    .md\:my-7 {
      margin-bottom: 3rem;
    }

    .md\:ml-7,
    .md\:mx-7 {
      margin-left: 3rem;
    }

    .md\:-m-7 {
      margin: -3rem;
    }

    .md\:-mt-7,
    .md\:-my-7 {
      margin-top: -3rem;
    }

    .md\:-mr-7,
    .md\:-mx-7 {
      margin-right: -3rem;
    }

    .md\:-mb-7,
    .md\:-my-7 {
      margin-bottom: -3rem;
    }

    .md\:-ml-7,
    .md\:-mx-7 {
      margin-left: -3rem;
    }

    .md\:m-8 {
      margin: 4rem;
    }

    .md\:mt-8,
    .md\:my-8 {
      margin-top: 4rem;
    }

    .md\:mr-8,
    .md\:mx-8 {
      margin-right: 4rem;
    }

    .md\:mb-8,
    .md\:my-8 {
      margin-bottom: 4rem;
    }

    .md\:ml-8,
    .md\:mx-8 {
      margin-left: 4rem;
    }

    .md\:-m-8 {
      margin: -4rem;
    }

    .md\:-mt-8,
    .md\:-my-8 {
      margin-top: -4rem;
    }

    .md\:-mr-8,
    .md\:-mx-8 {
      margin-right: -4rem;
    }

    .md\:-mb-8,
    .md\:-my-8 {
      margin-bottom: -4rem;
    }

    .md\:-ml-8,
    .md\:-mx-8 {
      margin-left: -4rem;
    }

    .md\:m-9 {
      margin: 6rem;
    }

    .md\:mt-9,
    .md\:my-9 {
      margin-top: 6rem;
    }

    .md\:mr-9,
    .md\:mx-9 {
      margin-right: 6rem;
    }

    .md\:mb-9,
    .md\:my-9 {
      margin-bottom: 6rem;
    }

    .md\:ml-9,
    .md\:mx-9 {
      margin-left: 6rem;
    }

    .md\:-m-9 {
      margin: -6rem;
    }

    .md\:-mt-9,
    .md\:-my-9 {
      margin-top: -6rem;
    }

    .md\:-mr-9,
    .md\:-mx-9 {
      margin-right: -6rem;
    }

    .md\:-mb-9,
    .md\:-my-9 {
      margin-bottom: -6rem;
    }

    .md\:-ml-9,
    .md\:-mx-9 {
      margin-left: -6rem;
    }

    .md\:m-auto {
      margin: auto;
    }

    .md\:mt-auto,
    .md\:my-auto {
      margin-top: auto;
    }

    .md\:mr-auto,
    .md\:mx-auto {
      margin-right: auto;
    }

    .md\:mb-auto,
    .md\:my-auto {
      margin-bottom: auto;
    }

    .md\:ml-auto,
    .md\:mx-auto {
      margin-left: auto;
    }
  }

  @media (min-width: 992px) {
    .lg\:m-0 {
      margin: 0;
    }

    .lg\:mt-0,
    .lg\:my-0 {
      margin-top: 0;
    }

    .lg\:mr-0,
    .lg\:mx-0 {
      margin-right: 0;
    }

    .lg\:mb-0,
    .lg\:my-0 {
      margin-bottom: 0;
    }

    .lg\:ml-0,
    .lg\:mx-0 {
      margin-left: 0;
    }

    .lg\:-m-0 {
      margin: 0;
    }

    .lg\:-mt-0,
    .lg\:-my-0 {
      margin-top: 0;
    }

    .lg\:-mr-0,
    .lg\:-mx-0 {
      margin-right: 0;
    }

    .lg\:-mb-0,
    .lg\:-my-0 {
      margin-bottom: 0;
    }

    .lg\:-ml-0,
    .lg\:-mx-0 {
      margin-left: 0;
    }

    .lg\:m-1 {
      margin: 0.25rem;
    }

    .lg\:mt-1,
    .lg\:my-1 {
      margin-top: 0.25rem;
    }

    .lg\:mr-1,
    .lg\:mx-1 {
      margin-right: 0.25rem;
    }

    .lg\:mb-1,
    .lg\:my-1 {
      margin-bottom: 0.25rem;
    }

    .lg\:ml-1,
    .lg\:mx-1 {
      margin-left: 0.25rem;
    }

    .lg\:-m-1 {
      margin: -0.25rem;
    }

    .lg\:-mt-1,
    .lg\:-my-1 {
      margin-top: -0.25rem;
    }

    .lg\:-mr-1,
    .lg\:-mx-1 {
      margin-right: -0.25rem;
    }

    .lg\:-mb-1,
    .lg\:-my-1 {
      margin-bottom: -0.25rem;
    }

    .lg\:-ml-1,
    .lg\:-mx-1 {
      margin-left: -0.25rem;
    }

    .lg\:m-2 {
      margin: 0.5rem;
    }

    .lg\:mt-2,
    .lg\:my-2 {
      margin-top: 0.5rem;
    }

    .lg\:mr-2,
    .lg\:mx-2 {
      margin-right: 0.5rem;
    }

    .lg\:mb-2,
    .lg\:my-2 {
      margin-bottom: 0.5rem;
    }

    .lg\:ml-2,
    .lg\:mx-2 {
      margin-left: 0.5rem;
    }

    .lg\:-m-2 {
      margin: -0.5rem;
    }

    .lg\:-mt-2,
    .lg\:-my-2 {
      margin-top: -0.5rem;
    }

    .lg\:-mr-2,
    .lg\:-mx-2 {
      margin-right: -0.5rem;
    }

    .lg\:-mb-2,
    .lg\:-my-2 {
      margin-bottom: -0.5rem;
    }

    .lg\:-ml-2,
    .lg\:-mx-2 {
      margin-left: -0.5rem;
    }

    .lg\:m-3 {
      margin: 0.75rem;
    }

    .lg\:mt-3,
    .lg\:my-3 {
      margin-top: 0.75rem;
    }

    .lg\:mr-3,
    .lg\:mx-3 {
      margin-right: 0.75rem;
    }

    .lg\:mb-3,
    .lg\:my-3 {
      margin-bottom: 0.75rem;
    }

    .lg\:ml-3,
    .lg\:mx-3 {
      margin-left: 0.75rem;
    }

    .lg\:-m-3 {
      margin: -0.75rem;
    }

    .lg\:-mt-3,
    .lg\:-my-3 {
      margin-top: -0.75rem;
    }

    .lg\:-mr-3,
    .lg\:-mx-3 {
      margin-right: -0.75rem;
    }

    .lg\:-mb-3,
    .lg\:-my-3 {
      margin-bottom: -0.75rem;
    }

    .lg\:-ml-3,
    .lg\:-mx-3 {
      margin-left: -0.75rem;
    }

    .lg\:m-4 {
      margin: 1rem;
    }

    .lg\:mt-4,
    .lg\:my-4 {
      margin-top: 1rem;
    }

    .lg\:mr-4,
    .lg\:mx-4 {
      margin-right: 1rem;
    }

    .lg\:mb-4,
    .lg\:my-4 {
      margin-bottom: 1rem;
    }

    .lg\:ml-4,
    .lg\:mx-4 {
      margin-left: 1rem;
    }

    .lg\:-m-4 {
      margin: -1rem;
    }

    .lg\:-mt-4,
    .lg\:-my-4 {
      margin-top: -1rem;
    }

    .lg\:-mr-4,
    .lg\:-mx-4 {
      margin-right: -1rem;
    }

    .lg\:-mb-4,
    .lg\:-my-4 {
      margin-bottom: -1rem;
    }

    .lg\:-ml-4,
    .lg\:-mx-4 {
      margin-left: -1rem;
    }

    .lg\:m-5 {
      margin: 1.5rem;
    }

    .lg\:mt-5,
    .lg\:my-5 {
      margin-top: 1.5rem;
    }

    .lg\:mr-5,
    .lg\:mx-5 {
      margin-right: 1.5rem;
    }

    .lg\:mb-5,
    .lg\:my-5 {
      margin-bottom: 1.5rem;
    }

    .lg\:ml-5,
    .lg\:mx-5 {
      margin-left: 1.5rem;
    }

    .lg\:-m-5 {
      margin: -1.5rem;
    }

    .lg\:-mt-5,
    .lg\:-my-5 {
      margin-top: -1.5rem;
    }

    .lg\:-mr-5,
    .lg\:-mx-5 {
      margin-right: -1.5rem;
    }

    .lg\:-mb-5,
    .lg\:-my-5 {
      margin-bottom: -1.5rem;
    }

    .lg\:-ml-5,
    .lg\:-mx-5 {
      margin-left: -1.5rem;
    }

    .lg\:m-6 {
      margin: 2rem;
    }

    .lg\:mt-6,
    .lg\:my-6 {
      margin-top: 2rem;
    }

    .lg\:mr-6,
    .lg\:mx-6 {
      margin-right: 2rem;
    }

    .lg\:mb-6,
    .lg\:my-6 {
      margin-bottom: 2rem;
    }

    .lg\:ml-6,
    .lg\:mx-6 {
      margin-left: 2rem;
    }

    .lg\:-m-6 {
      margin: -2rem;
    }

    .lg\:-mt-6,
    .lg\:-my-6 {
      margin-top: -2rem;
    }

    .lg\:-mr-6,
    .lg\:-mx-6 {
      margin-right: -2rem;
    }

    .lg\:-mb-6,
    .lg\:-my-6 {
      margin-bottom: -2rem;
    }

    .lg\:-ml-6,
    .lg\:-mx-6 {
      margin-left: -2rem;
    }

    .lg\:m-7 {
      margin: 3rem;
    }

    .lg\:mt-7,
    .lg\:my-7 {
      margin-top: 3rem;
    }

    .lg\:mr-7,
    .lg\:mx-7 {
      margin-right: 3rem;
    }

    .lg\:mb-7,
    .lg\:my-7 {
      margin-bottom: 3rem;
    }

    .lg\:ml-7,
    .lg\:mx-7 {
      margin-left: 3rem;
    }

    .lg\:-m-7 {
      margin: -3rem;
    }

    .lg\:-mt-7,
    .lg\:-my-7 {
      margin-top: -3rem;
    }

    .lg\:-mr-7,
    .lg\:-mx-7 {
      margin-right: -3rem;
    }

    .lg\:-mb-7,
    .lg\:-my-7 {
      margin-bottom: -3rem;
    }

    .lg\:-ml-7,
    .lg\:-mx-7 {
      margin-left: -3rem;
    }

    .lg\:m-8 {
      margin: 4rem;
    }

    .lg\:mt-8,
    .lg\:my-8 {
      margin-top: 4rem;
    }

    .lg\:mr-8,
    .lg\:mx-8 {
      margin-right: 4rem;
    }

    .lg\:mb-8,
    .lg\:my-8 {
      margin-bottom: 4rem;
    }

    .lg\:ml-8,
    .lg\:mx-8 {
      margin-left: 4rem;
    }

    .lg\:-m-8 {
      margin: -4rem;
    }

    .lg\:-mt-8,
    .lg\:-my-8 {
      margin-top: -4rem;
    }

    .lg\:-mr-8,
    .lg\:-mx-8 {
      margin-right: -4rem;
    }

    .lg\:-mb-8,
    .lg\:-my-8 {
      margin-bottom: -4rem;
    }

    .lg\:-ml-8,
    .lg\:-mx-8 {
      margin-left: -4rem;
    }

    .lg\:m-9 {
      margin: 6rem;
    }

    .lg\:mt-9,
    .lg\:my-9 {
      margin-top: 6rem;
    }

    .lg\:mr-9,
    .lg\:mx-9 {
      margin-right: 6rem;
    }

    .lg\:mb-9,
    .lg\:my-9 {
      margin-bottom: 6rem;
    }

    .lg\:ml-9,
    .lg\:mx-9 {
      margin-left: 6rem;
    }

    .lg\:-m-9 {
      margin: -6rem;
    }

    .lg\:-mt-9,
    .lg\:-my-9 {
      margin-top: -6rem;
    }

    .lg\:-mr-9,
    .lg\:-mx-9 {
      margin-right: -6rem;
    }

    .lg\:-mb-9,
    .lg\:-my-9 {
      margin-bottom: -6rem;
    }

    .lg\:-ml-9,
    .lg\:-mx-9 {
      margin-left: -6rem;
    }

    .lg\:m-auto {
      margin: auto;
    }

    .lg\:mt-auto,
    .lg\:my-auto {
      margin-top: auto;
    }

    .lg\:mr-auto,
    .lg\:mx-auto {
      margin-right: auto;
    }

    .lg\:mb-auto,
    .lg\:my-auto {
      margin-bottom: auto;
    }

    .lg\:ml-auto,
    .lg\:mx-auto {
      margin-left: auto;
    }
  }

  @media (min-width: 1200px) {
    .xl\:m-0 {
      margin: 0;
    }

    .xl\:mt-0,
    .xl\:my-0 {
      margin-top: 0;
    }

    .xl\:mr-0,
    .xl\:mx-0 {
      margin-right: 0;
    }

    .xl\:mb-0,
    .xl\:my-0 {
      margin-bottom: 0;
    }

    .xl\:ml-0,
    .xl\:mx-0 {
      margin-left: 0;
    }

    .xl\:-m-0 {
      margin: 0;
    }

    .xl\:-mt-0,
    .xl\:-my-0 {
      margin-top: 0;
    }

    .xl\:-mr-0,
    .xl\:-mx-0 {
      margin-right: 0;
    }

    .xl\:-mb-0,
    .xl\:-my-0 {
      margin-bottom: 0;
    }

    .xl\:-ml-0,
    .xl\:-mx-0 {
      margin-left: 0;
    }

    .xl\:m-1 {
      margin: 0.25rem;
    }

    .xl\:mt-1,
    .xl\:my-1 {
      margin-top: 0.25rem;
    }

    .xl\:mr-1,
    .xl\:mx-1 {
      margin-right: 0.25rem;
    }

    .xl\:mb-1,
    .xl\:my-1 {
      margin-bottom: 0.25rem;
    }

    .xl\:ml-1,
    .xl\:mx-1 {
      margin-left: 0.25rem;
    }

    .xl\:-m-1 {
      margin: -0.25rem;
    }

    .xl\:-mt-1,
    .xl\:-my-1 {
      margin-top: -0.25rem;
    }

    .xl\:-mr-1,
    .xl\:-mx-1 {
      margin-right: -0.25rem;
    }

    .xl\:-mb-1,
    .xl\:-my-1 {
      margin-bottom: -0.25rem;
    }

    .xl\:-ml-1,
    .xl\:-mx-1 {
      margin-left: -0.25rem;
    }

    .xl\:m-2 {
      margin: 0.5rem;
    }

    .xl\:mt-2,
    .xl\:my-2 {
      margin-top: 0.5rem;
    }

    .xl\:mr-2,
    .xl\:mx-2 {
      margin-right: 0.5rem;
    }

    .xl\:mb-2,
    .xl\:my-2 {
      margin-bottom: 0.5rem;
    }

    .xl\:ml-2,
    .xl\:mx-2 {
      margin-left: 0.5rem;
    }

    .xl\:-m-2 {
      margin: -0.5rem;
    }

    .xl\:-mt-2,
    .xl\:-my-2 {
      margin-top: -0.5rem;
    }

    .xl\:-mr-2,
    .xl\:-mx-2 {
      margin-right: -0.5rem;
    }

    .xl\:-mb-2,
    .xl\:-my-2 {
      margin-bottom: -0.5rem;
    }

    .xl\:-ml-2,
    .xl\:-mx-2 {
      margin-left: -0.5rem;
    }

    .xl\:m-3 {
      margin: 0.75rem;
    }

    .xl\:mt-3,
    .xl\:my-3 {
      margin-top: 0.75rem;
    }

    .xl\:mr-3,
    .xl\:mx-3 {
      margin-right: 0.75rem;
    }

    .xl\:mb-3,
    .xl\:my-3 {
      margin-bottom: 0.75rem;
    }

    .xl\:ml-3,
    .xl\:mx-3 {
      margin-left: 0.75rem;
    }

    .xl\:-m-3 {
      margin: -0.75rem;
    }

    .xl\:-mt-3,
    .xl\:-my-3 {
      margin-top: -0.75rem;
    }

    .xl\:-mr-3,
    .xl\:-mx-3 {
      margin-right: -0.75rem;
    }

    .xl\:-mb-3,
    .xl\:-my-3 {
      margin-bottom: -0.75rem;
    }

    .xl\:-ml-3,
    .xl\:-mx-3 {
      margin-left: -0.75rem;
    }

    .xl\:m-4 {
      margin: 1rem;
    }

    .xl\:mt-4,
    .xl\:my-4 {
      margin-top: 1rem;
    }

    .xl\:mr-4,
    .xl\:mx-4 {
      margin-right: 1rem;
    }

    .xl\:mb-4,
    .xl\:my-4 {
      margin-bottom: 1rem;
    }

    .xl\:ml-4,
    .xl\:mx-4 {
      margin-left: 1rem;
    }

    .xl\:-m-4 {
      margin: -1rem;
    }

    .xl\:-mt-4,
    .xl\:-my-4 {
      margin-top: -1rem;
    }

    .xl\:-mr-4,
    .xl\:-mx-4 {
      margin-right: -1rem;
    }

    .xl\:-mb-4,
    .xl\:-my-4 {
      margin-bottom: -1rem;
    }

    .xl\:-ml-4,
    .xl\:-mx-4 {
      margin-left: -1rem;
    }

    .xl\:m-5 {
      margin: 1.5rem;
    }

    .xl\:mt-5,
    .xl\:my-5 {
      margin-top: 1.5rem;
    }

    .xl\:mr-5,
    .xl\:mx-5 {
      margin-right: 1.5rem;
    }

    .xl\:mb-5,
    .xl\:my-5 {
      margin-bottom: 1.5rem;
    }

    .xl\:ml-5,
    .xl\:mx-5 {
      margin-left: 1.5rem;
    }

    .xl\:-m-5 {
      margin: -1.5rem;
    }

    .xl\:-mt-5,
    .xl\:-my-5 {
      margin-top: -1.5rem;
    }

    .xl\:-mr-5,
    .xl\:-mx-5 {
      margin-right: -1.5rem;
    }

    .xl\:-mb-5,
    .xl\:-my-5 {
      margin-bottom: -1.5rem;
    }

    .xl\:-ml-5,
    .xl\:-mx-5 {
      margin-left: -1.5rem;
    }

    .xl\:m-6 {
      margin: 2rem;
    }

    .xl\:mt-6,
    .xl\:my-6 {
      margin-top: 2rem;
    }

    .xl\:mr-6,
    .xl\:mx-6 {
      margin-right: 2rem;
    }

    .xl\:mb-6,
    .xl\:my-6 {
      margin-bottom: 2rem;
    }

    .xl\:ml-6,
    .xl\:mx-6 {
      margin-left: 2rem;
    }

    .xl\:-m-6 {
      margin: -2rem;
    }

    .xl\:-mt-6,
    .xl\:-my-6 {
      margin-top: -2rem;
    }

    .xl\:-mr-6,
    .xl\:-mx-6 {
      margin-right: -2rem;
    }

    .xl\:-mb-6,
    .xl\:-my-6 {
      margin-bottom: -2rem;
    }

    .xl\:-ml-6,
    .xl\:-mx-6 {
      margin-left: -2rem;
    }

    .xl\:m-7 {
      margin: 3rem;
    }

    .xl\:mt-7,
    .xl\:my-7 {
      margin-top: 3rem;
    }

    .xl\:mr-7,
    .xl\:mx-7 {
      margin-right: 3rem;
    }

    .xl\:mb-7,
    .xl\:my-7 {
      margin-bottom: 3rem;
    }

    .xl\:ml-7,
    .xl\:mx-7 {
      margin-left: 3rem;
    }

    .xl\:-m-7 {
      margin: -3rem;
    }

    .xl\:-mt-7,
    .xl\:-my-7 {
      margin-top: -3rem;
    }

    .xl\:-mr-7,
    .xl\:-mx-7 {
      margin-right: -3rem;
    }

    .xl\:-mb-7,
    .xl\:-my-7 {
      margin-bottom: -3rem;
    }

    .xl\:-ml-7,
    .xl\:-mx-7 {
      margin-left: -3rem;
    }

    .xl\:m-8 {
      margin: 4rem;
    }

    .xl\:mt-8,
    .xl\:my-8 {
      margin-top: 4rem;
    }

    .xl\:mr-8,
    .xl\:mx-8 {
      margin-right: 4rem;
    }

    .xl\:mb-8,
    .xl\:my-8 {
      margin-bottom: 4rem;
    }

    .xl\:ml-8,
    .xl\:mx-8 {
      margin-left: 4rem;
    }

    .xl\:-m-8 {
      margin: -4rem;
    }

    .xl\:-mt-8,
    .xl\:-my-8 {
      margin-top: -4rem;
    }

    .xl\:-mr-8,
    .xl\:-mx-8 {
      margin-right: -4rem;
    }

    .xl\:-mb-8,
    .xl\:-my-8 {
      margin-bottom: -4rem;
    }

    .xl\:-ml-8,
    .xl\:-mx-8 {
      margin-left: -4rem;
    }

    .xl\:m-9 {
      margin: 6rem;
    }

    .xl\:mt-9,
    .xl\:my-9 {
      margin-top: 6rem;
    }

    .xl\:mr-9,
    .xl\:mx-9 {
      margin-right: 6rem;
    }

    .xl\:mb-9,
    .xl\:my-9 {
      margin-bottom: 6rem;
    }

    .xl\:ml-9,
    .xl\:mx-9 {
      margin-left: 6rem;
    }

    .xl\:-m-9 {
      margin: -6rem;
    }

    .xl\:-mt-9,
    .xl\:-my-9 {
      margin-top: -6rem;
    }

    .xl\:-mr-9,
    .xl\:-mx-9 {
      margin-right: -6rem;
    }

    .xl\:-mb-9,
    .xl\:-my-9 {
      margin-bottom: -6rem;
    }

    .xl\:-ml-9,
    .xl\:-mx-9 {
      margin-left: -6rem;
    }

    .xl\:m-auto {
      margin: auto;
    }

    .xl\:mt-auto,
    .xl\:my-auto {
      margin-top: auto;
    }

    .xl\:mr-auto,
    .xl\:mx-auto {
      margin-right: auto;
    }

    .xl\:mb-auto,
    .xl\:my-auto {
      margin-bottom: auto;
    }

    .xl\:ml-auto,
    .xl\:mx-auto {
      margin-left: auto;
    }
  }

  @media (min-width: 576px) {
    .sm\:p-0 {
      flex: 0 0 11%;
      flex-direction: column;

      max-width: 11%;
      padding: 0;
      border-radius: 1rem;
    }

    .sm\:pt-0,
    .sm\:py-0 {
      padding-top: 0;
    }

    .sm\:pr-0,
    .sm\:px-0 {
      padding-right: 0;
    }

    .sm\:pb-0,
    .sm\:py-0 {
      padding-bottom: 0;
    }

    .sm\:pl-0,
    .sm\:px-0 {
      padding-left: 0;
    }

    .sm\:p-1 {
      padding: 0.25rem;
    }

    .sm\:pt-1,
    .sm\:py-1 {
      padding-top: 0.25rem;
    }

    .sm\:pr-1,
    .sm\:px-1 {
      padding-right: 0.25rem;
    }

    .sm\:pb-1,
    .sm\:py-1 {
      padding-bottom: 0.25rem;
    }

    .sm\:pl-1,
    .sm\:px-1 {
      padding-left: 0.25rem;
    }

    .sm\:p-2 {
      padding: 0.5rem;
    }

    .sm\:pt-2,
    .sm\:py-2 {
      padding-top: 0.5rem;
    }

    .sm\:pr-2,
    .sm\:px-2 {
      padding-right: 0.5rem;
    }

    .sm\:pb-2,
    .sm\:py-2 {
      padding-bottom: 0.5rem;
    }

    .sm\:pl-2,
    .sm\:px-2 {
      padding-left: 0.5rem;
    }

    .sm\:p-3 {
      padding: 0.75rem;
    }

    .sm\:pt-3,
    .sm\:py-3 {
      padding-top: 0.75rem;
    }

    .sm\:pr-3,
    .sm\:px-3 {
      padding-right: 0.75rem;
    }

    .sm\:pb-3,
    .sm\:py-3 {
      padding-bottom: 0.75rem;
    }

    .sm\:pl-3,
    .sm\:px-3 {
      padding-left: 0.75rem;
    }

    .sm\:p-4 {
      padding: 1rem;
    }

    .sm\:pt-4,
    .sm\:py-4 {
      padding-top: 1rem;
    }

    .sm\:pr-4,
    .sm\:px-4 {
      padding-right: 1rem;
    }

    .sm\:pb-4,
    .sm\:py-4 {
      padding-bottom: 1rem;
    }

    .sm\:pl-4,
    .sm\:px-4 {
      padding-left: 1rem;
    }

    .sm\:p-5 {
      padding: 1.5rem;
    }

    .sm\:pt-5,
    .sm\:py-5 {
      padding-top: 1.5rem;
    }

    .sm\:pr-5,
    .sm\:px-5 {
      padding-right: 1.5rem;
    }

    .sm\:pb-5,
    .sm\:py-5 {
      padding-bottom: 1.5rem;
    }

    .sm\:pl-5,
    .sm\:px-5 {
      padding-left: 1.5rem;
    }

    .sm\:p-6 {
      padding: 2rem;
    }

    .sm\:pt-6,
    .sm\:py-6 {
      padding-top: 2rem;
    }

    .sm\:pr-6,
    .sm\:px-6 {
      padding-right: 2rem;
    }

    .sm\:pb-6,
    .sm\:py-6 {
      padding-bottom: 2rem;
    }

    .sm\:pl-6,
    .sm\:px-6 {
      padding-left: 2rem;
    }

    .sm\:p-7 {
      padding: 3rem;
    }

    .sm\:pt-7,
    .sm\:py-7 {
      padding-top: 3rem;
    }

    .sm\:pr-7,
    .sm\:px-7 {
      padding-right: 3rem;
    }

    .sm\:pb-7,
    .sm\:py-7 {
      padding-bottom: 3rem;
    }

    .sm\:pl-7,
    .sm\:px-7 {
      padding-left: 3rem;
    }

    .sm\:p-8 {
      padding: 4rem;
    }

    .sm\:pt-8,
    .sm\:py-8 {
      padding-top: 4rem;
    }

    .sm\:pr-8,
    .sm\:px-8 {
      padding-right: 4rem;
    }

    .sm\:pb-8,
    .sm\:py-8 {
      padding-bottom: 4rem;
    }

    .sm\:pl-8,
    .sm\:px-8 {
      padding-left: 4rem;
    }

    .sm\:p-9 {
      padding: 6rem;
    }

    .sm\:pt-9,
    .sm\:py-9 {
      padding-top: 6rem;
    }

    .sm\:pr-9,
    .sm\:px-9 {
      padding-right: 6rem;
    }

    .sm\:pb-9,
    .sm\:py-9 {
      padding-bottom: 6rem;
    }

    .sm\:pl-9,
    .sm\:px-9 {
      padding-left: 6rem;
    }
  }

  @media (min-width: 768px) {
    .md\:p-0 {
      padding: 0;
    }

    .md\:pt-0,
    .md\:py-0 {
      padding-top: 0;
    }

    .md\:pr-0,
    .md\:px-0 {
      padding-right: 0;
    }

    .md\:pb-0,
    .md\:py-0 {
      padding-bottom: 0;
    }

    .md\:pl-0,
    .md\:px-0 {
      padding-left: 0;
    }

    .md\:p-1 {
      padding: 0.25rem;
    }

    .md\:pt-1,
    .md\:py-1 {
      padding-top: 0.25rem;
    }

    .md\:pr-1,
    .md\:px-1 {
      padding-right: 0.25rem;
    }

    .md\:pb-1,
    .md\:py-1 {
      padding-bottom: 0.25rem;
    }

    .md\:pl-1,
    .md\:px-1 {
      padding-left: 0.25rem;
    }

    .md\:p-2 {
      padding: 0.5rem;
    }

    .md\:pt-2,
    .md\:py-2 {
      padding-top: 0.5rem;
    }

    .md\:pr-2,
    .md\:px-2 {
      padding-right: 0.5rem;
    }

    .md\:pb-2,
    .md\:py-2 {
      padding-bottom: 0.5rem;
    }

    .md\:pl-2,
    .md\:px-2 {
      padding-left: 0.5rem;
    }

    .md\:p-3 {
      padding: 0.75rem;
    }

    .md\:pt-3,
    .md\:py-3 {
      padding-top: 0.75rem;
    }

    .md\:pr-3,
    .md\:px-3 {
      padding-right: 0.75rem;
    }

    .md\:pb-3,
    .md\:py-3 {
      padding-bottom: 0.75rem;
    }

    .md\:pl-3,
    .md\:px-3 {
      padding-left: 0.75rem;
    }

    .md\:p-4 {
      padding: 1rem;
    }

    .md\:pt-4,
    .md\:py-4 {
      padding-top: 1rem;
    }

    .md\:pr-4,
    .md\:px-4 {
      padding-right: 1rem;
    }

    .md\:pb-4,
    .md\:py-4 {
      padding-bottom: 1rem;
    }

    .md\:pl-4,
    .md\:px-4 {
      padding-left: 1rem;
    }

    .md\:p-5 {
      padding: 1.5rem;
    }

    .md\:pt-5,
    .md\:py-5 {
      padding-top: 1.5rem;
    }

    .md\:pr-5,
    .md\:px-5 {
      padding-right: 1.5rem;
    }

    .md\:pb-5,
    .md\:py-5 {
      padding-bottom: 1.5rem;
    }

    .md\:pl-5,
    .md\:px-5 {
      padding-left: 1.5rem;
    }

    .md\:p-6 {
      padding: 2rem;
    }

    .md\:pt-6,
    .md\:py-6 {
      padding-top: 2rem;
    }

    .md\:pr-6,
    .md\:px-6 {
      padding-right: 2rem;
    }

    .md\:pb-6,
    .md\:py-6 {
      padding-bottom: 2rem;
    }

    .md\:pl-6,
    .md\:px-6 {
      padding-left: 2rem;
    }

    .md\:p-7 {
      padding: 3rem;
    }

    .md\:pt-7,
    .md\:py-7 {
      padding-top: 3rem;
    }

    .md\:pr-7,
    .md\:px-7 {
      padding-right: 3rem;
    }

    .md\:pb-7,
    .md\:py-7 {
      padding-bottom: 3rem;
    }

    .md\:pl-7,
    .md\:px-7 {
      padding-left: 3rem;
    }

    .md\:p-8 {
      padding: 4rem;
    }

    .md\:pt-8,
    .md\:py-8 {
      padding-top: 4rem;
    }

    .md\:pr-8,
    .md\:px-8 {
      padding-right: 4rem;
    }

    .md\:pb-8,
    .md\:py-8 {
      padding-bottom: 4rem;
    }

    .md\:pl-8,
    .md\:px-8 {
      padding-left: 4rem;
    }

    .md\:p-9 {
      padding: 6rem;
    }

    .md\:pt-9,
    .md\:py-9 {
      padding-top: 6rem;
    }

    .md\:pr-9,
    .md\:px-9 {
      padding-right: 6rem;
    }

    .md\:pb-9,
    .md\:py-9 {
      padding-bottom: 6rem;
    }

    .md\:pl-9,
    .md\:px-9 {
      padding-left: 6rem;
    }
  }

  @media (min-width: 992px) {
    .lg\:p-0 {
      padding: 0;
    }

    .lg\:pt-0,
    .lg\:py-0 {
      padding-top: 0;
    }

    .lg\:pr-0,
    .lg\:px-0 {
      padding-right: 0;
    }

    .lg\:pb-0,
    .lg\:py-0 {
      padding-bottom: 0;
    }

    .lg\:pl-0,
    .lg\:px-0 {
      padding-left: 0;
    }

    .lg\:p-1 {
      padding: 0.25rem;
    }

    .lg\:pt-1,
    .lg\:py-1 {
      padding-top: 0.25rem;
    }

    .lg\:pr-1,
    .lg\:px-1 {
      padding-right: 0.25rem;
    }

    .lg\:pb-1,
    .lg\:py-1 {
      padding-bottom: 0.25rem;
    }

    .lg\:pl-1,
    .lg\:px-1 {
      padding-left: 0.25rem;
    }

    .lg\:p-2 {
      padding: 0.5rem;
    }

    .lg\:pt-2,
    .lg\:py-2 {
      padding-top: 0.5rem;
    }

    .lg\:pr-2,
    .lg\:px-2 {
      padding-right: 0.5rem;
    }

    .lg\:pb-2,
    .lg\:py-2 {
      padding-bottom: 0.5rem;
    }

    .lg\:pl-2,
    .lg\:px-2 {
      padding-left: 0.5rem;
    }

    .lg\:p-3 {
      padding: 0.75rem;
    }

    .lg\:pt-3,
    .lg\:py-3 {
      padding-top: 0.75rem;
    }

    .lg\:pr-3,
    .lg\:px-3 {
      padding-right: 0.75rem;
    }

    .lg\:pb-3,
    .lg\:py-3 {
      padding-bottom: 0.75rem;
    }

    .lg\:pl-3,
    .lg\:px-3 {
      padding-left: 0.75rem;
    }

    .lg\:p-4 {
      padding: 1rem;
    }

    .lg\:pt-4,
    .lg\:py-4 {
      padding-top: 1rem;
    }

    .lg\:pr-4,
    .lg\:px-4 {
      padding-right: 1rem;
    }

    .lg\:pb-4,
    .lg\:py-4 {
      padding-bottom: 1rem;
    }

    .lg\:pl-4,
    .lg\:px-4 {
      padding-left: 1rem;
    }

    .lg\:p-5 {
      padding: 1.5rem;
    }

    .lg\:pt-5,
    .lg\:py-5 {
      padding-top: 1.5rem;
    }

    .lg\:pr-5,
    .lg\:px-5 {
      padding-right: 1.5rem;
    }

    .lg\:pb-5,
    .lg\:py-5 {
      padding-bottom: 1.5rem;
    }

    .lg\:pl-5,
    .lg\:px-5 {
      padding-left: 1.5rem;
    }

    .lg\:p-6 {
      padding: 2rem;
    }

    .lg\:pt-6,
    .lg\:py-6 {
      padding-top: 2rem;
    }

    .lg\:pr-6,
    .lg\:px-6 {
      padding-right: 2rem;
    }

    .lg\:pb-6,
    .lg\:py-6 {
      padding-bottom: 2rem;
    }

    .lg\:pl-6,
    .lg\:px-6 {
      padding-left: 2rem;
    }

    .lg\:p-7 {
      padding: 3rem;
    }

    .lg\:pt-7,
    .lg\:py-7 {
      padding-top: 3rem;
    }

    .lg\:pr-7,
    .lg\:px-7 {
      padding-right: 3rem;
    }

    .lg\:pb-7,
    .lg\:py-7 {
      padding-bottom: 3rem;
    }

    .lg\:pl-7,
    .lg\:px-7 {
      padding-left: 3rem;
    }

    .lg\:p-8 {
      padding: 4rem;
    }

    .lg\:pt-8,
    .lg\:py-8 {
      padding-top: 4rem;
    }

    .lg\:pr-8,
    .lg\:px-8 {
      padding-right: 4rem;
    }

    .lg\:pb-8,
    .lg\:py-8 {
      padding-bottom: 4rem;
    }

    .lg\:pl-8,
    .lg\:px-8 {
      padding-left: 4rem;
    }

    .lg\:p-9 {
      padding: 6rem;
    }

    .lg\:pt-9,
    .lg\:py-9 {
      padding-top: 6rem;
    }

    .lg\:pr-9,
    .lg\:px-9 {
      padding-right: 6rem;
    }

    .lg\:pb-9,
    .lg\:py-9 {
      padding-bottom: 6rem;
    }

    .lg\:pl-9,
    .lg\:px-9 {
      padding-left: 6rem;
    }
  }

  @media (min-width: 1200px) {
    .xl\:p-0 {
      padding: 0;
    }

    .xl\:pt-0,
    .xl\:py-0 {
      padding-top: 0;
    }

    .xl\:pr-0,
    .xl\:px-0 {
      padding-right: 0;
    }

    .xl\:pb-0,
    .xl\:py-0 {
      padding-bottom: 0;
    }

    .xl\:pl-0,
    .xl\:px-0 {
      padding-left: 0;
    }

    .xl\:p-1 {
      padding: 0.25rem;
    }

    .xl\:pt-1,
    .xl\:py-1 {
      padding-top: 0.25rem;
    }

    .xl\:pr-1,
    .xl\:px-1 {
      padding-right: 0.25rem;
    }

    .xl\:pb-1,
    .xl\:py-1 {
      padding-bottom: 0.25rem;
    }

    .xl\:pl-1,
    .xl\:px-1 {
      padding-left: 0.25rem;
    }

    .xl\:p-2 {
      padding: 0.5rem;
    }

    .xl\:pt-2,
    .xl\:py-2 {
      padding-top: 0.5rem;
    }

    .xl\:pr-2,
    .xl\:px-2 {
      padding-right: 0.5rem;
    }

    .xl\:pb-2,
    .xl\:py-2 {
      padding-bottom: 0.5rem;
    }

    .xl\:pl-2,
    .xl\:px-2 {
      padding-left: 0.5rem;
    }

    .xl\:p-3 {
      padding: 0.75rem;
    }

    .xl\:pt-3,
    .xl\:py-3 {
      padding-top: 0.75rem;
    }

    .xl\:pr-3,
    .xl\:px-3 {
      padding-right: 0.75rem;
    }

    .xl\:pb-3,
    .xl\:py-3 {
      padding-bottom: 0.75rem;
    }

    .xl\:pl-3,
    .xl\:px-3 {
      padding-left: 0.75rem;
    }

    .xl\:p-4 {
      padding: 1rem;
    }

    .xl\:pt-4,
    .xl\:py-4 {
      padding-top: 1rem;
    }

    .xl\:pr-4,
    .xl\:px-4 {
      padding-right: 1rem;
    }

    .xl\:pb-4,
    .xl\:py-4 {
      padding-bottom: 1rem;
    }

    .xl\:pl-4,
    .xl\:px-4 {
      padding-left: 1rem;
    }

    .xl\:p-5 {
      padding: 1.5rem;
    }

    .xl\:pt-5,
    .xl\:py-5 {
      padding-top: 1.5rem;
    }

    .xl\:pr-5,
    .xl\:px-5 {
      padding-right: 1.5rem;
    }

    .xl\:pb-5,
    .xl\:py-5 {
      padding-bottom: 1.5rem;
    }

    .xl\:pl-5,
    .xl\:px-5 {
      padding-left: 1.5rem;
    }

    .xl\:p-6 {
      padding: 2rem;
    }

    .xl\:pt-6,
    .xl\:py-6 {
      padding-top: 2rem;
    }

    .xl\:pr-6,
    .xl\:px-6 {
      padding-right: 2rem;
    }

    .xl\:pb-6,
    .xl\:py-6 {
      padding-bottom: 2rem;
    }

    .xl\:pl-6,
    .xl\:px-6 {
      padding-left: 2rem;
    }

    .xl\:p-7 {
      padding: 3rem;
    }

    .xl\:pt-7,
    .xl\:py-7 {
      padding-top: 3rem;
    }

    .xl\:pr-7,
    .xl\:px-7 {
      padding-right: 3rem;
    }

    .xl\:pb-7,
    .xl\:py-7 {
      padding-bottom: 3rem;
    }

    .xl\:pl-7,
    .xl\:px-7 {
      padding-left: 3rem;
    }

    .xl\:p-8 {
      padding: 4rem;
    }

    .xl\:pt-8,
    .xl\:py-8 {
      padding-top: 4rem;
    }

    .xl\:pr-8,
    .xl\:px-8 {
      padding-right: 4rem;
    }

    .xl\:pb-8,
    .xl\:py-8 {
      padding-bottom: 4rem;
    }

    .xl\:pl-8,
    .xl\:px-8 {
      padding-left: 4rem;
    }

    .xl\:p-9 {
      padding: 6rem;
    }

    .xl\:pt-9,
    .xl\:py-9 {
      padding-top: 6rem;
    }

    .xl\:pr-9,
    .xl\:px-9 {
      padding-right: 6rem;
    }

    .xl\:pb-9,
    .xl\:py-9 {
      padding-bottom: 6rem;
    }

    .xl\:pl-9,
    .xl\:px-9 {
      padding-left: 6rem;
    }
  }

  @media (min-width: 576px) {
    .sm\:h-0 {
      height: 0;
    }

    .sm\:h-1 {
      height: 0.25rem;
    }

    .sm\:h-2 {
      height: 0.5rem;
    }

    .sm\:h-3 {
      height: 0.75rem;
    }

    .sm\:h-4 {
      height: 1rem;
    }

    .sm\:h-5 {
      height: 1.5rem;
    }

    .sm\:h-6 {
      height: 2rem;
    }

    .sm\:h-7 {
      height: 3rem;
    }

    .sm\:h-8 {
      height: 4rem;
    }

    .sm\:h-9 {
      height: 6rem;
    }

    .sm\:h-px {
      height: 1px;
    }

    .sm\:h-auto {
      height: auto;
    }

    .sm\:h-full {
      height: 100%;
    }

    .sm\:h-screen {
      height: 100vh;
    }
  }

  @media (min-width: 768px) {
    .md\:h-0 {
      height: 0;
    }

    .md\:h-1 {
      height: 0.25rem;
    }

    .md\:h-2 {
      height: 0.5rem;
    }

    .md\:h-3 {
      height: 0.75rem;
    }

    .md\:h-4 {
      height: 1rem;
    }

    .md\:h-5 {
      height: 1.5rem;
    }

    .md\:h-6 {
      height: 2rem;
    }

    .md\:h-7 {
      height: 3rem;
    }

    .md\:h-8 {
      height: 4rem;
    }

    .md\:h-9 {
      height: 6rem;
    }

    .md\:h-px {
      height: 1px;
    }

    .md\:h-auto {
      height: auto;
    }

    .md\:h-full {
      height: 100%;
    }

    .md\:h-screen {
      height: 100vh;
    }
  }

  @media (min-width: 992px) {
    .lg\:h-0 {
      height: 0;
    }

    .lg\:h-1 {
      height: 0.25rem;
    }

    .lg\:h-2 {
      height: 0.5rem;
    }

    .lg\:h-3 {
      height: 0.75rem;
    }

    .lg\:h-4 {
      height: 1rem;
    }

    .lg\:h-5 {
      height: 1.5rem;
    }

    .lg\:h-6 {
      height: 2rem;
    }

    .lg\:h-7 {
      height: 3rem;
    }

    .lg\:h-8 {
      height: 4rem;
    }

    .lg\:h-9 {
      height: 6rem;
    }

    .lg\:h-px {
      height: 1px;
    }

    .lg\:h-auto {
      height: auto;
    }

    .lg\:h-full {
      height: 100%;
    }

    .lg\:h-screen {
      height: 100vh;
    }
  }

  @media (min-width: 1200px) {
    .xl\:h-0 {
      height: 0;
    }

    .xl\:h-1 {
      height: 0.25rem;
    }

    .xl\:h-2 {
      height: 0.5rem;
    }

    .xl\:h-3 {
      height: 0.75rem;
    }

    .xl\:h-4 {
      height: 1rem;
    }

    .xl\:h-5 {
      height: 1.5rem;
    }

    .xl\:h-6 {
      height: 2rem;
    }

    .xl\:h-7 {
      height: 3rem;
    }

    .xl\:h-8 {
      height: 4rem;
    }

    .xl\:h-9 {
      height: 6rem;
    }

    .xl\:h-px {
      height: 1px;
    }

    .xl\:h-auto {
      height: auto;
    }

    .xl\:h-full {
      height: 100%;
    }

    .xl\:h-screen {
      height: 100vh;
    }
  }

  @media (min-width: 576px) {
    .sm\:w-0 {
      width: 0;
    }

    .sm\:w-1 {
      width: 0.25rem;
    }

    .sm\:w-2 {
      width: 0.5rem;
    }

    .sm\:w-3 {
      width: 0.75rem;
    }

    .sm\:w-4 {
      width: 1rem;
    }

    .sm\:w-5 {
      width: 1.5rem;
    }

    .sm\:w-6 {
      width: 2rem;
    }

    .sm\:w-7 {
      width: 3rem;
    }

    .sm\:w-8 {
      width: 4rem;
    }

    .sm\:w-9 {
      width: 6rem;
    }

    .sm\:w-px {
      width: 1px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:w-full {
      width: 100%;
    }

    .sm\:w-screen {
      width: 100vw;
    }
  }

  @media (min-width: 768px) {
    .md\:w-0 {
      width: 0;
    }

    .md\:w-1 {
      width: 0.25rem;
    }

    .md\:w-2 {
      width: 0.5rem;
    }

    .md\:w-3 {
      width: 0.75rem;
    }

    .md\:w-4 {
      width: 1rem;
    }

    .md\:w-5 {
      width: 1.5rem;
    }

    .md\:w-6 {
      width: 2rem;
    }

    .md\:w-7 {
      width: 3rem;
    }

    .md\:w-8 {
      width: 4rem;
    }

    .md\:w-9 {
      width: 6rem;
    }

    .md\:w-px {
      width: 1px;
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:w-screen {
      width: 100vw;
    }
  }

  @media (min-width: 992px) {
    .lg\:w-0 {
      width: 0;
    }

    .lg\:w-1 {
      width: 0.25rem;
    }

    .lg\:w-2 {
      width: 0.5rem;
    }

    .lg\:w-3 {
      width: 0.75rem;
    }

    .lg\:w-4 {
      width: 1rem;
    }

    .lg\:w-5 {
      width: 1.5rem;
    }

    .lg\:w-6 {
      width: 2rem;
    }

    .lg\:w-7 {
      width: 3rem;
    }

    .lg\:w-8 {
      width: 4rem;
    }

    .lg\:w-9 {
      width: 6rem;
    }

    .lg\:w-px {
      width: 1px;
    }

    .lg\:w-auto {
      width: auto;
    }

    .lg\:w-full {
      width: 100%;
    }

    .lg\:w-screen {
      width: 100vw;
    }
  }

  @media (min-width: 1200px) {
    .xl\:w-0 {
      width: 0;
    }

    .xl\:w-1 {
      width: 0.25rem;
    }

    .xl\:w-2 {
      width: 0.5rem;
    }

    .xl\:w-3 {
      width: 0.75rem;
    }

    .xl\:w-4 {
      width: 1rem;
    }

    .xl\:w-5 {
      width: 1.5rem;
    }

    .xl\:w-6 {
      width: 2rem;
    }

    .xl\:w-7 {
      width: 3rem;
    }

    .xl\:w-8 {
      width: 4rem;
    }

    .xl\:w-9 {
      width: 6rem;
    }

    .xl\:w-px {
      width: 1px;
    }

    .xl\:w-auto {
      width: auto;
    }

    .xl\:w-full {
      width: 100%;
    }

    .xl\:w-screen {
      width: 100vw;
    }
  }

  @media (min-width: 576px) {
    .sm\:max-w-9 {
      max-width: 6rem;
    }

    .sm\:max-w-10 {
      max-width: 8rem;
    }

    .sm\:max-w-11 {
      max-width: 12rem;
    }

    .sm\:max-w-12 {
      max-width: 16rem;
    }

    .sm\:max-w-13 {
      max-width: 20rem;
    }

    .sm\:max-w-sm {
      max-width: 576px;
    }

    .sm\:max-w-md {
      max-width: 768px;
    }

    .sm\:max-w-lg {
      max-width: 992px;
    }

    .sm\:max-w-xl {
      max-width: 1200px;
    }

    .sm\:max-w-full {
      max-width: 100%;
    }

    .sm\:max-w-screen {
      max-width: 100vw;
    }

    .sm\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 768px) {
    .md\:max-w-9 {
      max-width: 6rem;
    }

    .md\:max-w-10 {
      max-width: 8rem;
    }

    .md\:max-w-11 {
      max-width: 12rem;
    }

    .md\:max-w-12 {
      max-width: 16rem;
    }

    .md\:max-w-13 {
      max-width: 20rem;
    }

    .md\:max-w-sm {
      max-width: 576px;
    }

    .md\:max-w-md {
      max-width: 768px;
    }

    .md\:max-w-lg {
      max-width: 992px;
    }

    .md\:max-w-xl {
      max-width: 1200px;
    }

    .md\:max-w-full {
      max-width: 100%;
    }

    .md\:max-w-screen {
      max-width: 100vw;
    }

    .md\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 992px) {
    .lg\:max-w-9 {
      max-width: 6rem;
    }

    .lg\:max-w-10 {
      max-width: 8rem;
    }

    .lg\:max-w-11 {
      max-width: 12rem;
    }

    .lg\:max-w-12 {
      max-width: 16rem;
    }

    .lg\:max-w-13 {
      max-width: 20rem;
    }

    .lg\:max-w-sm {
      max-width: 576px;
    }

    .lg\:max-w-md {
      max-width: 768px;
    }

    .lg\:max-w-lg {
      max-width: 992px;
    }

    .lg\:max-w-xl {
      max-width: 1200px;
    }

    .lg\:max-w-full {
      max-width: 100%;
    }

    .lg\:max-w-screen {
      max-width: 100vw;
    }

    .lg\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 1200px) {
    .xl\:max-w-9 {
      max-width: 6rem;
    }

    .xl\:max-w-10 {
      max-width: 8rem;
    }

    .xl\:max-w-11 {
      max-width: 12rem;
    }

    .xl\:max-w-12 {
      max-width: 16rem;
    }

    .xl\:max-w-13 {
      max-width: 20rem;
    }

    .xl\:max-w-sm {
      max-width: 576px;
    }

    .xl\:max-w-md {
      max-width: 768px;
    }

    .xl\:max-w-lg {
      max-width: 992px;
    }

    .xl\:max-w-xl {
      max-width: 1200px;
    }

    .xl\:max-w-full {
      max-width: 100%;
    }

    .xl\:max-w-screen {
      max-width: 100vw;
    }

    .xl\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 576px) {
    .sm\:min-w-0 {
      min-width: 0;
    }

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

    .sm\:min-w-dropdown {
      min-width: 170px;
    }

    .sm\:min-w-full {
      min-width: 100%;
    }

    .sm\:min-w-screen {
      min-width: 100vw;
    }
  }

  @media (min-width: 768px) {
    .md\:min-w-0 {
      min-width: 0;
    }

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

    .md\:min-w-dropdown {
      min-width: 170px;
    }

    .md\:min-w-full {
      min-width: 100%;
    }

    .md\:min-w-screen {
      min-width: 100vw;
    }
  }

  @media (min-width: 992px) {
    .lg\:min-w-0 {
      min-width: 0;
    }

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

    .lg\:min-w-dropdown {
      min-width: 170px;
    }

    .lg\:min-w-full {
      min-width: 100%;
    }

    .lg\:min-w-screen {
      min-width: 100vw;
    }
  }

  @media (min-width: 1200px) {
    .xl\:min-w-0 {
      min-width: 0;
    }

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

    .xl\:min-w-dropdown {
      min-width: 170px;
    }

    .xl\:min-w-full {
      min-width: 100%;
    }

    .xl\:min-w-screen {
      min-width: 100vw;
    }
  }

  @media (min-width: 576px) {
    .sm\:shadow {
      box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }

    .sm\:shadow-xs {
      box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.08),
        0 2px 4px rgba(0, 0, 0, 0.08);
    }

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

    .sm\:shadow-md {
      box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }

    .sm\:shadow-lg {
      box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .sm\:shadow-xl {
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }

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

    .sm\:shadow-outline {
      box-shadow: 0 0 0 2px rgba(157, 229, 236, 0.25);
    }

    .sm\:shadow-solid {
      box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
    }

    .sm\:shadow-none {
      box-shadow: none;
    }
  }

  @media (min-width: 768px) {
    .md\:shadow {
      box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }

    .md\:shadow-xs {
      box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.08),
        0 2px 4px rgba(0, 0, 0, 0.08);
    }

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

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

    .md\:shadow-lg {
      box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .md\:shadow-xl {
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }

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

    .md\:shadow-outline {
      box-shadow: 0 0 0 2px rgba(157, 229, 236, 0.25);
    }

    .md\:shadow-solid {
      box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
    }

    .md\:shadow-none {
      box-shadow: none;
    }
  }

  @media (min-width: 992px) {
    .lg\:shadow {
      box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }

    .lg\:shadow-xs {
      box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.08),
        0 2px 4px rgba(0, 0, 0, 0.08);
    }

    .lg\:shadow-sm {
      box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }

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

    .lg\:shadow-lg {
      box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .lg\:shadow-xl {
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }

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

    .lg\:shadow-outline {
      box-shadow: 0 0 0 2px rgba(157, 229, 236, 0.25);
    }

    .lg\:shadow-solid {
      box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
    }

    .lg\:shadow-none {
      box-shadow: none;
    }
  }

  @media (min-width: 1200px) {
    .xl\:shadow {
      box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }

    .xl\:shadow-xs {
      box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.08),
        0 2px 4px rgba(0, 0, 0, 0.08);
    }

    .xl\:shadow-sm {
      box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }

    .xl\:shadow-md {
      box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }

    .xl\:shadow-lg {
      box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .xl\:shadow-xl {
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }

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

    .xl\:shadow-outline {
      box-shadow: 0 0 0 2px rgba(157, 229, 236, 0.25);
    }

    .xl\:shadow-solid {
      box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
    }

    .xl\:shadow-none {
      box-shadow: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    *:before,
    *:after {
      transition: none !important;
      animation: none !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    *:before,
    *:after {
      transition: none !important;
      animation: none !important;
    }
  }

  @media (min-width: 768px) {
    .media-body {
      padding-left: 0.5rem;
    }

    .actions-user button,
    .subscribe-link button,
    .subscribe-user button {
      width: auto;
    }
  }

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

    .img-right {
      margin-right: -1rem;
    }
  }

  @media (min-width: 768px) {
    .recent-articles,
    .related-articles {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
  }

  @media (min-width: 992px) {
    .meta-block::before {
      display: none;
    }
  }

  @media (min-width: 768px) {
    .recent-activity-list {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 992px) {
    .recent-activity-list {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

  @media (min-width: 992px) {
    .pull-left {
      float: left;
      margin-right: 1.5rem;
      margin-left: -1rem;
      text-align: left;
    }

    .pull-right {
      float: right;
      margin-right: -1rem;
      margin-left: 1.5rem;
      text-align: right;
    }

    .pull-left,
    .pull-right {
      max-width: 20rem;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
  }

  @media (min-width: 576px) {
    .sm\:grid-auto {
      grid-auto-rows: minmax(20em, auto);
    }

    .sm\:grid-2 {
      grid-template-columns: repeat(2, 1fr);
    }

    .sm\:grid-3 {
      grid-template-columns: repeat(3, 1fr);
    }

    .sm\:grid-4 {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  @media (min-width: 768px) {
    .md\:grid-auto {
      grid-auto-rows: minmax(20em, auto);
    }

    .md\:grid-2 {
      grid-template-columns: repeat(2, 1fr);
    }

    .md\:grid-3 {
      grid-template-columns: repeat(3, 1fr);
    }

    .md\:grid-4 {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  @media (min-width: 992px) {
    .lg\:grid-auto {
      grid-auto-rows: minmax(20em, auto);
    }

    .lg\:grid-2 {
      grid-template-columns: repeat(2, 1fr);
    }

    .lg\:grid-3 {
      grid-template-columns: repeat(3, 1fr);
    }

    .lg\:grid-4 {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  @media (min-width: 1200px) {
    .xl\:grid-auto {
      grid-auto-rows: minmax(20em, auto);
    }

    .xl\:grid-2 {
      grid-template-columns: repeat(2, 1fr);
    }

    .xl\:grid-3 {
      grid-template-columns: repeat(3, 1fr);
    }

    .xl\:grid-4 {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  @media (max-width: 1300px) {
    .box {
      margin-left: 40px;
    }
  }

  @media (max-width: 720px) {
    .container-8 {
      display: flex;
      flex-direction: column;
      gap: 20px;
      font-size: 12px;
    }
  }

  @media screen and (max-width: 768px) {
    .truncate {
      overflow: hidden;
      flex-wrap: wrap;
      white-space: inherit;
    }

    .read-more-link {
      /* '자세히보기' 클래스 */
      color: #00c4c4; /* 글자 색상을 빨간색으로 변경 */
    }
  }

  @media (max-width: 991px) {
    .site-footer [class^='col-'] {
      margin-bottom: 30px;
    }
  }

  @media (max-width: 767px) {
    .site-footer {
      padding-bottom: 0;
    }

    .site-footer .copyright-text,
    .site-footer .social-icons {
      text-align: center;
    }
  }

  @media (max-width: 767px) {
    .social-icons li.title {
      display: block;
      margin-right: 0;
      font-weight: 600;
    }
  }

  @media (max-width: 920px) {
    .aside-bar {
      display: none;
    }
  }

  @media screen and (max-width: 600px) {
    .media-body {
      flex: 1;

      margin-left: -2rem;
      padding-left: 1rem;
      border: 1px solid #f1f1f1;
      border-radius: 5px;

      background-color: White;
      box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 15%);
    }
  }

  @media (max-width: 420px) {
    .navbar-toggle-n {
      font-size: small;
    }
  }

  @media screen and (max-width: 679px) {
    .display-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 5px;

      padding: 0;

      text-align: center;
      list-style: none;
    }
  }

  @media (max-width: 600px) {
    .footer_wadiz_url_container {
      flex-direction: column;
    }
  }

  @media (max-width: 620px) {
    .bottom-AI-img {
      width: 100%;
      height: 60px;
    }
  }

  @media (max-width: 420px) {
    .font-size-down {
      font-size: 11px;
    }
  }

  @media (max-width: 720px) {
    .tabs .user_selected {
      font-size: 16px;
    }
  }

  @media (max-width: 720px) {
    .helpmain_category_tabs {
      font-size: 14px;
    }
  }

  @media (max-width: 720px) {
    .pure_reports_container {
      display: flex;
      flex-direction: column;
      text-align: center;
    }
  }

  @media (max-width: 435px) {
    .pure_reports_container {
      margin-top: 45px;
    }
  }

  @media (max-width: 1200px) {
    .navbar {
      display: none;
    }
  }

  @media (min-width: 1140px) {
    .navbar-item button {
      width: 170px;
    }
  }

  @media (max-width: 1200px) {
    .mobile-buttons {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .mobile-button {
      cursor: pointer;

      min-width: 80px;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      border: none;

      font-size: 12px;
      font-weight: 600;
      color: #333;

      background: none;
    }

    .mobile-button:hover {
      color: #00c4c4;
    }

    .mobile-button img {
      width: 50px;
      height: 50px;
    }

    .header {
      display: flex;
      justify-content: center;
    }

    .search {
      margin-top: 10px;
    }

    .section-container-reset {
      padding: 60px 0px 0px 0px;
    }
  }

  @media (min-width: 1200px) {
    .mobile-buttons {
      display: none;
    }

    .search-bar-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .search {
      margin-top: 7px;
    }

    .main-header-center {
      display: flex;
      justify-content: center;
    }

    .section-container-reset {
      padding: 139px 0px 0px 0px;
    }
  }

  @keyframes skeleton {
    100% {
      left: 100%;
    }
  }

  @include breakpoint-medium {
    .container {
      width: 60px;
      height: 60px;

      .badge {
        top: -6px;
        right: -6px;

        min-width: 24px;
        height: 24px;

        font-size: 14px;
      }
    }
  }
}