@charset "UTF-8";
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}
h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

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

ol,
ul {
  padding-left: 2rem;
}

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

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

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

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}

a:hover {
  color: var(--bs-link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

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

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

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

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

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

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1433px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 1434px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1410px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

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

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

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

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

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

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-25 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .row-cols-lg-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .row-cols-lg-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-25 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .row-cols-xl-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .row-cols-xl-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-25 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table > tbody {
  vertical-align: inherit;
}

.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: 2px solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-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;
  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-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  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;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext:focus {
  outline: 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}

.form-control-color::-webkit-color-swatch {
  border-radius: 0.375rem;
}

.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  background-color: #e9ecef;
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}

.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}

.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}

.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.375rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.375rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  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;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}

.btn-link:focus-visible {
  color: var(--bs-btn-color);
}

.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

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

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

.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.375rem;
}

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

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

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

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

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

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

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

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

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

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

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-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, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}

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

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

.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  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;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}

.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe;
}

.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8;
}

.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc;
}

.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb;
}

.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5;
}

.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
}

.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe;
}

.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf;
}

.alert-dark .alert-link {
  color: #101214;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

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

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

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

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}

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

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}

.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}

.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}

.carousel-dark .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}

.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}

.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}

.link-primary:hover, .link-primary:focus {
  color: #0a58ca !important;
}

.link-secondary {
  color: #6c757d !important;
}

.link-secondary:hover, .link-secondary:focus {
  color: #565e64 !important;
}

.link-success {
  color: #198754 !important;
}

.link-success:hover, .link-success:focus {
  color: #146c43 !important;
}

.link-info {
  color: #0dcaf0 !important;
}

.link-info:hover, .link-info:focus {
  color: #3dd5f3 !important;
}

.link-warning {
  color: #ffc107 !important;
}

.link-warning:hover, .link-warning:focus {
  color: #ffcd39 !important;
}

.link-danger {
  color: #dc3545 !important;
}

.link-danger:hover, .link-danger:focus {
  color: #b02a37 !important;
}

.link-light {
  color: #f8f9fa !important;
}

.link-light:hover, .link-light:focus {
  color: #f9fafb !important;
}

.link-dark {
  color: #212529 !important;
}

.link-dark:hover, .link-dark:focus {
  color: #1a1e21 !important;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

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

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

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

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

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

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

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

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

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

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.d-grid {
  display: grid !important;
}

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

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

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

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

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

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

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

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

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

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

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

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

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

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

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

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

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

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

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

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

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

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

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-content-around {
  align-content: space-around !important;
}

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

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

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

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

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

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

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

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

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

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

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

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

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

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

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

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

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

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

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

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

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pe-1 {
  padding-right: 0.25rem !important;
}

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

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

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

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

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

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

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

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

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

.ps-1 {
  padding-left: 0.25rem !important;
}

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

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

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

.gap-1 {
  gap: 0.25rem !important;
}

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

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

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

.fst-normal {
  font-style: normal !important;
}

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

.fw-lighter {
  font-weight: lighter !important;
}

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

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

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

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

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

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

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

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

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

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

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

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

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

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

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

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

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

@font-face {
  font-family: "SamsungSharpSans";
  src: url("https://hesap.com.tr/assets/fonts/samsungsharpsans.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SamsungSharpSans";
  src: url("https://hesap.com.tr/assets/fonts/samsungsharpsans-bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SamsungSharpSansMedium";
  src: url("https://hesap.com.tr/assets/fonts/samsungsharpsans-medium.otf") format("opentype");
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  font-weight: normal;
  src: url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Regular.woff2") format("woff2"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Regular.woff") format("woff"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Regular.svg#Gilroy-Regular") format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  font-weight: 900;
  src: url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Black.woff2") format("woff2"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Black.woff") format("woff"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Black.svg#Gilroy-Black") format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  font-weight: bold;
  src: url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Bold.woff2") format("woff2"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Bold.woff") format("woff"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Bold.svg#Gilroy-Bold") format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  font-weight: 900;
  src: url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Heavy.woff2") format("woff2"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Heavy.woff") format("woff"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Heavy.svg#Gilroy-Heavy") format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  font-weight: 100;
  src: url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Thin.woff2") format("woff2"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Thin.woff") format("woff"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Thin.svg#Gilroy-Thin") format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  font-weight: 200;
  src: url("https://hesap.com.tr/assets/fonts/subset-Gilroy-UltraLight.woff2") format("woff2"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-UltraLight.woff") format("woff"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-UltraLight.svg#Gilroy-UltraLight") format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  font-weight: 600;
  src: url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Semibold.woff2") format("woff2"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Semibold.woff") format("woff"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Semibold.svg#Gilroy-Semibold") format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  font-weight: 500;
  src: url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Medium.woff2") format("woff2"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Medium.woff") format("woff"), url("https://hesap.com.tr/assets/fonts/subset-Gilroy-Medium.svg#Gilroy-Medium") format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: "Metrofutura";
  src: url("https://hesap.com.tr/assets/fonts/Metrofutura.ttf") format("truetype");
}
@font-face {
  font-weight: 300;
  font-family: "Nexa";
  src: url("https://hesap.com.tr/assets/fonts/NexaLight.otf") format("opentype");
}
@font-face {
  font-weight: 400;
  font-family: "Nexa";
  src: url("https://hesap.com.tr/assets/fonts/Nexa-Light.otf") format("opentype");
}
@font-face {
  font-weight: 700;
  font-family: "Nexa";
  src: url("https://hesap.com.tr/assets/fonts/Nexa-Bold.otf") format("opentype");
}
@font-face {
  font-weight: 900;
  font-family: "Nexa";
  src: url("https://hesap.com.tr/assets/fonts/Nexa-Black-Italic.otf") format("opentype");
}
@font-face {
  font-weight: 400;
  font-family: "samsungsharpsans";
  src: url("https://hesap.com.tr/assets/fonts/samsungsharpsans.otf") format("opentype");
}
@font-face {
  font-weight: 600;
  font-family: "samsungsharpsans";
  src: url("https://hesap.com.tr/assets/fonts/samsungsharpsans-medium.otf") format("opentype");
}
@font-face {
  font-weight: 700;
  font-family: "samsungsharpsans";
  src: url("https://hesap.com.tr/assets/fonts/samsungsharpsans-bold.otf") format("opentype");
}
@font-face {
  font-family: "remixicon";
  src: url("https://hesap.com.tr/assets/fonts/remixicon.eot?v=2"); /* IE9*/
  src: url("https://hesap.com.tr/assets/fonts/remixicon.eot?v=2#iefix") format("embedded-opentype"), url("https://hesap.com.tr/assets/fonts/remixicon.woff2?v=2") format("woff2"), url("https://hesap.com.tr/assets/fonts/remixicon.woff?v=2") format("woff"), url("https://hesap.com.tr/assets/fonts/remixicon.ttf?v=2") format("truetype"), url("https://hesap.com.tr/assets/fonts/remixicon.svg?v=2#remixicon") format("svg"); /* iOS 4.1- */
  font-display: swap;
}
[class^=ri-], [class*=" ri-"] {
  font-family: "remixicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ri-lg {
  font-size: 1.3333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.ri-xl {
  font-size: 1.5em;
  line-height: 0.6666em;
  vertical-align: -0.075em;
}

.ri-xxs {
  font-size: 0.5em;
}

.ri-xs {
  font-size: 0.75em;
}

.ri-sm {
  font-size: 0.875em;
}

.ri-1x {
  font-size: 1em;
}

.ri-2x {
  font-size: 2em;
}

.ri-3x {
  font-size: 3em;
}

.ri-4x {
  font-size: 4em;
}

.ri-5x {
  font-size: 5em;
}

.ri-6x {
  font-size: 6em;
}

.ri-7x {
  font-size: 7em;
}

.ri-8x {
  font-size: 8em;
}

.ri-9x {
  font-size: 9em;
}

.ri-10x {
  font-size: 10em;
}

.ri-fw {
  text-align: center;
  width: 1.25em;
}

.ri-24-hours-fill:before {
  content: "\ea01";
}

.ri-24-hours-line:before {
  content: "\ea02";
}

.ri-4k-fill:before {
  content: "\ea03";
}

.ri-4k-line:before {
  content: "\ea04";
}

.ri-a-b:before {
  content: "\ea05";
}

.ri-account-box-fill:before {
  content: "\ea06";
}

.ri-account-box-line:before {
  content: "\ea07";
}

.ri-account-circle-fill:before {
  content: "\ea08";
}

.ri-account-circle-line:before {
  content: "\ea09";
}

.ri-account-pin-box-fill:before {
  content: "\ea0a";
}

.ri-account-pin-box-line:before {
  content: "\ea0b";
}

.ri-account-pin-circle-fill:before {
  content: "\ea0c";
}

.ri-account-pin-circle-line:before {
  content: "\ea0d";
}

.ri-add-box-fill:before {
  content: "\ea0e";
}

.ri-add-box-line:before {
  content: "\ea0f";
}

.ri-add-circle-fill:before {
  content: "\ea10";
}

.ri-add-circle-line:before {
  content: "\ea11";
}

.ri-add-fill:before {
  content: "\ea12";
}

.ri-add-line:before {
  content: "\ea13";
}

.ri-admin-fill:before {
  content: "\ea14";
}

.ri-admin-line:before {
  content: "\ea15";
}

.ri-advertisement-fill:before {
  content: "\ea16";
}

.ri-advertisement-line:before {
  content: "\ea17";
}

.ri-airplay-fill:before {
  content: "\ea18";
}

.ri-airplay-line:before {
  content: "\ea19";
}

.ri-alarm-fill:before {
  content: "\ea1a";
}

.ri-alarm-line:before {
  content: "\ea1b";
}

.ri-alarm-warning-fill:before {
  content: "\ea1c";
}

.ri-alarm-warning-line:before {
  content: "\ea1d";
}

.ri-album-fill:before {
  content: "\ea1e";
}

.ri-album-line:before {
  content: "\ea1f";
}

.ri-alert-fill:before {
  content: "\ea20";
}

.ri-alert-line:before {
  content: "\ea21";
}

.ri-aliens-fill:before {
  content: "\ea22";
}

.ri-aliens-line:before {
  content: "\ea23";
}

.ri-align-bottom:before {
  content: "\ea24";
}

.ri-align-center:before {
  content: "\ea25";
}

.ri-align-justify:before {
  content: "\ea26";
}

.ri-align-left:before {
  content: "\ea27";
}

.ri-align-right:before {
  content: "\ea28";
}

.ri-align-top:before {
  content: "\ea29";
}

.ri-align-vertically:before {
  content: "\ea2a";
}

.ri-alipay-fill:before {
  content: "\ea2b";
}

.ri-alipay-line:before {
  content: "\ea2c";
}

.ri-amazon-fill:before {
  content: "\ea2d";
}

.ri-amazon-line:before {
  content: "\ea2e";
}

.ri-anchor-fill:before {
  content: "\ea2f";
}

.ri-anchor-line:before {
  content: "\ea30";
}

.ri-ancient-gate-fill:before {
  content: "\ea31";
}

.ri-ancient-gate-line:before {
  content: "\ea32";
}

.ri-ancient-pavilion-fill:before {
  content: "\ea33";
}

.ri-ancient-pavilion-line:before {
  content: "\ea34";
}

.ri-android-fill:before {
  content: "\ea35";
}

.ri-android-line:before {
  content: "\ea36";
}

.ri-angularjs-fill:before {
  content: "\ea37";
}

.ri-angularjs-line:before {
  content: "\ea38";
}

.ri-anticlockwise-2-fill:before {
  content: "\ea39";
}

.ri-anticlockwise-2-line:before {
  content: "\ea3a";
}

.ri-anticlockwise-fill:before {
  content: "\ea3b";
}

.ri-anticlockwise-line:before {
  content: "\ea3c";
}

.ri-app-store-fill:before {
  content: "\ea3d";
}

.ri-app-store-line:before {
  content: "\ea3e";
}

.ri-apple-fill:before {
  content: "\ea3f";
}

.ri-apple-line:before {
  content: "\ea40";
}

.ri-apps-2-fill:before {
  content: "\ea41";
}

.ri-apps-2-line:before {
  content: "\ea42";
}

.ri-apps-fill:before {
  content: "\ea43";
}

.ri-apps-line:before {
  content: "\ea44";
}

.ri-archive-drawer-fill:before {
  content: "\ea45";
}

.ri-archive-drawer-line:before {
  content: "\ea46";
}

.ri-archive-fill:before {
  content: "\ea47";
}

.ri-archive-line:before {
  content: "\ea48";
}

.ri-arrow-down-circle-fill:before {
  content: "\ea49";
}

.ri-arrow-down-circle-line:before {
  content: "\ea4a";
}

.ri-arrow-down-fill:before {
  content: "\ea4b";
}

.ri-arrow-down-line:before {
  content: "\ea4c";
}

.ri-arrow-down-s-fill:before {
  content: "\ea4d";
}

.ri-arrow-down-s-line:before {
  content: "\ea4e";
}

.ri-arrow-drop-down-fill:before {
  content: "\ea4f";
}

.ri-arrow-drop-down-line:before {
  content: "\ea50";
}

.ri-arrow-drop-left-fill:before {
  content: "\ea51";
}

.ri-arrow-drop-left-line:before {
  content: "\ea52";
}

.ri-arrow-drop-right-fill:before {
  content: "\ea53";
}

.ri-arrow-drop-right-line:before {
  content: "\ea54";
}

.ri-arrow-drop-up-fill:before {
  content: "\ea55";
}

.ri-arrow-drop-up-line:before {
  content: "\ea56";
}

.ri-arrow-go-back-fill:before {
  content: "\ea57";
}

.ri-arrow-go-back-line:before {
  content: "\ea58";
}

.ri-arrow-go-forward-fill:before {
  content: "\ea59";
}

.ri-arrow-go-forward-line:before {
  content: "\ea5a";
}

.ri-arrow-left-circle-fill:before {
  content: "\ea5b";
}

.ri-arrow-left-circle-line:before {
  content: "\ea5c";
}

.ri-arrow-left-down-fill:before {
  content: "\ea5d";
}

.ri-arrow-left-down-line:before {
  content: "\ea5e";
}

.ri-arrow-left-fill:before {
  content: "\ea5f";
}

.ri-arrow-left-line:before {
  content: "\ea60";
}

.ri-arrow-left-right-fill:before {
  content: "\ea61";
}

.ri-arrow-left-right-line:before {
  content: "\ea62";
}

.ri-arrow-left-s-fill:before {
  content: "\ea63";
}

.ri-arrow-left-s-line:before {
  content: "\ea64";
}

.ri-arrow-left-up-fill:before {
  content: "\ea65";
}

.ri-arrow-left-up-line:before {
  content: "\ea66";
}

.ri-arrow-right-circle-fill:before {
  content: "\ea67";
}

.ri-arrow-right-circle-line:before {
  content: "\ea68";
}

.ri-arrow-right-down-fill:before {
  content: "\ea69";
}

.ri-arrow-right-down-line:before {
  content: "\ea6a";
}

.ri-arrow-right-fill:before {
  content: "\ea6b";
}

.ri-arrow-right-line:before {
  content: "\ea6c";
}

.ri-arrow-right-s-fill:before {
  content: "\ea6d";
}

.ri-arrow-right-s-line:before {
  content: "\ea6e";
}

.ri-arrow-right-up-fill:before {
  content: "\ea6f";
}

.ri-arrow-right-up-line:before {
  content: "\ea70";
}

.ri-arrow-up-circle-fill:before {
  content: "\ea71";
}

.ri-arrow-up-circle-line:before {
  content: "\ea72";
}

.ri-arrow-up-down-fill:before {
  content: "\ea73";
}

.ri-arrow-up-down-line:before {
  content: "\ea74";
}

.ri-arrow-up-fill:before {
  content: "\ea75";
}

.ri-arrow-up-line:before {
  content: "\ea76";
}

.ri-arrow-up-s-fill:before {
  content: "\ea77";
}

.ri-arrow-up-s-line:before {
  content: "\ea78";
}

.ri-artboard-2-fill:before {
  content: "\ea79";
}

.ri-artboard-2-line:before {
  content: "\ea7a";
}

.ri-artboard-fill:before {
  content: "\ea7b";
}

.ri-artboard-line:before {
  content: "\ea7c";
}

.ri-article-fill:before {
  content: "\ea7d";
}

.ri-article-line:before {
  content: "\ea7e";
}

.ri-aspect-ratio-fill:before {
  content: "\ea7f";
}

.ri-aspect-ratio-line:before {
  content: "\ea80";
}

.ri-asterisk:before {
  content: "\ea81";
}

.ri-at-fill:before {
  content: "\ea82";
}

.ri-at-line:before {
  content: "\ea83";
}

.ri-attachment-2:before {
  content: "\ea84";
}

.ri-attachment-fill:before {
  content: "\ea85";
}

.ri-attachment-line:before {
  content: "\ea86";
}

.ri-auction-fill:before {
  content: "\ea87";
}

.ri-auction-line:before {
  content: "\ea88";
}

.ri-award-fill:before {
  content: "\ea89";
}

.ri-award-line:before {
  content: "\ea8a";
}

.ri-baidu-fill:before {
  content: "\ea8b";
}

.ri-baidu-line:before {
  content: "\ea8c";
}

.ri-ball-pen-fill:before {
  content: "\ea8d";
}

.ri-ball-pen-line:before {
  content: "\ea8e";
}

.ri-bank-card-2-fill:before {
  content: "\ea8f";
}

.ri-bank-card-2-line:before {
  content: "\ea90";
}

.ri-bank-card-fill:before {
  content: "\ea91";
}

.ri-bank-card-line:before {
  content: "\ea92";
}

.ri-bank-fill:before {
  content: "\ea93";
}

.ri-bank-line:before {
  content: "\ea94";
}

.ri-bar-chart-2-fill:before {
  content: "\ea95";
}

.ri-bar-chart-2-line:before {
  content: "\ea96";
}

.ri-bar-chart-box-fill:before {
  content: "\ea97";
}

.ri-bar-chart-box-line:before {
  content: "\ea98";
}

.ri-bar-chart-fill:before {
  content: "\ea99";
}

.ri-bar-chart-grouped-fill:before {
  content: "\ea9a";
}

.ri-bar-chart-grouped-line:before {
  content: "\ea9b";
}

.ri-bar-chart-horizontal-fill:before {
  content: "\ea9c";
}

.ri-bar-chart-horizontal-line:before {
  content: "\ea9d";
}

.ri-bar-chart-line:before {
  content: "\ea9e";
}

.ri-barcode-box-fill:before {
  content: "\ea9f";
}

.ri-barcode-box-line:before {
  content: "\eaa0";
}

.ri-barcode-fill:before {
  content: "\eaa1";
}

.ri-barcode-line:before {
  content: "\eaa2";
}

.ri-barricade-fill:before {
  content: "\eaa3";
}

.ri-barricade-line:before {
  content: "\eaa4";
}

.ri-base-station-fill:before {
  content: "\eaa5";
}

.ri-base-station-line:before {
  content: "\eaa6";
}

.ri-basketball-fill:before {
  content: "\eaa7";
}

.ri-basketball-line:before {
  content: "\eaa8";
}

.ri-battery-2-charge-fill:before {
  content: "\eaa9";
}

.ri-battery-2-charge-line:before {
  content: "\eaaa";
}

.ri-battery-2-fill:before {
  content: "\eaab";
}

.ri-battery-2-line:before {
  content: "\eaac";
}

.ri-battery-charge-fill:before {
  content: "\eaad";
}

.ri-battery-charge-line:before {
  content: "\eaae";
}

.ri-battery-fill:before {
  content: "\eaaf";
}

.ri-battery-line:before {
  content: "\eab0";
}

.ri-battery-low-fill:before {
  content: "\eab1";
}

.ri-battery-low-line:before {
  content: "\eab2";
}

.ri-battery-saver-fill:before {
  content: "\eab3";
}

.ri-battery-saver-line:before {
  content: "\eab4";
}

.ri-battery-share-fill:before {
  content: "\eab5";
}

.ri-battery-share-line:before {
  content: "\eab6";
}

.ri-bear-smile-fill:before {
  content: "\eab7";
}

.ri-bear-smile-line:before {
  content: "\eab8";
}

.ri-behance-fill:before {
  content: "\eab9";
}

.ri-behance-line:before {
  content: "\eaba";
}

.ri-bell-fill:before {
  content: "\eabb";
}

.ri-bell-line:before {
  content: "\eabc";
}

.ri-bike-fill:before {
  content: "\eabd";
}

.ri-bike-line:before {
  content: "\eabe";
}

.ri-bilibili-fill:before {
  content: "\eabf";
}

.ri-bilibili-line:before {
  content: "\eac0";
}

.ri-bill-fill:before {
  content: "\eac1";
}

.ri-bill-line:before {
  content: "\eac2";
}

.ri-billiards-fill:before {
  content: "\eac3";
}

.ri-billiards-line:before {
  content: "\eac4";
}

.ri-bit-coin-fill:before {
  content: "\eac5";
}

.ri-bit-coin-line:before {
  content: "\eac6";
}

.ri-blaze-fill:before {
  content: "\eac7";
}

.ri-blaze-line:before {
  content: "\eac8";
}

.ri-bluetooth-connect-fill:before {
  content: "\eac9";
}

.ri-bluetooth-connect-line:before {
  content: "\eaca";
}

.ri-bluetooth-fill:before {
  content: "\eacb";
}

.ri-bluetooth-line:before {
  content: "\eacc";
}

.ri-blur-off-fill:before {
  content: "\eacd";
}

.ri-blur-off-line:before {
  content: "\eace";
}

.ri-body-scan-fill:before {
  content: "\eacf";
}

.ri-body-scan-line:before {
  content: "\ead0";
}

.ri-bold:before {
  content: "\ead1";
}

.ri-book-2-fill:before {
  content: "\ead2";
}

.ri-book-2-line:before {
  content: "\ead3";
}

.ri-book-3-fill:before {
  content: "\ead4";
}

.ri-book-3-line:before {
  content: "\ead5";
}

.ri-book-fill:before {
  content: "\ead6";
}

.ri-book-line:before {
  content: "\ead7";
}

.ri-book-marked-fill:before {
  content: "\ead8";
}

.ri-book-marked-line:before {
  content: "\ead9";
}

.ri-book-open-fill:before {
  content: "\eada";
}

.ri-book-open-line:before {
  content: "\eadb";
}

.ri-book-read-fill:before {
  content: "\eadc";
}

.ri-book-read-line:before {
  content: "\eadd";
}

.ri-booklet-fill:before {
  content: "\eade";
}

.ri-booklet-line:before {
  content: "\eadf";
}

.ri-bookmark-2-fill:before {
  content: "\eae0";
}

.ri-bookmark-2-line:before {
  content: "\eae1";
}

.ri-bookmark-3-fill:before {
  content: "\eae2";
}

.ri-bookmark-3-line:before {
  content: "\eae3";
}

.ri-bookmark-fill:before {
  content: "\eae4";
}

.ri-bookmark-line:before {
  content: "\eae5";
}

.ri-boxing-fill:before {
  content: "\eae6";
}

.ri-boxing-line:before {
  content: "\eae7";
}

.ri-braces-fill:before {
  content: "\eae8";
}

.ri-braces-line:before {
  content: "\eae9";
}

.ri-brackets-fill:before {
  content: "\eaea";
}

.ri-brackets-line:before {
  content: "\eaeb";
}

.ri-briefcase-2-fill:before {
  content: "\eaec";
}

.ri-briefcase-2-line:before {
  content: "\eaed";
}

.ri-briefcase-3-fill:before {
  content: "\eaee";
}

.ri-briefcase-3-line:before {
  content: "\eaef";
}

.ri-briefcase-4-fill:before {
  content: "\eaf0";
}

.ri-briefcase-4-line:before {
  content: "\eaf1";
}

.ri-briefcase-5-fill:before {
  content: "\eaf2";
}

.ri-briefcase-5-line:before {
  content: "\eaf3";
}

.ri-briefcase-fill:before {
  content: "\eaf4";
}

.ri-briefcase-line:before {
  content: "\eaf5";
}

.ri-bring-forward:before {
  content: "\eaf6";
}

.ri-bring-to-front:before {
  content: "\eaf7";
}

.ri-broadcast-fill:before {
  content: "\eaf8";
}

.ri-broadcast-line:before {
  content: "\eaf9";
}

.ri-brush-2-fill:before {
  content: "\eafa";
}

.ri-brush-2-line:before {
  content: "\eafb";
}

.ri-brush-3-fill:before {
  content: "\eafc";
}

.ri-brush-3-line:before {
  content: "\eafd";
}

.ri-brush-4-fill:before {
  content: "\eafe";
}

.ri-brush-4-line:before {
  content: "\eaff";
}

.ri-brush-fill:before {
  content: "\eb00";
}

.ri-brush-line:before {
  content: "\eb01";
}

.ri-bubble-chart-fill:before {
  content: "\eb02";
}

.ri-bubble-chart-line:before {
  content: "\eb03";
}

.ri-bug-2-fill:before {
  content: "\eb04";
}

.ri-bug-2-line:before {
  content: "\eb05";
}

.ri-bug-fill:before {
  content: "\eb06";
}

.ri-bug-line:before {
  content: "\eb07";
}

.ri-building-2-fill:before {
  content: "\eb08";
}

.ri-building-2-line:before {
  content: "\eb09";
}

.ri-building-3-fill:before {
  content: "\eb0a";
}

.ri-building-3-line:before {
  content: "\eb0b";
}

.ri-building-4-fill:before {
  content: "\eb0c";
}

.ri-building-4-line:before {
  content: "\eb0d";
}

.ri-building-fill:before {
  content: "\eb0e";
}

.ri-building-line:before {
  content: "\eb0f";
}

.ri-bus-2-fill:before {
  content: "\eb10";
}

.ri-bus-2-line:before {
  content: "\eb11";
}

.ri-bus-fill:before {
  content: "\eb12";
}

.ri-bus-line:before {
  content: "\eb13";
}

.ri-bus-wifi-fill:before {
  content: "\eb14";
}

.ri-bus-wifi-line:before {
  content: "\eb15";
}

.ri-cactus-fill:before {
  content: "\eb16";
}

.ri-cactus-line:before {
  content: "\eb17";
}

.ri-cake-2-fill:before {
  content: "\eb18";
}

.ri-cake-2-line:before {
  content: "\eb19";
}

.ri-cake-3-fill:before {
  content: "\eb1a";
}

.ri-cake-3-line:before {
  content: "\eb1b";
}

.ri-cake-fill:before {
  content: "\eb1c";
}

.ri-cake-line:before {
  content: "\eb1d";
}

.ri-calculator-fill:before {
  content: "\eb1e";
}

.ri-calculator-line:before {
  content: "\eb1f";
}

.ri-calendar-2-fill:before {
  content: "\eb20";
}

.ri-calendar-2-line:before {
  content: "\eb21";
}

.ri-calendar-check-fill:before {
  content: "\eb22";
}

.ri-calendar-check-line:before {
  content: "\eb23";
}

.ri-calendar-event-fill:before {
  content: "\eb24";
}

.ri-calendar-event-line:before {
  content: "\eb25";
}

.ri-calendar-fill:before {
  content: "\eb26";
}

.ri-calendar-line:before {
  content: "\eb27";
}

.ri-calendar-todo-fill:before {
  content: "\eb28";
}

.ri-calendar-todo-line:before {
  content: "\eb29";
}

.ri-camera-2-fill:before {
  content: "\eb2a";
}

.ri-camera-2-line:before {
  content: "\eb2b";
}

.ri-camera-3-fill:before {
  content: "\eb2c";
}

.ri-camera-3-line:before {
  content: "\eb2d";
}

.ri-camera-fill:before {
  content: "\eb2e";
}

.ri-camera-lens-fill:before {
  content: "\eb2f";
}

.ri-camera-lens-line:before {
  content: "\eb30";
}

.ri-camera-line:before {
  content: "\eb31";
}

.ri-camera-off-fill:before {
  content: "\eb32";
}

.ri-camera-off-line:before {
  content: "\eb33";
}

.ri-camera-switch-fill:before {
  content: "\eb34";
}

.ri-camera-switch-line:before {
  content: "\eb35";
}

.ri-capsule-fill:before {
  content: "\eb36";
}

.ri-capsule-line:before {
  content: "\eb37";
}

.ri-car-fill:before {
  content: "\eb38";
}

.ri-car-line:before {
  content: "\eb39";
}

.ri-car-washing-fill:before {
  content: "\eb3a";
}

.ri-car-washing-line:before {
  content: "\eb3b";
}

.ri-caravan-fill:before {
  content: "\eb3c";
}

.ri-caravan-line:before {
  content: "\eb3d";
}

.ri-cast-fill:before {
  content: "\eb3e";
}

.ri-cast-line:before {
  content: "\eb3f";
}

.ri-cellphone-fill:before {
  content: "\eb40";
}

.ri-cellphone-line:before {
  content: "\eb41";
}

.ri-celsius-fill:before {
  content: "\eb42";
}

.ri-celsius-line:before {
  content: "\eb43";
}

.ri-centos-fill:before {
  content: "\eb44";
}

.ri-centos-line:before {
  content: "\eb45";
}

.ri-character-recognition-fill:before {
  content: "\eb46";
}

.ri-character-recognition-line:before {
  content: "\eb47";
}

.ri-charging-pile-2-fill:before {
  content: "\eb48";
}

.ri-charging-pile-2-line:before {
  content: "\eb49";
}

.ri-charging-pile-fill:before {
  content: "\eb4a";
}

.ri-charging-pile-line:before {
  content: "\eb4b";
}

.ri-chat-1-fill:before {
  content: "\eb4c";
}

.ri-chat-1-line:before {
  content: "\eb4d";
}

.ri-chat-2-fill:before {
  content: "\eb4e";
}

.ri-chat-2-line:before {
  content: "\eb4f";
}

.ri-chat-3-fill:before {
  content: "\eb50";
}

.ri-chat-3-line:before {
  content: "\eb51";
}

.ri-chat-4-fill:before {
  content: "\eb52";
}

.ri-chat-4-line:before {
  content: "\eb53";
}

.ri-chat-check-fill:before {
  content: "\eb54";
}

.ri-chat-check-line:before {
  content: "\eb55";
}

.ri-chat-delete-fill:before {
  content: "\eb56";
}

.ri-chat-delete-line:before {
  content: "\eb57";
}

.ri-chat-download-fill:before {
  content: "\eb58";
}

.ri-chat-download-line:before {
  content: "\eb59";
}

.ri-chat-follow-up-fill:before {
  content: "\eb5a";
}

.ri-chat-follow-up-line:before {
  content: "\eb5b";
}

.ri-chat-forward-fill:before {
  content: "\eb5c";
}

.ri-chat-forward-line:before {
  content: "\eb5d";
}

.ri-chat-heart-fill:before {
  content: "\eb5e";
}

.ri-chat-heart-line:before {
  content: "\eb5f";
}

.ri-chat-history-fill:before {
  content: "\eb60";
}

.ri-chat-history-line:before {
  content: "\eb61";
}

.ri-chat-new-fill:before {
  content: "\eb62";
}

.ri-chat-new-line:before {
  content: "\eb63";
}

.ri-chat-off-fill:before {
  content: "\eb64";
}

.ri-chat-off-line:before {
  content: "\eb65";
}

.ri-chat-poll-fill:before {
  content: "\eb66";
}

.ri-chat-poll-line:before {
  content: "\eb67";
}

.ri-chat-private-fill:before {
  content: "\eb68";
}

.ri-chat-private-line:before {
  content: "\eb69";
}

.ri-chat-quote-fill:before {
  content: "\eb6a";
}

.ri-chat-quote-line:before {
  content: "\eb6b";
}

.ri-chat-settings-fill:before {
  content: "\eb6c";
}

.ri-chat-settings-line:before {
  content: "\eb6d";
}

.ri-chat-smile-2-fill:before {
  content: "\eb6e";
}

.ri-chat-smile-2-line:before {
  content: "\eb6f";
}

.ri-chat-smile-3-fill:before {
  content: "\eb70";
}

.ri-chat-smile-3-line:before {
  content: "\eb71";
}

.ri-chat-smile-fill:before {
  content: "\eb72";
}

.ri-chat-smile-line:before {
  content: "\eb73";
}

.ri-chat-upload-fill:before {
  content: "\eb74";
}

.ri-chat-upload-line:before {
  content: "\eb75";
}

.ri-chat-voice-fill:before {
  content: "\eb76";
}

.ri-chat-voice-line:before {
  content: "\eb77";
}

.ri-check-double-fill:before {
  content: "\eb78";
}

.ri-check-double-line:before {
  content: "\eb79";
}

.ri-check-fill:before {
  content: "\eb7a";
}

.ri-check-line:before {
  content: "\eb7b";
}

.ri-checkbox-blank-circle-fill:before {
  content: "\eb7c";
}

.ri-checkbox-blank-circle-line:before {
  content: "\eb7d";
}

.ri-checkbox-blank-fill:before {
  content: "\eb7e";
}

.ri-checkbox-blank-line:before {
  content: "\eb7f";
}

.ri-checkbox-circle-fill:before {
  content: "\eb80";
}

.ri-checkbox-circle-line:before {
  content: "\eb81";
}

.ri-checkbox-fill:before {
  content: "\eb82";
}

.ri-checkbox-indeterminate-fill:before {
  content: "\eb83";
}

.ri-checkbox-indeterminate-line:before {
  content: "\eb84";
}

.ri-checkbox-line:before {
  content: "\eb85";
}

.ri-checkbox-multiple-blank-fill:before {
  content: "\eb86";
}

.ri-checkbox-multiple-blank-line:before {
  content: "\eb87";
}

.ri-checkbox-multiple-fill:before {
  content: "\eb88";
}

.ri-checkbox-multiple-line:before {
  content: "\eb89";
}

.ri-china-railway-fill:before {
  content: "\eb8a";
}

.ri-china-railway-line:before {
  content: "\eb8b";
}

.ri-chrome-fill:before {
  content: "\eb8c";
}

.ri-chrome-line:before {
  content: "\eb8d";
}

.ri-clapperboard-fill:before {
  content: "\eb8e";
}

.ri-clapperboard-line:before {
  content: "\eb8f";
}

.ri-clipboard-fill:before {
  content: "\eb90";
}

.ri-clipboard-line:before {
  content: "\eb91";
}

.ri-clockwise-2-fill:before {
  content: "\eb92";
}

.ri-clockwise-2-line:before {
  content: "\eb93";
}

.ri-clockwise-fill:before {
  content: "\eb94";
}

.ri-clockwise-line:before {
  content: "\eb95";
}

.ri-close-circle-fill:before {
  content: "\eb96";
}

.ri-close-circle-line:before {
  content: "\eb97";
}

.ri-close-fill:before {
  content: "\eb98";
}

.ri-close-line:before {
  content: "\eb99";
}

.ri-closed-captioning-fill:before {
  content: "\eb9a";
}

.ri-closed-captioning-line:before {
  content: "\eb9b";
}

.ri-cloud-fill:before {
  content: "\eb9c";
}

.ri-cloud-line:before {
  content: "\eb9d";
}

.ri-cloud-off-fill:before {
  content: "\eb9e";
}

.ri-cloud-off-line:before {
  content: "\eb9f";
}

.ri-cloud-windy-fill:before {
  content: "\eba0";
}

.ri-cloud-windy-line:before {
  content: "\eba1";
}

.ri-cloudy-2-fill:before {
  content: "\eba2";
}

.ri-cloudy-2-line:before {
  content: "\eba3";
}

.ri-cloudy-fill:before {
  content: "\eba4";
}

.ri-cloudy-line:before {
  content: "\eba5";
}

.ri-code-box-fill:before {
  content: "\eba6";
}

.ri-code-box-line:before {
  content: "\eba7";
}

.ri-code-fill:before {
  content: "\eba8";
}

.ri-code-line:before {
  content: "\eba9";
}

.ri-code-s-fill:before {
  content: "\ebaa";
}

.ri-code-s-line:before {
  content: "\ebab";
}

.ri-code-s-slash-fill:before {
  content: "\ebac";
}

.ri-code-s-slash-line:before {
  content: "\ebad";
}

.ri-code-view:before {
  content: "\ebae";
}

.ri-codepen-fill:before {
  content: "\ebaf";
}

.ri-codepen-line:before {
  content: "\ebb0";
}

.ri-coin-fill:before {
  content: "\ebb1";
}

.ri-coin-line:before {
  content: "\ebb2";
}

.ri-coins-fill:before {
  content: "\ebb3";
}

.ri-coins-line:before {
  content: "\ebb4";
}

.ri-collage-fill:before {
  content: "\ebb5";
}

.ri-collage-line:before {
  content: "\ebb6";
}

.ri-command-fill:before {
  content: "\ebb7";
}

.ri-command-line:before {
  content: "\ebb8";
}

.ri-community-fill:before {
  content: "\ebb9";
}

.ri-community-line:before {
  content: "\ebba";
}

.ri-compass-2-fill:before {
  content: "\ebbb";
}

.ri-compass-2-line:before {
  content: "\ebbc";
}

.ri-compass-3-fill:before {
  content: "\ebbd";
}

.ri-compass-3-line:before {
  content: "\ebbe";
}

.ri-compass-4-fill:before {
  content: "\ebbf";
}

.ri-compass-4-line:before {
  content: "\ebc0";
}

.ri-compass-discover-fill:before {
  content: "\ebc1";
}

.ri-compass-discover-line:before {
  content: "\ebc2";
}

.ri-compass-fill:before {
  content: "\ebc3";
}

.ri-compass-line:before {
  content: "\ebc4";
}

.ri-compasses-2-fill:before {
  content: "\ebc5";
}

.ri-compasses-2-line:before {
  content: "\ebc6";
}

.ri-compasses-fill:before {
  content: "\ebc7";
}

.ri-compasses-line:before {
  content: "\ebc8";
}

.ri-computer-fill:before {
  content: "\ebc9";
}

.ri-computer-line:before {
  content: "\ebca";
}

.ri-contacts-book-2-fill:before {
  content: "\ebcb";
}

.ri-contacts-book-2-line:before {
  content: "\ebcc";
}

.ri-contacts-book-fill:before {
  content: "\ebcd";
}

.ri-contacts-book-line:before {
  content: "\ebce";
}

.ri-contacts-book-upload-fill:before {
  content: "\ebcf";
}

.ri-contacts-book-upload-line:before {
  content: "\ebd0";
}

.ri-contacts-fill:before {
  content: "\ebd1";
}

.ri-contacts-line:before {
  content: "\ebd2";
}

.ri-contrast-2-fill:before {
  content: "\ebd3";
}

.ri-contrast-2-line:before {
  content: "\ebd4";
}

.ri-contrast-drop-2-fill:before {
  content: "\ebd5";
}

.ri-contrast-drop-2-line:before {
  content: "\ebd6";
}

.ri-contrast-drop-fill:before {
  content: "\ebd7";
}

.ri-contrast-drop-line:before {
  content: "\ebd8";
}

.ri-contrast-fill:before {
  content: "\ebd9";
}

.ri-contrast-line:before {
  content: "\ebda";
}

.ri-copper-coin-fill:before {
  content: "\ebdb";
}

.ri-copper-coin-line:before {
  content: "\ebdc";
}

.ri-copper-diamond-fill:before {
  content: "\ebdd";
}

.ri-copper-diamond-line:before {
  content: "\ebde";
}

.ri-copyleft-fill:before {
  content: "\ebdf";
}

.ri-copyleft-line:before {
  content: "\ebe0";
}

.ri-copyright-fill:before {
  content: "\ebe1";
}

.ri-copyright-line:before {
  content: "\ebe2";
}

.ri-coreos-fill:before {
  content: "\ebe3";
}

.ri-coreos-line:before {
  content: "\ebe4";
}

.ri-coupon-2-fill:before {
  content: "\ebe5";
}

.ri-coupon-2-line:before {
  content: "\ebe6";
}

.ri-coupon-3-fill:before {
  content: "\ebe7";
}

.ri-coupon-3-line:before {
  content: "\ebe8";
}

.ri-coupon-4-fill:before {
  content: "\ebe9";
}

.ri-coupon-4-line:before {
  content: "\ebea";
}

.ri-coupon-5-fill:before {
  content: "\ebeb";
}

.ri-coupon-5-line:before {
  content: "\ebec";
}

.ri-coupon-fill:before {
  content: "\ebed";
}

.ri-coupon-line:before {
  content: "\ebee";
}

.ri-cpu-fill:before {
  content: "\ebef";
}

.ri-cpu-line:before {
  content: "\ebf0";
}

.ri-creative-commons-by-fill:before {
  content: "\ebf1";
}

.ri-creative-commons-by-line:before {
  content: "\ebf2";
}

.ri-creative-commons-fill:before {
  content: "\ebf3";
}

.ri-creative-commons-line:before {
  content: "\ebf4";
}

.ri-creative-commons-nc-fill:before {
  content: "\ebf5";
}

.ri-creative-commons-nc-line:before {
  content: "\ebf6";
}

.ri-creative-commons-nd-fill:before {
  content: "\ebf7";
}

.ri-creative-commons-nd-line:before {
  content: "\ebf8";
}

.ri-creative-commons-sa-fill:before {
  content: "\ebf9";
}

.ri-creative-commons-sa-line:before {
  content: "\ebfa";
}

.ri-creative-commons-zero-fill:before {
  content: "\ebfb";
}

.ri-creative-commons-zero-line:before {
  content: "\ebfc";
}

.ri-criminal-fill:before {
  content: "\ebfd";
}

.ri-criminal-line:before {
  content: "\ebfe";
}

.ri-crop-2-fill:before {
  content: "\ebff";
}

.ri-crop-2-line:before {
  content: "\ec00";
}

.ri-crop-fill:before {
  content: "\ec01";
}

.ri-crop-line:before {
  content: "\ec02";
}

.ri-css3-fill:before {
  content: "\ec03";
}

.ri-css3-line:before {
  content: "\ec04";
}

.ri-cup-fill:before {
  content: "\ec05";
}

.ri-cup-line:before {
  content: "\ec06";
}

.ri-currency-fill:before {
  content: "\ec07";
}

.ri-currency-line:before {
  content: "\ec08";
}

.ri-cursor-fill:before {
  content: "\ec09";
}

.ri-cursor-line:before {
  content: "\ec0a";
}

.ri-customer-service-2-fill:before {
  content: "\ec0b";
}

.ri-customer-service-2-line:before {
  content: "\ec0c";
}

.ri-customer-service-fill:before {
  content: "\ec0d";
}

.ri-customer-service-line:before {
  content: "\ec0e";
}

.ri-dashboard-2-fill:before {
  content: "\ec0f";
}

.ri-dashboard-2-line:before {
  content: "\ec10";
}

.ri-dashboard-3-fill:before {
  content: "\ec11";
}

.ri-dashboard-3-line:before {
  content: "\ec12";
}

.ri-dashboard-fill:before {
  content: "\ec13";
}

.ri-dashboard-line:before {
  content: "\ec14";
}

.ri-database-2-fill:before {
  content: "\ec15";
}

.ri-database-2-line:before {
  content: "\ec16";
}

.ri-database-fill:before {
  content: "\ec17";
}

.ri-database-line:before {
  content: "\ec18";
}

.ri-delete-back-2-fill:before {
  content: "\ec19";
}

.ri-delete-back-2-line:before {
  content: "\ec1a";
}

.ri-delete-back-fill:before {
  content: "\ec1b";
}

.ri-delete-back-line:before {
  content: "\ec1c";
}

.ri-delete-bin-2-fill:before {
  content: "\ec1d";
}

.ri-delete-bin-2-line:before {
  content: "\ec1e";
}

.ri-delete-bin-3-fill:before {
  content: "\ec1f";
}

.ri-delete-bin-3-line:before {
  content: "\ec20";
}

.ri-delete-bin-4-fill:before {
  content: "\ec21";
}

.ri-delete-bin-4-line:before {
  content: "\ec22";
}

.ri-delete-bin-5-fill:before {
  content: "\ec23";
}

.ri-delete-bin-5-line:before {
  content: "\ec24";
}

.ri-delete-bin-6-fill:before {
  content: "\ec25";
}

.ri-delete-bin-6-line:before {
  content: "\ec26";
}

.ri-delete-bin-7-fill:before {
  content: "\ec27";
}

.ri-delete-bin-7-line:before {
  content: "\ec28";
}

.ri-delete-bin-fill:before {
  content: "\ec29";
}

.ri-delete-bin-line:before {
  content: "\ec2a";
}

.ri-delete-column:before {
  content: "\ec2b";
}

.ri-delete-row:before {
  content: "\ec2c";
}

.ri-device-fill:before {
  content: "\ec2d";
}

.ri-device-line:before {
  content: "\ec2e";
}

.ri-device-recover-fill:before {
  content: "\ec2f";
}

.ri-device-recover-line:before {
  content: "\ec30";
}

.ri-dingding-fill:before {
  content: "\ec31";
}

.ri-dingding-line:before {
  content: "\ec32";
}

.ri-direction-fill:before {
  content: "\ec33";
}

.ri-direction-line:before {
  content: "\ec34";
}

.ri-disc-fill:before {
  content: "\ec35";
}

.ri-disc-line:before {
  content: "\ec36";
}

.ri-discord-fill:before {
  content: "\ec37";
}

.ri-discord-line:before {
  content: "\ec38";
}

.ri-discuss-fill:before {
  content: "\ec39";
}

.ri-discuss-line:before {
  content: "\ec3a";
}

.ri-dislike-fill:before {
  content: "\ec3b";
}

.ri-dislike-line:before {
  content: "\ec3c";
}

.ri-disqus-fill:before {
  content: "\ec3d";
}

.ri-disqus-line:before {
  content: "\ec3e";
}

.ri-divide-fill:before {
  content: "\ec3f";
}

.ri-divide-line:before {
  content: "\ec40";
}

.ri-donut-chart-fill:before {
  content: "\ec41";
}

.ri-donut-chart-line:before {
  content: "\ec42";
}

.ri-door-closed-fill:before {
  content: "\ec43";
}

.ri-door-closed-line:before {
  content: "\ec44";
}

.ri-door-fill:before {
  content: "\ec45";
}

.ri-door-line:before {
  content: "\ec46";
}

.ri-door-lock-box-fill:before {
  content: "\ec47";
}

.ri-door-lock-box-line:before {
  content: "\ec48";
}

.ri-door-lock-fill:before {
  content: "\ec49";
}

.ri-door-lock-line:before {
  content: "\ec4a";
}

.ri-door-open-fill:before {
  content: "\ec4b";
}

.ri-door-open-line:before {
  content: "\ec4c";
}

.ri-dossier-fill:before {
  content: "\ec4d";
}

.ri-dossier-line:before {
  content: "\ec4e";
}

.ri-douban-fill:before {
  content: "\ec4f";
}

.ri-douban-line:before {
  content: "\ec50";
}

.ri-double-quotes-l:before {
  content: "\ec51";
}

.ri-double-quotes-r:before {
  content: "\ec52";
}

.ri-download-2-fill:before {
  content: "\ec53";
}

.ri-download-2-line:before {
  content: "\ec54";
}

.ri-download-cloud-2-fill:before {
  content: "\ec55";
}

.ri-download-cloud-2-line:before {
  content: "\ec56";
}

.ri-download-cloud-fill:before {
  content: "\ec57";
}

.ri-download-cloud-line:before {
  content: "\ec58";
}

.ri-download-fill:before {
  content: "\ec59";
}

.ri-download-line:before {
  content: "\ec5a";
}

.ri-draft-fill:before {
  content: "\ec5b";
}

.ri-draft-line:before {
  content: "\ec5c";
}

.ri-drag-drop-fill:before {
  content: "\ec5d";
}

.ri-drag-drop-line:before {
  content: "\ec5e";
}

.ri-drag-move-2-fill:before {
  content: "\ec5f";
}

.ri-drag-move-2-line:before {
  content: "\ec60";
}

.ri-drag-move-fill:before {
  content: "\ec61";
}

.ri-drag-move-line:before {
  content: "\ec62";
}

.ri-dribbble-fill:before {
  content: "\ec63";
}

.ri-dribbble-line:before {
  content: "\ec64";
}

.ri-drive-fill:before {
  content: "\ec65";
}

.ri-drive-line:before {
  content: "\ec66";
}

.ri-drizzle-fill:before {
  content: "\ec67";
}

.ri-drizzle-line:before {
  content: "\ec68";
}

.ri-drop-fill:before {
  content: "\ec69";
}

.ri-drop-line:before {
  content: "\ec6a";
}

.ri-dropbox-fill:before {
  content: "\ec6b";
}

.ri-dropbox-line:before {
  content: "\ec6c";
}

.ri-dual-sim-1-fill:before {
  content: "\ec6d";
}

.ri-dual-sim-1-line:before {
  content: "\ec6e";
}

.ri-dual-sim-2-fill:before {
  content: "\ec6f";
}

.ri-dual-sim-2-line:before {
  content: "\ec70";
}

.ri-dv-fill:before {
  content: "\ec71";
}

.ri-dv-line:before {
  content: "\ec72";
}

.ri-dvd-fill:before {
  content: "\ec73";
}

.ri-dvd-line:before {
  content: "\ec74";
}

.ri-e-bike-2-fill:before {
  content: "\ec75";
}

.ri-e-bike-2-line:before {
  content: "\ec76";
}

.ri-e-bike-fill:before {
  content: "\ec77";
}

.ri-e-bike-line:before {
  content: "\ec78";
}

.ri-earth-fill:before {
  content: "\ec79";
}

.ri-earth-line:before {
  content: "\ec7a";
}

.ri-earthquake-fill:before {
  content: "\ec7b";
}

.ri-earthquake-line:before {
  content: "\ec7c";
}

.ri-edge-fill:before {
  content: "\ec7d";
}

.ri-edge-line:before {
  content: "\ec7e";
}

.ri-edit-2-fill:before {
  content: "\ec7f";
}

.ri-edit-2-line:before {
  content: "\ec80";
}

.ri-edit-box-fill:before {
  content: "\ec81";
}

.ri-edit-box-line:before {
  content: "\ec82";
}

.ri-edit-circle-fill:before {
  content: "\ec83";
}

.ri-edit-circle-line:before {
  content: "\ec84";
}

.ri-edit-fill:before {
  content: "\ec85";
}

.ri-edit-line:before {
  content: "\ec86";
}

.ri-eject-fill:before {
  content: "\ec87";
}

.ri-eject-line:before {
  content: "\ec88";
}

.ri-emotion-2-fill:before {
  content: "\ec89";
}

.ri-emotion-2-line:before {
  content: "\ec8a";
}

.ri-emotion-fill:before {
  content: "\ec8b";
}

.ri-emotion-happy-fill:before {
  content: "\ec8c";
}

.ri-emotion-happy-line:before {
  content: "\ec8d";
}

.ri-emotion-laugh-fill:before {
  content: "\ec8e";
}

.ri-emotion-laugh-line:before {
  content: "\ec8f";
}

.ri-emotion-line:before {
  content: "\ec90";
}

.ri-emotion-normal-fill:before {
  content: "\ec91";
}

.ri-emotion-normal-line:before {
  content: "\ec92";
}

.ri-emotion-sad-fill:before {
  content: "\ec93";
}

.ri-emotion-sad-line:before {
  content: "\ec94";
}

.ri-emotion-unhappy-fill:before {
  content: "\ec95";
}

.ri-emotion-unhappy-line:before {
  content: "\ec96";
}

.ri-empathize-fill:before {
  content: "\ec97";
}

.ri-empathize-line:before {
  content: "\ec98";
}

.ri-emphasis-cn:before {
  content: "\ec99";
}

.ri-emphasis:before {
  content: "\ec9a";
}

.ri-english-input:before {
  content: "\ec9b";
}

.ri-equalizer-fill:before {
  content: "\ec9c";
}

.ri-equalizer-line:before {
  content: "\ec9d";
}

.ri-eraser-fill:before {
  content: "\ec9e";
}

.ri-eraser-line:before {
  content: "\ec9f";
}

.ri-error-warning-fill:before {
  content: "\eca0";
}

.ri-error-warning-line:before {
  content: "\eca1";
}

.ri-evernote-fill:before {
  content: "\eca2";
}

.ri-evernote-line:before {
  content: "\eca3";
}

.ri-exchange-box-fill:before {
  content: "\eca4";
}

.ri-exchange-box-line:before {
  content: "\eca5";
}

.ri-exchange-cny-fill:before {
  content: "\eca6";
}

.ri-exchange-cny-line:before {
  content: "\eca7";
}

.ri-exchange-dollar-fill:before {
  content: "\eca8";
}

.ri-exchange-dollar-line:before {
  content: "\eca9";
}

.ri-exchange-fill:before {
  content: "\ecaa";
}

.ri-exchange-funds-fill:before {
  content: "\ecab";
}

.ri-exchange-funds-line:before {
  content: "\ecac";
}

.ri-exchange-line:before {
  content: "\ecad";
}

.ri-external-link-fill:before {
  content: "\ecae";
}

.ri-external-link-line:before {
  content: "\ecaf";
}

.ri-eye-2-fill:before {
  content: "\ecb0";
}

.ri-eye-2-line:before {
  content: "\ecb1";
}

.ri-eye-close-fill:before {
  content: "\ecb2";
}

.ri-eye-close-line:before {
  content: "\ecb3";
}

.ri-eye-fill:before {
  content: "\ecb4";
}

.ri-eye-line:before {
  content: "\ecb5";
}

.ri-eye-off-fill:before {
  content: "\ecb6";
}

.ri-eye-off-line:before {
  content: "\ecb7";
}

.ri-facebook-box-fill:before {
  content: "\ecb8";
}

.ri-facebook-box-line:before {
  content: "\ecb9";
}

.ri-facebook-circle-fill:before {
  content: "\ecba";
}

.ri-facebook-circle-line:before {
  content: "\ecbb";
}

.ri-facebook-fill:before {
  content: "\ecbc";
}

.ri-facebook-line:before {
  content: "\ecbd";
}

.ri-fahrenheit-fill:before {
  content: "\ecbe";
}

.ri-fahrenheit-line:before {
  content: "\ecbf";
}

.ri-feedback-fill:before {
  content: "\ecc0";
}

.ri-feedback-line:before {
  content: "\ecc1";
}

.ri-file-2-fill:before {
  content: "\ecc2";
}

.ri-file-2-line:before {
  content: "\ecc3";
}

.ri-file-3-fill:before {
  content: "\ecc4";
}

.ri-file-3-line:before {
  content: "\ecc5";
}

.ri-file-4-fill:before {
  content: "\ecc6";
}

.ri-file-4-line:before {
  content: "\ecc7";
}

.ri-file-add-fill:before {
  content: "\ecc8";
}

.ri-file-add-line:before {
  content: "\ecc9";
}

.ri-file-chart-2-fill:before {
  content: "\ecca";
}

.ri-file-chart-2-line:before {
  content: "\eccb";
}

.ri-file-chart-fill:before {
  content: "\eccc";
}

.ri-file-chart-line:before {
  content: "\eccd";
}

.ri-file-cloud-fill:before {
  content: "\ecce";
}

.ri-file-cloud-line:before {
  content: "\eccf";
}

.ri-file-code-fill:before {
  content: "\ecd0";
}

.ri-file-code-line:before {
  content: "\ecd1";
}

.ri-file-copy-2-fill:before {
  content: "\ecd2";
}

.ri-file-copy-2-line:before {
  content: "\ecd3";
}

.ri-file-copy-fill:before {
  content: "\ecd4";
}

.ri-file-copy-line:before {
  content: "\ecd5";
}

.ri-file-damage-fill:before {
  content: "\ecd6";
}

.ri-file-damage-line:before {
  content: "\ecd7";
}

.ri-file-download-fill:before {
  content: "\ecd8";
}

.ri-file-download-line:before {
  content: "\ecd9";
}

.ri-file-edit-fill:before {
  content: "\ecda";
}

.ri-file-edit-line:before {
  content: "\ecdb";
}

.ri-file-excel-2-fill:before {
  content: "\ecdc";
}

.ri-file-excel-2-line:before {
  content: "\ecdd";
}

.ri-file-excel-fill:before {
  content: "\ecde";
}

.ri-file-excel-line:before {
  content: "\ecdf";
}

.ri-file-fill:before {
  content: "\ece0";
}

.ri-file-forbid-fill:before {
  content: "\ece1";
}

.ri-file-forbid-line:before {
  content: "\ece2";
}

.ri-file-gif-fill:before {
  content: "\ece3";
}

.ri-file-gif-line:before {
  content: "\ece4";
}

.ri-file-history-fill:before {
  content: "\ece5";
}

.ri-file-history-line:before {
  content: "\ece6";
}

.ri-file-hwp-fill:before {
  content: "\ece7";
}

.ri-file-hwp-line:before {
  content: "\ece8";
}

.ri-file-info-fill:before {
  content: "\ece9";
}

.ri-file-info-line:before {
  content: "\ecea";
}

.ri-file-line:before {
  content: "\eceb";
}

.ri-file-list-2-fill:before {
  content: "\ecec";
}

.ri-file-list-2-line:before {
  content: "\eced";
}

.ri-file-list-3-fill:before {
  content: "\ecee";
}

.ri-file-list-3-line:before {
  content: "\ecef";
}

.ri-file-list-fill:before {
  content: "\ecf0";
}

.ri-file-list-line:before {
  content: "\ecf1";
}

.ri-file-lock-fill:before {
  content: "\ecf2";
}

.ri-file-lock-line:before {
  content: "\ecf3";
}

.ri-file-marked-fill:before {
  content: "\ecf4";
}

.ri-file-marked-line:before {
  content: "\ecf5";
}

.ri-file-music-fill:before {
  content: "\ecf6";
}

.ri-file-music-line:before {
  content: "\ecf7";
}

.ri-file-paper-2-fill:before {
  content: "\ecf8";
}

.ri-file-paper-2-line:before {
  content: "\ecf9";
}

.ri-file-paper-fill:before {
  content: "\ecfa";
}

.ri-file-paper-line:before {
  content: "\ecfb";
}

.ri-file-pdf-fill:before {
  content: "\ecfc";
}

.ri-file-pdf-line:before {
  content: "\ecfd";
}

.ri-file-ppt-2-fill:before {
  content: "\ecfe";
}

.ri-file-ppt-2-line:before {
  content: "\ecff";
}

.ri-file-ppt-fill:before {
  content: "\ed00";
}

.ri-file-ppt-line:before {
  content: "\ed01";
}

.ri-file-reduce-fill:before {
  content: "\ed02";
}

.ri-file-reduce-line:before {
  content: "\ed03";
}

.ri-file-search-fill:before {
  content: "\ed04";
}

.ri-file-search-line:before {
  content: "\ed05";
}

.ri-file-settings-fill:before {
  content: "\ed06";
}

.ri-file-settings-line:before {
  content: "\ed07";
}

.ri-file-shield-2-fill:before {
  content: "\ed08";
}

.ri-file-shield-2-line:before {
  content: "\ed09";
}

.ri-file-shield-fill:before {
  content: "\ed0a";
}

.ri-file-shield-line:before {
  content: "\ed0b";
}

.ri-file-shred-fill:before {
  content: "\ed0c";
}

.ri-file-shred-line:before {
  content: "\ed0d";
}

.ri-file-text-fill:before {
  content: "\ed0e";
}

.ri-file-text-line:before {
  content: "\ed0f";
}

.ri-file-transfer-fill:before {
  content: "\ed10";
}

.ri-file-transfer-line:before {
  content: "\ed11";
}

.ri-file-unknow-fill:before {
  content: "\ed12";
}

.ri-file-unknow-line:before {
  content: "\ed13";
}

.ri-file-upload-fill:before {
  content: "\ed14";
}

.ri-file-upload-line:before {
  content: "\ed15";
}

.ri-file-user-fill:before {
  content: "\ed16";
}

.ri-file-user-line:before {
  content: "\ed17";
}

.ri-file-warning-fill:before {
  content: "\ed18";
}

.ri-file-warning-line:before {
  content: "\ed19";
}

.ri-file-word-2-fill:before {
  content: "\ed1a";
}

.ri-file-word-2-line:before {
  content: "\ed1b";
}

.ri-file-word-fill:before {
  content: "\ed1c";
}

.ri-file-word-line:before {
  content: "\ed1d";
}

.ri-file-zip-fill:before {
  content: "\ed1e";
}

.ri-file-zip-line:before {
  content: "\ed1f";
}

.ri-film-fill:before {
  content: "\ed20";
}

.ri-film-line:before {
  content: "\ed21";
}

.ri-filter-2-fill:before {
  content: "\ed22";
}

.ri-filter-2-line:before {
  content: "\ed23";
}

.ri-filter-3-fill:before {
  content: "\ed24";
}

.ri-filter-3-line:before {
  content: "\ed25";
}

.ri-filter-fill:before {
  content: "\ed26";
}

.ri-filter-line:before {
  content: "\ed27";
}

.ri-filter-off-fill:before {
  content: "\ed28";
}

.ri-filter-off-line:before {
  content: "\ed29";
}

.ri-find-replace-fill:before {
  content: "\ed2a";
}

.ri-find-replace-line:before {
  content: "\ed2b";
}

.ri-finder-fill:before {
  content: "\ed2c";
}

.ri-finder-line:before {
  content: "\ed2d";
}

.ri-fingerprint-2-fill:before {
  content: "\ed2e";
}

.ri-fingerprint-2-line:before {
  content: "\ed2f";
}

.ri-fingerprint-fill:before {
  content: "\ed30";
}

.ri-fingerprint-line:before {
  content: "\ed31";
}

.ri-fire-fill:before {
  content: "\ed32";
}

.ri-fire-line:before {
  content: "\ed33";
}

.ri-firefox-fill:before {
  content: "\ed34";
}

.ri-firefox-line:before {
  content: "\ed35";
}

.ri-first-aid-kit-fill:before {
  content: "\ed36";
}

.ri-first-aid-kit-line:before {
  content: "\ed37";
}

.ri-flag-2-fill:before {
  content: "\ed38";
}

.ri-flag-2-line:before {
  content: "\ed39";
}

.ri-flag-fill:before {
  content: "\ed3a";
}

.ri-flag-line:before {
  content: "\ed3b";
}

.ri-flashlight-fill:before {
  content: "\ed3c";
}

.ri-flashlight-line:before {
  content: "\ed3d";
}

.ri-flask-fill:before {
  content: "\ed3e";
}

.ri-flask-line:before {
  content: "\ed3f";
}

.ri-flight-land-fill:before {
  content: "\ed40";
}

.ri-flight-land-line:before {
  content: "\ed41";
}

.ri-flight-takeoff-fill:before {
  content: "\ed42";
}

.ri-flight-takeoff-line:before {
  content: "\ed43";
}

.ri-flood-fill:before {
  content: "\ed44";
}

.ri-flood-line:before {
  content: "\ed45";
}

.ri-flow-chart:before {
  content: "\ed46";
}

.ri-flutter-fill:before {
  content: "\ed47";
}

.ri-flutter-line:before {
  content: "\ed48";
}

.ri-focus-2-fill:before {
  content: "\ed49";
}

.ri-focus-2-line:before {
  content: "\ed4a";
}

.ri-focus-3-fill:before {
  content: "\ed4b";
}

.ri-focus-3-line:before {
  content: "\ed4c";
}

.ri-focus-fill:before {
  content: "\ed4d";
}

.ri-focus-line:before {
  content: "\ed4e";
}

.ri-foggy-fill:before {
  content: "\ed4f";
}

.ri-foggy-line:before {
  content: "\ed50";
}

.ri-folder-2-fill:before {
  content: "\ed51";
}

.ri-folder-2-line:before {
  content: "\ed52";
}

.ri-folder-3-fill:before {
  content: "\ed53";
}

.ri-folder-3-line:before {
  content: "\ed54";
}

.ri-folder-4-fill:before {
  content: "\ed55";
}

.ri-folder-4-line:before {
  content: "\ed56";
}

.ri-folder-5-fill:before {
  content: "\ed57";
}

.ri-folder-5-line:before {
  content: "\ed58";
}

.ri-folder-add-fill:before {
  content: "\ed59";
}

.ri-folder-add-line:before {
  content: "\ed5a";
}

.ri-folder-chart-2-fill:before {
  content: "\ed5b";
}

.ri-folder-chart-2-line:before {
  content: "\ed5c";
}

.ri-folder-chart-fill:before {
  content: "\ed5d";
}

.ri-folder-chart-line:before {
  content: "\ed5e";
}

.ri-folder-download-fill:before {
  content: "\ed5f";
}

.ri-folder-download-line:before {
  content: "\ed60";
}

.ri-folder-fill:before {
  content: "\ed61";
}

.ri-folder-forbid-fill:before {
  content: "\ed62";
}

.ri-folder-forbid-line:before {
  content: "\ed63";
}

.ri-folder-history-fill:before {
  content: "\ed64";
}

.ri-folder-history-line:before {
  content: "\ed65";
}

.ri-folder-info-fill:before {
  content: "\ed66";
}

.ri-folder-info-line:before {
  content: "\ed67";
}

.ri-folder-keyhole-fill:before {
  content: "\ed68";
}

.ri-folder-keyhole-line:before {
  content: "\ed69";
}

.ri-folder-line:before {
  content: "\ed6a";
}

.ri-folder-lock-fill:before {
  content: "\ed6b";
}

.ri-folder-lock-line:before {
  content: "\ed6c";
}

.ri-folder-music-fill:before {
  content: "\ed6d";
}

.ri-folder-music-line:before {
  content: "\ed6e";
}

.ri-folder-open-fill:before {
  content: "\ed6f";
}

.ri-folder-open-line:before {
  content: "\ed70";
}

.ri-folder-received-fill:before {
  content: "\ed71";
}

.ri-folder-received-line:before {
  content: "\ed72";
}

.ri-folder-reduce-fill:before {
  content: "\ed73";
}

.ri-folder-reduce-line:before {
  content: "\ed74";
}

.ri-folder-settings-fill:before {
  content: "\ed75";
}

.ri-folder-settings-line:before {
  content: "\ed76";
}

.ri-folder-shared-fill:before {
  content: "\ed77";
}

.ri-folder-shared-line:before {
  content: "\ed78";
}

.ri-folder-shield-2-fill:before {
  content: "\ed79";
}

.ri-folder-shield-2-line:before {
  content: "\ed7a";
}

.ri-folder-shield-fill:before {
  content: "\ed7b";
}

.ri-folder-shield-line:before {
  content: "\ed7c";
}

.ri-folder-transfer-fill:before {
  content: "\ed7d";
}

.ri-folder-transfer-line:before {
  content: "\ed7e";
}

.ri-folder-unknow-fill:before {
  content: "\ed7f";
}

.ri-folder-unknow-line:before {
  content: "\ed80";
}

.ri-folder-upload-fill:before {
  content: "\ed81";
}

.ri-folder-upload-line:before {
  content: "\ed82";
}

.ri-folder-user-fill:before {
  content: "\ed83";
}

.ri-folder-user-line:before {
  content: "\ed84";
}

.ri-folder-warning-fill:before {
  content: "\ed85";
}

.ri-folder-warning-line:before {
  content: "\ed86";
}

.ri-folder-zip-fill:before {
  content: "\ed87";
}

.ri-folder-zip-line:before {
  content: "\ed88";
}

.ri-folders-fill:before {
  content: "\ed89";
}

.ri-folders-line:before {
  content: "\ed8a";
}

.ri-font-color:before {
  content: "\ed8b";
}

.ri-font-size-2:before {
  content: "\ed8c";
}

.ri-font-size:before {
  content: "\ed8d";
}

.ri-football-fill:before {
  content: "\ed8e";
}

.ri-football-line:before {
  content: "\ed8f";
}

.ri-footprint-fill:before {
  content: "\ed90";
}

.ri-footprint-line:before {
  content: "\ed91";
}

.ri-forbid-2-fill:before {
  content: "\ed92";
}

.ri-forbid-2-line:before {
  content: "\ed93";
}

.ri-forbid-fill:before {
  content: "\ed94";
}

.ri-forbid-line:before {
  content: "\ed95";
}

.ri-format-clear:before {
  content: "\ed96";
}

.ri-fridge-fill:before {
  content: "\ed97";
}

.ri-fridge-line:before {
  content: "\ed98";
}

.ri-fullscreen-exit-fill:before {
  content: "\ed99";
}

.ri-fullscreen-exit-line:before {
  content: "\ed9a";
}

.ri-fullscreen-fill:before {
  content: "\ed9b";
}

.ri-fullscreen-line:before {
  content: "\ed9c";
}

.ri-function-fill:before {
  content: "\ed9d";
}

.ri-function-line:before {
  content: "\ed9e";
}

.ri-functions:before {
  content: "\ed9f";
}

.ri-funds-box-fill:before {
  content: "\eda0";
}

.ri-funds-box-line:before {
  content: "\eda1";
}

.ri-funds-fill:before {
  content: "\eda2";
}

.ri-funds-line:before {
  content: "\eda3";
}

.ri-gallery-fill:before {
  content: "\eda4";
}

.ri-gallery-line:before {
  content: "\eda5";
}

.ri-gallery-upload-fill:before {
  content: "\eda6";
}

.ri-gallery-upload-line:before {
  content: "\eda7";
}

.ri-game-fill:before {
  content: "\eda8";
}

.ri-game-line:before {
  content: "\eda9";
}

.ri-gamepad-fill:before {
  content: "\edaa";
}

.ri-gamepad-line:before {
  content: "\edab";
}

.ri-gas-station-fill:before {
  content: "\edac";
}

.ri-gas-station-line:before {
  content: "\edad";
}

.ri-gatsby-fill:before {
  content: "\edae";
}

.ri-gatsby-line:before {
  content: "\edaf";
}

.ri-genderless-fill:before {
  content: "\edb0";
}

.ri-genderless-line:before {
  content: "\edb1";
}

.ri-ghost-2-fill:before {
  content: "\edb2";
}

.ri-ghost-2-line:before {
  content: "\edb3";
}

.ri-ghost-fill:before {
  content: "\edb4";
}

.ri-ghost-line:before {
  content: "\edb5";
}

.ri-ghost-smile-fill:before {
  content: "\edb6";
}

.ri-ghost-smile-line:before {
  content: "\edb7";
}

.ri-gift-2-fill:before {
  content: "\edb8";
}

.ri-gift-2-line:before {
  content: "\edb9";
}

.ri-gift-fill:before {
  content: "\edba";
}

.ri-gift-line:before {
  content: "\edbb";
}

.ri-git-branch-fill:before {
  content: "\edbc";
}

.ri-git-branch-line:before {
  content: "\edbd";
}

.ri-git-commit-fill:before {
  content: "\edbe";
}

.ri-git-commit-line:before {
  content: "\edbf";
}

.ri-git-merge-fill:before {
  content: "\edc0";
}

.ri-git-merge-line:before {
  content: "\edc1";
}

.ri-git-pull-request-fill:before {
  content: "\edc2";
}

.ri-git-pull-request-line:before {
  content: "\edc3";
}

.ri-git-repository-commits-fill:before {
  content: "\edc4";
}

.ri-git-repository-commits-line:before {
  content: "\edc5";
}

.ri-git-repository-fill:before {
  content: "\edc6";
}

.ri-git-repository-line:before {
  content: "\edc7";
}

.ri-git-repository-private-fill:before {
  content: "\edc8";
}

.ri-git-repository-private-line:before {
  content: "\edc9";
}

.ri-github-fill:before {
  content: "\edca";
}

.ri-github-line:before {
  content: "\edcb";
}

.ri-gitlab-fill:before {
  content: "\edcc";
}

.ri-gitlab-line:before {
  content: "\edcd";
}

.ri-global-fill:before {
  content: "\edce";
}

.ri-global-line:before {
  content: "\edcf";
}

.ri-globe-fill:before {
  content: "\edd0";
}

.ri-globe-line:before {
  content: "\edd1";
}

.ri-goblet-fill:before {
  content: "\edd2";
}

.ri-goblet-line:before {
  content: "\edd3";
}

.ri-google-fill:before {
  content: "\edd4";
}

.ri-google-line:before {
  content: "\edd5";
}

.ri-google-play-fill:before {
  content: "\edd6";
}

.ri-google-play-line:before {
  content: "\edd7";
}

.ri-government-fill:before {
  content: "\edd8";
}

.ri-government-line:before {
  content: "\edd9";
}

.ri-gps-fill:before {
  content: "\edda";
}

.ri-gps-line:before {
  content: "\eddb";
}

.ri-gradienter-fill:before {
  content: "\eddc";
}

.ri-gradienter-line:before {
  content: "\eddd";
}

.ri-grid-fill:before {
  content: "\edde";
}

.ri-grid-line:before {
  content: "\eddf";
}

.ri-group-2-fill:before {
  content: "\ede0";
}

.ri-group-2-line:before {
  content: "\ede1";
}

.ri-group-fill:before {
  content: "\ede2";
}

.ri-group-line:before {
  content: "\ede3";
}

.ri-guide-fill:before {
  content: "\ede4";
}

.ri-guide-line:before {
  content: "\ede5";
}

.ri-h-1:before {
  content: "\ede6";
}

.ri-h-2:before {
  content: "\ede7";
}

.ri-h-3:before {
  content: "\ede8";
}

.ri-h-4:before {
  content: "\ede9";
}

.ri-h-5:before {
  content: "\edea";
}

.ri-h-6:before {
  content: "\edeb";
}

.ri-hail-fill:before {
  content: "\edec";
}

.ri-hail-line:before {
  content: "\eded";
}

.ri-hammer-fill:before {
  content: "\edee";
}

.ri-hammer-line:before {
  content: "\edef";
}

.ri-hand-coin-fill:before {
  content: "\edf0";
}

.ri-hand-coin-line:before {
  content: "\edf1";
}

.ri-hand-heart-fill:before {
  content: "\edf2";
}

.ri-hand-heart-line:before {
  content: "\edf3";
}

.ri-hand-sanitizer-fill:before {
  content: "\edf4";
}

.ri-hand-sanitizer-line:before {
  content: "\edf5";
}

.ri-handbag-fill:before {
  content: "\edf6";
}

.ri-handbag-line:before {
  content: "\edf7";
}

.ri-hard-drive-2-fill:before {
  content: "\edf8";
}

.ri-hard-drive-2-line:before {
  content: "\edf9";
}

.ri-hard-drive-fill:before {
  content: "\edfa";
}

.ri-hard-drive-line:before {
  content: "\edfb";
}

.ri-hashtag:before {
  content: "\edfc";
}

.ri-haze-2-fill:before {
  content: "\edfd";
}

.ri-haze-2-line:before {
  content: "\edfe";
}

.ri-haze-fill:before {
  content: "\edff";
}

.ri-haze-line:before {
  content: "\ee00";
}

.ri-hd-fill:before {
  content: "\ee01";
}

.ri-hd-line:before {
  content: "\ee02";
}

.ri-heading:before {
  content: "\ee03";
}

.ri-headphone-fill:before {
  content: "\ee04";
}

.ri-headphone-line:before {
  content: "\ee05";
}

.ri-health-book-fill:before {
  content: "\ee06";
}

.ri-health-book-line:before {
  content: "\ee07";
}

.ri-heart-2-fill:before {
  content: "\ee08";
}

.ri-heart-2-line:before {
  content: "\ee09";
}

.ri-heart-3-fill:before {
  content: "\ee0a";
}

.ri-heart-3-line:before {
  content: "\ee0b";
}

.ri-heart-add-fill:before {
  content: "\ee0c";
}

.ri-heart-add-line:before {
  content: "\ee0d";
}

.ri-heart-fill:before {
  content: "\ee0e";
}

.ri-heart-line:before {
  content: "\ee0f";
}

.ri-heart-pulse-fill:before {
  content: "\ee10";
}

.ri-heart-pulse-line:before {
  content: "\ee11";
}

.ri-hearts-fill:before {
  content: "\ee12";
}

.ri-hearts-line:before {
  content: "\ee13";
}

.ri-heavy-showers-fill:before {
  content: "\ee14";
}

.ri-heavy-showers-line:before {
  content: "\ee15";
}

.ri-history-fill:before {
  content: "\ee16";
}

.ri-history-line:before {
  content: "\ee17";
}

.ri-home-2-fill:before {
  content: "\ee18";
}

.ri-home-2-line:before {
  content: "\ee19";
}

.ri-home-3-fill:before {
  content: "\ee1a";
}

.ri-home-3-line:before {
  content: "\ee1b";
}

.ri-home-4-fill:before {
  content: "\ee1c";
}

.ri-home-4-line:before {
  content: "\ee1d";
}

.ri-home-5-fill:before {
  content: "\ee1e";
}

.ri-home-5-line:before {
  content: "\ee1f";
}

.ri-home-6-fill:before {
  content: "\ee20";
}

.ri-home-6-line:before {
  content: "\ee21";
}

.ri-home-7-fill:before {
  content: "\ee22";
}

.ri-home-7-line:before {
  content: "\ee23";
}

.ri-home-8-fill:before {
  content: "\ee24";
}

.ri-home-8-line:before {
  content: "\ee25";
}

.ri-home-fill:before {
  content: "\ee26";
}

.ri-home-gear-fill:before {
  content: "\ee27";
}

.ri-home-gear-line:before {
  content: "\ee28";
}

.ri-home-heart-fill:before {
  content: "\ee29";
}

.ri-home-heart-line:before {
  content: "\ee2a";
}

.ri-home-line:before {
  content: "\ee2b";
}

.ri-home-smile-2-fill:before {
  content: "\ee2c";
}

.ri-home-smile-2-line:before {
  content: "\ee2d";
}

.ri-home-smile-fill:before {
  content: "\ee2e";
}

.ri-home-smile-line:before {
  content: "\ee2f";
}

.ri-home-wifi-fill:before {
  content: "\ee30";
}

.ri-home-wifi-line:before {
  content: "\ee31";
}

.ri-honor-of-kings-fill:before {
  content: "\ee32";
}

.ri-honor-of-kings-line:before {
  content: "\ee33";
}

.ri-honour-fill:before {
  content: "\ee34";
}

.ri-honour-line:before {
  content: "\ee35";
}

.ri-hospital-fill:before {
  content: "\ee36";
}

.ri-hospital-line:before {
  content: "\ee37";
}

.ri-hotel-bed-fill:before {
  content: "\ee38";
}

.ri-hotel-bed-line:before {
  content: "\ee39";
}

.ri-hotel-fill:before {
  content: "\ee3a";
}

.ri-hotel-line:before {
  content: "\ee3b";
}

.ri-hotspot-fill:before {
  content: "\ee3c";
}

.ri-hotspot-line:before {
  content: "\ee3d";
}

.ri-hq-fill:before {
  content: "\ee3e";
}

.ri-hq-line:before {
  content: "\ee3f";
}

.ri-html5-fill:before {
  content: "\ee40";
}

.ri-html5-line:before {
  content: "\ee41";
}

.ri-ie-fill:before {
  content: "\ee42";
}

.ri-ie-line:before {
  content: "\ee43";
}

.ri-image-2-fill:before {
  content: "\ee44";
}

.ri-image-2-line:before {
  content: "\ee45";
}

.ri-image-add-fill:before {
  content: "\ee46";
}

.ri-image-add-line:before {
  content: "\ee47";
}

.ri-image-edit-fill:before {
  content: "\ee48";
}

.ri-image-edit-line:before {
  content: "\ee49";
}

.ri-image-fill:before {
  content: "\ee4a";
}

.ri-image-line:before {
  content: "\ee4b";
}

.ri-inbox-archive-fill:before {
  content: "\ee4c";
}

.ri-inbox-archive-line:before {
  content: "\ee4d";
}

.ri-inbox-fill:before {
  content: "\ee4e";
}

.ri-inbox-line:before {
  content: "\ee4f";
}

.ri-inbox-unarchive-fill:before {
  content: "\ee50";
}

.ri-inbox-unarchive-line:before {
  content: "\ee51";
}

.ri-increase-decrease-fill:before {
  content: "\ee52";
}

.ri-increase-decrease-line:before {
  content: "\ee53";
}

.ri-indent-decrease:before {
  content: "\ee54";
}

.ri-indent-increase:before {
  content: "\ee55";
}

.ri-indeterminate-circle-fill:before {
  content: "\ee56";
}

.ri-indeterminate-circle-line:before {
  content: "\ee57";
}

.ri-information-fill:before {
  content: "\ee58";
}

.ri-information-line:before {
  content: "\ee59";
}

.ri-infrared-thermometer-fill:before {
  content: "\ee5a";
}

.ri-infrared-thermometer-line:before {
  content: "\ee5b";
}

.ri-ink-bottle-fill:before {
  content: "\ee5c";
}

.ri-ink-bottle-line:before {
  content: "\ee5d";
}

.ri-input-cursor-move:before {
  content: "\ee5e";
}

.ri-input-method-fill:before {
  content: "\ee5f";
}

.ri-input-method-line:before {
  content: "\ee60";
}

.ri-insert-column-left:before {
  content: "\ee61";
}

.ri-insert-column-right:before {
  content: "\ee62";
}

.ri-insert-row-bottom:before {
  content: "\ee63";
}

.ri-insert-row-top:before {
  content: "\ee64";
}

.ri-instagram-fill:before {
  content: "\ee65";
}

.ri-instagram-line:before {
  content: "\ee66";
}

.ri-install-fill:before {
  content: "\ee67";
}

.ri-install-line:before {
  content: "\ee68";
}

.ri-invision-fill:before {
  content: "\ee69";
}

.ri-invision-line:before {
  content: "\ee6a";
}

.ri-italic:before {
  content: "\ee6b";
}

.ri-kakao-talk-fill:before {
  content: "\ee6c";
}

.ri-kakao-talk-line:before {
  content: "\ee6d";
}

.ri-key-2-fill:before {
  content: "\ee6e";
}

.ri-key-2-line:before {
  content: "\ee6f";
}

.ri-key-fill:before {
  content: "\ee70";
}

.ri-key-line:before {
  content: "\ee71";
}

.ri-keyboard-box-fill:before {
  content: "\ee72";
}

.ri-keyboard-box-line:before {
  content: "\ee73";
}

.ri-keyboard-fill:before {
  content: "\ee74";
}

.ri-keyboard-line:before {
  content: "\ee75";
}

.ri-keynote-fill:before {
  content: "\ee76";
}

.ri-keynote-line:before {
  content: "\ee77";
}

.ri-knife-blood-fill:before {
  content: "\ee78";
}

.ri-knife-blood-line:before {
  content: "\ee79";
}

.ri-knife-fill:before {
  content: "\ee7a";
}

.ri-knife-line:before {
  content: "\ee7b";
}

.ri-landscape-fill:before {
  content: "\ee7c";
}

.ri-landscape-line:before {
  content: "\ee7d";
}

.ri-layout-2-fill:before {
  content: "\ee7e";
}

.ri-layout-2-line:before {
  content: "\ee7f";
}

.ri-layout-3-fill:before {
  content: "\ee80";
}

.ri-layout-3-line:before {
  content: "\ee81";
}

.ri-layout-4-fill:before {
  content: "\ee82";
}

.ri-layout-4-line:before {
  content: "\ee83";
}

.ri-layout-5-fill:before {
  content: "\ee84";
}

.ri-layout-5-line:before {
  content: "\ee85";
}

.ri-layout-6-fill:before {
  content: "\ee86";
}

.ri-layout-6-line:before {
  content: "\ee87";
}

.ri-layout-bottom-2-fill:before {
  content: "\ee88";
}

.ri-layout-bottom-2-line:before {
  content: "\ee89";
}

.ri-layout-bottom-fill:before {
  content: "\ee8a";
}

.ri-layout-bottom-line:before {
  content: "\ee8b";
}

.ri-layout-column-fill:before {
  content: "\ee8c";
}

.ri-layout-column-line:before {
  content: "\ee8d";
}

.ri-layout-fill:before {
  content: "\ee8e";
}

.ri-layout-grid-fill:before {
  content: "\ee8f";
}

.ri-layout-grid-line:before {
  content: "\ee90";
}

.ri-layout-left-2-fill:before {
  content: "\ee91";
}

.ri-layout-left-2-line:before {
  content: "\ee92";
}

.ri-layout-left-fill:before {
  content: "\ee93";
}

.ri-layout-left-line:before {
  content: "\ee94";
}

.ri-layout-line:before {
  content: "\ee95";
}

.ri-layout-masonry-fill:before {
  content: "\ee96";
}

.ri-layout-masonry-line:before {
  content: "\ee97";
}

.ri-layout-right-2-fill:before {
  content: "\ee98";
}

.ri-layout-right-2-line:before {
  content: "\ee99";
}

.ri-layout-right-fill:before {
  content: "\ee9a";
}

.ri-layout-right-line:before {
  content: "\ee9b";
}

.ri-layout-row-fill:before {
  content: "\ee9c";
}

.ri-layout-row-line:before {
  content: "\ee9d";
}

.ri-layout-top-2-fill:before {
  content: "\ee9e";
}

.ri-layout-top-2-line:before {
  content: "\ee9f";
}

.ri-layout-top-fill:before {
  content: "\eea0";
}

.ri-layout-top-line:before {
  content: "\eea1";
}

.ri-leaf-fill:before {
  content: "\eea2";
}

.ri-leaf-line:before {
  content: "\eea3";
}

.ri-lifebuoy-fill:before {
  content: "\eea4";
}

.ri-lifebuoy-line:before {
  content: "\eea5";
}

.ri-lightbulb-fill:before {
  content: "\eea6";
}

.ri-lightbulb-flash-fill:before {
  content: "\eea7";
}

.ri-lightbulb-flash-line:before {
  content: "\eea8";
}

.ri-lightbulb-line:before {
  content: "\eea9";
}

.ri-line-chart-fill:before {
  content: "\eeaa";
}

.ri-line-chart-line:before {
  content: "\eeab";
}

.ri-line-fill:before {
  content: "\eeac";
}

.ri-line-height:before {
  content: "\eead";
}

.ri-line-line:before {
  content: "\eeae";
}

.ri-link-m:before {
  content: "\eeaf";
}

.ri-link-unlink-m:before {
  content: "\eeb0";
}

.ri-link-unlink:before {
  content: "\eeb1";
}

.ri-link:before {
  content: "\eeb2";
}

.ri-linkedin-box-fill:before {
  content: "\eeb3";
}

.ri-linkedin-box-line:before {
  content: "\eeb4";
}

.ri-linkedin-fill:before {
  content: "\eeb5";
}

.ri-linkedin-line:before {
  content: "\eeb6";
}

.ri-links-fill:before {
  content: "\eeb7";
}

.ri-links-line:before {
  content: "\eeb8";
}

.ri-list-check-2:before {
  content: "\eeb9";
}

.ri-list-check:before {
  content: "\eeba";
}

.ri-list-ordered:before {
  content: "\eebb";
}

.ri-list-settings-fill:before {
  content: "\eebc";
}

.ri-list-settings-line:before {
  content: "\eebd";
}

.ri-list-unordered:before {
  content: "\eebe";
}

.ri-live-fill:before {
  content: "\eebf";
}

.ri-live-line:before {
  content: "\eec0";
}

.ri-loader-2-fill:before {
  content: "\eec1";
}

.ri-loader-2-line:before {
  content: "\eec2";
}

.ri-loader-3-fill:before {
  content: "\eec3";
}

.ri-loader-3-line:before {
  content: "\eec4";
}

.ri-loader-4-fill:before {
  content: "\eec5";
}

.ri-loader-4-line:before {
  content: "\eec6";
}

.ri-loader-5-fill:before {
  content: "\eec7";
}

.ri-loader-5-line:before {
  content: "\eec8";
}

.ri-loader-fill:before {
  content: "\eec9";
}

.ri-loader-line:before {
  content: "\eeca";
}

.ri-lock-2-fill:before {
  content: "\eecb";
}

.ri-lock-2-line:before {
  content: "\eecc";
}

.ri-lock-fill:before {
  content: "\eecd";
}

.ri-lock-line:before {
  content: "\eece";
}

.ri-lock-password-fill:before {
  content: "\eecf";
}

.ri-lock-password-line:before {
  content: "\eed0";
}

.ri-lock-unlock-fill:before {
  content: "\eed1";
}

.ri-lock-unlock-line:before {
  content: "\eed2";
}

.ri-login-box-fill:before {
  content: "\eed3";
}

.ri-login-box-line:before {
  content: "\eed4";
}

.ri-login-circle-fill:before {
  content: "\eed5";
}

.ri-login-circle-line:before {
  content: "\eed6";
}

.ri-logout-box-fill:before {
  content: "\eed7";
}

.ri-logout-box-line:before {
  content: "\eed8";
}

.ri-logout-box-r-fill:before {
  content: "\eed9";
}

.ri-logout-box-r-line:before {
  content: "\eeda";
}

.ri-logout-circle-fill:before {
  content: "\eedb";
}

.ri-logout-circle-line:before {
  content: "\eedc";
}

.ri-logout-circle-r-fill:before {
  content: "\eedd";
}

.ri-logout-circle-r-line:before {
  content: "\eede";
}

.ri-luggage-cart-fill:before {
  content: "\eedf";
}

.ri-luggage-cart-line:before {
  content: "\eee0";
}

.ri-luggage-deposit-fill:before {
  content: "\eee1";
}

.ri-luggage-deposit-line:before {
  content: "\eee2";
}

.ri-lungs-fill:before {
  content: "\eee3";
}

.ri-lungs-line:before {
  content: "\eee4";
}

.ri-mac-fill:before {
  content: "\eee5";
}

.ri-mac-line:before {
  content: "\eee6";
}

.ri-macbook-fill:before {
  content: "\eee7";
}

.ri-macbook-line:before {
  content: "\eee8";
}

.ri-magic-fill:before {
  content: "\eee9";
}

.ri-magic-line:before {
  content: "\eeea";
}

.ri-mail-add-fill:before {
  content: "\eeeb";
}

.ri-mail-add-line:before {
  content: "\eeec";
}

.ri-mail-check-fill:before {
  content: "\eeed";
}

.ri-mail-check-line:before {
  content: "\eeee";
}

.ri-mail-close-fill:before {
  content: "\eeef";
}

.ri-mail-close-line:before {
  content: "\eef0";
}

.ri-mail-download-fill:before {
  content: "\eef1";
}

.ri-mail-download-line:before {
  content: "\eef2";
}

.ri-mail-fill:before {
  content: "\eef3";
}

.ri-mail-forbid-fill:before {
  content: "\eef4";
}

.ri-mail-forbid-line:before {
  content: "\eef5";
}

.ri-mail-line:before {
  content: "\eef6";
}

.ri-mail-lock-fill:before {
  content: "\eef7";
}

.ri-mail-lock-line:before {
  content: "\eef8";
}

.ri-mail-open-fill:before {
  content: "\eef9";
}

.ri-mail-open-line:before {
  content: "\eefa";
}

.ri-mail-send-fill:before {
  content: "\eefb";
}

.ri-mail-send-line:before {
  content: "\eefc";
}

.ri-mail-settings-fill:before {
  content: "\eefd";
}

.ri-mail-settings-line:before {
  content: "\eefe";
}

.ri-mail-star-fill:before {
  content: "\eeff";
}

.ri-mail-star-line:before {
  content: "\ef00";
}

.ri-mail-unread-fill:before {
  content: "\ef01";
}

.ri-mail-unread-line:before {
  content: "\ef02";
}

.ri-mail-volume-fill:before {
  content: "\ef03";
}

.ri-mail-volume-line:before {
  content: "\ef04";
}

.ri-map-2-fill:before {
  content: "\ef05";
}

.ri-map-2-line:before {
  content: "\ef06";
}

.ri-map-fill:before {
  content: "\ef07";
}

.ri-map-line:before {
  content: "\ef08";
}

.ri-map-pin-2-fill:before {
  content: "\ef09";
}

.ri-map-pin-2-line:before {
  content: "\ef0a";
}

.ri-map-pin-3-fill:before {
  content: "\ef0b";
}

.ri-map-pin-3-line:before {
  content: "\ef0c";
}

.ri-map-pin-4-fill:before {
  content: "\ef0d";
}

.ri-map-pin-4-line:before {
  content: "\ef0e";
}

.ri-map-pin-5-fill:before {
  content: "\ef0f";
}

.ri-map-pin-5-line:before {
  content: "\ef10";
}

.ri-map-pin-add-fill:before {
  content: "\ef11";
}

.ri-map-pin-add-line:before {
  content: "\ef12";
}

.ri-map-pin-fill:before {
  content: "\ef13";
}

.ri-map-pin-line:before {
  content: "\ef14";
}

.ri-map-pin-range-fill:before {
  content: "\ef15";
}

.ri-map-pin-range-line:before {
  content: "\ef16";
}

.ri-map-pin-time-fill:before {
  content: "\ef17";
}

.ri-map-pin-time-line:before {
  content: "\ef18";
}

.ri-map-pin-user-fill:before {
  content: "\ef19";
}

.ri-map-pin-user-line:before {
  content: "\ef1a";
}

.ri-mark-pen-fill:before {
  content: "\ef1b";
}

.ri-mark-pen-line:before {
  content: "\ef1c";
}

.ri-markdown-fill:before {
  content: "\ef1d";
}

.ri-markdown-line:before {
  content: "\ef1e";
}

.ri-markup-fill:before {
  content: "\ef1f";
}

.ri-markup-line:before {
  content: "\ef20";
}

.ri-mastercard-fill:before {
  content: "\ef21";
}

.ri-mastercard-line:before {
  content: "\ef22";
}

.ri-mastodon-fill:before {
  content: "\ef23";
}

.ri-mastodon-line:before {
  content: "\ef24";
}

.ri-medal-2-fill:before {
  content: "\ef25";
}

.ri-medal-2-line:before {
  content: "\ef26";
}

.ri-medal-fill:before {
  content: "\ef27";
}

.ri-medal-line:before {
  content: "\ef28";
}

.ri-medicine-bottle-fill:before {
  content: "\ef29";
}

.ri-medicine-bottle-line:before {
  content: "\ef2a";
}

.ri-medium-fill:before {
  content: "\ef2b";
}

.ri-medium-line:before {
  content: "\ef2c";
}

.ri-men-fill:before {
  content: "\ef2d";
}

.ri-men-line:before {
  content: "\ef2e";
}

.ri-mental-health-fill:before {
  content: "\ef2f";
}

.ri-mental-health-line:before {
  content: "\ef30";
}

.ri-menu-2-fill:before {
  content: "\ef31";
}

.ri-menu-2-line:before {
  content: "\ef32";
}

.ri-menu-3-fill:before {
  content: "\ef33";
}

.ri-menu-3-line:before {
  content: "\ef34";
}

.ri-menu-4-fill:before {
  content: "\ef35";
}

.ri-menu-4-line:before {
  content: "\ef36";
}

.ri-menu-5-fill:before {
  content: "\ef37";
}

.ri-menu-5-line:before {
  content: "\ef38";
}

.ri-menu-add-fill:before {
  content: "\ef39";
}

.ri-menu-add-line:before {
  content: "\ef3a";
}

.ri-menu-fill:before {
  content: "\ef3b";
}

.ri-menu-fold-fill:before {
  content: "\ef3c";
}

.ri-menu-fold-line:before {
  content: "\ef3d";
}

.ri-menu-line:before {
  content: "\ef3e";
}

.ri-menu-unfold-fill:before {
  content: "\ef3f";
}

.ri-menu-unfold-line:before {
  content: "\ef40";
}

.ri-merge-cells-horizontal:before {
  content: "\ef41";
}

.ri-merge-cells-vertical:before {
  content: "\ef42";
}

.ri-message-2-fill:before {
  content: "\ef43";
}

.ri-message-2-line:before {
  content: "\ef44";
}

.ri-message-3-fill:before {
  content: "\ef45";
}

.ri-message-3-line:before {
  content: "\ef46";
}

.ri-message-fill:before {
  content: "\ef47";
}

.ri-message-line:before {
  content: "\ef48";
}

.ri-messenger-fill:before {
  content: "\ef49";
}

.ri-messenger-line:before {
  content: "\ef4a";
}

.ri-meteor-fill:before {
  content: "\ef4b";
}

.ri-meteor-line:before {
  content: "\ef4c";
}

.ri-mic-2-fill:before {
  content: "\ef4d";
}

.ri-mic-2-line:before {
  content: "\ef4e";
}

.ri-mic-fill:before {
  content: "\ef4f";
}

.ri-mic-line:before {
  content: "\ef50";
}

.ri-mic-off-fill:before {
  content: "\ef51";
}

.ri-mic-off-line:before {
  content: "\ef52";
}

.ri-mickey-fill:before {
  content: "\ef53";
}

.ri-mickey-line:before {
  content: "\ef54";
}

.ri-microscope-fill:before {
  content: "\ef55";
}

.ri-microscope-line:before {
  content: "\ef56";
}

.ri-microsoft-fill:before {
  content: "\ef57";
}

.ri-microsoft-line:before {
  content: "\ef58";
}

.ri-mind-map:before {
  content: "\ef59";
}

.ri-mini-program-fill:before {
  content: "\ef5a";
}

.ri-mini-program-line:before {
  content: "\ef5b";
}

.ri-mist-fill:before {
  content: "\ef5c";
}

.ri-mist-line:before {
  content: "\ef5d";
}

.ri-money-cny-box-fill:before {
  content: "\ef5e";
}

.ri-money-cny-box-line:before {
  content: "\ef5f";
}

.ri-money-cny-circle-fill:before {
  content: "\ef60";
}

.ri-money-cny-circle-line:before {
  content: "\ef61";
}

.ri-money-dollar-box-fill:before {
  content: "\ef62";
}

.ri-money-dollar-box-line:before {
  content: "\ef63";
}

.ri-money-dollar-circle-fill:before {
  content: "\ef64";
}

.ri-money-dollar-circle-line:before {
  content: "\ef65";
}

.ri-money-euro-box-fill:before {
  content: "\ef66";
}

.ri-money-euro-box-line:before {
  content: "\ef67";
}

.ri-money-euro-circle-fill:before {
  content: "\ef68";
}

.ri-money-euro-circle-line:before {
  content: "\ef69";
}

.ri-money-pound-box-fill:before {
  content: "\ef6a";
}

.ri-money-pound-box-line:before {
  content: "\ef6b";
}

.ri-money-pound-circle-fill:before {
  content: "\ef6c";
}

.ri-money-pound-circle-line:before {
  content: "\ef6d";
}

.ri-moon-clear-fill:before {
  content: "\ef6e";
}

.ri-moon-clear-line:before {
  content: "\ef6f";
}

.ri-moon-cloudy-fill:before {
  content: "\ef70";
}

.ri-moon-cloudy-line:before {
  content: "\ef71";
}

.ri-moon-fill:before {
  content: "\ef72";
}

.ri-moon-foggy-fill:before {
  content: "\ef73";
}

.ri-moon-foggy-line:before {
  content: "\ef74";
}

.ri-moon-line:before {
  content: "\ef75";
}

.ri-more-2-fill:before {
  content: "\ef76";
}

.ri-more-2-line:before {
  content: "\ef77";
}

.ri-more-fill:before {
  content: "\ef78";
}

.ri-more-line:before {
  content: "\ef79";
}

.ri-motorbike-fill:before {
  content: "\ef7a";
}

.ri-motorbike-line:before {
  content: "\ef7b";
}

.ri-mouse-fill:before {
  content: "\ef7c";
}

.ri-mouse-line:before {
  content: "\ef7d";
}

.ri-movie-2-fill:before {
  content: "\ef7e";
}

.ri-movie-2-line:before {
  content: "\ef7f";
}

.ri-movie-fill:before {
  content: "\ef80";
}

.ri-movie-line:before {
  content: "\ef81";
}

.ri-music-2-fill:before {
  content: "\ef82";
}

.ri-music-2-line:before {
  content: "\ef83";
}

.ri-music-fill:before {
  content: "\ef84";
}

.ri-music-line:before {
  content: "\ef85";
}

.ri-mv-fill:before {
  content: "\ef86";
}

.ri-mv-line:before {
  content: "\ef87";
}

.ri-navigation-fill:before {
  content: "\ef88";
}

.ri-navigation-line:before {
  content: "\ef89";
}

.ri-netease-cloud-music-fill:before {
  content: "\ef8a";
}

.ri-netease-cloud-music-line:before {
  content: "\ef8b";
}

.ri-netflix-fill:before {
  content: "\ef8c";
}

.ri-netflix-line:before {
  content: "\ef8d";
}

.ri-newspaper-fill:before {
  content: "\ef8e";
}

.ri-newspaper-line:before {
  content: "\ef8f";
}

.ri-node-tree:before {
  content: "\ef90";
}

.ri-notification-2-fill:before {
  content: "\ef91";
}

.ri-notification-2-line:before {
  content: "\ef92";
}

.ri-notification-3-fill:before {
  content: "\ef93";
}

.ri-notification-3-line:before {
  content: "\ef94";
}

.ri-notification-4-fill:before {
  content: "\ef95";
}

.ri-notification-4-line:before {
  content: "\ef96";
}

.ri-notification-badge-fill:before {
  content: "\ef97";
}

.ri-notification-badge-line:before {
  content: "\ef98";
}

.ri-notification-fill:before {
  content: "\ef99";
}

.ri-notification-line:before {
  content: "\ef9a";
}

.ri-notification-off-fill:before {
  content: "\ef9b";
}

.ri-notification-off-line:before {
  content: "\ef9c";
}

.ri-npmjs-fill:before {
  content: "\ef9d";
}

.ri-npmjs-line:before {
  content: "\ef9e";
}

.ri-number-0:before {
  content: "\ef9f";
}

.ri-number-1:before {
  content: "\efa0";
}

.ri-number-2:before {
  content: "\efa1";
}

.ri-number-3:before {
  content: "\efa2";
}

.ri-number-4:before {
  content: "\efa3";
}

.ri-number-5:before {
  content: "\efa4";
}

.ri-number-6:before {
  content: "\efa5";
}

.ri-number-7:before {
  content: "\efa6";
}

.ri-number-8:before {
  content: "\efa7";
}

.ri-number-9:before {
  content: "\efa8";
}

.ri-numbers-fill:before {
  content: "\efa9";
}

.ri-numbers-line:before {
  content: "\efaa";
}

.ri-nurse-fill:before {
  content: "\efab";
}

.ri-nurse-line:before {
  content: "\efac";
}

.ri-oil-fill:before {
  content: "\efad";
}

.ri-oil-line:before {
  content: "\efae";
}

.ri-omega:before {
  content: "\efaf";
}

.ri-open-arm-fill:before {
  content: "\efb0";
}

.ri-open-arm-line:before {
  content: "\efb1";
}

.ri-open-source-fill:before {
  content: "\efb2";
}

.ri-open-source-line:before {
  content: "\efb3";
}

.ri-opera-fill:before {
  content: "\efb4";
}

.ri-opera-line:before {
  content: "\efb5";
}

.ri-order-play-fill:before {
  content: "\efb6";
}

.ri-order-play-line:before {
  content: "\efb7";
}

.ri-organization-chart:before {
  content: "\efb8";
}

.ri-outlet-2-fill:before {
  content: "\efb9";
}

.ri-outlet-2-line:before {
  content: "\efba";
}

.ri-outlet-fill:before {
  content: "\efbb";
}

.ri-outlet-line:before {
  content: "\efbc";
}

.ri-page-separator:before {
  content: "\efbd";
}

.ri-pages-fill:before {
  content: "\efbe";
}

.ri-pages-line:before {
  content: "\efbf";
}

.ri-paint-brush-fill:before {
  content: "\efc0";
}

.ri-paint-brush-line:before {
  content: "\efc1";
}

.ri-paint-fill:before {
  content: "\efc2";
}

.ri-paint-line:before {
  content: "\efc3";
}

.ri-palette-fill:before {
  content: "\efc4";
}

.ri-palette-line:before {
  content: "\efc5";
}

.ri-pantone-fill:before {
  content: "\efc6";
}

.ri-pantone-line:before {
  content: "\efc7";
}

.ri-paragraph:before {
  content: "\efc8";
}

.ri-parent-fill:before {
  content: "\efc9";
}

.ri-parent-line:before {
  content: "\efca";
}

.ri-parentheses-fill:before {
  content: "\efcb";
}

.ri-parentheses-line:before {
  content: "\efcc";
}

.ri-parking-box-fill:before {
  content: "\efcd";
}

.ri-parking-box-line:before {
  content: "\efce";
}

.ri-parking-fill:before {
  content: "\efcf";
}

.ri-parking-line:before {
  content: "\efd0";
}

.ri-passport-fill:before {
  content: "\efd1";
}

.ri-passport-line:before {
  content: "\efd2";
}

.ri-patreon-fill:before {
  content: "\efd3";
}

.ri-patreon-line:before {
  content: "\efd4";
}

.ri-pause-circle-fill:before {
  content: "\efd5";
}

.ri-pause-circle-line:before {
  content: "\efd6";
}

.ri-pause-fill:before {
  content: "\efd7";
}

.ri-pause-line:before {
  content: "\efd8";
}

.ri-pause-mini-fill:before {
  content: "\efd9";
}

.ri-pause-mini-line:before {
  content: "\efda";
}

.ri-paypal-fill:before {
  content: "\efdb";
}

.ri-paypal-line:before {
  content: "\efdc";
}

.ri-pen-nib-fill:before {
  content: "\efdd";
}

.ri-pen-nib-line:before {
  content: "\efde";
}

.ri-pencil-fill:before {
  content: "\efdf";
}

.ri-pencil-line:before {
  content: "\efe0";
}

.ri-pencil-ruler-2-fill:before {
  content: "\efe1";
}

.ri-pencil-ruler-2-line:before {
  content: "\efe2";
}

.ri-pencil-ruler-fill:before {
  content: "\efe3";
}

.ri-pencil-ruler-line:before {
  content: "\efe4";
}

.ri-percent-fill:before {
  content: "\efe5";
}

.ri-percent-line:before {
  content: "\efe6";
}

.ri-phone-camera-fill:before {
  content: "\efe7";
}

.ri-phone-camera-line:before {
  content: "\efe8";
}

.ri-phone-fill:before {
  content: "\efe9";
}

.ri-phone-find-fill:before {
  content: "\efea";
}

.ri-phone-find-line:before {
  content: "\efeb";
}

.ri-phone-line:before {
  content: "\efec";
}

.ri-phone-lock-fill:before {
  content: "\efed";
}

.ri-phone-lock-line:before {
  content: "\efee";
}

.ri-picture-in-picture-2-fill:before {
  content: "\efef";
}

.ri-picture-in-picture-2-line:before {
  content: "\eff0";
}

.ri-picture-in-picture-exit-fill:before {
  content: "\eff1";
}

.ri-picture-in-picture-exit-line:before {
  content: "\eff2";
}

.ri-picture-in-picture-fill:before {
  content: "\eff3";
}

.ri-picture-in-picture-line:before {
  content: "\eff4";
}

.ri-pie-chart-2-fill:before {
  content: "\eff5";
}

.ri-pie-chart-2-line:before {
  content: "\eff6";
}

.ri-pie-chart-box-fill:before {
  content: "\eff7";
}

.ri-pie-chart-box-line:before {
  content: "\eff8";
}

.ri-pie-chart-fill:before {
  content: "\eff9";
}

.ri-pie-chart-line:before {
  content: "\effa";
}

.ri-pin-distance-fill:before {
  content: "\effb";
}

.ri-pin-distance-line:before {
  content: "\effc";
}

.ri-ping-pong-fill:before {
  content: "\effd";
}

.ri-ping-pong-line:before {
  content: "\effe";
}

.ri-pinterest-fill:before {
  content: "\efff";
}

.ri-pinterest-line:before {
  content: "\f000";
}

.ri-pinyin-input:before {
  content: "\f001";
}

.ri-pixelfed-fill:before {
  content: "\f002";
}

.ri-pixelfed-line:before {
  content: "\f003";
}

.ri-plane-fill:before {
  content: "\f004";
}

.ri-plane-line:before {
  content: "\f005";
}

.ri-plant-fill:before {
  content: "\f006";
}

.ri-plant-line:before {
  content: "\f007";
}

.ri-play-circle-fill:before {
  content: "\f008";
}

.ri-play-circle-line:before {
  content: "\f009";
}

.ri-play-fill:before {
  content: "\f00a";
}

.ri-play-line:before {
  content: "\f00b";
}

.ri-play-list-2-fill:before {
  content: "\f00c";
}

.ri-play-list-2-line:before {
  content: "\f00d";
}

.ri-play-list-add-fill:before {
  content: "\f00e";
}

.ri-play-list-add-line:before {
  content: "\f00f";
}

.ri-play-list-fill:before {
  content: "\f010";
}

.ri-play-list-line:before {
  content: "\f011";
}

.ri-play-mini-fill:before {
  content: "\f012";
}

.ri-play-mini-line:before {
  content: "\f013";
}

.ri-playstation-fill:before {
  content: "\f014";
}

.ri-playstation-line:before {
  content: "\f015";
}

.ri-plug-2-fill:before {
  content: "\f016";
}

.ri-plug-2-line:before {
  content: "\f017";
}

.ri-plug-fill:before {
  content: "\f018";
}

.ri-plug-line:before {
  content: "\f019";
}

.ri-polaroid-2-fill:before {
  content: "\f01a";
}

.ri-polaroid-2-line:before {
  content: "\f01b";
}

.ri-polaroid-fill:before {
  content: "\f01c";
}

.ri-polaroid-line:before {
  content: "\f01d";
}

.ri-police-car-fill:before {
  content: "\f01e";
}

.ri-police-car-line:before {
  content: "\f01f";
}

.ri-price-tag-2-fill:before {
  content: "\f020";
}

.ri-price-tag-2-line:before {
  content: "\f021";
}

.ri-price-tag-3-fill:before {
  content: "\f022";
}

.ri-price-tag-3-line:before {
  content: "\f023";
}

.ri-price-tag-fill:before {
  content: "\f024";
}

.ri-price-tag-line:before {
  content: "\f025";
}

.ri-printer-cloud-fill:before {
  content: "\f026";
}

.ri-printer-cloud-line:before {
  content: "\f027";
}

.ri-printer-fill:before {
  content: "\f028";
}

.ri-printer-line:before {
  content: "\f029";
}

.ri-product-hunt-fill:before {
  content: "\f02a";
}

.ri-product-hunt-line:before {
  content: "\f02b";
}

.ri-profile-fill:before {
  content: "\f02c";
}

.ri-profile-line:before {
  content: "\f02d";
}

.ri-projector-2-fill:before {
  content: "\f02e";
}

.ri-projector-2-line:before {
  content: "\f02f";
}

.ri-projector-fill:before {
  content: "\f030";
}

.ri-projector-line:before {
  content: "\f031";
}

.ri-psychotherapy-fill:before {
  content: "\f032";
}

.ri-psychotherapy-line:before {
  content: "\f033";
}

.ri-pulse-fill:before {
  content: "\f034";
}

.ri-pulse-line:before {
  content: "\f035";
}

.ri-pushpin-2-fill:before {
  content: "\f036";
}

.ri-pushpin-2-line:before {
  content: "\f037";
}

.ri-pushpin-fill:before {
  content: "\f038";
}

.ri-pushpin-line:before {
  content: "\f039";
}

.ri-qq-fill:before {
  content: "\f03a";
}

.ri-qq-line:before {
  content: "\f03b";
}

.ri-qr-code-fill:before {
  content: "\f03c";
}

.ri-qr-code-line:before {
  content: "\f03d";
}

.ri-qr-scan-2-fill:before {
  content: "\f03e";
}

.ri-qr-scan-2-line:before {
  content: "\f03f";
}

.ri-qr-scan-fill:before {
  content: "\f040";
}

.ri-qr-scan-line:before {
  content: "\f041";
}

.ri-question-answer-fill:before {
  content: "\f042";
}

.ri-question-answer-line:before {
  content: "\f043";
}

.ri-question-fill:before {
  content: "\f044";
}

.ri-question-line:before {
  content: "\f045";
}

.ri-question-mark:before {
  content: "\f046";
}

.ri-questionnaire-fill:before {
  content: "\f047";
}

.ri-questionnaire-line:before {
  content: "\f048";
}

.ri-quill-pen-fill:before {
  content: "\f049";
}

.ri-quill-pen-line:before {
  content: "\f04a";
}

.ri-radar-fill:before {
  content: "\f04b";
}

.ri-radar-line:before {
  content: "\f04c";
}

.ri-radio-2-fill:before {
  content: "\f04d";
}

.ri-radio-2-line:before {
  content: "\f04e";
}

.ri-radio-button-fill:before {
  content: "\f04f";
}

.ri-radio-button-line:before {
  content: "\f050";
}

.ri-radio-fill:before {
  content: "\f051";
}

.ri-radio-line:before {
  content: "\f052";
}

.ri-rainbow-fill:before {
  content: "\f053";
}

.ri-rainbow-line:before {
  content: "\f054";
}

.ri-rainy-fill:before {
  content: "\f055";
}

.ri-rainy-line:before {
  content: "\f056";
}

.ri-reactjs-fill:before {
  content: "\f057";
}

.ri-reactjs-line:before {
  content: "\f058";
}

.ri-record-circle-fill:before {
  content: "\f059";
}

.ri-record-circle-line:before {
  content: "\f05a";
}

.ri-record-mail-fill:before {
  content: "\f05b";
}

.ri-record-mail-line:before {
  content: "\f05c";
}

.ri-recycle-fill:before {
  content: "\f05d";
}

.ri-recycle-line:before {
  content: "\f05e";
}

.ri-red-packet-fill:before {
  content: "\f05f";
}

.ri-red-packet-line:before {
  content: "\f060";
}

.ri-reddit-fill:before {
  content: "\f061";
}

.ri-reddit-line:before {
  content: "\f062";
}

.ri-refresh-fill:before {
  content: "\f063";
}

.ri-refresh-line:before {
  content: "\f064";
}

.ri-refund-2-fill:before {
  content: "\f065";
}

.ri-refund-2-line:before {
  content: "\f066";
}

.ri-refund-fill:before {
  content: "\f067";
}

.ri-refund-line:before {
  content: "\f068";
}

.ri-registered-fill:before {
  content: "\f069";
}

.ri-registered-line:before {
  content: "\f06a";
}

.ri-remixicon-fill:before {
  content: "\f06b";
}

.ri-remixicon-line:before {
  content: "\f06c";
}

.ri-remote-control-2-fill:before {
  content: "\f06d";
}

.ri-remote-control-2-line:before {
  content: "\f06e";
}

.ri-remote-control-fill:before {
  content: "\f06f";
}

.ri-remote-control-line:before {
  content: "\f070";
}

.ri-repeat-2-fill:before {
  content: "\f071";
}

.ri-repeat-2-line:before {
  content: "\f072";
}

.ri-repeat-fill:before {
  content: "\f073";
}

.ri-repeat-line:before {
  content: "\f074";
}

.ri-repeat-one-fill:before {
  content: "\f075";
}

.ri-repeat-one-line:before {
  content: "\f076";
}

.ri-reply-all-fill:before {
  content: "\f077";
}

.ri-reply-all-line:before {
  content: "\f078";
}

.ri-reply-fill:before {
  content: "\f079";
}

.ri-reply-line:before {
  content: "\f07a";
}

.ri-reserved-fill:before {
  content: "\f07b";
}

.ri-reserved-line:before {
  content: "\f07c";
}

.ri-rest-time-fill:before {
  content: "\f07d";
}

.ri-rest-time-line:before {
  content: "\f07e";
}

.ri-restart-fill:before {
  content: "\f07f";
}

.ri-restart-line:before {
  content: "\f080";
}

.ri-restaurant-2-fill:before {
  content: "\f081";
}

.ri-restaurant-2-line:before {
  content: "\f082";
}

.ri-restaurant-fill:before {
  content: "\f083";
}

.ri-restaurant-line:before {
  content: "\f084";
}

.ri-rewind-fill:before {
  content: "\f085";
}

.ri-rewind-line:before {
  content: "\f086";
}

.ri-rewind-mini-fill:before {
  content: "\f087";
}

.ri-rewind-mini-line:before {
  content: "\f088";
}

.ri-rhythm-fill:before {
  content: "\f089";
}

.ri-rhythm-line:before {
  content: "\f08a";
}

.ri-riding-fill:before {
  content: "\f08b";
}

.ri-riding-line:before {
  content: "\f08c";
}

.ri-road-map-fill:before {
  content: "\f08d";
}

.ri-road-map-line:before {
  content: "\f08e";
}

.ri-roadster-fill:before {
  content: "\f08f";
}

.ri-roadster-line:before {
  content: "\f090";
}

.ri-robot-fill:before {
  content: "\f091";
}

.ri-robot-line:before {
  content: "\f092";
}

.ri-rocket-2-fill:before {
  content: "\f093";
}

.ri-rocket-2-line:before {
  content: "\f094";
}

.ri-rocket-fill:before {
  content: "\f095";
}

.ri-rocket-line:before {
  content: "\f096";
}

.ri-rotate-lock-fill:before {
  content: "\f097";
}

.ri-rotate-lock-line:before {
  content: "\f098";
}

.ri-rounded-corner:before {
  content: "\f099";
}

.ri-route-fill:before {
  content: "\f09a";
}

.ri-route-line:before {
  content: "\f09b";
}

.ri-router-fill:before {
  content: "\f09c";
}

.ri-router-line:before {
  content: "\f09d";
}

.ri-rss-fill:before {
  content: "\f09e";
}

.ri-rss-line:before {
  content: "\f09f";
}

.ri-ruler-2-fill:before {
  content: "\f0a0";
}

.ri-ruler-2-line:before {
  content: "\f0a1";
}

.ri-ruler-fill:before {
  content: "\f0a2";
}

.ri-ruler-line:before {
  content: "\f0a3";
}

.ri-run-fill:before {
  content: "\f0a4";
}

.ri-run-line:before {
  content: "\f0a5";
}

.ri-safari-fill:before {
  content: "\f0a6";
}

.ri-safari-line:before {
  content: "\f0a7";
}

.ri-safe-2-fill:before {
  content: "\f0a8";
}

.ri-safe-2-line:before {
  content: "\f0a9";
}

.ri-safe-fill:before {
  content: "\f0aa";
}

.ri-safe-line:before {
  content: "\f0ab";
}

.ri-sailboat-fill:before {
  content: "\f0ac";
}

.ri-sailboat-line:before {
  content: "\f0ad";
}

.ri-save-2-fill:before {
  content: "\f0ae";
}

.ri-save-2-line:before {
  content: "\f0af";
}

.ri-save-3-fill:before {
  content: "\f0b0";
}

.ri-save-3-line:before {
  content: "\f0b1";
}

.ri-save-fill:before {
  content: "\f0b2";
}

.ri-save-line:before {
  content: "\f0b3";
}

.ri-scales-2-fill:before {
  content: "\f0b4";
}

.ri-scales-2-line:before {
  content: "\f0b5";
}

.ri-scales-3-fill:before {
  content: "\f0b6";
}

.ri-scales-3-line:before {
  content: "\f0b7";
}

.ri-scales-fill:before {
  content: "\f0b8";
}

.ri-scales-line:before {
  content: "\f0b9";
}

.ri-scan-2-fill:before {
  content: "\f0ba";
}

.ri-scan-2-line:before {
  content: "\f0bb";
}

.ri-scan-fill:before {
  content: "\f0bc";
}

.ri-scan-line:before {
  content: "\f0bd";
}

.ri-scissors-2-fill:before {
  content: "\f0be";
}

.ri-scissors-2-line:before {
  content: "\f0bf";
}

.ri-scissors-cut-fill:before {
  content: "\f0c0";
}

.ri-scissors-cut-line:before {
  content: "\f0c1";
}

.ri-scissors-fill:before {
  content: "\f0c2";
}

.ri-scissors-line:before {
  content: "\f0c3";
}

.ri-screenshot-2-fill:before {
  content: "\f0c4";
}

.ri-screenshot-2-line:before {
  content: "\f0c5";
}

.ri-screenshot-fill:before {
  content: "\f0c6";
}

.ri-screenshot-line:before {
  content: "\f0c7";
}

.ri-sd-card-fill:before {
  content: "\f0c8";
}

.ri-sd-card-line:before {
  content: "\f0c9";
}

.ri-sd-card-mini-fill:before {
  content: "\f0ca";
}

.ri-sd-card-mini-line:before {
  content: "\f0cb";
}

.ri-search-2-fill:before {
  content: "\f0cc";
}

.ri-search-2-line:before {
  content: "\f0cd";
}

.ri-search-eye-fill:before {
  content: "\f0ce";
}

.ri-search-eye-line:before {
  content: "\f0cf";
}

.ri-search-fill:before {
  content: "\f0d0";
}

.ri-search-line:before {
  content: "\f0d1";
}

.ri-secure-payment-fill:before {
  content: "\f0d2";
}

.ri-secure-payment-line:before {
  content: "\f0d3";
}

.ri-seedling-fill:before {
  content: "\f0d4";
}

.ri-seedling-line:before {
  content: "\f0d5";
}

.ri-send-backward:before {
  content: "\f0d6";
}

.ri-send-plane-2-fill:before {
  content: "\f0d7";
}

.ri-send-plane-2-line:before {
  content: "\f0d8";
}

.ri-send-plane-fill:before {
  content: "\f0d9";
}

.ri-send-plane-line:before {
  content: "\f0da";
}

.ri-send-to-back:before {
  content: "\f0db";
}

.ri-sensor-fill:before {
  content: "\f0dc";
}

.ri-sensor-line:before {
  content: "\f0dd";
}

.ri-separator:before {
  content: "\f0de";
}

.ri-server-fill:before {
  content: "\f0df";
}

.ri-server-line:before {
  content: "\f0e0";
}

.ri-service-fill:before {
  content: "\f0e1";
}

.ri-service-line:before {
  content: "\f0e2";
}

.ri-settings-2-fill:before {
  content: "\f0e3";
}

.ri-settings-2-line:before {
  content: "\f0e4";
}

.ri-settings-3-fill:before {
  content: "\f0e5";
}

.ri-settings-3-line:before {
  content: "\f0e6";
}

.ri-settings-4-fill:before {
  content: "\f0e7";
}

.ri-settings-4-line:before {
  content: "\f0e8";
}

.ri-settings-5-fill:before {
  content: "\f0e9";
}

.ri-settings-5-line:before {
  content: "\f0ea";
}

.ri-settings-6-fill:before {
  content: "\f0eb";
}

.ri-settings-6-line:before {
  content: "\f0ec";
}

.ri-settings-fill:before {
  content: "\f0ed";
}

.ri-settings-line:before {
  content: "\f0ee";
}

.ri-shape-2-fill:before {
  content: "\f0ef";
}

.ri-shape-2-line:before {
  content: "\f0f0";
}

.ri-shape-fill:before {
  content: "\f0f1";
}

.ri-shape-line:before {
  content: "\f0f2";
}

.ri-share-box-fill:before {
  content: "\f0f3";
}

.ri-share-box-line:before {
  content: "\f0f4";
}

.ri-share-circle-fill:before {
  content: "\f0f5";
}

.ri-share-circle-line:before {
  content: "\f0f6";
}

.ri-share-fill:before {
  content: "\f0f7";
}

.ri-share-forward-2-fill:before {
  content: "\f0f8";
}

.ri-share-forward-2-line:before {
  content: "\f0f9";
}

.ri-share-forward-box-fill:before {
  content: "\f0fa";
}

.ri-share-forward-box-line:before {
  content: "\f0fb";
}

.ri-share-forward-fill:before {
  content: "\f0fc";
}

.ri-share-forward-line:before {
  content: "\f0fd";
}

.ri-share-line:before {
  content: "\f0fe";
}

.ri-shield-check-fill:before {
  content: "\f0ff";
}

.ri-shield-check-line:before {
  content: "\f100";
}

.ri-shield-cross-fill:before {
  content: "\f101";
}

.ri-shield-cross-line:before {
  content: "\f102";
}

.ri-shield-fill:before {
  content: "\f103";
}

.ri-shield-flash-fill:before {
  content: "\f104";
}

.ri-shield-flash-line:before {
  content: "\f105";
}

.ri-shield-keyhole-fill:before {
  content: "\f106";
}

.ri-shield-keyhole-line:before {
  content: "\f107";
}

.ri-shield-line:before {
  content: "\f108";
}

.ri-shield-star-fill:before {
  content: "\f109";
}

.ri-shield-star-line:before {
  content: "\f10a";
}

.ri-shield-user-fill:before {
  content: "\f10b";
}

.ri-shield-user-line:before {
  content: "\f10c";
}

.ri-ship-2-fill:before {
  content: "\f10d";
}

.ri-ship-2-line:before {
  content: "\f10e";
}

.ri-ship-fill:before {
  content: "\f10f";
}

.ri-ship-line:before {
  content: "\f110";
}

.ri-shirt-fill:before {
  content: "\f111";
}

.ri-shirt-line:before {
  content: "\f112";
}

.ri-shopping-bag-2-fill:before {
  content: "\f113";
}

.ri-shopping-bag-2-line:before {
  content: "\f114";
}

.ri-shopping-bag-3-fill:before {
  content: "\f115";
}

.ri-shopping-bag-3-line:before {
  content: "\f116";
}

.ri-shopping-bag-fill:before {
  content: "\f117";
}

.ri-shopping-bag-line:before {
  content: "\f118";
}

.ri-shopping-basket-2-fill:before {
  content: "\f119";
}

.ri-shopping-basket-2-line:before {
  content: "\f11a";
}

.ri-shopping-basket-fill:before {
  content: "\f11b";
}

.ri-shopping-basket-line:before {
  content: "\f11c";
}

.ri-shopping-cart-2-fill:before {
  content: "\f11d";
}

.ri-shopping-cart-2-line:before {
  content: "\f11e";
}

.ri-shopping-cart-fill:before {
  content: "\f11f";
}

.ri-shopping-cart-line:before {
  content: "\f120";
}

.ri-showers-fill:before {
  content: "\f121";
}

.ri-showers-line:before {
  content: "\f122";
}

.ri-shuffle-fill:before {
  content: "\f123";
}

.ri-shuffle-line:before {
  content: "\f124";
}

.ri-shut-down-fill:before {
  content: "\f125";
}

.ri-shut-down-line:before {
  content: "\f126";
}

.ri-side-bar-fill:before {
  content: "\f127";
}

.ri-side-bar-line:before {
  content: "\f128";
}

.ri-signal-tower-fill:before {
  content: "\f129";
}

.ri-signal-tower-line:before {
  content: "\f12a";
}

.ri-signal-wifi-1-fill:before {
  content: "\f12b";
}

.ri-signal-wifi-1-line:before {
  content: "\f12c";
}

.ri-signal-wifi-2-fill:before {
  content: "\f12d";
}

.ri-signal-wifi-2-line:before {
  content: "\f12e";
}

.ri-signal-wifi-3-fill:before {
  content: "\f12f";
}

.ri-signal-wifi-3-line:before {
  content: "\f130";
}

.ri-signal-wifi-error-fill:before {
  content: "\f131";
}

.ri-signal-wifi-error-line:before {
  content: "\f132";
}

.ri-signal-wifi-fill:before {
  content: "\f133";
}

.ri-signal-wifi-line:before {
  content: "\f134";
}

.ri-signal-wifi-off-fill:before {
  content: "\f135";
}

.ri-signal-wifi-off-line:before {
  content: "\f136";
}

.ri-sim-card-2-fill:before {
  content: "\f137";
}

.ri-sim-card-2-line:before {
  content: "\f138";
}

.ri-sim-card-fill:before {
  content: "\f139";
}

.ri-sim-card-line:before {
  content: "\f13a";
}

.ri-single-quotes-l:before {
  content: "\f13b";
}

.ri-single-quotes-r:before {
  content: "\f13c";
}

.ri-sip-fill:before {
  content: "\f13d";
}

.ri-sip-line:before {
  content: "\f13e";
}

.ri-skip-back-fill:before {
  content: "\f13f";
}

.ri-skip-back-line:before {
  content: "\f140";
}

.ri-skip-back-mini-fill:before {
  content: "\f141";
}

.ri-skip-back-mini-line:before {
  content: "\f142";
}

.ri-skip-forward-fill:before {
  content: "\f143";
}

.ri-skip-forward-line:before {
  content: "\f144";
}

.ri-skip-forward-mini-fill:before {
  content: "\f145";
}

.ri-skip-forward-mini-line:before {
  content: "\f146";
}

.ri-skull-2-fill:before {
  content: "\f147";
}

.ri-skull-2-line:before {
  content: "\f148";
}

.ri-skull-fill:before {
  content: "\f149";
}

.ri-skull-line:before {
  content: "\f14a";
}

.ri-skype-fill:before {
  content: "\f14b";
}

.ri-skype-line:before {
  content: "\f14c";
}

.ri-slack-fill:before {
  content: "\f14d";
}

.ri-slack-line:before {
  content: "\f14e";
}

.ri-slice-fill:before {
  content: "\f14f";
}

.ri-slice-line:before {
  content: "\f150";
}

.ri-slideshow-2-fill:before {
  content: "\f151";
}

.ri-slideshow-2-line:before {
  content: "\f152";
}

.ri-slideshow-3-fill:before {
  content: "\f153";
}

.ri-slideshow-3-line:before {
  content: "\f154";
}

.ri-slideshow-4-fill:before {
  content: "\f155";
}

.ri-slideshow-4-line:before {
  content: "\f156";
}

.ri-slideshow-fill:before {
  content: "\f157";
}

.ri-slideshow-line:before {
  content: "\f158";
}

.ri-smartphone-fill:before {
  content: "\f159";
}

.ri-smartphone-line:before {
  content: "\f15a";
}

.ri-snapchat-fill:before {
  content: "\f15b";
}

.ri-snapchat-line:before {
  content: "\f15c";
}

.ri-snowy-fill:before {
  content: "\f15d";
}

.ri-snowy-line:before {
  content: "\f15e";
}

.ri-sort-asc:before {
  content: "\f15f";
}

.ri-sort-desc:before {
  content: "\f160";
}

.ri-sound-module-fill:before {
  content: "\f161";
}

.ri-sound-module-line:before {
  content: "\f162";
}

.ri-soundcloud-fill:before {
  content: "\f163";
}

.ri-soundcloud-line:before {
  content: "\f164";
}

.ri-space-ship-fill:before {
  content: "\f165";
}

.ri-space-ship-line:before {
  content: "\f166";
}

.ri-space:before {
  content: "\f167";
}

.ri-spam-2-fill:before {
  content: "\f168";
}

.ri-spam-2-line:before {
  content: "\f169";
}

.ri-spam-3-fill:before {
  content: "\f16a";
}

.ri-spam-3-line:before {
  content: "\f16b";
}

.ri-spam-fill:before {
  content: "\f16c";
}

.ri-spam-line:before {
  content: "\f16d";
}

.ri-speaker-2-fill:before {
  content: "\f16e";
}

.ri-speaker-2-line:before {
  content: "\f16f";
}

.ri-speaker-3-fill:before {
  content: "\f170";
}

.ri-speaker-3-line:before {
  content: "\f171";
}

.ri-speaker-fill:before {
  content: "\f172";
}

.ri-speaker-line:before {
  content: "\f173";
}

.ri-spectrum-fill:before {
  content: "\f174";
}

.ri-spectrum-line:before {
  content: "\f175";
}

.ri-speed-fill:before {
  content: "\f176";
}

.ri-speed-line:before {
  content: "\f177";
}

.ri-speed-mini-fill:before {
  content: "\f178";
}

.ri-speed-mini-line:before {
  content: "\f179";
}

.ri-split-cells-horizontal:before {
  content: "\f17a";
}

.ri-split-cells-vertical:before {
  content: "\f17b";
}

.ri-spotify-fill:before {
  content: "\f17c";
}

.ri-spotify-line:before {
  content: "\f17d";
}

.ri-spy-fill:before {
  content: "\f17e";
}

.ri-spy-line:before {
  content: "\f17f";
}

.ri-stack-fill:before {
  content: "\f180";
}

.ri-stack-line:before {
  content: "\f181";
}

.ri-stack-overflow-fill:before {
  content: "\f182";
}

.ri-stack-overflow-line:before {
  content: "\f183";
}

.ri-stackshare-fill:before {
  content: "\f184";
}

.ri-stackshare-line:before {
  content: "\f185";
}

.ri-star-fill:before {
  content: "\f186";
}

.ri-star-half-fill:before {
  content: "\f187";
}

.ri-star-half-line:before {
  content: "\f188";
}

.ri-star-half-s-fill:before {
  content: "\f189";
}

.ri-star-half-s-line:before {
  content: "\f18a";
}

.ri-star-line:before {
  content: "\f18b";
}

.ri-star-s-fill:before {
  content: "\f18c";
}

.ri-star-s-line:before {
  content: "\f18d";
}

.ri-star-smile-fill:before {
  content: "\f18e";
}

.ri-star-smile-line:before {
  content: "\f18f";
}

.ri-steam-fill:before {
  content: "\f190";
}

.ri-steam-line:before {
  content: "\f191";
}

.ri-steering-2-fill:before {
  content: "\f192";
}

.ri-steering-2-line:before {
  content: "\f193";
}

.ri-steering-fill:before {
  content: "\f194";
}

.ri-steering-line:before {
  content: "\f195";
}

.ri-stethoscope-fill:before {
  content: "\f196";
}

.ri-stethoscope-line:before {
  content: "\f197";
}

.ri-sticky-note-2-fill:before {
  content: "\f198";
}

.ri-sticky-note-2-line:before {
  content: "\f199";
}

.ri-sticky-note-fill:before {
  content: "\f19a";
}

.ri-sticky-note-line:before {
  content: "\f19b";
}

.ri-stock-fill:before {
  content: "\f19c";
}

.ri-stock-line:before {
  content: "\f19d";
}

.ri-stop-circle-fill:before {
  content: "\f19e";
}

.ri-stop-circle-line:before {
  content: "\f19f";
}

.ri-stop-fill:before {
  content: "\f1a0";
}

.ri-stop-line:before {
  content: "\f1a1";
}

.ri-stop-mini-fill:before {
  content: "\f1a2";
}

.ri-stop-mini-line:before {
  content: "\f1a3";
}

.ri-store-2-fill:before {
  content: "\f1a4";
}

.ri-store-2-line:before {
  content: "\f1a5";
}

.ri-store-3-fill:before {
  content: "\f1a6";
}

.ri-store-3-line:before {
  content: "\f1a7";
}

.ri-store-fill:before {
  content: "\f1a8";
}

.ri-store-line:before {
  content: "\f1a9";
}

.ri-strikethrough-2:before {
  content: "\f1aa";
}

.ri-strikethrough:before {
  content: "\f1ab";
}

.ri-subscript-2:before {
  content: "\f1ac";
}

.ri-subscript:before {
  content: "\f1ad";
}

.ri-subtract-fill:before {
  content: "\f1ae";
}

.ri-subtract-line:before {
  content: "\f1af";
}

.ri-subway-fill:before {
  content: "\f1b0";
}

.ri-subway-line:before {
  content: "\f1b1";
}

.ri-subway-wifi-fill:before {
  content: "\f1b2";
}

.ri-subway-wifi-line:before {
  content: "\f1b3";
}

.ri-suitcase-2-fill:before {
  content: "\f1b4";
}

.ri-suitcase-2-line:before {
  content: "\f1b5";
}

.ri-suitcase-3-fill:before {
  content: "\f1b6";
}

.ri-suitcase-3-line:before {
  content: "\f1b7";
}

.ri-suitcase-fill:before {
  content: "\f1b8";
}

.ri-suitcase-line:before {
  content: "\f1b9";
}

.ri-sun-cloudy-fill:before {
  content: "\f1ba";
}

.ri-sun-cloudy-line:before {
  content: "\f1bb";
}

.ri-sun-fill:before {
  content: "\f1bc";
}

.ri-sun-foggy-fill:before {
  content: "\f1bd";
}

.ri-sun-foggy-line:before {
  content: "\f1be";
}

.ri-sun-line:before {
  content: "\f1bf";
}

.ri-superscript-2:before {
  content: "\f1c0";
}

.ri-superscript:before {
  content: "\f1c1";
}

.ri-surgical-mask-fill:before {
  content: "\f1c2";
}

.ri-surgical-mask-line:before {
  content: "\f1c3";
}

.ri-surround-sound-fill:before {
  content: "\f1c4";
}

.ri-surround-sound-line:before {
  content: "\f1c5";
}

.ri-survey-fill:before {
  content: "\f1c6";
}

.ri-survey-line:before {
  content: "\f1c7";
}

.ri-swap-box-fill:before {
  content: "\f1c8";
}

.ri-swap-box-line:before {
  content: "\f1c9";
}

.ri-swap-fill:before {
  content: "\f1ca";
}

.ri-swap-line:before {
  content: "\f1cb";
}

.ri-switch-fill:before {
  content: "\f1cc";
}

.ri-switch-line:before {
  content: "\f1cd";
}

.ri-sword-fill:before {
  content: "\f1ce";
}

.ri-sword-line:before {
  content: "\f1cf";
}

.ri-syringe-fill:before {
  content: "\f1d0";
}

.ri-syringe-line:before {
  content: "\f1d1";
}

.ri-t-box-fill:before {
  content: "\f1d2";
}

.ri-t-box-line:before {
  content: "\f1d3";
}

.ri-t-shirt-2-fill:before {
  content: "\f1d4";
}

.ri-t-shirt-2-line:before {
  content: "\f1d5";
}

.ri-t-shirt-air-fill:before {
  content: "\f1d6";
}

.ri-t-shirt-air-line:before {
  content: "\f1d7";
}

.ri-t-shirt-fill:before {
  content: "\f1d8";
}

.ri-t-shirt-line:before {
  content: "\f1d9";
}

.ri-table-2:before {
  content: "\f1da";
}

.ri-table-alt-fill:before {
  content: "\f1db";
}

.ri-table-alt-line:before {
  content: "\f1dc";
}

.ri-table-fill:before {
  content: "\f1dd";
}

.ri-table-line:before {
  content: "\f1de";
}

.ri-tablet-fill:before {
  content: "\f1df";
}

.ri-tablet-line:before {
  content: "\f1e0";
}

.ri-takeaway-fill:before {
  content: "\f1e1";
}

.ri-takeaway-line:before {
  content: "\f1e2";
}

.ri-taobao-fill:before {
  content: "\f1e3";
}

.ri-taobao-line:before {
  content: "\f1e4";
}

.ri-tape-fill:before {
  content: "\f1e5";
}

.ri-tape-line:before {
  content: "\f1e6";
}

.ri-task-fill:before {
  content: "\f1e7";
}

.ri-task-line:before {
  content: "\f1e8";
}

.ri-taxi-fill:before {
  content: "\f1e9";
}

.ri-taxi-line:before {
  content: "\f1ea";
}

.ri-taxi-wifi-fill:before {
  content: "\f1eb";
}

.ri-taxi-wifi-line:before {
  content: "\f1ec";
}

.ri-team-fill:before {
  content: "\f1ed";
}

.ri-team-line:before {
  content: "\f1ee";
}

.ri-telegram-fill:before {
  content: "\f1ef";
}

.ri-telegram-line:before {
  content: "\f1f0";
}

.ri-temp-cold-fill:before {
  content: "\f1f1";
}

.ri-temp-cold-line:before {
  content: "\f1f2";
}

.ri-temp-hot-fill:before {
  content: "\f1f3";
}

.ri-temp-hot-line:before {
  content: "\f1f4";
}

.ri-terminal-box-fill:before {
  content: "\f1f5";
}

.ri-terminal-box-line:before {
  content: "\f1f6";
}

.ri-terminal-fill:before {
  content: "\f1f7";
}

.ri-terminal-line:before {
  content: "\f1f8";
}

.ri-terminal-window-fill:before {
  content: "\f1f9";
}

.ri-terminal-window-line:before {
  content: "\f1fa";
}

.ri-test-tube-fill:before {
  content: "\f1fb";
}

.ri-test-tube-line:before {
  content: "\f1fc";
}

.ri-text-direction-l:before {
  content: "\f1fd";
}

.ri-text-direction-r:before {
  content: "\f1fe";
}

.ri-text-spacing:before {
  content: "\f1ff";
}

.ri-text-wrap:before {
  content: "\f200";
}

.ri-text:before {
  content: "\f201";
}

.ri-thermometer-fill:before {
  content: "\f202";
}

.ri-thermometer-line:before {
  content: "\f203";
}

.ri-thumb-down-fill:before {
  content: "\f204";
}

.ri-thumb-down-line:before {
  content: "\f205";
}

.ri-thumb-up-fill:before {
  content: "\f206";
}

.ri-thumb-up-line:before {
  content: "\f207";
}

.ri-thunderstorms-fill:before {
  content: "\f208";
}

.ri-thunderstorms-line:before {
  content: "\f209";
}

.ri-ticket-2-fill:before {
  content: "\f20a";
}

.ri-ticket-2-line:before {
  content: "\f20b";
}

.ri-ticket-fill:before {
  content: "\f20c";
}

.ri-ticket-line:before {
  content: "\f20d";
}

.ri-time-fill:before {
  content: "\f20e";
}

.ri-time-line:before {
  content: "\f20f";
}

.ri-timer-2-fill:before {
  content: "\f210";
}

.ri-timer-2-line:before {
  content: "\f211";
}

.ri-timer-fill:before {
  content: "\f212";
}

.ri-timer-flash-fill:before {
  content: "\f213";
}

.ri-timer-flash-line:before {
  content: "\f214";
}

.ri-timer-line:before {
  content: "\f215";
}

.ri-todo-fill:before {
  content: "\f216";
}

.ri-todo-line:before {
  content: "\f217";
}

.ri-toggle-fill:before {
  content: "\f218";
}

.ri-toggle-line:before {
  content: "\f219";
}

.ri-tools-fill:before {
  content: "\f21a";
}

.ri-tools-line:before {
  content: "\f21b";
}

.ri-tornado-fill:before {
  content: "\f21c";
}

.ri-tornado-line:before {
  content: "\f21d";
}

.ri-trademark-fill:before {
  content: "\f21e";
}

.ri-trademark-line:before {
  content: "\f21f";
}

.ri-traffic-light-fill:before {
  content: "\f220";
}

.ri-traffic-light-line:before {
  content: "\f221";
}

.ri-train-fill:before {
  content: "\f222";
}

.ri-train-line:before {
  content: "\f223";
}

.ri-train-wifi-fill:before {
  content: "\f224";
}

.ri-train-wifi-line:before {
  content: "\f225";
}

.ri-translate-2:before {
  content: "\f226";
}

.ri-translate:before {
  content: "\f227";
}

.ri-travesti-fill:before {
  content: "\f228";
}

.ri-travesti-line:before {
  content: "\f229";
}

.ri-treasure-map-fill:before {
  content: "\f22a";
}

.ri-treasure-map-line:before {
  content: "\f22b";
}

.ri-trello-fill:before {
  content: "\f22c";
}

.ri-trello-line:before {
  content: "\f22d";
}

.ri-trophy-fill:before {
  content: "\f22e";
}

.ri-trophy-line:before {
  content: "\f22f";
}

.ri-truck-fill:before {
  content: "\f230";
}

.ri-truck-line:before {
  content: "\f231";
}

.ri-tumblr-fill:before {
  content: "\f232";
}

.ri-tumblr-line:before {
  content: "\f233";
}

.ri-tv-2-fill:before {
  content: "\f234";
}

.ri-tv-2-line:before {
  content: "\f235";
}

.ri-tv-fill:before {
  content: "\f236";
}

.ri-tv-line:before {
  content: "\f237";
}

.ri-twitch-fill:before {
  content: "\f238";
}

.ri-twitch-line:before {
  content: "\f239";
}

.ri-twitter-fill:before {
  content: "\f23a";
}

.ri-twitter-line:before {
  content: "\f23b";
}

.ri-typhoon-fill:before {
  content: "\f23c";
}

.ri-typhoon-line:before {
  content: "\f23d";
}

.ri-u-disk-fill:before {
  content: "\f23e";
}

.ri-u-disk-line:before {
  content: "\f23f";
}

.ri-ubuntu-fill:before {
  content: "\f240";
}

.ri-ubuntu-line:before {
  content: "\f241";
}

.ri-umbrella-fill:before {
  content: "\f242";
}

.ri-umbrella-line:before {
  content: "\f243";
}

.ri-underline:before {
  content: "\f244";
}

.ri-uninstall-fill:before {
  content: "\f245";
}

.ri-uninstall-line:before {
  content: "\f246";
}

.ri-unsplash-fill:before {
  content: "\f247";
}

.ri-unsplash-line:before {
  content: "\f248";
}

.ri-upload-2-fill:before {
  content: "\f249";
}

.ri-upload-2-line:before {
  content: "\f24a";
}

.ri-upload-cloud-2-fill:before {
  content: "\f24b";
}

.ri-upload-cloud-2-line:before {
  content: "\f24c";
}

.ri-upload-cloud-fill:before {
  content: "\f24d";
}

.ri-upload-cloud-line:before {
  content: "\f24e";
}

.ri-upload-fill:before {
  content: "\f24f";
}

.ri-upload-line:before {
  content: "\f250";
}

.ri-usb-fill:before {
  content: "\f251";
}

.ri-usb-line:before {
  content: "\f252";
}

.ri-user-2-fill:before {
  content: "\f253";
}

.ri-user-2-line:before {
  content: "\f254";
}

.ri-user-3-fill:before {
  content: "\f255";
}

.ri-user-3-line:before {
  content: "\f256";
}

.ri-user-4-fill:before {
  content: "\f257";
}

.ri-user-4-line:before {
  content: "\f258";
}

.ri-user-5-fill:before {
  content: "\f259";
}

.ri-user-5-line:before {
  content: "\f25a";
}

.ri-user-6-fill:before {
  content: "\f25b";
}

.ri-user-6-line:before {
  content: "\f25c";
}

.ri-user-add-fill:before {
  content: "\f25d";
}

.ri-user-add-line:before {
  content: "\f25e";
}

.ri-user-fill:before {
  content: "\f25f";
}

.ri-user-follow-fill:before {
  content: "\f260";
}

.ri-user-follow-line:before {
  content: "\f261";
}

.ri-user-heart-fill:before {
  content: "\f262";
}

.ri-user-heart-line:before {
  content: "\f263";
}

.ri-user-line:before {
  content: "\f264";
}

.ri-user-location-fill:before {
  content: "\f265";
}

.ri-user-location-line:before {
  content: "\f266";
}

.ri-user-received-2-fill:before {
  content: "\f267";
}

.ri-user-received-2-line:before {
  content: "\f268";
}

.ri-user-received-fill:before {
  content: "\f269";
}

.ri-user-received-line:before {
  content: "\f26a";
}

.ri-user-search-fill:before {
  content: "\f26b";
}

.ri-user-search-line:before {
  content: "\f26c";
}

.ri-user-settings-fill:before {
  content: "\f26d";
}

.ri-user-settings-line:before {
  content: "\f26e";
}

.ri-user-shared-2-fill:before {
  content: "\f26f";
}

.ri-user-shared-2-line:before {
  content: "\f270";
}

.ri-user-shared-fill:before {
  content: "\f271";
}

.ri-user-shared-line:before {
  content: "\f272";
}

.ri-user-smile-fill:before {
  content: "\f273";
}

.ri-user-smile-line:before {
  content: "\f274";
}

.ri-user-star-fill:before {
  content: "\f275";
}

.ri-user-star-line:before {
  content: "\f276";
}

.ri-user-unfollow-fill:before {
  content: "\f277";
}

.ri-user-unfollow-line:before {
  content: "\f278";
}

.ri-user-voice-fill:before {
  content: "\f279";
}

.ri-user-voice-line:before {
  content: "\f27a";
}

.ri-video-add-fill:before {
  content: "\f27b";
}

.ri-video-add-line:before {
  content: "\f27c";
}

.ri-video-chat-fill:before {
  content: "\f27d";
}

.ri-video-chat-line:before {
  content: "\f27e";
}

.ri-video-download-fill:before {
  content: "\f27f";
}

.ri-video-download-line:before {
  content: "\f280";
}

.ri-video-fill:before {
  content: "\f281";
}

.ri-video-line:before {
  content: "\f282";
}

.ri-video-upload-fill:before {
  content: "\f283";
}

.ri-video-upload-line:before {
  content: "\f284";
}

.ri-vidicon-2-fill:before {
  content: "\f285";
}

.ri-vidicon-2-line:before {
  content: "\f286";
}

.ri-vidicon-fill:before {
  content: "\f287";
}

.ri-vidicon-line:before {
  content: "\f288";
}

.ri-vimeo-fill:before {
  content: "\f289";
}

.ri-vimeo-line:before {
  content: "\f28a";
}

.ri-vip-crown-2-fill:before {
  content: "\f28b";
}

.ri-vip-crown-2-line:before {
  content: "\f28c";
}

.ri-vip-crown-fill:before {
  content: "\f28d";
}

.ri-vip-crown-line:before {
  content: "\f28e";
}

.ri-vip-diamond-fill:before {
  content: "\f28f";
}

.ri-vip-diamond-line:before {
  content: "\f290";
}

.ri-vip-fill:before {
  content: "\f291";
}

.ri-vip-line:before {
  content: "\f292";
}

.ri-virus-fill:before {
  content: "\f293";
}

.ri-virus-line:before {
  content: "\f294";
}

.ri-visa-fill:before {
  content: "\f295";
}

.ri-visa-line:before {
  content: "\f296";
}

.ri-voice-recognition-fill:before {
  content: "\f297";
}

.ri-voice-recognition-line:before {
  content: "\f298";
}

.ri-voiceprint-fill:before {
  content: "\f299";
}

.ri-voiceprint-line:before {
  content: "\f29a";
}

.ri-volume-down-fill:before {
  content: "\f29b";
}

.ri-volume-down-line:before {
  content: "\f29c";
}

.ri-volume-mute-fill:before {
  content: "\f29d";
}

.ri-volume-mute-line:before {
  content: "\f29e";
}

.ri-volume-off-vibrate-fill:before {
  content: "\f29f";
}

.ri-volume-off-vibrate-line:before {
  content: "\f2a0";
}

.ri-volume-up-fill:before {
  content: "\f2a1";
}

.ri-volume-up-line:before {
  content: "\f2a2";
}

.ri-volume-vibrate-fill:before {
  content: "\f2a3";
}

.ri-volume-vibrate-line:before {
  content: "\f2a4";
}

.ri-vuejs-fill:before {
  content: "\f2a5";
}

.ri-vuejs-line:before {
  content: "\f2a6";
}

.ri-walk-fill:before {
  content: "\f2a7";
}

.ri-walk-line:before {
  content: "\f2a8";
}

.ri-wallet-2-fill:before {
  content: "\f2a9";
}

.ri-wallet-2-line:before {
  content: "\f2aa";
}

.ri-wallet-3-fill:before {
  content: "\f2ab";
}

.ri-wallet-3-line:before {
  content: "\f2ac";
}

.ri-wallet-fill:before {
  content: "\f2ad";
}

.ri-wallet-line:before {
  content: "\f2ae";
}

.ri-water-flash-fill:before {
  content: "\f2af";
}

.ri-water-flash-line:before {
  content: "\f2b0";
}

.ri-webcam-fill:before {
  content: "\f2b1";
}

.ri-webcam-line:before {
  content: "\f2b2";
}

.ri-wechat-2-fill:before {
  content: "\f2b3";
}

.ri-wechat-2-line:before {
  content: "\f2b4";
}

.ri-wechat-fill:before {
  content: "\f2b5";
}

.ri-wechat-line:before {
  content: "\f2b6";
}

.ri-wechat-pay-fill:before {
  content: "\f2b7";
}

.ri-wechat-pay-line:before {
  content: "\f2b8";
}

.ri-weibo-fill:before {
  content: "\f2b9";
}

.ri-weibo-line:before {
  content: "\f2ba";
}

.ri-whatsapp-fill:before {
  content: "\f2bb";
}

.ri-whatsapp-line:before {
  content: "\f2bc";
}

.ri-wheelchair-fill:before {
  content: "\f2bd";
}

.ri-wheelchair-line:before {
  content: "\f2be";
}

.ri-wifi-fill:before {
  content: "\f2bf";
}

.ri-wifi-line:before {
  content: "\f2c0";
}

.ri-wifi-off-fill:before {
  content: "\f2c1";
}

.ri-wifi-off-line:before {
  content: "\f2c2";
}

.ri-window-2-fill:before {
  content: "\f2c3";
}

.ri-window-2-line:before {
  content: "\f2c4";
}

.ri-window-fill:before {
  content: "\f2c5";
}

.ri-window-line:before {
  content: "\f2c6";
}

.ri-windows-fill:before {
  content: "\f2c7";
}

.ri-windows-line:before {
  content: "\f2c8";
}

.ri-windy-fill:before {
  content: "\f2c9";
}

.ri-windy-line:before {
  content: "\f2ca";
}

.ri-wireless-charging-fill:before {
  content: "\f2cb";
}

.ri-wireless-charging-line:before {
  content: "\f2cc";
}

.ri-women-fill:before {
  content: "\f2cd";
}

.ri-women-line:before {
  content: "\f2ce";
}

.ri-wubi-input:before {
  content: "\f2cf";
}

.ri-xbox-fill:before {
  content: "\f2d0";
}

.ri-xbox-line:before {
  content: "\f2d1";
}

.ri-xing-fill:before {
  content: "\f2d2";
}

.ri-xing-line:before {
  content: "\f2d3";
}

.ri-youtube-fill:before {
  content: "\f2d4";
}

.ri-youtube-line:before {
  content: "\f2d5";
}

.ri-zcool-fill:before {
  content: "\f2d6";
}

.ri-zcool-line:before {
  content: "\f2d7";
}

.ri-zhihu-fill:before {
  content: "\f2d8";
}

.ri-zhihu-line:before {
  content: "\f2d9";
}

.ri-zoom-in-fill:before {
  content: "\f2da";
}

.ri-zoom-in-line:before {
  content: "\f2db";
}

.ri-zoom-out-fill:before {
  content: "\f2dc";
}

.ri-zoom-out-line:before {
  content: "\f2dd";
}

.ri-zzz-fill:before {
  content: "\f2de";
}

.ri-zzz-line:before {
  content: "\f2df";
}

.ri-arrow-down-double-fill:before {
  content: "\f2e0";
}

.ri-arrow-down-double-line:before {
  content: "\f2e1";
}

.ri-arrow-left-double-fill:before {
  content: "\f2e2";
}

.ri-arrow-left-double-line:before {
  content: "\f2e3";
}

.ri-arrow-right-double-fill:before {
  content: "\f2e4";
}

.ri-arrow-right-double-line:before {
  content: "\f2e5";
}

.ri-arrow-turn-back-fill:before {
  content: "\f2e6";
}

.ri-arrow-turn-back-line:before {
  content: "\f2e7";
}

.ri-arrow-turn-forward-fill:before {
  content: "\f2e8";
}

.ri-arrow-turn-forward-line:before {
  content: "\f2e9";
}

.ri-arrow-up-double-fill:before {
  content: "\f2ea";
}

.ri-arrow-up-double-line:before {
  content: "\f2eb";
}

.ri-bard-fill:before {
  content: "\f2ec";
}

.ri-bard-line:before {
  content: "\f2ed";
}

.ri-bootstrap-fill:before {
  content: "\f2ee";
}

.ri-bootstrap-line:before {
  content: "\f2ef";
}

.ri-box-1-fill:before {
  content: "\f2f0";
}

.ri-box-1-line:before {
  content: "\f2f1";
}

.ri-box-2-fill:before {
  content: "\f2f2";
}

.ri-box-2-line:before {
  content: "\f2f3";
}

.ri-box-3-fill:before {
  content: "\f2f4";
}

.ri-box-3-line:before {
  content: "\f2f5";
}

.ri-brain-fill:before {
  content: "\f2f6";
}

.ri-brain-line:before {
  content: "\f2f7";
}

.ri-candle-fill:before {
  content: "\f2f8";
}

.ri-candle-line:before {
  content: "\f2f9";
}

.ri-cash-fill:before {
  content: "\f2fa";
}

.ri-cash-line:before {
  content: "\f2fb";
}

.ri-contract-left-fill:before {
  content: "\f2fc";
}

.ri-contract-left-line:before {
  content: "\f2fd";
}

.ri-contract-left-right-fill:before {
  content: "\f2fe";
}

.ri-contract-left-right-line:before {
  content: "\f2ff";
}

.ri-contract-right-fill:before {
  content: "\f300";
}

.ri-contract-right-line:before {
  content: "\f301";
}

.ri-contract-up-down-fill:before {
  content: "\f302";
}

.ri-contract-up-down-line:before {
  content: "\f303";
}

.ri-copilot-fill:before {
  content: "\f304";
}

.ri-copilot-line:before {
  content: "\f305";
}

.ri-corner-down-left-fill:before {
  content: "\f306";
}

.ri-corner-down-left-line:before {
  content: "\f307";
}

.ri-corner-down-right-fill:before {
  content: "\f308";
}

.ri-corner-down-right-line:before {
  content: "\f309";
}

.ri-corner-left-down-fill:before {
  content: "\f30a";
}

.ri-corner-left-down-line:before {
  content: "\f30b";
}

.ri-corner-left-up-fill:before {
  content: "\f30c";
}

.ri-corner-left-up-line:before {
  content: "\f30d";
}

.ri-corner-right-down-fill:before {
  content: "\f30e";
}

.ri-corner-right-down-line:before {
  content: "\f30f";
}

.ri-corner-right-up-fill:before {
  content: "\f310";
}

.ri-corner-right-up-line:before {
  content: "\f311";
}

.ri-corner-up-left-double-fill:before {
  content: "\f312";
}

.ri-corner-up-left-double-line:before {
  content: "\f313";
}

.ri-corner-up-left-fill:before {
  content: "\f314";
}

.ri-corner-up-left-line:before {
  content: "\f315";
}

.ri-corner-up-right-double-fill:before {
  content: "\f316";
}

.ri-corner-up-right-double-line:before {
  content: "\f317";
}

.ri-corner-up-right-fill:before {
  content: "\f318";
}

.ri-corner-up-right-line:before {
  content: "\f319";
}

.ri-cross-fill:before {
  content: "\f31a";
}

.ri-cross-line:before {
  content: "\f31b";
}

.ri-edge-new-fill:before {
  content: "\f31c";
}

.ri-edge-new-line:before {
  content: "\f31d";
}

.ri-equal-fill:before {
  content: "\f31e";
}

.ri-equal-line:before {
  content: "\f31f";
}

.ri-expand-left-fill:before {
  content: "\f320";
}

.ri-expand-left-line:before {
  content: "\f321";
}

.ri-expand-left-right-fill:before {
  content: "\f322";
}

.ri-expand-left-right-line:before {
  content: "\f323";
}

.ri-expand-right-fill:before {
  content: "\f324";
}

.ri-expand-right-line:before {
  content: "\f325";
}

.ri-expand-up-down-fill:before {
  content: "\f326";
}

.ri-expand-up-down-line:before {
  content: "\f327";
}

.ri-flickr-fill:before {
  content: "\f328";
}

.ri-flickr-line:before {
  content: "\f329";
}

.ri-forward-10-fill:before {
  content: "\f32a";
}

.ri-forward-10-line:before {
  content: "\f32b";
}

.ri-forward-15-fill:before {
  content: "\f32c";
}

.ri-forward-15-line:before {
  content: "\f32d";
}

.ri-forward-30-fill:before {
  content: "\f32e";
}

.ri-forward-30-line:before {
  content: "\f32f";
}

.ri-forward-5-fill:before {
  content: "\f330";
}

.ri-forward-5-line:before {
  content: "\f331";
}

.ri-graduation-cap-fill:before {
  content: "\f332";
}

.ri-graduation-cap-line:before {
  content: "\f333";
}

.ri-home-office-fill:before {
  content: "\f334";
}

.ri-home-office-line:before {
  content: "\f335";
}

.ri-hourglass-2-fill:before {
  content: "\f336";
}

.ri-hourglass-2-line:before {
  content: "\f337";
}

.ri-hourglass-fill:before {
  content: "\f338";
}

.ri-hourglass-line:before {
  content: "\f339";
}

.ri-javascript-fill:before {
  content: "\f33a";
}

.ri-javascript-line:before {
  content: "\f33b";
}

.ri-loop-left-fill:before {
  content: "\f33c";
}

.ri-loop-left-line:before {
  content: "\f33d";
}

.ri-loop-right-fill:before {
  content: "\f33e";
}

.ri-loop-right-line:before {
  content: "\f33f";
}

.ri-memories-fill:before {
  content: "\f340";
}

.ri-memories-line:before {
  content: "\f341";
}

.ri-meta-fill:before {
  content: "\f342";
}

.ri-meta-line:before {
  content: "\f343";
}

.ri-microsoft-loop-fill:before {
  content: "\f344";
}

.ri-microsoft-loop-line:before {
  content: "\f345";
}

.ri-nft-fill:before {
  content: "\f346";
}

.ri-nft-line:before {
  content: "\f347";
}

.ri-notion-fill:before {
  content: "\f348";
}

.ri-notion-line:before {
  content: "\f349";
}

.ri-openai-fill:before {
  content: "\f34a";
}

.ri-openai-line:before {
  content: "\f34b";
}

.ri-overline:before {
  content: "\f34c";
}

.ri-p2p-fill:before {
  content: "\f34d";
}

.ri-p2p-line:before {
  content: "\f34e";
}

.ri-presentation-fill:before {
  content: "\f34f";
}

.ri-presentation-line:before {
  content: "\f350";
}

.ri-replay-10-fill:before {
  content: "\f351";
}

.ri-replay-10-line:before {
  content: "\f352";
}

.ri-replay-15-fill:before {
  content: "\f353";
}

.ri-replay-15-line:before {
  content: "\f354";
}

.ri-replay-30-fill:before {
  content: "\f355";
}

.ri-replay-30-line:before {
  content: "\f356";
}

.ri-replay-5-fill:before {
  content: "\f357";
}

.ri-replay-5-line:before {
  content: "\f358";
}

.ri-school-fill:before {
  content: "\f359";
}

.ri-school-line:before {
  content: "\f35a";
}

.ri-shining-2-fill:before {
  content: "\f35b";
}

.ri-shining-2-line:before {
  content: "\f35c";
}

.ri-shining-fill:before {
  content: "\f35d";
}

.ri-shining-line:before {
  content: "\f35e";
}

.ri-sketching:before {
  content: "\f35f";
}

.ri-skip-down-fill:before {
  content: "\f360";
}

.ri-skip-down-line:before {
  content: "\f361";
}

.ri-skip-left-fill:before {
  content: "\f362";
}

.ri-skip-left-line:before {
  content: "\f363";
}

.ri-skip-right-fill:before {
  content: "\f364";
}

.ri-skip-right-line:before {
  content: "\f365";
}

.ri-skip-up-fill:before {
  content: "\f366";
}

.ri-skip-up-line:before {
  content: "\f367";
}

.ri-slow-down-fill:before {
  content: "\f368";
}

.ri-slow-down-line:before {
  content: "\f369";
}

.ri-sparkling-2-fill:before {
  content: "\f36a";
}

.ri-sparkling-2-line:before {
  content: "\f36b";
}

.ri-sparkling-fill:before {
  content: "\f36c";
}

.ri-sparkling-line:before {
  content: "\f36d";
}

.ri-speak-fill:before {
  content: "\f36e";
}

.ri-speak-line:before {
  content: "\f36f";
}

.ri-speed-up-fill:before {
  content: "\f370";
}

.ri-speed-up-line:before {
  content: "\f371";
}

.ri-tiktok-fill:before {
  content: "\f372";
}

.ri-tiktok-line:before {
  content: "\f373";
}

.ri-token-swap-fill:before {
  content: "\f374";
}

.ri-token-swap-line:before {
  content: "\f375";
}

.ri-unpin-fill:before {
  content: "\f376";
}

.ri-unpin-line:before {
  content: "\f377";
}

.ri-wechat-channels-fill:before {
  content: "\f378";
}

.ri-wechat-channels-line:before {
  content: "\f379";
}

.ri-wordpress-fill:before {
  content: "\f37a";
}

.ri-wordpress-line:before {
  content: "\f37b";
}

.ri-blender-fill:before {
  content: "\f37c";
}

.ri-blender-line:before {
  content: "\f37d";
}

.ri-emoji-sticker-fill:before {
  content: "\f37e";
}

.ri-emoji-sticker-line:before {
  content: "\f37f";
}

.ri-git-close-pull-request-fill:before {
  content: "\f380";
}

.ri-git-close-pull-request-line:before {
  content: "\f381";
}

.ri-instance-fill:before {
  content: "\f382";
}

.ri-instance-line:before {
  content: "\f383";
}

.ri-megaphone-fill:before {
  content: "\f384";
}

.ri-megaphone-line:before {
  content: "\f385";
}

.ri-pass-expired-fill:before {
  content: "\f386";
}

.ri-pass-expired-line:before {
  content: "\f387";
}

.ri-pass-pending-fill:before {
  content: "\f388";
}

.ri-pass-pending-line:before {
  content: "\f389";
}

.ri-pass-valid-fill:before {
  content: "\f38a";
}

.ri-pass-valid-line:before {
  content: "\f38b";
}

.ri-ai-generate:before {
  content: "\f38c";
}

.ri-calendar-close-fill:before {
  content: "\f38d";
}

.ri-calendar-close-line:before {
  content: "\f38e";
}

.ri-draggable:before {
  content: "\f38f";
}

.ri-font-family:before {
  content: "\f390";
}

.ri-font-mono:before {
  content: "\f391";
}

.ri-font-sans-serif:before {
  content: "\f392";
}

.ri-font-sans:before {
  content: "\f393";
}

.ri-hard-drive-3-fill:before {
  content: "\f394";
}

.ri-hard-drive-3-line:before {
  content: "\f395";
}

.ri-kick-fill:before {
  content: "\f396";
}

.ri-kick-line:before {
  content: "\f397";
}

.ri-list-check-3:before {
  content: "\f398";
}

.ri-list-indefinite:before {
  content: "\f399";
}

.ri-list-ordered-2:before {
  content: "\f39a";
}

.ri-list-radio:before {
  content: "\f39b";
}

.ri-openbase-fill:before {
  content: "\f39c";
}

.ri-openbase-line:before {
  content: "\f39d";
}

.ri-planet-fill:before {
  content: "\f39e";
}

.ri-planet-line:before {
  content: "\f39f";
}

.ri-prohibited-fill:before {
  content: "\f3a0";
}

.ri-prohibited-line:before {
  content: "\f3a1";
}

.ri-quote-text:before {
  content: "\f3a2";
}

.ri-seo-fill:before {
  content: "\f3a3";
}

.ri-seo-line:before {
  content: "\f3a4";
}

.ri-slash-commands:before {
  content: "\f3a5";
}

.ri-archive-2-fill:before {
  content: "\f3a6";
}

.ri-archive-2-line:before {
  content: "\f3a7";
}

.ri-inbox-2-fill:before {
  content: "\f3a8";
}

.ri-inbox-2-line:before {
  content: "\f3a9";
}

.ri-shake-hands-fill:before {
  content: "\f3aa";
}

.ri-shake-hands-line:before {
  content: "\f3ab";
}

.ri-supabase-fill:before {
  content: "\f3ac";
}

.ri-supabase-line:before {
  content: "\f3ad";
}

.ri-water-percent-fill:before {
  content: "\f3ae";
}

.ri-water-percent-line:before {
  content: "\f3af";
}

.ri-yuque-fill:before {
  content: "\f3b0";
}

.ri-yuque-line:before {
  content: "\f3b1";
}

.ri-crosshair-2-fill:before {
  content: "\f3b2";
}

.ri-crosshair-2-line:before {
  content: "\f3b3";
}

.ri-crosshair-fill:before {
  content: "\f3b4";
}

.ri-crosshair-line:before {
  content: "\f3b5";
}

.ri-file-close-fill:before {
  content: "\f3b6";
}

.ri-file-close-line:before {
  content: "\f3b7";
}

.ri-infinity-fill:before {
  content: "\f3b8";
}

.ri-infinity-line:before {
  content: "\f3b9";
}

.ri-rfid-fill:before {
  content: "\f3ba";
}

.ri-rfid-line:before {
  content: "\f3bb";
}

.ri-slash-commands-2:before {
  content: "\f3bc";
}

.ri-user-forbid-fill:before {
  content: "\f3bd";
}

.ri-user-forbid-line:before {
  content: "\f3be";
}

.ri-beer-fill:before {
  content: "\f3bf";
}

.ri-beer-line:before {
  content: "\f3c0";
}

.ri-circle-fill:before {
  content: "\f3c1";
}

.ri-circle-line:before {
  content: "\f3c2";
}

.ri-dropdown-list:before {
  content: "\f3c3";
}

.ri-file-image-fill:before {
  content: "\f3c4";
}

.ri-file-image-line:before {
  content: "\f3c5";
}

.ri-file-pdf-2-fill:before {
  content: "\f3c6";
}

.ri-file-pdf-2-line:before {
  content: "\f3c7";
}

.ri-file-video-fill:before {
  content: "\f3c8";
}

.ri-file-video-line:before {
  content: "\f3c9";
}

.ri-folder-image-fill:before {
  content: "\f3ca";
}

.ri-folder-image-line:before {
  content: "\f3cb";
}

.ri-folder-video-fill:before {
  content: "\f3cc";
}

.ri-folder-video-line:before {
  content: "\f3cd";
}

.ri-hexagon-fill:before {
  content: "\f3ce";
}

.ri-hexagon-line:before {
  content: "\f3cf";
}

.ri-menu-search-fill:before {
  content: "\f3d0";
}

.ri-menu-search-line:before {
  content: "\f3d1";
}

.ri-octagon-fill:before {
  content: "\f3d2";
}

.ri-octagon-line:before {
  content: "\f3d3";
}

.ri-pentagon-fill:before {
  content: "\f3d4";
}

.ri-pentagon-line:before {
  content: "\f3d5";
}

.ri-rectangle-fill:before {
  content: "\f3d6";
}

.ri-rectangle-line:before {
  content: "\f3d7";
}

.ri-robot-2-fill:before {
  content: "\f3d8";
}

.ri-robot-2-line:before {
  content: "\f3d9";
}

.ri-shapes-fill:before {
  content: "\f3da";
}

.ri-shapes-line:before {
  content: "\f3db";
}

.ri-square-fill:before {
  content: "\f3dc";
}

.ri-square-line:before {
  content: "\f3dd";
}

.ri-tent-fill:before {
  content: "\f3de";
}

.ri-tent-line:before {
  content: "\f3df";
}

.ri-threads-fill:before {
  content: "\f3e0";
}

.ri-threads-line:before {
  content: "\f3e1";
}

.ri-tree-fill:before {
  content: "\f3e2";
}

.ri-tree-line:before {
  content: "\f3e3";
}

.ri-triangle-fill:before {
  content: "\f3e4";
}

.ri-triangle-line:before {
  content: "\f3e5";
}

.ri-twitter-x-fill:before {
  content: "\f3e6";
}

.ri-twitter-x-line:before {
  content: "\f3e7";
}

.ri-verified-badge-fill:before {
  content: "\f3e8";
}

.ri-verified-badge-line:before {
  content: "\f3e9";
}

.ri-armchair-fill:before {
  content: "\f3ea";
}

.ri-armchair-line:before {
  content: "\f3eb";
}

.ri-bnb-fill:before {
  content: "\f3ec";
}

.ri-bnb-line:before {
  content: "\f3ed";
}

.ri-bread-fill:before {
  content: "\f3ee";
}

.ri-bread-line:before {
  content: "\f3ef";
}

.ri-btc-fill:before {
  content: "\f3f0";
}

.ri-btc-line:before {
  content: "\f3f1";
}

.ri-calendar-schedule-fill:before {
  content: "\f3f2";
}

.ri-calendar-schedule-line:before {
  content: "\f3f3";
}

.ri-dice-1-fill:before {
  content: "\f3f4";
}

.ri-dice-1-line:before {
  content: "\f3f5";
}

.ri-dice-2-fill:before {
  content: "\f3f6";
}

.ri-dice-2-line:before {
  content: "\f3f7";
}

.ri-dice-3-fill:before {
  content: "\f3f8";
}

.ri-dice-3-line:before {
  content: "\f3f9";
}

.ri-dice-4-fill:before {
  content: "\f3fa";
}

.ri-dice-4-line:before {
  content: "\f3fb";
}

.ri-dice-5-fill:before {
  content: "\f3fc";
}

.ri-dice-5-line:before {
  content: "\f3fd";
}

.ri-dice-6-fill:before {
  content: "\f3fe";
}

.ri-dice-6-line:before {
  content: "\f3ff";
}

.ri-dice-fill:before {
  content: "\f400";
}

.ri-dice-line:before {
  content: "\f401";
}

.ri-drinks-fill:before {
  content: "\f402";
}

.ri-drinks-line:before {
  content: "\f403";
}

.ri-equalizer-2-fill:before {
  content: "\f404";
}

.ri-equalizer-2-line:before {
  content: "\f405";
}

.ri-equalizer-3-fill:before {
  content: "\f406";
}

.ri-equalizer-3-line:before {
  content: "\f407";
}

.ri-eth-fill:before {
  content: "\f408";
}

.ri-eth-line:before {
  content: "\f409";
}

.ri-flower-fill:before {
  content: "\f40a";
}

.ri-flower-line:before {
  content: "\f40b";
}

.ri-glasses-2-fill:before {
  content: "\f40c";
}

.ri-glasses-2-line:before {
  content: "\f40d";
}

.ri-glasses-fill:before {
  content: "\f40e";
}

.ri-glasses-line:before {
  content: "\f40f";
}

.ri-goggles-fill:before {
  content: "\f410";
}

.ri-goggles-line:before {
  content: "\f411";
}

.ri-image-circle-fill:before {
  content: "\f412";
}

.ri-image-circle-line:before {
  content: "\f413";
}

.ri-info-i:before {
  content: "\f414";
}

.ri-money-rupee-circle-fill:before {
  content: "\f415";
}

.ri-money-rupee-circle-line:before {
  content: "\f416";
}

.ri-news-fill:before {
  content: "\f417";
}

.ri-news-line:before {
  content: "\f418";
}

.ri-robot-3-fill:before {
  content: "\f419";
}

.ri-robot-3-line:before {
  content: "\f41a";
}

.ri-share-2-fill:before {
  content: "\f41b";
}

.ri-share-2-line:before {
  content: "\f41c";
}

.ri-sofa-fill:before {
  content: "\f41d";
}

.ri-sofa-line:before {
  content: "\f41e";
}

.ri-svelte-fill:before {
  content: "\f41f";
}

.ri-svelte-line:before {
  content: "\f420";
}

.ri-vk-fill:before {
  content: "\f421";
}

.ri-vk-line:before {
  content: "\f422";
}

.ri-xrp-fill:before {
  content: "\f423";
}

.ri-xrp-line:before {
  content: "\f424";
}

.ri-xtz-fill:before {
  content: "\f425";
}

.ri-xtz-line:before {
  content: "\f426";
}

.ri-archive-stack-fill:before {
  content: "\f427";
}

.ri-archive-stack-line:before {
  content: "\f428";
}

.ri-bowl-fill:before {
  content: "\f429";
}

.ri-bowl-line:before {
  content: "\f42a";
}

.ri-calendar-view:before {
  content: "\f42b";
}

.ri-carousel-view:before {
  content: "\f42c";
}

.ri-code-block:before {
  content: "\f42d";
}

.ri-color-filter-fill:before {
  content: "\f42e";
}

.ri-color-filter-line:before {
  content: "\f42f";
}

.ri-contacts-book-3-fill:before {
  content: "\f430";
}

.ri-contacts-book-3-line:before {
  content: "\f431";
}

.ri-contract-fill:before {
  content: "\f432";
}

.ri-contract-line:before {
  content: "\f433";
}

.ri-drinks-2-fill:before {
  content: "\f434";
}

.ri-drinks-2-line:before {
  content: "\f435";
}

.ri-export-fill:before {
  content: "\f436";
}

.ri-export-line:before {
  content: "\f437";
}

.ri-file-check-fill:before {
  content: "\f438";
}

.ri-file-check-line:before {
  content: "\f439";
}

.ri-focus-mode:before {
  content: "\f43a";
}

.ri-folder-6-fill:before {
  content: "\f43b";
}

.ri-folder-6-line:before {
  content: "\f43c";
}

.ri-folder-check-fill:before {
  content: "\f43d";
}

.ri-folder-check-line:before {
  content: "\f43e";
}

.ri-folder-close-fill:before {
  content: "\f43f";
}

.ri-folder-close-line:before {
  content: "\f440";
}

.ri-folder-cloud-fill:before {
  content: "\f441";
}

.ri-folder-cloud-line:before {
  content: "\f442";
}

.ri-gallery-view-2:before {
  content: "\f443";
}

.ri-gallery-view:before {
  content: "\f444";
}

.ri-hand:before {
  content: "\f445";
}

.ri-import-fill:before {
  content: "\f446";
}

.ri-import-line:before {
  content: "\f447";
}

.ri-information-2-fill:before {
  content: "\f448";
}

.ri-information-2-line:before {
  content: "\f449";
}

.ri-kanban-view-2:before {
  content: "\f44a";
}

.ri-kanban-view:before {
  content: "\f44b";
}

.ri-list-view:before {
  content: "\f44c";
}

.ri-lock-star-fill:before {
  content: "\f44d";
}

.ri-lock-star-line:before {
  content: "\f44e";
}

.ri-puzzle-2-fill:before {
  content: "\f44f";
}

.ri-puzzle-2-line:before {
  content: "\f450";
}

.ri-puzzle-fill:before {
  content: "\f451";
}

.ri-puzzle-line:before {
  content: "\f452";
}

.ri-ram-2-fill:before {
  content: "\f453";
}

.ri-ram-2-line:before {
  content: "\f454";
}

.ri-ram-fill:before {
  content: "\f455";
}

.ri-ram-line:before {
  content: "\f456";
}

.ri-receipt-fill:before {
  content: "\f457";
}

.ri-receipt-line:before {
  content: "\f458";
}

.ri-shadow-fill:before {
  content: "\f459";
}

.ri-shadow-line:before {
  content: "\f45a";
}

.ri-sidebar-fold-fill:before {
  content: "\f45b";
}

.ri-sidebar-fold-line:before {
  content: "\f45c";
}

.ri-sidebar-unfold-fill:before {
  content: "\f45d";
}

.ri-sidebar-unfold-line:before {
  content: "\f45e";
}

.ri-slideshow-view:before {
  content: "\f45f";
}

.ri-sort-alphabet-asc:before {
  content: "\f460";
}

.ri-sort-alphabet-desc:before {
  content: "\f461";
}

.ri-sort-number-asc:before {
  content: "\f462";
}

.ri-sort-number-desc:before {
  content: "\f463";
}

.ri-stacked-view:before {
  content: "\f464";
}

.ri-sticky-note-add-fill:before {
  content: "\f465";
}

.ri-sticky-note-add-line:before {
  content: "\f466";
}

.ri-swap-2-fill:before {
  content: "\f467";
}

.ri-swap-2-line:before {
  content: "\f468";
}

.ri-swap-3-fill:before {
  content: "\f469";
}

.ri-swap-3-line:before {
  content: "\f46a";
}

.ri-table-3:before {
  content: "\f46b";
}

.ri-table-view:before {
  content: "\f46c";
}

.ri-text-block:before {
  content: "\f46d";
}

.ri-text-snippet:before {
  content: "\f46e";
}

.ri-timeline-view:before {
  content: "\f46f";
}

.ri-blogger-fill:before {
  content: "\f470";
}

.ri-blogger-line:before {
  content: "\f471";
}

.ri-chat-thread-fill:before {
  content: "\f472";
}

.ri-chat-thread-line:before {
  content: "\f473";
}

.ri-discount-percent-fill:before {
  content: "\f474";
}

.ri-discount-percent-line:before {
  content: "\f475";
}

.ri-exchange-2-fill:before {
  content: "\f476";
}

.ri-exchange-2-line:before {
  content: "\f477";
}

.ri-git-fork-fill:before {
  content: "\f478";
}

.ri-git-fork-line:before {
  content: "\f479";
}

.ri-input-field:before {
  content: "\f47a";
}

.ri-progress-1-fill:before {
  content: "\f47b";
}

.ri-progress-1-line:before {
  content: "\f47c";
}

.ri-progress-2-fill:before {
  content: "\f47d";
}

.ri-progress-2-line:before {
  content: "\f47e";
}

.ri-progress-3-fill:before {
  content: "\f47f";
}

.ri-progress-3-line:before {
  content: "\f480";
}

.ri-progress-4-fill:before {
  content: "\f481";
}

.ri-progress-4-line:before {
  content: "\f482";
}

.ri-progress-5-fill:before {
  content: "\f483";
}

.ri-progress-5-line:before {
  content: "\f484";
}

.ri-progress-6-fill:before {
  content: "\f485";
}

.ri-progress-6-line:before {
  content: "\f486";
}

.ri-progress-7-fill:before {
  content: "\f487";
}

.ri-progress-7-line:before {
  content: "\f488";
}

.ri-progress-8-fill:before {
  content: "\f489";
}

.ri-progress-8-line:before {
  content: "\f48a";
}

.ri-remix-run-fill:before {
  content: "\f48b";
}

.ri-remix-run-line:before {
  content: "\f48c";
}

.ri-signpost-fill:before {
  content: "\f48d";
}

.ri-signpost-line:before {
  content: "\f48e";
}

.ri-time-zone-fill:before {
  content: "\f48f";
}

.ri-time-zone-line:before {
  content: "\f490";
}

.ri-arrow-down-wide-fill:before {
  content: "\f491";
}

.ri-arrow-down-wide-line:before {
  content: "\f492";
}

.ri-arrow-left-wide-fill:before {
  content: "\f493";
}

.ri-arrow-left-wide-line:before {
  content: "\f494";
}

.ri-arrow-right-wide-fill:before {
  content: "\f495";
}

.ri-arrow-right-wide-line:before {
  content: "\f496";
}

.ri-arrow-up-wide-fill:before {
  content: "\f497";
}

.ri-arrow-up-wide-line:before {
  content: "\f498";
}

.ri-bluesky-fill:before {
  content: "\f499";
}

.ri-bluesky-line:before {
  content: "\f49a";
}

.ri-expand-height-fill:before {
  content: "\f49b";
}

.ri-expand-height-line:before {
  content: "\f49c";
}

.ri-expand-width-fill:before {
  content: "\f49d";
}

.ri-expand-width-line:before {
  content: "\f49e";
}

.ri-forward-end-fill:before {
  content: "\f49f";
}

.ri-forward-end-line:before {
  content: "\f4a0";
}

.ri-forward-end-mini-fill:before {
  content: "\f4a1";
}

.ri-forward-end-mini-line:before {
  content: "\f4a2";
}

.ri-friendica-fill:before {
  content: "\f4a3";
}

.ri-friendica-line:before {
  content: "\f4a4";
}

.ri-git-pr-draft-fill:before {
  content: "\f4a5";
}

.ri-git-pr-draft-line:before {
  content: "\f4a6";
}

.ri-play-reverse-fill:before {
  content: "\f4a7";
}

.ri-play-reverse-line:before {
  content: "\f4a8";
}

.ri-play-reverse-mini-fill:before {
  content: "\f4a9";
}

.ri-play-reverse-mini-line:before {
  content: "\f4aa";
}

.ri-rewind-start-fill:before {
  content: "\f4ab";
}

.ri-rewind-start-line:before {
  content: "\f4ac";
}

.ri-rewind-start-mini-fill:before {
  content: "\f4ad";
}

.ri-rewind-start-mini-line:before {
  content: "\f4ae";
}

.ri-scroll-to-bottom-fill:before {
  content: "\f4af";
}

.ri-scroll-to-bottom-line:before {
  content: "\f4b0";
}

.ri-add-large-fill:before {
  content: "\f4b1";
}

.ri-add-large-line:before {
  content: "\f4b2";
}

.ri-aed-electrodes-fill:before {
  content: "\f4b3";
}

.ri-aed-electrodes-line:before {
  content: "\f4b4";
}

.ri-aed-fill:before {
  content: "\f4b5";
}

.ri-aed-line:before {
  content: "\f4b6";
}

.ri-alibaba-cloud-fill:before {
  content: "\f4b7";
}

.ri-alibaba-cloud-line:before {
  content: "\f4b8";
}

.ri-align-item-bottom-fill:before {
  content: "\f4b9";
}

.ri-align-item-bottom-line:before {
  content: "\f4ba";
}

.ri-align-item-horizontal-center-fill:before {
  content: "\f4bb";
}

.ri-align-item-horizontal-center-line:before {
  content: "\f4bc";
}

.ri-align-item-left-fill:before {
  content: "\f4bd";
}

.ri-align-item-left-line:before {
  content: "\f4be";
}

.ri-align-item-right-fill:before {
  content: "\f4bf";
}

.ri-align-item-right-line:before {
  content: "\f4c0";
}

.ri-align-item-top-fill:before {
  content: "\f4c1";
}

.ri-align-item-top-line:before {
  content: "\f4c2";
}

.ri-align-item-vertical-center-fill:before {
  content: "\f4c3";
}

.ri-align-item-vertical-center-line:before {
  content: "\f4c4";
}

.ri-apps-2-add-fill:before {
  content: "\f4c5";
}

.ri-apps-2-add-line:before {
  content: "\f4c6";
}

.ri-close-large-fill:before {
  content: "\f4c7";
}

.ri-close-large-line:before {
  content: "\f4c8";
}

.ri-collapse-diagonal-2-fill:before {
  content: "\f4c9";
}

.ri-collapse-diagonal-2-line:before {
  content: "\f4ca";
}

.ri-collapse-diagonal-fill:before {
  content: "\f4cb";
}

.ri-collapse-diagonal-line:before {
  content: "\f4cc";
}

.ri-dashboard-horizontal-fill:before {
  content: "\f4cd";
}

.ri-dashboard-horizontal-line:before {
  content: "\f4ce";
}

.ri-expand-diagonal-2-fill:before {
  content: "\f4cf";
}

.ri-expand-diagonal-2-line:before {
  content: "\f4d0";
}

.ri-expand-diagonal-fill:before {
  content: "\f4d1";
}

.ri-expand-diagonal-line:before {
  content: "\f4d2";
}

.ri-firebase-fill:before {
  content: "\f4d3";
}

.ri-firebase-line:before {
  content: "\f4d4";
}

.ri-flip-horizontal-2-fill:before {
  content: "\f4d5";
}

.ri-flip-horizontal-2-line:before {
  content: "\f4d6";
}

.ri-flip-horizontal-fill:before {
  content: "\f4d7";
}

.ri-flip-horizontal-line:before {
  content: "\f4d8";
}

.ri-flip-vertical-2-fill:before {
  content: "\f4d9";
}

.ri-flip-vertical-2-line:before {
  content: "\f4da";
}

.ri-flip-vertical-fill:before {
  content: "\f4db";
}

.ri-flip-vertical-line:before {
  content: "\f4dc";
}

.ri-formula:before {
  content: "\f4dd";
}

.ri-function-add-fill:before {
  content: "\f4de";
}

.ri-function-add-line:before {
  content: "\f4df";
}

.ri-goblet-2-fill:before {
  content: "\f4e0";
}

.ri-goblet-2-line:before {
  content: "\f4e1";
}

.ri-golf-ball-fill:before {
  content: "\f4e2";
}

.ri-golf-ball-line:before {
  content: "\f4e3";
}

.ri-group-3-fill:before {
  content: "\f4e4";
}

.ri-group-3-line:before {
  content: "\f4e5";
}

.ri-heart-add-2-fill:before {
  content: "\f4e6";
}

.ri-heart-add-2-line:before {
  content: "\f4e7";
}

.ri-id-card-fill:before {
  content: "\f4e8";
}

.ri-id-card-line:before {
  content: "\f4e9";
}

.ri-information-off-fill:before {
  content: "\f4ea";
}

.ri-information-off-line:before {
  content: "\f4eb";
}

.ri-java-fill:before {
  content: "\f4ec";
}

.ri-java-line:before {
  content: "\f4ed";
}

.ri-layout-grid-2-fill:before {
  content: "\f4ee";
}

.ri-layout-grid-2-line:before {
  content: "\f4ef";
}

.ri-layout-horizontal-fill:before {
  content: "\f4f0";
}

.ri-layout-horizontal-line:before {
  content: "\f4f1";
}

.ri-layout-vertical-fill:before {
  content: "\f4f2";
}

.ri-layout-vertical-line:before {
  content: "\f4f3";
}

.ri-menu-fold-2-fill:before {
  content: "\f4f4";
}

.ri-menu-fold-2-line:before {
  content: "\f4f5";
}

.ri-menu-fold-3-fill:before {
  content: "\f4f6";
}

.ri-menu-fold-3-line:before {
  content: "\f4f7";
}

.ri-menu-fold-4-fill:before {
  content: "\f4f8";
}

.ri-menu-fold-4-line:before {
  content: "\f4f9";
}

.ri-menu-unfold-2-fill:before {
  content: "\f4fa";
}

.ri-menu-unfold-2-line:before {
  content: "\f4fb";
}

.ri-menu-unfold-3-fill:before {
  content: "\f4fc";
}

.ri-menu-unfold-3-line:before {
  content: "\f4fd";
}

.ri-menu-unfold-4-fill:before {
  content: "\f4fe";
}

.ri-menu-unfold-4-line:before {
  content: "\f4ff";
}

.ri-mobile-download-fill:before {
  content: "\f500";
}

.ri-mobile-download-line:before {
  content: "\f501";
}

.ri-nextjs-fill:before {
  content: "\f502";
}

.ri-nextjs-line:before {
  content: "\f503";
}

.ri-nodejs-fill:before {
  content: "\f504";
}

.ri-nodejs-line:before {
  content: "\f505";
}

.ri-pause-large-fill:before {
  content: "\f506";
}

.ri-pause-large-line:before {
  content: "\f507";
}

.ri-play-large-fill:before {
  content: "\f508";
}

.ri-play-large-line:before {
  content: "\f509";
}

.ri-play-reverse-large-fill:before {
  content: "\f50a";
}

.ri-play-reverse-large-line:before {
  content: "\f50b";
}

.ri-police-badge-fill:before {
  content: "\f50c";
}

.ri-police-badge-line:before {
  content: "\f50d";
}

.ri-prohibited-2-fill:before {
  content: "\f50e";
}

.ri-prohibited-2-line:before {
  content: "\f50f";
}

.ri-shopping-bag-4-fill:before {
  content: "\f510";
}

.ri-shopping-bag-4-line:before {
  content: "\f511";
}

.ri-snowflake-fill:before {
  content: "\f512";
}

.ri-snowflake-line:before {
  content: "\f513";
}

.ri-square-root:before {
  content: "\f514";
}

.ri-stop-large-fill:before {
  content: "\f515";
}

.ri-stop-large-line:before {
  content: "\f516";
}

.ri-tailwind-css-fill:before {
  content: "\f517";
}

.ri-tailwind-css-line:before {
  content: "\f518";
}

.ri-tooth-fill:before {
  content: "\f519";
}

.ri-tooth-line:before {
  content: "\f51a";
}

.ri-video-off-fill:before {
  content: "\f51b";
}

.ri-video-off-line:before {
  content: "\f51c";
}

.ri-video-on-fill:before {
  content: "\f51d";
}

.ri-video-on-line:before {
  content: "\f51e";
}

.ri-webhook-fill:before {
  content: "\f51f";
}

.ri-webhook-line:before {
  content: "\f520";
}

.ri-weight-fill:before {
  content: "\f521";
}

.ri-weight-line:before {
  content: "\f522";
}

.ri-book-shelf-fill:before {
  content: "\f523";
}

.ri-book-shelf-line:before {
  content: "\f524";
}

.ri-brain-2-fill:before {
  content: "\f525";
}

.ri-brain-2-line:before {
  content: "\f526";
}

.ri-chat-search-fill:before {
  content: "\f527";
}

.ri-chat-search-line:before {
  content: "\f528";
}

.ri-chat-unread-fill:before {
  content: "\f529";
}

.ri-chat-unread-line:before {
  content: "\f52a";
}

.ri-collapse-horizontal-fill:before {
  content: "\f52b";
}

.ri-collapse-horizontal-line:before {
  content: "\f52c";
}

.ri-collapse-vertical-fill:before {
  content: "\f52d";
}

.ri-collapse-vertical-line:before {
  content: "\f52e";
}

.ri-dna-fill:before {
  content: "\f52f";
}

.ri-dna-line:before {
  content: "\f530";
}

.ri-dropper-fill:before {
  content: "\f531";
}

.ri-dropper-line:before {
  content: "\f532";
}

.ri-expand-diagonal-s-2-fill:before {
  content: "\f533";
}

.ri-expand-diagonal-s-2-line:before {
  content: "\f534";
}

.ri-expand-diagonal-s-fill:before {
  content: "\f535";
}

.ri-expand-diagonal-s-line:before {
  content: "\f536";
}

.ri-expand-horizontal-fill:before {
  content: "\f537";
}

.ri-expand-horizontal-line:before {
  content: "\f538";
}

.ri-expand-horizontal-s-fill:before {
  content: "\f539";
}

.ri-expand-horizontal-s-line:before {
  content: "\f53a";
}

.ri-expand-vertical-fill:before {
  content: "\f53b";
}

.ri-expand-vertical-line:before {
  content: "\f53c";
}

.ri-expand-vertical-s-fill:before {
  content: "\f53d";
}

.ri-expand-vertical-s-line:before {
  content: "\f53e";
}

.ri-gemini-fill:before {
  content: "\f53f";
}

.ri-gemini-line:before {
  content: "\f540";
}

.ri-reset-left-fill:before {
  content: "\f541";
}

.ri-reset-left-line:before {
  content: "\f542";
}

.ri-reset-right-fill:before {
  content: "\f543";
}

.ri-reset-right-line:before {
  content: "\f544";
}

.ri-stairs-fill:before {
  content: "\f545";
}

.ri-stairs-line:before {
  content: "\f546";
}

.ri-telegram-2-fill:before {
  content: "\f547";
}

.ri-telegram-2-line:before {
  content: "\f548";
}

.ri-triangular-flag-fill:before {
  content: "\f549";
}

.ri-triangular-flag-line:before {
  content: "\f54a";
}

.ri-user-minus-fill:before {
  content: "\f54b";
}

.ri-user-minus-line:before {
  content: "\f54c";
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

.form-control:hover,
.form-control:focus,
.form-control:active,
.form-select:hover,
.form-select:focus,
.form-select:active {
  box-shadow: none;
  outline: none;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

body.dark {
  background-color: #121212 !important;
}
body.dark section.text .box .content h2 {
  color: #fff !important;
}
body.dark a {
  color: #fff;
}
body.dark .dd-handle {
  color: #cecece;
  background: #303439;
  border-color: #1f2124;
}
body.dark .ql-snow .ql-stroke {
  stroke: #fff !important;
}
body.dark header .dropdown-notification .btn-all {
  border-top: 1px solid #2d2d2f;
  background: #2d2d2f;
  color: #fff;
  border-right: 4px solid #2d2d2f;
  transition: all 0.3s ease;
}
body.dark header .dropdown-notification .btn-all:hover {
  background: rgb(57.472826087, 57.472826087, 60.027173913);
  border-right: 4px solid rgb(57.472826087, 57.472826087, 60.027173913);
  border-top: 1px solid rgb(57.472826087, 57.472826087, 60.027173913);
}
body.dark .modal .modal-content .modal-body .iptalHazirNedenler span {
  color: rgb(145, 162, 255);
}
body.dark {
  /* Yeni Post Item ve Diğer Kodları*/
}
body.dark .post-item-new {
  background-color: #28282a;
}
body.dark .post-item-new .detail .title a {
  color: #fff;
}
body.dark .post-item-new .detail .title a:hover {
  color: #3d5afe;
}
body.dark .post-item-new .prices {
  border-top: 1px solid #37373b;
}
body.dark .post-item-new .prices span.price {
  color: #fff;
}
body.dark .post-item-new .prices span.badgex {
  background-color: #2b4e3b;
}
body.dark .load-more-area-new a.load-more {
  background-color: #28282a;
}
body.dark .load-more-area-new a.load-more:hover {
  background-color: #1c1c1e;
}
body.dark .load-more-area-new a.load-more i {
  background-color: #27382f;
}
body.dark {
  /* Yeni Post Item ve Diğer Kodları*/
}
body.dark .banks .bank .title {
  background-color: #454545;
  border-bottom: 1px solid #2d2d2f;
  color: #fff;
}
body.dark .banks .bank .content {
  background-color: #2d2d2f !important;
}
body.dark .banks .bank .content table tr {
  border-bottom: 1px solid #4c4c52 !important;
}
body.dark .banks .bank .content table tr td {
  color: #fff;
}
body.dark .ajaxmessage .hiddenbox {
  background: #121212;
}
body.dark .ajaxmessage .hiddenbox ul li {
  background: #1e1e1f;
  color: #fff;
}
body.dark .ajaxmessage .hiddenbox ul li:hover {
  background: #2d2d2f;
}
body.dark section.add .form .body .select2 {
  background: #2b2b2c;
  border: 1px solid #2d2d2f;
  color: #fff;
}
body.dark .formWrapper .form-control, body.dark .formWrapper .form-select, body.dark .formWrapper .select2 {
  background: #2b2b2c;
  border: 1px solid #2d2d2f;
  color: #fff;
}
body.dark .formWrapper .kvkk_info {
  color: #fff;
}
body.dark .formWrapper .kvkk_info a {
  color: #fff;
}
body.dark .select2-container--default .select2-selection--single {
  background: #2b2b2c;
  border: 1px solid #2d2d2f;
  color: #fff;
}
body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}
body.dark .select2-dropdown {
  background-color: #121212;
  border: 1px solid #2b2b2c;
}
body.dark .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #2b2b2c;
  background: #2b2b2c;
  color: #fff !important;
}
body.dark .select2-results__option {
  color: #fff;
}
body.dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, body.dark .select2-container--default .select2-results__option--selected {
  background-color: #10c56f;
  color: white;
}
body.dark .select2-container .select2-selection--single .select2-selection__clear {
  color: red;
}
body.dark section.withdraw .box .body .form-control, body.dark section.withdraw .box .body .form-select {
  color: #1d1b3a !important;
}
body.dark section.howtoworkaff {
  background-color: #1e1e1f;
}
body.dark header .dropdown-categories .form-group button {
  color: #eee;
}
body.dark header .dropdown-categories .form-group button:hover {
  color: #fff;
}
body.dark section.howtoworkaff .text, body.dark section.aff .boxes .item .small, body.dark section.aff .box .head p {
  color: #eee;
}
body.dark section.aff .box .body .ttbox {
  background-color: rgba(61, 90, 254, 0.5);
  color: #fff;
}
body.dark section.aff .boxes .item, body.dark section.aff .box {
  background-color: #0c0c0c;
}
body.dark section.withdraw .box .body .form-control, body.dark section.withdraw .box .body .form-select {
  border-radius: 5px;
  border: 1px solid #4c4c52 !important;
  background-color: #2d2d2f !important;
  padding-left: 30px;
  padding-right: 30px;
  color: #eee !important;
  font-size: 16px;
  height: 60px;
  font-weight: 400;
}
body.dark section.withdraw .box .body input[type=text]:read-only {
  border: 1px solid #4c4c52 !important;
  background-color: rgb(32.527173913, 32.527173913, 33.972826087) !important;
}
body.dark .doping .item select.form-select {
  border: solid 1px #121212;
  background-color: #121212;
  color: #fff;
}
body.dark section.announcements .items .item {
  background-color: #2d2d2f;
}
body.dark section.announcements .items .item .title, body.dark section.announcements .items .item p {
  color: #fff;
}
body.dark section.announcements .items .item button {
  border: solid 1px #1e1e1f;
  background-color: #1e1e1f;
}
body.dark section.announcements .anno .modal-content:before {
  background-color: #494949;
}
body.dark section.announcements .anno .modal-body .title {
  color: #fff;
}
body.dark section.post .page-top select.form-select, body.dark section.stores select.form-select {
  background-color: #2f2f30;
}
body.dark section.bestproducts {
  background: #1e1e1f;
}
body.dark section.bestproducts .box .head a {
  color: #fff;
}
body.dark section.bestproducts .box .head a.active, body.dark section.bestproducts .box .head a:hover {
  color: #3d5afe;
}
body.dark section.bestproducts .box .body .item .title, body.dark section.bestproducts .box .body .item .stars span {
  color: #fff;
}
body.dark section.bestproducts .box .body {
  border-color: #2d2d2f;
  background: rgb(42.5409836066, 42.5409836066, 43.9590163934);
}
body.dark section.bestproducts .box .body .item {
  border-color: #2d2d2f;
  background: #1e1e1f;
}
body.dark header .menu ul li.nav-item a.nav-link.special {
  color: #10c56f !important;
  text-shadow: 0 0 28px rgba(32, 198, 92, 0.3) !important;
}
body.dark section.deals a.item span.detail .price {
  color: #feff00 !important;
}
body.dark section.post h2.subtitle {
  color: #fff;
}
body.dark section.messages .loading {
  color: #fff;
}
body.dark {
  /*messages-yeni*/
}
body.dark section.messages-yeni .box {
  background-color: #1e1e1f;
}
body.dark section.messages-yeni .box .chat .chatarea form .form-group .form-control {
  border: 1px solid #2b2b2c;
  background-color: #2b2b2c;
}
body.dark section.messages-yeni .box .chat .t .title p {
  color: #fff;
}
body.dark section.messages-yeni .box .chat .chatarea form .form-group label {
  color: #fff;
}
body.dark section.messages-yeni .box .chat .t {
  border-bottom: 1px solid #2d2d2f;
}
body.dark section.messages-yeni .history-tickets .list-items .item {
  background-color: #1e1e1f;
}
body.dark section.messages-yeni .history-tickets .list-items .item .info a {
  color: #fff;
}
body.dark section.messages-yeni .history-tickets .list-items .item .info span {
  color: #fff;
}
body.dark section.messages-yeni .history-tickets .list-items .item .info b {
  color: #fff;
}
body.dark section.messages-yeni .load-more a {
  background-color: #2c2c2c;
}
body.dark section.messages-yeni .load-more a:hover {
  background-color: #31e072;
}
body.dark section.messages-yeni .history-tickets .title p {
  color: #fff;
}
body.dark section.messages-yeni .history-tickets .icon i {
  box-shadow: -12px 12px 32px 0 rgba(29, 139, 70, 0.48);
}
body.dark section.messages-yeni .box .chat .t a#backBtn {
  border-right: 1px solid #2d2d2f;
}
body.dark section.messages-yeni .box .chat .t .detailname {
  color: #fff;
}
body.dark section.messages-yeni .box .chat .t .info b {
  color: #fff;
}
body.dark section.messages-yeni .box .chat .t .info span {
  color: #fff;
}
body.dark section.messages-yeni .box .chat .chatarea ul.messagelist li.left .message {
  background-color: #313131;
  color: #fff;
}
body.dark section.messages-yeni .box .chat .chatarea ul.messagelist li.right .message {
  border-color: #313131;
  color: #fff;
}
body.dark section.messages-yeni .box .chat .chatarea form .form-control {
  background-color: #2b2b2c;
  border-color: #2b2b2c;
}
body.dark {
  /*messages-yeni*/
}
body.dark .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
}
body.dark section.messages .box .chat .chatarea small.dateayrac {
  color: #fff;
}
body.dark section.donate .box form .form-control {
  color: #fff !important;
}
body.dark .iti__flag-box, body.dark .iti__country-name {
  color: #000 !important;
}
body.dark .iti__selected-dial-code {
  color: #fff;
}
body.dark section.detail .boxtab .body .content h3 {
  color: #fff;
}
body.dark section.detail .boxtab .body .content table tr td:first-child {
  color: #7b7b84;
}
body.dark section.aboutus .priceBox {
  background: transparent;
}
body.dark section.aboutus .priceBox .body ul li {
  color: #fff;
  border-bottom: 1px solid rgba(237, 225, 225, 0.1294117647);
}
body.dark section.aboutus .box .b b, body.dark section.aboutus .box .b strong {
  color: #fff;
}
body.dark section.aboutus .priceBox .warning {
  color: #fff;
}
body.dark section.announcements .anno .modal-body .tttext {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
body.dark section.detail .boxtab .body .content table {
  border-color: rgba(210, 210, 210, 0.2901960784) !important;
}
body.dark section.detail .boxtab .body .content table * {
  border-color: rgba(210, 210, 210, 0.2901960784) !important;
}
body.dark .text-dark {
  color: #fff !important;
}
body.dark .breadcrumb {
  background-color: #1e1e1f;
  color: #b8b8b8;
  border-color: #2d2d2f;
}
body.dark section.post .box.filter .body ul.special li a {
  background: #2d2d2f;
}
body.dark section.post .box.filter .body ul.special li a.active, body.dark section.post .box.filter .body ul.special li a:hover {
  background: #3e3e42;
}
body.dark section.detail .ds {
  background: rgba(0, 0, 0, 0.0784313725);
}
body.dark .breadcrumb ol li, body.dark .breadcrumb ol li a {
  color: #b8b8b8;
}
body.dark section.post .box {
  background-color: #1e1e1f;
}
body.dark section.post .box ul.nav li a:after, body.dark section.post .box ul.games li a, body.dark section.post .box ul.games li a:after {
  background-color: #1e1e1f;
}
body.dark header .top span.badge.count {
  border-color: #1e1e1f;
}
body.dark section.draws .item ul.awards li {
  background-color: rgb(43, 43, 44);
  color: #fff;
}
body.dark section.form .box .form-group label {
  color: #a6a6a6;
}
body.dark section.form .box .form-group label a {
  color: #fff !important;
}
body.dark section.detail .user a.avatar {
  border: 5px solid #1e1e1f;
}
body.dark section.detail .user a.avatar img {
  background-color: #1e1e1f;
}
body.dark section.form .box .form-group .form-control {
  color: #fff;
}
body.dark section.detail .box .icons .bag.black {
  background-color: rgba(100, 123, 173, 0.1);
}
body.dark section.page .box .head .btn-new {
  background: #3d5afe;
  color: #fff;
}
body.dark .ozellist ul li, body.dark .doping .item .button-area button {
  color: #fff;
}
body.dark .load-more-area button, body.dark .load-more-area a.load-more {
  background: #3d5afe !important;
  color: #fff;
}
body.dark .load-more-area button i, body.dark .load-more-area a.load-more i {
  color: #fff;
}
body.dark .load-more-area button:hover, body.dark .load-more-area a.load-more:hover {
  background: rgb(35.6307692308, 68.4230769231, 253.8692307692) !important;
  color: #fff !important;
}
body.dark .load-more-area button:hover i, body.dark .load-more-area a.load-more:hover i {
  color: #fff !important;
}
body.dark header .menu button.toggleColor:hover {
  background: #121212;
}
body.dark body.dark header .dropdown-categories a.item:hover {
  background: rgb(43.5, 43.5, 43.5) !important;
}
body.dark .dropdown-user li a:hover i {
  color: #fff;
}
body.dark header .top a.btn-square {
  background: rgba(61, 90, 254, 0.8);
  color: #fff;
}
body.dark section.add .form .body button.hazirgorsel {
  background: rgba(61, 90, 254, 0.8);
  color: #fff;
}
body.dark header .dropdown-categories a.item:hover {
  background: #121212;
}
body.dark section.add button.step.prevstep {
  background: #fec13d;
  color: #fff;
}
body.dark section.add button.step.prevstep:hover {
  background: rgb(253.7384615385, 176.7846153846, 10.2615384615);
}
body.dark section.blog a.btn-more {
  border-color: #1e1e1f;
}
body.dark section.blog a.btn-more:hover {
  background: #3d5afe !important;
  border-color: #3d5afe;
}
body.dark select {
  background-color: #121212 !important;
}
body.dark .ozelSwal2 select {
  border: 1px solid #333 !important;
}
body.dark section.listcategory button.tab-change {
  color: #fff;
  background: #2d2d2f;
}
body.dark section.listcategory button.tab-change.active {
  color: #fff;
  background: #3d5afe;
}
body.dark .lefttabmenu .btn-tab {
  background-color: #2f2f2f;
}
body.dark .lefttabmenu .btn-tab.active {
  background-color: #3d5afe;
}
body.dark section.post a.tab-change {
  color: #fff;
  background: #2d2d2f;
}
body.dark section.post a.tab-change.active {
  color: #fff;
  background: #3d5afe;
}
body.dark .lefttabmenu small.tt {
  color: #fff;
}
body.dark section.listcategory .item .number button, body.dark section.detail .box .buybox .number button {
  background: #121212 !important;
  color: #fff !important;
}
body.dark section.listcategory .item .number, body.dark section.detail .box .buybox .number {
  border: 1px solid #2e2e30 !important;
}
body.dark section.detail .box .buybox .number input {
  color: #fff !important;
}
body.dark .modal .modal-content .modal-header .btn-close {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(265deg) brightness(111%) contrast(95%);
}
body.dark section.categoryslider {
  background: url(https://hesap.com.tr/assets/img/categorysliderbg2.png) center center no-repeat #121212;
  background-size: cover !important;
}
body.dark section.withdraw .box .body button.btn-secondary, body.dark section.withdraw .box .body a.btn.btn-secondary {
  background: #3d5afe !important;
  border-color: #3d5afe;
  color: #fff;
}
body.dark table.hesaptable {
  background: #2b2b2c;
  border-color: #2b2b2c;
}
body.dark section.withdraw .box .ttbox {
  background: #121212;
}
body.dark section.withdraw .box .ttbox .title {
  color: #fff;
}
body.dark section.withdraw .box .ttbox .desc {
  color: #fff;
}
body.dark section.withdraw .box .ttbox .desc a {
  color: #fff;
}
body.dark table.hesaptable tr {
  border-color: #2b2b2c;
}
body.dark table.hesaptable th {
  background: #121212;
}
body.dark .lefttabmenu ul.button-nav {
  background: #2b2b2c;
}
body.dark section.donate .box form .btn-group {
  background: #2b2b2c;
}
body.dark section.donate .box form .btn-group * {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark section.donate .box form .form-control,
body.dark section.donate .box form .input-group .input-group-text {
  background: #2b2b2c;
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
body.dark .leftmenu ul.menu li a.active, body.dark .leftmenu ul.menu li a:hover {
  color: #3d5afe;
}
body.dark section.add .tabs .item.active {
  background: #3d5afe !important;
}
body.dark section.detail .box .buybox {
  border: 0;
}
body.dark section.detail .user img.avatar {
  border-color: #1e1e1f;
}
body.dark section.add .tabs .item span.icon {
  color: #fff;
  background-color: rgba(61, 90, 254, 0.5);
}
body.dark {
  /* Yeni Eklemeler */
}
body.dark .blogCategoriesRight span.titlex {
  color: #fff;
}
body.dark .blogCategoriesRight .item {
  background-color: #1e1e1f; /*Dark: background-color:#1e1e1f;*/
}
body.dark .blogCategoriesRight .item:hover a {
  color: #3d5afe;
}
body.dark .blogCategoriesRight .item a {
  color: #fff; /*Dark: color:#fff;*/
}
body.dark .blogCategoriesTop .item {
  background-color: #1e1e1f;
}
body.dark .blogCategoriesTop .item:hover a {
  color: #3d5afe;
}
body.dark .blogCategoriesTop .item a {
  color: #fff; /*Dark: color:#fff;*/
}
body.dark {
  /* Yeni Eklemeler */
}
body.dark header .top form.search .form-control,
body.dark header .dropdown-categories .form-group input.form-control,
body.dark header .dropdown-categories a.item,
body.dark section.page .box .form-group textarea.form-control,
body.dark section.add .form .body .form-radio,
body.dark section.add .form .body .form-control, body.dark section.add .form .body .form-select,
body.dark section.page .box .form-group input.form-control, body.dark section.page .box .form-group select.form-select,
body.dark section.advert .box.filter .body input.form-control,
body.dark section.contact .box .b .input-gg .form-control,
body.dark section.advert .page-top select.form-select,
body.dark section.category .search .form-control,
body.dark section.customerarea .box .body form .form-control, body.dark section.customerarea .box .body form .form-select,
body.dark section.withdraw .box .body .form-control, body.dark section.withdraw .box .body .form-select,
body.dark section.customerarea .box .body .form-radio,
body.dark .modal .modal-content .modal-body .form-control, body.dark .modal .modal-content .modal-body .form-select,
body.dark section.form .box .form-group .form-control,
body.dark section.cover .box form input.form-control,
body.dark section.messages .box .chat .chatarea form .form-control,
body.dark section.stores form.search input.form-control,
body.dark section.customerarea .box .body .avatar .text,
body.dark header .dropdown-categories a.btn-all {
  background-color: #2b2b2c;
  border-color: #2b2b2c;
}
body.dark section.customerarea.magazadopingleri .magaza-dopingleri .body .box {
  border: solid 1px #2d2d2f !important;
  background-color: #2d2d2f !important;
}
body.dark section.customerarea.magazadopingleri .magaza-dopingleri .body .box .head {
  border-color: #39393b !important;
}
body.dark section.customerarea.magazadopingleri .active-dopings .box {
  background-color: #2d2d2f !important;
}
body.dark section.customerarea.magazadopingleri .active-dopings .box .body .item .info .title {
  color: #fff;
}
body.dark section.customerarea.magazadopingleri .active-dopings .box .body .item .info .desc {
  color: #fff;
}
body.dark section.customerarea.magazadopingleri .active-dopings .box.empty-doping .body {
  color: #fff;
}
body.dark section.customerarea.hesap-ozeti .box .body .iconitem {
  background: #3d5afe !important;
}
body.dark section.customerarea.hesap-ozeti .box .body .iconitem span.icon {
  background-color: #fff;
  color: #3d5afe;
}
body.dark section.customerarea.hesap-ozeti .box .body .steps .prev, body.dark section.customerarea.hesap-ozeti .box .body .steps .next {
  background-color: #1e1e1f;
  color: #fff;
}
body.dark section.customerarea.hesap-ozeti .box .body .steps .prev:hover, body.dark section.customerarea.hesap-ozeti .box .body .steps .next:hover {
  background-color: #3d5afe;
}
body.dark section.customerarea.hesap-ozeti .box .body .steps .prev:hover i, body.dark section.customerarea.hesap-ozeti .box .body .steps .next:hover i {
  color: #fff;
}
body.dark section.cover.steam-cd-key-cover .search-box {
  background-color: rgba(0, 0, 0, 0.12);
}
body.dark section.cover.steam-cd-key-cover .search-box .search-icon-box i {
  color: #FFFFFF;
}
body.dark section.cover.steam-cd-key-cover .filter-box {
  background-color: rgba(0, 0, 0, 0.12);
}
body.dark section.cover.steam-cd-key-cover .search-box .my-product-search-input {
  background-color: #2d2d2f;
  border-color: #2d2d2f;
}
body.dark section.cover.steam-cd-key-cover .filter-box a.selected, body.dark section.cover.steam-cd-key-cover .filter-box a:hover, body.dark section.cover.steam-cd-key-cover .filter-box a:active {
  background-color: #3d5afe;
}
body.dark section.cover.steam-cd-key-cover .filter-box .filter-btn.tab-change svg path {
  fill: #FFFFFF;
}
body.dark section.category.steam-cd-key-products .empty {
  background-color: rgba(0, 0, 0, 0.12);
}
body.dark section.reqforms .formWrapper .head {
  border-bottom: 1px solid #303030;
}
body.dark section.cover-reqform .box .head .icon {
  background-color: rgba(30, 30, 31, 0.5019607843);
}
body.dark section.cover-reqform .box .head .icon i {
  color: #fff;
}
body.dark section.reqforms .box {
  background: #1e1e1f !important;
  --bs-accordion-bg: #1e1e1f;
}
body.dark section.reqforms .box b {
  color: #fff;
}
body.dark section.reqforms .formWrapper .head h1 {
  color: #fff;
}
body.dark section.reqforms .formWrapper .head h2 {
  color: #fff;
}
body.dark section.reqforms .formWrapper .head span {
  color: #fff;
}
body.dark section.reqforms .formWrapper .kvkk_info {
  color: #fff;
}
body.dark section.reqforms .formWrapper .input-gg .form-control {
  border: none;
  background-color: #2b2b2c;
}
body.dark section.profilee .user-info-wrapper .user-info .content .user-info-nav li ul {
  background: #121212;
}
body.dark section.profilee .user-info-wrapper .user-info .content .user-info-nav li ul li a {
  color: #fff;
}
body.dark section.profilee .user-info-wrapper .user-info .content .user-info-nav li ul li a:hover {
  color: #3d5afe;
}
body.dark section.profilee .box .avatar-link img {
  background-color: #1e1e1f;
}
body.dark .leftmenu ul.menu:before {
  background: #2d2d2f;
}
body.dark header .menu,
body.dark header .menu button.toggleColor,
body.dark header .dropdown-categories,
body.dark header .dropdown-notification .body ul li a,
body.dark section.topbar ul.nav > li > a,
body.dark .post-item div.profile,
body.dark section.topbar ul.nav,
body.dark section.withdraw .box .head,
body.dark section.withdraw .box .foot,
body.dark section.detail .helpbox .body,
body.dark section.detail .boxtab .head,
body.dark section.detail .box hr,
body.dark section.detail .boxtab .body .reviewitem,
body.dark section.detail .boxtab .body .reviewitem .p.brdr,
body.dark section.listcategory .boxtab .head,
body.dark section.upgrade .box .item,
body.dark section.advert .box.filter .head,
body.dark section.advert .box.filter .body,
body.dark section.aboutus .box .b,
body.dark section.customerarea .box .body.bt,
body.dark section.contact .box .t,
body.dark section.add .form .head,
body.dark section.listcategory .boxtab .body .reviewitem,
body.dark section.customerarea .box .head,
body.dark section.followers .box .item,
body.dark section.reviews .box .item,
body.dark section.stores .item .head,
body.dark section.stores .item .body .post-item,
body.dark section.reviews .box .item .p.brdr,
body.dark section.orders .box .head,
body.dark section.orders .box .body ul li:not(:last-child),
body.dark section.faq .box .accordion *,
body.dark section.add .filtercat .box .body,
body.dark .modal .modal-content .modal-header,
body.dark section.listcategory .boxtab .body .reviewitem .p.brdr,
body.dark header .top {
  border-color: #2d2d2f !important;
}
body.dark section.followers .box .item img {
  background-color: #353535;
}
body.dark .dropdown-user {
  background-color: #2d2d2f !important;
}
body.dark .dropdown-user a:hover {
  color: #fff !important;
}
body.dark .dropdown-user a:hover i {
  color: #fff !important;
}
body.dark section.category .faqarea .box h3,
body.dark section.post .box.filter .body .form-check,
body.dark section.post .box.filter .body ul li,
body.dark section.stores .item .head .name a,
body.dark section.orders .icons .item p,
body.dark section.orders .stitle,
body.dark section.orders .scrollable *,
body.dark section.blog h1,
body.dark .form-check-label,
body.dark section.orders .scrollable h2, body.dark section.orders .scrollable h3, body.dark section.orders .scrollable h4,
body.dark section.post .page-top h1, body.dark section.post .box.filter .body .subtitle, body.dark section.post .page-top .toptitle {
  color: #fff;
}
body.dark section.detail .boxtab .head .title, body.dark section.detail .boxtab .body .content a.relateditem .title, body.dark section.detail .boxtab .body .content a.relateditem .price {
  color: #fff;
}
body.dark section.detail .boxtab a.relateditem:hover .title {
  color: #3d5afe !important;
}
body.dark section.blog .detailbox .icons {
  border-bottom: 1px solid #2d2d2f;
}
body.dark section.blog .detailbox #icerikler {
  background-color: #282828;
}
body.dark section.blog .detailbox #icerikler b {
  color: #fff !important;
}
body.dark section.blog .detailbox #icerikler #icerik_listesi {
  background-color: #333;
}
body.dark section.blog .detailbox #icerikler #icerik_listesi ul a {
  color: #fff;
}
body.dark section.blog .detailbox #icerikler #icerik_listesi ul a:hover {
  color: #3d5afe;
}
body.dark .navbox ul.nav li a {
  color: rgba(255, 255, 255, 0.3);
}
body.dark .navbox ul.nav li a.active {
  color: #3d5afe;
}
body.dark .navbox ul.nav li a.active span {
  color: #3d5afe;
  opacity: 0.8;
}
body.dark header .top .search .form-control {
  color: #fff;
  background: #2d2d2f;
  border-color: #2d2d2f;
}
body.dark a.logo img.light {
  display: none;
}
body.dark a.logo img.dark {
  display: block;
}
body.dark section.listcategory .boxtab .body .content h2, body.dark section.text .box .content h2 {
  color: #fff;
}
body.dark header .search-results {
  background: #121212 !important;
  color: #9f9f9f;
}
body.dark header .search-results h4 {
  color: #fff !important;
}
body.dark header .search-results ul li a {
  color: #fff !important;
  border-bottom: 1px solid rgba(239, 239, 239, 0.1) !important;
}
body.dark header .mobile button.categoryToggle {
  border-right: 1px solid #121212 !important;
  color: #fff;
}
body.dark header .top-menu {
  border-top: 1px solid #121212 !important;
  background: #2d2d2f !important;
}
body.dark header .search-menu, body.dark header .category-menu {
  border-top: 1px solid #121212 !important;
  background: #2d2d2f !important;
}
body.dark header .search-menu .form-group input.form-control, body.dark header .category-menu .form-group input.form-control {
  background: #121212 !important;
  border-color: #121212 !important;
  color: #fff !important;
}
body.dark section.listcategory .boxtab .body .content figure table * {
  color: #fff !important;
  border-color: #474747 !important;
}
body.dark section.listcategory .boxtab .body .content {
  color: #fff !important;
}
body.dark section.listcategory .boxtab .body .content * {
  color: #fff !important;
}
body.dark .howtousecontent {
  color: #fff !important;
}
body.dark header .mobile a.btn-login {
  color: #fff !important;
}
body.dark header .search-menu .form-group button, body.dark header .category-menu .form-group button {
  color: #fff;
}
body.dark header .search-menu .cats, body.dark header .category-menu .cats {
  background: #121212 !important;
}
body.dark header .search-menu .cats a.item, body.dark header .category-menu .cats a.item {
  border-color: #2d2d2f;
  color: #fff;
}
body.dark header .search-menu .btn-all, body.dark header .category-menu .btn-all {
  background: #3d5afe;
  color: #fff;
}
body.dark header .top-menu ul li a {
  color: #fff;
}
body.dark header .top-menu ul li:not(:last-child) {
  border-bottom: 1px solid rgba(225, 225, 229, 0.1);
}
body.dark section.post .box.filter .body ul.special li a span, body.dark section.text .box .content *, body.dark section.post .box .headtt {
  color: #7b7b84 !important;
}
body.dark section.blog a.item {
  background: #121212;
}
body.dark section.blog a.item img {
  background: #121212;
}
body.dark section.customerarea .box .body .avatar .text input {
  border-color: #fff;
}
body.dark section.detail .btn-user.blue {
  background-color: rgba(61, 90, 254, 0.2);
  color: #3d5afe;
}
body.dark section.detail .btn-user.blue:hover {
  background-color: rgb(61, 90, 254);
  color: #fff;
}
body.dark #editor * {
  color: #fff;
}
body.dark .ql-toolbar.ql-snow, body.dark .ql-toolbar.ql-snow *, body.dark .ql-container.ql-snow {
  border-color: #2b2b2c !important;
}
body.dark .swal2-validation-message {
  color: #fff;
  background: #2b2b2c;
}
body.dark .ql-toolbar.ql-snow {
  background: #2b2b2c;
}
body.dark .ql-snow .ql-picker {
  color: #fff;
}
body.dark section.orders .box .body ul li .order-detail ul.numbers li .key {
  background: #121212;
  color: #fff;
}
body.dark .doping .item p {
  color: #bebebe;
}
body.dark section.orders .box .head select, body.dark section.orders .box .head input {
  background-color: #121212;
  color: #fff;
  border-color: #121212;
}
body.dark section.messages .box .chat .t .status.offline {
  background: #2d2d2f;
}
body.dark section.messages .box .sidebar .scroll::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #000;
}
body.dark section.messages .box .sidebar .scroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #333;
}
body.dark section.messages .box .sidebar .scroll::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
body.dark section.orders .icons .item, body.dark section.orders .scrollable {
  background: #2d2d2f;
}
body.dark section.post .box.filter .body input.form-control, body.dark section.post .box.filter .body .select-control, body.dark section.post .box.filter .body .form-select {
  background-color: #2d2d2f;
  border-color: #2d2d2f;
}
body.dark .post-item .detail .price {
  border: 2px solid #ffffff;
}
body.dark section.post .box.filter .head {
  border-bottom: 1px solid #2d2d2f;
}
body.dark section.post .box.filter .body {
  border-bottom: 1px solid #2d2d2f;
}
body.dark .empty {
  color: #fff;
}
body.dark .empty .icon {
  color: #fff;
}
body.dark .empty .text {
  color: #fff;
}
body.dark .empty a {
  color: #fff;
}
body.dark header .top,
body.dark section.add .filtercat .box,
body.dark header .dropdown-categories,
body.dark header .dropdown-notification,
body.dark .accordion,
body.dark section.advert .box,
body.dark section.profile .box,
body.dark .navbox,
body.dark section.followers .box,
body.dark section.advert .box ul.nav li a:after,
body.dark section.advert .box ul.games li a:after,
body.dark section.advert .box ul.games li a,
body.dark .post-item,
body.dark .lefttabmenu,
body.dark section.stories,
body.dark section.faq .box,
body.dark section.stories .slick-slide a.item img,
body.dark section.slider:before,
body.dark .modal .modal-content,
body.dark section.blog a.btn-more,
body.dark section.withdraw .box,
body.dark section.contact .box,
body.dark section.blog .postitem,
body.dark section.fiveimgs,
body.dark section.blog .detailbox,
body.dark section.draws .item,
body.dark section.detail .box,
body.dark section.detail .user,
body.dark section.detail .helpbox,
body.dark section.detail .boxtab,
body.dark section.page .box,
body.dark section.upgrade .box,
body.dark section.add .tabs .item,
body.dark section.upgrade .box .item,
body.dark section.listcategory .item,
body.dark section.draws .item .img .total,
body.dark section.add .form,
body.dark section.add .doping .item,
body.dark section.add .boxsz,
body.dark section.form .box,
body.dark section.text .box,
body.dark section.listcategory .boxtab,
body.dark section.orders .box,
body.dark section.aboutus .box,
body.dark .leftmenu,
body.dark .formWrapper,
body.dark section.donate .box,
body.dark section.stores .item,
body.dark section.customerarea .box,
body.dark section.deals a.item,
body.dark .navbox ul.nav li a:after,
body.dark section.category .faqarea .box,
body.dark section.detail .box .buybox button.share, body.dark section.detail .box .buybox button.like, body.dark section.detail .box .buybox button.unlike,
body.dark section.donate .view,
body.dark section.messages .box,
body.dark section.giveaway .item,
body.dark header .mobile,
body.dark section.reviews .box,
body.dark header .menu {
  background: #1e1e1f !important;
  --bs-accordion-bg: #1e1e1f;
}
body.dark .load-more-area button {
  background: #282828 !important;
  --bs-accordion-bg: #282828;
}
body.dark .load-more-area button:hover {
  background: #425efe !important;
  color: #fff !important;
}
body.dark .load-more-area button:hover i {
  color: #fff !important;
}
body.dark section.form .box p, body.dark .empty .title, body.dark section.invoice .box .icons .item .title {
  color: #fff;
}
body.dark section.messages .box .sidebar a.item small {
  color: #9b9b9b;
}
body.dark section.messages .box .bg2 {
  background-color: rgba(0, 0, 0, 0.2);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
body.dark section.customerarea .box .body .iconitem {
  border-color: #2b2b2c;
  background: #2b2b2c;
}
body.dark .doping .item {
  background: #2b2b2c;
}
body.dark section.customerarea .box .body .title, body.dark .lefttabmenu .btn-tab, body.dark section.detail .boxtab .body .content {
  color: #fff;
}
body.dark header .top .dropdown-user li a {
  color: #919191;
}
body.dark section.customerarea .box .body ul.sociallogin li,
body.dark section.customerarea .box .body .avatar .text,
body.dark section.messages .box *,
body.dark header .mobile .br1,
body.dark header .mobile button.toggleColor,
body.dark section.add .filtercat .box,
body.dark section.giveaway .item .message,
body.dark section.customerarea .box .body ul.notify li {
  border-color: #121212 !important;
}
body.dark header .user-menu {
  border-color: #121212 !important;
}
body.dark header .mobile span.badge.count {
  border-color: #1e1e1f;
}
body.dark section.add .filtercat .box .body .catlist a.item.active {
  background: #3d5afe !important;
}
body.dark .accordion {
  border-radius: 10px;
}
body.dark .accordion-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
body.dark .accordion-item:first-child .accordion-button {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
body.dark .accordion-item:first-child .accordion-button h2 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
body.dark header .dropdown-notification .body ul li a:hover,
body.dark section.detail .box .buybox,
body.dark section.add .boxsz .content,
body.dark section.customerarea .box .body ul.sociallogin li,
body.dark section.add .form .body .uploadarea,
body.dark section.customerarea .box .body ul.notify li,
body.dark header .mobile form.search input,
body.dark section.add .filtercat .box .body .catlist a.item,
body.dark section.giveaway .item .joiner > *,
body.dark section.topbar ul.nav > li ul {
  background: #121212;
}
body.dark section.messages .box .sidebar a.item.active {
  background: #2d2d2f;
}
body.dark section.paymentstatus .box {
  background: #1e1e1f;
}
body.dark section.paymentstatus .box .title {
  color: #fff;
}
body.dark section.paymentstatus .box .subtitle {
  color: #fff;
}
body.dark header .mobile form.search input,
body.dark section.giveaway .item .head,
body.dark section.giveaway .item .body {
  border-color: #121212;
}
body.dark section.giveaway .item .time {
  border-color: #2d2d2f;
  background: #2d2d2f;
}
body.dark .post-item .detail p.desc, body.dark.auth ul.social-login li a {
  color: #afafaf;
}
body.dark header .menu ul li.nav-item a.nav-link,
body.dark header .dropdown-categories a.btn-all,
body.dark section.topbar ul.nav > li > a.show,
body.dark section.blog .head,
body.dark header .top a.btn-user span.l span.name,
body.dark section.topbar ul.nav > li > a:hover,
body.dark section.contact .box .t .item span.text,
body.dark section.topbar ul.social > li > a:hover,
body.dark section.advert .page-top h1,
body.dark section.giveaway .item .time,
body.dark section.category .faqarea .box h2,
body.dark .dropdown-user li a:hover,
body.dark section.customerarea .box .body ul.sociallogin li span:not(.icon),
body.dark .post-item .detail a.title,
body.dark section.topbar ul.nav > li ul li a,
body.dark section.add .form .body .form-control, body.dark section.add .form .body .form-select,
body.dark section.add .form .body label,
body.dark section.stores .item .head .name,
body.dark section.stores .item .head .order,
body.dark section.stores .item .head small,
body.dark .post-item .detail ul li,
body.dark section.contact .box .b .input-gg .form-control,
body.dark section.category h1,
body.dark .modal .modal-content .modal-body label,
body.dark section.orders .box .head .title,
body.dark .modal .modal-content .modal-header,
body.dark .modal .modal-content .modal-header .btn-close,
body.dark .modal .modal-content .modal-body .form-control, body.dark .modal .modal-content .modal-body .form-select,
body.dark section.category .subtitle,
body.dark section.giveaway .item .message,
body.dark section.add .form .body .uploadarea,
body.dark section.customerarea .box .body ul.notify li span:not(.icon),
body.dark header .dropdown-notification .body ul li a,
body.dark section.advert .box.filter .body ul li,
body.dark section.giveaway .item .joiner .ewtitle,
body.dark section.followers .box .item .name,
body.dark section.followers .box .item p,
body.dark .navbox ul.nav li a span,
body.dark section.advert .box.filter .body .subtitle,
body.dark section.advert .box.filter .body .form-check,
body.dark section.add .boxsz .content .scrollt h2,
body.dark section.customerarea .box .body form .form-control, body.dark section.customerarea .box .body form .form-select,
body.dark header .dropdown-categories .form-group input.form-control,
body.dark header .dropdown-categories a.item,
body.dark section.orders .box .body ul li .price,
body.dark section.orders .box .body ul li span.r span.big,
body.dark section.orders .box .body ul li,
body.dark section.faq .box .accordion-button,
body.dark section.orders .box .body ul li .order-detail .user .name,
body.dark section.customerarea .box .body .avatar .text small,
body.dark section.customerarea .box .body .subtitle,
body.dark section.withdraw .box .body .form-control,
body.dark section.add .filtercat .box .body .catlist a.item,
body.dark section.detail .box .buybox .price,
body.dark section.detail .box .buybox button.share, body.dark section.detail .box .buybox button.like, body.dark section.detail .box .buybox button.unlike,
body.dark section.deals a.item span.detail span.title,
body.dark section.deals a.item span.detail span.oldprice,
body.dark section.deals a.item span.detail .price,
body.dark section.deals .subtitle,
body.dark section.withdraw .box .body .form-select,
body.dark section.messages .box .sidebar .group-gg input.form-control,
body.dark section.customerarea .box .head .title,
body.dark section.customerarea .box .body,
body.dark section.customerarea .box .body form label,
body.dark section.form .box .title,
body.dark section.form .box a.small,
body.dark table.hesaptable th,
body.dark table.hesaptable td,
body.dark section.add .tabs .item p,
body.dark section.messages .box .chat .t .name,
body.dark section.messages .box .chat .t small,
body.dark section.messages .box .sidebar a.item p,
body.dark section.messages .box .sidebar a.item .name,
body.dark section.add .tabs .item .name,
body.dark section.page .box .form-group textarea.form-control,
body.dark section.page .box .head h1,
body.dark .leftmenu ul.menu li a,
body.dark section.aboutus .box .b b,
body.dark section.stores h1,
body.dark section.giveaway .title,
body.dark section.giveaway .item .head .ttitle,
body.dark section.giveaway .item .head .name,
body.dark section.aboutus .box .b,
body.dark section.upgrade .box p.desc,
body.dark section.detail .box small,
body.dark section.detail .box h1,
body.dark section.detail .user .name,
body.dark section.detail .user small,
body.dark section.upgrade .box .subtitle,
body.dark section.withdraw .box .head .title,
body.dark .lefttabmenu button.btn-tab,
body.dark section.blog .detailbox .content h2,
body.dark section.blog .detailbox .content,
body.dark section.listcategory .item .number input,
body.dark section.blog .detailbox .content h3,
body.dark section.blog .detailbox .content h4,
body.dark section.listcategory .item h3,
body.dark section.faq .box .accordion-body,
body.dark section.listcategory .item p,
body.dark section.listcategory .item .number,
body.dark section.blog .subtitle,
body.dark section.withdraw .box .head p.desc,
body.dark section.withdraw .box .body label,
body.dark section.featuredblog .subtitle,
body.dark section.blog .postitem a.title,
body.dark section.detail .box .icons .bag.black,
body.dark header .top form.search .form-control,
body.dark section.page .box .form-group input.form-control,
body.dark section.page .box .form-group select.form-select,
body.dark section.page .box .form-group label,
body.dark section.donate .view span.text,
body.dark section.donate .box form label,
body.dark section.draws .item .img .total,
body.dark section.draws .item .title,
body.dark section.donate .box form .btn-group button,
body.dark section.donate .box form .input-group input,
body.dark section.donate .box form .input-group .input-group-text,
body.dark section.draws .item .date,
body.dark section.draws .subtitle,
body.dark section.profile .box .name,
body.dark section.profile .box .order,
body.dark .leftmenu .user .name,
body.dark .leftmenu .user small,
body.dark .formWrapper h1,
body.dark .formWrapper hr,
body.dark .post-item div.profile a.profile,
body.dark section.blog .postitem p.desc,
body.dark header .mobile form.search input,
body.dark section.stores .subtitle,
body.dark section.stores p.subdesc,
body.dark header .mobile button.toggleColor,
body.dark section.customerarea .box .body .avatar .text .big,
body.dark header .menu button.toggleColor {
  color: #fff;
}
body.dark header .mobile button.toggleColor:hover {
  background: #1e1e1f;
}
body.dark section.donate .box form label small {
  opacity: 0.8;
  color: #fff;
}
body.dark section.listcategory .item .number,
body.dark section.detail .box .buybox .number,
body.dark section.detail .box .buybox .number input,
body.dark section.listcategory .item .number input {
  background: #2e2e30;
}
body.dark header .user-menu ul li a {
  color: #eee;
}
body.dark section.category .faqarea .box h3, body.dark section.category .faqarea .box span {
  color: #fff;
}
body.dark header .menu ul li.nav-item a.nav-link:hover,
body.dark .post-item .detail a.title:hover,
body.dark .post-item div.profile a.profile:hover,
body.dark section.blog .postitem a.title:hover,
body.dark section.topbar ul.nav > li ul li a:hover {
  color: #3d5afe;
}
body.dark header .mobile .btn-mobile.blue {
  background: rgba(61, 90, 254, 0.4);
  color: #fff;
}
body.dark header .mobile .btn-mobile {
  background-color: rgba(19, 206, 164, 0.4);
  color: #fff;
}
body.dark header .mobile .btn-mobile.gray {
  background: rgba(123, 123, 132, 0.4);
  color: #fff;
}
body.dark nav.stickybar {
  background-color: rgba(12, 12, 12, 0.77);
  backdrop-filter: blur(15px);
}
body.dark section.giveaway .item .buttons a.btn-detail:hover {
  background: rgb(35.6307692308, 68.4230769231, 253.8692307692);
  border-color: #3d5afe;
  color: #fff;
}
@media (max-width: 991px) {
  body.dark header .mobile button.toggleColor:hover {
    background: rgba(123, 123, 132, 0.4) !important;
  }
}

:root {
  --main-color:#3D5AFE;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3d5afe;
  --bs-btn-border-color: #3d5afe;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3d5afe;
  --bs-btn-hover-border-color: #3d5afe;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3d5afe;
  --bs-btn-active-border-color: #3d5afe;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3d5afe;
  --bs-btn-disabled-border-color: #3d5afe;
  border-radius: 4px;
}

html {
  scroll-behavior: smooth;
}

.ri-turkish-lira-line::before {
  content: "₺";
}

body {
  background-color: #efefef;
  font-family: "Gilroy", serif;
}
body.auth {
  min-height: 100vh;
  background-size: contain;
  background: #efefef url("https://hesap.com.tr/assets/img/authbg.png") no-repeat 0 100px;
  padding-top: 40px;
}
body.auth ul.social-login {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.auth ul.social-login li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
}
body.auth ul.social-login li a.btn-facebook i {
  background: #3b5998;
  display: flex;
  width: 60px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
body.auth ul.social-login li a.btn-facebook:hover i {
  background: rgb(44.7393364929, 67.4881516588, 115.2606635071);
}
body.auth ul.social-login li a.btn-google i {
  background: #dd4b39;
  display: flex;
  width: 60px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
body.auth ul.social-login li a.btn-google:hover i {
  background: rgb(193.7327586207, 50.8793103448, 33.2672413793);
}
body.auth ul.social-login li a.btn-steam i {
  background: #000;
  display: flex;
  width: 60px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
body.auth ul.social-login li a.btn-steam:hover i {
  background: black;
}
body.auth ul.social-login li a.btn-discord i {
  background: #7289DA;
  display: flex;
  width: 60px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
body.auth ul.social-login li a.btn-discord:hover i {
  background: rgb(73.6011235955, 103.191011236, 207.3988764045);
}
body.auth ul.social-login li a.btn-twitch i {
  background: #6441a5;
  display: flex;
  width: 60px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
body.auth ul.social-login li a.btn-twitch:hover i {
  background: rgb(77.8260869565, 50.5869565217, 128.4130434783);
}
body.auth ul.social-login li a i {
  font-size: 20px;
  margin-bottom: 5px;
  color: #fff;
  transition: all 0.3s ease;
}

.alert {
  border-radius: 5px;
  border: 0;
  line-height: 1.3;
  margin: 0;
  padding: 20px;
}
.alert h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.alert b, .alert strong {
  font-weight: 600;
}
.alert small {
  font-size: 14px;
}
.alert.alert-danger {
  background-color: rgba(255, 48, 48, 0.2);
  color: #ff3030;
}
.alert.alert-danger a {
  color: #ff3030;
  font-weight: 600;
}
.alert.alert-success {
  background-color: rgba(44, 208, 128, 0.2);
  color: #1ec65c;
}
.alert.alert-success a {
  color: #1ec65c;
  font-weight: 600;
}
.alert.alert-info {
  background-color: rgba(61, 90, 254, 0.2);
  color: #3d5afe;
}
.alert.alert-info a {
  color: #3d5afe;
  font-weight: 600;
}
.alert.alert-warning {
  background-color: rgba(255, 193, 7, 0.2);
  color: #ffc107;
}
.alert.alert-warning a {
  color: #ffc107;
  font-weight: 600;
}

.btn-general {
  padding: 15px 14px 15px 26px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-general:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  z-index: -2;
}
.btn-general:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  transition: all 0.3s;
  border-radius: 4px;
  z-index: -1;
}
.btn-general:hover {
  color: #fff;
}
.btn-general:hover:before {
  width: 100%;
}
.btn-general.green {
  background-color: #11d377;
  color: #fff;
}
.btn-general.green:after {
  background-color: #11d377;
}
.btn-general.orange {
  background: #ff9101;
  color: #fff;
}
.btn-general.orange:after {
  background-color: #ff9101;
}
.btn-general.blue {
  background-color: #3d5afe;
  color: #fff;
}
.btn-general.blue:after {
  background-color: #3d5afe;
}
.btn-general i {
  margin-left: 20px;
}

.banks .bank {
  border-radius: 4px;
  background-color: #fff;
}
.banks .bank .title {
  color: #1e1e1f;
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  background-color: #eee;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.banks .bank .title img {
  width: 138px;
}
.banks .bank .content {
  background-color: #fbfbfb;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.banks .bank .content table {
  width: 100%;
  border-collapse: collapse;
}
.banks .bank .content table tr {
  border-bottom: 1px solid #efefef;
}
.banks .bank .content table tr:last-child {
  border-bottom: 0;
}
.banks .bank .content table tr td {
  padding: 10px;
  color: #1e1e1f;
  font-size: 16px;
  font-weight: 500;
}
.banks .bank .content table tr td a {
  margin-left: 10px;
  text-align: center;
}

.formWrapper {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px 40px;
  position: relative;
  overflow: hidden;
}
.formWrapper h1 {
  color: #1d1d1d;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.formWrapper .input-gg {
  position: relative;
}
.formWrapper .input-gg i {
  position: absolute;
  color: #acb4bf;
  top: 18px;
  left: 24px;
  font-size: 20px;
}
.formWrapper .input-gg .form-control, .formWrapper .input-gg .form-select, .formWrapper .input-gg .select2 {
  border-radius: 2px;
  border: 1px solid #d0d3e1;
  background-color: #fff;
  height: 60px;
  padding-left: 60px;
}
.formWrapper .input-gg .form-control:active, .formWrapper .input-gg .form-control:focus, .formWrapper .input-gg .form-select:active, .formWrapper .input-gg .form-select:focus, .formWrapper .input-gg .select2:active, .formWrapper .input-gg .select2:focus {
  border: 1px solid rgb(176.8701298701, 181.8571428571, 205.1298701299);
}
.formWrapper .input-gg textarea.form-control {
  height: 200px;
  padding-top: 10px;
}
.formWrapper label {
  color: #5f6a73;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  margin-top: 20px;
}
.formWrapper .kvkk_info {
  color: #1d1d1d;
  font-size: 12px;
  line-height: 17px;
}
.formWrapper .kvkk_info a {
  font-weight: bold;
  color: #3d5afe;
}
.formWrapper .btn-submit {
  border-radius: 5px;
  background-color: #11d377;
  padding: 22px 80px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  transition: all 0.3s ease;
}
.formWrapper .btn-submit:hover {
  background-color: #10c56f;
}
.formWrapper .area-with-icon {
  position: relative;
}
.formWrapper .area-with-icon i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  color: #7a7d89;
  font-size: 18px;
}
.formWrapper .area-with-icon input, .formWrapper .area-with-icon select {
  padding-left: 50px;
}

.leftmenu {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px 40px;
  position: relative;
  overflow: hidden;
}
.leftmenu .user {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: -20px;
}
.leftmenu .user img {
  margin-right: 20px;
}
.leftmenu .user .name {
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
}
.leftmenu .user small {
  opacity: 0.5;
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
}
.leftmenu ul.menu {
  position: relative;
  padding-top: 20px;
  margin-top: 20px;
}
.leftmenu ul.menu:before {
  width: calc(100% + 300px);
  height: 1px;
  background: #efefef;
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
}
.leftmenu ul.menu li a {
  color: #292947;
  font-size: 18px;
  transition: all 0.3s ease;
  position: relative;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leftmenu ul.menu li a span.badge-danger {
  background-color: #ff3030;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
.leftmenu ul.menu li a span.count {
  font-size: 14px;
  font-weight: 600;
  color: #3d5afe;
  background-color: #e8e8ff;
  border-radius: 50%;
  margin-left: 10px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leftmenu ul.menu li a:before {
  width: 8px;
  height: 47px;
  background-color: #3d5afe;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  content: "";
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s ease;
}
.leftmenu ul.menu li a:hover:not(.active) {
  color: #3d5afe;
  transform: translateX(10px);
}
.leftmenu ul.menu li a.active {
  color: #3d5afe;
  font-weight: 600;
}
.leftmenu ul.menu li a.active:before {
  opacity: 1;
}

.lefttabmenu {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px;
}
.lefttabmenu small.tt {
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
.lefttabmenu ul.button-nav {
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.1);
  padding: 8px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lefttabmenu ul.button-nav button {
  flex-grow: 1;
  width: 100%;
  padding: 14px;
  color: #8e92a8;
  border: 0;
  background: transparent;
  border-radius: 4px;
  transition: all 0.3s ease;
  font-size: 18px;
}
.lefttabmenu ul.button-nav button.active {
  background-color: #3d5afe;
  color: #fff;
}
.lefttabmenu ul.button-nav button:hover {
  background: #fff;
  color: #8e92a8;
}
.lefttabmenu .btn-tab {
  border-radius: 4px;
  background-color: rgba(70, 74, 92, 0.1);
  color: #464a5c;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  border: 0;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  text-align: start;
  line-height: 0.6;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.lefttabmenu .btn-tab small {
  font-weight: 300;
  display: block;
}
.lefttabmenu .btn-tab:not(:last-child) {
  margin-bottom: 10px;
}
.lefttabmenu .btn-tab span.icon {
  border-radius: 4px;
  background-color: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.lefttabmenu .btn-tab span.icon .badge {
  position: absolute;
  top: 50%;
  height: 100%;
  right: 0;
  transform: translateY(-50%);
  writing-mode: vertical-lr;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #11d377;
  padding: 4px 8px;
  border-radius: 0;
  line-height: 1.5;
  letter-spacing: 1px;
}
.lefttabmenu .btn-tab.active {
  background-color: #3d5afe;
}
.lefttabmenu .btn-tab.active span.text {
  color: #fff;
}

/* Yeni Post Item ve Diğer Kodları*/
@keyframes marquee {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes lightning {
  0% {
    color: #fff;
  }
  90% {
    color: #fff;
  }
  100% {
    color: #000;
  }
}
.post-item-new {
  width: 100%;
  height: 320px;
  border-radius: 4px;
  box-shadow: -7.8px 7.8px 34px 0 rgba(50, 61, 86, 0.04);
  background-color: #fff;
  position: relative;
  transition: all 0.7s ease;
  margin-bottom: 20px;
}
.post-item-new .top-title.gunun-firsati {
  background: linear-gradient(to bottom, #FB4242, #FB4242 70%, transparent 100%);
}
.post-item-new .top-title.aninda-teslim {
  background: linear-gradient(to bottom, #dcba7a, #dcba7a 70%, transparent 100%);
}
.post-item-new .top-title.en-populer {
  background: linear-gradient(to bottom, #11d377, #11d377 70%, transparent 100%);
}
.post-item-new .top-title.vitrin {
  background: linear-gradient(to bottom, #ff9101, #ff9101 70%, transparent 100%);
}
.post-item-new .top-title.cok-satan {
  background: linear-gradient(to bottom, #f035c6, #f035c6 70%, transparent 100%);
}
.post-item-new .top-title {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: absolute;
  width: 100%;
  height: 111px;
  margin-top: -25px;
  display: flex;
  align-items: normal;
  justify-content: center;
  font-size: 12px;
  font-family: "Gilroy";
  font-weight: 500;
  color: #fff;
  padding-top: 10px;
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.post-item-new .top-title span {
  animation: marquee 10s linear infinite;
}
.post-item-new .top-title li {
  animation: lightning 1000ms linear infinite;
}
.post-item-new .top-title li:nth-child(1) {
  animation-delay: 0ms;
}
.post-item-new .top-title li:nth-child(2) {
  animation-delay: 100ms;
}
.post-item-new .top-title li:nth-child(3) {
  animation-delay: 200ms;
  margin-right: 6px;
}
.post-item-new .top-title li:nth-child(4) {
  animation-delay: 300ms;
}
.post-item-new .top-title li:nth-child(5) {
  animation-delay: 400ms;
}
.post-item-new .top-title li:nth-child(6) {
  animation-delay: 500ms;
}
.post-item-new .top-title li:nth-child(7) {
  animation-delay: 600ms;
}
.post-item-new .top-title li:nth-child(8) {
  animation-delay: 700ms;
}
.post-item-new .img {
  width: 100%;
  height: 210px;
  position: absolute;
  bottom: 0;
  margin-bottom: 110px;
}
.post-item-new .img img {
  padding: 4px;
  border-radius: 4px;
}
.post-item-new .img img.lazyloaded {
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
}
.post-item-new .img .blur {
  position: absolute;
  bottom: 0;
  width: 94%;
  margin-left: 6px;
  height: 40px;
  filter: blur(4px);
}
.post-item-new .img .user-info {
  position: absolute;
  bottom: 0;
  width: 96%;
  margin-left: 4px;
  margin-bottom: -5px;
  height: 38px;
  padding: 9px 108px 7px 11px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background: rgba(255, 255, 255, 0.5);
}
.post-item-new .img .user-info .content {
  position: relative;
  z-index: 1;
  margin-top: -6px;
  width: 115px;
}
.post-item-new .img .user-info .content a {
  margin: 7px 0 3px 6px;
  font-family: Gilroy;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #18324b;
}
@media (max-width: 768px) {
  .post-item-new .img .user-info .content a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.post-item-new .img .user-info .advert-icon {
  background-color: #e1306c;
  width: 38px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -6px;
  margin-right: 6px;
  border-radius: 4px;
}
.post-item-new .img .user-info .advert-icon a {
  margin-top: 3px;
}
.post-item-new .img .user-info .advert-icon i {
  font-size: 28px;
  color: #fff;
}
.post-item-new .detail {
  margin-top: 20px;
  bottom: 0;
  position: absolute;
  margin-bottom: 7px;
}
.post-item-new .detail .title {
  margin-top: 18px;
  margin-bottom: 13px;
  margin-left: 15px;
}
.post-item-new .detail .title a {
  font-family: Gilroy;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: left;
  color: #18324b;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 34px;
}
.post-item-new .detail .title a:hover {
  color: #3d5afe;
}
.post-item-new .detail .prices {
  border-top: 1px solid #efefef;
  padding-left: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.post-item-new .detail .prices span.price {
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #1e1e1f;
  margin-top: 8px;
}
.post-item-new .detail .prices span.badgex {
  width: 67px;
  height: 28px;
  background-color: #d7fae6;
  border-radius: 100px;
  margin-right: 8px;
  margin-top: 8px;
  line-height: 30px;
  font-size: 14px;
  font-family: Gilroy;
  font-weight: 500;
  color: #11d377;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.post-item-new:hover {
  transform: scale(1.05);
}

.load-more-area-new {
  margin-top: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.load-more-area-new a.load-more {
  box-shadow: -6px 6px 117px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  background-color: #fff;
}
.load-more-area-new a.load-more:hover {
  background-color: #d1d1d1;
  color: #fff;
}
.load-more-area-new a.load-more {
  padding: 22px 28px 22px 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  border: 0;
  width: 456px;
  height: 60px;
  position: relative;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #20c55c;
}
.load-more-area-new a.load-more i {
  width: 40px;
  height: 40px;
  background-color: #e8f9ee;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #24c75f;
  font-weight: 600;
  position: absolute;
  right: 0;
  margin-right: 10px;
}

/* Yeni Post Item ve Diğer Kodları*/
.post-item {
  border-radius: 4px;
  background-color: #fff;
  transition: all 0.3s ease;
  position: relative;
}
.post-item.blur {
  filter: blur(15px);
  pointer-events: none;
  position: relative;
}
.post-item .adminpasifi {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(37, 37, 37, 0.9);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1.3;
  z-index: 99;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  pointer-events: none;
  cursor: pointer;
}
.post-item form.ajax {
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
}
.post-item form.ajax .btn-buy {
  border-radius: 4px;
  background-color: #11d377;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 14px;
  border: 0;
  transition: all 0.3s ease;
  width: 100%;
  justify-content: center;
}
.post-item form.ajax .btn-buy:hover {
  background-color: #10c56f;
}
.post-item form.ajax .btn-buy i {
  margin-right: 6px;
}
.post-item form.ajax .btn-buy.red {
  background-color: #ff9103 !important;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 19px 20px;
  border: 0;
  transition: all 0.3s ease;
}
.post-item form.ajax .btn-buy.red:hover {
  background-color: rgb(232.5, 131.0119047619, 0);
}
.post-item form.ajax .btn-buy.stokyok {
  background-color: #bdbdbd;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 19px 20px;
  border: 0;
  transition: all 0.3s ease;
}
.post-item form.ajax .btn-buy.stokyok:hover {
  background-color: #bdbdbd;
}
.post-item .dopinghere {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 14px;
  background-color: #ffc008;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0 0 10px 0;
  border-top-left-radius: 10px;
}
.post-item.greenborder {
  box-shadow: 0 0 0 3px #11d377;
  position: relative;
}
.post-item.greenborder .ribbon {
  border-radius: 15px;
  background-color: #11d377;
  padding: 6px 14px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  width: fit-content;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  margin: 0 auto;
  z-index: 1;
}
.post-item .button-area {
  padding: 0 14px 14px;
}
.post-item .button-area a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.post-item .button-area span.expiredtime {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 14px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0 0 0 10px;
  border-top-right-radius: 10px;
}
.post-item span.badges {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  justify-content: space-between;
}
.post-item span.badges span.badge {
  border-radius: 4px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0;
}
.post-item span.badges span.badge:not(:last-child) {
  margin-right: 6px;
}
.post-item span.badges span.badge span.icon {
  display: none !important;
  padding: 6px 7px 6px 11px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.post-item span.badges span.badge span.text {
  padding: 6px 10px 6px 10px;
  font-size: 12px;
}
.post-item span.badges span.badge.badge-green {
  background-color: #11d377;
}
.post-item span.badges span.badge.badge-orange {
  background-color: #ff9103;
}
.post-item .img {
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}
.post-item .img button.unlike {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(208, 44, 44, 0.7);
  backdrop-filter: blur(15px);
  padding: 6px 8px;
  border-radius: 2px;
  z-index: 99;
  border: 0;
}
.post-item .img img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 0.3s ease;
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
}
.post-item .detail {
  padding: 14px;
  position: relative;
}
.post-item .detail ul {
  margin-top: 14px;
}
.post-item .detail ul li {
  color: #1e1e1f;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.post-item .detail ul li i {
  color: #3d5afe;
  margin-right: 6px;
}
.post-item .detail a.title {
  color: #1e1e1f;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  transition: all 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 40px;
}
.post-item .detail a.title:hover {
  color: #3d5afe;
}
.post-item .detail p.desc {
  margin-top: 6px;
  color: #1e1e1f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.post-item .detail a.category {
  display: flex;
  align-items: center;
  position: absolute;
  top: -35px;
  left: 7px;
  border-radius: 4px;
  background: #fff;
  border: 3px solid #fff;
}
.post-item .detail a.category img {
  padding: 4px;
  width: 35px;
  height: 35px;
  max-width: 35px;
  max-height: 35px;
  object-fit: contain;
}
.post-item .detail .price {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: -32px;
  right: 7px;
  background: linear-gradient(45deg, #3d5afe, #1f01f0);
  border: 3px solid #fff;
  padding: 4px 6px;
  border-radius: 4px;
  letter-spacing: 0.6px;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-item div.profile {
  border-top: 1px solid #efefef;
  padding: 8px 14px;
}
.post-item div.profile a.profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1e1e1f;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.post-item div.profile a.profile:hover i {
  color: #3d5afe;
  opacity: 1;
}
.post-item div.profile a.profile span.name {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-item div.profile a.profile img {
  margin-right: 12px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  object-fit: cover;
  border-radius: 50%;
}
.post-item div.profile a.profile i {
  opacity: 0.3;
}
.post-item:hover {
  transform: scale(1.05);
}
.post-item:hover .img img {
  transform: scale(1.05);
}

.load-more-area {
  margin-top: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.load-more-area ul {
  gap: 10px;
}
.load-more-area ul li a, .load-more-area ul li span {
  box-shadow: -6px 6px 117px rgba(0, 0, 0, 0.16);
  border-radius: 4px !important;
  background-color: #fff;
  width: 50px;
  height: 50px;
  color: #626372;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: 0;
  cursor: pointer;
}
.load-more-area ul li a:hover, .load-more-area ul li a.active, .load-more-area ul li span:hover, .load-more-area ul li span.active {
  background: #3d5afe;
  color: #fff;
}
.load-more-area button, .load-more-area a.load-more {
  /*box-shadow: -6px 6px 117px rgba(0, 0, 0, 0.16);*/
  box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background-color: #fff;
  padding: 22px 28px 22px 42px;
  color: #626372;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  border: 0;
}
.load-more-area button i, .load-more-area a.load-more i {
  margin-left: 56px;
  color: #3d5afe;
  font-size: 22px;
}
.load-more-area button:hover, .load-more-area a.load-more:hover {
  background: #3d5afe;
  color: #fff;
}
.load-more-area button:hover i, .load-more-area a.load-more:hover i {
  color: #fff;
}

.navbox {
  margin-top: 30px;
  border-radius: 4px;
  background-color: #fff;
  padding: 12px;
}
.navbox ul.nav li a {
  padding: 14px 24px 14px 18px;
  color: #8f8fb5;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.navbox ul.nav li a span {
  opacity: 0.7;
  color: #8f8fb5;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}
.navbox ul.nav li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: #fff;
  z-index: -2;
}
.navbox ul.nav li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(61, 90, 254, 0.1);
  transition: all 0.3s;
  border-radius: 4px;
  z-index: -1;
}
.navbox ul.nav li a:hover, .navbox ul.nav li a.active {
  color: #3d5afe;
}
.navbox ul.nav li a:hover:before, .navbox ul.nav li a.active:before {
  width: 100%;
}
.navbox ul.nav li a:hover span, .navbox ul.nav li a.active span {
  color: #3d5afe;
}
.navbox ul.nav li a i {
  margin-right: 16px;
  font-size: 20px;
}

.custom-control {
  display: flex;
  align-items: center;
}
.custom-control .custom-control-input {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin-right: 10px;
  border: 1px solid #d0d8e8;
}
.custom-control .custom-control-input:checked {
  background-color: #3d5afe;
  border-color: #3d5afe;
}
.custom-control .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3d5afe;
  border-color: #3d5afe;
}
.custom-control .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  border-color: #3d5afe;
}
.custom-control .custom-control-label {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #b8b9c6 !important;
  margin: 0 !important;
}
.custom-control .custom-control-label a {
  color: #425efe;
  transition: all 0.3s ease;
}
.custom-control .custom-control-label a:hover {
  color: #3d5afe;
}
.custom-control .custom-control-label:hover::before {
  background-color: #3d5afe;
  border-color: #3d5afe;
}

@keyframes background-animation {
  0% {
    box-shadow: 0 0 0 0 rgba(61, 90, 254, 0.08), 0 0 0 12px rgba(61, 90, 254, 0.08), 0 0 0 24px rgba(61, 90, 254, 0.08), 0 0 0 36px rgba(61, 90, 254, 0.08);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(61, 90, 254, 0.08), 0 0 0 24px rgba(61, 90, 254, 0.08), 0 0 0 36px rgba(61, 90, 254, 0.08), 0 0 0 48px rgba(61, 90, 254, 0);
  }
}
.fancybox-slide, .fancybox-container {
  z-index: 2000000098 !important;
}

.swal2-container {
  z-index: 2000000098 !important;
}

.modal-backdrop {
  z-index: 2000000098 !important;
}

.modal {
  z-index: 2000000099 !important;
}

a.logo img.dark {
  display: none;
}

a.logo img.light {
  display: block;
}

/* Yeni Eklemeler */
.blogCategoriesRight {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.blogCategoriesRight span.titlex {
  font-size: 25px !important;
  padding: 0 !important;
  margin-bottom: 10px;
}
.blogCategoriesRight .item {
  background-color: #fff; /*Dark: background-color:#1e1e1f;*/
  height: 45px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.blogCategoriesRight .item:hover a {
  color: #3d5afe;
}
.blogCategoriesRight .item a {
  color: #1e1e1f; /*Dark: color:#fff;*/
  display: flex;
  align-items: center;
  font-weight: 500;
}
.blogCategoriesRight .item a span.icon {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blogCategoriesTop {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
.blogCategoriesTop .item {
  flex: 0 0 calc(50% - 3px);
  background-color: #fff;
  height: 45px;
  border-radius: 5px;
}
.blogCategoriesTop .item:hover a {
  color: #3d5afe;
}
.blogCategoriesTop .item a {
  color: #1e1e1f; /*Dark: color:#fff;*/
  display: flex;
  align-items: center;
  font-weight: 500;
}
.blogCategoriesTop .item a span.icon {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Yeni Eklemeler */
header {
  z-index: 2000000000 !important;
}
header .mobile {
  position: relative;
  z-index: 33;
  background: #fff;
}
header .mobile a.btn-login {
  color: #1e1e1f;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1.3;
  width: 100%;
  justify-content: center;
}
header .mobile a.btn-login b, header .mobile a.btn-login strong {
  font-weight: 600;
}
header .mobile a.btn-login i {
  font-size: 20px;
  margin-right: 10px;
  font-weight: 600;
}
header .mobile a.btn-square {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d5afe;
  background: rgba(61, 90, 254, 0.1);
  position: relative;
}
header .mobile span.badge.count {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #3d5afe;
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
header .mobile .dropdown-notification {
  min-width: 340px;
  box-shadow: -5px 5px 42px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background-color: #fff;
  border: 0;
  padding: 0;
  margin-top: 17px !important;
}
header .mobile .dropdown-notification .btn-all {
  padding: 20px;
  border-top: 1px solid #f2f2f6;
  background: #f2f2f6;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 4px solid #f2f2f6;
}
header .mobile .dropdown-notification .btn-all span {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
}
header .mobile .dropdown-notification .head {
  background-color: #3d5afe;
  padding: 22px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .mobile .dropdown-notification .head a.btn-top {
  background: #fff;
  color: #3d5afe;
  font-size: 14px;
  font-weight: 500;
  padding: 6px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
header .mobile .dropdown-notification .head a.btn-top:hover {
  transform: translateY(-2px);
}
header .mobile .dropdown-notification .body ul {
  max-height: 370px;
  overflow-y: scroll;
}
header .mobile .dropdown-notification .body ul::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
header .mobile .dropdown-notification .body ul::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
header .mobile .dropdown-notification .body ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
header .mobile .dropdown-notification .body ul::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
header .mobile .dropdown-notification .body ul li a {
  padding: 20px;
  border-bottom: 1px solid #efefef;
  color: #1e1e1f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
header .mobile .dropdown-notification .body ul li a:hover {
  background-color: #f5f5f8;
}
header .mobile .dropdown-notification .body ul li a b {
  font-weight: 600;
}
header .mobile .dropdown-notification .body ul li a small {
  font-size: 12px;
  font-weight: 400;
  color: #9e9e9e;
}
header .mobile .dropdown-notification .body ul li a span.icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 4px;
  font-size: 20px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .mobile .dropdown-notification .body ul li a span.icon.orange {
  color: #ff9103;
  background-color: rgba(255, 159, 28, 0.2);
}
header .mobile .dropdown-notification .body ul li a span.icon.blue {
  color: #3d5afe;
  background-color: rgba(61, 90, 254, 0.2);
}
header .mobile .dropdown-notification .body ul li a span.icon.darkblue {
  color: #fff;
  background-color: #3d5afe;
  transition: all 0.3s ease;
  animation: rotate 1s infinite;
}
header .mobile .dropdown-notification .body ul li a span.icon.green {
  color: #11d377;
  background-color: rgba(44, 208, 156, 0.2);
}
header .mobile .dropdown-notification .body ul li a span.icon.red {
  color: #d02c2c;
  background-color: rgba(208, 44, 44, 0.2);
}
header .mobile .btn-user {
  display: flex;
  align-items: center;
  justify-content: start;
  border: 0;
  background: transparent;
  text-align: left;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(123, 123, 132, 0.1);
  color: #7b7b84;
  position: relative;
}
header .mobile .btn-user span.name {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 600;
}
header .mobile .btn-user span.balance {
  color: #2cd09c;
  font-size: 10px;
  font-weight: 600;
}
header .mobile .btn-user img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 10px;
}
header .mobile button.categoryToggle {
  padding-top: 12px;
  padding-bottom: 12px;
  background: transparent;
  display: flex;
  align-items: center;
  border: 0;
  color: #1e1e1f;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  min-height: 60px;
  border-right: 1px solid #e7e7f2;
  width: 100%;
}
header .mobile button.categoryToggle.active {
  color: #3d5afe;
}
header .mobile button.categoryToggle i:first-child {
  margin-right: 10px;
  font-size: 20px;
  font-weight: 600;
}
header .top-menu {
  border-top: 1px solid #e1e1e5;
  box-shadow: 0 7px 42px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  display: none;
}
header .top-menu.active {
  display: block;
}
header .top-menu ul li:not(:last-child) {
  border-bottom: 1px solid #e1e1e5;
}
header .top-menu ul li a {
  padding: 20px 18px;
  color: #34364c;
  font-size: 16px;
  display: flex;
  align-items: center;
  font-weight: 500;
}
header .top-menu ul li a span {
  line-height: 1;
}
header .top-menu ul li a i {
  margin-right: 10px;
  font-size: 20px;
  color: #c2c1d9;
}
header .search-menu, header .category-menu {
  border-top: 1px solid #e1e1e5;
  box-shadow: 0 7px 42px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  padding: 24px 12px;
  display: none;
}
header .search-menu .btn-all, header .category-menu .btn-all {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  color: #3d5afe;
  font-size: 14px;
  font-weight: 500;
  padding: 24px;
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.1);
}
header .search-menu.active, header .category-menu.active {
  display: block;
}
header .search-menu .cats, header .category-menu .cats {
  border-radius: 4px;
  background-color: #f2f2f6;
}
header .search-menu .cats .row, header .category-menu .cats .row {
  max-height: 350px;
  overflow-y: scroll;
}
header .search-menu .cats .row::-webkit-scrollbar, header .category-menu .cats .row::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
header .search-menu .cats .row::-webkit-scrollbar-track, header .category-menu .cats .row::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
header .search-menu .cats .row::-webkit-scrollbar-thumb, header .category-menu .cats .row::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
header .search-menu .cats .row::-webkit-scrollbar-thumb:hover, header .category-menu .cats .row::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
header .search-menu .cats a.item, header .category-menu .cats a.item {
  border-right: 1px solid #e1e1e5;
  border-bottom: 1px solid #e1e1e5;
  padding: 12px;
  display: flex;
  align-items: center;
  color: #2f2f3b;
  font-size: 16px;
  font-weight: 600;
}
header .search-menu .cats a.item img, header .category-menu .cats a.item img {
  width: 46px;
  height: 46px;
  min-height: 46px;
  min-width: 46px;
  border-radius: 4px;
  background-color: #7a7d89;
  margin-right: 10px;
}
header .search-menu .form-group, header .category-menu .form-group {
  position: relative;
}
header .search-menu .form-group input.form-control, header .category-menu .form-group input.form-control {
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  height: auto;
  padding-left: 26px;
  padding-right: 20px;
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 500;
  min-height: 60px;
}
header .search-menu .form-group input.form-control:active, header .search-menu .form-group input.form-control:focus, header .category-menu .form-group input.form-control:active, header .category-menu .form-group input.form-control:focus {
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
header .search-menu .form-group button, header .category-menu .form-group button {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  transition: all 0.3s ease;
}
header .search-menu .form-group button:hover, header .category-menu .form-group button:hover {
  color: #000;
}
header .user-menu {
  border-top: 1px solid #e1e1e5;
  box-shadow: 0 7px 42px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  display: none;
}
header .user-menu .bg {
  background-color: #11d377;
  padding: 18px;
  display: flex;
  align-items: center;
}
header .user-menu .bg .bakiyeBtn {
  background-color: #fff;
  color: #11d377;
  font-size: 16px;
  font-weight: 500;
  padding: 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
header .user-menu .bg .bakiyeBtn i {
  margin-right: 6px;
}
header .user-menu .bg .bakiyeBtn:hover {
  background-color: #10c56f;
  color: #fff;
}
header .user-menu .bg img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin-right: 10px;
}
header .user-menu .bg span.name {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
header .user-menu .bg span.balance {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
header .user-menu.active {
  display: block;
}
header .user-menu ul {
  padding-top: 18px;
  padding-bottom: 18px;
}
header .user-menu ul li a {
  padding: 14px 18px;
  color: #696e8b;
  font-size: 16px;
  display: flex;
  align-items: center;
  font-weight: 500;
}
header .user-menu ul li a span {
  line-height: 1;
}
header .user-menu ul li a i {
  margin-right: 10px;
  font-size: 20px;
  color: #c2c1d9;
}
header .top {
  background: #fff;
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e4e4e4;
}
header .top a.btn-user {
  display: flex;
  align-items: center;
}
header .top a.btn-user span.l {
  display: flex;
  flex-direction: column;
}
header .top a.btn-user span.l span.name {
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 600;
}
header .top a.btn-user span.l span.balance {
  color: #11d377;
  font-size: 15px;
  font-weight: 500;
  margin-top: 4px;
}
header .top a.btn-user img {
  margin-right: 14px;
  max-height: 46px;
  max-width: 46px;
  min-width: 46px;
  min-height: 46px;
  object-fit: cover;
  border-radius: 50%;
}
header .top a.btn-user span.icon {
  margin-left: 30px;
  background-color: #ededed;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  color: #000;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
header .top a.btn-user span.icon:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(61, 90, 254, 0);
  z-index: -2;
}
header .top a.btn-user span.icon:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #3d5afe;
  transition: all 0.3s;
  border-radius: 4px;
  z-index: -1;
}
header .top a.btn-user span.icon:hover {
  background: transparent;
  color: #fff;
}
header .top a.btn-user span.icon:hover:before {
  width: 100%;
}
header .top a.btn-user.show span.icon {
  color: #fff;
}
header .top a.btn-user.show span.icon:before {
  width: 100%;
}
header .top span.badge.count {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #3d5afe;
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
header .top a.btn-square {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  background: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
header .top a.btn-square:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  z-index: -2;
}
header .top a.btn-square:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #3d5afe;
  transition: all 0.3s;
  border-radius: 4px;
  z-index: -1;
}
header .top a.btn-square:hover, header .top a.btn-square.show {
  color: #fff;
}
header .top a.btn-square:hover:before, header .top a.btn-square.show:before {
  width: 100%;
}
header .top .dropdown-notification {
  min-width: 340px;
  box-shadow: -5px 5px 42px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background-color: #fff;
  border: 0;
  padding: 0;
  margin-top: 17px !important;
}
header .top .dropdown-notification .btn-all {
  padding: 20px;
  border-top: 1px solid #f2f2f6;
  background: #f2f2f6;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 4px solid #f2f2f6;
}
header .top .dropdown-notification .btn-all span {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
}
header .top .dropdown-notification .head {
  background-color: #3d5afe;
  padding: 22px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .top .dropdown-notification .head a.btn-top {
  background: #fff;
  color: #3d5afe;
  font-size: 14px;
  font-weight: 500;
  padding: 6px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
header .top .dropdown-notification .head a.btn-top:hover {
  transform: translateY(-2px);
}
header .top .dropdown-notification .body ul {
  max-height: 370px;
  overflow-y: scroll;
}
header .top .dropdown-notification .body ul::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
header .top .dropdown-notification .body ul::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
header .top .dropdown-notification .body ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
header .top .dropdown-notification .body ul::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
header .top .dropdown-notification .body ul li a {
  padding: 20px;
  border-bottom: 1px solid #efefef;
  color: #1e1e1f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
header .top .dropdown-notification .body ul li a:hover {
  background-color: #f5f5f8;
}
header .top .dropdown-notification .body ul li a b {
  font-weight: 600;
}
header .top .dropdown-notification .body ul li a small {
  font-size: 12px;
  font-weight: 400;
  color: #9e9e9e;
}
header .top .dropdown-notification .body ul li a span.icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 4px;
  font-size: 20px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .top .dropdown-notification .body ul li a span.icon.orange {
  color: #ff9103;
  background-color: rgba(255, 159, 28, 0.2);
}
header .top .dropdown-notification .body ul li a span.icon.blue {
  color: #3d5afe;
  background-color: rgba(61, 90, 254, 0.2);
}
header .top .dropdown-notification .body ul li a span.icon.darkblue {
  color: #fff;
  background-color: #3d5afe;
  transition: all 0.3s ease;
  animation: rotate 1s infinite;
}
header .top .dropdown-notification .body ul li a span.icon.green {
  color: #11d377;
  background-color: rgba(44, 208, 156, 0.2);
}
header .top .dropdown-notification .body ul li a span.icon.red {
  color: #d02c2c;
  background-color: rgba(208, 44, 44, 0.2);
}
header .top .dropdown-user {
  box-shadow: -5px 5px 42px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background-color: #fff;
  border: 0;
  margin-top: 17px !important;
  min-width: 255px;
  padding: 14px 0;
}
header .top .dropdown-user li a {
  color: #696e8b;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 14px 30px;
  transition: all 0.3s ease;
}
header .top .dropdown-user li a:hover, header .top .dropdown-user li a:active, header .top .dropdown-user li a:focus {
  background: transparent;
  color: #23263b;
}
header .top .dropdown-user li a:hover i, header .top .dropdown-user li a:active i, header .top .dropdown-user li a:focus i {
  color: #23263b;
}
header .top .dropdown-user li a i {
  margin-right: 18px;
  color: #cbceda;
  font-size: 20px;
  transition: all 0.3s ease;
}
header .top .search {
  max-width: 400px;
}
header .top .search .form-control {
  border-radius: 4px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  padding: 13px 20px 13px 24px;
  height: auto;
  color: #1e1e1f;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
header .top .search .form-control:active, header .top .search .form-control:focus {
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: none;
}
header .top .search .form-control::placeholder {
  opacity: 1;
}
header .top .search .btn-submit {
  background: transparent;
  border: 0;
  color: #b9c3c8;
  font-size: 20px;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: all 0.3s ease;
}
header .top .search .btn-submit:hover {
  background: #10c56f;
  color: #fff;
}
header .top .search .search-results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: -5px 5px 42px rgba(0, 0, 0, 0.15);
  padding: 20px;
  z-index: 999;
  margin-top: 20px;
  padding-right: 10px;
}
header .top .search .search-results .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
header .top .search .search-results .head h4 {
  color: #1e1e1f;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
header .top .search .search-results .body ul {
  max-height: 370px;
  overflow-y: scroll;
}
header .top .search .search-results .body ul::-webkit-scrollbar {
  width: 6px;
  border-radius: 2px;
}
header .top .search .search-results .body ul::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
header .top .search .search-results .body ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
header .top .search .search-results .body ul::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
header .top .search .search-results .body ul li:last-child a {
  border-bottom: 0;
}
header .top .search .search-results .body ul li a {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #efefef;
  color: #1e1e1f;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  transition: all 0.3s ease;
}
header .top .search .search-results .body ul li a:hover {
  color: #10c56f;
}
header .mobile {
  padding-top: 12px;
  background-color: #fff;
  display: none;
}
header .mobile .dropdown-user {
  box-shadow: -5px 5px 42px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background-color: #fff;
  border: 0;
  margin-top: 17px !important;
  min-width: 255px;
  padding: 0 0 14px;
}
header .mobile .dropdown-user li.bg {
  background-color: #13cda3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
header .mobile .dropdown-user li.bg img {
  margin-right: 14px;
}
header .mobile .dropdown-user li.bg a {
  color: #fff;
  padding: 14px 14px;
}
header .mobile .dropdown-user li.bg a .name {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}
header .mobile .dropdown-user li.bg a .small {
  color: #fff;
  font-size: 14px;
  margin-top: 4px;
  display: block;
}
header .mobile .dropdown-user li a {
  color: #696e8b;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 14px 30px;
  transition: all 0.3s ease;
}
header .mobile .dropdown-user li a:hover, header .mobile .dropdown-user li a:active, header .mobile .dropdown-user li a:focus {
  background: transparent;
  color: #23263b;
}
header .mobile .dropdown-user li a:hover i, header .mobile .dropdown-user li a:active i, header .mobile .dropdown-user li a:focus i {
  color: #23263b;
}
header .mobile .dropdown-user li a i {
  margin-right: 18px;
  color: #cbceda;
  font-size: 20px;
  transition: all 0.3s ease;
}
header .mobile .br1 {
  border-top: 1px solid #ededed;
  margin-top: 12px;
}
header .mobile form.search {
  position: relative;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 14px;
}
header .mobile form.search i {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #3d5afe;
}
header .mobile form.search input {
  border-radius: 4px;
  border: 1px solid #d1cedd;
  background-color: #fff;
  width: 100%;
  padding: 12px 24px 12px 40px;
  font-size: 16px;
}
header .mobile .btn-mobile {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background-color: rgba(19, 206, 164, 0.2);
  color: #13cea4;
  font-size: 18px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .mobile .btn-mobile:active, header .mobile .btn-mobile.active, header .mobile .btn-mobile.show {
  background-color: #13cea4;
  color: #fff;
}
header .mobile .btn-mobile.gray {
  background: rgba(123, 123, 132, 0.1);
  color: #7b7b84;
}
header .mobile .btn-mobile.gray:active, header .mobile .btn-mobile.gray.active, header .mobile .btn-mobile.gray.show {
  background: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
}
header .mobile .btn-mobile.blue {
  background: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
}
header .mobile .btn-mobile.blue:active, header .mobile .btn-mobile.blue.active, header .mobile .btn-mobile.blue.show {
  background: #3d5afe;
  color: #fff;
}
header .mobile button.toggleColor, header .mobile .btn-dd {
  background: transparent;
  border: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  border-left: 1px solid #e4e4e4 !important;
  color: #1e1e1f;
  font-size: 14px;
  font-weight: 600;
  padding: 20px 10px;
  transition: all 0.3s ease;
}
header .mobile button.toggleColor:hover, header .mobile .btn-dd:hover {
  background: #e4e4e4;
}
header .menu {
  background-color: #fff;
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
}
header .menu button.toggleColor {
  position: absolute;
  right: 0;
  top: -22px;
  background: transparent;
  border: 0;
  line-height: 1;
  height: 62px;
  display: flex;
  align-items: center;
  border-left: 1px solid #e4e4e4 !important;
  border-right: 1px solid #e4e4e4 !important;
  color: #1e1e1f;
  font-size: 16px;
  font-weight: 600;
  padding-left: 30px;
  padding-right: 30px;
  transition: all 0.3s ease;
}
header .menu button.toggleColor:hover {
  background: #e4e4e4;
}
header .menu button.toggleColor i {
  margin-right: 14px;
}
header .menu .btn-dd {
  position: absolute;
  right: 0;
  top: -22px;
  border: 0;
  line-height: 1;
  height: 62px;
  display: flex;
  align-items: center;
  border-left: 1px solid #11d377 !important;
  border-right: 1px solid #11d377 !important;
  background: #11d377;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 0.3s ease;
}
header .menu .btn-dd:hover {
  background: #10c56f;
}
header .menu .btn-dd i {
  margin-right: 14px;
}
header .menu ul li.nav-item a.nav-link {
  color: #1e1e1f;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
header .menu ul li.nav-item a.nav-link.special {
  color: #11d377 !important;
  text-shadow: 0 0 28px rgba(32, 198, 92, 0.3) !important;
}
header .menu ul li.nav-item a.nav-link i {
  margin-right: 22px;
}
header .menu ul li.nav-item a.nav-link:hover, header .menu ul li.nav-item a.nav-link.show {
  color: #3d5afe;
}
header .dropdown-categories {
  width: calc(100vw - 15px);
  border-radius: 0;
  border: 0;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-top: 20px !important;
  padding-top: 20px;
  padding-bottom: 42px;
}
header .dropdown-categories a.itemtt {
  border-radius: 4px;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  padding: 0;
}
header .dropdown-categories a.itemtt:hover {
  transform: scale(1.05);
}
header .dropdown-categories a.itemtt:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.77) 9%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 212px;
  z-index: 1;
  border-radius: 4px;
  opacity: 1;
  max-height: 100%;
}
header .dropdown-categories a.itemtt img {
  border-radius: 4px;
  width: 100%;
  height: auto;
  background: transparent;
  margin: 0;
}
header .dropdown-categories a.itemtt span.subname {
  padding-top: 30px;
  padding-left: 14px;
  padding-right: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
header .dropdown-categories a.itemtt span.detail {
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}
header .dropdown-categories a.itemtt span.detail img {
  margin-bottom: 20px;
}
header .dropdown-categories a.itemtt span.detail .title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
header .dropdown-categories .form-group {
  position: relative;
}
header .dropdown-categories .form-group input.form-control {
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  height: auto;
  padding-left: 26px;
  padding-right: 20px;
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 500;
  min-height: 60px;
}
header .dropdown-categories .form-group input.form-control:active, header .dropdown-categories .form-group input.form-control:focus {
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
header .dropdown-categories .form-group button {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  transition: all 0.3s ease;
}
header .dropdown-categories .form-group button:hover {
  color: #000;
}
header .dropdown-categories a.btn-all {
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  min-height: 60px;
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 600;
  padding: 22px 26px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
header .dropdown-categories a.btn-all:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  z-index: -2;
}
header .dropdown-categories a.btn-all:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #3d5afe;
  transition: all 0.3s;
  border-radius: 3px;
  z-index: -1;
}
header .dropdown-categories a.btn-all:hover {
  color: #fff;
  border-color: #3d5afe;
}
header .dropdown-categories a.btn-all:hover:before {
  width: 100%;
}
header .dropdown-categories a.btn-all i {
  margin-left: 38px;
}
header .dropdown-categories a.item {
  border-radius: 4px;
  background-color: rgba(15, 25, 35, 0.1);
  padding: 6px;
  color: #0f1923;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  width: 100%;
}
header .dropdown-categories a.item:hover {
  background-color: rgba(15, 25, 35, 0.2);
}
header .dropdown-categories a.item img {
  border-radius: 4px;
  background-color: #7a7d89;
  margin-right: 20px;
}

section.topbar {
  position: relative;
  z-index: 2000000001 !important;
}
section.topbar ul.nav {
  display: flex;
  align-items: center;
  border-right: 1px solid #d6dde6;
}
section.topbar ul.nav > li > a {
  border-left: 1px solid #d6dde6;
  color: #85909e;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.topbar ul.nav > li > a:hover {
  color: #1e1e1f;
}
section.topbar ul.nav > li > a.show {
  color: #1e1e1f;
}
section.topbar ul.nav > li > a i {
  margin-right: 12px;
}
section.topbar ul.nav > li ul {
  border: 0;
  box-shadow: 0 0 32px rgba(65, 70, 102, 0.15);
  border-radius: 4px;
  background-color: #fff;
  padding: 16px;
  margin-top: 10px !important;
  min-width: 270px;
}
section.topbar ul.nav > li ul li a {
  color: #202335;
  font-size: 16px;
  font-weight: 500;
  padding: 20px;
  border-radius: 4px;
  transition: all 0.3s ease;
}
section.topbar ul.nav > li ul li a:hover, section.topbar ul.nav > li ul li a:active, section.topbar ul.nav > li ul li a:focus, section.topbar ul.nav > li ul li a.active {
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
}
section.topbar ul.social {
  display: flex;
  align-items: center;
  padding-left: 10px;
  gap: 16px;
  margin-left: 6px;
}
section.topbar ul.social li a {
  color: #85909e;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.topbar ul.social li a:hover {
  color: #1e1e1f;
}
section.topbar button.toggleColor {
  border: 0 !important;
  color: #85909e;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  gap: 10px;
  background: rgba(255, 255, 255, 0.12);
}

section.stories {
  background-color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
}
section.stories .slick-slide {
  padding-top: 4px;
  padding-bottom: 4px;
}
section.stories .slick-slide a.item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  transition: all 0.3s ease;
}
section.stories .slick-slide a.item:hover img {
  box-shadow: 0 0 0 3px #13cea4;
  padding: 5px;
}
section.stories .slick-slide a.item img {
  background-color: #fff;
  border-radius: 50%;
  object-fit: cover;
  aspect-ratio: 1/1;
  height: 103px;
  transition: all 0.3s ease;
  padding: 3px;
}
section.stories .slick-slide a.item span.title {
  color: #7b7b84;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.3s ease;
  line-height: 1.5;
}

section.slider {
  margin-top: 30px;
  position: relative;
}
section.slider .slick-slide {
  margin: 0 5px;
  border-radius: 4px;
}
section.slider {
  /* the parent */
}
section.slider .slick-list {
  margin: 0 -5px;
  border-radius: 4px;
}
section.slider .slider-group {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  max-height: 450px;
}
section.slider button.slick-arrow {
  background-color: rgba(255, 255, 255, 0.631372549);
  border: 0;
  color: #1e1e1f;
  font-size: 20px;
  font-weight: 600;
  padding: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: all 0.3s ease;
}
section.slider button.slick-arrow:hover {
  background-color: #1e1e1f;
  color: #fff;
}
section.slider button.slick-arrow.slick-prev {
  left: 20px;
}
section.slider button.slick-arrow.slick-next {
  right: 20px;
}
section.slider .slick-slide img {
  display: block;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
section.slider .slick-slide {
  display: flex;
  border-radius: 4px;
}
section.slider:before {
  display: none !important;
  position: absolute;
  height: 110px;
  background: #fff;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
}
section.slider a.item {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
  transition: all 0.3s ease;
  width: 100%;
}
section.slider a.item img {
  width: 100%;
}
section.slider a.item .left {
  position: absolute;
  padding-left: 60px;
  padding-top: 190px;
  max-width: 440px;
}
section.slider a.item .left .title {
  line-height: 1.3;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
}
section.slider a.item .left .title b {
  color: #11d377;
  font-weight: 700;
}
section.slider a.item .left p {
  margin-top: 24px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 34px;
}
section.slider a.item .left span.buy {
  border-radius: 25px;
  background-color: #fff;
  color: #0f1923;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px 14px 28px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  transition: all 0.3s ease;
  box-shadow: -5px 5px 29px rgba(0, 0, 0, 0.3);
}
section.slider a.item .left span.buy:hover {
  background-color: #10c56f;
  color: #fff;
}
section.slider a.item .left span.buy i {
  margin-left: 30px;
}
section.slider a.subitem {
  border-radius: 4px;
  background-color: #212126;
  padding: 31px 30px;
  display: flex;
  align-items: start;
  flex-direction: column;
  transition: all 0.3s ease;
  position: relative;
  background-size: cover !important;
}
section.slider a.subitem img {
  width: 100%;
  border-radius: 4px;
  object-fit: cover;
}
section.slider a.subitem .abs {
  position: absolute;
}
section.slider a.subitem .abs.s1 {
  right: -150px;
  bottom: -50px;
}
section.slider a.subitem .abs.s2 {
  right: 0;
  bottom: 0;
}
section.slider a.subitem .name {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
section.slider a.subitem .name.v2 {
  font-size: 18px;
  line-height: 1.2;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
section.slider a.subitem .discover {
  margin-top: 26px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 12px 18px 12px 22px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.slider a.subitem .discover i {
  margin-left: 26px;
}
section.slider a.subitem:hover {
  transform: scale(1.05);
}
section.slider a.subitem:hover .discover {
  background: #fff;
  color: #0f1923;
}
section.slider .navslick {
  position: absolute;
  bottom: 20px;
  padding-left: 60px;
  max-width: calc(100% - 60px);
  width: 100%;
  overflow: hidden;
  text-align: center;
  /* item */
}
section.slider .navslick .slick-track {
  width: 100% !important;
  text-align: center;
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}
section.slider .navslick .slick-slide {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  position: relative;
  padding: 0;
  cursor: pointer;
  justify-content: center;
}
section.slider .navslick .slick-slide img {
  border: 2px solid rgba(255, 255, 255, 0.6509803922);
  max-height: 70px;
}
section.slider .navslick .slick-slide.slick-current.slick-active img {
  border-color: #ff9103;
}

section.post {
  margin-top: 30px;
  margin-bottom: 46px;
}
section.post h2.subtitle {
  color: #000;
}
section.post .tab-change {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  color: #717f8d;
  background: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 0;
  min-height: 52px;
}
section.post .tab-change span.icon {
  font-size: 20px;
  background: #fff;
  color: #000;
  padding: 6px;
  border-radius: 100%;
  line-height: 0;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  display: none;
}
section.post .tab-change img {
  margin-right: 6px;
  border-radius: 50%;
}
section.post .tab-change.active {
  color: #fff;
  background: #3d5afe;
}
section.post .tab-change.active span.icon {
  opacity: 1;
  visibility: visible;
  display: flex;
  color: #3d5afe;
}
section.post .box {
  border-radius: 4px;
  background-color: #fff;
  padding: 12px;
}
section.post .box .headtt {
  padding: 30px;
  font-size: 18px;
  width: 100%;
  text-align: center;
}
section.post .box ul.games {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.post .box ul.games li:not(:last-child) {
  margin-right: 6px;
}
section.post .box ul.games li a {
  background: #fff;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  border-radius: 4px;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
section.post .box ul.games li a svg {
  width: 60px;
}
section.post .box ul.games li a svg * {
  fill: #8f8fb5;
}
section.post .box ul.games li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: #fff;
  z-index: -2;
}
section.post .box ul.games li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  width: 0;
  height: 100%;
  background: rgba(61, 90, 254, 0.1);
  transition: all 0.3s;
  border-radius: 4px;
  z-index: -1;
}
section.post .box ul.games li a:hover, section.post .box ul.games li a.active {
  color: #3d5afe;
}
section.post .box ul.games li a:hover:before, section.post .box ul.games li a.active:before {
  width: 100%;
}
section.post .box ul.games li a:hover svg, section.post .box ul.games li a.active svg {
  filter: invert(30%) sepia(48%) saturate(6457%) hue-rotate(229deg) brightness(105%) contrast(99%);
}
section.post .box ul.games li a svg {
  max-height: 40px;
}
section.post .box ul.nav li a {
  padding: 14px 24px 14px 18px;
  color: #8f8fb5;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
section.post .box ul.nav li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: #fff;
  z-index: -2;
}
section.post .box ul.nav li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(61, 90, 254, 0.1);
  transition: all 0.3s;
  border-radius: 4px;
  z-index: -1;
}
section.post .box ul.nav li a:hover, section.post .box ul.nav li a.active {
  color: #3d5afe;
}
section.post .box ul.nav li a:hover:before, section.post .box ul.nav li a.active:before {
  width: 100%;
}
section.post .box ul.nav li a i {
  margin-right: 16px;
  font-size: 20px;
}
section.post .box.filter .head {
  border-bottom: 2px solid #f2f2f6;
  padding: 16px 30px;
  min-height: 73px;
  display: flex;
  align-items: center;
}
section.post .box.filter .head:not(.profilebb) {
  cursor: pointer;
}
section.post .box.filter .head .title {
  color: #7b7b84;
  font-size: 18px;
  font-weight: 600;
}
section.post .box.filter .head .rotate {
  display: flex;
  align-items: center;
}
section.post .box.filter .head .rotate span {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 500;
  margin-right: 6px;
}
section.post .box.filter .head .rotate i {
  background-color: #ededed;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  color: #000;
}
section.post .box.filter .head .rotate.rotate-180 i {
  transform: rotate(180deg);
}
section.post .box.filter .head p.desc {
  margin-top: 14px;
  color: #7b7b84;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}
section.post .box.filter .body {
  padding: 18px 30px;
  border-bottom: 1px solid #f2f2f6;
}
section.post .box.filter .body .subtitle {
  color: #1f2430;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
section.post .box.filter .body ul.special {
  border-right: 0;
  max-height: 100%;
  overflow: hidden;
}
section.post .box.filter .body ul.special li {
  margin-bottom: 4px !important;
}
section.post .box.filter .body ul.special li a {
  padding: 8px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  border-radius: 4px;
  background: #f2f2f6;
}
section.post .box.filter .body ul.special li a img {
  max-width: 30px;
  max-height: 30px;
  min-height: 30px;
  min-width: 30px;
  border-radius: 4px;
  margin-right: 12px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
section.post .box.filter .body ul.special li a span {
  color: #1f2430;
  font-size: 18px;
  font-weight: 500;
}
section.post .box.filter .body ul.special li a:hover, section.post .box.filter .body ul.special li a.active {
  background: rgb(226.9318181818, 226.9318181818, 235.5681818182);
  color: #000;
}
section.post .box.filter .body ul.special li a:hover span, section.post .box.filter .body ul.special li a.active span {
  color: #000;
}
section.post .box.filter .body input.form-control, section.post .box.filter .body .select-control, section.post .box.filter .body .form-select {
  border-radius: 2px;
  border: 1px solid #ced3e4;
  background-color: #fff;
  height: 50px;
  padding: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #8d94a6;
  font-size: 16px;
  font-weight: 500;
}
section.post .box.filter .body .form-check {
  display: flex;
  align-items: center;
}
section.post .box.filter .body .form-check-input[type=checkbox], section.post .box.filter .body .form-check-input[type=radio] {
  border-radius: 2px;
  border-color: #ced3e4;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  margin-bottom: 4px;
  cursor: pointer;
}
section.post .box.filter .body .form-check-input[type=checkbox]:focus, section.post .box.filter .body .form-check-input[type=radio]:focus {
  outline: none;
  box-shadow: none;
}
section.post .box.filter .body .form-check-input:checked[type=checkbox], section.post .box.filter .body .form-check-input:checked[type=radio] {
  background-color: #3d5afe;
  outline: none;
  border: none;
}
section.post .box.filter .body .btn-submit {
  border-radius: 4px;
  background-color: #11d377;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 20px;
  border: 0;
  width: 100%;
  transition: all 0.3s ease;
}
section.post .box.filter .body .btn-submit:hover {
  transform: translateY(-5px);
}
section.post .box.filter .body ul {
  margin-top: 22px;
  max-height: 270px;
  overflow-y: scroll;
}
section.post .box.filter .body ul::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
section.post .box.filter .body ul::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
section.post .box.filter .body ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
section.post .box.filter .body ul::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
section.post .box.filter .body ul li {
  color: #1f2430;
  font-size: 16px;
  font-weight: 500;
}
section.post .box.filter .body ul li:not(:last-child) {
  margin-bottom: 12px;
}
section.post .page-top h1 {
  color: #1e1e1f;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
section.post .page-top .toptitle {
  color: #1e1e1f;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
section.post .page-top .btn-top {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 18px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.post .page-top .btn-top:hover {
  transform: translateY(-5px);
}
section.post .page-top .btn-top i {
  margin-left: 28px;
}
section.post .page-top .btn-top.orange {
  background-color: #ff9101;
}
section.post .page-top .btn-top.green {
  background-color: #11d377;
}
section.post .page-top .btn-top.blue {
  background-color: #374ed2;
}
section.post .page-top select.form-select {
  border-radius: 4px;
  background-color: #fff;
  max-width: 200px;
  border: 0;
  color: #85909e;
  font-size: 16px;
  font-weight: 600;
  padding: 11px 20px;
}

section.discord {
  margin-bottom: 44px;
}
section.discord .box {
  padding: 22px;
  border-radius: 4px;
  background: url("https://hesap.com.tr/assets/img/discordbg.jpg") center center no-repeat #3d5afe;
  background-size: cover;
}
section.discord .box .title {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
section.discord .box .title i {
  font-size: 60px;
  margin-right: 18px;
}
section.discord .box .link {
  border-radius: 27px;
  border: 1px solid #0a0a0e;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 26px;
}
section.discord .box .link i {
  color: #7289da;
  font-size: 22px;
  margin-right: 6px;
}
section.discord .box .link .text {
  color: #abaabb;
  font-size: 18px;
  font-weight: 500;
}
section.discord .box .link .btn-copy {
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.3);
  color: #3d5afe;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 28px;
  transition: all 0.3s ease;
  border: 0;
}
section.discord .box .link .btn-copy:hover {
  background-color: #3d5afe;
  color: #fff;
}

section.categoryslider {
  background: url("https://hesap.com.tr/assets/img/categorysliderbg2.png") center center no-repeat #efefef;
  background-size: cover;
}
section.categoryslider .title {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 46px;
}
section.categoryslider .slick-list {
  margin: 0 -15px;
}
section.categoryslider .slick-slide {
  padding: 20px 15px;
}
section.categoryslider .slick-slide a {
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
section.categoryslider .slick-slide a img {
  border-radius: 4px;
}
section.categoryslider .slick-slide a:hover {
  transform: scale(1.05);
}
section.categoryslider .slick img {
  width: 100%;
  height: auto;
}
section.categoryslider .button-area {
  display: flex;
  align-items: center;
  gap: 20px;
}
section.categoryslider .button-area button {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  background-color: #fff;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  font-size: 22px;
}
section.categoryslider .button-area button:hover {
  background-color: #3d5afe;
  color: #fff;
}

section.blog {
  background-color: #fff;
  padding-top: 44px;
  padding-bottom: 60px;
}
section.blog .head {
  color: #363643;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
section.blog .head i {
  color: #3d5afe;
  margin-right: 18px;
}
section.blog h1 {
  color: #363643;
  font-size: 28px;
  font-weight: 600;
  padding: 30px;
}
section.blog figure img {
  width: 100%;
  height: auto;
}
section.blog .detailbox {
  background-color: #fff;
  border-radius: 4px;
}
section.blog .detailbox img {
  border-radius: 0;
}
section.blog .detailbox .icons {
  padding: 16px 30px;
  border-bottom: 1px solid #ebebeb;
}
section.blog .detailbox .icons span {
  display: flex;
  align-items: center;
  color: #808080;
  font-size: 14px;
  font-weight: 500;
}
section.blog .detailbox .icons span i {
  margin-right: 8px;
}
section.blog .detailbox ul.share {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
section.blog .detailbox ul.share li a {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 20px;
}
section.blog .detailbox ul.share li a:hover {
  transform: scale(1.1);
}
section.blog .detailbox ul.share li a.copy {
  background-color: #3e6acd;
}
section.blog .detailbox ul.share li a.facebook {
  background-color: #1873eb;
}
section.blog .detailbox ul.share li a.twitter {
  background-color: #1d9bf0;
}
section.blog .detailbox ul.share li a.whatsapp {
  background-color: #25d366;
}
section.blog .detailbox ul.share li a.telegram {
  background-color: #0088cc;
}
section.blog .detailbox ul.share li a.linkedin {
  background-color: #0077b5;
}
section.blog .detailbox .content {
  padding: 30px;
  color: #24232e;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
section.blog .detailbox .content h2 {
  color: #121212;
  font-size: 24px;
  font-weight: 600;
}
section.blog .detailbox .content h3 {
  color: #121212;
  font-size: 20px;
  font-weight: 600;
}
section.blog .detailbox .content h4 {
  color: #121212;
  font-size: 19px;
  font-weight: 600;
}
section.blog .detailbox .content b, section.blog .detailbox .content strong {
  font-weight: 600;
}
section.blog .detailbox .content a {
  color: #3d5afe;
  font-weight: 600;
  transition: all 0.3s ease;
}
section.blog .detailbox .content a:hover {
  color: #3d5afe;
  text-decoration: underline;
}
section.blog .detailbox .content ul {
  list-style: disc;
  margin-left: 10px;
}
section.blog .detailbox .content ul li {
  margin-bottom: 10px;
}
section.blog .detailbox .content ul li::marker {
  color: #3d5afe;
}
section.blog .detailbox .content ol {
  list-style: decimal;
  margin-left: 20px;
}
section.blog .detailbox .content ol li {
  margin-bottom: 10px;
}
section.blog .detailbox .content ol li::marker {
  color: #3d5afe;
}
section.blog .detailbox .content > *:not(:last-child) {
  margin-bottom: 10px;
}
section.blog .detailbox #icerikler {
  background-color: #11d377;
  margin-top: -4px;
}
section.blog .detailbox #icerikler b {
  color: #fff !important;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}
section.blog .detailbox #icerikler #icerik_listesi {
  background-color: #fff;
  box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
}
section.blog .detailbox #icerikler #icerik_listesi ul {
  list-style: none;
}
section.blog .detailbox #icerikler #icerik_listesi ul a {
  color: #282828;
  font-size: 18px;
  font-weight: 500;
}
section.blog .detailbox #icerikler #icerik_listesi ul a:hover {
  color: #3d5afe;
}
section.blog .detailbox #icerikler #icerik_listesi ul li div span {
  border-radius: 50%;
  background-color: rgba(61, 90, 254, 0.3);
  padding: 8px 14px;
  color: #3d5afe;
  font-size: 14px;
  margin-right: 16px;
  max-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.blog .detailbox #icerikler #icerik_listesi ul li div a {
  display: flex;
  align-items: center;
  font-weight: normal;
}
section.blog .detailbox #icerikler #icerik_listesi ul li ul {
  margin-top: 5px;
  list-style: none;
}
section.blog .detailbox #icerikler #icerik_listesi ul li ul li {
  margin-left: 25px;
  margin-bottom: 8px;
}
section.blog .subtitle {
  color: #363643;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
section.blog .subtitle i {
  color: #3d5afe;
  font-size: 24px;
  margin-right: 16px;
}
section.blog .postitem {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}
section.blog .postitem:hover img {
  transform: scale(1.1);
}
section.blog .postitem a:not(.title) {
  overflow: hidden;
  border-radius: 4px;
}
section.blog .postitem a:not(.title) img {
  border-radius: 4px;
  transition: all 0.3s ease;
}
section.blog .postitem a.title {
  color: #363643;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.3s ease;
}
section.blog .postitem a.title:hover {
  color: #3d5afe;
}
section.blog .postitem p.desc {
  margin-top: 10px;
  color: #363643;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 50px;
}
section.blog .postitem .icons {
  margin-top: 10px;
}
section.blog .postitem .icons span {
  color: #808080;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 6px;
}
section.blog .postitem .icons span i {
  font-size: 18px;
}
section.blog .postitem img {
  border-radius: 4px;
}
section.blog a.btn-more {
  border-radius: 24px;
  border: 1px solid #d4d4e0;
  background-color: #fff;
  padding: 14px 26px 14px 34px;
  color: #a2a2b1;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.blog a.btn-more i {
  color: #a2a2b1;
  margin-left: 46px;
}
section.blog a.btn-more:hover {
  background-color: #3d5afe;
  border-color: #3d5afe;
  color: #fff;
}
section.blog a.btn-more:hover i {
  color: #fff;
}
section.blog a.item {
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  overflow: hidden;
}
section.blog a.item:hover {
  transform: scale(1.05);
}
section.blog a.item img {
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
  height: auto;
}
section.blog a.item:before {
  background: url("https://hesap.com.tr/assets/img/blogshadowbg.png") center center no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  border-radius: 4px;
}
section.blog a.item span.title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  bottom: 38px;
  left: 0;
  z-index: 101;
}
section.blog a.item span.title:before {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #11d377;
  width: 10px;
  height: 71px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

section.text {
  padding-top: 54px;
  padding-bottom: 54px;
}
section.text .box {
  border-radius: 4px;
  background-color: #fff;
  padding: 30px;
}
section.text .box .content {
  max-height: 224px;
  overflow-y: scroll;
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding-right: 10px;
}
section.text .box .content::-webkit-scrollbar {
  width: 5px;
  border-radius: 2px;
}
section.text .box .content::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: rgba(193, 191, 214, 0.2);
}
section.text .box .content::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c1bfd6;
}
section.text .box .content::-webkit-scrollbar-thumb:hover {
  background-color: #c1bfd6;
}
section.text .box .content > *:not(:last-child) {
  margin-bottom: 20px;
}
section.text .box .content h1 {
  color: #7b7b84;
  font-size: 24px;
  font-weight: 600;
}
section.text .box .content h2 {
  color: #7b7b84;
  font-size: 20px;
  font-weight: 600;
}
section.text .box .content h3 {
  color: #7b7b84;
  font-size: 18px;
  font-weight: 600;
}
section.text .box .content b, section.text .box .content strong {
  color: #7b7b84;
  font-weight: 600;
}
section.text .box .content a {
  color: #7b7b84;
  font-weight: 500;
  text-decoration: underline;
}
section.text .box .content ol {
  list-style: decimal;
}
section.text .box .content ol li {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-left: 20px;
  margin-bottom: 12px;
}
section.text .box .content ul {
  list-style: disc;
}
section.text .box .content ul li {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-left: 20px;
  margin-bottom: 12px;
}

section.howtowork {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 80px;
}
section.howtowork .title {
  color: #353844;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 28px;
}
section.howtowork p.desc {
  color: #2d3f5f;
  font-size: 18px;
  font-weight: 400;
}
section.howtowork .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.howtowork .item span.icon {
  width: 60px;
  height: 60px;
  background-color: #3d5afe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  font-size: 22px;
  color: #fff;
  animation: background-animation 2s infinite;
  position: relative;
}
section.howtowork .item span.icon.last:before {
  display: none;
}
section.howtowork .item span.icon:before {
  background: url("https://hesap.com.tr/assets/img/iconbgright.png") center center no-repeat;
  width: 190px;
  height: 8px;
  content: "";
  position: absolute;
  top: 50%;
  left: 183%;
  transform: translateY(-50%);
}
section.howtowork .item .stitle {
  color: #3d5afe;
  font-size: 18px;
  font-weight: 600;
}

section.page {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.page .box {
  border-radius: 4px;
  background-color: #fff;
  padding: 30px;
}
section.page .box .head h1 {
  color: #353844;
  font-size: 24px;
  font-weight: 600;
}
section.page .box .head .btn-new {
  border: 1px solid #3d5afe;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  padding: 16px 20px;
  transition: all 0.3s ease;
  background: transparent;
  color: #3d5afe;
}
section.page .box .head .btn-new:hover {
  background-color: #3d5afe;
  color: #fff;
}
section.page .box a.btn-goback {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3d5afe;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  padding: 16px 20px;
  transition: all 0.3s ease;
  color: #fff;
}
section.page .box a.btn-goback:hover {
  transform: translateY(-5px);
}
section.page .box a.btn-goback span {
  margin-left: 10px;
}
section.page .box .btn-submit {
  border-radius: 5px;
  background-color: #11d377;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 30px;
  display: flex;
  align-items: end;
  border: 0;
  justify-content: flex-end;
  transition: all 0.3s ease;
}
section.page .box .btn-submit:hover {
  transform: translateY(-5px);
}
section.page .box .btn-submit i {
  margin-left: 30px;
}
section.page .box .form-group {
  margin-bottom: 36px;
}
section.page .box .form-group label {
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
section.page .box .form-group input.form-control, section.page .box .form-group select.form-select {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  height: auto;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 30px;
  transition: all 0.3s ease;
}
section.page .box .form-group input.form-control:active, section.page .box .form-group input.form-control:focus, section.page .box .form-group select.form-select:active, section.page .box .form-group select.form-select:focus {
  border: 1px solid rgb(173.7571428571, 187.5857142857, 215.2428571429);
}
section.page .box .form-group textarea.form-control {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 30px;
  transition: all 0.3s ease;
  resize: none;
  height: 276px;
}
section.page .box .form-group textarea.form-control:active, section.page .box .form-group textarea.form-control:focus {
  border: 1px solid rgb(173.7571428571, 187.5857142857, 215.2428571429);
}

section.cover {
  margin-top: 30px;
  margin-bottom: 30px;
}
section.cover.steam-cd-key-cover {
  background-image: url(https://hesap.com.tr/assets/img/yenitasarim_steam-key-bg.jpg);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 697px;
  max-height: 697px;
  margin: 0;
  margin-top: -15px;
}
section.cover.steam-cd-key-cover .box.steam-cd-key-box {
  padding: 0;
  padding-top: 75px;
  margin-bottom: 21px;
  background-image: none;
}
section.cover.steam-cd-key-cover .box.steam-cd-key-box img {
  height: 68px;
  margin-bottom: 48px;
}
section.cover.steam-cd-key-cover .box.steam-cd-key-box p {
  max-width: 645px;
  font-size: 17px;
  text-align: center;
}
section.cover.steam-cd-key-cover .box.steam-cd-key-box .boxicon svg {
  margin-top: -4px;
  width: 79px;
  height: 78px;
  margin-bottom: 48px;
}
section.cover.steam-cd-key-cover .box.steam-cd-key-box .boxicon svg path {
  fill: #fff;
}
section.cover.steam-cd-key-cover .search-box {
  position: relative;
  backdrop-filter: blur(15px);
  background-color: rgba(255, 255, 255, 0.1215686275);
  border-radius: 4px;
  padding: 11px;
}
section.cover.steam-cd-key-cover .search-box .my-product-search-input {
  width: 100%;
  height: 55px;
  border-radius: 4px;
  padding: 10px 50px 10px 25px;
  color: #6b6b6b;
  font-size: 16px;
  font-weight: 500;
  border: 0;
}
section.cover.steam-cd-key-cover .search-box .search-icon-box {
  position: absolute;
  font-size: 16px;
  color: #000;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
section.cover.steam-cd-key-cover .search-box .clear-icon {
  cursor: pointer;
}
section.cover.steam-cd-key-cover .filter-box {
  position: relative;
  width: 100%;
  border-radius: 4px;
  backdrop-filter: blur(15px);
  background-color: rgba(255, 255, 255, 0.1215686275);
  padding: 11px;
}
section.cover.steam-cd-key-cover .filter-box .filter-btn.tab-change svg {
  width: 43px;
  height: 43px;
}
section.cover.steam-cd-key-cover .filter-box .filter-btn.tab-change svg path {
  fill: #FFFFFF;
}
section.cover.steam-cd-key-cover .filter-box .filter-btn.tab-change.selected svg path {
  fill: #3d5afe;
}
section.cover.steam-cd-key-cover .filter-box span.filter-title {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  margin-left: 30px;
  margin-right: 60px;
}
section.cover.steam-cd-key-cover .filter-box a {
  height: 55px;
  padding: 0 12px;
  align-items: center;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  border-radius: 4px;
  width: 100%;
  color: #FFF;
  font-weight: 500;
  font-size: 16px;
}
section.cover.steam-cd-key-cover .filter-box a.selected, section.cover.steam-cd-key-cover .filter-box a:hover, section.cover.steam-cd-key-cover .filter-box a:active {
  background-color: #FFF;
  color: #000;
}
section.cover.steam-cd-key-cover .filter-box a.selected.filter-btn svg path, section.cover.steam-cd-key-cover .filter-box a:hover.filter-btn svg path, section.cover.steam-cd-key-cover .filter-box a:active.filter-btn svg path {
  fill: #3d5afe;
}
section.cover .box {
  border-radius: 4px;
  background: url("https://hesap.com.tr/assets/img/cat-cover.png") center center no-repeat;
  padding: 40px 50px;
  background-size: cover;
}
section.cover .box h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 1.3;
}
section.cover .box p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
section.cover .box form {
  margin-top: 40px;
  width: 668px;
  max-width: 100%;
}
section.cover .box form input.form-control {
  border-radius: 4px;
  background-color: #fff;
  max-width: 668px;
  height: 60px;
  color: #55565e;
  font-size: 18px;
  font-weight: 400;
  padding-left: 34px;
  padding-right: 34px;
  border: 0;
}
section.cover .box form .btn-submit {
  color: #3d5afe;
  font-size: 24px;
  background: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

section.contact {
  margin-bottom: 70px;
}
section.contact .box {
  border-radius: 4px;
  background-color: #fff;
}
section.contact .box .t {
  padding: 30px;
  border-bottom: 1px solid #efefef;
}
section.contact .box .t .item {
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.contact .box .t .item span.icon {
  width: 50px;
  height: 50px;
  background-color: #3d5afe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  color: #fff;
  font-size: 20px;
}
section.contact .box .t .item span.text {
  color: #2a303c;
  font-size: 18px;
  font-weight: 400;
  width: 79%;
}
section.contact .box .t .item:hover {
  transform: translateX(10px);
}
section.contact .box .b {
  padding: 30px;
}
section.contact .box .b label {
  color: #5f6a73;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
section.contact .box .b .btn-submit {
  border-radius: 4px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 16px 36px;
  transition: all 0.3s ease;
  border: 0;
}
section.contact .box .b .btn-submit:hover {
  transform: translateY(-5px);
}
section.contact .box .b .input-gg {
  position: relative;
}
section.contact .box .b .input-gg i {
  position: absolute;
  color: #acb4bf;
  top: 18px;
  left: 24px;
  font-size: 20px;
}
section.contact .box .b .input-gg .form-control {
  border-radius: 2px;
  border: 1px solid #d0d3e1;
  background-color: #fff;
  height: 60px;
  padding-left: 60px;
}
section.contact .box .b .input-gg .form-control:active, section.contact .box .b .input-gg .form-control:focus {
  border: 1px solid rgb(176.8701298701, 181.8571428571, 205.1298701299);
}
section.contact .box .b .input-gg textarea.form-control {
  height: 200px;
  padding-top: 10px;
}

section.aboutus {
  margin-bottom: 70px;
}
section.aboutus .priceBox {
  border-radius: 4px;
  border: solid 1px #ff4655;
  background-color: #fff;
}
section.aboutus .priceBox .title {
  padding: 12px 25px 12px 31px;
  background-color: #ff4655;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
}
section.aboutus .priceBox .title img {
  max-height: 40px;
  width: auto;
}
section.aboutus .priceBox .body ul li {
  font-size: 18px !important;
  font-weight: 500;
  line-height: 1.2;
  color: #55565e;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  border-bottom: 1px solid #ede1e1;
}
section.aboutus .priceBox .body ul li b, section.aboutus .priceBox .body ul li strong {
  font-size: 18px !important;
  font-weight: 600;
}
section.aboutus .priceBox .warning {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #535863;
  padding: 14px 24px;
}
section.aboutus .priceBox .warning span.icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background-color: rgba(252, 34, 51, 0.2);
  font-size: 22px;
  color: #fc2233;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
section.aboutus .box {
  border-radius: 4px;
  background-color: #fff;
}
section.aboutus .box b, section.aboutus .box strong {
  color: #55565e;
  font-size: 22px;
  font-weight: 600;
  display: block;
}
section.aboutus .box .b {
  padding: 30px 30px 0;
  border-bottom: 1px solid #efefef;
  color: #55565e;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 20px;
}
section.aboutus .box .b b, section.aboutus .box .b strong {
  color: #55565e;
  font-size: 22px;
  font-weight: 600;
  display: block;
}
section.aboutus .box .b img {
  max-width: 100%;
  height: auto;
}
section.aboutus .box .b .content > * {
  margin-bottom: 14px;
}

section.cover-reqform {
  background-image: url("https://hesap.com.tr/assets/img/basvuru-sayfasi.jpg");
  background-size: cover;
  min-height: 697px;
  position: absolute;
  width: 100%;
}
section.cover-reqform .box .head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.cover-reqform .box .head .icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 4px;
  margin-top: 99px;
}
section.cover-reqform .box .head .icon i {
  font-size: 24px;
  color: #0a2ffe;
}
section.cover-reqform .box .head h1 {
  color: #FFFFFF;
  font-family: Gilroy, serif;
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin-top: 37px;
}
section.cover-reqform .box .head p {
  width: 655px;
  font-family: Gilroy, serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-top: 20px;
}

section.reqforms {
  margin-bottom: 70px;
  margin-top: 357px;
}
section.reqforms .box {
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #55565e;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 20px;
}
section.reqforms .box .b {
  color: #55565e;
}
section.reqforms .box .b b, section.reqforms .box .b strong {
  color: #7b7b84;
  font-size: 20px;
  font-weight: 600;
  display: block;
  margin: 18px 0px;
}
section.reqforms .formWrapper {
  padding: 0;
}
section.reqforms .formWrapper .head {
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  height: 84px;
}
section.reqforms .formWrapper .head h1 {
  font-family: Gilroy, serif;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1b0c4b;
  margin-bottom: 0;
}
section.reqforms .formWrapper .head span {
  font-family: Gilroy, serif;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1b0c4b;
  margin-bottom: 0;
}
section.reqforms .formWrapper .container-xxl {
  padding: 20px 40px;
}
section.reqforms .formWrapper label {
  font-size: 18px;
  margin-top: 30px;
}
section.reqforms .formWrapper .input-gg textarea {
  padding-top: 25px;
}
section.reqforms .formWrapper .input-gg i {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background-color: rgba(50, 92, 244, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #325cf4;
  margin-top: -3px;
  left: 18px;
}
section.reqforms .formWrapper .input-gg i:last-child {
  background-color: transparent !important;
  color: #c6c6c6 !important;
  right: 0;
  margin-right: 10px;
  left: auto;
}
section.reqforms .formWrapper .input-gg .form-control {
  border-radius: 4px;
  box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
  border: solid 1px #e5e9f1;
  background-color: #fff;
  height: 80px;
  padding-left: 87px;
}
section.reqforms .formWrapper .input-gg .form-control ::placeholder {
  color: #353c44;
  opacity: 1; /* Firefox */
}
section.reqforms .formWrapper .input-gg .form-control ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #353c44;
}
section.reqforms .formWrapper .kvkk_info {
  font-family: Gilroy, serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  color: #4d4d5a;
}
section.reqforms .formWrapper button[type=reset] {
  width: 192px !important;
  height: 60px;
  border-radius: 4px;
  background-color: #c4c2d2;
  border: none !important;
  font-family: Gilroy, serif;
  font-size: 16px;
  font-weight: 600;
}
section.reqforms .formWrapper button[type=reset]:hover {
  background-color: #b0aec0;
}
section.reqforms .formWrapper button[type=submit] {
  width: 390px !important;
  height: 60px !important;
  border-radius: 6px !important;
  background-color: #31e072 !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 28px;
  padding-right: 18px;
  font-family: Gilroy, serif;
  font-size: 16px;
  font-weight: 600;
}
section.reqforms .formWrapper button[type=submit]:hover {
  background-color: #27b35a !important;
}

@media (max-width: 768px) {
  section.cover-reqform {
    min-height: 0;
    margin-top: 0;
  }
  section.cover-reqform .box .head .icon {
    margin-top: 50px;
  }
  section.cover-reqform .box .head h1 {
    font-size: 20px;
    margin-top: 20px;
  }
  section.cover-reqform .box .head p {
    width: 100%;
    font-size: 16px;
    margin-top: 20px;
    padding-bottom: 80px;
  }
  section.reqforms {
    margin-top: 281px;
  }
  section.reqforms .formWrapper .head {
    height: 60px;
  }
  section.reqforms .formWrapper .head h1 {
    font-size: 16px;
  }
  section.reqforms .formWrapper .container-xxl {
    padding: 20px;
  }
  section.reqforms .formWrapper label {
    font-size: 16px;
    margin-top: 20px;
  }
  section.reqforms .formWrapper .input-gg i {
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin-top: -8px;
    left: 10px;
  }
  section.reqforms .formWrapper .input-gg .form-control {
    height: 60px;
    padding-left: 67px;
  }
  section.reqforms .formWrapper .input-gg textarea {
    padding-top: 18px;
  }
  section.reqforms .formWrapper .kvkk_info {
    font-size: 12px;
    line-height: 1.5;
  }
  section.reqforms .formWrapper button[type=reset] {
    width: 100% !important;
    height: 50px !important;
    font-size: 14px;
  }
  section.reqforms .formWrapper button[type=submit] {
    width: 100% !important;
    height: 50px !important;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 10px;
  }
}
section.faq {
  margin-bottom: 70px;
}
section.faq .box {
  border-radius: 4px;
  background-color: #fff;
}
section.faq .box .accordion * {
  border-color: #efefef;
}
section.faq .box strong, section.faq .box b {
  font-weight: 600;
}
section.faq .box .accordion-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
section.faq .box .accordion-item:first-child .accordion-button {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
section.faq .box .accordion-item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
section.faq .box .accordion-item:last-child .accordion-button {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
section.faq .box .accordion-button {
  color: #55565e;
  font-size: 18px;
  font-weight: 600;
  padding: 22px 30px;
  background: transparent !important;
}
section.faq .box .accordion-button:focus, section.faq .box .accordion-button:active {
  box-shadow: none;
  outline: none;
  background: transparent !important;
}
section.faq .box .accordion-button:focus {
  box-shadow: none;
  outline: none;
  background: transparent !important;
  color: #3d5afe;
}
section.faq .box .accordion-body {
  border-top: 1px solid #efefef;
  padding: 30px;
  font-size: 16px;
  line-height: 1.4;
}
section.faq .box .accordion-body b, section.faq .box .accordion-body strong {
  font-weight: 600;
}
section.faq .box .accordion-body u {
  text-decoration: underline;
}
section.faq .box .accordion-body i {
  font-style: italic;
}
section.faq .box .accordion-body *:not(:last-child) {
  margin-bottom: 20px;
}

section.draws {
  margin-bottom: 70px;
}
section.draws .subtitle {
  margin-top: 30px;
  margin-bottom: 30px;
  color: #1e1e1f;
  font-size: 22px;
  font-weight: 600;
}
section.draws .item {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px;
}
section.draws .item .img {
  position: relative;
}
section.draws .item .img img {
  border-radius: 4px;
}
section.draws .item .img .total {
  position: absolute;
  top: 20px;
  right: 0;
  padding: 10px 18px 10px 20px;
  background-color: #fff;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  color: #182939;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
section.draws .item .img .total i {
  margin-right: 8px;
}
section.draws .item .title {
  margin-top: 30px;
  text-align: center;
  color: #182939;
  font-size: 18px;
  font-weight: 600;
}
section.draws .item ul.awards {
  margin-top: 16px;
}
section.draws .item ul.awards li {
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
  font-size: 18px;
  font-weight: 500;
  padding: 16px;
  text-align: center;
}
section.draws .item .date {
  color: #182939;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-top: 22px;
}
section.draws .item a.btn-join {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #11d377;
  padding: 16px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease;
}
section.draws .item a.btn-join:hover {
  transform: translateY(-5px);
}

section.category {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.category.steam-cd-key-products {
  margin-top: -257px !important;
}
section.category.steam-cd-key-products .post-item .detail {
  padding: 14px 14px 0px 14px;
}
section.category.steam-cd-key-products .post-item .img {
  z-index: 99;
  padding: 8px;
  max-height: 211px;
}
section.category.steam-cd-key-products .post-item .img img {
  transform: scale(1.03) !important;
}
section.category.steam-cd-key-products .post-item form.ajax {
  padding: 0;
}
section.category.steam-cd-key-products .post-item form.ajax .btn-buy {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 54px;
  font-size: 16px !important;
  padding: 15px 22px !important;
}
section.category.steam-cd-key-products .post-item .detail .price {
  font-size: 14px;
  font-weight: 600;
  position: initial;
  background: none;
  border: none;
  padding: 0;
  border-radius: 4px;
  letter-spacing: 0.6px;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
section.category.steam-cd-key-products .post-item .detail .price span.old {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  color: #bbc1e5;
  text-decoration: line-through;
}
section.category.steam-cd-key-products .post-item .detail .price span.new {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #20c55c;
}
section.category.steam-cd-key-products .products-noresult {
  margin-bottom: 70px;
}
section.category.steam-cd-key-products .products-noresult .empty {
  background-color: rgba(255, 255, 255, 0.1215686275);
  border-radius: 4px;
  backdrop-filter: blur(10px);
}
section.category.steam-cd-key-products .products-noresult .empty .icon {
  color: #FFFFFF;
}
section.category.steam-cd-key-products .products-noresult .empty .text {
  color: #fff;
}
section.category.sub-category a.item img {
  border-radius: 4px;
}
section.category.sub-category a.item span.detail {
  padding-bottom: 24px;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 20%, rgba(255, 255, 255, 0) 100%);
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
section.category .search {
  position: relative;
}
section.category .search .form-control {
  border: 0;
  border-radius: 4px;
  background-color: #fff;
  height: 70px;
  color: #afafaf;
  font-size: 16px;
  font-weight: 500;
  padding-left: 77px;
}
section.category .search button.search {
  border: 0;
  background: transparent;
  color: #c0c0c0;
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
section.category .subtitle {
  margin-top: 66px;
  margin-bottom: 34px;
  color: #1e1e1f;
  font-size: 20px;
  font-weight: 600;
}
section.category h1 {
  margin-top: 42px;
  margin-bottom: 32px;
  color: #1e1e1f;
  font-size: 20px;
  font-weight: 600;
}
section.category .faqarea > *:not(:last-child) {
  margin-bottom: 20px;
}
section.category .faqarea .box {
  border-radius: 4px;
  background-color: #fff;
  padding: 30px;
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
section.category .faqarea .box a {
  color: #3d5afe;
  font-weight: 500;
  text-decoration: none;
}
section.category .faqarea .box b, section.category .faqarea .box strong {
  font-weight: 600;
}
section.category .faqarea .box h3, section.category .faqarea .box span {
  color: #7b7b84;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 22px;
  display: block;
}
section.category .faqarea .box ul {
  list-style: disc;
  margin-left: 20px;
}
section.category .faqarea .box ul li {
  margin-bottom: 10px;
}
section.category .faqarea .box ul li::marker {
  color: #3d5afe;
}
section.category a.item {
  border-radius: 4px;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  max-height: 300px;
  min-height: 300px;
}
section.category a.item:hover {
  transform: scale(1.05);
}
section.category a.item:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.77) 9%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 212px;
  z-index: 1;
  border-radius: 4px;
  opacity: 1;
}
section.category a.item img.catimage {
  max-height: 300px;
  min-height: 300px;
  border-radius: 4px;
  width: 100%;
  height: auto;
}
section.category a.item span.subname {
  padding-top: 30px;
  padding-left: 14px;
  padding-right: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
section.category a.item span.detail {
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}
section.category a.item span.detail img {
  margin-bottom: 20px;
}
section.category a.item span.detail h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
section.category a.item span.detail p {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 768px) {
  section.cover.steam-cd-key-cover .filter-box a {
    padding: 0px 7px;
  }
  section.cover.steam-cd-key-cover .box.steam-cd-key-box {
    padding-top: 55px;
    margin-bottom: 0;
  }
  section.category.steam-cd-key-products .products-noresult {
    margin-bottom: 30px;
  }
  section.category.steam-cd-key-products .post-item {
    zoom: 0.8;
  }
  section.category.steam-cd-key-products .post-item:hover {
    transform: scale(1.05) !important;
  }
  section.category.steam-cd-key-products {
    margin-top: -209px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  section.cover.steam-cd-key-cover {
    min-height: 560px;
    max-height: 560px;
  }
  section.cover.steam-cd-key-cover .box.steam-cd-key-box {
    padding-top: 44px;
    margin-bottom: 0;
  }
  section.category.steam-cd-key-products {
    margin-top: -194px !important;
  }
}
@media screen and (min-width: 300px) and (max-width: 360px) {
  section.category.steam-cd-key-products {
    margin-top: -197px !important;
  }
}
@media screen and (min-width: 991px) and (max-width: 1024px) {
  section.category.steam-cd-key-products {
    margin-top: -258px !important;
  }
}
section.form a.logo {
  margin-bottom: 40px;
}
section.form .box {
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  padding: 30px 30px;
}
section.form .box .title {
  text-align: left;
  margin-bottom: 30px;
  color: #121212;
  font-size: 30px;
  font-weight: 700;
}
section.form .box .btn-submit {
  border-radius: 5px;
  background-color: #11d377;
  padding: 24px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  border: 0;
  transition: all 0.3s ease;
  text-align: center;
}
section.form .box .btn-submit:hover {
  transform: translateY(-5px);
}
section.form .box small {
  display: block;
  text-align: center;
  color: #827f97;
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
}
section.form .box a.small {
  display: block;
  text-align: center;
  margin-top: 20px;
  color: #121212;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease;
}
section.form .box a.small.orange {
  background: #ff9103;
  padding: 12px 16px !important;
  font-size: 14px;
  border-radius: 5px;
  color: #fff;
}
section.form .box a.small.orange:hover {
  background: #ff9103;
  color: #fff;
}
section.form .box a.small:hover {
  color: #3d5afe;
}
section.form .box .form-group {
  position: relative;
}
section.form .box .form-group .form-control {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  height: 60px;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 400;
  padding-left: 64px;
}
section.form .box .form-group .form-control:active, section.form .box .form-group .form-control:focus {
  border: 1px solid rgb(173.7571428571, 187.5857142857, 215.2428571429);
}
section.form .box .form-group i {
  color: #d0d8e8;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 26px;
  transform: translateY(-50%);
}
section.form .box .form-group label {
  color: #727980;
  font-size: 16px;
  font-weight: 400;
}

section.donate {
  margin-top: 30px;
  margin-bottom: 60px;
}
section.donate .view {
  margin-top: 28px;
  border-radius: 4px;
  background-color: #fff;
  padding: 4px 16px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.donate .view a.btn-view {
  border-radius: 4px;
  background-color: rgba(145, 71, 255, 0.2);
  color: #9147ff;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 40px;
  transition: all 0.3s ease;
}
section.donate .view a.btn-view:hover {
  background: #9147ff;
  color: #fff;
}
section.donate .view span.icon {
  border-radius: 4px;
  background-color: #9147ff;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  color: #fff;
  font-size: 24px;
}
section.donate .view span.text {
  color: #4c4f5f;
  font-size: 20px;
  font-weight: 500;
}
section.donate .box {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px;
}
section.donate .box iframe {
  border-radius: 4px;
}
section.donate .box form {
  padding-top: 10px;
}
section.donate .box form label {
  color: #4c4f5f;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.donate .box form label small {
  opacity: 0.5;
  color: #4c4f5f;
  font-size: 14px;
  font-weight: 400;
}
section.donate .box form .form-control {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  height: 60px;
  padding-left: 24px;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 400;
}
section.donate .box form .form-control:active, section.donate .box form .form-control:focus {
  border: 1px solid rgb(173.7571428571, 187.5857142857, 215.2428571429);
}
section.donate .box form .btn-group {
  border-radius: 5px;
  background-color: #fff;
}
section.donate .box form .btn-group button {
  border-color: #d0d8e8;
  padding: 20px 30px;
  color: #4c4f5f;
  font-size: 20px;
  font-weight: 400;
}
section.donate .box form .btn-group button:hover, section.donate .box form .btn-group button:active, section.donate .box form .btn-group button:focus {
  border-color: #3d5afe;
  background: #3d5afe;
  color: #fff;
}
section.donate .box form .btn-submit {
  border-radius: 5px;
  background-color: #11d377;
  padding: 21px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  border: 0;
  transition: all 0.3s ease;
}
section.donate .box form .btn-submit:hover {
  transform: translateY(-5px);
}
section.donate .box form .input-group {
  border-radius: 5px;
  background-color: #fff;
}
section.donate .box form .input-group .input-group-text {
  border-color: #d0d8e8;
  padding-left: 20px;
  padding-right: 20px;
  color: #4c4f5f;
  font-size: 20px;
  font-weight: 400;
  background-color: #fff;
}
section.donate .box form .input-group input {
  border-color: #d0d8e8;
  padding: 20px 30px;
  color: #4c4f5f;
  font-size: 20px;
  font-weight: 400;
}
section.donate .box form .input-group input:active, section.donate .box form .input-group input:focus {
  border-color: #d0d8e8;
}

section.upgrade {
  margin-top: 30px;
  margin-bottom: 30px;
}
section.upgrade .box {
  padding: 30px;
  border-radius: 4px;
  background-color: #fff;
}
section.upgrade .box .item {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  padding: 36px 20px 20px;
}
section.upgrade .box .item img {
  border-radius: 4px;
  max-height: 258px;
  width: 100%;
  object-fit: cover;
}
section.upgrade .box .item .title {
  text-align: center;
  color: #686868;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 26px;
}
section.upgrade .box .item .btn-upload {
  margin-top: 20px;
  border-radius: 4px;
  background-color: #3d5afe;
  padding: 24px 30px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
}
section.upgrade .box .item .btn-upload i {
  font-size: 20px;
}
section.upgrade .box .item .btn-upload:hover {
  transform: translateY(-5px);
}
section.upgrade .box .subtitle {
  color: #2f2f35;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 14px;
}
section.upgrade .box p.desc {
  opacity: 0.8;
  color: #2f2f35;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
section.upgrade .box .btn-submit {
  border-radius: 4px;
  background-color: #11d377;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 32px;
  transition: all 0.3s ease;
  border: 0;
  display: flex;
  align-items: center;
}
section.upgrade .box .btn-submit i {
  margin-left: 30px;
}
section.upgrade .box .btn-submit:hover {
  transform: translateY(-5px);
}
section.upgrade .box .special-alert {
  border-radius: 4px;
  font-size: 20px;
  font-weight: 500;
  padding: 20px;
  display: flex;
  line-height: 1.3;
  align-items: center;
}
section.upgrade .box .special-alert span.icon {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  border-radius: 4px;
  color: #fff;
  margin-right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
section.upgrade .box .special-alert.danger {
  background-color: rgba(248, 73, 73, 0.2);
  color: #f84949;
}
section.upgrade .box .special-alert.danger span.icon {
  background-color: #f84949;
}
section.upgrade .box .special-alert.info {
  background-color: rgba(61, 90, 254, 0.2);
  color: #3d5afe;
}
section.upgrade .box .special-alert.info span.icon {
  background-color: #3d5afe;
}
section.upgrade .box .special-alert.warning {
  background-color: rgba(255, 193, 7, 0.2);
  color: #ffc107;
}
section.upgrade .box .special-alert.warning span.icon {
  background-color: #ffc107;
}

section.withdraw {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.withdraw .box {
  border-radius: 4px;
  background-color: #fff;
}
section.withdraw .box .head {
  padding: 30px;
  border-bottom: 1px solid #efefef;
}
section.withdraw .box .head .title {
  color: #464a5c;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}
section.withdraw .box .head p.desc {
  color: #464a5c;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
section.withdraw .box .foot {
  padding: 30px;
  border-top: 1px solid #efefef;
}
section.withdraw .box .foot ul {
  list-style: disc;
  margin-left: 20px;
}
section.withdraw .box .foot ul li {
  color: #727980;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
section.withdraw .box .foot ul li:not(:last-child) {
  margin-bottom: 14px;
}
section.withdraw .box .foot ul li::marker {
  color: #3d5afe;
}
section.withdraw .box .body {
  padding: 30px;
}
section.withdraw .box .body table.table {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
}
section.withdraw .box .body table.table th {
  background-color: #d0d8e8;
  color: #25273a;
  font-size: 16px;
  font-weight: 600;
  padding: 24px;
}
section.withdraw .box .body table.table tr {
  border-bottom: 1px solid #d0d8e8;
}
section.withdraw .box .body table.table tr td {
  padding: 24px;
  color: #25273a;
  font-size: 16px;
  font-weight: 400;
}
section.withdraw .box .body label {
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 14px;
  line-height: 1.3;
}
section.withdraw .box .body button, section.withdraw .box .body a.btn {
  border-radius: 5px;
  background-color: #11d377;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 32px;
  height: 60px;
  transition: all 0.3s ease;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.withdraw .box .body button i, section.withdraw .box .body a.btn i {
  margin-left: 30px;
}
section.withdraw .box .body button:hover, section.withdraw .box .body a.btn:hover {
  transform: translateY(-5px);
}
section.withdraw .box .body button.btn-secondary, section.withdraw .box .body a.btn.btn-secondary {
  background-color: #fff;
  color: #1d1b3a;
  border: 1px solid #d0d8e8;
}
section.withdraw .box .body .form-control, section.withdraw .box .body .form-select {
  border-radius: 5px;
  border: 1px solid #d0d8e8 !important;
  background-color: #fff !important;
  padding-left: 30px;
  padding-right: 30px;
  color: #1d1b3a;
  font-size: 16px;
  height: 60px;
  font-weight: 400;
}
section.withdraw .box .body input[type=text]:read-only {
  background-color: #f5f5f5 !important;
  border-color: #d9d9d9 !important;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 400;
}
section.withdraw .box .ttbox {
  background: #efefef;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 30px;
  border-radius: 4px;
  margin-left: 60px;
}
section.withdraw .box .ttbox .title {
  color: #383838;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
section.withdraw .box .ttbox .desc {
  opacity: 0.8;
  color: #383838;
  font-size: 16px;
  font-weight: 400;
}
section.withdraw .box .ttbox .desc a {
  color: #252525;
  font-weight: 600;
  text-decoration: none;
}
section.withdraw .box .ttbox img {
  border: 1px solid #efefef;
  object-fit: contain;
  background: #fff;
  margin-left: -70px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

button.copy {
  border: 0;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  margin-left: 14px;
  color: #3d5afe;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
}

button.dekont {
  border: 0;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  margin-left: 14px;
  color: #3d5afe;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
}

section.followers {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.followers form.followform {
  width: auto !important;
}
section.followers .box {
  border-radius: 4px;
  background-color: #fff;
}
section.followers .box .item {
  padding: 20px;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.followers .box .item img {
  max-height: 70px;
  max-width: 70px;
  min-height: 70px;
  min-width: 70px;
  object-fit: cover;
  border-radius: 4px;
  background-color: #f5f5f5;
}
section.followers .box .item .name {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
section.followers .box .item .name i.ri-shield-check-fill {
  color: #11d377;
  margin-left: 10px;
  font-size: 16px;
}
section.followers .box .item .name i.ri-shield-check-fill img {
  height: 20px;
  width: auto;
}
section.followers .box .item .name i.ri-shield-check-fill.blue {
  color: #3d5afe;
}
section.followers .box .item p {
  margin-top: 6px;
  opacity: 0.5;
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}
section.followers .box .item button.follow {
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.1);
  padding: 18px 20px;
  color: #3d5afe;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 0;
  display: flex;
  align-items: center;
}
section.followers .box .item button.follow:hover {
  background-color: #3d5afe;
  color: #fff;
}
section.followers .box .item button.follow i {
  margin-right: 10px;
}

section.reviews {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.reviews .box {
  border-radius: 4px;
  background-color: #fff;
}
section.reviews .box .load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
section.reviews .box .load-more button, section.reviews .box .load-more a {
  background: transparent;
  border: 0;
  color: #626372;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
section.reviews .box .load-more button:hover, section.reviews .box .load-more a:hover {
  color: #3d5afe;
}
section.reviews .box .load-more button i, section.reviews .box .load-more a i {
  color: #3d5afe;
  margin-left: 14px;
}
section.reviews .box .item {
  border-bottom: 1px solid #efefef;
}
section.reviews .box .item .l {
  margin-left: 14px;
}
section.reviews .box .item .p {
  padding: 20px;
  display: flex;
  align-items: center;
}
section.reviews .box .item .p.brdr {
  border-left: 1px solid #efefef;
}
section.reviews .box .item .p img {
  margin-right: 14px;
  border-radius: 4px;
}
section.reviews .box .item .p ul li:not(:last-child) {
  margin-bottom: 10px;
}
section.reviews .box .item .p ul li {
  gap: 2px;
  display: flex;
  align-items: center;
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
}
section.reviews .box .item .p ul li b {
  font-weight: 600;
}
section.reviews .box .item .p ul li span.icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  background-color: #11d377;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
}
section.reviews .box .item .p .name {
  color: #7b7b84;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
}
section.reviews .box .item .p p {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
}

section.profilee {
  position: relative;
}
section.profilee li {
  list-style: none;
}
section.profilee .user-info-wrapper {
  margin-top: -140px;
}
section.profilee .user-info-wrapper .user-info {
  border-radius: 4px;
  min-height: 220px;
  /*background-color: #ffffff10;
  backdrop-filter: blur(15px);*/
  background-image: url(https://cdn.hesap.com.tr/cache/assets/img/yenitasarim_shop-bg.png);
  background-position: bottom;
  background-size: cover;
  position: relative;
  padding: 0;
}
section.profilee .user-info-wrapper .user-info .blur {
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  height: 100%;
  position: absolute;
  width: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.32);
}
section.profilee .user-info-wrapper .user-info .content {
  position: absolute;
  width: 100%;
}
section.profilee .user-info-wrapper .user-info .content .user-info-nav > li > a:hover {
  color: #1e1e1f;
}
section.profilee .user-info-wrapper .user-info .content .user-info-nav > li > a.show {
  color: #fff;
}
section.profilee .user-info-wrapper .user-info .content .user-info-nav > li > a i {
  margin-right: 12px;
}
section.profilee .user-info-wrapper .user-info .content .user-info-nav > li ul {
  border: 0;
  box-shadow: 0 0 32px rgba(65, 70, 102, 0.15);
  border-radius: 4px;
  background-color: #fff;
  padding: 16px;
  margin-top: 10px !important;
  min-width: 270px;
}
section.profilee .user-info-wrapper .user-info .content .user-info-nav > li ul li a {
  color: #202335;
  font-size: 16px;
  font-weight: 500;
  padding: 20px;
  border-radius: 4px;
  transition: all 0.3s ease;
}
section.profilee .user-info-wrapper .user-info .content .user-info-nav > li ul li a:hover, section.profilee .user-info-wrapper .user-info .content .user-info-nav > li ul li a:active, section.profilee .user-info-wrapper .user-info .content .user-info-nav > li ul li a:focus, section.profilee .user-info-wrapper .user-info .content .user-info-nav > li ul li a.active {
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
}
section.profilee .cover {
  position: relative;
  z-index: 0;
  padding-bottom: 40px;
}
section.profilee .cover .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  filter: blur(20px);
}
section.profilee .cover .bg img {
  width: 100%;
  min-height: 400px;
  max-height: 400px;
  object-fit: cover;
  transform: scale(1.1);
}
section.profilee .cover:hover div.profile-cover-edit-btn {
  display: flex;
}
section.profilee .cover div.profile-cover-edit-btn {
  z-index: 10;
  position: absolute;
  width: 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.3215686275);
  padding: 10px;
  border-radius: 4px;
  bottom: 0;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.168627451);
  cursor: pointer;
}
section.profilee .cover div.profile-cover-edit-btn input[type=file] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
section.profilee .cover div.profile-cover-edit-btn span {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
}
section.profilee .cover div.profile-cover-edit-btn span span {
  font-weight: 100;
}
section.profilee .cover span.text-xx {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  z-index: 2;
}
section.profilee .cover .status {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
section.profilee .cover .status i {
  margin-right: 6px;
}
section.profilee .cover .status.online {
  background-color: #11d377;
}
section.profilee .cover .status.offline {
  background-color: #847b7b;
}
section.profilee img.cover {
  width: 100%;
  min-height: 300px;
  max-height: 300px;
  object-fit: cover;
}
section.profilee .box {
  padding: 30px;
  border-radius: 4px;
  background-position: bottom;
}
section.profilee .box .l {
  margin-top: -20px;
}
section.profilee .box .avatar-link {
  margin-right: 30px;
  margin-top: -54px;
  position: relative;
  display: flex;
  color: #fff;
}
section.profilee .box .avatar-link.online::before {
  background-image: linear-gradient(var(--rotate), #11d377, #286903, #11d377, #286903, #286903);
}
section.profilee .box .avatar-link.offline::before {
  background-image: linear-gradient(var(--rotate), #e73838, #690303, #e73838, #690303, #690303);
}
section.profilee .box .avatar-link:hover div.profile-edit-btn {
  display: flex;
}
section.profilee .box .avatar-link div.profile-edit-btn {
  z-index: 10;
  position: absolute;
  width: 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.3215686275);
  padding: 10px;
  border-radius: 4px;
  bottom: 0;
  height: 158px;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.168627451);
  cursor: pointer;
}
section.profilee .box .avatar-link div.profile-edit-btn input[type=file] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
section.profilee .box .avatar-link div.profile-edit-btn span {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
}
section.profilee .box .avatar-link div.profile-edit-btn span span {
  font-weight: 100;
}
section.profilee .box .avatar-link .avatar-badge {
  position: absolute;
  top: 0;
  margin-top: -40px;
  width: 100%;
  height: 40px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 14px;
  line-height: 34px;
  font-weight: 600;
  color: #fff;
}
section.profilee .box .avatar-link .avatar-badge.online {
  background-color: #11d377;
}
section.profilee .box .avatar-link .avatar-badge.offline {
  background-color: #e73838;
}
section.profilee .box .avatar-link.kurumsalplus::before {
  content: "";
  width: calc(100% - 0px);
  height: calc(100% + 10px);
  position: absolute;
  z-index: 3;
  top: -10px;
  left: 0px;
  animation: spin 4.5s linear infinite;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section.profilee .box .avatar-link.kurumsalplus.online::before {
  background-image: linear-gradient(var(--rotate), #11d377, #286903, #11d377, #286903, #286903);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section.profilee .box .avatar-link.kurumsalplus.offline::before {
  background-image: linear-gradient(var(--rotate), #e73838, #690303, #e73838, #690303, #690303);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section.profilee .box .avatar-link.kurumsal::before {
  content: "";
  width: calc(100% - 0px);
  height: calc(100% + 10px);
  position: absolute;
  z-index: 3;
  top: -10px;
  left: 0px;
  animation: spin 4.5s linear infinite;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section.profilee .box .avatar-link.kurumsal::before.online::before {
  background-image: linear-gradient(var(--rotate), #11d377, #286903, #11d377, #286903, #286903);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section.profilee .box .avatar-link.kurumsal::before.offline::before {
  background-image: linear-gradient(var(--rotate), #e73838, #690303, #e73838, #690303, #690303);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section.profilee .box .avatar-link.user::before.online::before {
  background-image: linear-gradient(var(--rotate), #11d377, #286903, #11d377, #286903, #286903);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section.profilee .box .avatar-link.user::before.offline::before {
  background-image: linear-gradient(var(--rotate), #e73838, #690303, #e73838, #690303, #690303);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section.profilee .box .avatar-link.admin::before {
  content: "";
  width: calc(100% - 0px);
  height: calc(100% + 10px);
  background-image: linear-gradient(var(--rotate), #d00707, #600000, #b30606, #600000, #600000) !important;
  position: absolute;
  z-index: 3;
  top: -10px;
  left: 0px;
  animation: spin 4.5s linear infinite;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section.profilee .box .avatar-link img {
  max-width: 150px;
  max-height: 150px;
  min-width: 150px;
  min-height: 150px;
  aspect-ratio: 1/1;
  background: #fff;
  position: relative;
  z-index: 4;
  margin-top: -10px;
  border-radius: 4px;
}
section.profilee .box .name {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
section.profilee .box .name span.badge-area {
  margin-left: 12px;
}
section.profilee .box .name span.badge-area .blue {
  color: #3d5afe;
}
section.profilee .box .name i.ri-shield-check-fill {
  color: #11d377;
  font-size: 26px;
}
section.profilee .box .name i.ri-shield-check-fill img {
  height: 26px;
  width: auto;
}
section.profilee .box .name i.ri-shield-check-fill.blue {
  color: #3d5afe;
}
section.profilee .box .name img {
  max-height: 25px;
}
section.profilee .box .point {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  margin-top: 15px;
}
section.profilee .box .point b {
  color: #fff;
  font-weight: 600;
  padding-right: 10px;
}
section.profilee .box .point b i {
  font-size: 20px;
}
section.profilee .box .order {
  font-size: 18px;
  font-weight: 300;
  margin-top: 6px;
  margin-bottom: 9px;
  color: #fff;
}
section.profilee .box .order b {
  color: #11d377;
  font-weight: 600;
}
section.profilee .box .btn-profile {
  border: 0;
  border-radius: 4px;
  padding: 20px 24px 20px 24px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: 55px;
}
section.profilee .box .btn-profile:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
section.profilee .box .btn-profile:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  transition: all 0.3s;
  z-index: -1;
}
section.profilee .box .btn-profile:hover {
  color: #fff !important;
}
section.profilee .box .btn-profile:hover:before {
  width: 100%;
}
section.profilee .box .btn-profile.purple {
  background-color: #6200ee;
  color: #fff;
}
section.profilee .box .btn-profile.purple:before {
  background-color: #7a1bff;
}
section.profilee .box .btn-profile.green {
  background-color: #11d377;
  color: #fff;
}
section.profilee .box .btn-profile.green:before {
  background-color: #10c56f;
}
section.profilee .box .btn-profile.blue {
  background-color: #3d5afe;
  color: #fff;
}
section.profilee .box .btn-profile.blue:focus {
  outline: 0;
}
section.profilee .box .btn-profile.blue:active {
  outline: 0;
}
section.profilee .box .btn-profile.blue:before {
  background-color: #324acf;
}
section.profilee .box .btn-profile i {
  margin-right: 14px;
}
section.profilee .box .user-tabs {
  border-top: 1.5px solid rgba(255, 255, 255, 0.0705882353);
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: -37px;
  width: 100%;
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.profilee .box .user-tabs ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
section.profilee .box .user-tabs ul li {
  padding: 10px;
  border-radius: 30px;
  transition: all 0.3s ease;
}
section.profilee .box .user-tabs ul li:hover {
  background-color: rgba(255, 255, 255, 0.18);
  cursor: pointer;
}
section.profilee .box .user-tabs ul li:hover a {
  color: #fff;
  transition: all 0.3s ease;
}
section.profilee .box .user-tabs ul li a {
  padding: 6px 22px 6px 18px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #FFFFFF;
}
section.profilee .box .user-tabs ul li a::before {
  transition: all 0.3s ease;
}
section.profilee .box .user-tabs ul li a i {
  margin-right: 16px;
  font-size: 20px;
}
section.profilee .box .user-tabs ul li a span {
  opacity: 0.7;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}
section.profilee .box .user-tabs ul li.active {
  background-color: rgba(255, 255, 255, 0.18);
}
section.profilee .box .user-tabs ul li.active a {
  color: #fff;
}
section.profilee .box .user-tabs ul li.active a span {
  opacity: 0.3;
}

@media (max-width: 768px) {
  section.profilee .cover span.text-xx {
    font-size: 10px;
    top: 9px;
    padding: 8px 12px;
  }
  section.profilee .box .btn-profile {
    padding: 0 !important;
    font-size: 14px;
    width: 100%;
    height: 40px;
    justify-content: center;
  }
  ul.user-info-nav, form.followform {
    width: 100%;
  }
  section.profilee img.cover {
    min-height: 150px;
  }
  section.profilee .box .btn-profile i {
    margin-right: 4px;
  }
  section.profilee .box .name, section.profilee .box .name i.ri-shield-check-fill {
    font-size: 20px;
  }
  section.profilee .box .name img {
    max-height: 20px;
  }
  section.profilee .box .order {
    font-size: 16px;
    margin-top: 6px;
    margin-bottom: 4px;
  }
  section.profilee .cover div.profile-cover-edit-btn {
    font-size: 16px;
  }
  section.profilee .box .avatar-link div.profile-edit-btn {
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    height: 88px;
  }
  section.profilee .box .avatar-link div.profile-edit-btn span {
    gap: 0;
  }
  section.profilee .box .point, section.profilee .box .point b i {
    font-size: 18px;
  }
  section.profilee .box .user-tabs ul {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    width: 100%;
    padding-left: 30px;
    display: block;
    white-space: nowrap;
  }
  section.profilee .box .user-tabs ul::-webkit-scrollbar {
    display: none; /* Webkit tabanlı tarayıcılar (Chrome, Safari) */
  }
  section.profilee .box .user-tabs ul li {
    padding: 0;
    border-radius: 30px;
    min-width: 0;
    display: inline-block;
  }
  section.profilee .user-info-wrapper {
    margin-top: -30px;
  }
  section.profilee .user-info-wrapper .user-info {
    min-height: 160px;
  }
  section.profilee .box .avatar-link {
    margin-right: 10px;
  }
  section.profilee .box .avatar-link img {
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px;
    min-width: 80px;
    min-height: 80px;
    object-fit: cover;
  }
  section.profilee .box .avatar-link .avatar-badge {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  section.profilee .user-info-wrapper .user-info {
    min-height: 235px;
  }
  section.profilee .user-info-wrapper .user-info.admin {
    min-height: 207px !important;
  }
}
@media (max-width: 769px) {
  section.profilee .box .avatar-link {
    margin-right: 8px;
  }
}
@media (max-width: 375px) {
  section.profilee .box .name img {
    max-height: 17px;
  }
}
@media (max-width: 991px) {
  section.profilee .box .user-tabs ul li:hover {
    background-color: transparent;
  }
}
section.stores {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.stores .btn-top {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 18px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.stores .btn-top:hover {
  transform: translateY(-5px);
}
section.stores .btn-top i {
  margin-left: 28px;
}
section.stores .btn-top.orange {
  background-color: #ff9101;
}
section.stores .btn-top.green {
  background-color: #11d377;
}
section.stores form.search {
  position: relative;
}
section.stores form.search input.form-control {
  border-radius: 4px;
  font-size: 16px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 500;
  color: #7b7b84;
  border: 0;
  background-color: #fff;
  transition: all 0.3s ease;
  height: 60px;
}
section.stores form.search input.form-control:focus {
  box-shadow: none;
  border: 0;
  background-color: #fff;
}
section.stores form.search button {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border: 0;
  background-color: transparent;
  color: #7b7b84;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  padding: 0 20px;
}
section.stores form.search button:hover {
  color: #3d5afe;
}
section.stores select.form-select {
  border-radius: 4px;
  background-color: #fff;
  max-width: 200px;
  border: 0;
  color: #85909e;
  font-size: 16px;
  font-weight: 600;
  padding: 11px 20px;
}
section.stores h1 {
  color: #1e1e1f;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 28px;
}
section.stores .subtitle {
  margin-top: 40px;
  color: #1e1e1f;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
section.stores .subtitle.mb {
  margin-bottom: 28px;
}
section.stores p.subdesc {
  color: #1e1e1f;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 28px;
}
section.stores .applystore {
  border-radius: 4px;
  background: url("https://hesap.com.tr/assets/img/applystorebg.png") center center no-repeat #3d5afe;
  padding: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.stores .applystore img {
  max-height: 86px;
}
section.stores .applystore .title {
  color: #fff;
  margin-top: 36px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 24px;
}
section.stores .applystore p.desc {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 24px;
  text-align: center;
  line-height: 1.3;
}
section.stores .applystore a.btn-apply {
  border-radius: 4px;
  background-color: #fff;
  padding: 14px 16px 14px 26px;
  color: #3d5afe;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.stores .applystore a.btn-apply:hover {
  transform: translateY(-5px);
}
section.stores .applystore a.btn-apply i {
  margin-left: 50px;
}
section.stores .item {
  border-radius: 4px;
  background-color: #fff;
}
section.stores .item.onecikan {
  box-shadow: 0 0 0 3px #ff9101;
  position: relative;
}
section.stores .item.onecikan .ribbon {
  border-radius: 15px;
  background-color: #ff9101;
  padding: 6px 14px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  width: fit-content;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  margin: 0 auto;
}
section.stores .item.onecikan a.avatar {
  position: relative;
  display: flex;
}
section.stores .item.onecikan a.avatar:before {
  background: url("https://hesap.com.tr/assets/img/3donecikan.png") center center no-repeat;
  width: 34px;
  height: 35px;
  content: "";
  position: absolute;
  top: -80px;
  left: 59px;
  right: 0;
  bottom: 0;
  margin: auto;
}
section.stores .item .body {
  padding: 20px;
}
section.stores .item .body .post-item {
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
section.stores .item .body .post-item img {
  max-height: 126px;
  width: 100%;
}
section.stores .item .head {
  padding: 20px;
  border-bottom: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.stores .item .head img.avatar {
  max-height: 60px;
  max-width: 60px;
  aspect-ratio: 1/1;
  min-height: 60px;
  min-width: 60px;
  object-fit: cover;
  border-radius: 50%;
}
section.stores .item .head .btn-area button, section.stores .item .head .btn-area a.button {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 0;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
section.stores .item .head .btn-area button.blue, section.stores .item .head .btn-area a.button.blue {
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
}
section.stores .item .head .btn-area button.blue:hover, section.stores .item .head .btn-area a.button.blue:hover {
  background-color: #3d5afe;
  color: #fff;
}
section.stores .item .head .btn-area button.green, section.stores .item .head .btn-area a.button.green {
  background-color: rgba(17, 211, 119, 0.1);
  color: #11d377;
}
section.stores .item .head .btn-area button.green:hover, section.stores .item .head .btn-area a.button.green:hover {
  background-color: #11d377;
  color: #fff;
}
section.stores .item .head .order {
  margin-left: 14px;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #1d1d1d;
}
section.stores .item .head .order b {
  font-weight: 600;
  color: #11d377;
}
section.stores .item .head .order .badge {
  background: #11d377;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-size: 12px;
  margin-left: 6px;
}
section.stores .item .head .order .badge i {
  margin-right: 4px;
}
section.stores .item .head small {
  display: block;
  margin-top: 6px;
  opacity: 0.5;
  color: #1d1d1d;
  font-size: 13px;
  font-weight: 400;
}
section.stores .item .head .name {
  margin-left: 14px;
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}
section.stores .item .head .name a {
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease;
}
section.stores .item .head .name a:hover {
  color: #3d5afe;
}
section.stores .item .head .name i.ri-shield-check-fill {
  color: #11d377;
  font-size: 20px;
}
section.stores .item .head .name i.ri-shield-check-fill.blue {
  color: #3d5afe;
}
section.stores .item .head .name img {
  max-height: 20px;
}

section.fiveimgs {
  margin-top: 50px;
}
section.fiveimgs a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  position: relative;
}
section.fiveimgs a:hover {
  transform: scale(1.05);
}
section.fiveimgs a img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
section.fiveimgs a span.title {
  position: absolute;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  padding-left: 36px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.2;
  z-index: 99;
}
section.fiveimgs a span.title.black {
  color: #1b2f42;
}
section.fiveimgs a span.title:before {
  width: 13px;
  height: 75px;
  background-color: #3d5afe;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

section.gradientcover {
  background: url("https://hesap.com.tr/assets/img/gradientcoverbg.png") center center no-repeat;
}
section.gradientcover h1 {
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 30px;
}
section.gradientcover span.badgesw {
  border-radius: 4px;
  background-color: #fff;
  color: #6c8cff;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 22px;
  display: flex;
  width: fit-content;
}
section.gradientcover p.desc {
  font-size: 24px;
  color: #fff;
}
section.gradientcover p.desc b, section.gradientcover p.desc strong {
  font-weight: 600;
}

section.deals {
  margin-top: 64px;
  margin-bottom: 70px;
}
section.deals .subtitle {
  color: #1a2c3d;
  font-size: 24px;
  font-weight: 600;
  margin-top: 56px;
  margin-bottom: 76px;
  text-align: center;
}
section.deals a.item {
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: all 0.3s ease;
  position: relative;
  margin-bottom: 20px;
  height: 100%;
}
section.deals a.item img {
  width: 100%;
  height: auto;
}
section.deals a.item span.badgediscount {
  border-radius: 16px;
  background-color: #7389ff;
  padding: 6px 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  width: fit-content;
  left: 0;
  right: 0;
  top: -14px;
  margin: auto;
  z-index: 9999;
}
section.deals a.item:hover {
  transform: scale(1.05);
}
section.deals a.item img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
section.deals a.item span.detail {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.deals a.item span.detail span.title {
  color: #1e1e1f;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
  display: block;
  text-align: center;
  line-height: 1.4;
  min-height: 50px;
}
section.deals a.item span.detail span.oldprice {
  opacity: 0.5;
  color: #1e1e1f;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
  text-decoration: line-through;
}
section.deals a.item span.detail .price {
  color: #1e1e1f;
  font-size: 24px;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}
section.deals a.item span.detail span.btn-buy {
  border-radius: 26px;
  background-color: #11d377;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 20px;
  width: 100%;
  text-align: center;
  transition: all 0.3s ease;
}
section.deals a.item span.detail span.btn-buy:hover {
  transform: translateY(-5px);
}

section.orders {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.orders .stitle {
  color: #1a2c3d;
  font-size: 24px;
  font-weight: 600;
  margin-top: 70px;
  margin-bottom: 70px;
  text-align: center;
}
section.orders .scrollable {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f3f3f3;
  padding: 30px;
}
section.orders .scrollable * {
  line-height: 1.5;
  padding: 0 !important;
  margin: 0 !important;
}
section.orders .scrollable h2, section.orders .scrollable h3, section.orders .scrollable h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1a2c3d;
}
section.orders .icons .item {
  background: #fff;
  border-radius: 4px;
  position: relative;
  padding: 30px 30px 50px;
  height: 100%;
}
section.orders .icons .item i {
  font-size: 40px;
  color: #3d5afe;
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
section.orders .icons .item p {
  color: #1a2c3d;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
section.orders .icons .item .status {
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  padding: 10px 20px;
  width: fit-content;
  white-space: nowrap;
}
section.orders .icons .item .status.green {
  background-color: #11d377;
  color: #fff;
}
section.orders .icons .item .status.red {
  background-color: #e74c3c;
  color: #fff;
}
section.orders .box {
  border-radius: 4px;
  background-color: #fff;
}
section.orders .box .head {
  display: flex;
  padding: 20px 20px 20px 30px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
}
section.orders .box .head .title {
  color: #464a5c;
  font-size: 20px;
  font-weight: 600;
}
section.orders .box .head button.filter {
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
  padding: 16px 48px;
  border: 0;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
}
section.orders .box .head button.filter:hover {
  background: #3d5afe;
  color: #fff;
}
section.orders .box .body.p30 {
  padding: 30px;
}
section.orders .box .body ul li {
  padding: 20px 20px 20px 30px;
}
section.orders .box .body ul li .l {
  overflow-wrap: anywhere;
}
section.orders .box .body ul li .price {
  color: #464a5c;
  font-size: 22px;
  font-weight: 600;
  margin-right: 20px;
}
section.orders .box .body ul li button.more {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background-color: #3d5afe;
  color: #fff;
  border: 0;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.orders .box .body ul li button.more.active {
  transform: rotate(180deg);
}
section.orders .box .body ul li span.r {
  line-height: 1.4;
}
section.orders .box .body ul li span.r b {
  font-weight: 600;
}
section.orders .box .body ul li span.r span.big {
  color: #464a5c;
  font-size: 18px;
  font-weight: 600;
}
section.orders .box .body ul li span.r span:not(.big) {
  display: block;
  align-items: center;
  gap: 4px;
}
section.orders .box .body ul li span.r span.square {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
section.orders .box .body ul li span.r span.square.green {
  background-color: #11d377;
  margin-right: 4px;
}
section.orders .box .body ul li span.r span.square.yellow {
  background-color: #f7b500;
  margin-right: 4px;
}
section.orders .box .body ul li span.r span.square.red {
  background-color: #f44336;
  margin-right: 4px;
}
section.orders .box .body ul li span.r span.square.blue {
  background-color: #3d5afe;
  margin-right: 4px;
}
section.orders .box .body ul li .order-detail {
  margin-top: 18px;
}
section.orders .box .body ul li .order-detail .user {
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.1);
  padding: 16px;
}
section.orders .box .body ul li .order-detail .user .name {
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 500;
  margin-left: 20px;
}
section.orders .box .body ul li .order-detail .user .btn-gg {
  border-radius: 4px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 18px 32px;
  transition: all 0.3s ease;
}
section.orders .box .body ul li .order-detail .user .btn-gg:hover {
  background-color: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}
section.orders .box .body ul li .order-detail .user .btn-gg.red {
  background-color: #e74c3c;
}
section.orders .box .body ul li .order-detail .user .btn-gg.red:hover {
  background-color: rgb(213.698630137, 43.8356164384, 26.301369863);
}
section.orders .box .body ul li .order-detail .user .btn-gg.green {
  background-color: #11d377;
}
section.orders .box .body ul li .order-detail .user .btn-gg.green:hover {
  background-color: #10c56f;
}
section.orders .box .body ul li .order-detail .user .btn-gg img.avatar3 {
  height: 40px;
  width: 40px;
  max-width: 40px;
  max-height: 40px;
  border-radius: 50%;
}
section.orders .box .body ul li .order-detail .user .btn-gg.gray {
  background-color: #11d377;
  color: #fff;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.orders .box .body ul li .order-detail .user .btn-gg.gray:hover {
  background-color: #10c56f;
}
section.orders .box .body ul li .order-detail ul.numbers {
  margin-top: 20px;
}
section.orders .box .body ul li .order-detail ul.numbers li {
  padding: 0;
  display: flex;
  align-items: start;
  border-bottom: 0;
  margin-bottom: 20px;
}
section.orders .box .body ul li .order-detail ul.numbers li span.number {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  position: relative;
}
section.orders .box .body ul li .order-detail ul.numbers li span.number:before {
  width: 3px;
  height: 94px;
  background-color: #3d5afe;
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}
section.orders .box .body ul li .order-detail ul.numbers li .date {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
}
section.orders .box .body ul li .order-detail ul.numbers li .status {
  margin-top: 8px;
  color: #737373;
  font-size: 18px;
  font-weight: 600;
}
section.orders .box .body ul li .order-detail ul.numbers li .key {
  color: #737373;
  font-size: 18px;
  font-weight: 400;
  margin-top: 14px;
  background: #f7f7f7;
  padding: 14px 20px;
  border-radius: 4px;
  display: inline-block;
  font-weight: 600;
  line-height: 1.7;
}
section.orders .box .body ul li .order-detail ul.numbers li p {
  margin-top: 14px;
  opacity: 0.9;
  color: #737373;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  line-break: anywhere;
}
section.orders .box .body ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

section.messages {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.messages .loading {
  color: #000;
}
section.messages .loading i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}
section.messages .loadmore {
  border-radius: 4px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 48px;
  border: 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  gap: 10px;
}
section.messages .loadmore:hover {
  background: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
section.messages .page-top h1 {
  color: #1e1e1f;
  font-size: 20px;
  font-weight: 600;
}
section.messages .page-top .btn-top {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 18px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.messages .page-top .btn-top:hover {
  transform: translateY(-5px);
}
section.messages .page-top .btn-top i {
  margin-left: 28px;
}
section.messages .page-top .btn-top.orange {
  background-color: #ff9101;
}
section.messages .page-top .btn-top.green {
  background-color: #11d377;
}
section.messages .page-top select.form-select {
  border-radius: 4px;
  background-color: #fff;
  max-width: 200px;
  border: 0;
  color: #85909e;
  font-size: 16px;
  font-weight: 600;
  padding: 11px 20px;
}
section.messages .box {
  border-radius: 4px;
  background-color: #fff;
}
section.messages .box .bg2 {
  background-color: rgba(239, 239, 239, 0.5);
}
section.messages .box .sidebar {
  border-right: 1px solid rgba(212, 212, 212, 0.5);
  min-height: 723px;
}
section.messages .box .sidebar::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
section.messages .box .sidebar::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
section.messages .box .sidebar::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
section.messages .box .sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
section.messages .box .sidebar .t {
  padding: 20px;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
}
section.messages .box .sidebar .t .btn-new {
  border-radius: 22px;
  background-color: #11d377;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  transition: all 0.3s ease;
  border: 0;
}
section.messages .box .sidebar .t .btn-new:hover {
  background-color: #10c56f;
}
section.messages .box .sidebar .scroll {
  max-height: 524px;
  overflow-y: scroll;
}
section.messages .box .sidebar .scroll::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
section.messages .box .sidebar .scroll::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
section.messages .box .sidebar .scroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
section.messages .box .sidebar .scroll::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
section.messages .box .sidebar a.item {
  padding: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
  border-left: 3px solid transparent;
  position: relative;
}
section.messages .box .sidebar a.item span.count {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  animation: pulse 1s infinite;
  animation-delay: 1s;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
section.messages .box .sidebar a.item.active {
  background-color: #fff;
  border-left: 3px solid #3d5afe;
}
section.messages .box .sidebar a.item img {
  margin-right: 14px;
  max-width: 42px;
  max-height: 42px;
  min-height: 42px;
  min-width: 42px;
  border-radius: 4px;
}
section.messages .box .sidebar a.item span.icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 4px;
  font-size: 20px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.messages .box .sidebar a.item span.icon.green {
  color: #11d377;
  background-color: rgba(17, 211, 119, 0.2);
}
section.messages .box .sidebar a.item span.icon.blue {
  color: #3d5afe;
  background-color: rgba(61, 90, 254, 0.2);
}
section.messages .box .sidebar a.item span.icon.orange {
  color: #ff9101;
  background-color: rgba(255, 145, 1, 0.2);
}
section.messages .box .sidebar a.item span.icon.red {
  color: #e74c3c;
  background-color: rgba(231, 76, 60, 0.2);
}
section.messages .box .sidebar a.item span.icon.cyan {
  color: #00bcd4;
  background-color: rgba(0, 188, 212, 0.2);
}
section.messages .box .sidebar a.item span.icon.purple {
  color: #9c27b0;
  background-color: rgba(156, 39, 176, 0.2);
}
section.messages .box .sidebar a.item span.icon.darkblue {
  color: #fff;
  background-color: #3d5afe;
  transition: all 0.3s ease;
  animation: rotate 1s infinite;
}
section.messages .box .sidebar a.item .name {
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 500;
  width: 160px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
section.messages .box .sidebar a.item small {
  color: #1d1d1d;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.3;
  display: block;
  margin-top: 6px;
}
section.messages .box .sidebar a.item p {
  margin-top: 6px;
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 220px;
}
section.messages .box .sidebar .group-gg {
  position: relative;
}
section.messages .box .sidebar .group-gg input.form-control {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 26px;
  border: 0;
  background: transparent;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
  border-radius: 0;
}
section.messages .box .sidebar .group-gg i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #737373;
  font-size: 20px;
  font-weight: 400;
}
section.messages .box .chat .t {
  padding: 20px;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
}
section.messages .box .chat .t img {
  border-radius: 50%;
}
section.messages .box .chat .t img.avatar {
  max-width: 42px;
  max-height: 42px;
  min-height: 42px;
  min-width: 42px;
}
section.messages .box .chat .t .name {
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 600;
  margin-left: 20px;
}
section.messages .box .chat .t small {
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 400;
}
section.messages .box .chat .t a.btn-profile {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 4px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  background-color: #ededed;
  transition: all 0.3s ease;
}
section.messages .box .chat .t a.btn-profile:hover {
  background-color: #e0e0e0;
}
section.messages .box .chat .t a.btn-report {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 4px;
  color: #c61e4b;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  background-color: rgba(198, 30, 75, 0.1);
  transition: all 0.3s ease;
}
section.messages .box .chat .t a.btn-report:hover {
  background-color: #c61e4b;
  color: #fff;
}
section.messages .box .chat .t .status {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
section.messages .box .chat .t .status i {
  margin-right: 6px;
}
section.messages .box .chat .t .status.online {
  background-color: #11d377;
}
section.messages .box .chat .t .status.offline {
  background-color: #b7b7c5;
}
section.messages .box .chat .chatalert {
  background-color: rgba(255, 0, 0, 0.55);
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 16px 20px;
}
section.messages .box .chat .chatalert i {
  margin-right: 10px;
}
section.messages .box .chat .chatarea {
  padding: 20px;
}
section.messages .box .chat .chatarea .code {
  background-color: #fff;
  border-radius: 4px;
  padding: 14px;
  font-size: 15px;
  font-weight: 600;
  color: #1d1d1d;
  white-space: pre-wrap;
  margin-top: 20px;
  text-align: center;
}
section.messages .box .chat .chatarea form {
  width: 100%;
  margin: 0;
}
section.messages .box .chat .chatarea form .form-control {
  height: 60px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  color: #a1a1a1;
  font-size: 17px;
  font-weight: 400;
  padding-left: 28px;
  padding-right: 60px;
}
section.messages .box .chat .chatarea form button.trigger {
  position: absolute;
  top: 9px;
  width: 40px;
  height: 40px;
  right: 18px;
  border: 0;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2784313725);
  color: #fff;
  transition: all 0.3s ease;
}
section.messages .box .chat .chatarea form button.trigger:hover {
  background: rgba(0, 0, 0, 0.5294117647);
}
section.messages .box .chat .chatarea form button:not(.trigger) {
  border-radius: 4px;
  background-color: #11d377;
  height: 60px;
  width: 100%;
  border: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.messages .box .chat .chatarea form button:not(.trigger):hover {
  background-color: #10c56f;
}
section.messages .box .chat .chatarea small.dateayrac {
  text-align: center;
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.3;
  position: relative;
}
section.messages .box .chat .chatarea ul.messagelist {
  margin-bottom: 20px;
  height: 410px;
  overflow-y: scroll;
  padding-right: 20px;
}
section.messages .box .chat .chatarea ul.messagelist::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
section.messages .box .chat .chatarea ul.messagelist::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
section.messages .box .chat .chatarea ul.messagelist::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
section.messages .box .chat .chatarea ul.messagelist::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
section.messages .box .chat .chatarea ul.messagelist li {
  display: flex;
  align-items: center;
}
section.messages .box .chat .chatarea ul.messagelist li b, section.messages .box .chat .chatarea ul.messagelist li strong {
  font-weight: 700;
}
section.messages .box .chat .chatarea ul.messagelist li u {
  text-decoration: underline !important;
}
section.messages .box .chat .chatarea ul.messagelist li a {
  text-decoration: underline;
}
section.messages .box .chat .chatarea ul.messagelist li .btn.btn-success {
  color: #fff !important;
  background: #11d377;
  border-color: #11d377;
  font-size: 14px;
  padding: 12px 12px;
  line-height: 1;
  text-decoration: none !important;
}
section.messages .box .chat .chatarea ul.messagelist li .btn.btn-danger {
  color: #fff !important;
  background: #ff2525;
  border-color: #ff2525;
  font-size: 14px;
  padding: 12px 12px;
  line-height: 1;
  text-decoration: none !important;
}
section.messages .box .chat .chatarea ul.messagelist li:not(:last-child) {
  margin-bottom: 20px;
}
section.messages .box .chat .chatarea ul.messagelist li .message {
  position: relative;
  overflow-wrap: anywhere;
}
section.messages .box .chat .chatarea ul.messagelist li .message .read_at {
  margin-top: 12px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
}
section.messages .box .chat .chatarea ul.messagelist li small {
  font-size: 12px;
  opacity: 0.5;
  display: block;
}
section.messages .box .chat .chatarea ul.messagelist li u {
  opacity: 1;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  width: 100%;
  display: block;
}
section.messages .box .chat .chatarea ul.messagelist li u:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.05);
}
section.messages .box .chat .chatarea ul.messagelist li.right {
  justify-content: end;
}
section.messages .box .chat .chatarea ul.messagelist li.right img {
  margin-right: 0;
  margin-left: 20px;
  border-radius: 50%;
  min-height: 50px;
  min-width: 50px;
  max-width: 50px;
  max-height: 50px;
  object-fit: cover;
}
section.messages .box .chat .chatarea ul.messagelist li.right .message {
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  width: 50%;
  line-height: 1.3;
}
section.messages .box .chat .chatarea ul.messagelist li.right .message a {
  color: #3d5afe;
  font-weight: 600;
}
section.messages .box .chat .chatarea ul.messagelist li.left {
  justify-content: start;
}
section.messages .box .chat .chatarea ul.messagelist li.left .message {
  border-radius: 4px;
  background-color: rgba(255, 145, 1, 0.1);
  color: #ff9101;
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  width: 50%;
  line-height: 1.3;
}
section.messages .box .chat .chatarea ul.messagelist li.left .message a {
  color: #ff9101;
  font-weight: 600;
}
section.messages .box .chat .chatarea ul.messagelist li.left img {
  margin-right: 20px;
  border-radius: 50%;
  min-height: 50px;
  min-width: 50px;
  max-width: 50px;
  max-height: 50px;
  object-fit: cover;
}

/*messages-yeni*/
section.messages-yeni {
  margin-top: 45px;
  margin-bottom: 45px;
}
section.messages-yeni .loading {
  color: #000;
}
section.messages-yeni .loading i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}
section.messages-yeni .loadmore {
  border-radius: 4px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 48px;
  border: 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  gap: 10px;
}
section.messages-yeni .loadmore:hover {
  background: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
section.messages-yeni .page-top h1 {
  color: #1e1e1f;
  font-size: 20px;
  font-weight: 600;
}
section.messages-yeni .page-top .btn-top {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 18px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.messages-yeni .page-top .btn-top:hover {
  transform: translateY(-5px);
}
section.messages-yeni .page-top .btn-top i {
  margin-left: 28px;
}
section.messages-yeni .page-top .btn-top.orange {
  background-color: #ff9101;
}
section.messages-yeni .page-top .btn-top.green {
  background-color: #11d377;
}
section.messages-yeni .page-top select.form-select {
  border-radius: 4px;
  background-color: #fff;
  max-width: 200px;
  border: 0;
  color: #85909e;
  font-size: 16px;
  font-weight: 600;
  padding: 11px 20px;
}
section.messages-yeni .box {
  border-radius: 4px;
  background-color: #fff;
}
section.messages-yeni .box .bg2 {
  background-color: rgba(239, 239, 239, 0.5);
}
section.messages-yeni .box .sidebar {
  border-right: 1px solid rgba(212, 212, 212, 0.5);
  min-height: 723px;
}
section.messages-yeni .box .sidebar .t {
  padding: 20px;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
}
section.messages-yeni .box .sidebar .t .btn-new {
  border-radius: 22px;
  background-color: #11d377;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  transition: all 0.3s ease;
  border: 0;
}
section.messages-yeni .box .sidebar .t .btn-new:hover {
  background-color: #10c56f;
}
section.messages-yeni .box .sidebar .scroll {
  max-height: 524px;
  overflow-y: scroll;
}
section.messages-yeni .box .sidebar .scroll::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
section.messages-yeni .box .sidebar .scroll::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
section.messages-yeni .box .sidebar .scroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
section.messages-yeni .box .sidebar .scroll::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
section.messages-yeni .box .sidebar a.item {
  padding: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
  border-left: 3px solid transparent;
  position: relative;
}
section.messages-yeni .box .sidebar a.item span.count {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  animation: pulse 1s infinite;
  animation-delay: 1s;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
section.messages-yeni .box .sidebar a.item.active {
  background-color: #fff;
  border-left: 3px solid #3d5afe;
}
section.messages-yeni .box .sidebar a.item img {
  margin-right: 14px;
  max-width: 42px;
  max-height: 42px;
  min-height: 42px;
  min-width: 42px;
  border-radius: 50%;
}
section.messages-yeni .box .sidebar a.item span.icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 4px;
  font-size: 20px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.messages-yeni .box .sidebar a.item span.icon.green {
  color: #11d377;
  background-color: rgba(17, 211, 119, 0.2);
}
section.messages-yeni .box .sidebar a.item span.icon.blue {
  color: #3d5afe;
  background-color: rgba(61, 90, 254, 0.2);
}
section.messages-yeni .box .sidebar a.item span.icon.orange {
  color: #ff9101;
  background-color: rgba(255, 145, 1, 0.2);
}
section.messages-yeni .box .sidebar a.item span.icon.red {
  color: #e74c3c;
  background-color: rgba(231, 76, 60, 0.2);
}
section.messages-yeni .box .sidebar a.item span.icon.darkblue {
  color: #fff;
  background-color: #3d5afe;
  transition: all 0.3s ease;
  animation: rotate 1s infinite;
}
section.messages-yeni .box .sidebar a.item .name {
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 500;
  width: 160px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
section.messages-yeni .box .sidebar a.item small {
  color: #1d1d1d;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.3;
  display: block;
  margin-top: 6px;
}
section.messages-yeni .box .sidebar a.item p {
  margin-top: 6px;
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 220px;
}
section.messages-yeni .box .sidebar .group-gg {
  position: relative;
}
section.messages-yeni .box .sidebar .group-gg input.form-control {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 26px;
  border: 0;
  background: transparent;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
  border-radius: 0;
}
section.messages-yeni .box .sidebar .group-gg i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #737373;
  font-size: 20px;
  font-weight: 400;
}
section.messages-yeni .box .chat .t {
  /*padding: 20px;*/
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
}
section.messages-yeni .box .chat .t.p20 {
  padding: 20px;
}
section.messages-yeni .box .chat .t a#backBtn {
  border-right: 1px solid #e9eaf0;
  padding: 0px 28px;
  height: 95px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  margin-right: 15px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
}
section.messages-yeni .box .chat .t a#backBtn:hover {
  background-color: #3d5afe;
  color: #fff;
}
section.messages-yeni .box .chat .t a#backBtn i {
  font-size: 22px;
  font-weight: 600;
}
section.messages-yeni .box .chat .t .name {
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 600;
  margin-left: 20px;
}
section.messages-yeni .box .chat .t img {
  border-radius: 50%;
}
section.messages-yeni .box .chat .t img.avatar {
  max-width: 42px;
  max-height: 42px;
  min-height: 42px;
  min-width: 42px;
}
section.messages-yeni .box .chat .t .icon.blue {
  margin-right: 15px;
}
section.messages-yeni .box .chat .t .icon.blue i {
  width: 50px;
  height: 50px;
  background-color: rgba(50, 92, 244, 0.1);
  color: #325cf4;
  font-size: 20px;
  box-shadow: none !important;
}
section.messages-yeni .box .chat .t .icon i {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(49, 224, 114, 0.2);
  border-radius: 4px;
  color: #31e072;
  font-size: 24px;
  box-shadow: -12px 12px 32px 0 rgba(61, 244, 50, 0.1);
}
section.messages-yeni .box .chat .t .info b {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #353c44;
}
section.messages-yeni .box .chat .t .info span {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #353c44;
}
section.messages-yeni .box .chat .t .ticket-button a {
  padding: 16px 16px;
  border-radius: 4px;
  min-height: 51px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.messages-yeni .box .chat .t .ticket-button a.beklemede {
  background-color: rgba(224, 201, 49, 0.2);
  color: #e0c331;
}
section.messages-yeni .box .chat .t .ticket-button a.cevaplandi {
  background-color: rgba(49, 224, 114, 0.2);
  color: #31e072;
}
section.messages-yeni .box .chat .t .ticket-button a.kapandi {
  background-color: rgba(224, 49, 49, 0.2);
  color: #e03131;
}
section.messages-yeni .box .chat .t .ticket-button a.islemde {
  background-color: rgba(49, 90, 224, 0.2);
  color: #315ae0;
}
section.messages-yeni .box .chat .t .ticket-button a i {
  font-size: 18px;
  margin-left: 20px;
  font-weight: 600;
}
section.messages-yeni .box .chat .t .title {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-left: 20px;
}
section.messages-yeni .box .chat .t .title .name {
  color: #31e072;
  font-size: 20px;
  font-weight: 600;
}
section.messages-yeni .box .chat .t .title p {
  margin-top: 10px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #353c44;
}
section.messages-yeni .box .chat .t small {
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 400;
}
section.messages-yeni .box .chat .t a.btn-profile {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 4px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  background-color: #ededed;
  transition: all 0.3s ease;
}
section.messages-yeni .box .chat .t a.btn-profile:hover {
  background-color: #e0e0e0;
}
section.messages-yeni .box .chat .t a.btn-report {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 4px;
  color: #c61e4b;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  background-color: rgba(198, 30, 75, 0.1);
  transition: all 0.3s ease;
}
section.messages-yeni .box .chat .t a.btn-report:hover {
  background-color: #c61e4b;
  color: #fff;
}
section.messages-yeni .box .chat .t .status {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
section.messages-yeni .box .chat .t .status i {
  margin-right: 6px;
}
section.messages-yeni .box .chat .t .status.online {
  background-color: #11d377;
}
section.messages-yeni .box .chat .t .status.offline {
  background-color: #b7b7c5;
}
section.messages-yeni .box .chat .chatalert {
  background-color: rgba(255, 0, 0, 0.55);
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 16px 20px;
}
section.messages-yeni .box .chat .chatalert i {
  margin-right: 10px;
}
section.messages-yeni .box .chat .chatarea {
  padding: 25px;
}
section.messages-yeni .box .chat .chatarea .code {
  background-color: #fff;
  border-radius: 4px;
  padding: 14px;
  font-size: 15px;
  font-weight: 600;
  color: #1d1d1d;
  white-space: pre-wrap;
  margin-top: 20px;
  text-align: center;
}
section.messages-yeni .box .chat .chatarea form {
  width: 100%;
  margin: 0;
}
section.messages-yeni .box .chat .chatarea form .input-gg {
  position: relative;
}
section.messages-yeni .box .chat .chatarea form .input-gg i {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 20px;
  margin-right: 20px;
  font-size: 18px;
  color: #aeb8cb;
}
section.messages-yeni .box .chat .chatarea form .form-control {
  height: 60px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  color: #a1a1a1;
  font-size: 17px;
  font-weight: 400;
  padding-left: 28px;
  padding-right: 60px;
}
section.messages-yeni .box .chat .chatarea form .form-group {
  margin-bottom: 26px;
}
section.messages-yeni .box .chat .chatarea form .form-group label {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1d1b3a;
  margin-bottom: 18px;
}
section.messages-yeni .box .chat .chatarea form .form-group .form-control {
  height: 60px;
  border-radius: 5px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  color: #a1a1a1;
  font-size: 17px;
  font-weight: 400;
  padding-left: 28px;
  padding-right: 60px;
}
section.messages-yeni .box .chat .chatarea form button.trigger {
  position: absolute;
  top: 9px;
  width: 40px;
  height: 40px;
  right: 18px;
  border: 0;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2784313725);
  color: #fff;
  transition: all 0.3s ease;
}
section.messages-yeni .box .chat .chatarea form button.trigger:hover {
  background: rgba(0, 0, 0, 0.5294117647);
}
section.messages-yeni .box .chat .chatarea form button:not(.trigger) {
  height: 60px;
  padding: 21px 45px 20px;
  border-radius: 5px;
  background-color: #11d377;
  border: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.messages-yeni .box .chat .chatarea form button:not(.trigger):hover {
  background-color: #10c56f;
}
section.messages-yeni .box .chat .chatarea small.dateayrac {
  text-align: center;
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.3;
  position: relative;
}
section.messages-yeni .box .chat .chatarea ul.messagelist {
  margin-bottom: 20px;
  height: 410px;
  overflow-y: scroll;
  padding-right: 20px;
}
section.messages-yeni .box .chat .chatarea ul.messagelist::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
section.messages-yeni .box .chat .chatarea ul.messagelist::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
section.messages-yeni .box .chat .chatarea ul.messagelist::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
section.messages-yeni .box .chat .chatarea ul.messagelist::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li {
  display: flex;
  align-items: center;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li b, section.messages-yeni .box .chat .chatarea ul.messagelist li strong {
  font-weight: 700;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li u {
  text-decoration: underline !important;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li a {
  text-decoration: underline;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li .btn.btn-success {
  color: #fff !important;
  background: #11d377;
  border-color: #11d377;
  font-size: 14px;
  padding: 12px 12px;
  line-height: 1;
  text-decoration: none !important;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li .btn.btn-danger {
  color: #fff !important;
  background: #ff2525;
  border-color: #ff2525;
  font-size: 14px;
  padding: 12px 12px;
  line-height: 1;
  text-decoration: none !important;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li:not(:last-child) {
  margin-bottom: 20px;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li .message {
  position: relative;
  overflow-wrap: break-word;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li .message .read_at {
  margin-top: 12px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li small {
  font-size: 12px;
  opacity: 0.5;
  display: block;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li u {
  opacity: 1;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  width: 100%;
  display: block;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li u:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.05);
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.right {
  justify-content: end;
  align-items: center;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.right a:not([target=_blank]) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  text-decoration: none;
  margin-top: -5px;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.right a:not([target=_blank]) span {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  color: rgba(97, 117, 131, 0.5);
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.right img {
  margin-right: 0;
  margin-left: 20px;
  border-radius: 50%;
  min-height: 50px;
  min-width: 50px;
  max-width: 50px;
  max-height: 50px;
  object-fit: cover;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.right .message {
  border-radius: 4px;
  color: #617583;
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  width: 50%;
  border: 1px solid #c8d7e0;
  line-height: 1.3;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.right .message a {
  color: #3d5afe;
  font-weight: 600;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.left {
  justify-content: start;
  align-items: center;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.left a:not([target=_blank]) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  text-decoration: none;
  margin-top: -5px;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.left a:not([target=_blank]) span {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  color: rgba(97, 117, 131, 0.5);
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.left .message {
  border-radius: 4px;
  color: #617583;
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  width: 50%;
  line-height: 1.3;
  background-color: #f0f4f7;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.left .message a {
  color: #ff9101;
  font-weight: 600;
}
section.messages-yeni .box .chat .chatarea ul.messagelist li.left img {
  margin-right: 20px;
  border-radius: 50%;
  min-height: 50px;
  min-width: 50px;
  max-width: 50px;
  max-height: 50px;
  object-fit: cover;
}
section.messages-yeni .history-tickets {
  margin-top: 30px;
}
section.messages-yeni .history-tickets .icon i {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #31e072;
  border-radius: 4px;
  color: #fff;
  font-size: 24px;
  box-shadow: -12px 12px 32px 0 rgba(49, 224, 114, 0.48);
}
section.messages-yeni .history-tickets .title {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-left: 20px;
}
section.messages-yeni .history-tickets .title .name {
  color: #31e072;
  font-size: 20px;
  font-weight: 600;
}
section.messages-yeni .history-tickets .title p {
  margin-top: 10px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #353c44;
}
section.messages-yeni .history-tickets .list-items {
  margin-top: 20px;
}
section.messages-yeni .history-tickets .list-items .item {
  border-radius: 4px;
  box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
  background-color: #fff;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.messages-yeni .history-tickets .list-items .item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
section.messages-yeni .history-tickets .list-items .item .icon i {
  width: 50px;
  height: 50px;
  background-color: rgba(50, 92, 244, 0.1);
  color: #325cf4;
  box-shadow: none;
  font-size: 20px;
}
section.messages-yeni .history-tickets .list-items .item .info a {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #353c44;
  margin-bottom: 2px;
}
section.messages-yeni .history-tickets .list-items .item .info b {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #353c44;
}
section.messages-yeni .history-tickets .list-items .item .info span {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #353c44;
}
section.messages-yeni .history-tickets .list-items .item .ticket-button a {
  padding: 16px 16px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
}
section.messages-yeni .history-tickets .list-items .item .ticket-button a.beklemede {
  background-color: rgba(224, 201, 49, 0.2);
  color: #e0c331;
}
section.messages-yeni .history-tickets .list-items .item .ticket-button a.cevaplandi {
  background-color: rgba(49, 224, 114, 0.2);
  color: #31e072;
}
section.messages-yeni .history-tickets .list-items .item .ticket-button a.kapandi {
  background-color: rgba(224, 49, 49, 0.2);
  color: #e03131;
}
section.messages-yeni .history-tickets .list-items .item .ticket-button a.islemde {
  background-color: rgba(49, 90, 224, 0.2);
  color: #315ae0;
}
section.messages-yeni .history-tickets .list-items .item .ticket-button a i {
  font-size: 18px;
  margin-left: 20px;
  font-weight: 600;
}
section.messages-yeni .load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}
section.messages-yeni .load-more a {
  padding: 17px 29px 19px 38px;
  border-radius: 25px;
  box-shadow: -7.8px 7.8px 24px 0 rgba(48, 55, 84, 0.13);
  background-color: #fff;
  transition: all 0.3s ease;
  color: #bcc1d8;
  font-size: 14px;
  font-weight: 600;
}
section.messages-yeni .load-more a i {
  margin-left: 20px;
}
section.messages-yeni .load-more a:hover {
  background-color: rgb(29.0379746835, 192.9620253165, 89.9240506329);
  color: #fff;
}

@media (max-width: 768px) {
  section.messages-yeni {
    margin-top: 30px;
    margin-bottom: 35px;
  }
  section.messages-yeni .box .chat .t .name {
    margin-left: 0;
    font-size: 16px;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
  }
  section.messages-yeni .box .chat .t .title .name {
    font-size: 18px;
  }
  section.messages-yeni .box .chat .t .title p {
    font-size: 14px;
  }
  section.messages-yeni .box .chat .t a#backBtn {
    padding: 0px 20px;
    height: 60px;
  }
  section.messages-yeni .box .chat .t .ticket-button a {
    padding: 5px 5px;
    font-size: 12px;
    min-height: 30px;
  }
  section.messages-yeni .box .chat .t .ticket-button a span {
    display: none;
  }
  section.messages-yeni .box .chat .t .ticket-button a i {
    font-size: 14px;
    margin-left: 2px;
    margin-right: 2px;
  }
  section.messages-yeni .box .chat .chatalert {
    font-size: 13px;
  }
  section.messages-yeni .box .chat .chatarea form button:not(.trigger) {
    width: 100%;
  }
  section.messages-yeni .box .chat .chatarea ul.messagelist li.left .message {
    width: 80%;
  }
  section.messages-yeni .box .chat .chatarea ul.messagelist li.left img {
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
  }
  section.messages-yeni .box .chat .chatarea ul.messagelist li.right .message {
    width: 100%;
  }
  section.messages-yeni .box .chat .chatarea ul.messagelist li.right img {
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
  }
  section.messages-yeni .history-tickets .title .name {
    font-size: 18px;
  }
  section.messages-yeni .history-tickets .title p {
    font-size: 14px;
  }
  section.messages-yeni .history-tickets .list-items .item {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  section.messages-yeni .history-tickets .list-items .item .ticket-button {
    width: 100%;
  }
  section.messages-yeni .history-tickets .list-items .item .ticket-button a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  section.messages-yeni .load-more {
    margin-top: 35px;
  }
}
@media (min-width: 300px) and (max-width: 358px) {
  section.messages-yeni .box .chat .chatarea ul.messagelist li.left .message {
    width: 80% !important;
    font-size: 12px !important;
  }
}
/*messages-yeni*/
.modal-backdrop {
  --bs-backdrop-opacity: 0.8;
}

.modal .modal-content {
  border: 0;
  border-radius: 4px;
  background-color: #fff;
}
.modal .modal-content.modal-lg {
  max-width: 100%;
  min-width: 600px;
}
.modal .modal-content.modal-xl {
  max-width: 100%;
  min-width: 1200px;
}
.modal .modal-content .modal-header {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 600;
  padding: 30px;
  position: relative;
  border-color: rgba(51, 51, 51, 0.1);
}
.modal .modal-content .modal-header h1 {
  font-size: 16px !important;
  line-height: 1;
}
.modal .modal-content .modal-header .btn-close {
  color: rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(51, 51, 51, 0.1);
  border-radius: 0;
  position: absolute;
  right: 8px;
  top: 7px;
  opacity: 1;
  height: 77px;
  width: 77px;
  padding: 0;
  font-size: 13px;
}
.modal .modal-content .modal-body {
  padding: 30px;
  line-height: 1.4;
}
.modal .modal-content .modal-body b, .modal .modal-content .modal-body strong {
  font-weight: 600;
}
.modal .modal-content .modal-body label {
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  width: 100%;
  display: block;
}
.modal .modal-content .modal-body ul.results {
  list-style: none;
  margin-bottom: 20px;
  border: 1px solid #d0d8e8;
  border-radius: 5px;
}
.modal .modal-content .modal-body ul.results li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.modal .modal-content .modal-body ul.results li:not(:last-child) {
  border-bottom: 1px solid #d0d8e8;
}
.modal .modal-content .modal-body ul.results li a {
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.modal .modal-content .modal-body ul.results li a img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
}
.modal .modal-content .modal-body ul.results li a span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #a1a1a1;
}
.modal .modal-content .modal-body .form-control, .modal .modal-content .modal-body .form-select {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  height: 60px;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 400;
  padding-left: 28px;
  margin-bottom: 24px;
}
.modal .modal-content .modal-body .form-control:active, .modal .modal-content .modal-body .form-control:focus, .modal .modal-content .modal-body .form-select:active, .modal .modal-content .modal-body .form-select:focus {
  border-color: rgb(173.7571428571, 187.5857142857, 215.2428571429);
  box-shadow: none;
}
.modal .modal-content .modal-body .star-rating {
  direction: rtl;
  cursor: default;
  display: flex;
  margin-bottom: 14px;
  margin-top: 14px;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.modal .modal-content .modal-body .star-rating input[type=radio] {
  display: none;
}
.modal .modal-content .modal-body .star-rating label {
  color: #bbb;
  font-size: 24px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: auto;
}
.modal .modal-content .modal-body .star-rating label:hover,
.modal .modal-content .modal-body .star-rating label:hover ~ label,
.modal .modal-content .modal-body .star-rating input[type=radio]:checked ~ label {
  color: #f2b600;
}
.modal .modal-content .modal-body textarea.form-control {
  height: 132px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}
.modal .modal-content .modal-body .btn-submit {
  border-radius: 5px;
  background-color: #3d5afe;
  padding: 22px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  border: 0;
  transition: all 0.3s ease;
}
.modal .modal-content .modal-body .btn-submit:hover {
  background-color: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}
.modal .modal-content .modal-body .iptalHazirNedenler span {
  background-color: rgba(61, 90, 254, 0.1);
  padding: 5px;
  border-radius: 5px;
  color: rgb(61, 90, 254);
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  margin-bottom: 8px;
  cursor: pointer;
}
.modal .modal-content .modal-body .iptalHazirNedenler span i {
  margin-right: 10px;
}
.modal .modal-content .modal-body .iptalHazirNedenler span:hover {
  background-color: #0a2ffe;
  color: #fff;
}

section.featuredblog {
  margin-top: 30px;
  margin-bottom: 0px;
}
section.featuredblog .subtitle {
  color: #363643;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
section.featuredblog .subtitle i {
  color: #3d5afe;
  font-size: 24px;
  margin-right: 16px;
}
section.featuredblog a.bigitem, section.featuredblog a.item {
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  border-radius: 4px;
  position: relative;
  z-index: 2;
}
section.featuredblog a.bigitem:before, section.featuredblog a.item:before {
  background: url("https://hesap.com.tr/assets/img/Layer_988_copy.png") center center no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 265px;
  border-radius: 4px;
}
section.featuredblog a.bigitem span.detail, section.featuredblog a.item span.detail {
  position: absolute;
  padding: 30px;
  bottom: 0;
}
section.featuredblog a.bigitem span.detail h2, section.featuredblog a.item span.detail h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
}
section.featuredblog a.bigitem span.detail .icons, section.featuredblog a.item span.detail .icons {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
section.featuredblog a.bigitem span.detail .icons span, section.featuredblog a.item span.detail .icons span {
  display: flex;
  align-items: center;
}
section.featuredblog a.bigitem span.detail .icons span i, section.featuredblog a.item span.detail .icons span i {
  margin-right: 6px;
}
section.featuredblog a.bigitem img, section.featuredblog a.item img {
  border-radius: 4px;
  width: 100%;
  height: 460px;
  object-fit: cover;
}
section.featuredblog a.bigitem:hover, section.featuredblog a.item:hover {
  transform: scale(1.05);
  z-index: 33;
}

table.hesaptable {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  width: 100%;
}
table.hesaptable th {
  background-color: #d0d8e8;
  color: #25273a;
  font-size: 16px;
  font-weight: 600;
  padding: 24px;
}
table.hesaptable tr {
  border-bottom: 1px solid #d0d8e8;
}
table.hesaptable tr td {
  padding: 24px;
  color: #25273a;
  font-size: 16px;
  font-weight: 400;
}
table.hesaptable tr td:last-child {
  overflow-wrap: anywhere;
}
table.hesaptable tr td a.btn-view {
  background: #3d5afe;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.3s ease;
  padding: 12px 24px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  width: fit-content;
}
table.hesaptable tr td a.btn-view i {
  margin-right: 10px;
}
table.hesaptable tr td a.btn-view:hover {
  background: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}

section.customerarea {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.customerarea b, section.customerarea strong {
  font-weight: 600;
}
section.customerarea .avatarlist .item img {
  border: 3px solid transparent;
  transition: all 0.3s ease;
}
section.customerarea .avatarlist .item.active img {
  border: 3px solid #3d5afe;
}
section.customerarea .box {
  border-radius: 4px;
  background-color: #fff;
}
section.customerarea .box .head {
  padding: 30px;
  border-bottom: 1px solid #efefef;
  max-height: 79px;
}
section.customerarea .box .head .title {
  color: #323138;
  font-size: 18px;
  font-weight: 600;
}
section.customerarea .box .head button {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
  background: #3d5afe;
  border: 0;
  padding: 12px 24px;
  border-radius: 5px;
}
section.customerarea .box .head button:hover {
  background: rgb(10.2615384615, 46.8461538462, 253.7384615385);
}
section.customerarea .box .body {
  padding: 30px;
  color: #323138;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
section.customerarea .box .body ul.results {
  list-style: none;
  margin-bottom: 20px;
  border: 1px solid #d0d8e8;
  border-radius: 5px;
}
section.customerarea .box .body ul.results li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
section.customerarea .box .body ul.results li:not(:last-child) {
  border-bottom: 1px solid #d0d8e8;
}
section.customerarea .box .body ul.results li a {
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
section.customerarea .box .body ul.results li a img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
}
section.customerarea .box .body ul.results li a span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #a1a1a1;
}
section.customerarea .box .body .title {
  color: #323138;
  font-size: 18px;
  font-weight: 600;
}
section.customerarea .box .body.bt {
  border-top: 1px solid #efefef;
}
section.customerarea .box .body .titleblue {
  color: #3d5afe;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 22px;
}
section.customerarea .box .body .iconitem {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.customerarea .box .body .iconitem span.icon {
  width: 50px;
  height: 50px;
  background-color: #3d5afe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
  color: #fff;
  font-size: 20px;
}
section.customerarea .box .body .iconitem .number {
  color: #3d5afe;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 2px;
}
section.customerarea .box .body .iconitem .text {
  color: #6f7079;
  font-size: 16px;
  font-weight: 400;
}
section.customerarea .box .body .subtitle {
  color: #323138;
  font-size: 18px;
  font-weight: 600;
}
section.customerarea .box .body .avatar img.avatar {
  width: 116px !important;
  height: 116px !important;
  border-radius: 4px;
  object-fit: cover;
}
section.customerarea .box .body .avatar .text {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  padding: 20px;
}
section.customerarea .box .body .avatar .text .big {
  color: #323138;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 10px;
  max-width: 550px;
}
section.customerarea .box .body .avatar .text small {
  opacity: 0.5;
  color: #323138;
  font-size: 14px;
  font-weight: 400;
}
section.customerarea .box .body .avatar .text input {
  max-width: max-content;
  padding: 5px;
  height: auto;
}
section.customerarea .box .body form {
  margin-top: 20px;
}
section.customerarea .box .body form label {
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
section.customerarea .box .body form .btn-submit {
  border-radius: 5px;
  background-color: #11d377;
  padding: 22px 80px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  transition: all 0.3s ease;
}
section.customerarea .box .body form .btn-submit:hover {
  background-color: #10c56f;
}
section.customerarea .box .body form .form-control, section.customerarea .box .body form .form-select {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  height: 60px;
  padding-left: 30px;
  padding-right: 30px;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
section.customerarea .box .body form .form-control:active, section.customerarea .box .body form .form-control:focus, section.customerarea .box .body form .form-select:active, section.customerarea .box .body form .form-select:focus {
  border-color: rgb(173.7571428571, 187.5857142857, 215.2428571429);
  box-shadow: none;
}
section.customerarea .box .body .form-radio {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  line-height: 1;
}
section.customerarea .box .body .form-radio label {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 4px;
  margin-left: 12px;
}
section.customerarea .box .body ul.notify li {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.customerarea .box .body ul.notify li:not(:last-child) {
  margin-bottom: 20px;
}
section.customerarea .box .body ul.notify li span.icon {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  border-radius: 4px;
  background-color: #11d377;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  margin-right: 26px;
}
section.customerarea .box .body ul.notify li span:not(.icon) {
  max-width: 500px;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 400;
}
section.customerarea .box .body ul.notify li .form-check {
  padding-right: 10px !important;
}
section.customerarea .box .body ul.notify li .form-check input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
section.customerarea .box .body ul.notify li .form-check .form-switch.form-check-reverse {
  padding-right: 0;
  padding-left: 0;
}
section.customerarea .box .body ul.notify li .form-check label {
  cursor: pointer;
  text-indent: -9999px;
  width: 66px;
  height: 30px;
  background: #f2f2f6;
  display: block;
  border-radius: 15px;
  position: relative;
}
section.customerarea .box .body ul.notify li .form-check label:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 18px;
  height: 18px;
  background: #c5c5d3;
  border-radius: 50%;
  transition: 0.3s;
}
section.customerarea .box .body ul.notify li .form-check input:checked + label {
  background: rgba(44, 208, 128, 0.2);
  border-radius: 15px;
}
section.customerarea .box .body ul.notify li .form-check input:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
  background-color: #11d377;
}
section.customerarea .box .body ul.notify li .form-check label:active:after {
  width: 32px;
}
section.customerarea .box .body ul.sociallogin li {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.customerarea .box .body ul.sociallogin li span.icon {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 26px;
}
section.customerarea .box .body ul.sociallogin li span.icon.facebook {
  background-color: #3b5998;
}
section.customerarea .box .body ul.sociallogin li span.icon.google {
  background-color: #e94337;
}
section.customerarea .box .body ul.sociallogin li span.icon.steam {
  background-color: #000000;
}
section.customerarea .box .body ul.sociallogin li span.icon.twitch {
  background-color: #6441a5;
}
section.customerarea .box .body ul.sociallogin li span.icon.discord {
  background-color: #7289da;
}
section.customerarea .box .body ul.sociallogin li span:not(.icon) {
  color: #1d1b3a;
  font-size: 20px;
  font-weight: 400;
}
section.customerarea .box .body ul.sociallogin li a.btn-login, section.customerarea .box .body ul.sociallogin li button.btn-login {
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.2);
  color: #3d5afe;
  font-size: 16px;
  font-weight: 400;
  padding: 16px 50px;
  transition: all 0.3s ease;
  border: 0;
}
section.customerarea .box .body ul.sociallogin li a.btn-login:hover, section.customerarea .box .body ul.sociallogin li button.btn-login:hover {
  background-color: rgb(61, 90, 254);
  color: #fff;
}
section.customerarea .box .body ul.sociallogin li:not(:last-child) {
  margin-bottom: 20px;
}
section.customerarea.magazadopingleri .shop-affiliate {
  background-image: url("https://hesap.com.tr/assets/img/yenitasarim_magaza-dopingleri-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  min-height: 250px;
  max-height: 250px;
}
section.customerarea.magazadopingleri .shop-affiliate .left span.left-line {
  width: 8px;
  height: 115px;
  background-color: #38e780;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
section.customerarea.magazadopingleri .shop-affiliate .left .title {
  margin-top: 15px;
  margin-left: 30px;
}
section.customerarea.magazadopingleri .shop-affiliate .left .title h2 {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
}
section.customerarea.magazadopingleri .shop-affiliate .left .title h1 {
  font-family: SamsungSharpSans, sans-serif;
  font-size: 55px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 70px;
  letter-spacing: normal;
  color: #38e780;
}
section.customerarea.magazadopingleri .shop-affiliate .right {
  margin-right: 44px;
}
section.customerarea.magazadopingleri .shop-affiliate .right a {
  height: 66px;
  padding: 23px;
  border-radius: 4px;
  background-color: #fff;
  display: ruby;
  font-family: SamsungSharpSans, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #3d5afe;
  transition: all 0.3s;
}
section.customerarea.magazadopingleri .shop-affiliate .right a:hover {
  background-color: #3d5afe;
  color: #fff;
}
section.customerarea.magazadopingleri .shop-affiliate .right a i {
  margin-left: 16px;
}
section.customerarea.magazadopingleri .box .body form {
  margin-top: 0;
}
section.customerarea.magazadopingleri .magaza-dopingleri .doping-actions span {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #38e780;
  margin-left: 15px;
}
section.customerarea.magazadopingleri .magaza-dopingleri .doping-actions button {
  padding: 18px 39px 18px;
  border-radius: 4px;
  background-color: #11d377;
  border: none;
  transition: all 0.3s;
  display: ruby;
  font-weight: 500;
}
section.customerarea.magazadopingleri .magaza-dopingleri .doping-actions button:hover {
  background-color: #10c56f;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body {
  padding: 20px !important;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box {
  box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
  border: solid 1px #e5e9f1;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box .head {
  padding: 15px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box .head .title {
  font-size: 18px !important;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box .head i {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box .button-list button {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  border: none;
  padding: 14px;
  transition: all 0.3s;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box .button-list button .left i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box .button-list button .left span {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box .button-list button .right {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .head .title {
  color: #f69a38;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .head i {
  background-color: rgba(246, 154, 56, 0.1);
  color: #f69a38;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .head i:hover {
  background-color: #f69a38;
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button {
  background-color: rgba(246, 154, 56, 0.1);
  color: #f69a38;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button.active {
  background-color: #f69a38;
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button.active .left i {
  background-color: #fff;
  color: #f69a38;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button.active .left span {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button.active .right {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button:hover {
  background-color: #f69a38;
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button:hover .left i {
  background-color: #fff;
  color: #f69a38;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button:hover .left span {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button:hover .right {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button .left i {
  background-color: #f69a38;
  color: #f69a38;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button .left span {
  color: #f69a38;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.orange .body .button-list button .right {
  color: #f69a38;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .head .title {
  color: #9b3fbf;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .head i {
  background-color: rgba(155, 63, 191, 0.1);
  color: #9b3fbf;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .head i:hover {
  background-color: #9b3fbf;
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button {
  background-color: rgba(155, 63, 191, 0.1);
  color: #9b3fbf;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button.active {
  background-color: #9b3fbf;
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button.active .left i {
  background-color: #fff;
  color: #9b3fbf;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button.active .left span {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button.active .right {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button:hover {
  background-color: #9b3fbf;
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button:hover .left i {
  background-color: #fff;
  color: #9b3fbf;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button:hover .left span {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button:hover .right {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button .left i {
  background-color: #9b3fbf;
  color: #9b3fbf;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button .left span {
  color: #9b3fbf;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.purple .body .button-list button .right {
  color: #9b3fbf;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .head .title {
  color: #3d5afe;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .head i {
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .head i:hover {
  background-color: #3d5afe;
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button {
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button.active {
  background-color: #3d5afe;
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button.active .left i {
  background-color: #fff;
  color: #3d5afe;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button.active .left span {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button.active .right {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button:hover {
  background-color: #3d5afe;
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button:hover .left i {
  background-color: #fff;
  color: #3d5afe;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button:hover .left span {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button:hover .right {
  color: #fff;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button .left i {
  background-color: #3d5afe;
  color: #3d5afe;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button .left span {
  color: #3d5afe;
}
section.customerarea.magazadopingleri .magaza-dopingleri .body .box.blue .body .button-list button .right {
  color: #3d5afe;
}
section.customerarea.magazadopingleri .active-dopings {
  margin-top: 20px;
}
section.customerarea.magazadopingleri .active-dopings .box {
  box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
  margin-bottom: 15px;
}
section.customerarea.magazadopingleri .active-dopings .box.empty-doping .body {
  padding: 30px;
  text-align: center;
  color: #464a5c;
}
section.customerarea.magazadopingleri .active-dopings .box .body {
  padding: 20px;
}
section.customerarea.magazadopingleri .active-dopings .box .body .icon {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  font-family: Gilroy, sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-right: 10px;
}
section.customerarea.magazadopingleri .active-dopings .box .body .icon.active {
  background-color: #38e780;
  color: #fff;
}
section.customerarea.magazadopingleri .active-dopings .box .body .icon.passive {
  background-color: #fc4646;
  color: #fff;
}
section.customerarea.magazadopingleri .active-dopings .box .body .icon i {
  font-size: 17px;
}
section.customerarea.magazadopingleri .active-dopings .box .body .item i {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
  background-color: rgba(50, 92, 244, 0.1);
  color: #325cf4;
}
section.customerarea.magazadopingleri .active-dopings .box .body .item .info {
  margin-left: 10px;
}
section.customerarea.magazadopingleri .active-dopings .box .body .item .info .title {
  font-family: Gilroy, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #353c44;
}
section.customerarea.magazadopingleri .active-dopings .box .body .item .info .title.doping-name {
  width: 118px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.customerarea.magazadopingleri .active-dopings .box .body .item .info .desc {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #353c44;
}
section.customerarea.hesap-ozeti .box .body .iconitem {
  background-color: #3d5afe;
  border: none !important;
  align-items: flex-start;
}
section.customerarea.hesap-ozeti .box .body .iconitem span.icon {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 4px;
  color: #3d5afe;
}
section.customerarea.hesap-ozeti .box .body .iconitem .number {
  color: #fff;
}
section.customerarea.hesap-ozeti .box .body .iconitem .text {
  color: #fff;
}
section.customerarea.hesap-ozeti .box .body .steps {
  position: relative;
}
section.customerarea.hesap-ozeti .box .body .steps:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #3d5afe;
  z-index: 1;
  margin-top: 50px;
}
section.customerarea.hesap-ozeti .box .body .steps .prev, section.customerarea.hesap-ozeti .box .body .steps .next {
  position: absolute;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 1px solid #3d5afe;
  background-color: #fff;
  color: #3d5afe;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  z-index: 100;
  margin-top: 50px;
}
section.customerarea.hesap-ozeti .box .body .steps .prev:hover, section.customerarea.hesap-ozeti .box .body .steps .next:hover {
  background-color: #3d5afe;
}
section.customerarea.hesap-ozeti .box .body .steps .prev:hover i, section.customerarea.hesap-ozeti .box .body .steps .next:hover i {
  color: #fff;
}
section.customerarea.hesap-ozeti .box .body .steps .prev i, section.customerarea.hesap-ozeti .box .body .steps .next i {
  font-weight: 600;
  font-size: 20px;
}
section.customerarea.hesap-ozeti .box .body .steps .next {
  right: 0;
}
section.customerarea.hesap-ozeti .box .body .stepitems {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  z-index: 15;
}
section.customerarea.hesap-ozeti .box .body .stepitems .item {
  text-align: center;
  padding: 10px;
  transition: all 0.3s;
  display: inline-block;
  white-space: nowrap;
  margin-top: -10px;
  z-index: 3;
}
section.customerarea.hesap-ozeti .box .body .stepitems .item .date {
  font-weight: 600;
  color: #3d5afe;
  margin-bottom: 10px;
}
section.customerarea.hesap-ozeti .box .body .stepitems .item .total {
  background-color: #3d5afe;
  padding: 10px 20px;
  border-radius: 4px;
  color: #fff;
  margin-top: 10px;
  font-weight: 400;
}
section.customerarea.hesap-ozeti .box .body .stepitems .item .icon {
  background-color: #3d5afe;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
section.customerarea.hesap-ozeti .box .body .stepitems .item .icon i {
  color: #fff;
}

@media (max-width: 768px) {
  section.customerarea.magazadopingleri .shop-affiliate {
    background-size: contain;
    min-height: 106px;
    max-height: 106px;
  }
  section.customerarea.magazadopingleri .shop-affiliate .left span.left-line {
    height: 65px;
  }
  section.customerarea.magazadopingleri .shop-affiliate .left .title {
    margin-left: 7px;
  }
  section.customerarea.magazadopingleri .shop-affiliate .left .title h1 {
    font-size: 20px;
    line-height: 30px;
  }
  section.customerarea.magazadopingleri .shop-affiliate .left .title h2 {
    font-size: 11px;
  }
  section.customerarea.magazadopingleri .shop-affiliate .right {
    margin-right: 20px;
  }
  section.customerarea.magazadopingleri .shop-affiliate .right a {
    height: 38px;
    padding: 10px;
    font-size: 14px;
  }
  section.customerarea.magazadopingleri .shop-affiliate .right a i {
    margin-left: 8px;
  }
  section.customerarea.magazadopingleri .magaza-dopingleri .doping-actions span {
    font-size: 20px;
    margin-left: 0;
  }
  section.customerarea.magazadopingleri .magaza-dopingleri .doping-actions button {
    padding: 10px 30px 10px;
  }
  section.customerarea.magazadopingleri .active-dopings .box .body {
    gap: 10px;
  }
  section.customerarea.hesap-ozeti .box .body .iconitem {
    zoom: 0.8;
  }
}
section.listcategory {
  margin-bottom: 70px;
}
section.listcategory .count {
  border-radius: 4px;
  background-color: #182939;
  background: url("https://hesap.com.tr/assets/img/cat-review.png") no-repeat center center;
  background-size: cover !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: 70px 20px 20px;
}
section.listcategory .count span.number {
  position: absolute;
  top: -40px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #3d5afe;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}
section.listcategory .count span.number:before {
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0.2;
  position: absolute;
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 50%;
  left: 5px;
  top: 5px;
}
section.listcategory .count p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
}
section.listcategory .count p b, section.listcategory .count p strong {
  color: #fff;
  font-weight: 600;
}
section.listcategory .count .title {
  margin-top: 2px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 32px;
}
section.listcategory .howtouse {
  border-radius: 4px;
  background-color: #182939;
  background: url("https://hesap.com.tr/assets/img/cat-howto.png") no-repeat center center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: 70px 20px 20px;
  background-size: cover !important;
}
section.listcategory .howtouse span.icon {
  position: absolute;
  top: -20px;
  background-color: #3d5afe;
  width: 90px;
  height: 90px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
section.listcategory .howtouse span.icon img {
  object-fit: contain;
}
section.listcategory .howtouse .title {
  margin-top: 22px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 32px;
}
section.listcategory .howtouse .btn-popup {
  border-radius: 4px;
  background-color: #11d377;
  padding: 22px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  border: 0;
  transition: all 0.3s ease;
}
section.listcategory .howtouse .btn-popup:hover {
  background-color: #10c56f;
}
section.listcategory .boxtab {
  border-radius: 4px;
  background-color: #fff;
}
section.listcategory .boxtab .head {
  border-bottom: 1px solid #efefef;
  padding: 0 30px;
}
section.listcategory .boxtab .head ul {
  margin: 0;
  gap: 20px;
}
section.listcategory .boxtab .head ul li {
  margin: 0;
}
section.listcategory .boxtab .head ul li button, section.listcategory .boxtab .head ul li h3 {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 500;
  padding: 24px 0;
  position: relative;
}
section.listcategory .boxtab .head ul li button:before, section.listcategory .boxtab .head ul li h3:before {
  width: 100%;
  height: 1px;
  background: transparent;
  content: "";
  position: absolute;
  bottom: 0;
}
section.listcategory .boxtab .head ul li button.active, section.listcategory .boxtab .head ul li h3.active {
  color: #3d5afe;
  background: transparent;
}
section.listcategory .boxtab .head ul li button.active:before, section.listcategory .boxtab .head ul li h3.active:before {
  background: #3d5afe;
}
section.listcategory .boxtab .body .content {
  color: #7b7b84;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  padding: 30px;
  overflow-wrap: break-word;
}
section.listcategory .boxtab .body .content img {
  max-width: 100%;
  height: auto;
}
section.listcategory .boxtab .body .content * {
  max-width: 100%;
}
section.listcategory .boxtab .body .content > *:not(:last-child) {
  margin-bottom: 14px;
}
section.listcategory .boxtab .body .content h2 {
  color: #1d1b3a;
  font-size: 26px;
  font-weight: bold;
}
section.listcategory .boxtab .body .content h3 {
  color: #1d1b3a;
  font-size: 24px;
  font-weight: bold;
}
section.listcategory .boxtab .body .content figure {
  width: 100%;
}
section.listcategory .boxtab .body .content figure table {
  background: transparent !important;
  width: 100%;
}
section.listcategory .boxtab .body .content figure table * {
  border-color: #cccccc !important;
  font-family: "Gilroy", sans-serif !important;
  color: #1d1b3a !important;
}
section.listcategory .boxtab .body .content figure table td, section.listcategory .boxtab .body .content figure table th {
  padding: 10px !important;
  background: transparent !important;
}
section.listcategory .boxtab .body .content figure table th {
  font-weight: bold !important;
}
section.listcategory .boxtab .body .content b, section.listcategory .boxtab .body .content strong {
  color: #7b7b84;
  font-weight: 600;
}
section.listcategory .boxtab .body .content a {
  color: #1d1b3a;
  font-weight: 500;
  text-decoration: underline;
}
section.listcategory .boxtab .body .content ol {
  list-style: decimal;
}
section.listcategory .boxtab .body .content ol li {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-left: 20px;
  margin-bottom: 12px;
}
section.listcategory .boxtab .body .content ul {
  list-style: disc;
}
section.listcategory .boxtab .body .content ul li {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-left: 20px;
  margin-bottom: 12px;
}
section.listcategory .boxtab .body .reviewitem {
  border-bottom: 1px solid #efefef;
  padding-top: 12px;
  padding-bottom: 12px;
}
section.listcategory .boxtab .body .reviewitem:nth-child(odd) {
  border-right: 1px solid #efefef;
}
section.listcategory .boxtab .body .reviewitem .mc {
  border-radius: 4px;
  padding: 0px;
}
section.listcategory .boxtab .body .reviewitem .mgc {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 10px;
}
section.listcategory .boxtab .body .reviewitem .p {
  display: flex;
  align-items: center;
}
section.listcategory .boxtab .body .reviewitem .p.brdr {
  border-left: 1px solid #efefef;
}
section.listcategory .boxtab .body .reviewitem .p img {
  margin-right: 14px;
  border-radius: 4px;
}
section.listcategory .boxtab .body .reviewitem .p ul li:not(:last-child) {
  margin-bottom: 10px;
}
section.listcategory .boxtab .body .reviewitem .p ul li {
  gap: 2px;
  display: flex;
  align-items: center;
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
}
section.listcategory .boxtab .body .reviewitem .p ul li b {
  font-weight: 600;
}
section.listcategory .boxtab .body .reviewitem .p ul li span.icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  background-color: #1ec65c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
}
section.listcategory .boxtab .body .reviewitem .p .name {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
section.listcategory .boxtab .body .reviewitem .p p {
  color: #7b7b84;
  font-size: 14px;
  font-weight: 400;
}
section.listcategory button.tab-change {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  color: #717f8d;
  background: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 0;
  min-height: 52px;
}
section.listcategory button.tab-change span.icon {
  font-size: 20px;
  background: #fff;
  color: #000;
  padding: 6px;
  border-radius: 100%;
  line-height: 0;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  display: none;
}
section.listcategory button.tab-change img {
  margin-right: 6px;
}
section.listcategory button.tab-change.active {
  color: #fff;
  background: #3d5afe;
}
section.listcategory button.tab-change.active span.icon {
  opacity: 1;
  visibility: visible;
  display: flex;
  color: #3d5afe;
}
section.listcategory .item {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px;
  position: relative;
}
section.listcategory .item.daily {
  border: 2px solid #3d5afe;
  box-shadow: 0 0 4px 0px #3d5afe;
}
section.listcategory .item .daily-badge {
  background-color: rgb(0, 6, 255);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
section.listcategory .item img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  object-fit: cover;
  margin-right: 20px;
  min-width: 80px;
  min-height: 80px;
}
section.listcategory .item h3 {
  color: #121212;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
section.listcategory .item p {
  color: #121212;
  font-size: 16px;
  font-weight: 400;
}
section.listcategory .item span.badge {
  padding: 7px 14px 7px 12px;
  font-size: 12px;
  position: absolute;
  top: -30px;
}
section.listcategory .item span.badge.orange {
  background-color: #ff9103;
}
section.listcategory .item .number {
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 160px;
}
section.listcategory .item .number input {
  width: 60px;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}
section.listcategory .item .number input:focus, section.listcategory .item .number input:hover, section.listcategory .item .number input:active {
  outline: none;
  box-shadow: none;
}
section.listcategory .item .number button {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 4px;
  background-color: #e4e4e4;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  border: 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.listcategory .item .number button:hover {
  background-color: rgb(61, 90, 254);
  color: #fff;
}
section.listcategory .item .btn-buy {
  border-radius: 4px;
  background-color: #11d377;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 19px 20px;
  border: 0;
  transition: all 0.3s ease;
}
section.listcategory .item .btn-buy:hover {
  background-color: #10c56f;
}
section.listcategory .item .btn-buy i {
  margin-right: 16px;
}
section.listcategory .item .btn-buy.red {
  background-color: #ff9103 !important;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 19px 20px;
  border: 0;
  transition: all 0.3s ease;
}
section.listcategory .item .btn-buy.red:hover {
  background-color: rgb(232.5, 131.0119047619, 0);
}
section.listcategory .item .btn-buy.stokyok {
  background-color: #bdbdbd;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 19px 20px;
  border: 0;
  transition: all 0.3s ease;
}
section.listcategory .item .btn-buy.stokyok:hover {
  background-color: #bdbdbd;
}
section.listcategory .item .price {
  margin-top: 10px;
}
section.listcategory .item .price .new {
  color: #11d377;
  font-size: 18px;
  font-weight: 500;
}
section.listcategory .item .price .old {
  color: #bdbdbd;
  font-size: 18px;
  font-weight: 500;
  text-decoration: line-through;
}

section.detail {
  margin-top: 30px;
}
section.detail .digerPaketler .title {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
section.detail .digerPaketler .box {
  padding: 10px !important;
}
section.detail .digerPaketler .box .advertTitle {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  display: block;
}
section.detail .digerPaketler .box .advertPrice {
  font-weight: 600;
  font-size: 14px;
}
section.detail .digerPaketler .box .advertBuyBtn {
  border-radius: 4px;
  background-color: #11d377;
  padding: 5px 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  height: 30px;
}
section.detail .digerPaketler .box .advertBuyBtn:hover {
  background-color: #10c56f;
}
section.detail .ds {
  aspect-ratio: 1/1;
  background: rgba(0, 0, 0, 0.0196078431);
  border-radius: 4px;
  overflow: hidden;
}
section.detail .ds .btn-report {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  background-color: rgb(198, 30, 75);
  transition: all 0.3s ease;
  padding: 17px;
  position: absolute;
  right: 0;
  margin-top: 10px;
  margin-right: 10px;
}
section.detail .ds .btn-report:hover {
  background-color: rgba(198, 30, 75, 0.55);
  color: #fff;
}
section.detail .stock {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  right: 20px;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  padding: 10px;
  border-radius: 4px;
  text-align: center;
}
section.detail .stock b {
  font-size: 34px;
  display: block;
  margin-top: 6px;
}
section.detail .box {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px;
  position: relative;
}
section.detail .box .daily-badge {
  background-color: rgb(0, 6, 255);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  position: absolute;
  top: 22px;
  right: 20px;
  padding: 10px 12px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  z-index: 222;
}
section.detail .box img {
  width: 100%;
  border-radius: 4px;
  object-fit: contain;
  aspect-ratio: 1/1;
}
@supports not (aspect-ratio: 1/1) {
  section.detail .box img::before {
    float: left;
    padding-top: 100%;
    content: "";
  }
  section.detail .box img::after {
    display: block;
    content: "";
    clear: both;
  }
}
section.detail .box .seller {
  background: #f7f7f9 !important;
  border: 1px solid #eee !important;
  color: #1b1b1b !important;
  padding: 8px 8px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 4px;
}
section.detail .box .seller img {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  object-fit: cover;
  margin-right: 8px;
}
section.detail .box button.likeNew {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 999;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 4px;
  background-color: rgba(18, 18, 18, 0.3);
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
}
section.detail .box button.likeNew:hover {
  background-color: #fff;
  color: #121212;
}
section.detail .box button.likeNew.active {
  background-color: #ff9103;
  color: #fff;
}
section.detail .box hr {
  border-color: #efefef;
  opacity: 1;
}
section.detail .box .icons .bag {
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}
section.detail .box .icons .bag:hover {
  transform: scale(1.03);
}
section.detail .box .icons .bag i {
  margin-right: 10px;
}
section.detail .box .icons .bag.blue {
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
}
section.detail .box .icons .bag.orange {
  background-color: rgba(255, 159, 28, 0.1);
  color: #ff9103;
}
section.detail .box .icons .bag.black {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000;
}
section.detail .box .icons .bag.green {
  background-color: rgba(17, 211, 119, 0.2);
  color: #11d377;
}
section.detail .box .buybox {
  margin-top: 20px;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.detail .box .buybox .number {
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 160px;
}
section.detail .box .buybox .number input {
  width: 60px;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}
section.detail .box .buybox .number input:focus, section.detail .box .buybox .number input:hover, section.detail .box .buybox .number input:active {
  outline: none;
  box-shadow: none;
}
section.detail .box .buybox .number button {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 4px;
  background-color: #e4e4e4;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  border: 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.detail .box .buybox .number button:hover {
  background-color: rgb(61, 90, 254);
  color: #fff;
}
section.detail .box .buybox .price {
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
section.detail .box .buybox .price span.icon {
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
  margin-right: 14px;
}
section.detail .box .buybox button.share, section.detail .box .buybox button.like, section.detail .box .buybox button.unlike {
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 4px;
  background-color: rgba(47, 49, 68, 0.1);
  color: #2f3144;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
section.detail .box .buybox button.share:hover, section.detail .box .buybox button.like:hover, section.detail .box .buybox button.unlike:hover {
  background-color: rgb(47, 49, 68);
  color: #fff;
}
section.detail .box .buybox button.share.active, section.detail .box .buybox button.like.active, section.detail .box .buybox button.unlike.active {
  background-color: rgb(47, 49, 68);
  color: #fff;
}
section.detail .box .buybox .btn-buy {
  border-radius: 4px;
  background-color: #11d377;
  padding: 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
section.detail .box .buybox .btn-buy.stokyok {
  background-color: #ff9103 !important;
}
section.detail .box .buybox .btn-buy:hover {
  background-color: #10c56f;
}
section.detail .box .buybox .btn-buy.red {
  background-color: #ff9103;
  color: #fff;
}
section.detail .box .buybox .btn-buy.red:hover {
  background-color: rgb(232.5, 131.0119047619, 0);
}
section.detail .box .buybox .btn-buy.dark {
  background-color: #000;
  color: #fff;
}
section.detail .box .buybox .btn-buy.dark:hover {
  background-color: #000;
}
section.detail .box .buybox .btn-buy i {
  margin-right: 14px;
}
section.detail .box small {
  margin-top: 22px;
  opacity: 0.5;
  color: #3d5afe;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
}
section.detail .box small span {
  width: 6px;
  height: 6px;
  background-color: #3d5afe;
  border-radius: 50%;
  display: inline-block;
}
section.detail .box h1 {
  color: #626372;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}
section.detail .box p {
  color: #8d8f9d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
section.detail .boxtab {
  border-radius: 4px;
  background-color: #fff;
}
section.detail .boxtab .head {
  border-bottom: 1px solid #efefef;
  padding: 0 30px;
}
section.detail .boxtab .head .title {
  color: #2a3856;
  font-size: 18px;
  font-weight: 600;
  padding: 24px 0;
  position: relative;
}
section.detail .boxtab .head ul {
  margin: 0;
  gap: 20px;
}
section.detail .boxtab .head ul li {
  margin: 0;
}
section.detail .boxtab .head ul li button, section.detail .boxtab .head ul li h3 {
  color: #7b7b84;
  font-size: 14px;
  font-weight: 500;
  padding: 24px 0;
  position: relative;
}
section.detail .boxtab .head ul li button:before, section.detail .boxtab .head ul li h3:before {
  width: 100%;
  height: 1px;
  background: transparent;
  content: "";
  position: absolute;
  bottom: 0;
}
section.detail .boxtab .head ul li button.active, section.detail .boxtab .head ul li h3.active {
  color: #3d5afe;
  background: transparent;
}
section.detail .boxtab .head ul li button.active:before, section.detail .boxtab .head ul li h3.active:before {
  background: #3d5afe;
}
section.detail .boxtab .body .content {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  padding: 30px;
  overflow-wrap: break-word;
}
section.detail .boxtab .body .content img {
  max-width: 100%;
  height: auto;
}
section.detail .boxtab .body .content a.relateditem {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}
section.detail .boxtab .body .content a.relateditem:hover .title {
  color: #3d5afe;
}
section.detail .boxtab .body .content a.relateditem img {
  min-width: 60px;
  min-height: 60px;
  margin-right: 12px;
}
section.detail .boxtab .body .content a.relateditem .title {
  font-size: 16px;
  font-weight: 600;
  color: #1d1b3a;
  transition: all 0.3s ease;
}
section.detail .boxtab .body .content a.relateditem .price {
  opacity: 0.4;
  font-size: 14px;
  font-weight: 500;
  color: #1d1b3a;
  margin-left: auto;
}
section.detail .boxtab .body .content a.relateditem img {
  border-radius: 4px;
}
section.detail .boxtab .body .content h1 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}
section.detail .boxtab .body .content h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
section.detail .boxtab .body .content h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
section.detail .boxtab .body .content b, section.detail .boxtab .body .content strong {
  font-weight: 600;
}
section.detail .boxtab .body .content i, section.detail .boxtab .body .content em {
  font-style: italic;
}
section.detail .boxtab .body .content ul {
  list-style: disc;
  margin-left: 20px;
}
section.detail .boxtab .body .content ol {
  list-style: decimal;
  margin-left: 20px;
}
section.detail .boxtab .body .content table {
  border-collapse: collapse;
  border: 1px solid #d2d2d2;
  width: 100%;
  margin: 0;
  padding: 0;
}
section.detail .boxtab .body .content table tr td {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #d2d2d2;
}
section.detail .boxtab .body .content table tr td:first-child {
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 600;
  max-width: 300px;
  width: 300px;
  border-right: 1px solid #d2d2d2;
}
section.detail .boxtab .body .content * {
  background: transparent !important;
}
section.detail .boxtab .body .content > *:not(:last-child) {
  margin-bottom: 20px;
}
section.detail .boxtab .body .content .tcontent * {
  margin-bottom: 2px;
}
section.detail .boxtab .body .content h2 {
  color: #7b7b84;
  font-size: 20px;
  font-weight: 600;
}
section.detail .boxtab .body .content h3 {
  color: #1d1b3a;
  font-size: 18px;
  font-weight: 600;
}
section.detail .boxtab .body .reviewitem {
  border-bottom: 1px solid #efefef;
  padding-top: 12px;
  padding-bottom: 12px;
}
section.detail .boxtab .body .reviewitem:nth-child(odd) {
  border-right: 1px solid #efefef;
}
section.detail .boxtab .body .reviewitem .mc {
  border-radius: 4px;
  padding: 0px;
}
section.detail .boxtab .body .reviewitem .mgc {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 10px;
}
section.detail .boxtab .body .reviewitem .p {
  display: flex;
  align-items: center;
}
section.detail .boxtab .body .reviewitem .p.brdr {
  border-left: 1px solid #efefef;
}
section.detail .boxtab .body .reviewitem .p img {
  margin-right: 14px;
  border-radius: 4px;
}
section.detail .boxtab .body .reviewitem .p ul li:not(:last-child) {
  margin-bottom: 10px;
}
section.detail .boxtab .body .reviewitem .p ul li {
  gap: 2px;
  display: flex;
  align-items: center;
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
}
section.detail .boxtab .body .reviewitem .p ul li b {
  font-weight: 600;
}
section.detail .boxtab .body .reviewitem .p ul li span.icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  background-color: #1ec65c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
}
section.detail .boxtab .body .reviewitem .p .name {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
section.detail .boxtab .body .reviewitem .p p {
  color: #7b7b84;
  font-size: 14px;
  font-weight: 400;
}
section.detail .user {
  background: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
section.detail .user .status {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
section.detail .user .status i {
  margin-right: 6px;
}
section.detail .user .status.online {
  background-color: #11d377;
}
section.detail .user .status.offline {
  background-color: #7b7b84;
}
section.detail .user img.cover {
  background: #000;
  max-height: 163px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
section.detail .user a.avatar {
  margin: 0 auto;
  border-radius: 4px;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -50px;
  object-fit: cover;
  left: 0;
  right: 0;
  border: 5px solid #fff;
}
section.detail .user a.avatar img {
  position: relative;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 122;
  min-height: 90px;
  min-width: 90px;
  max-width: 90px;
  max-height: 90px;
  background-color: #fff;
}
section.detail .user .name {
  margin-top: 60px;
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  gap: 6px;
}
section.detail .user .name img {
  height: 20px;
  width: auto;
}
section.detail .user .name i.ri-shield-check-fill {
  color: #11d377;
  font-size: 16px;
}
section.detail .user .name i.ri-shield-check-fill.blue {
  color: #3d5afe;
}
section.detail .user small {
  text-align: center;
  opacity: 0.5;
  color: #1d1d1d;
  font-size: 15px;
  font-weight: 400;
}
section.detail .dd {
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}
section.detail .btn-user {
  padding: 16px 16px 16px 24px;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 0;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  background: rgba(123, 123, 132, 0.1);
  color: #7b7b84;
}
section.detail .btn-user:hover {
  background-color: #1d1d1d;
  color: #fff;
}
section.detail .btn-user.blue {
  background-color: rgba(61, 90, 254, 0.2);
  color: #3d5afe;
}
section.detail .btn-user.blue:hover {
  background-color: rgb(61, 90, 254);
  color: #fff;
}
section.detail .btn-user.green {
  background-color: rgba(17, 211, 119, 0.2);
  color: #11d377;
}
section.detail .btn-user.green:hover {
  background-color: rgb(44, 208, 128);
  color: #fff;
}
section.detail .btn-user.orange {
  background-color: rgba(255, 165, 0, 0.2);
  color: #ffa500;
}
section.detail .btn-user.orange:hover {
  background-color: rgb(255, 165, 0);
  color: #fff;
}
section.detail .helpbox {
  border-radius: 4px;
  background-color: #fff;
}
section.detail .helpbox a.btn-help {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 24px;
  transition: all 0.3s ease;
}
section.detail .helpbox a.btn-help:hover {
  color: #3d5afe;
}
section.detail .helpbox a.btn-help i {
  margin-right: 14px;
}
section.detail .helpbox .body {
  padding: 30px;
  border-bottom: 1px solid #efefef;
}
section.detail .helpbox .body ul {
  list-style: disc;
  padding-left: 20px;
}
section.detail .helpbox .body ul li {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
section.detail .helpbox .body ul li::marker {
  color: #3d5afe;
}
section.detail .helpbox .body ul li:not(:last-child) {
  margin-bottom: 20px;
}

section.bestproducts {
  padding-bottom: 60px;
  padding-top: 30px;
  background: #fff;
}
section.bestproducts .box .head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
section.bestproducts .box .head a {
  color: #1d1b3a;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 20px;
  position: relative;
}
section.bestproducts .box .head a img {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 4px;
  object-fit: contain;
  background: #3d5afe;
  padding: 7px;
}
section.bestproducts .box .head a:before {
  transition: all 0.3s ease;
  width: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #3d5afe;
  content: "";
  position: absolute;
  bottom: 0;
}
section.bestproducts .box .head a.active, section.bestproducts .box .head a:hover {
  color: #3d5afe;
}
section.bestproducts .box .head a.active:before, section.bestproducts .box .head a:hover:before {
  width: 100%;
}
section.bestproducts .box .body {
  padding: 20px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #bebebe;
}
section.bestproducts .box .body .itemcat {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
section.bestproducts .box .body .itemcat:hover {
  transform: scale(1.03);
}
section.bestproducts .box .body .itemcat img {
  border-radius: 4px;
}
section.bestproducts .box .body .item {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
  padding: 10px;
  transition: all 0.3s ease;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #bebebe;
}
section.bestproducts .box .body .item:hover {
  transform: scale(1.03);
}
section.bestproducts .box .body .item img {
  aspect-ratio: 1/1;
  border-radius: 4px;
  object-fit: cover;
  width: 110px;
  height: 110px;
  min-width: 110px;
}
section.bestproducts .box .body .item .stars {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
section.bestproducts .box .body .item .stars span {
  color: #1d1b3a;
  font-size: 14px;
  margin-left: 6px;
  display: block;
}
section.bestproducts .box .body .item .stars i {
  color: #ff9103;
}
section.bestproducts .box .body .item .title {
  color: #1d1b3a;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}
section.bestproducts .box .body .item .price {
  display: flex;
  align-items: center;
  gap: 6px;
}
section.bestproducts .box .body .item .price .new {
  color: #11d377;
  font-size: 18px;
  font-weight: 500;
}
section.bestproducts .box .body .item .price .old {
  color: #bdbdbd;
  font-size: 18px;
  font-weight: 500;
  text-decoration: line-through;
  opacity: 0.8;
}

section.add {
  margin-top: 30px;
  margin-bottom: 70px;
}
section.add .filtercat .box {
  border-radius: 4px;
  background-color: #fff;
}
section.add .filtercat .box .head {
  position: relative;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
section.add .filtercat .box .head input {
  background: transparent;
  color: #7a7d89;
  font-size: 18px;
  font-weight: 600;
  padding: 22px 30px;
  height: 70px;
  border-radius: 0;
  border: 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
section.add .filtercat .box .head i {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #3d5afe;
  font-size: 20px;
}
section.add .filtercat .box .body {
  border-top: 1px solid #efefef;
  padding: 30px;
}
section.add .filtercat .box .body .catlist {
  max-height: 300px;
  overflow-y: auto;
}
section.add .filtercat .box .body .catlist::-webkit-scrollbar {
  width: 6px;
  border-radius: 4px;
}
section.add .filtercat .box .body .catlist::-webkit-scrollbar-track {
  background: #e7e7e7;
  border-radius: 4px;
}
section.add .filtercat .box .body .catlist::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border-radius: 4px;
}
section.add .filtercat .box .body .catlist::-webkit-scrollbar-thumb:hover {
  background: #e7e7e7;
  border-radius: 4px;
}
section.add .filtercat .box .body .catlist a.item {
  border-radius: 4px;
  background-color: rgba(15, 25, 35, 0.1);
  padding: 6px;
  color: #0f1923;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  width: 100%;
}
section.add .filtercat .box .body .catlist a.item:hover {
  background-color: rgba(15, 25, 35, 0.2);
}
section.add .filtercat .box .body .catlist a.item.active {
  background-color: rgba(15, 25, 35, 0.8);
  color: #fff;
}
section.add .filtercat .box .body .catlist a.item img {
  border-radius: 4px;
  margin-right: 20px;
  object-fit: cover;
  min-width: 40px;
  min-height: 40px;
  object-fit: cover;
  max-height: 40px;
  max-width: 40px;
}
section.add .tabs .item {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
}
section.add .tabs .item.active {
  background-color: #3d5afe;
}
section.add .tabs .item.active span.icon {
  background: #fff;
  color: #3d5afe;
}
section.add .tabs .item.active .name, section.add .tabs .item.active p {
  color: #fff;
}
section.add .tabs .item .name {
  color: #383a40;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}
section.add .tabs .item p {
  color: #7a7d89;
  font-size: 16px;
  font-weight: 400;
}
section.add .tabs .item span.icon {
  border-radius: 4px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  color: #3d5afe;
  background-color: rgba(61, 90, 254, 0.1);
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
section.add .form {
  border-radius: 4px;
  background-color: #fff;
}
section.add .form .head {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
}
section.add .form .head .title {
  color: #7a7d89;
  font-size: 18px;
  font-weight: 600;
}
section.add .form .head span.currentcat {
  border-radius: 17px;
  background-color: #efefef;
  padding: 10px 20px;
  color: #7a7d89;
  font-size: 14px;
  font-weight: 600;
}
section.add .form .head button.changecat {
  border-radius: 17px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border: 0;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  transition: all 0.3s ease;
}
section.add .form .head button.changecat:hover {
  background-color: #2c3d9c;
}
section.add .form .head button.changecat i {
  margin-right: 10px;
}
section.add .form .body {
  padding: 30px;
}
section.add .form .body label {
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
section.add .form .body .btn-submit {
  border-radius: 5px;
  background-color: #11d377;
  padding: 22px 80px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  transition: all 0.3s ease;
}
section.add .form .body .btn-submit:hover {
  background-color: #10c56f;
}
section.add .form .body .area-with-icon {
  position: relative;
}
section.add .form .body .area-with-icon i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  color: #7a7d89;
  font-size: 18px;
}
section.add .form .body .area-with-icon input, section.add .form .body .area-with-icon select {
  padding-left: 50px;
}
section.add .form .body .form-control, section.add .form .body .form-select, section.add .form .body .select2 {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  height: 60px;
  padding-left: 30px;
  padding-right: 30px;
  color: #1d1b3a;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
section.add .form .body .form-control:active, section.add .form .body .form-control:focus, section.add .form .body .form-select:active, section.add .form .body .form-select:focus, section.add .form .body .select2:active, section.add .form .body .select2:focus {
  border-color: rgb(173.7571428571, 187.5857142857, 215.2428571429);
  box-shadow: none;
}
section.add .form .body span.selection {
  width: 100%;
}
section.add .form .body .select2-container--default .select2-selection--single {
  border: 0;
  width: 100%;
  height: 58px;
  display: inline-flex;
  align-items: center;
}
section.add .form .body button.hazirgorsel {
  border-radius: 5px;
  background-color: rgba(61, 90, 254, 0.2);
  color: #3d5afe;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 22px 16px 22px;
  display: flex;
  align-items: center;
  border: 0;
  transition: all 0.3s ease;
}
section.add .form .body button.hazirgorsel:hover {
  background-color: rgb(61, 90, 254);
  color: #fff;
}
section.add .form .body button.hazirgorsel i {
  margin-left: 50px;
}
section.add .form .body .form-radio {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  line-height: 1;
}
section.add .form .body .form-radio label {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 4px;
  margin-left: 12px;
}
section.add .form .body .key-item {
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  line-height: 1;
  justify-content: space-between;
}
section.add .form .body .key-item .key {
  color: #1d1b3a;
  font-size: 18px;
  font-weight: 500;
  padding-left: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.add .form .body .key-item button.delete, section.add .form .body .key-item button.remove {
  border-radius: 5px;
  background-color: #f44336;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  transition: all 0.3s ease;
}
section.add .form .body .key-item button.delete:hover, section.add .form .body .key-item button.remove:hover {
  background-color: rgb(234.1839622642, 27.9622641509, 12.8160377358);
}
section.add .form .body .uploadarea {
  padding: 0;
  border-radius: 5px;
  border: 1px solid #d0d8e8;
  background-color: #fff;
  color: #1d1b3a;
  font-size: 20px;
  font-weight: 400;
}
section.add .form .body .uploadarea i {
  font-size: 44px;
  opacity: 0.3;
  margin-bottom: 20px;
}
section.add .form .body textarea.form-control {
  min-height: 260px;
  padding: 30px;
}
section.add button.step {
  padding: 20px 30px 20px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  border-radius: 4px;
  transition: all 0.3s ease;
}
section.add button.step.prevstep {
  background-color: #b8b9c6;
}
section.add button.step.prevstep i {
  margin-right: 160px;
}
section.add button.step.prevstep:hover {
  background-color: rgb(155.7109375, 157.109375, 175.2890625);
}
section.add button.step.nextstep {
  background-color: #11d377;
}
section.add button.step.nextstep i {
  margin-left: 160px;
}
section.add button.step.nextstep:hover {
  background-color: #10c56f;
}
section.add a.step {
  padding: 20px 30px 20px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  border-radius: 4px;
  transition: all 0.3s ease;
}
section.add a.step.prevstep {
  background-color: #b8b9c6;
}
section.add a.step.prevstep i {
  margin-right: 160px;
}
section.add a.step.prevstep:hover {
  background-color: rgb(155.7109375, 157.109375, 175.2890625);
}
section.add a.step.nextstep {
  background-color: #11d377;
}
section.add a.step.nextstep i {
  margin-left: 160px;
}
section.add a.step.nextstep:hover {
  background-color: #10c56f;
}
section.add .boxsz {
  border-radius: 4px;
  background-color: #fff;
  padding: 30px;
}
section.add .boxsz b, section.add .boxsz strong {
  font-weight: 600;
}
section.add .boxsz .form-check {
  display: flex;
  align-items: center;
}
section.add .boxsz .form-check label {
  font-size: 16px;
  font-weight: 600;
  color: #b8b9c6;
}
section.add .boxsz .form-check label a {
  color: #425efe;
}
section.add .boxsz .form-check-input[type=checkbox], section.add .boxsz .form-check-input[type=radio] {
  border-radius: 2px;
  border-color: #ced3e4;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  margin-bottom: 4px;
  cursor: pointer;
}
section.add .boxsz .form-check-input[type=checkbox]:focus, section.add .boxsz .form-check-input[type=radio]:focus {
  outline: none;
  box-shadow: none;
}
section.add .boxsz .form-check-input:checked[type=checkbox], section.add .boxsz .form-check-input:checked[type=radio] {
  background-color: #3d5afe;
  outline: none;
  border: none;
}
section.add .boxsz .content {
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.1);
  padding: 30px;
  color: #706d7d;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
section.add .boxsz .content .scrollt {
  max-height: 360px;
  overflow-y: scroll;
  padding-right: 20px;
}
section.add .boxsz .content .scrollt h2 {
  color: #1d1b3a;
  font-size: 24px;
  font-weight: 600;
}
section.add .boxsz .content .scrollt h3 {
  color: #1d1b3a;
  font-size: 20px;
  font-weight: 600;
}
section.add .boxsz .content .scrollt > *:not(:last-child) {
  margin-bottom: 20px;
}
section.add .boxsz .content .scrollt::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}
section.add .boxsz .content .scrollt::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #fff;
}
section.add .boxsz .content .scrollt::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #3d5afe;
}
section.add .boxsz .content .scrollt::-webkit-scrollbar-thumb:hover {
  background-color: #3d5afe;
}

nav.stickybar {
  box-shadow: 0 7px 43px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: none !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2000;
  position: fixed;
  bottom: 0;
  left: 0;
}
nav.stickybar a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 12px 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: inset 0 3px transparent;
  box-shadow: inset 0 3px transparent;
  text-decoration: none !important;
  outline: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7b7b84;
  font-size: 12px;
  font-weight: 600;
}
nav.stickybar a.active {
  color: #3d5afe;
}
nav.stickybar a.active i {
  color: #3d5afe;
}
nav.stickybar a:nth-child(3) {
  color: #13cea4;
}
nav.stickybar a:nth-child(3) i {
  color: #13cea4;
}
nav.stickybar a i, nav.stickybar a svg {
  line-height: 22px;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
  font-weight: normal;
  color: #939ea7;
}

a.gotop {
  position: fixed;
  bottom: 60px;
  right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #3d5afe;
  color: #fff;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
a.gotop.active {
  opacity: 1;
  visibility: visible;
}

.mobilesec {
  background-color: #363643;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 99999;
  transition: all 0.3s;
  opacity: 0;
}
.mobilesec.active {
  left: 0;
  opacity: 1;
}
.mobilesec .mobile {
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: transparent;
  display: flex;
  border-bottom: 1px solid #3d3d4a;
}
.mobilesec .mobile .dropdown-user {
  box-shadow: -5px 5px 42px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background-color: #fff;
  border: 0;
  margin-top: 17px !important;
  min-width: 255px;
  padding: 0 0 14px;
}
.mobilesec .mobile .dropdown-user li.bg {
  background-color: #13cda3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.mobilesec .mobile .dropdown-user li.bg img {
  margin-right: 14px;
}
.mobilesec .mobile .dropdown-user li.bg a {
  color: #fff;
  padding: 14px 14px;
}
.mobilesec .mobile .dropdown-user li.bg a .name {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}
.mobilesec .mobile .dropdown-user li.bg a .small {
  color: #fff;
  font-size: 14px;
  margin-top: 4px;
  display: block;
}
.mobilesec .mobile .dropdown-user li a {
  color: #696e8b;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 14px 30px;
  transition: all 0.3s ease;
}
.mobilesec .mobile .dropdown-user li a:hover, .mobilesec .mobile .dropdown-user li a:active, .mobilesec .mobile .dropdown-user li a:focus {
  background: transparent;
  color: #23263b;
}
.mobilesec .mobile .dropdown-user li a:hover i, .mobilesec .mobile .dropdown-user li a:active i, .mobilesec .mobile .dropdown-user li a:focus i {
  color: #23263b;
}
.mobilesec .mobile .dropdown-user li a i {
  margin-right: 18px;
  color: #cbceda;
  font-size: 20px;
  transition: all 0.3s ease;
}
.mobilesec .mobile form.search {
  position: relative;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 14px;
}
.mobilesec .mobile form.search i {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #3d5afe;
}
.mobilesec .mobile form.search input {
  border-radius: 4px;
  border: 1px solid #d1cedd;
  background-color: #fff;
  width: 100%;
  padding: 12px 24px 12px 40px;
  font-size: 16px;
}
.mobilesec .mobile .btn-mobile {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background-color: rgba(19, 206, 164, 0.2);
  color: #13cea4;
  font-size: 18px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobilesec .mobile .btn-mobile:active, .mobilesec .mobile .btn-mobile.active, .mobilesec .mobile .btn-mobile.show {
  background-color: #13cea4;
  color: #fff;
}
.mobilesec .mobile .btn-mobile.gray {
  background: #fff;
  color: #ec2828;
}
.mobilesec .mobile .btn-mobile.gray:active, .mobilesec .mobile .btn-mobile.gray.active, .mobilesec .mobile .btn-mobile.gray.show {
  background: #7b7b84;
  color: #fff;
}
.mobilesec .mobile .btn-mobile.blue {
  background: rgba(61, 90, 254, 0.2);
  color: #3d5afe;
}
.mobilesec .mobile .btn-mobile.blue:active, .mobilesec .mobile .btn-mobile.blue.active, .mobilesec .mobile .btn-mobile.blue.show {
  background: #3d5afe;
  color: #fff;
}
.mobilesec .mobile button.toggleColor, .mobilesec .mobile a.btn-dd {
  background: transparent;
  border: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  border-left: 1px solid #e4e4e4 !important;
  color: #1e1e1f;
  font-size: 14px;
  font-weight: 600;
  padding: 20px 10px;
  transition: all 0.3s ease;
}
.mobilesec .mobile button.toggleColor:hover, .mobilesec .mobile a.btn-dd:hover {
  background: #e4e4e4;
}
.mobilesec .mobile button.toggleColor i, .mobilesec .mobile a.btn-dd i {
  margin-right: 6px;
}
.mobilesec .search {
  margin-top: 30px;
  margin-bottom: 22px;
  position: relative;
}
.mobilesec .search i {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #363643;
}
.mobilesec .search input {
  border-radius: 4px;
  background-color: #fff;
  height: 70px;
  border: 0;
  color: #363643;
  font-size: 18px;
  font-weight: 400;
  padding-left: 24px;
  padding-right: 24px;
}
.mobilesec .search-results ul {
  border-radius: 4px;
  background-color: #2f2f3b;
}
.mobilesec .search-results ul li:not(:last-child) {
  border-bottom: 1px solid #363643;
}
.mobilesec .search-results ul li a {
  display: flex;
  align-items: center;
  padding: 14px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.mobilesec .search-results ul li a img {
  margin-right: 14px;
}
.mobilesec .menu .title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-top: 28px;
  margin-bottom: 20px;
}
.mobilesec .menu a.nav-link {
  border-radius: 5px;
  background-color: #2f2f3b;
  padding: 26px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobilesec .menu a.nav-link.special {
  color: #11d377 !important;
  text-shadow: 0 0 28px rgba(32, 198, 92, 0.3) !important;
}

section.giveaway {
  padding-bottom: 60px;
}
section.giveaway .box .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
section.giveaway .box .head .title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
section.giveaway .box .head .btn {
  background: transparent;
  border: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  color: #1e1e1f;
  font-size: 14px;
  font-weight: 600;
  padding: 20px 10px;
  transition: all 0.3s ease;
}
section.giveaway .box .head .btn:hover {
  background: #e4e4e4;
}
section.giveaway .box .head .btn i {
  margin-right: 6px;
}
section.giveaway .title {
  color: #353844;
  font-size: 24px;
  font-weight: 600;
}
section.giveaway .item {
  border-radius: 4px;
  background-color: #fff;
}
section.giveaway .item .btn-area button, section.giveaway .item .btn-area a.button {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 0;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
section.giveaway .item .btn-area button.blue, section.giveaway .item .btn-area a.button.blue {
  background-color: rgba(61, 90, 254, 0.1);
  color: #3d5afe;
}
section.giveaway .item .btn-area button.blue:hover, section.giveaway .item .btn-area a.button.blue:hover {
  background-color: #3d5afe;
  color: #fff;
}
section.giveaway .item .btn-area button.green, section.giveaway .item .btn-area a.button.green {
  background-color: rgba(17, 211, 119, 0.1);
  color: #11d377;
}
section.giveaway .item .btn-area button.green:hover, section.giveaway .item .btn-area a.button.green:hover {
  background-color: #11d377;
  color: #fff;
}
section.giveaway .item .body {
  padding: 20px;
  border-bottom: 1px solid #efefef;
}
section.giveaway .item .body .subitem {
  position: relative;
  border-radius: 4px;
}
section.giveaway .item .body .subitem img {
  border-radius: 4px;
}
section.giveaway .item .body .subitem span.count {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #3d5afe;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  width: max-content;
}
section.giveaway .item .message {
  border-bottom: 1px solid #efefef;
  padding: 20px;
  font-size: 18px;
  line-height: 1.4;
}
section.giveaway .item .time {
  border-bottom: 1px solid #efefef;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: #353844;
  background: #f9f9f9;
}
section.giveaway .item .time i {
  margin-right: 10px;
}
section.giveaway .item .joiner {
  padding: 20px;
  padding-bottom: 0;
  display: flex;
  gap: 10px;
}
section.giveaway .item .joiner > * {
  background: #f5f5f5;
  border-radius: 4px;
  padding: 14px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #353844;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.giveaway .item .joiner .ewtitle {
  color: #353844;
  font-size: 16px;
  font-weight: 500;
}
section.giveaway .item .joiner .count {
  color: #3d5afe;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
section.giveaway .item .buttons {
  padding-top: 0;
  padding: 20px;
  display: flex;
  gap: 10px;
}
section.giveaway .item .buttons form {
  width: 100%;
}
section.giveaway .item .buttons .btn-join {
  border-radius: 4px;
  background-color: #11d377;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  width: 100%;
  transition: all 0.3s ease;
}
section.giveaway .item .buttons .btn-join.disabled {
  background-color: #11d377;
  color: #fff;
}
section.giveaway .item .buttons .btn-join:hover {
  background-color: #11d377;
}
section.giveaway .item .buttons .btn-join i {
  margin-right: 10px;
}
section.giveaway .item .buttons .btn-unjoin {
  border-radius: 4px;
  background-color: #f4cb36;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  width: 100%;
  transition: all 0.3s ease;
}
section.giveaway .item .buttons .btn-unjoin.disabled {
  background-color: #11d377;
  color: #fff;
}
section.giveaway .item .buttons .btn-unjoin:hover {
  background-color: #f4cb36;
}
section.giveaway .item .buttons .btn-unjoin i {
  margin-right: 10px;
}
section.giveaway .item .buttons .btn-detail {
  border-radius: 4px;
  background-color: #3d5afe;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  width: 100%;
  transition: all 0.3s ease;
  border: 1px solid #3d5afe;
}
section.giveaway .item .buttons .btn-detail:hover {
  background-color: rgb(35.6307692308, 68.4230769231, 253.8692307692);
}
section.giveaway .item .buttons .btn-detail i {
  margin-right: 10px;
}
section.giveaway .item .head {
  padding: 20px;
  border-bottom: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.giveaway .item .head img.avatar {
  max-height: 80px;
  max-width: 80px;
  min-height: 80px;
  min-width: 80px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
}
section.giveaway .item .head .ttitle {
  color: #353844;
  font-size: 18px;
  font-weight: 600;
  margin-top: 4px;
}
section.giveaway .item .head .name {
  opacity: 0.8;
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
section.giveaway .item .head .name img {
  max-height: 20px;
}

.top-verify {
  margin-top: 20px;
}
.top-verify .box {
  padding: 20px;
  background: url("https://hesap.com.tr/assets/img/verifybg.png") bottom center no-repeat #1b1b1c;
  background-size: cover;
  border-radius: 4px;
}
.top-verify .title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.top-verify a.btn {
  background: #fff;
  border: 0;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.top-verify a.btn:hover {
  background: #3d5afe;
  color: #fff;
}

.empty {
  padding: 20px;
  text-align: center;
  color: #353844;
  font-size: 18px;
  font-weight: 600;
}
.empty .icon {
  font-size: 50px;
  color: #353844;
  opacity: 0.2;
  margin-bottom: 10px;
}
.empty .title {
  color: #353844;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.empty .text {
  color: #353844;
  font-size: 18px;
  font-weight: 500;
  opacity: 1;
  line-height: 1.3;
}
.empty a {
  color: #353844;
  font-weight: 600;
}

.doping .item {
  border-radius: 4px;
  background-color: #fff;
  padding: 22px;
  border-top: 4px solid #000;
  position: relative;
  height: 100%;
}
.doping .item button {
  transition: all 0.3s ease;
}
.doping .item button:hover {
  transform: translateY(-4px) !important;
}
.doping .item img {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  border-radius: 4px;
}
.doping .item select.form-select {
  padding: 12px;
  border-radius: 4px;
  border: solid 1px #cbcdd9;
  background-color: #fff;
}
.doping .item span.badge-end {
  padding: 6px 11px 4px;
  border-radius: 12px;
  background-color: rgba(249, 24, 67, 0.1);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  color: #f91843;
  margin-bottom: 8px;
  display: inline-flex;
}
.doping .item .infobox {
  top: 16px;
  right: 16px;
  content: "";
  font-size: 24px;
  color: #3d5afe;
  position: absolute;
}
.doping .item .title {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
}
.doping .item p {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #9192a6;
}
.doping .item .button-area {
  margin-top: 24px;
}
.doping .item .button-area button {
  padding: 16px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
  border: 0;
  transition: all 0.3s ease;
}
.doping .item .button-area button i {
  margin-right: 14px;
}
.doping .item.red {
  border-color: #f44336;
}
.doping .item.red .title {
  color: #f44336;
}
.doping .item.red p strong {
  color: #f44336;
}
.doping .item.red .button-area button {
  background-color: rgba(244, 67, 54, 0.2);
  color: #f44336;
}
.doping .item.red .button-area button.active, .doping .item.red .button-area button:hover {
  background-color: rgb(244, 67, 54);
  color: #fff;
}
.doping .item.darkpurple {
  border-color: #575c69;
}
.doping .item.darkpurple .title {
  color: #575c69;
}
.doping .item.darkpurple p strong {
  color: #575c69;
}
.doping .item.darkpurple .button-area button {
  background-color: rgba(87, 92, 105, 0.2);
  color: #575c69;
}
.doping .item.darkpurple .button-area button.active, .doping .item.darkpurple .button-area button:hover {
  background-color: rgb(87, 92, 105);
  color: #fff;
}
.doping .item.purple {
  border-color: #9b3fbf;
}
.doping .item.purple .title {
  color: #9b3fbf;
}
.doping .item.purple p strong {
  color: #9b3fbf;
}
.doping .item.purple .button-area button {
  background-color: rgba(155, 63, 191, 0.2);
  color: #9b3fbf;
}
.doping .item.purple .button-area button.active, .doping .item.purple .button-area button:hover {
  background-color: rgb(155, 63, 191);
  color: #fff;
}
.doping .item.gold {
  border-color: #f9b115;
}
.doping .item.gold .title {
  color: #f9b115;
}
.doping .item.gold p strong {
  color: #f9b115;
}
.doping .item.gold .button-area button {
  background-color: rgba(249, 177, 21, 0.2);
  color: #f9b115;
}
.doping .item.gold .button-area button.active, .doping .item.gold .button-area button:hover {
  background-color: rgb(249, 177, 21);
  color: #fff;
}
.doping .item.blue {
  border-color: #3d5afe;
}
.doping .item.blue .title {
  color: #3d5afe;
}
.doping .item.blue p strong {
  color: #3d5afe;
}
.doping .item.blue .button-area button {
  background-color: rgba(61, 90, 254, 0.2);
  color: #3d5afe;
}
.doping .item.blue .button-area button.active, .doping .item.blue .button-area button:hover {
  background-color: rgb(61, 90, 254);
  color: #fff;
}
.doping .item.green {
  border-color: #11d377;
}
.doping .item.green .title {
  color: #11d377;
}
.doping .item.green p strong {
  color: #11d377;
}
.doping .item.green .button-area button {
  background-color: rgba(17, 211, 119, 0.2);
  color: #11d377;
}
.doping .item.green .button-area button.active, .doping .item.green .button-area button:hover {
  background-color: rgb(44, 208, 156);
  color: #fff;
}
.doping .item.orange {
  border-color: #ff9103;
}
.doping .item.orange .title {
  color: #ff9103;
}
.doping .item.orange p strong {
  color: #ff9103;
}
.doping .item.orange .button-area button {
  background-color: rgba(255, 159, 28, 0.2);
  color: #ff9103;
}
.doping .item.orange .button-area button.active, .doping .item.orange .button-area button:hover {
  background-color: rgb(255, 159, 28);
  color: #fff;
}
.doping .item.yellow {
  border-color: #ffd62c;
}
.doping .item.yellow .title {
  color: #ffd62c;
}
.doping .item.yellow p strong {
  color: #ffd62c;
}
.doping .item.yellow .button-area button {
  background-color: rgba(255, 214, 44, 0.2);
  color: #ffd62c;
}
.doping .item.yellow .button-area button.active, .doping .item.yellow .button-area button:hover {
  background-color: rgb(255, 214, 44);
  color: #fff;
}
.doping button {
  transition: all 0.3s ease;
}
.doping button:hover {
  transform: translateY(-4px) !important;
}

section.invoice a.btn-goback {
  display: inline-block;
  padding: 20px 40px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ebebeb;
  color: #353844;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
section.invoice a.btn-goback i {
  margin-right: 14px;
}
section.invoice a.btn-goback:hover {
  background: #3d5afe;
  color: #fff;
  border-color: #3d5afe;
}
section.invoice a.btn-download {
  display: inline-block;
  padding: 20px 40px;
  border-radius: 4px;
  background: #3d5afe;
  border: 1px solid #3d5afe;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
section.invoice a.btn-download i {
  margin-right: 14px;
}
section.invoice a.btn-download:hover {
  background: #fff;
  color: #3d5afe;
  border-color: #3d5afe;
}
section.invoice .box {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
section.invoice .box .head {
  padding: 30px;
}
section.invoice .box .head .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #353844;
  opacity: 0.5;
}
section.invoice .box .head .number {
  font-size: 26px;
  font-weight: 600;
  color: #353844;
}
section.invoice .box .icons {
  border-top: 1px solid #ebebeb;
}
section.invoice .box .icons .item {
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding: 30px;
  display: flex;
  align-items: center;
  height: 100%;
}
section.invoice .box .icons .item span.icon {
  background: rgba(61, 90, 254, 0.2);
  width: 80px;
  height: 80px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  color: rgb(61, 90, 254);
  font-size: 26px;
  min-width: 80px;
  min-height: 80px;
}
section.invoice .box .icons .item .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #353844;
}
section.invoice .box .icons .item p {
  font-size: 18px;
  font-weight: 400;
  color: #353844;
  opacity: 0.5;
  line-height: 1.3;
}
section.invoice .box .icons .item a {
  font-size: 18px;
  font-weight: 400;
  color: #353844;
  opacity: 1;
  line-height: 1.3;
}
section.invoice .box .icons .item.nobr {
  border-right: 0;
}
section.invoice .box .body {
  padding: 30px;
}
section.invoice .box .body .kase {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 80px;
}
section.invoice .box .body .kase span {
  font-size: 15px;
  color: #3d5afe;
  font-weight: 700;
  display: inline-block;
  padding: 20px;
  text-align: center;
  line-height: 1.4;
  transform: rotate(-5deg);
  font-family: "Rowdies", cursive;
}
section.invoice .box .body .kase span small {
  font-size: 15px;
  font-weight: 300;
  display: block;
}
section.invoice .box .body table thead tr {
  background: #ebebeb;
}
section.invoice .box .body table thead tr th {
  padding: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #353844;
  opacity: 0.5;
  text-align: left;
}
section.invoice .box .body table thead tr th:not(:last-child) {
  border-right: 1px solid #fff;
}
section.invoice .box .body table tbody tr {
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
section.invoice .box .body table tbody tr:last-child td {
  font-weight: 600;
}
section.invoice .box .body table tbody tr td {
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #353844;
  opacity: 0.5;
  text-align: left;
}
section.invoice .box .body table tbody tr td:first-child {
  border-bottom-left-radius: 10px;
}
section.invoice .box .body table tbody tr td:last-child {
  border-bottom-right-radius: 10px;
}
section.invoice .box .body table tbody tr td:not(:last-child) {
  border-right: 1px solid #ebebeb;
}

.gallery-slick {
  position: relative;
}
.gallery-slick button.slick-prev.slick-arrow {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 999;
  font-size: 0;
  color: #fff;
  transition: all 0.3s ease;
}
.gallery-slick button.slick-prev.slick-arrow:hover {
  background: #3d5afe;
  border-color: #3d5afe;
}
.gallery-slick button.slick-prev.slick-arrow:hover:before {
  color: #fff;
}
.gallery-slick button.slick-prev.slick-arrow:before {
  font-family: "remixicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea60";
  font-size: 22px;
  color: #3d5afe;
}
.gallery-slick button.slick-next.slick-arrow {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 999;
  font-size: 0;
  color: #fff;
  transition: all 0.3s ease;
}
.gallery-slick button.slick-next.slick-arrow:hover {
  background: #3d5afe;
  border-color: #3d5afe;
}
.gallery-slick button.slick-next.slick-arrow:hover:before {
  color: #fff;
}
.gallery-slick button.slick-next.slick-arrow:before {
  font-family: "remixicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea6c";
  font-size: 22px;
  color: #3d5afe;
}

.dropzone .dz-preview .dz-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

img.lazyload {
  width: auto;
  height: auto;
  display: block;
}

section.paymentstatus {
  padding: 100px 0;
}
section.paymentstatus .box {
  background: #fff;
  border-radius: 4px;
  padding: 50px;
  text-align: center;
}
section.paymentstatus .box.success {
  border: 2px solid #11d377;
  box-shadow: 0px 0px 30px rgba(30, 198, 92, 0.05);
}
section.paymentstatus .box.success .icon {
  background: #11d377;
}
section.paymentstatus .box.danger {
  border: 2px solid #ff4d4f;
  box-shadow: 0px 0px 30px rgba(255, 77, 79, 0.05);
}
section.paymentstatus .box.danger .icon {
  background: #ff4d4f;
}
section.paymentstatus .box .icon {
  font-size: 40px;
  color: #fff;
  background: #000;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 30px;
}
section.paymentstatus .box .title {
  font-size: 24px;
  font-weight: 600;
  color: #353844;
  margin-bottom: 10px;
}
section.paymentstatus .box .subtitle {
  font-size: 18px;
  font-weight: 400;
  color: #353844;
  opacity: 0.5;
  margin-bottom: 30px;
}
section.paymentstatus .box .btn {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #252525;
  border-radius: 4px;
  padding: 15px 30px;
  display: inline-block;
  transition: all 0.3s ease;
}
section.paymentstatus .box .btn:hover {
  background: #3d5afe;
}

.dropzone .dz-preview .dz-remove {
  position: absolute;
  top: 10px;
  z-index: 999;
  left: 10px;
  font-size: 14px;
  background: #c61e45;
  padding: 5px;
  color: #fff;
  border-radius: 4px;
}

.dropzone .dz-preview .dz-details .dz-size, .dz-filename {
  display: none;
}

.trumbowyg-editor-box {
  display: grid;
}
.trumbowyg-editor-box .trumbowyg-editor {
  height: 100%;
  width: 100%;
}

.ri-spin {
  animation: ri-spin 1s infinite linear;
}

@keyframes ri-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ri-spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.ozellist ul {
  list-style: none;
  padding-left: 20px;
}
.ozellist ul li {
  position: relative;
  color: #2d2d2d;
  font-size: 18px;
}
.ozellist ul li:not(:last-child) {
  margin-bottom: 12px;
}
.ozellist ul li:before {
  background: #3d5afe;
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.scrollarea {
  background: rgba(0, 0, 0, 0.0588235294);
  padding: 20px;
  border-radius: 4px;
  max-height: 300px;
  overflow-y: auto;
}
.scrollarea::-webkit-scrollbar {
  width: 6px;
}
.scrollarea::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.0588235294);
}
.scrollarea::-webkit-scrollbar-thumb {
  background: #3d5afe;
  border-radius: 4px;
}
.scrollarea b, .scrollarea strong {
  font-weight: 600;
}
.scrollarea p.big {
  font-size: 20px;
  font-weight: 600;
  color: #353844;
  text-align: center;
}
.scrollarea a {
  color: #353844;
}
.scrollarea p:not(:last-child) {
  color: #353844;
  margin-bottom: 20px;
}

.swal2-input, .swal2-file, .swal2-textarea {
  box-shadow: none !important;
  font-size: 16px !important;
  height: 60px !important;
  padding-left: 20px !important;
}
.swal2-input:focus, .swal2-input:active, .swal2-file:focus, .swal2-file:active, .swal2-textarea:focus, .swal2-textarea:active {
  border: 1px solid #9a9a9a !important;
  box-shadow: none !important;
}

.swal2-styled {
  padding: 16px 22px !important;
  font-size: 16px !important;
}

.breadcrumb {
  background: #fff;
  padding-top: 18px;
  padding-bottom: 18px;
}
.breadcrumb ol {
  display: flex;
  gap: 10px;
}
.breadcrumb ol li {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.breadcrumb ol li a {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  transition: all 0.3s ease;
}
.breadcrumb ol li a:hover {
  color: #3d5afe;
}

section.errorcode {
  background: #000;
  padding-bottom: 110px;
  background: url("https://hesap.com.tr/assets/img/404bg2.png") no-repeat center center;
  background-size: cover;
  margin-bottom: -70px;
}

section.errorcode .top {
  box-shadow: -5px 5px 29px rgba(70, 98, 254, 0.56);
  background-color: #3d5afe;
  width: 110px;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  margin: 0 auto;
  margin-bottom: 50px;
  transition: all 0.3s ease-in-out;
}

section.errorcode .top:hover {
  box-shadow: -5px 5px 29px rgba(70, 98, 254, 0.96);
}

section.errorcode .title {
  color: #ffffff;
  font-size: 160px;
  font-weight: 600;
}

section.errorcode .message {
  color: #ffffff;
  line-height: 1.3;
  font-size: 24px;
}

section.errorcode a.btn-homepage {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: inline-flex;
  align-items: center;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-size: 16px;
  width: fit-content;
  margin-top: 30px;
  transition: all 0.3s ease-in-out;
}

section.errorcode a.btn-homepage:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

section.errorcode a.btn-homepage i {
  margin-left: 24px;
}

.special-avatar {
  position: relative;
  display: flex;
}
.special-avatar span {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #ef0044;
  position: absolute;
  top: -4px;
  left: -5px;
  border: 2px solid #fff;
  z-index: 999;
}
.special-avatar span.big {
  width: 19px;
  height: 19px;
  z-index: 999;
  left: 24px;
}
.special-avatar span.online {
  background: #00c853;
}

ql-editor {
  min-height: 400px;
  max-height: 400px;
}

#editor {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
#editor * {
  background: transparent !important;
}
#editor > *:not(:last-child) {
  margin-bottom: 4px;
}
#editor h2 {
  color: #1d1b3a;
  font-size: 20px;
  font-weight: 600;
}
#editor h3 {
  color: #1d1b3a;
  font-size: 18px;
  font-weight: 600;
}
#editor b, #editor strong {
  color: #7b7b84;
  font-weight: 600;
}
#editor a {
  color: #1d1b3a;
  font-weight: 500;
  text-decoration: underline;
}
#editor ol {
  list-style: decimal;
}
#editor ol li {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-left: 20px;
  margin-bottom: 12px;
}
#editor ul {
  list-style: disc;
}
#editor ul li {
  color: #7b7b84;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-left: 20px;
  margin-bottom: 12px;
}

.howtousecontent {
  font-size: 16px;
  line-height: 1.5;
}
.howtousecontent ul {
  list-style: disc;
}
.howtousecontent ul li::marker {
  color: #3d5afe;
}
.howtousecontent > *:not(:last-child) {
  margin-bottom: 20px;
}
.howtousecontent img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

.glitch {
  animation: glitch 1s infinite;
  transition: all 0.3s ease;
  margin-left: 40px;
}

@keyframes glitch {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  25% {
    transform: translateX(-50%) rotate(2deg);
  }
  50% {
    transform: translateX(-50%) rotate(0deg);
  }
  75% {
    transform: translateX(-50%) rotate(-2deg);
  }
  100% {
    transform: translateX(-50%) rotate(0deg);
  }
}
.boxshadoweffect {
  animation: boxshadoweffect 0.7s infinite alternate;
  transition: all 0.7s ease;
  box-shadow: 0 0 2px #991cff, 0 0 3px #991cff, 0 0 4px #991cff, 0 0 5px #991cff, 0 0 6px #991cff;
}

@keyframes boxshadoweffect {
  100% {
    box-shadow: 0 0 2px #991cff, 0 0 3px #fff, 0 0 5px #991cff, 0 0 6px #991cff, 0 0 8px #991cff;
  }
}
.boxshadoweffect2 {
  animation: boxshadoweffect2 0.7s infinite alternate;
  transition: all 0.7s ease;
  box-shadow: 0 0 2px #d4d515, 0 0 3px #d4d515, 0 0 4px #d4d515, 0 0 5px #d4d515, 0 0 6px #d4d515;
}

@keyframes boxshadoweffect2 {
  100% {
    box-shadow: 0 0 2px #ea6565, 0 0 3px #ea6565, 0 0 5px #ea6565, 0 0 6px #ea6565, 0 0 8px #ea6565;
  }
}
.swal2-html-container small::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.swal2-html-container small::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #f2f2f6;
}
.swal2-html-container small::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c8c8d4;
}
.swal2-html-container small::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8d4;
}

.ajaxmessage .hiddenbox {
  background: #ededed;
  padding: 10px;
  border-radius: 4px;
  position: absolute;
  width: calc(100% - 20px);
  bottom: calc(100% - 20px);
  max-height: 300px;
  overflow-y: auto;
  z-index: 999;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.ajaxmessage .hiddenbox ul {
  list-style: none;
  padding-left: 0;
}
.ajaxmessage .hiddenbox ul li {
  background: rgb(247.2, 247.2, 247.2);
  padding: 16px;
  border-radius: 4px;
  transition: all 0.3s ease;
  cursor: pointer;
  line-break: anywhere;
}
.ajaxmessage .hiddenbox ul li:hover {
  background: white;
}
.ajaxmessage .hiddenbox ul li:not(:last-child) {
  margin-bottom: 10px;
}
.ajaxmessage .hiddenbox ul li b {
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}
.ajaxmessage .hiddenbox ul li p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.select2-results__group {
  font-weight: 600 !important;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bill {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.shado span.icon {
  box-shadow: 0 0 10px 1px #3d5afe;
}
.shado p, .shado p b, .shado span {
  text-shadow: 0 0 2px rgba(61, 90, 254, 0.5) !important;
  color: #3d5afe !important;
  font-size: 15px;
}

section.howtoworkaff {
  background-color: #fff;
  margin-bottom: -20px;
  position: relative;
  padding-top: 90px;
  padding-bottom: 60px;
  margin-top: 30px;
}
section.howtoworkaff span.icon {
  width: 76px;
  height: 76px;
  border-radius: 4px;
  box-shadow: -2.8px 2.8px 49px 0 rgba(61, 90, 254, 0.53);
  background-color: #3d5afe;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: -38px;
  left: 50%;
  transform: translateX(-50%);
}
section.howtoworkaff .title {
  font-size: 30px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.8;
  letter-spacing: normal;
  text-align: center;
  color: #3d5afe;
  margin-bottom: 70px;
}
section.howtoworkaff span.number {
  width: 80px;
  height: 80px;
  background-color: #3d5afe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 44px;
}
section.howtoworkaff .subtitle {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #3d5afe;
  text-transform: uppercase;
}
section.howtoworkaff .text {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  color: #373d44;
  margin-top: 20px;
}

section.aff {
  padding-top: 60px;
  padding-bottom: 60px;
}
section.aff .boxes .item {
  padding: 0 30px 30px;
  border-radius: 4px;
  box-shadow: -2.8px 2.8px 49px 0 rgba(0, 0, 0, 0.09);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}
section.aff .boxes .item:hover {
  transform: scale(1.02);
}
section.aff .boxes .item span.icon {
  width: 60px;
  height: 70px;
  padding: 25px 22px 24px;
  border-radius: 0 0 30px 30px;
  background-color: #31e072;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
}
section.aff .boxes .item .big {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  color: #31e072;
  margin-top: 24px;
  margin-bottom: 12px;
}
section.aff .boxes .item .small {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #353c44;
  opacity: 0.5;
}
section.aff .box {
  border-radius: 4px;
  box-shadow: 0 0 32px 0 rgba(56, 53, 67, 0.1);
  background-color: #fff;
}
section.aff .box .head {
  padding: 20px;
  border-bottom: 1px solid rgba(174, 184, 203, 0.3);
}
section.aff .box .head span.icon {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  box-shadow: -12px 12px 32px 0 rgba(50, 92, 244, 0.18);
  background-color: rgba(61, 90, 254, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d5afe;
  font-size: 24px;
  margin-right: 20px;
}
section.aff .box .head .title {
  font-size: 20px;
  font-weight: 600;
  color: #3d5afe;
}
section.aff .box .head p {
  font-size: 16px;
  line-height: 24px;
  color: #353c44;
  font-weight: 400;
  margin-top: 2px;
}
section.aff .box .head .icongreen {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: rgba(49, 224, 114, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #31e072;
  font-size: 20px;
}
section.aff .box .head .balance {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #31e072;
}
section.aff .box .head button.btn-withdraw {
  padding: 13px 18px 11px 16px;
  border-radius: 4px;
  background-color: #31e072;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
section.aff .box .head button.btn-withdraw i {
  margin-right: 10px;
}
section.aff .box .head button.btn-withdraw:hover {
  transform: translateY(-2px);
}
section.aff .box .body {
  padding: 20px;
}
section.aff .box .body .ttbox {
  padding: 14px 14px 14px 20px;
  border-radius: 4px;
  background-color: rgba(61, 90, 254, 0.1);
  font-size: 16px;
  font-weight: 600;
  color: #325cf4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.aff .box .body .ttbox i.big {
  font-size: 26px;
  font-weight: 400;
}
section.aff .box .body .ttbox .copybox {
  padding: 7px 7px 7px 24px;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 400px;
  height: 50px;
}
section.aff .box .body .ttbox .copybox.small {
  min-width: 102px;
  max-width: 102px;
  text-align: center;
  padding: 7px;
}
section.aff .box .body .ttbox .copybox.small input {
  text-align: center;
}
section.aff .box .body .ttbox .copybox button {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background-color: #325cf4;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
section.aff .box .body .ttbox .copybox input {
  padding: 0;
  border: 0;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #8b95a0;
  font-weight: 400;
  width: 100%;
}
section.aff .box .body .ttbox .copybox input:active, section.aff .box .body .ttbox .copybox input:focus, section.aff .box .body .ttbox .copybox input:hover {
  border: 0 !important;
  box-shadow: none !important;
}

section.announcements {
  padding-top: 40px;
  padding-bottom: 60px;
}
section.announcements .anno {
  padding: 0;
}
section.announcements .anno .modal-content:before {
  opacity: 0.5;
  border-radius: 4px;
  background-color: #fff;
  transform: scale(1.05);
  width: 100%;
  height: 96.5%;
  position: absolute;
  top: 24px;
  left: 0;
  z-index: -1;
  content: "";
}
section.announcements .anno .modal-dialog {
  width: 650px;
  max-width: 100%;
}
section.announcements .anno button.btn-close {
  position: absolute;
  top: -22px;
  right: -12px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: solid 1px #a9bcc9;
  background-color: #fff;
  opacity: 1;
  padding: 0;
  margin: 0;
  z-index: 99999;
}
section.announcements .anno .modal-body img.cover {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
section.announcements .anno .modal-body .title {
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #171b1e;
  margin-bottom: 20px;
}
section.announcements .anno .modal-body .tttext {
  padding: 24px;
  border-radius: 4px;
  background-color: rgba(223, 232, 238, 0.5);
  font-size: 14px;
  line-height: 2;
  color: #1f2430;
}
section.announcements .menus {
  padding: 12px 15px 13px;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 20px;
}
section.announcements .items .bigtitle {
  font-size: 24px;
  font-weight: 600;
  color: #3d5afe;
  margin-bottom: 20px;
}
section.announcements .items .item {
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0 14px 34px 0 rgba(0, 0, 0, 0.04);
  background-color: #fff;
  border-left: 8px solid #3955ff;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}
section.announcements .items .item button {
  padding: 15.5px 37.6px 15.5px 37.6px;
  border-radius: 4px;
  border: solid 1px #ced3e4;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 600;
  color: #8f8fb5;
  gap: 10px;
}
section.announcements .items .item button i {
  font-weight: 400;
}
section.announcements .items .item button:hover {
  background-color: #3955ff;
  color: #fff;
}
section.announcements .items .item:hover {
  transform: translateY(-2px);
}
section.announcements .items .item span.icon {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  box-shadow: 0 0 34px 0 rgba(57, 85, 255, 0.24);
  background-color: #3955ff;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.announcements .items .item span.icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.announcements .items .item .title {
  font-size: 18px;
  font-weight: 600;
  color: #1f2430;
  margin-bottom: 6px;
}
section.announcements .items .item p {
  font-size: 16px;
  color: #1f2430;
}

@media (max-width: 1400px) {
  header .dropdown-categories {
    width: 111vw;
  }
  .lefttabmenu .btn-tab {
    font-size: 14px;
  }
  section.donate .box form .btn-group button {
    font-size: 16px;
  }
  section.slider, section.categoryslider {
    overflow: hidden;
  }
  section.slider a.subitem .name {
    font-size: 20px;
  }
  section.categoryslider .title {
    font-size: 24px;
  }
  section.detail .box img {
    height: 100%;
  }
  section.add .doping .item .button-area button {
    font-size: 16px;
  }
  section.customerarea .box .body .avatar .text input {
    padding: 6px;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .btn-general.green {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #fff;
  }
  .btn-general.green i {
    margin: 0;
  }
  .btn-general.green span.text {
    display: none;
  }
  section.donate .box form .btn-group button {
    font-size: 16px;
    padding: 20px;
  }
  section.donate .box form .btn-submit {
    padding: 21px 18px;
  }
  section.listcategory .howtouse .btn-popup {
    font-size: 16px;
    padding: 22px;
  }
  section.listcategory .item .btn-buy i {
    margin-right: 2px;
    display: none;
  }
  section.listcategory .item .btn-buy {
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 22px;
  }
  section.listcategory .howtouse .title, section.listcategory .count .title {
    text-align: center;
  }
  section.slider .navslick .slick-slide {
    font-size: 14px;
  }
  section.add .doping .item .button-area button {
    font-size: 14px;
    padding: 14px;
  }
  section.add .tabs .item p {
    font-size: 11px;
  }
  section.customerarea .box .body .iconitem .text {
    font-size: 12px;
  }
  .leftmenu .user small {
    display: none;
  }
  section.orders .box .body ul li .order-detail .user .btn-gg {
    padding: 13px 8px;
  }
}
@media (max-width: 991px) {
  section.post .box.filter .body:not(.profilebb) {
    display: none;
  }
  header .menu ul {
    gap: 16px !important;
  }
  header .top a.btn-user span.l span.name, header .top a.btn-user span.l span.balance {
    display: none;
  }
  header .top a.btn-user span.icon {
    margin-left: 0;
  }
  section.gradientcover {
    padding-top: 40px;
  }
  section.gradientcover h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  section.gradientcover p.desc {
    font-size: 20px;
  }
  section.upgrade .box .special-alert {
    padding: 10px;
    font-size: 16px;
  }
  section.upgrade .box .item .btn-upload {
    padding: 18px 19px;
  }
  section.slider a.subitem .abs.s2 {
    opacity: 0.2;
  }
  section.slider a.subitem .abs.s1 {
    opacity: 0.2;
    left: 90px;
    bottom: 0;
  }
  section.slider a.item .left {
    position: absolute;
    padding-left: 50px;
    padding-top: 50px;
    padding-bottom: 130px;
    max-width: 440px;
  }
  section.slider a.subitem {
    overflow: hidden;
  }
  section.slider .navslick .slick-slide {
    font-size: 12px;
  }
  section.slider a.item .left span.buy {
    font-size: 14px;
    padding: 12px 12px 12px 22px;
  }
  section.slider a.item .left span.buy i {
    margin-left: 10px;
  }
  section.detail .box .icons .bag {
    font-size: 14px;
  }
  section.add .tabs .item p {
    display: none;
  }
  section.add .tabs .item {
    padding: 10px;
  }
  section.add .tabs .item .name {
    margin-bottom: 0;
  }
  section.add .doping .item .button-area {
    margin-top: 24px;
    flex-direction: column;
    align-items: start !important;
  }
  section.add .doping .item .button-area button {
    font-size: 16px;
    padding: 18px;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  section.cover {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .lefttabmenu .btn-tab {
    padding: 8px;
  }
  section.announcements .items .item {
    flex-direction: column !important;
  }
  section.announcements .items .item .l {
    flex-direction: column !important;
    text-align: center;
  }
  section.announcements .items .item button {
    margin-top: 20px;
  }
  section.announcements .anno button.btn-close {
    right: 4px;
  }
  section.announcements .items .item p {
    line-height: 1.4;
    margin-top: 10px;
  }
  section.announcements .items .item span.icon {
    width: 70px;
    height: 70px;
  }
  section.announcements .anno .modal-dialog {
    width: 650px;
    max-width: calc(100% - 14px);
  }
  section.aff {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  section.aff .box .head {
    flex-direction: column;
  }
  section.aff .box .head .l {
    width: 100%;
    margin-bottom: 16px;
  }
  section.aff .box .head p {
    display: none;
  }
  section.aff .box .head .rz {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  section.aff .box .body .ttbox:not(.small) {
    flex-direction: column;
    gap: 14px;
  }
  section.aff .box .body .ttbox:not(.small) .copybox {
    width: 100%;
    min-width: 100%;
  }
  .d2ds {
    flex-direction: column;
  }
  .d2ds button {
    width: 100%;
  }
  .modal .modal-content.modal-lg {
    min-width: 100%;
  }
  section.orders .box .body ul li .order-detail .user .btn-gg {
    margin: 0 !important;
  }
  .breadcrumb {
    border-top: 1px solid #e4e4e4;
  }
  .breadcrumb ol {
    display: flex;
    gap: 10px;
    overflow: scroll;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    max-width: 100%;
    width: 100%;
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-content: flex-start !important;
  }
  .top-verify .title {
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
    width: 100%;
    line-height: 1.4;
  }
  .top-verify .justify-content-end {
    justify-content: center !important;
    padding-top: 6px;
    padding-bottom: 12px;
  }
  nav.stickybar {
    display: flex !important;
  }
  section.topbar, header .menu, header .top {
    display: none;
  }
  header .mobile {
    display: flex;
  }
  section.blog .postitem a:not(.title) img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  section.blog .postitem p.desc {
    padding-right: 0;
  }
  section.donate .view span.icon {
    margin-right: 10px;
  }
  section.donate .view span.text {
    font-size: 16px;
  }
  .lefttabmenu .btn-tab {
    font-size: 16px;
  }
  section.listcategory .item .btn-buy {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  section.listcategory .item .btn-buy i {
    display: block;
    margin-right: 10px;
  }
  section.aboutus .box .b {
    padding: 30px !important;
  }
  section.aboutus .box .b:nth-child(even) .row {
    flex-direction: column-reverse !important;
  }
  section.post .page-top .btn-top {
    justify-content: center;
    width: 100%;
  }
  section.post .page-top form {
    min-width: 50% !important;
  }
  section.post .page-top h1 {
    font-size: 18px;
  }
  section.post .page-top, section.stores .page-top {
    gap: 10px;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  section.post .page-top .w-75, section.stores .page-top .w-75 {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center !important;
  }
  section.customerarea .box .body ul.sociallogin li a.btn-login {
    font-size: 14px;
    padding: 16px 20px;
  }
  body.auth {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  section.orders .box .body ul li span.r span.big {
    font-size: 16px;
  }
  section.orders .box .body ul li .order-detail .user {
    flex-direction: column;
    gap: 10px;
  }
  section.orders .box .body ul li .order-detail .user .btn-gg {
    padding: 14px 10px;
    font-size: 14px;
  }
  table.hesaptable tr td {
    white-space: nowrap;
  }
  section.add .tabs .item .name {
    display: none !important;
  }
  section.add .tabs .item span.icon {
    margin: 0;
    width: 100%;
  }
  section.add button.step {
    display: flex;
    align-items: center;
  }
  section.add button.step.nextstep i {
    margin-left: 60px;
  }
  section.add button.step.prevstep i {
    margin-right: 60px;
  }
  section.add .doping .item .row {
    flex-direction: column-reverse;
    gap: 20px;
    text-align: center;
  }
  section.post .box ul.games li a {
    padding-left: 4px;
    padding-right: 4px;
  }
  section.discord .box .title {
    margin-bottom: 20px;
    text-align: center;
    justify-content: center;
  }
  section.discord .box .title i {
    display: none;
  }
  section.post {
    overflow: hidden;
  }
  section.slider .slick-slide img {
    min-height: auto;
  }
  section.slider .navslick .slick-slide {
    font-size: 16px;
  }
  section.post .box ul.games {
    width: 100%;
  }
}
@media (max-width: 576px) {
  section.slider button.slick-arrow {
    display: none;
  }
  section.slider, section.post {
    margin-top: 12px;
  }
  section.post {
    margin-bottom: 40px;
  }
  .toplustok a, .toplustok label {
    width: 100%;
  }
  section.listcategory .item .daily-badge {
    right: 0;
    left: inherit;
    transform: translateX(0);
    border-top-right-radius: 7px;
  }
  section.withdraw .box .ttbox {
    flex-direction: column;
    margin: 0;
    margin-top: 60px;
    text-align: center;
    padding-bottom: 30px;
  }
  section.withdraw .box .ttbox img {
    margin-left: 0;
    margin-top: -40px;
  }
  body.auth {
    min-height: auto;
  }
  section.discord .box .title {
    font-size: 20px;
  }
  .special-avatar span.big {
    left: 0;
  }
  section.detail .box .buybox .btn-buy {
    width: 100%;
    justify-content: center;
  }
  .doping .item .button-area button {
    font-size: 15px;
    padding: 13px 15px;
  }
  section.profile .box .btn-profile {
    padding: 16px 20px;
    font-size: 14px;
  }
  section.profile .box .btn-profile i {
    margin-right: 4px;
  }
  section.messages .box .chat .chatalert {
    font-size: 12px;
    line-height: 1.1;
  }
  section.messages .box .chat .t {
    padding: 10px;
  }
  section.messages .box .chat .chatarea ul.messagelist li .message .read_at {
    margin-top: 4px;
    font-weight: 400;
  }
  section.messages .box .chat .t a.btn-profile.small {
    font-size: 12px;
    padding: 12px 12px;
  }
  section.messages .box .sidebar a.item p {
    max-width: 100%;
    -webkit-box-orient: inherit;
  }
  section.detail .box .buybox .number {
    max-width: 150px;
  }
  section.detail .box .buybox {
    flex-direction: column;
  }
  section.detail .box .buybox .price {
    width: 100%;
  }
  section.detail .box .buybox .r {
    width: 100%;
  }
  section.detail .box .buybox button.btn-buy {
    width: 100%;
    justify-content: center;
  }
  section.messages .box .chat .chatarea ul.messagelist {
    height: 330px;
    margin-bottom: 0;
  }
  section.stores .btn-top {
    width: 100%;
    font-size: 13px;
    justify-content: center;
  }
  section.stores .btn-top i {
    margin-left: 4px;
  }
  section.post .page-top .r, section.stores .page-top .r {
    width: 100%;
  }
  section.post .box ul.nav li {
    width: 30%;
    flex-grow: 1;
  }
  section.listcategory .howtouse {
    margin-top: 30px;
  }
  section.listcategory .count {
    margin-top: 30px;
  }
  section.messages .box .chat .t .name {
    font-size: 12px;
    margin-left: 4px;
  }
  form.ajax.buy {
    width: 100%;
    flex-direction: column;
  }
  section.detail .box .buybox .number {
    max-width: 100%;
  }
  section.messages .box .chat .t .status {
    font-size: 11px;
  }
  section.detail .box .buybox .price {
    font-size: 18px;
  }
  section.detail .box .buybox button.btn-buy {
    padding: 16px;
  }
  section.detail .box .buybox button.btn-buy i {
    margin-right: 10px;
  }
  section.detail .box small {
    font-size: 10px;
  }
  section.detail .box .icons .bag i {
    margin-right: 4px;
  }
  section.detail .box .icons .bag {
    font-size: 12px;
  }
  section.giveaway .item .time {
    font-size: 14px;
  }
  section.giveaway .item .time i {
    margin-right: 6px;
  }
  section.customerarea .box .body form .btn-submit {
    padding: 22px;
    width: 100%;
  }
  section.post .box ul.nav li a {
    padding: 14px 18px 14px 18px;
  }
  section.giveaway .item .head img.avatar {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
  }
  section.post .page-top .r {
    width: 100%;
  }
  section.post .page-top .r > * {
    width: 100%;
    flex-grow: 1;
    justify-content: center;
  }
  .load-more-area ul li a, .load-more-area ul li span {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  section.profile .box .avatar-link img {
    width: 56px;
    height: 56px;
    min-height: 56px;
    min-width: 56px;
  }
  section.profile .box .btn-profile, .post-item .button-area a {
    white-space: nowrap;
    font-size: 14px;
  }
  .trumbowyg-box .trumbowyg-editor, .trumbowyg-editor-box {
    max-height: 300px;
  }
  .post-item:hover {
    transform: scale(1) !important;
  }
  section.discord .box .link .btn-copy {
    white-space: nowrap;
  }
  section.discord .box .link .text {
    font-size: 12px;
  }
  section.messages .page-top .btn-top {
    font-size: 14px;
    width: 100%;
    justify-content: center;
  }
  section.messages .page-top .btn-top i {
    margin-left: 4px;
  }
  section.slider a.subitem {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  nav.stickybar a {
    font-size: 10px;
  }
  section.donate .box form .btn-group button {
    font-size: 16px;
    padding: 13px;
  }
  section.categoryslider .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  section.slider a.item .left {
    position: absolute;
    padding-left: 30px;
    padding-top: 50px;
    padding-bottom: 100px;
    max-width: 440px;
  }
  section.slider .slick-slide img {
    min-height: auto;
  }
  section.slider .navslick {
    padding-left: 30px;
    max-width: calc(100% - 30px);
  }
  section.post .box ul.games {
    display: none;
  }
  section.categoryslider .button-area button {
    width: 40px;
    height: 40px;
  }
  section.blog a.item span.title {
    font-size: 14px;
  }
  section.blog a.btn-more {
    padding: 14px 20px 14px 34px;
    font-size: 16px;
  }
  section.blog a.btn-more i {
    margin-left: 22px;
  }
  section.fiveimgs a span.title {
    font-size: 16px;
    padding-left: 20px;
  }
  section.fiveimgs a span.title:before {
    width: 8px;
    height: 50px;
  }
  section.add button.step {
    padding-left: 14px;
    padding-right: 14px;
    width: 100%;
    justify-content: space-between;
  }
  section.add button.step.nextstep i {
    margin-left: 6px;
  }
  section.add button.step.prevstep i {
    margin-right: 6px;
  }
  section.add .form .head {
    gap: 10px;
  }
  section.add .form .body .uploadarea {
    text-align: center;
  }
  section.add .form .head, section.add .form .head .r {
    flex-direction: column;
  }
  section.messages .box .chat .chatarea ul.messagelist li img {
    display: none;
  }
  section.profile img.cover {
    min-height: 150px;
    object-fit: cover;
  }
  section.profile .box .text-muted {
    font-size: 12px;
  }
  section.profile .box .avatar-link {
    margin-top: 0;
    margin-right: 10px;
  }
  section.profile .box .avatar-link img {
    width: 80px;
    height: 80px;
    object-fit: cover;
  }
  section.followers .box .item button.follow {
    padding: 14px;
    font-size: 14px;
  }
  section.followers .box .item button.follow i {
    margin-right: 8px;
  }
  section.followers .box .item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
  }
  section.profile .box .name, section.profile .box .name i.ri-shield-check-fill {
    font-size: 20px;
  }
  section.profile .box .order {
    font-size: 16px;
    margin-top: 6px;
    margin-bottom: 4px;
  }
  section.profile .box .btn-profile {
    width: 100%;
    justify-content: center;
  }
  section.profile .box .point, section.profile .box .point b i {
    font-size: 18px;
  }
  section.profile .box .name img {
    max-height: 20px;
  }
  section.messages .box .chat .chatarea ul.messagelist li.right .message, section.messages .box .chat .chatarea ul.messagelist li.left .message {
    width: 80%;
  }
  section.cover .box {
    padding: 30px;
    position: relative;
  }
  section.orders .box .body ul li > div, section.orders .box .body ul li > div {
    flex-direction: column;
  }
  section.orders .box .body ul li > div .l, section.orders .box .body ul li > div .l {
    width: 100%;
  }
  section.orders .box .body ul li > div .l a, section.orders .box .body ul li > div .l a {
    margin: 0 !important;
    margin-right: 10px !important;
    width: 40% !important;
  }
  section.orders .box .body ul li > div .l a img, section.orders .box .body ul li > div .l a img {
    min-width: 100%;
    max-height: 300px !important;
  }
  section.orders .box .body ul li > div .l > *, section.orders .box .body ul li > div .l > * {
    width: 100%;
    zoom: 0.91 !important;
  }
  section.orders .box .body ul li span.r span.big {
    font-size: 14px;
  }
  section.orders .box .body ul li > div > div:last-child {
    justify-content: space-between !important;
    width: 100%;
  }
  section.orders .box .body ul li .order-detail .user .r {
    flex-direction: column;
    width: 100%;
  }
  section.orders .box .body ul li .order-detail .user .btn-gg {
    width: 100%;
    text-align: center;
  }
  section.cover .box form input.form-control {
    padding-left: 20px;
    padding-right: 20px;
  }
  section.cover .box form .btn-submit {
    display: none;
  }
  section.customerarea .box .body ul.sociallogin li,
  section.customerarea .box .body ul.notify li {
    flex-direction: column;
    gap: 10px;
  }
  section.customerarea .box .body ul.sociallogin li a.btn-login {
    width: 100%;
    text-align: center;
  }
  section.customerarea .box .body ul.sociallogin li span:not(.icon) {
    font-size: 16px;
  }
  section.customerarea .box .body ul.sociallogin li span.icon {
    margin-right: 10px;
  }
  section.customerarea .box .body ul.sociallogin li .l {
    width: 100%;
  }
  section.category a.item span.detail {
    padding-left: 10px;
    padding-right: 10px;
  }
  section.detail .box .buybox {
    gap: 10px;
  }
  section.detail .stock b {
    font-size: 30px;
    display: block;
    margin-top: 4px;
  }
  section.detail .boxtab .head ul li button {
    font-size: 14px;
  }
  section.gradientcover img {
    display: none;
  }
  section.gradientcover {
    padding-bottom: 40px;
  }
  section.blog .detailbox .icons span {
    font-size: 12px;
  }
  section.draws .item .img img {
    width: 100%;
  }
  section.page .box .head .btn-new {
    font-size: 14px;
    padding: 13px 11px;
  }
  section.donate .view span.icon {
    display: none;
  }
  section.donate .view span.text {
    display: none;
  }
  section.donate .view a.btn-view {
    width: 100%;
    text-align: center;
    padding: 20px;
  }
  section.donate .view {
    padding: 20px;
  }
  section.deals a.item span.detail span.btn-buy {
    padding: 16px;
  }
  section.page .box .head h1 {
    font-size: 20px;
  }
  section.page .box .btn-submit {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  section.slider a.subitem .name {
    font-size: 18px;
  }
  section.text {
    padding-top: 0;
  }
  section.detail .box .icons .bag {
    padding: 12px;
  }
  section.add .form .body button.hazirgorsel {
    padding: 15px 12px;
  }
  section.add .form .body button.hazirgorsel i {
    margin-left: 14px;
  }
  section.post .page-top .btn-top i {
    margin-left: 6px;
  }
  section.post .page-top .btn-top {
    font-size: 14px;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 8px;
  }
  .navbox ul.nav li a {
    padding: 10px;
    font-size: 13px;
  }
  .navbox ul.nav li a i {
    font-size: 13px;
    margin-right: 6px;
  }
  .navbox ul.nav li a span {
    display: none;
  }
  section.stores .item .head .order {
    font-size: 13px;
  }
  section.stores .item .head small {
    font-size: 12px;
  }
  section.slider .navslick {
    display: none;
  }
  section.slider a.item .left {
    padding-left: 20px;
    padding-top: 80px;
    padding-bottom: 0;
    width: 100%;
  }
  section.slider a.item .left section.slider a.item .left span.buy {
    font-size: 14px;
    padding: 8px 12px 8px 18px;
  }
  section.slider .slick-slide img {
    min-height: auto;
  }
  section.slider a.subitem {
    padding: 20px;
  }
  section.slider a.subitem .name {
    font-size: 20px;
    text-align: center;
  }
  section.slider a.subitem .discover {
    display: none;
  }
  .post-item .detail .price {
    background: #3d5afe;
  }
  section.draws .item ul.awards li {
    font-size: 14px;
    padding: 10px;
  }
  section.draws .item .title {
    margin-top: 10px;
    font-size: 16px;
  }
  section.draws .item .date {
    font-size: 12px;
    margin-top: 10px;
  }
  section.draws .item a.btn-join {
    margin-top: 10px;
    padding: 12px;
    font-size: 16px;
  }
  section.detail .user img.cover {
    max-height: 130px;
  }
  a.gotop {
    bottom: 80px;
    right: 10px;
  }
  section.detail .stock {
    background: rgba(0, 0, 0, 0.6);
  }
  body.auth {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  section.form a.logo {
    margin-bottom: 20px;
  }
  section.form .box .title {
    margin-bottom: 20px;
  }
  section.form .box {
    padding-top: 20px;
  }
  section.form .box .title {
    font-size: 24px;
  }
  section.post .box ul.nav li a i {
    margin-right: 8px;
    font-size: 16px;
  }
  section.post .box ul.nav li a {
    padding: 14px 6px 14px 6px;
    text-align: center;
    justify-content: center;
  }
}
.slider-container {
  overflow: hidden;
}

.slick-initialized,
.slick-slide:first-child {
  display: block;
}

.loadss {
  opacity: 0;
  visibility: hidden;
}

.loadss.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.form-check-input[type=radio] {
  border-radius: 50% !important;
}

.avatar::before {
  display: none !important;
}
.avatar.kurumsalplus::before {
  content: "";
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-radius: 4px;
  background-image: linear-gradient(var(--rotate), #ffc008, #694f03, #ffc008, #694f03, #ffc008);
  position: absolute;
  z-index: 3;
  top: -6px;
  left: -6px;
  animation: spin 4.5s linear infinite;
}
.avatar.kurumsal::before {
  content: "";
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-radius: 4px;
  background-image: linear-gradient(var(--rotate), #9300ff, #420072, #7a00e6, #420072, #420072);
  position: absolute;
  z-index: 3;
  top: -6px;
  left: -6px;
  animation: spin 4.5s linear infinite;
}
.avatar.admin::before {
  content: "";
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-radius: 4px;
  background-image: linear-gradient(var(--rotate), #d00707, #600000, #b30606, #600000, #600000) !important;
  position: absolute;
  z-index: 3;
  top: -6px;
  left: -6px;
  animation: spin 4.5s linear infinite;
}

.avatar2 {
  position: relative;
  display: flex;
}
.avatar2 img {
  position: relative;
  z-index: 4;
}
.avatar2.kurumsalplus::before {
  content: "";
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 4px;
  background-image: linear-gradient(var(--rotate), #ffc008, #694f03, #ffc008, #694f03, #ffc008);
  position: absolute;
  z-index: 3;
  top: -3px;
  left: -3px;
  animation: spin 4.5s linear infinite;
}
.avatar2.kurumsal::before {
  content: "";
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 4px;
  background-image: linear-gradient(var(--rotate), #9300ff, #420072, #7a00e6, #420072, #420072);
  position: absolute;
  z-index: 3;
  top: -3px;
  left: -3px;
  animation: spin 4.5s linear infinite;
}
.avatar2.admin::before {
  content: "";
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 4px;
  background-image: linear-gradient(var(--rotate), #d00707, #600000, #b30606, #600000, #600000) !important;
  position: absolute;
  z-index: 3;
  top: -3px;
  left: -3px;
  animation: spin 4.5s linear infinite;
}

@property --rotate {
  syntax: "<angle>";
  initial-value: 132deg;
  inherits: false;
}
@keyframes spin {
  0% {
    --rotate: 0deg;
  }
  100% {
    --rotate: 360deg;
  }
}
.widget-visible {
  zoom: 1.1;
}

.fg-picker-special-buttons a, .fg-emoji-nav {
  display: none !important;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

img.lazyload:not([src]) {
  visibility: hidden;
}

.ql-container {
  box-sizing: border-box;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

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

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

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

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

#user-submenu {
  display: none;
}

#user-submenu.show {
  display: block;
}

@media (min-width: 769px) {
  #user-submenu {
    display: block;
  }
  i#menu-icon {
    display: flex;
  }
}
i#menu-icon {
  color: white;
  font-size: 22px;
  position: absolute;
  right: 0;
  background: rgba(0, 0, 0, 0.2117647059);
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 99%;
  display: none;
}

@media (max-width: 768px) {
  i#menu-icon {
    display: flex;
  }
}

/*# sourceMappingURL=main.css.map */