@charset "UTF-8";
@font-face {
  font-family: "Bridgestone";
  src: local("BridgestoneType-Regular"), url("../../assets/font/BridgestoneType/WOFF2/BridgestoneType-Regular.woff2") format("woff2"), url("../../assets/font/BridgestoneType/WOFF/BridgestoneType-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Bridgestone";
  src: local("BridgestoneType-Bold"), url("../../assets/font/BridgestoneType/WOFF2/BridgestoneType-Bold.woff2") format("woff2"), url("../../assets/font/BridgestoneType/WOFF/BridgestoneType-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Bridgestone";
  src: local("BridgestoneType-Italic"), url("../../assets/font/BridgestoneType/WOFF2/BridgestoneType-Italic.woff2") format("woff2"), url("../../assets/font/BridgestoneType/WOFF/BridgestoneType-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Bridgestone";
  src: local("BridgestoneType-BoldItalic"), url("../../assets/font/BridgestoneType/WOFF2/BridgestoneType-BoldItalic.woff2") format("woff2"), url("../../assets/font/BridgestoneType/WOFF/BridgestoneType-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "BridgestoneCd";
  src: local("BridgestoneType-CdRg"), url("../../assets/font/BridgestoneTypeCd/WOFF2/BridgestoneType-CdRg.woff2") format("woff2"), url("../../assets/font/BridgestoneTypeCd/WOFF/BridgestoneType-CdRg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BridgestoneCd";
  src: local("BridgestoneType-CdBd"), url("../../assets/font/BridgestoneTypeCd/WOFF2/BridgestoneType-CdBd.woff2") format("woff2"), url("../../assets/font/BridgestoneTypeCd/WOFF/BridgestoneType-CdBd.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "BridgestoneCd";
  src: local("BridgestoneType-CdIt"), url("../../assets/font/BridgestoneTypeCd/WOFF2/BridgestoneType-CdIt.woff2") format("woff2"), url("../../assets/font/BridgestoneTypeCd/WOFF/BridgestoneType-CdIt.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "BridgestoneCd";
  src: local("BridgestoneType-CdBdIt"), url("../../assets/font/BridgestoneTypeCd/WOFF2/BridgestoneType-CdBdIt.woff2") format("woff2"), url("../../assets/font/BridgestoneTypeCd/WOFF/BridgestoneType-CdBdIt.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
/*!
 * 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: #4d7bc4;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #ed9357;
  --bs-yellow: #ffc107;
  --bs-green: #649B76;
  --bs-teal: #20c997;
  --bs-cyan: #cbe0eb;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #636466;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #F0F0F0;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #CBCBCB;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #636466;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #FF0000;
  --bs-secondary: #636466;
  --bs-success: #649B76;
  --bs-info: #cbe0eb;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 255, 0, 0;
  --bs-secondary-rgb: 99, 100, 102;
  --bs-success-rgb: 100, 155, 118;
  --bs-info-rgb: 203, 224, 235;
  --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: "Bridgestone", 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: #000;
  --bs-link-hover-color: black;
  --bs-code-color: #d63384;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
}

*,
*::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] {
  text-decoration: underline dotted;
  cursor: help;
  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);
}

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: #636466;
  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;
}

::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: #636466;
}
.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: #636466;
}

.container,
.container-fluid,
.container-xxxl,
.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: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@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: 1288px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1770px;
  }
}
.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-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%;
  }
  .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-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%;
  }
  .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-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;
  }
}
@media (min-width: 1600px) {
  .col-xxxl {
    flex: 1 0 0%;
  }
  .row-cols-xxxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxxl-0 {
    margin-left: 0;
  }
  .offset-xxxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxxl-0,
  .gx-xxxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxxl-0,
  .gy-xxxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxxl-1,
  .gx-xxxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxxl-1,
  .gy-xxxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxxl-2,
  .gx-xxxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxxl-2,
  .gy-xxxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxxl-3,
  .gx-xxxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxxl-3,
  .gy-xxxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxxl-4,
  .gx-xxxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxxl-4,
  .gy-xxxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxxl-5,
  .gx-xxxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxxl-5,
  .gy-xxxl-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: #ffcccc;
  --bs-table-border-color: rgb(229.5, 183.6, 183.6);
  --bs-table-striped-bg: rgb(242.25, 193.8, 193.8);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 183.6, 183.6);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 188.7, 188.7);
  --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: rgb(223.8, 224, 224.4);
  --bs-table-border-color: rgb(201.42, 201.6, 201.96);
  --bs-table-striped-bg: rgb(212.61, 212.8, 213.18);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(201.42, 201.6, 201.96);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(207.015, 207.2, 207.57);
  --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: rgb(224, 235, 227.6);
  --bs-table-border-color: rgb(201.6, 211.5, 204.84);
  --bs-table-striped-bg: rgb(212.8, 223.25, 216.22);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(201.6, 211.5, 204.84);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(207.2, 217.375, 210.53);
  --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: rgb(244.6, 248.8, 251);
  --bs-table-border-color: rgb(220.14, 223.92, 225.9);
  --bs-table-striped-bg: rgb(232.37, 236.36, 238.45);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(220.14, 223.92, 225.9);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(226.255, 230.14, 232.175);
  --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: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(229.5, 218.34, 184.86);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --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: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(223.2, 193.14, 196.02);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --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: rgb(223.2, 224.1, 225);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --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: rgb(55.2, 58.8, 62.4);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --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;
  }
}
@media (max-width: 1599.98px) {
  .table-responsive-xxxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.32rem;
  font-style: italic;
  font-weight: 700;
}

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

.col-form-label-lg {
  padding-top: calc(0.8rem + 1px);
  padding-bottom: calc(0.8rem + 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: #636466;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.75rem 1.125rem;
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #CBCBCB;
  appearance: none;
  border-radius: 50rem;
  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: rgb(127.5, 127.5, 127.5);
  outline: 0;
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #CBCBCB;
  opacity: 1;
}
.form-control:disabled {
  background-color: #F0F0F0;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.75rem 1.125rem;
  margin: -0.75rem -1.125rem;
  margin-inline-end: 1.125rem;
  color: #212529;
  background-color: #fff;
  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::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: rgb(242.25, 242.25, 242.25);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.75rem 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: 50rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1.6rem + 2px);
  padding: 0.8rem 1rem;
  font-size: 1.25rem;
  border-radius: 50rem;
}
.form-control-lg::file-selector-button {
  padding: 0.8rem 1rem;
  margin: -0.8rem -1rem;
  margin-inline-end: 1rem;
}

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

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 1.5rem + 2px);
  padding: 0.75rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 50rem;
}
.form-control-color::-webkit-color-swatch {
  border-radius: 50rem;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1.6rem + 2px);
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.75rem 3.375rem 0.75rem 1.125rem;
  -moz-padding-start: calc(1.125rem - 3px);
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  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 1.125rem center;
  background-size: 16px 12px;
  border: 1px solid #CBCBCB;
  border-radius: 50rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(127.5, 127.5, 127.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 1.125rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #F0F0F0;
}
.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: 50rem;
}

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

.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);
  appearance: none;
  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: rgb(127.5, 127.5, 127.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
}
.form-check-input:checked {
  background-color: #000;
  border-color: #000;
}
.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: #000;
  border-color: #000;
  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='rgb%28127.5, 127.5, 127.5%29'/%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;
  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(0, 0, 0, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #000;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(178.5, 178.5, 178.5);
}
.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: #000;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(178.5, 178.5, 178.5);
}
.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 1.125rem;
  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 1.125rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.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: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.75rem 1.125rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #CBCBCB;
  border-radius: 50rem;
}

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

.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: 50rem;
}

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

.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: #649B76;
}

.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(100, 155, 118, 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: #649B76;
  padding-right: calc(1.5em + 1.5rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23649B76' 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.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #649B76;
  box-shadow: 0 0 0 0.25rem rgba(100, 155, 118, 0.25);
}

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

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #649B76;
}
.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: 6.1875rem;
  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='%23649B76' 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 1.125rem center, center right 3.375rem;
  background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #649B76;
  box-shadow: 0 0 0 0.25rem rgba(100, 155, 118, 0.25);
}

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

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #649B76;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #649B76;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(100, 155, 118, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #649B76;
}

.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 + 1.5rem);
  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.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.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 + 1.5rem);
  background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem);
}

.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: 6.1875rem;
  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 1.125rem center, center right 3.375rem;
  background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.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 + calc(1.5em + 1.5rem));
}

.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: 3rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 700;
  --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: 50rem;
  --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);
  font-style: italic;
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  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;
  text-transform: uppercase;
}
@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 {
  background: #CBCBCB !important;
  border-color: #CBCBCB !important;
  color: #fff !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FF0000;
  --bs-btn-border-color: #FF0000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(216.75, 0, 0);
  --bs-btn-hover-border-color: #cc0000;
  --bs-btn-focus-shadow-rgb: 255, 38, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #cc0000;
  --bs-btn-active-border-color: rgb(191.25, 0, 0);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #FF0000;
  --bs-btn-disabled-border-color: #FF0000;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #636466;
  --bs-btn-border-color: #636466;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(84.15, 85, 86.7);
  --bs-btn-hover-border-color: rgb(79.2, 80, 81.6);
  --bs-btn-focus-shadow-rgb: 122, 123, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(79.2, 80, 81.6);
  --bs-btn-active-border-color: rgb(74.25, 75, 76.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #636466;
  --bs-btn-disabled-border-color: #636466;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #649B76;
  --bs-btn-border-color: #649B76;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(85, 131.75, 100.3);
  --bs-btn-hover-border-color: rgb(80, 124, 94.4);
  --bs-btn-focus-shadow-rgb: 123, 170, 139;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(80, 124, 94.4);
  --bs-btn-active-border-color: rgb(75, 116.25, 88.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #649B76;
  --bs-btn-disabled-border-color: #649B76;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #cbe0eb;
  --bs-btn-border-color: #cbe0eb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 228.65, 238);
  --bs-btn-hover-border-color: rgb(208.2, 227.1, 237);
  --bs-btn-focus-shadow-rgb: 173, 190, 200;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(213.4, 230.2, 239);
  --bs-btn-active-border-color: rgb(208.2, 227.1, 237);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #cbe0eb;
  --bs-btn-disabled-border-color: #cbe0eb;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --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: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --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: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --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: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --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: #FF0000;
  --bs-btn-border-color: #FF0000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FF0000;
  --bs-btn-hover-border-color: #FF0000;
  --bs-btn-focus-shadow-rgb: 255, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #FF0000;
  --bs-btn-active-border-color: #FF0000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FF0000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FF0000;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #636466;
  --bs-btn-border-color: #636466;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #636466;
  --bs-btn-hover-border-color: #636466;
  --bs-btn-focus-shadow-rgb: 99, 100, 102;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #636466;
  --bs-btn-active-border-color: #636466;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #636466;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #636466;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #649B76;
  --bs-btn-border-color: #649B76;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #649B76;
  --bs-btn-hover-border-color: #649B76;
  --bs-btn-focus-shadow-rgb: 100, 155, 118;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #649B76;
  --bs-btn-active-border-color: #649B76;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #649B76;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #649B76;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #cbe0eb;
  --bs-btn-border-color: #cbe0eb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #cbe0eb;
  --bs-btn-hover-border-color: #cbe0eb;
  --bs-btn-focus-shadow-rgb: 203, 224, 235;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #cbe0eb;
  --bs-btn-active-border-color: #cbe0eb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #cbe0eb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #cbe0eb;
  --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: #636466;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 255, 38, 38;
  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.8rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 50rem;
}

.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: 50rem;
}

.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: rgb(29.7, 33.3, 36.9);
  --bs-dropdown-link-hover-bg: #F0F0F0;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #000;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #636466;
  --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;
  }
}
@media (min-width: 1600px) {
  .dropdown-menu-xxxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxxl-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: #000;
  --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: 50rem;
}
.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: 2.25rem;
  padding-left: 2.25rem;
}
.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: #636466;
  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: #F0F0F0 #F0F0F0 #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: #000;
}
.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: 50rem;
  --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,
.navbar > .container-xxxl {
  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;
  }
}
@media (min-width: 1600px) {
  .navbar-expand-xxxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxxl .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-xxxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxxl .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: 10px;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: 9px;
  --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='rgb%28229.5, 0, 0%29'%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: rgb(127.5, 127.5, 127.5);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: rgb(229.5, 0, 0);
  --bs-accordion-active-bg: rgb(229.5, 229.5, 229.5);
}

.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: #636466;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #636466;
  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, "/") /* rtl: 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: #F0F0F0;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #F0F0F0;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #000;
  --bs-pagination-active-border-color: #000;
  --bs-pagination-disabled-color: #636466;
  --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: #990000;
  --bs-alert-bg: #ffcccc;
  --bs-alert-border-color: rgb(255, 178.5, 178.5);
}
.alert-primary .alert-link {
  color: rgb(122.4, 0, 0);
}

.alert-secondary {
  --bs-alert-color: rgb(59.4, 60, 61.2);
  --bs-alert-bg: rgb(223.8, 224, 224.4);
  --bs-alert-border-color: rgb(208.2, 208.5, 209.1);
}
.alert-secondary .alert-link {
  color: rgb(47.52, 48, 48.96);
}

.alert-success {
  --bs-alert-color: rgb(60, 93, 70.8);
  --bs-alert-bg: rgb(224, 235, 227.6);
  --bs-alert-border-color: rgb(208.5, 225, 213.9);
}
.alert-success .alert-link {
  color: rgb(48, 74.4, 56.64);
}

.alert-info {
  --bs-alert-color: rgb(121.8, 134.4, 141);
  --bs-alert-bg: rgb(244.6, 248.8, 251);
  --bs-alert-border-color: rgb(239.4, 245.7, 249);
}
.alert-info .alert-link {
  color: rgb(97.44, 107.52, 112.8);
}

.alert-warning {
  --bs-alert-color: rgb(153, 115.8, 4.2);
  --bs-alert-bg: rgb(255, 242.6, 205.4);
  --bs-alert-border-color: rgb(255, 236.4, 180.6);
}
.alert-warning .alert-link {
  color: rgb(122.4, 92.64, 3.36);
}

.alert-danger {
  --bs-alert-color: rgb(132, 31.8, 41.4);
  --bs-alert-bg: rgb(248, 214.6, 217.8);
  --bs-alert-border-color: rgb(244.5, 194.4, 199.2);
}
.alert-danger .alert-link {
  color: rgb(105.6, 25.44, 33.12);
}

.alert-light {
  --bs-alert-color: rgb(99.2, 99.6, 100);
  --bs-alert-bg: rgb(253.6, 253.8, 254);
  --bs-alert-border-color: rgb(252.9, 253.2, 253.5);
}
.alert-light .alert-link {
  color: rgb(79.36, 79.68, 80);
}

.alert-dark {
  --bs-alert-color: rgb(19.8, 22.2, 24.6);
  --bs-alert-bg: rgb(210.6, 211.4, 212.2);
  --bs-alert-border-color: rgb(188.4, 189.6, 190.8);
}
.alert-dark .alert-link {
  color: rgb(15.84, 17.76, 19.68);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #F0F0F0;
  --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: #FF0000;
  --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: #F0F0F0;
  --bs-list-group-disabled-color: #636466;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #000;
  --bs-list-group-active-border-color: #000;
  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);
  }
}
@media (min-width: 1600px) {
  .list-group-horizontal-xxxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxxl > .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-xxxl > .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-xxxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxxl > .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: #990000;
  background-color: #ffcccc;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #990000;
  background-color: rgb(229.5, 183.6, 183.6);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #990000;
  border-color: #990000;
}

.list-group-item-secondary {
  color: rgb(59.4, 60, 61.2);
  background-color: rgb(223.8, 224, 224.4);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(59.4, 60, 61.2);
  background-color: rgb(201.42, 201.6, 201.96);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(59.4, 60, 61.2);
  border-color: rgb(59.4, 60, 61.2);
}

.list-group-item-success {
  color: rgb(60, 93, 70.8);
  background-color: rgb(224, 235, 227.6);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(60, 93, 70.8);
  background-color: rgb(201.6, 211.5, 204.84);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(60, 93, 70.8);
  border-color: rgb(60, 93, 70.8);
}

.list-group-item-info {
  color: rgb(121.8, 134.4, 141);
  background-color: rgb(244.6, 248.8, 251);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(121.8, 134.4, 141);
  background-color: rgb(220.14, 223.92, 225.9);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(121.8, 134.4, 141);
  border-color: rgb(121.8, 134.4, 141);
}

.list-group-item-warning {
  color: rgb(153, 115.8, 4.2);
  background-color: rgb(255, 242.6, 205.4);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(153, 115.8, 4.2);
  background-color: rgb(229.5, 218.34, 184.86);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(153, 115.8, 4.2);
  border-color: rgb(153, 115.8, 4.2);
}

.list-group-item-danger {
  color: rgb(132, 31.8, 41.4);
  background-color: rgb(248, 214.6, 217.8);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(132, 31.8, 41.4);
  background-color: rgb(223.2, 193.14, 196.02);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132, 31.8, 41.4);
  border-color: rgb(132, 31.8, 41.4);
}

.list-group-item-light {
  color: rgb(99.2, 99.6, 100);
  background-color: rgb(253.6, 253.8, 254);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(99.2, 99.6, 100);
  background-color: rgb(228.24, 228.42, 228.6);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(99.2, 99.6, 100);
  border-color: rgb(99.2, 99.6, 100);
}

.list-group-item-dark {
  color: rgb(19.8, 22.2, 24.6);
  background-color: rgb(210.6, 211.4, 212.2);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(19.8, 22.2, 24.6);
  background-color: rgb(189.54, 190.26, 190.98);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(19.8, 22.2, 24.6);
  border-color: rgb(19.8, 22.2, 24.6);
}

.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;
  margin-left: auto;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}
.btn-close > span {
  display: none;
}

.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: #636466;
  --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: 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-dialog.order {
    max-width: 600px;
  }
  .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;
  }
}
@media (max-width: 1599.98px) {
  .modal-fullscreen-xxxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxxl-down .modal-header,
  .modal-fullscreen-xxxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxxl-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: rgb(239.7, 239.7, 239.7);
  --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%;
  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) /* rtl:ignore */;
  }
}
.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-xxxl, .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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .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;
  }
}

@media (max-width: 1599.98px) {
  .offcanvas-xxxl {
    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: 1599.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxxl {
    transition: none;
  }
}
@media (max-width: 1599.98px) {
  .offcanvas-xxxl.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-xxxl.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-xxxl.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-xxxl.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-xxxl.showing, .offcanvas-xxxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxxl.showing, .offcanvas-xxxl.hiding, .offcanvas-xxxl.show {
    visibility: visible;
  }
}
@media (min-width: 1600px) {
  .offcanvas-xxxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxxl .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 {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

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

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

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(99, 100, 102, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(100, 155, 118, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(203, 224, 235, 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: #FF0000 !important;
}
.link-primary:hover, .link-primary:focus {
  color: #cc0000 !important;
}

.link-secondary {
  color: #636466 !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: rgb(79.2, 80, 81.6) !important;
}

.link-success {
  color: #649B76 !important;
}
.link-success:hover, .link-success:focus {
  color: rgb(80, 124, 94.4) !important;
}

.link-info {
  color: #cbe0eb !important;
}
.link-info:hover, .link-info:focus {
  color: rgb(213.4, 230.2, 239) !important;
}

.link-warning {
  color: #ffc107 !important;
}
.link-warning:hover, .link-warning:focus {
  color: rgb(255, 205.4, 56.6) !important;
}

.link-danger {
  color: #dc3545 !important;
}
.link-danger:hover, .link-danger:focus {
  color: rgb(176, 42.4, 55.2) !important;
}

.link-light {
  color: #f8f9fa !important;
}
.link-light:hover, .link-light:focus {
  color: rgb(249.4, 250.2, 251) !important;
}

.link-dark {
  color: #212529 !important;
}
.link-dark:hover, .link-dark:focus {
  color: rgb(26.4, 29.6, 32.8) !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: sticky;
  top: 0;
  z-index: 1020;
}

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

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1600px) {
  .sticky-xxxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxxl-bottom {
    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: 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: #636466 !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 {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  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-start {
    text-align: left !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: 1600px) {
  .float-xxxl-start {
    float: left !important;
  }
  .float-xxxl-end {
    float: right !important;
  }
  .float-xxxl-none {
    float: none !important;
  }
  .d-xxxl-inline {
    display: inline !important;
  }
  .d-xxxl-inline-block {
    display: inline-block !important;
  }
  .d-xxxl-block {
    display: block !important;
  }
  .d-xxxl-grid {
    display: grid !important;
  }
  .d-xxxl-table {
    display: table !important;
  }
  .d-xxxl-table-row {
    display: table-row !important;
  }
  .d-xxxl-table-cell {
    display: table-cell !important;
  }
  .d-xxxl-flex {
    display: flex !important;
  }
  .d-xxxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxxl-none {
    display: none !important;
  }
  .flex-xxxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxxl-row {
    flex-direction: row !important;
  }
  .flex-xxxl-column {
    flex-direction: column !important;
  }
  .flex-xxxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxxl-center {
    justify-content: center !important;
  }
  .justify-content-xxxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxxl-center {
    align-items: center !important;
  }
  .align-items-xxxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxxl-center {
    align-content: center !important;
  }
  .align-content-xxxl-between {
    align-content: space-between !important;
  }
  .align-content-xxxl-around {
    align-content: space-around !important;
  }
  .align-content-xxxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxxl-auto {
    align-self: auto !important;
  }
  .align-self-xxxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxxl-center {
    align-self: center !important;
  }
  .align-self-xxxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxxl-stretch {
    align-self: stretch !important;
  }
  .order-xxxl-first {
    order: -1 !important;
  }
  .order-xxxl-0 {
    order: 0 !important;
  }
  .order-xxxl-1 {
    order: 1 !important;
  }
  .order-xxxl-2 {
    order: 2 !important;
  }
  .order-xxxl-3 {
    order: 3 !important;
  }
  .order-xxxl-4 {
    order: 4 !important;
  }
  .order-xxxl-5 {
    order: 5 !important;
  }
  .order-xxxl-last {
    order: 6 !important;
  }
  .m-xxxl-0 {
    margin: 0 !important;
  }
  .m-xxxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxxl-3 {
    margin: 1rem !important;
  }
  .m-xxxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxxl-5 {
    margin: 3rem !important;
  }
  .m-xxxl-auto {
    margin: auto !important;
  }
  .mx-xxxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxxl-auto {
    margin-top: auto !important;
  }
  .me-xxxl-0 {
    margin-right: 0 !important;
  }
  .me-xxxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxxl-auto {
    margin-right: auto !important;
  }
  .mb-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxxl-auto {
    margin-left: auto !important;
  }
  .p-xxxl-0 {
    padding: 0 !important;
  }
  .p-xxxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxxl-3 {
    padding: 1rem !important;
  }
  .p-xxxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxxl-5 {
    padding: 3rem !important;
  }
  .px-xxxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxxl-0 {
    gap: 0 !important;
  }
  .gap-xxxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxxl-3 {
    gap: 1rem !important;
  }
  .gap-xxxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxxl-5 {
    gap: 3rem !important;
  }
  .text-xxxl-start {
    text-align: left !important;
  }
  .text-xxxl-end {
    text-align: right !important;
  }
  .text-xxxl-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;
  }
}
.lnk-all-blog {
  letter-spacing: 0.2em;
}

.nav-conta a, .order-lista-page .lista-pedidos li,
.order-info-page .lista-pedidos li, .pds-item, .faq-menu-sub-item span, .dtq-posts .tmb-blog .image, .dtq-posts .tmb-blog, .ctd-post-thumb, .post-thumb > a:before, .abs-blog a, .btn-reset-busca, .btn-busca {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.wrap-opt-alliance .hd-mdl, .pdt-rel .hd-mdl, .pdt-dica .hd-mdl, .ctn-atb-pdt .hd-mdl, .pdt-desc .hd-mdl, .fabricantes .hd-fabricantes, .viewed .hd-mdl, .promo .hd-mdl, .novidades .hd-mdl, .pdt-rel-cat .hd-mdl, .cf-wrap .hd-mdl, .destaques .hd-mdl, .hd-mdl {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrap-opt-alliance .hd-mdl h2, .pdt-rel .hd-mdl h2, .pdt-dica .hd-mdl h2, .ctn-atb-pdt .hd-mdl h2, .pdt-desc .hd-mdl h2, .fabricantes .hd-fabricantes h2, .viewed .hd-mdl h2, .promo .hd-mdl h2, .novidades .hd-mdl h2, .pdt-rel-cat .hd-mdl h2, .cf-wrap .hd-mdl h2, .destaques .hd-mdl h2, .hd-mdl h2, .fabricantes .hd-fabricantes .h2, .hd-mdl .h2, .wrap-opt-alliance .hd-mdl h3, .pdt-rel .hd-mdl h3, .pdt-dica .hd-mdl h3, .ctn-atb-pdt .hd-mdl h3, .pdt-desc .hd-mdl h3, .fabricantes .hd-fabricantes h3, .viewed .hd-mdl h3, .promo .hd-mdl h3, .novidades .hd-mdl h3, .pdt-rel-cat .hd-mdl h3, .cf-wrap .hd-mdl h3, .destaques .hd-mdl h3, .hd-mdl h3, .fabricantes .hd-fabricantes .h3, .hd-mdl .h3 {
  color: #495057;
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.8;
}
.fabricantes .hd-fabricantes a:hover h2, .hd-mdl a:hover h2, .fabricantes .hd-fabricantes a:hover .h2, .hd-mdl a:hover .h2 {
  color: #636466;
}

.duvidas-sidebox, .avl-sidebox, .frete-sidebox, .smart-checkout-sidebox, .user-sidebox, .call-sidebox, .cart {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  max-width: 500px;
  width: 90vw;
  min-width: 0;
  z-index: 1032;
  transform: translateX(100%);
  transition: all 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  visibility: hidden;
}
@media (min-width: 768px) {
  .duvidas-sidebox, .avl-sidebox, .frete-sidebox, .smart-checkout-sidebox, .user-sidebox, .call-sidebox, .cart {
    background-color: transparent;
    padding-left: 63px;
  }
  .duvidas-sidebox:before, .avl-sidebox:before, .frete-sidebox:before, .smart-checkout-sidebox:before, .user-sidebox:before, .call-sidebox:before, .cart:before {
    content: "";
    background: #fff;
    border-left: 3px solid #FF0000;
    height: 100vh;
    width: 200vw;
    transform: skew(-16deg);
    position: absolute;
    left: 77px;
    top: 0;
    transform-origin: top left;
    z-index: -1;
  }
}
.open-sidebox.duvidas-sidebox, .open-sidebox.avl-sidebox, .open-sidebox.frete-sidebox, .open-sidebox.smart-checkout-sidebox, .open-sidebox.user-sidebox, .open-sidebox.call-sidebox, .open-sidebox.cart {
  visibility: visible;
  transform: translateX(0);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

@media (max-width: 767.98px) {
  .dd-filter, .mdl-selos, .filtro-opcao, .mdl-fabricantes {
    font-size: 0.875rem;
    padding: 15px;
    border-bottom: 1px solid #dee2e6;
  }
  .dd-filter > span, .mdl-selos > span, .filtro-opcao > span, .mdl-fabricantes > span {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
  }
  .dd-filter ul, .mdl-selos ul, .filtro-opcao ul, .mdl-fabricantes ul {
    list-style: none;
    margin: 0;
  }
  .dd-filter ul li a, .mdl-selos ul li a, .filtro-opcao ul li a, .mdl-fabricantes ul li a {
    display: block;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .dd-filter, .mdl-selos, .filtro-opcao, .mdl-fabricantes {
    position: relative;
  }
  .dd-filter > span, .mdl-selos > span, .filtro-opcao > span, .mdl-fabricantes > span {
    background-color: #fff;
    border: 1px solid #CBCBCB;
    color: #636466;
    text-transform: uppercase;
    display: flex;
    gap: 8px;
    border-radius: 20px;
    align-items: center;
    justify-content: space-between;
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 700;
    height: 40px;
    padding: 0 15px;
    width: 100%;
  }
  .dd-filter > span::after, .mdl-selos > span::after, .filtro-opcao > span::after, .mdl-fabricantes > span::after {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.467%208%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.221%208%200%201.265%201.172%200l5.049%205.443L11.294%200l1.173%201.265Z%22%20fill%3D%22%23636466%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: 10px auto;
    background-repeat: no-repeat;
    content: "";
    height: 7px;
    width: 13px;
  }
  .dd-filter:hover > span, .mdl-selos:hover > span, .filtro-opcao:hover > span, .mdl-fabricantes:hover > span {
    border-radius: 20px 20px 0 0;
  }
  .dd-filter:hover > ul, .mdl-selos:hover > ul, .filtro-opcao:hover > ul, .mdl-fabricantes:hover > ul {
    display: block;
  }
  .dd-filter:hover:after, .mdl-selos:hover:after, .filtro-opcao:hover:after, .mdl-fabricantes:hover:after {
    background: #fff;
    height: 3px;
    content: "";
    width: calc(100% - 2px);
    position: absolute;
    bottom: 3px;
    left: 1px;
    z-index: 2;
  }
  .dd-filter > ul, .mdl-selos > ul, .filtro-opcao > ul, .mdl-fabricantes > ul {
    background-color: #fff;
    border: 1px solid #CBCBCB;
    border-radius: 0 0.5rem 0.5rem 0.5rem;
    list-style: none;
    padding: 10px 15px 15px 15px;
    position: absolute;
    top: calc(100% - 5px);
    margin: 0;
    left: 0;
    min-width: 230px;
    width: 100%;
    display: none;
    max-height: 510px;
    overflow-y: auto;
    z-index: 1;
  }
  .dd-filter > ul > li:not(:last-child), .mdl-selos > ul > li:not(:last-child), .filtro-opcao > ul > li:not(:last-child), .mdl-fabricantes > ul > li:not(:last-child) {
    margin-bottom: 8px;
  }
  .dd-filter > ul > li > a, .mdl-selos > ul > li > a, .filtro-opcao > ul > li > a, .mdl-fabricantes > ul > li > a {
    color: #343a40;
    display: flex;
    gap: 8px;
    font-size: 0.875rem;
    align-items: center;
    padding: 0;
  }
  .dd-filter > ul > li > a:hover, .mdl-selos > ul > li > a:hover, .filtro-opcao > ul > li > a:hover, .mdl-fabricantes > ul > li > a:hover {
    text-decoration: underline;
  }
  .dd-filter > ul > li.active > a, .mdl-selos > ul > li.active > a, .filtro-opcao > ul > li.active > a, .mdl-fabricantes > ul > li.active > a {
    color: #649B76;
    text-decoration: underline;
  }
  .dd-filter > ul > li.active > a::after, .mdl-selos > ul > li.active > a::after, .filtro-opcao > ul > li.active > a::after, .mdl-fabricantes > ul > li.active > a::after {
    background-color: #649B76;
    border-radius: 100%;
    margin-left: 5px;
    flex-shrink: 0;
    content: "";
    height: 6px;
    width: 6px;
  }
  .dd-filter > ul > li .image, .mdl-selos > ul > li .image, .filtro-opcao > ul > li .image, .mdl-fabricantes > ul > li .image {
    overflow: hidden;
    flex-shrink: 0;
  }
  .dd-filter > ul > li .image img, .mdl-selos > ul > li .image img, .filtro-opcao > ul > li .image img, .mdl-fabricantes > ul > li .image img {
    width: 100%;
    max-width: 24px;
    height: auto;
    display: block;
  }
}

/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  flex-shrink: 0;
}

.icon-xxl {
  font-size: 7.5rem;
}

.fc-icon {
  padding-left: 40px;
  background-position: center left 18px;
  background-repeat: no-repeat;
  background-size: 12px auto;
}

.fc-icon-user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18.46'%3E%3Cpath fill='%23636466' d='M17.77 18.46c-.68 0-1.23-.55-1.23-1.23a3.74 3.74 0 0 0-3.74-3.74H6.2c-2.06 0-3.74 1.68-3.74 3.74a1.23 1.23 0 1 1-2.46 0c0-3.42 2.78-6.2 6.2-6.2h6.6c3.42 0 6.2 2.78 6.2 6.2 0 .68-.55 1.23-1.23 1.23ZM9.5 9.97c-2.75 0-4.99-2.23-4.99-4.98S6.75 0 9.5 0s4.99 2.23 4.99 4.98c0 2.75-2.23 4.98-4.98 4.99Zm0-7.51c-1.39 0-2.52 1.13-2.52 2.52S8.11 7.5 9.5 7.5c1.39 0 2.52-1.13 2.52-2.52 0-1.39-1.13-2.52-2.52-2.52Z'/%3E%3C/svg%3E");
}

.fc-icon-password {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath fill='%23636466' d='M8 0C5.25 0 3 2.25 3 5v3c-1.85 0-3 1.52-3 2.83v6.33c0 1.56 1.27 2.83 2.83 2.83h10.33c1.56 0 2.83-1.27 2.83-2.83v-6.33c0-1.88-1.52-2.83-3-2.83V5c0-2.75-2.25-5-5-5Zm0 2c1.68 0 3 1.32 3 3v3H5V5c0-1.68 1.32-3 3-3Zm-5.17 8h10.33c.45-.01.82.34.83.79v6.38c.01.45-.34.82-.79.83H2.83a.807.807 0 0 1-.83-.79v-6.37c-.01-.45.34-.82.79-.83h.05Z'/%3E%3C/svg%3E");
}

.fc-icon-email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.61 14.68'%3E%3Cpath fill='%23636466' d='M15.38 0H3.24A3.203 3.203 0 0 0 0 3.16v8.35a3.197 3.197 0 0 0 3.24 3.16h12.14c1.77.02 3.22-1.4 3.24-3.16V3.16A3.216 3.216 0 0 0 15.38 0m1.54 11.84-4.59-3.97 4.63-4v7.64c0 .11-.01.22-.04.33M3.24 1.62h12.14c.42 0 .83.17 1.13.47l-5.85 5.06c-.77.7-1.94.7-2.71 0L2.07 2.13c.3-.32.72-.5 1.16-.5M1.68 11.76c-.01-.08-.02-.17-.02-.25V3.93l4.56 3.91-4.54 3.92Zm1.55 1.29c-.16 0-.31-.02-.46-.07l4.78-4.13c1.07.58 2.36.6 3.44.03L15.76 13c-.13.03-.25.05-.38.05H3.24Z'/%3E%3C/svg%3E");
}

* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: #fff;
  padding-top: 110px;
}

.global-container {
  margin-bottom: 1.5rem;
}

img {
  color: #636466;
  font-size: 10px;
}
img[src=""] {
  position: relative;
  width: 100%;
  height: auto;
}
img[src=""]:after {
  content: "";
  background: #f8f9fa;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

svg {
  fill: currentColor;
}

.color-svg {
  color: #dee2e6;
}

a {
  outline: none;
  text-decoration: none;
}
a:hover, a:focus {
  outline: none;
  text-decoration: none;
}

.alert a {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 700;
}
.alert a:hover {
  text-decoration: underline;
}

table {
  font-size: 1rem;
}

table th,
.table th {
  padding: 10px 0;
}

.alerta-topo {
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.alerta-topo .alert {
  border: none;
}
.alerta-topo .alert a {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: underline;
}

span.required {
  color: #dc3545;
}

.row-flex {
  display: flex;
}
.row-flex:before, .row-flex:after {
  display: none !important;
}

.container-sm {
  max-width: 1024px;
  margin: 0 auto;
}

.hd-pg {
  background-color: #F0F0F0;
  color: #000;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 1.5rem;
  padding: 40px 0;
  width: 100%;
}
.hd-pg > .container:not(.srch-sug) {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .hd-pg > .container:not(.srch-sug) {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.hd-pg h1, .hd-pg .h1 {
  color: inherit;
  font-size: 2rem;
  font-weight: 700;
  font-style: italic;
  margin: 0 1.5rem 0 0;
  padding: 0;
  text-transform: uppercase;
  order: 1;
}
.hd-pg .ctn-bc {
  order: 3;
}
.hd-pg .srch-sug {
  color: inherit;
}
.hd-pg .srch-sug p {
  margin: 0;
}
.hd-pg .srch-sug a {
  color: inherit;
  text-decoration: underline;
}
.hd-pg .ctn-bc {
  color: inherit;
}

.ctn-bc {
  color: inherit;
  display: flex;
  align-items: center;
  font-weight: normal;
  line-height: normal;
  position: relative;
  z-index: 2;
}
@media (max-width: 575.98px) {
  .ctn-bc {
    flex-wrap: wrap;
  }
}
.ctn-bc > span {
  font-size: 0.875rem;
  color: inherit;
  margin-right: 5px;
}

.breadcrumbs {
  font-size: 0.875rem;
  font-weight: normal;
  margin-bottom: 0;
  padding: 0;
}
.breadcrumbs li {
  display: inline-block;
  padding-right: 10px;
  color: inherit;
}
.breadcrumbs li:after {
  content: "❯";
  font-size: 0.625em;
  vertical-align: middle;
  margin-left: 10px;
}
.breadcrumbs li:last-child {
  background: none;
  margin-right: 0;
  padding-right: 0;
}
.breadcrumbs li:last-child:after {
  display: none;
}
.breadcrumbs li:last-child a {
  color: inherit;
}
.breadcrumbs li a {
  color: inherit;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  max-width: 90px;
  white-space: nowrap;
  text-transform: uppercase;
  font-style: italic;
}
.breadcrumbs li a:hover {
  text-decoration: underline;
}

.ft-breadcrumb {
  border-top: 1px solid #dee2e6;
  margin-bottom: -40px;
  margin-top: 3rem;
  padding: 15px 0;
}
.ft-breadcrumb .breadcrumbs {
  margin: 0;
}

.paginationContainer {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 40px;
}

.results {
  text-align: left;
  color: #636466;
  font-size: 0.875rem;
  font-weight: 300;
}

.pagination {
  overflow: hidden;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  margin-bottom: 10px;
  width: fit-content;
}
.pagination ul.links {
  display: flex;
  align-items: center;
  list-style: none;
}
.pagination ul.links li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  color: #adb5bd;
  text-align: center;
}
.pagination ul.links li a:hover,
.pagination ul.links li .active a {
  color: #FF0000;
  font-weight: 600;
}
.pagination > li > a,
.pagination > li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  color: #adb5bd;
  text-align: center;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #495057;
  font-weight: 600;
}
.pagination > li.active a,
.pagination > li.active span {
  color: #FF0000;
  font-weight: 600;
}

.selos-pdt {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  text-align: center;
  overflow: hidden;
  gap: 4px 0;
}

[class^=sl-],
[class*=sl-] {
  background: transparent;
  border-radius: 0.375rem;
  color: #343a40;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  height: auto;
  width: auto;
  padding: 3px 12px 3px 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
[class^=sl-] strong,
[class*=sl-] strong {
  font-weight: normal;
  position: relative;
  z-index: 2;
}
[class^=sl-]::before,
[class*=sl-]::before {
  background-color: #FF0000;
  content: "";
  height: 100%;
  width: calc(100% - 3px);
  position: absolute;
  bottom: 0;
  left: 0;
  transform-origin: left bottom;
  transform: skew(-16deg);
  z-index: 1;
}

.sl-leilao::before {
  background-color: #636466;
}

.sl-off {
  color: #fff;
}
.sl-off::before {
  background-color: #dc3545;
}
.sl-off strong {
  font-weight: 700;
}

.sl-frete {
  color: #fff;
}
.sl-frete::before {
  background-color: #649B76;
}
.sl-frete strong {
  font-weight: bold;
}

.sl-prgsv {
  color: #fff;
}
.sl-prgsv::before {
  background-color: #e89258;
}
.sl-prgsv strong {
  font-weight: bold;
}

@keyframes blinker {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sl-anim-frete {
  color: #fff;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}
.sl-anim-frete::before {
  background-color: #649B76;
}
.sl-anim-frete:after {
  content: attr(data-zone);
  padding: 0 5px;
  background-color: #209b20;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: blinker 4s linear infinite;
}

[class^=flag-],
[class*=flag-] {
  border: 1px solid white;
  color: #CBCBCB;
  display: inline-block;
  font-size: 0.688em;
  line-height: normal;
  margin: 5px 1px;
  position: relative;
  padding: 3px 10px;
  text-transform: uppercase;
  white-space: nowrap;
}

.flag-frete {
  border-color: #00a651;
  color: #00a651;
}

.flag-off {
  background: transparent;
  border-color: #649B76;
  color: #649B76;
}
.flag-off strong {
  font-weight: 300;
}

.content {
  overflow: hidden;
  width: 100%;
}

.text-not-found {
  text-align: center;
  color: #CBCBCB;
  margin-top: 30px;
  padding: 20px;
  font-size: 27px;
}
.text-not-found:before {
  content: ":(";
  display: block;
  font-size: 1.875em;
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1031;
  width: 100vw;
  height: 100vh;
  background-color: none;
  display: none;
  transition: all 0.6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
.backdrop.open-backdrop {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.sem-imagem {
  display: block;
  width: 100%;
  height: auto;
}

.btn-checkout {
  background-color: #5EA274;
  color: #fff;
}

.btn-checkout:hover {
  color: #fff;
  background-color: rgb(110.1633858268, 171.3366141732, 129.9547244094);
}

.btn-checkout:active,
.btn-checkout:focus {
  color: #fff;
  background-color: rgb(84.3956692913, 146.1043307087, 104.3602362205);
  outline: none;
}

.btn-fb {
  background: #3b5998;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.btn-fb .icon {
  font-size: 17px;
}

.btn-fb:hover {
  background: #4967a6;
  color: #fff;
}

.btn-fb:active,
.btn-fb:focus {
  background: #35528e;
  color: #fff;
}

.btn-remove {
  border: 1px solid #dee2e6;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 1000px;
  color: #dee2e6;
  display: inline-block;
  height: 24px;
  line-height: 20px;
  width: 24px;
  text-align: center;
}

.btn-remove:hover {
  border-color: #dc3545;
  color: #dc3545;
}

.icon-topo {
  background: none;
  border: none;
  -webkit-appearance: none;
  appearance: none;
}

.avl-star {
  display: flex;
  align-items: center;
  color: #CBCBCB;
  font-size: 12px;
  margin-bottom: 5px;
}
.avl-star svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.avl-star[data-stars="0"] {
  display: none;
}
.avl-star[data-stars="1"] svg:nth-child(1) {
  fill: #636466;
}
.avl-star[data-stars="2"] svg:nth-child(-n+2) {
  fill: #636466;
}
.avl-star[data-stars="3"] svg:nth-child(-n+3) {
  fill: #636466;
}
.avl-star[data-stars="4"] svg:nth-child(-n+4) {
  fill: #636466;
}
.avl-star[data-stars="5"] svg:nth-child(-n+5) {
  fill: #636466;
}

.modal-alert .btn-close {
  position: absolute;
  right: 0.75rem;
  top: 1rem;
  z-index: 1000;
}
.modal-alert .text-alert {
  color: #636466;
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  text-align: center;
}
.modal-alert .text-alert svg {
  margin-bottom: 0.75rem;
}
.modal-alert .text-alert-small {
  font-size: 1.125rem;
}
.modal-alert .text-alert-small a {
  color: #343a40;
  font-weight: normal;
  text-decoration: underline;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #649B76;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  /* margin: 10% auto; */
  float: left;
  box-shadow: inset 0px 0px 0px #649B76;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.container_heart {
  width: 56px;
  height: 56px;
  float: left;
}

.heart {
  display: block;
  fill: #df3c3c;
  animation: scale-heart 0.6s cubic-bezier(0.86, 0, 0.07, 1) forwards;
  transform-origin: center;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #649B76;
  }
}
@keyframes scale-heart {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.load-more button {
  color: #CBCBCB;
  font-size: 0.875em;
  font-weight: 300;
  padding: 13px 120px;
  border: 2px solid white;
  background: #fff;
}

.modal {
  z-index: 999999999;
}

.modal-content {
  border: none;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);
}

.modal-header {
  padding: 10px 15px;
  align-items: center;
}
.modal-header .modal-title {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
.modal-header .btn-close {
  border: 2px solid #000;
  border-radius: 100%;
  color: #000;
  font-family: -webkit-pictograph, monospace;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 30px;
  width: 30px;
  opacity: 1;
  margin: 0;
}

.sr-only {
  visibility: hidden;
  position: absolute;
  height: 0;
  width: 0;
}

.btn-outline-dark:hover {
  background-color: #FF0000 !important;
}

@media (min-width: 576px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .hidden-mobile {
    display: none !important;
  }
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.document .remove-btn:hover {
  color: #dc3545;
}
.document .download-btn:hover {
  color: #649B76;
}

.centavos {
  display: none !important;
}

.price {
  font-size: 1rem;
  font-style: italic;
}
.price > div {
  display: flex;
  flex-direction: column;
}
.price p {
  margin-bottom: 0;
}
.price .price-old {
  color: #636466;
  font-size: 85%;
  font-weight: 700;
  text-transform: uppercase;
}
.price .price-old > strong {
  text-decoration: line-through;
}
.price .price-desc {
  color: #212529;
  font-size: 142.5%;
  font-weight: bold;
  text-transform: uppercase;
  order: -1;
}
.price .price-desc strong {
  display: flex;
  align-items: start;
}
.price .price-desc .cifra {
  font-size: 70%;
  margin-top: 4px;
}
.price .price-desc .centavos {
  font-size: 70%;
  margin-top: 4px;
  display: none;
}
.price .price-desc > span {
  font-size: 70%;
}
.price .price-desc > span:last-of-type {
  font-size: 50% !important;
}
.price .price-desc.parcell > span {
  font-weight: normal;
}
.price strong {
  font-weight: inherit;
}
.price .price-x {
  color: #636466;
  font-size: 80%;
}
.price small, .price .small {
  color: #212529;
}

.pdt-price .price {
  font-size: 1.25rem;
}
.pdt-price .price .price-desc > span {
  font-size: 70%;
}
.pdt-price .price .price-desc strong {
  font-weight: bold;
}
.pdt-price .price .price-desc.parcell > span {
  font-weight: normal;
}
.pdt-price .price .price-desc .cifra {
  font-size: 70%;
}
.pdt-price .centavos {
  display: none;
}

.price-cash {
  display: flex;
}

.price-cash-sec {
  display: flex;
}
.price-cash-sec .price-old {
  margin-right: 5px;
}
.price-cash-sec .price-desc {
  font-size: 90%;
  font-weight: 700;
  color: #636466;
}
.price-cash-sec .price-desc .cifra {
  font-size: inherit;
}

.price-details {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 5px;
}
.price-details > span {
  background: #dee2e6;
  border-radius: 100%;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
}
.price-details > div {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-radius: 0.375rem 0.375rem 0.375rem 0;
  color: #495057;
  display: none;
  font-size: 0.75rem;
  padding: 10px;
  position: absolute;
  left: 20px;
  bottom: 15px;
  width: fit-content;
}
.price-details:hover > div {
  display: block;
}

.qtd-desc {
  font-size: 0.875rem;
  color: #495057;
}
.qtd-desc br {
  display: none;
}
.qtd-desc strong {
  color: #649B76;
  font-weight: 700;
}

.formas-pagamento {
  display: flex;
}
@media (max-width: 575.98px) {
  .formas-pagamento {
    flex-direction: column;
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .formas-pagamento {
    align-items: center;
  }
}
.formas-pagamento h5, .formas-pagamento .h5 {
  margin-right: 10px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
}
.formas-pagamento h5 .icon, .formas-pagamento .h5 .icon {
  margin-right: 8px;
  font-size: 1.25rem;
}
@media (max-width: 575.98px) {
  .formas-pagamento h5, .formas-pagamento .h5 {
    margin: 0 0 10px 0;
  }
}

.block-paymeth h6, .block-paymeth .h6 {
  color: #636466;
  display: none;
  font-size: 0.875rem;
  line-height: normal;
}
.block-paymeth ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  margin: 0;
  padding: 0;
}
.block-paymeth ul li {
  height: fit-content;
}

.i-paymeth {
  display: block;
}
.i-paymeth svg {
  font-size: 42px;
  display: inline-block;
  width: 1em;
  height: 0.6071em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

[class^=transfer-] svg,
[class*=transfer-] svg {
  width: 0.6071em;
}

.cvv-container {
  display: flex;
  align-items: center;
}
.cvv-container input {
  flex-grow: 1;
}

.icon-cvv {
  height: 45px;
  width: 67px;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

.captcha {
  height: 50px !important;
  border: 1px solid #dee2e6;
  max-width: 100%;
}

.has-danger {
  color: #dc3545;
}
.has-danger > label,
.has-danger small,
.has-danger .small {
  color: #dc3545;
}
.has-danger .form-control {
  border-color: #dc3545;
}

.error {
  color: #dc3545;
}

.btns {
  text-align: right;
}

.alert ul {
  padding-left: 0.75rem;
}

.form-group {
  margin-bottom: 0.5rem;
}

.form-separator {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.form-separator span {
  color: #636466;
  font-size: 1rem;
  font-weight: normal;
  margin: 0 0.75rem;
  text-transform: uppercase;
}
.form-separator:after, .form-separator:before {
  border-top: 1px solid #CBCBCB;
  content: "";
  flex-grow: 1;
  height: 0;
}

.bts-connect {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bts-connect > a {
  flex-grow: 1;
}
.bts-connect > a:first-child {
  margin-right: 0.75rem;
}
.bts-connect > a .icon {
  vertical-align: middle;
  margin-top: -3px;
}
@media (max-width: 767.98px) {
  .bts-connect {
    flex-direction: column;
  }
  .bts-connect a {
    width: 100%;
  }
  .bts-connect a:first-child {
    margin-right: 0;
    margin-bottom: 0.75rem;
  }
}

.form-custom-textarea {
  border-radius: 20px;
}

.spin-number {
  display: flex;
  align-items: center;
  position: relative;
}
.spin-number input[type=number] {
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
  appearance: none;
}
.spin-number input[type=number]::-webkit-outer-spin-button, .spin-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.spin-number button {
  color: #636466;
  position: absolute;
  font-family: monospace;
  font-size: 1.125rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  height: 100%;
  width: 40px;
  left: 0;
  top: 0;
}
.spin-number button:nth-of-type(2) {
  left: auto;
  right: 0;
}
.spin-number button:hover {
  color: #FF0000;
}

.float-label-field {
  position: relative;
  margin-bottom: 15px;
}
.float-label-field > label {
  background: #fff;
  padding: 0 3px;
  position: absolute;
  top: -12px;
  left: 20px;
  white-space: nowrap;
}

.error[data-type=validator-error] {
  font-size: 0.875rem;
}

.form-control.lighter {
  font-weight: 400 !important;
}
.form-control.error {
  border-color: #dc3545;
}

.multifilter {
  height: unset !important;
  width: max-content !important;
}
.multifilter .input-group {
  min-width: max-content;
}
.multifilter .form-select {
  border-radius: 50rem 0 0 50rem;
  padding: 0.75rem 2.375rem 0.75rem 1.125rem;
  max-width: 110px;
  border: none !important;
}
.multifilter input[type=text],
.multifilter input[type=date] {
  border: none !important;
}
.multifilter .input-filter-enter {
  border-radius: 0;
}
.multifilter .form-check-input[type=checkbox] {
  border-radius: 0.25em !important;
}

.ctn-rs {
  grid-area: social;
}

.ctn-logo {
  grid-area: logo;
}

.ctn-busca {
  grid-area: busca;
}

.wrap-menu {
  grid-area: menu;
}

.ctn-call-area {
  grid-area: contato;
}

.user-area {
  grid-area: usuario;
}

.ctn-cart {
  grid-area: carrinho;
}

.logo-svg {
  display: block;
  width: 100%;
}
.logo-svg svg {
  fill: #000;
}

.hd {
  background: #fff;
  color: #000;
}
.hd a {
  color: #000;
}
.hd a:hover {
  color: #333333;
}

@media (max-width: 767.98px) {
  .ctn-logo .logo {
    max-width: 210px;
  }
}
@media (max-width: 1199.98px) {
  .hd {
    z-index: 1030;
    top: 0;
    position: absolute;
    width: 100%;
  }
  .hd.hd-to-float {
    position: fixed;
  }
  .hd-floating .ctn-busca {
    max-height: 0;
    margin-bottom: 0;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .hd-floating .ctn-busca .busca {
    opacity: 0;
    touch-action: none;
    pointer-events: none;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .hd-floating .hd-main:after {
    display: none;
  }
  .hd-floating.floating-module {
    transition: transform 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transform: translateY(-25px);
  }
  .hd-main-ctn {
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    grid-template-rows: 50px 1fr;
    grid-template-areas: "menu logo carrinho" "busca busca busca";
  }
  .ctn-menu {
    height: 100%;
  }
  .ctn-call-area,
  .user-area {
    display: none !important;
  }
  .ctn-logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ctn-logo .logo {
    display: flex;
    height: 100%;
    max-width: 200px;
  }
  .ctn-logo .logo img {
    object-fit: contain;
    width: 100%;
  }
  .ctn-busca {
    display: flex;
    align-items: center;
    height: 60px;
    max-height: 60px;
    transition: all 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  }
  .ctn-busca .busca {
    opacity: 1;
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  }
  .ctn-cart {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .logo-svg {
    max-width: 90px;
  }
}
@media (min-width: 1200px) {
  .hd-main {
    box-shadow: 0 5px 20px rgba(48, 33, 33, 0.15);
    border-bottom: 1px solid #CBCBCB;
    position: relative;
  }
  .hd-main-ctn {
    display: grid;
    grid-template-columns: 235px 1fr 300px 42px 42px 42px;
    grid-template-rows: 110px;
    grid-template-areas: "logo menu busca contato usuario carrinho";
    gap: 15px;
  }
  .ctn-cart {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .ctn-logo {
    display: flex;
    align-items: center;
    position: relative;
  }
  .ctn-logo .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .ctn-logo .logo img {
    image-rendering: -webkit-optimize-contrast;
    object-fit: contain;
    height: auto;
    max-width: 100%;
    width: 100%;
  }
  .ctn-busca {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
  }
  .ctn-call-area {
    justify-content: flex-end;
  }
}
@media (min-width: 1600px) {
  .hd-main-ctn {
    grid-template-columns: 266px 1fr 414px 60px 60px 60px;
    gap: 30px;
  }
}
.link-header:hover a {
  color: #FF0000 !important;
  text-decoration: underline;
}

.hd-side-box {
  border-bottom: 1px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
@media (min-width: 768px) {
  .hd-side-box {
    padding-left: 55px;
  }
}
.hd-side-box h4, .hd-side-box .h4 {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
.hd-side-box h4 .icon, .hd-side-box .h4 .icon {
  margin-right: 10px;
  font-size: 1.1rem;
}
.hd-side-box button {
  background: transparent;
  border-radius: 100%;
  border: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
}
.hd-side-box button .icon {
  font-size: 6px !important;
  stroke-width: 3px;
}

.ctn-side-box {
  padding: 20px;
  overflow-y: auto;
}
@media (min-width: 1200px) {
  .ctn-side-box {
    padding: 20px 55px;
  }
}

@media (min-width: 1200px) {
  .hd {
    width: 100%;
    position: absolute;
    z-index: 1030;
    top: 0;
    left: 0;
  }
  .hd.hd-to-float {
    position: fixed;
  }
  .hd.floating-module {
    transition: transform 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  }
  .hd .hd-main-ctn,
  .hd .mn-l1-item > a {
    transition: all 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .hd-floating {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .hd-floating .hd-main:after {
    display: none;
  }
  .hd-floating.floating-module {
    transform: translateY(-25px);
  }
  .hd-floating .hd-main-ctn {
    display: grid;
    grid-template-rows: 70px;
  }
  .hd-floating .mn-l1-item > a {
    height: 70px;
  }
  .hd-floating .hd-main-ctn,
  .hd-floating .mn-l1-item > a {
    transition: all 0.2s cubic-bezier(0.32, 0, 0.67, 0);
  }
}
.hd-inf {
  margin-bottom: 40px;
}
@media (min-width: 1400px) {
  .hd-inf {
    margin-bottom: 60px;
  }
}
.hd-inf .vantagens {
  margin-top: 0;
}

@media (max-width: 1199.98px) {
  .ctn-mn-l5, .ctn-mn-l4, .ctn-mn-l3, .ctn-mn-l2, .ctn-main-menu {
    transform: translateX(-100%);
    transition: transform 0.2s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  }
  .ctn-mn-l5.opn-l5, .ctn-mn-l4.opn-l4, .ctn-mn-l3.opn-l3, .ctn-mn-l2.opn-l2, .ctn-main-menu.opn-l1 {
    box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.2);
    transform: translateX(0);
    transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .btn-menu {
    background: transparent;
    color: #000;
    border: none;
    height: 100%;
    appearance: none;
  }
  .btn-menu .icon {
    font-size: 14px;
  }
  .ctn-menu .container {
    margin: initial;
    padding: initial;
    max-width: initial;
    width: initial;
  }
  .ctn-main-menu {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1030;
  }
  .ctn-main-menu .img-fluid {
    display: none !important;
  }
  .main-menu {
    background: #fff;
    height: 100vh;
    width: 80vw;
    max-width: 300px;
  }
  .main-menu ul {
    font-size: 0.875rem;
    font-weight: 600;
    font-style: italic;
    list-style: none;
    overflow-y: auto;
    max-height: 100vh;
    margin: 0;
    padding: 0;
  }
  .main-menu a {
    color: #000;
  }
  .btn-close-menu {
    border: none;
    background: #fff;
    border-radius: 100%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 48px;
    z-index: 1031;
    outline: none;
  }
  .btn-close-menu:focus {
    outline: none;
  }
  .btn-close-menu span {
    border: 2px solid #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
  }
  .btn-close-menu span .icon {
    font-size: 5px;
  }
  .l2-back > span,
  .l3-back > span,
  .l4-back > span,
  .l5-back > span {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    text-transform: uppercase;
  }
  .l2-back > span:before,
  .l3-back > span:before,
  .l4-back > span:before,
  .l5-back > span:before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12%209H9V7a1%201%200%200%200-.62-.92%201%201%200%200%200-1.09.21l-3%203a1%201%200%200%200%200%201.42l3%203A1%201%200%200%200%208%2014a.84.84%200%200%200%20.38-.08A1%201%200%200%200%209%2013v-2h3a6%206%200%200%201%206%206%201%201%200%200%200%202%200%208%208%200%200%200-8-8Z%22%2F%3E%3C%2Fsvg%3E");
    content: "";
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center;
    margin-right: 8px;
    height: 15px;
    width: 20px;
  }
  li[data-submenu-l1=true] > a,
  li[data-submenu-l2=true] > a,
  li[data-submenu-l3=true] > a,
  li[data-submenu-l4=true] > a {
    pointer-events: none;
  }
  li[data-submenu-l1=true] > a .icon-menu,
  li[data-submenu-l2=true] > a .icon-menu,
  li[data-submenu-l3=true] > a .icon-menu,
  li[data-submenu-l4=true] > a .icon-menu {
    display: none;
  }
  li[data-submenu-l1=true] > a:after,
  li[data-submenu-l2=true] > a:after,
  li[data-submenu-l3=true] > a:after,
  li[data-submenu-l4=true] > a:after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M12%2025a1%201%200%200%201-.71-.29%201%201%200%200%201%200-1.42l7.3-7.29-7.3-7.29a1%201%200%201%201%201.42-1.42l8%208a1%201%200%200%201%200%201.42l-8%208A1%201%200%200%201%2012%2025Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
    height: 16px;
    width: 8px;
  }
  li[data-submenu-l1=true] > span,
  li[data-submenu-l2=true] > span,
  li[data-submenu-l3=true] > span,
  li[data-submenu-l4=true] > span {
    display: block;
    height: 50px;
    top: 0;
    position: absolute;
    width: 100%;
  }
  .mn-user-area {
    display: block;
  }
  .mn-user-area a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: start;
    padding: 0 15px;
    text-transform: uppercase;
    gap: 8px;
  }
  .mn-user-area .icon {
    width: 16px;
    height: 16px;
  }
  .mn-l1-item {
    position: relative;
  }
  .mn-l1-item > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: space-between;
    padding: 0 15px;
    text-transform: uppercase;
  }
  .mn-l1-item > span {
    display: none;
  }
  .ctn-mn-l2 {
    background: #fff;
    visibility: hidden;
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    width: calc(80vw - 8px);
    z-index: 1031;
  }
  .ctn-mn-l2.opn-l2 {
    visibility: visible;
  }
  .ctn-mn-l2 .img-menu {
    display: none;
  }
  .mn-l2-item {
    position: relative;
  }
  .mn-l2-item > a {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 15px;
    text-transform: uppercase;
    gap: 8px;
  }
  .ctn-mn-l3 {
    background: #fff;
    visibility: hidden;
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    width: calc(80vw - 8px);
    z-index: 1031;
  }
  .ctn-mn-l3.opn-l3 {
    visibility: visible;
  }
  .mn-l3-item {
    position: relative;
  }
  .mn-l3-item > a {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 15px;
  }
  .ctn-mn-l4 {
    background: #fff;
    visibility: hidden;
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    width: calc(80vw - 16px);
    z-index: 1032;
  }
  .ctn-mn-l4.opn-l4 {
    visibility: visible;
  }
  .mn-l4-item {
    position: relative;
  }
  .mn-l4-item > a {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 15px;
  }
  .ctn-mn-l5 {
    background: #fff;
    visibility: hidden;
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    width: calc(80vw - 24px);
    z-index: 1033;
  }
  .ctn-mn-l5.opn-l5 {
    visibility: visible;
  }
  .mn-l5-item {
    position: relative;
  }
  .mn-l5-item > a {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 15px;
  }
}
@media (min-width: 1200px) {
  .btn-menu,
  .btn-close-menu {
    display: none;
  }
  .ctn-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
  }
  .ctn-menu a[href=""],
  .ctn-menu a[href="#"],
  .ctn-menu a[role=presentation] {
    pointer-events: none;
  }
  .ctn-menu a[href=""]:hover,
  .ctn-menu a[href="#"]:hover,
  .ctn-menu a[role=presentation]:hover {
    all: unset;
  }
  .ctn-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ctn-menu li > span {
    display: none;
  }
  .ctn-menu li[data-submenu-l1=true] > a:after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.467%208%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M6.221%208%200%201.265%201.172%200l5.049%205.443L11.294%200l1.173%201.265Z%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    flex-shrink: 0;
    width: 12px;
    height: 8px;
  }
  .ctn-menu li[data-submenu-l1=true]:hover > a::after {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.467%208%22%3E%3Cpath%20fill%3D%22%23FF0000%22%20d%3D%22M6.221%208%200%201.265%201.172%200l5.049%205.443L11.294%200l1.173%201.265Z%22%2F%3E%3C%2Fsvg%3E");
  }
  .ctn-menu .container {
    display: flex;
    justify-content: space-between;
  }
  .mn-user-area {
    display: none;
  }
  .mn-l1 {
    display: flex;
    align-items: center;
  }
  .mn-l1-item > a {
    align-items: center;
    justify-content: center;
    color: #000;
    display: flex;
    gap: 8px;
    font-size: 1rem;
    font-weight: bold;
    font-style: italic;
    height: 110px;
    padding: 0 15px;
    position: relative;
    min-width: 100px;
  }
  .mn-l1-item > a::before {
    content: "";
    border-right: 1px solid #dee2e6;
    height: 100%;
    transform: skewX(-16deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .mn-l1-item:hover > a {
    color: #FF0000;
  }
  .mn-l1-item:hover > a::before {
    border-right-color: #FF0000;
  }
  .mn-l1-item.mn-ddwn:hover .ctn-mn-l2 {
    display: block;
  }
  .mn-l1-item.mn-ddwn .ctn-mn-l2 {
    display: none;
    box-shadow: 0 25px 25px rgba(0, 0, 0, 0.2);
    background: #fff;
    left: 0;
    width: 100%;
    transform: translateY(1px);
    padding: 0;
    position: absolute;
    top: 98%;
    border-top: 1px solid #CBCBCB;
  }
  .mn-l1-item.mn-ddwn .ctn-mn-l2 .img-menu {
    flex-shrink: 0;
  }
  .mn-l1-item.mn-ddwn .mn-l2 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 100px;
    padding: 15px 0;
    margin: 0 auto !important;
    width: 100%;
  }
  .mn-l1-item.mn-ddwn .mn-manufacturer {
    justify-content: center;
  }
  .mn-l1-item.mn-ddwn .mn-manufacturer .mn-l2-item {
    margin: 0 15px 15px 0;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item {
    position: relative;
    padding: 30px 0;
    flex-grow: 1;
    max-width: 33%;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item:not(:last-of-type):after {
    background: #dee2e6;
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    right: -70px;
    top: 0;
    transform: skewX(-16deg);
    transform-origin: top right;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item > a {
    color: #343a40;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item > a:hover {
    color: #343a40;
    text-decoration: underline;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item > a[data-manufacturer-image=true] {
    display: flex;
    font-size: 13px;
    font-weight: normal;
    flex-direction: column;
    align-items: center;
    text-transform: none;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item > a[data-manufacturer-image=true] img {
    border: 1px solid #dee2e6;
    margin-bottom: 8px;
    max-width: 60px;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item > a[data-manufacturer-image=true]:hover img {
    border-color: #000;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item > a[data-manufacturer-image=false] {
    border: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    width: 120px;
    height: 120px;
    text-transform: none;
  }
  .mn-l1-item.mn-ddwn .l2-back {
    display: none;
  }
  .mn-l1-item.mn-ddwn .mn-l3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    column-gap: 40px;
  }
  .mn-l1-item.mn-ddwn .mn-l3-item > a {
    color: #636466;
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    margin-bottom: 8px;
  }
  .mn-l1-item.mn-ddwn .mn-l3-item > a:hover {
    text-decoration: underline;
  }
  .mn-l1-item.mn-ddwn .l3-back {
    display: none;
  }
  .mn-l1-item.mn-ddwn .ctn-mn-l5 {
    margin-left: 10px;
  }
  .mn-l1-item.mn-ddwn .mn-l5-item > a {
    color: #636466;
    font-size: 0.875rem;
  }
  .mn-l1-item.mn-ddwn .mn-l5-item > a:hover {
    text-decoration: underline;
  }
  .mn-l1-item.mn-ddwn .mn-type-featured_list {
    border-right: 1px solid #F0F0F0;
    padding-right: 1.5rem;
  }
  .ctn-mn-img .mn-l2-item > a > span {
    display: block;
    font-weight: 700;
  }
  .mn-l1-item.mn-tabbled:hover .ctn-mn-l2 {
    display: block !important;
  }
  .mn-l1-item.mn-tabbled .ctn-mn-l2 {
    display: none;
    box-shadow: 0 25px 25px rgba(0, 0, 0, 0.2);
    background: #fff;
    left: 0;
    top: 100%;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    min-height: 445px;
    z-index: 1;
  }
  .mn-l1-item.mn-tabbled .ctn-mn-l2 .img-menu {
    flex-shrink: 0;
  }
  .mn-l1-item.mn-tabbled .mn-l2 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: auto;
    gap: 30px;
    width: 100%;
    position: relative;
  }
  .mn-l1-item.mn-tabbled .mn-l2-item > a {
    border: 2px solid transparent;
    border-radius: 0.375rem;
    color: #636466;
    display: block;
    padding: 8px;
    text-align: center;
  }
  .mn-l1-item.mn-tabbled .mn-l2-item > a span {
    display: block;
    margin-top: 10px;
    font-weight: 600;
    font-size: 0.875rem;
  }
  .mn-l1-item.mn-tabbled .mn-l2-item:hover > a {
    border-color: #FF0000;
  }
  .mn-l1-item.mn-tabbled .mn-l2-item:hover .ctn-mn-l3 {
    display: block !important;
  }
  .mn-l1-item.mn-tabbled .mn-l2-item:not(:nth-child(2)) .ctn-mn-l3 {
    display: none;
    z-index: 3;
  }
  .mn-l1-item.mn-tabbled .ctn-mn-l3 {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 30px 0;
    width: 100%;
    height: 250px;
  }
  .mn-l1-item.mn-tabbled .mn-l3 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: auto;
    gap: 30px;
    width: 100%;
  }
  .mn-l1-item.mn-tabbled .mn-l3-item {
    margin-bottom: 8px;
  }
  .mn-l1-item.mn-tabbled .mn-l3-item > a {
    color: #636466;
    font-weight: 600;
  }
  .mn-l1-item.mn-tabbled .mn-l3-item > a:hover {
    text-decoration: underline;
  }
  .mn-l1-item.mn-tabbled .mn-l4-item > a {
    color: #495057;
    font-size: 0.875rem;
  }
  .mn-l1-item.mn-tabbled .mn-l4-item > a:hover {
    text-decoration: underline;
  }
  .mn-l1-item.mn-tabbled .ctn-mn-l5 {
    margin-left: 10px;
  }
  .mn-l1-item.mn-tabbled .mn-l5-item > a {
    color: #636466;
    font-size: 0.875rem;
  }
  .mn-l1-item.mn-tabbled .mn-l5-item > a:hover {
    text-decoration: underline;
  }
  .mn-l1-item.mn-tabbled .l2-back,
  .mn-l1-item.mn-tabbled .l3-back,
  .mn-l1-item.mn-tabbled .l4-back,
  .mn-l1-item.mn-tabbled .l5-back {
    display: none !important;
  }
  .mn-l1-item.mn-tabbled .mn-type-featured_image {
    grid-column: last-col/span 1;
  }
  .mn-l1-item.mn-tabbled .mn-type-featured_image > a span {
    display: none;
  }
  .mn-l1-item.mn-v-tabbled:hover .ctn-mn-l2 {
    display: block !important;
  }
  .mn-l1-item.mn-v-tabbled .mn-spacer {
    position: relative;
  }
  .mn-l1-item.mn-v-tabbled .ctn-mn-l2 {
    display: none;
    box-shadow: 0 25px 25px rgba(0, 0, 0, 0.2);
    background: #fff;
    left: 0;
    top: 100%;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    min-height: 385px;
    z-index: 1;
  }
  .mn-l1-item.mn-v-tabbled .ctn-mn-l2 .img-menu {
    flex-shrink: 0;
  }
  .mn-l1-item.mn-v-tabbled .mn-l2 {
    width: 235px;
  }
  .mn-l1-item.mn-v-tabbled .mn-l2-item {
    border-bottom: 1px solid #ddd;
  }
  .mn-l1-item.mn-v-tabbled .mn-l2-item > a {
    color: #636466;
    display: block;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: bold;
  }
  .mn-l1-item.mn-v-tabbled .mn-l2-item > a span {
    display: block;
  }
  .mn-l1-item.mn-v-tabbled .mn-l2-item > a > img {
    display: none !important;
  }
  .mn-l1-item.mn-v-tabbled .mn-l2-item:hover > a {
    background: #F0F0F0;
  }
  .mn-l1-item.mn-v-tabbled .mn-l2-item:hover .ctn-mn-l3 {
    display: block !important;
  }
  .mn-l1-item.mn-v-tabbled .mn-l2-item:not(:nth-child(2)) .ctn-mn-l3 {
    display: none;
    z-index: 3;
  }
  .mn-l1-item.mn-v-tabbled .ctn-mn-l3 {
    background: #fff;
    border-left: 1px solid #F0F0F0;
    position: absolute;
    top: 0;
    left: 250px;
    padding: 0 30px;
    width: calc(100% - 250px);
    height: 365px;
  }
  .mn-l1-item.mn-v-tabbled .mn-l3 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: auto;
    gap: 30px;
    width: 100%;
  }
  .mn-l1-item.mn-v-tabbled .mn-l3-item > a {
    color: #636466;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .mn-l1-item.mn-v-tabbled .mn-l4-item > a {
    color: #495057;
  }
  .mn-l1-item.mn-v-tabbled .ctn-mn-l5 {
    margin-left: 10px;
  }
  .mn-l1-item.mn-v-tabbled .mn-l5-item > a {
    color: #636466;
    font-size: 0.875rem;
  }
  .mn-l1-item.mn-v-tabbled .mn-l5-item > a:hover {
    text-decoration: underline;
  }
  .mn-l1-item.mn-v-tabbled .l2-back,
  .mn-l1-item.mn-v-tabbled .l3-back,
  .mn-l1-item.mn-v-tabbled .l4-back {
    display: none !important;
  }
  .mn-l1-item.mn-v-tabbled .mn-type-featured_image {
    grid-column: last-col/span 1;
  }
  .mn-l1-item.mn-v-tabbled .mn-type-featured_image > a span {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mn-l1-item > a {
    padding: 0 15px;
  }
}
@media (max-width: 1599.98px) {
  .mn-l1-item.mn-ddwn .mn-l2-item {
    max-width: 45%;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item:only-child {
    max-width: 70%;
  }
}
@media (max-width: 767.98px) {
  .mn-l1-item.mn-ddwn .mn-l2-item {
    max-width: 100%;
  }
  .mn-l1-item.mn-ddwn .mn-l2-item:only-child {
    max-width: 100%;
  }
}
.busca {
  background: #fff;
  border: 1px solid #636466;
  border-radius: 50rem;
  margin: 0;
  position: relative;
  flex-grow: 1;
}
@media (min-width: 1200px) {
  .busca {
    max-width: 860px;
  }
}
.busca input[type=text] {
  background: transparent;
  border: none;
  border-radius: 50rem 0px 0px 50rem;
  display: inline-block;
  font-weight: normal;
  height: 40px;
  padding: 0 5px;
  width: 100%;
  font-size: 1rem;
  color: #000;
  outline: none;
  flex-grow: 1;
  transition: all 0.1s ease-in-out;
}
.busca input[type=text]::placeholder {
  color: #636466;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
}
.busca.busca-ativa {
  background-color: #fff;
  border-color: #000;
  border-radius: 20px 20px 0 0;
}
.busca.busca-ativa input[type=text],
.busca.busca-ativa input[type=text]:focus {
  color: #343a40;
  outline: none;
}
.busca.busca-ativa input[type=text]::placeholder,
.busca.busca-ativa input[type=text]:focus::placeholder {
  color: #343a40;
}
.busca.busca-ativa .btn-busca,
.busca.busca-ativa .btn-busca:focus {
  color: #FF0000;
  outline: none;
}

.form-busca {
  border-radius: 0.375rem;
  height: 40px;
  display: flex;
  flex-direction: row-reverse;
  padding: 0;
  position: relative;
  z-index: 2;
}

.btn-busca {
  background: transparent;
  border: none;
  color: #000;
  cursor: pointer;
  display: flex;
  line-height: 40px;
  margin-left: 8px;
  align-items: center;
  justify-content: center;
  width: 40px;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.btn-busca .icon {
  font-size: 14px;
}
.btn-busca:hover {
  color: rgb(12.75, 12.75, 12.75);
}
.btn-busca > * {
  position: relative;
  z-index: 2;
}

.btn-reset-busca {
  background: transparent;
  border: none;
  color: #FF0000;
  cursor: pointer;
  display: flex;
  line-height: 40px;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  width: 40px;
  vertical-align: middle;
  text-align: center;
  position: relative;
  order: -1;
  visibility: hidden;
  outline: none;
}
.btn-reset-busca .icon {
  font-size: 12px;
}
.btn-reset-busca:hover {
  color: #636466;
}
.btn-reset-busca > * {
  position: relative;
  z-index: 2;
}
.btn-reset-busca.btn-reset-busca-show {
  visibility: visible;
}

.ctn-result-busca:not(:empty) {
  box-shadow: 0 50px 50px rgba(0, 0, 0, 0.6);
  border-radius: 0 0 20px 20px;
  background-color: #fff;
  border: 1px solid #000;
  border-top: none;
  position: absolute;
  width: calc(100% + 2px);
  left: -1px;
  top: 100%;
  padding: 20px 15px 0 15px;
  z-index: 1000;
}
.ctn-result-busca:not(:empty):before {
  background: #dee2e6;
  content: "";
  height: 1px;
  width: calc(100% - 30px);
  position: absolute;
  left: 15px;
  top: 0;
}
.ctn-result-busca:not(:empty) > p:not(.search-empty) {
  color: #343a40;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.search-empty {
  color: #636466;
  font-size: 0.875rem;
}
.search-empty span {
  color: #343a40;
  font-weight: 600;
}

.search-term-suggestion {
  list-style: none;
  color: #636466;
  font-size: 0.875rem;
  margin: 0;
}
.search-term-suggestion > li {
  width: 100%;
  padding: 5px 0;
}
.search-term-suggestion a {
  color: #343a40;
  font-weight: 600;
}

.search-btn-results {
  border: 1px solid #000;
  border-radius: 15px;
  margin-bottom: 20px;
  color: #FF0000;
  display: flex;
  align-items: center;
  font-weight: 600;
  height: 30px;
  justify-content: center;
  font-size: 0.75rem;
  padding: 0 15px;
  text-transform: uppercase;
  width: 100%;
}
.search-btn-results:hover {
  background-color: #FF0000;
  color: #fff;
}

.search-results {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.search-results > li {
  width: 100%;
  padding: 5px 0;
}
.search-results > li a {
  color: #636466;
  display: flex;
  font-weight: normal;
  align-items: center;
}
.search-results > li a.selected, .search-results > li a:hover {
  color: #000;
  text-decoration: underline;
}
.search-results > li a img {
  border: 1px solid #dee2e6;
  margin: 0 15px 0 0;
}
.search-results > li a p {
  margin: 0;
}
.search-results > li a .el-highlight {
  color: #343a40;
  font-weight: 600;
}
.search-results > li .num-top-search {
  margin-right: 15px;
}

.cart-topo {
  display: flex;
  align-items: center;
  position: relative;
}
.cart-topo .qtd-car {
  border-radius: 100%;
  display: inline;
  align-items: center;
  margin-left: 5px;
  justify-content: center;
  font-size: 0;
}
.cart-topo .qtd-car .numero-carrinho {
  border-radius: 100%;
  font-size: 0;
  color: transparent;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
  background-color: #FF0000;
  position: absolute;
  top: 0;
  right: 0;
}
.cart-topo .qtd-car .numero-carrinho[data-cart-quantity="0"] {
  display: none;
}
@media (min-width: 992px) {
  .cart-topo .qtd-car .numero-carrinho {
    font-size: 18px;
  }
}

.cart > div {
  height: 100vh;
}
.cart .scroll-cart {
  overflow-y: auto;
  scroll-behavior: smooth;
}

.ctd-car {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 20px;
}
@media (min-width: 768px) {
  .ctd-car {
    padding-left: 70px;
  }
}

.ctn-car-vzo {
  display: flex;
  align-items: center;
  height: 100%;
}
.ctn-car-vzo svg {
  max-width: 155px;
}
.ctn-car-vzo p {
  font-weight: bold;
  text-transform: uppercase;
}
.ctn-car-vzo p span {
  display: inline-block;
}

.rsm-cart-top {
  flex-grow: 1;
}
.rsm-cart-top ul {
  list-style: none;
  padding: 0;
}
.rsm-cart-top ul li {
  display: flex;
  margin-bottom: 10px;
}

.rsm-car-img {
  max-width: 90px;
  width: 33%;
  margin-right: 15px;
  flex-shrink: 0;
}
.rsm-car-img img {
  border: 1px solid #dee2e6;
  width: 100%;
  height: auto;
}

.rsm-car-info {
  font-size: 0.875rem;
  margin-right: 10px;
  flex-grow: 1;
}
.rsm-car-info > span {
  color: #495057;
  display: block;
}

.rsm-car-del {
  appearance: none;
  background: transparent;
  border: none;
  display: flex;
  font-size: 14px;
  justify-content: center;
}
.rsm-car-del:hover {
  color: #dc3545;
}

.rsm-car-total {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  margin-bottom: 20px;
}
.rsm-car-total > div {
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
}
.rsm-car-total > div strong {
  font-weight: inherit;
}
.rsm-car-total > div:last-of-type {
  font-size: 1rem;
  font-weight: 700;
}

.rsm-car-btn {
  background: #fff;
  display: flex;
  flex-direction: column;
  position: sticky;
  bottom: 0;
}

.ctn-call-area {
  display: flex;
  align-items: center;
  position: relative;
}

.call-sidebox > div {
  padding: 20px;
  padding-left: 70px;
}
.call-sidebox > div h5, .call-sidebox > div .h5 {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.call-sidebox > div span {
  font-size: 0.875rem;
  font-weight: 300;
}
.call-sidebox ul {
  font-size: 1rem;
  list-style: disc;
  padding-left: 23px;
}
.call-sidebox ul li + li {
  margin-top: 8px;
}
.call-sidebox a {
  text-decoration: underline;
}
.call-sidebox .btn-whatsapp {
  background-color: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-decoration: none;
}
.call-sidebox .btn-whatsapp:hover {
  background-color: #31e372;
}

.call-phones {
  font-size: 1rem;
}
.call-phones h5, .call-phones .h5 {
  text-transform: uppercase !important;
  font-style: italic;
}
.call-phones a {
  color: #636466;
  font-size: 0.875rem;
}

.user-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
@media (max-width: 767.98px) {
  .user-area {
    display: none;
  }
}
.user-area > a {
  text-transform: uppercase;
  font-weight: 600;
}

.user-sidebox > div {
  position: relative;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.user-sidebox p {
  font-size: 0.875rem;
}
.user-sidebox .form-group label {
  color: #636466;
  font-size: 0.875rem;
}
.user-sidebox .form-group label .required {
  color: #dc3545 !important;
}
.user-sidebox .text-center {
  text-align: left !important;
}

.div-text {
  color: #adb5bd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}
.div-text:after, .div-text:before {
  background: #adb5bd;
  content: "";
  height: 1px;
  width: 100%;
  flex-grow: 1;
  max-width: 40%;
}

.account-top .login-tooltip,
.account-top .sair {
  display: none;
}
.account-top .pts-saldo {
  margin: 10px 0 0 0;
  color: #FF0000;
}
.account-top .links-account {
  display: flex;
  flex-direction: column;
}
.account-top .links-account a {
  margin-bottom: 10px;
  text-decoration: underline;
}
.account-top .links-account a:hover {
  color: #636466;
}

.account-sidebox-info {
  display: flex;
  font-size: 1.125rem !important;
  font-weight: 700;
  font-style: italic;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.account-sidebox-info::before {
  content: "";
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2044.33%22%3E%3Cpath%20d%3D%22M25%201%201.72%2012.64h46.56L25%201zM11.24%2015.8h27.52v28.53H11.24z%22%20fill%3D%22%23ff0000%22%2F%3E%3Cpath%20d%3D%22M1.72%2013.64c.15%200%20.3-.03.45-.11L25%202.12l22.83%2011.42c.49.25%201.09.05%201.34-.45a.993.993%200%200%200-.45-1.34L25.45.11a.995.995%200%200%200-.89%200L1.27%2011.75c-.49.25-.69.85-.45%201.34.18.35.53.55.9.55Z%22%2F%3E%3Cpath%20d%3D%22M49%2042.33h-3V14.17c0-.55-.45-1-1-1s-1%20.45-1%201v28.17h-4.24V16.82H41c.55%200%201-.45%201-1s-.45-1-1-1H9c-.55%200-1%20.45-1%201s.45%201%201%201h1.24v25.52H6V14.17c0-.55-.45-1-1-1s-1%20.45-1%201v28.17H1c-.55%200-1%20.45-1%201s.45%201%201%201h11.99c.55%200%201-.45%201-1s-.45-1-1-1h-.76V16.82h25.52v25.56c-.43.11-.76.48-.76.95%200%20.55.45%201%201%201h11c.55%200%201-.45%201-1s-.45-1-1-1Z%22%2F%3E%3Cpath%20d%3D%22M35.58%2035.86c.55%200%201-.45%201-1s-.45-1-1-1h-1.12v-7.47c0-.55-.45-1-1-1h-9.52c-.55%200-1%20.45-1%201v7.93H18c-.55%200-1%20.45-1%201v8c0%20.55.45%201%201%201h11s.08-.02.12-.02c.04%200%20.08.02.12.02h6.35c.55%200%201-.45%201-1s-.45-1-1-1h-5.35v-6.47h5.35ZM28%2042.33h-9v-6h9v6Zm1.23-8.47c-.35%200-.65.19-.82.47h-3.47V27.4h7.52v6.47h-3.23Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 48px;
  width: 48px;
}
.account-sidebox-balance {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 16px 24px;
  margin: 20px 0;
}
.account-sidebox-balance .text-balance {
  color: #636466 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  font-style: italic !important;
  margin: 0 !important;
}
.account-sidebox-balance .text-balance > span {
  display: block;
}
.account-sidebox-balance .text-balance span {
  color: #649B76 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  font-style: italic !important;
  text-transform: uppercase !important;
}
.account-sidebox-links {
  list-style: disc;
  padding-left: 23px;
}
.account-sidebox-links li + li {
  margin-top: 8px;
}
.account-sidebox-links a {
  text-decoration: underline !important;
}
.account-sidebox-lojas {
  margin: 40px 0 20px 0;
}
.account-sidebox-lojas h6, .account-sidebox-lojas .h6 {
  font-size: 1.125rem;
  font-weight: 700;
  font-style: italic;
  color: #dc3545 !important;
  margin-bottom: 15px;
}

.ctn-bn-uni {
  position: relative;
}

.mb-banner {
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .mb-banner {
    margin-bottom: 1.5rem;
  }
}

.ctn-img-bn {
  background-size: cover !important;
  text-align: center;
  width: 100%;
}

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

.btn-bn-prev,
.btn-bn-next,
.arr-car-prev,
.arr-car-next {
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 10px auto;
  border-radius: 0.375rem;
  cursor: pointer;
  font-size: 1em;
  height: 35px;
  top: calc(50% - 17px);
  outline: none;
  text-align: center;
  position: absolute;
  width: 35px;
  z-index: 2;
}
@media (max-width: 575.98px) {
  .btn-bn-prev,
  .btn-bn-next,
  .arr-car-prev,
  .arr-car-next {
    display: none;
  }
}

.btn-bn-prev {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.357%2017.699%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%208.867%209.562%2017.7l1.8-1.665-7.733-7.168%207.727-7.2L9.562%200Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  left: 1.5rem;
}
.btn-bn-prev:hover {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.357%2017.699%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%208.867%209.562%2017.7l1.8-1.665-7.733-7.168%207.727-7.2L9.562%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
}

.arr-car-prev {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.357%2017.699%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%208.867%209.562%2017.7l1.8-1.665-7.733-7.168%207.727-7.2L9.562%200Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  left: 1.5rem;
}
.arr-car-prev:hover {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.357%2017.699%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%208.867%209.562%2017.7l1.8-1.665-7.733-7.168%207.727-7.2L9.562%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
}

.btn-bn-next {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.357%2017.699%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.357%208.867%201.8%2017.7%200%2016.034l7.727-7.167L0%201.665%201.8%200Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  right: 1.5rem;
}
.btn-bn-next:hover {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.357%2017.699%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.357%208.867%201.8%2017.7%200%2016.034l7.727-7.167L0%201.665%201.8%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
}

.arr-car-next {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.357%2017.699%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.357%208.867%201.8%2017.7%200%2016.034l7.727-7.167L0%201.665%201.8%200Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  right: 1.5rem;
}
.arr-car-next:hover {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.357%2017.699%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.357%208.867%201.8%2017.7%200%2016.034l7.727-7.167L0%201.665%201.8%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
}

.arr-car-prev {
  left: 0;
}

.arr-car-next {
  right: 0;
}

.swiper-pagination {
  display: flex;
  justify-content: center;
  padding: 0;
  text-align: center;
  position: absolute;
  margin: 0;
  bottom: 15px;
  width: 100%;
}

.swiper-pagination-bullet {
  background-color: #CBCBCB;
  border-radius: 2px;
  height: 4px;
  width: 20px;
  margin: 0 3px;
  opacity: 1;
}

.swiper-button-disabled {
  opacity: 0.3;
}

.swiper-pagination-bullet-active {
  background: #000;
  width: 20px;
}

.aln-bn {
  display: table;
  margin: 0 auto;
}

.aln-bn > div {
  float: left;
}

.geralBanner {
  display: block;
}

.mobileBanner {
  display: none;
}

@media (max-width: 575.98px) {
  .bn-duplo-01 {
    margin-bottom: 1.5rem;
  }
}

.ctn-bn-comp .swiper-slide {
  background-color: inherit !important;
}
.ctn-bn-comp .swiper-slide:hover picture {
  opacity: 0.8 !important;
}
.ctn-bn-comp .swiper-slide:hover .btn {
  background-color: #FF0000;
  color: #fff;
}

.destaques {
  margin: 40px 0;
  position: relative;
}
@media (min-width: 1400px) {
  .destaques {
    margin: 100px 0;
  }
}
.destaques .swiper {
  padding-bottom: 20px;
  width: 100%;
}
.destaques .swiper-slide {
  height: auto;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .destaques .swiper-slide {
    width: 410px;
  }
}
.destaques .swiper-slide .pdt-sm {
  height: 100%;
  margin-bottom: 0;
}
.destaques .swiper-pagination {
  bottom: 0;
}
.desc-mdl {
  text-align: center;
  color: #636466;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.dtq-side-title {
  background-color: #FF0000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  padding: 1.5rem;
  height: 100%;
}
@media (max-width: 575.98px) {
  .dtq-side-title {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
  }
}
.dtq-side-title h2, .dtq-side-title .h2 {
  border-bottom: 4px solid #fff;
  font-weight: 600;
  line-height: 1.8rem;
  margin-top: auto;
  text-transform: uppercase;
  padding-bottom: 10px;
  word-spacing: 100vw;
}
@media (max-width: 575.98px) {
  .dtq-side-title h2, .dtq-side-title .h2 {
    font-size: 1.625rem;
  }
}
.dtq-side-title a {
  margin-top: auto;
}
@media (max-width: 575.98px) {
  .dtq-side-title a {
    display: inline;
    font-size: 0.75rem;
    margin: 0 0 0 15px;
  }
}

.dtq-img {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 15px));
  grid-template-rows: auto 1fr;
  gap: 15px;
  grid-template-areas: "img hdr" "pdt pdt";
}
@media (min-width: 992px) {
  .dtq-img {
    grid-template-areas: "img hdr" "pdt pdt";
  }
}
@media (min-width: 1200px) {
  .dtq-img {
    grid-template-rows: auto 1fr;
    gap: 15px 30px;
    grid-template-areas: "img hdr" "img pdt";
  }
}
.dtq-img .img {
  clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
  grid-area: img;
}
.dtq-img .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1600px) {
  .dtq-img .img img {
    max-height: 750px;
  }
}
.dtq-img .hdr {
  grid-area: hdr;
}
@media (max-width: 1199.98px) {
  .dtq-img .hdr {
    display: flex;
    align-items: center;
  }
}
.dtq-img .hdr h2, .dtq-img .hdr .h2 {
  font-size: 1.25rem;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .dtq-img .hdr h2, .dtq-img .hdr .h2 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .dtq-img .hdr h2, .dtq-img .hdr .h2 {
    font-size: 1.5rem;
    margin-top: 50px;
  }
}
.dtq-img .pdt {
  grid-area: pdt;
  position: relative;
  display: flex;
  align-items: center;
}

.dtq-img-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 300px 15px 30px 15px;
}
@media (min-width: 768px) {
  .dtq-img-bg {
    padding: 500px 40px 60px 40px;
  }
}
@media (min-width: 992px) {
  .dtq-img-bg .pdt-sm {
    max-width: 410px;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .dtq-img-bg {
    padding: 60px 70px;
  }
}
@media (min-width: 1400px) {
  .dtq-img-bg {
    padding: 120px 100px;
  }
}
.dtq-img-bg h2, .dtq-img-bg .h2 {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .dtq-img-bg h2, .dtq-img-bg .h2 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .dtq-img-bg h2, .dtq-img-bg .h2 {
    font-size: 4.375rem;
  }
}

.cf-wrap {
  margin: 40px 0;
}
@media (min-width: 1400px) {
  .cf-wrap {
    margin: 100px 0;
  }
}
.cf-wrap .cf-list a {
  display: block;
  color: #636466;
  text-align: center;
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .cf-wrap .cf-list a {
    margin-bottom: 0;
  }
}
.cf-wrap .cf-list a img {
  margin-bottom: 15px;
  height: 120px;
  width: 120px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .cf-wrap .cf-list a img {
    height: 250px;
    width: 250px;
  }
}
.cf-wrap .swiper-catlist {
  padding-bottom: 30px;
  align-items: stretch;
}
.cf-wrap .swiper-catlist .swiper-slide {
  height: auto;
}
@media (max-width: 1399.98px) {
  .cf-wrap .swiper-catlist .swiper-slide {
    height: 90%;
  }
}
.cf-wrap .swiper-catlist a {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  padding-bottom: 0;
  border: 1px solid #dee2e6;
  height: 100%;
}
@media (min-width: 1400px) {
  .cf-wrap .swiper-catlist a {
    padding: 1rem;
    padding-bottom: 0;
  }
}
.cf-wrap .swiper-catlist a:hover {
  border-color: #FF0000;
}
.cf-wrap .swiper-catlist img {
  display: block;
  width: auto;
  aspect-ratio: 59/34;
  object-fit: contain;
  margin: auto auto 0 auto;
}
.cf-wrap .swiper-catlist p {
  color: #000;
  font-size: 0.875rem;
  font-weight: 700;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}
.cf-wrap .swiper-catlist::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  display: block;
  content: "";
  height: 100%;
  width: 80px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.cf-wrap .swiper-pagination {
  bottom: 0;
}

/* !CATEGORIAS RELACIONADAS*/
.cat-rel-list {
  display: table;
  list-style: none;
  width: 100%;
  margin: 40px 0;
}

.cat-rel-itm {
  float: left;
  width: 50%;
}

.cat-rel-itm a {
  color: #343a40;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cat-rel-itm a:hover {
  opacity: 0.8;
}

.cat-rel-itm .cat-rel-tmb {
  max-width: 100px;
}

.cat-rel-itm .cat-rel-info {
  padding: 20px;
}

.cat-rel-itm .cat-rel-info h4, .cat-rel-itm .cat-rel-info .h4 {
  font-size: 24px;
  font-weight: 100;
}

.cat-rel-itm:nth-child(2) a {
  border-left: 1px solid #F0F0F0;
}

@media (min-width: 992px) {
  .pdt-rel-cat .swiper-container {
    padding: 20px;
  }
}
.pdt-rel-cat .swiper-slide {
  height: auto;
}
.pdt-rel-cat .swiper-slide .pdt-sm {
  height: 100%;
  margin-bottom: 0;
}
.novidades {
  margin: 40px 0;
}
@media (min-width: 768px) {
  .novidades {
    margin: 100px 0;
  }
}
@media (min-width: 992px) {
  .novidades .swiper {
    padding: 15px 0;
  }
}
.novidades .swiper-slide {
  height: auto;
}
.novidades .swiper-slide .pdt-sm {
  height: 100%;
  margin-bottom: 0;
}
.promo {
  margin: 40px 0;
  position: relative;
}
@media (min-width: 768px) {
  .promo {
    margin: 100px 0;
  }
}
@media (min-width: 992px) {
  .promo .swiper {
    padding: 15px 0;
  }
}
.promo .swiper-slide {
  height: auto;
}
.promo .swiper-slide .pdt-sm {
  height: 100%;
  margin-bottom: 0;
}
.viewed {
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  .viewed .swiper {
    padding: 15px;
  }
}
.viewed .swiper-slide {
  height: auto;
}
.viewed .swiper-slide .pdt-sm {
  height: 100%;
  margin-bottom: 0;
}
.etq-pdt {
  position: absolute;
  z-index: 1;
  transform-origin: center center;
}
@media (max-width: 767.98px) {
  .etq-pdt {
    display: none !important;
  }
}
.etq-pdt img:hover::after {
  background-color: #FF0000;
  content: attr(title);
  position: absolute;
}
.etq-pdt.etq-1x9 {
  top: 15px;
  left: 15px;
}
.etq-pdt.etq-1x9 + .etq-1x9 {
  transform: translateY(calc(100% + 10px));
}
.etq-pdt.etq-1x9 + .etq-1x9 + .etq-1x9 {
  transform: translateY(calc(200% + 20px));
}
.etq-pdt.etq-1x9 + .etq-1x9 + .etq-1x9 + .etq-1x9 {
  transform: translateY(calc(300% + 30px));
}
.etq-pdt.etq-1x9 + .etq-1x9 + .etq-1x9 + .etq-1x9 + .etq-1x9 {
  transform: translateY(calc(400% + 40px));
}
.etq-pdt.etq-2x9 {
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.etq-pdt.etq-3x9 {
  top: 15px;
  right: 15px;
}
.etq-pdt.etq-3x9 + .etq-3x9 {
  transform: translateY(calc(100% + 10px));
}
.etq-pdt.etq-3x9 + .etq-3x9 + .etq-3x9 {
  transform: translateY(calc(200% + 20px));
}
.etq-pdt.etq-3x9 + .etq-3x9 + .etq-3x9 + .etq-3x9 {
  transform: translateY(calc(300% + 30px));
}
.etq-pdt.etq-3x9 + .etq-3x9 + .etq-3x9 + .etq-3x9 + .etq-3x9 {
  transform: translateY(calc(400% + 40px));
}
.etq-pdt.etq-4x9 {
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
.etq-pdt.etq-5x9 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.etq-pdt.etq-6x9 {
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.etq-pdt.etq-7x9 {
  left: 15px;
  bottom: 15px;
}
.etq-pdt.etq-8x9 {
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.etq-pdt.etq-9x9 {
  bottom: 15px;
  right: 15px;
}

.pdt-sm .etq-pdt.etq-1x9 {
  top: 10px;
  left: 10px;
}
.pdt-sm .etq-pdt.etq-1x9 + .etq-1x9 {
  transform: translateY(70%);
}
.pdt-sm .etq-pdt.etq-1x9 + .etq-1x9 + .etq-1x9 {
  transform: translateY(140%);
}
.pdt-sm .etq-pdt.etq-1x9 + .etq-1x9 + .etq-1x9 + .etq-1x9 {
  transform: translateY(210%);
}
.pdt-sm .etq-pdt.etq-1x9 + .etq-1x9 + .etq-1x9 + .etq-1x9 + .etq-1x9 {
  transform: translateY(280%);
}
.pdt-sm .etq-pdt.etq-2x9 {
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.pdt-sm .etq-pdt.etq-3x9 {
  top: 10px;
  right: 10px;
}
.pdt-sm .etq-pdt.etq-4x9 {
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.pdt-sm .etq-pdt.etq-5x9 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.pdt-sm .etq-pdt.etq-6x9 {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.pdt-sm .etq-pdt.etq-7x9 {
  left: 10px;
  bottom: 10px;
}
.pdt-sm .etq-pdt.etq-8x9 {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.pdt-sm .etq-pdt.etq-9x9 {
  bottom: 10px;
  right: 10px;
}

.fabricantes {
  margin: 100px 0;
  position: relative;
  width: 100%;
}
.fabricantes .swiper-wrapper {
  margin: 0;
}
.fabricantes .swiper {
  position: relative;
}
.fabricantes .swiper::after {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 );
  content: "";
  height: 100%;
  width: 150px;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
}
.fabricantes .arr-car-prev,
.fabricantes .arr-car-next {
  z-index: 2;
}
.fabricantes .swiper-pagination {
  bottom: -15px !important;
}
.fabricantes ul {
  list-style: none;
}
.fabricantes .swiper-slide {
  height: auto;
  position: relative;
}
.fabricantes .swiper-slide > a {
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 120px;
  width: 100%;
}
.fabricantes .swiper-slide > a > span {
  display: block;
  font-style: italic;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.fabricantes .swiper-slide > a:hover {
  border-color: #FF0000;
}
.fabricantes .swiper-slide > a > img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.fabricantes .swiper-slide > a > img.swiper-lazy-loaded {
  visibility: visible;
}

.gender {
  background: #343a40;
  border: 2px solid #343a40;
  border-radius: 0.375rem;
  height: 43px;
  display: flex;
  width: 180px;
  margin: 0 15px 0 0;
}
@media (min-width: 576px) {
  .gender {
    margin: 0 15px;
    width: 230px;
  }
}
@media (min-width: 992px) {
  .gender {
    margin: 0 1.5rem;
  }
}
.gender > label {
  width: 50%;
  margin: 0;
}
.gender > label > span {
  border-radius: 0.375rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875em;
  font-weight: 100;
  height: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gender > label > span:hover {
  background: #343a40;
}
.gender > label + label > span {
  border-left: none;
}
.gender > label input[type=radio] {
  display: none;
}
.gender > label input[type=radio]:checked + span {
  background: #495057;
}

.news-home {
  background-color: #F0F0F0;
  background-position: center center;
  background-size: cover;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 0;
  height: 100%;
}
@media (max-width: 575.98px) {
  .news-home .img-fluid {
    max-width: 200px;
    margin: 0 auto 20px auto;
  }
}
@media (min-width: 576px) {
  .news-home {
    margin: 60px 0 0 0;
  }
}
.news-home .hd-news {
  color: #adb5bd;
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .news-home .hd-news {
    margin-bottom: 15px;
  }
}
.news-home .hd-news > div {
  font-size: 2.5rem;
  margin-right: 1.5rem;
}
@media (max-width: 575.98px) {
  .news-home .hd-news > div {
    font-size: 2rem;
    margin-right: 15px;
  }
}
.news-home .hd-news h2, .news-home .hd-news .h2 {
  display: none;
}
.news-home .hd-news p {
  margin: 0;
  font-size: 0.875rem;
  color: #343a40;
}
.news-home .hd-news .icon {
  color: #343a40;
}
.news-home p:empty {
  margin-bottom: 0;
}
.news-home .ctn-form-news {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  .news-home .ctn-form-news {
    flex-wrap: wrap;
  }
}
.news-home .ctn-form-news .ctn-ipt-news {
  flex-grow: 1;
  margin-right: 1.5rem;
}
@media (max-width: 575.98px) {
  .news-home .ctn-form-news .ctn-ipt-news {
    margin: 0 0 15px 0;
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .news-home .ctn-form-news .ctn-bt-news {
    width: 100%;
  }
}
.news-home .frm-news {
  width: 100%;
}

.alt-news > span {
  display: block;
}

.ctn-cert {
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .ctn-cert {
    display: none;
  }
}
.ctn-cert h5, .ctn-cert .h5 {
  margin-right: 10px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 700;
}
.ctn-cert h5 .icon, .ctn-cert .h5 .icon {
  margin-right: 8px;
  font-size: 1.25rem;
}

.itm-cert {
  display: inline-block;
  margin: 0 10px 10px 0;
  vertical-align: middle;
}

.seal-cert {
  box-sizing: content-box;
  overflow: hidden;
  border-radius: 2px;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 67px;
  width: 50px;
}
.seal-cert:hover {
  border-color: theme-color(success);
}
.seal-cert img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.list-parcelation {
  list-style: none;
}
.list-parcelation > li {
  border-bottom: 1px solid #dee2e6;
  padding: 15px 0;
}
.list-parcelation > li:last-child {
  border: none;
}
.list-parcelation .i-paymeth {
  display: inline-block;
  vertical-align: middle;
}
.list-parcelation ul {
  list-style: none;
}
.list-parcelation .ctn-bandeiras {
  margin-bottom: 10px;
}
.list-parcelation .bancos {
  display: flex;
  flex-wrap: wrap;
}
.list-parcelation .bancos li {
  margin-right: 5px;
}

.num-parcel {
  list-style: none;
  margin: 15px 0;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

@media (max-width: 767.98px) {
  .filtro-categoria {
    font-size: 0.875rem;
    padding: 15px;
    border-bottom: 1px solid #dee2e6;
  }
  .filtro-categoria > span {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
  }
  .filtro-categoria > ul {
    list-style: none;
    margin: 0;
  }
  .filtro-categoria > ul > li {
    margin-bottom: 10px;
  }
  .filtro-categoria > ul > li > a {
    display: block;
    margin-bottom: 10px;
  }
  .filtro-categoria > ul > li ul {
    list-style: none;
    padding-left: 10px;
  }
  .filtro-categoria > ul > li ul a {
    display: block;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .filtro-categoria {
    position: relative;
    width: 150px;
  }
  .filtro-categoria > span {
    background-color: transparent;
    border: 1px solid #CBCBCB;
    color: #636466;
    text-transform: uppercase;
    display: flex;
    gap: 8px;
    border-radius: 20px;
    align-items: center;
    justify-content: space-between;
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 700;
    height: 40px;
    padding: 0 15px;
    width: 100%;
  }
  .filtro-categoria > span::after {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.467%208%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.221%208%200%201.265%201.172%200l5.049%205.443L11.294%200l1.173%201.265Z%22%20fill%3D%22%23636466%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: 10px auto;
    background-repeat: no-repeat;
    content: "";
    height: 7px;
    width: 13px;
  }
  .filtro-categoria a:hover {
    text-decoration: underline;
  }
  .filtro-categoria:hover > span {
    border-radius: 20px 20px 0 0;
  }
  .filtro-categoria:hover > ul {
    display: block;
  }
  .filtro-categoria:hover:after {
    background: #fff;
    height: 3px;
    content: "";
    width: calc(100% - 2px);
    position: absolute;
    bottom: 3px;
    left: 1px;
    z-index: 2;
  }
  .filtro-categoria > ul {
    background-color: #fff;
    border: 1px solid #CBCBCB;
    border-radius: 0 0.5rem 0.5rem 0.5rem;
    list-style: none;
    padding: 10px 15px 15px 15px;
    position: absolute;
    top: calc(100% - 5px);
    margin: 0;
    left: 0;
    width: 100%;
    display: none;
    min-width: 230px;
    max-height: 500px;
    scroll-behavior: smooth;
    overflow-y: auto;
    z-index: 1;
  }
  .filtro-categoria > ul > li {
    margin-bottom: 5px;
  }
  .filtro-categoria > ul > li > a {
    color: #343a40;
    display: flex;
    font-size: 0.875rem;
    font-weight: 600;
    align-items: center;
    padding: 0;
  }
  .filtro-categoria > ul > li.active > a {
    color: #FF0000;
  }
  .filtro-categoria > ul > li.active > a::after {
    background-color: #FF0000;
    border-radius: 100%;
    margin-left: 5px;
    flex-shrink: 0;
    content: "";
    height: 6px;
    width: 6px;
  }
  .filtro-categoria > ul > li > ul {
    margin: 5px 0 5px 15px;
    padding: 0;
    list-style: none;
  }
  .filtro-categoria .filtro-categoria-subitem {
    margin-bottom: 5px;
  }
  .filtro-categoria .filtro-categoria-subitem > a {
    display: flex;
    font-size: 0.875rem;
    align-items: center;
    color: #495057;
    padding: 0;
  }
  .filtro-categoria .filtro-categoria-subitem > a.filtro-categoria-active::after {
    background-color: theme-color(success);
    border-radius: 100%;
    margin-left: 5px;
    flex-shrink: 0;
    content: "";
    height: 6px;
    width: 6px;
  }
  .filtro-categoria .filtro-categoria-subitem > ul {
    margin: 5px 0 5px 15px;
    list-style: none;
  }
  .filtro-categoria .filtro-categoria-subitem > ul > .filtro-categoria-nivel-3:not(:last-child) {
    margin-bottom: 3px;
  }
  .filtro-categoria .filtro-categoria-subitem > ul > .filtro-categoria-nivel-3 > a {
    display: flex;
    font-size: 0.875rem;
    align-items: center;
    color: #636466;
  }
  .filtro-categoria .filtro-categoria-subitem > ul > .filtro-categoria-nivel-3 > a.filtro-categoria-active::after {
    background-color: theme-color(success);
    border-radius: 100%;
    margin-left: 5px;
    flex-shrink: 0;
    content: "";
    height: 6px;
    width: 6px;
  }
  .filtro-categoria .filtro-categoria-subitem > ul > .filtro-categoria-nivel-3 > ul {
    margin: 0 0 5px 0;
    list-style: none;
  }
}

.flt-sel {
  border-bottom: 1px solid #dee2e6;
  display: flex;
  flex-direction: column;
  padding: 15px;
}
@media (min-width: 992px) {
  .flt-sel {
    border: none;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 10px;
  }
}
.flt-sel h6, .flt-sel .h6 {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .flt-sel h6, .flt-sel .h6 {
    font-size: 0.75rem;
    font-weight: 400;
    margin: 0;
    min-width: 140px;
  }
}
.flt-sel ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.flt-sel ul > li {
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .flt-sel ul > li {
    margin-bottom: 0;
  }
}
.flt-sel ul > li:not(:last-child) {
  margin-right: 8px;
}
.flt-sel ul a {
  background: #fff;
  color: #343a40;
  border: 1px solid #343a40;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  height: 26px;
  padding: 0 2px 0 10px;
}
.flt-sel .ico-rmv-flt {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 12.83l-2.83-2.83-11.17 11.17-11.17-11.17-2.83 2.83 11.17 11.17-11.17 11.17 2.83 2.83 11.17-11.17 11.17 11.17 2.83-2.83-11.17-11.17z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  border: none;
  border-radius: 100%;
  font-size: 0;
  color: transparent;
  font-weight: 100;
  line-height: 17px;
  margin-left: 5px;
  flex-shrink: 0;
  height: 20px;
  width: 20px;
  text-align: center;
}

.filtro-opcao.flt-cor ul {
  margin: 0;
  display: flex;
}

.review {
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  padding-top: 0;
  text-align: center;
}
@media (max-width: 575.98px) {
  .review {
    padding: 20px 0;
  }
}
.review p {
  max-width: 750px;
  margin: 0 auto 1.5rem auto;
  letter-spacing: 0.08rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.review > strong {
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
}
.review > div strong {
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
}
.review small, .review .small {
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 15px;
  text-transform: uppercase;
}

.reviews {
  margin-bottom: 80px;
}
@media (max-width: 575.98px) {
  .reviews {
    margin-bottom: 1.5rem;
  }
}
.reviews .ctn-reviews {
  background: url(../img/bg-avaliacoes.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 3rem 10px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .reviews .ctn-reviews {
    margin: -0.75rem;
    padding: 1.5rem 10px;
  }
}
.reviews h3, .reviews .h3 {
  align-items: center;
  color: #000;
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
@media (max-width: 575.98px) {
  .reviews h3, .reviews .h3 {
    font-size: 1.25rem;
  }
}
.reviews .separador {
  background: rgba(255, 255, 255, 0.4);
  height: 1px;
  max-width: 800px;
  margin: 3rem auto;
}
@media (max-width: 575.98px) {
  .reviews .separador {
    margin: 0.75rem auto;
  }
}
.reviews .swiper-slide {
  opacity: 0 !important;
}
.reviews .swiper-slide-active {
  opacity: 1 !important;
}

.tt-review {
  color: #000;
  font-size: 1.375rem;
  font-weight: normal;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  text-align: center;
}

.reviews-list {
  list-style: none;
  margin-bottom: 40px;
  padding: 0;
}
.reviews-list li {
  border-bottom: 1px solid #eee;
  display: flex;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .reviews-list li {
    flex-direction: column;
  }
}
.reviews-list .review {
  color: #343a40;
  width: 25%;
  min-width: 25%;
  text-align: left;
  padding: 0 30px 0 0;
  align-items: flex-start;
}
.reviews-list .review > div {
  display: flex;
  align-items: center;
}
.reviews-list .review > div strong {
  width: 70px;
}
.reviews-list .review > strong {
  color: #343a40;
  font-weight: normal;
}
.reviews-list .starrr {
  color: #000;
  display: flex;
  align-items: center;
}
.reviews-list .starrr .icon {
  font-size: 10px;
}
.reviews-list .review-comment {
  line-height: 1.8;
  padding: 0 30px;
}
@media (max-width: 767px) {
  .reviews-list .review-comment {
    padding: 0;
  }
}

.ctn-star {
  color: #000;
  display: flex;
}
.ctn-star > div {
  min-width: 110px;
}
@media (max-width: 575.98px) {
  .ctn-star > div {
    min-width: 90px;
  }
}

.icone-star {
  color: #dc3545;
}

.avl-prev,
.avl-next {
  background-color: rgba(0, 0, 0, 0.2);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 40px;
  cursor: pointer;
  font-size: 1.5em;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 40px;
  z-index: 10;
}
@media (max-width: 575.98px) {
  .avl-prev,
  .avl-next {
    display: none;
    background-color: transparent;
  }
}

.avl-prev {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><path d='M0.155524399,32.1376 C-0.0446246915,32.3278497 -0.0526497227,32.6443304 0.13759999,32.8444795 C0.327849702,33.0446286 0.644330462,33.0526536 0.844479552,32.8624039 L17.8444795,16.7032242 C18.0532648,16.5047655 18.0516095,16.171393 17.8408637,15.9750173 L0.840863752,0.134197013 C0.638835267,-0.0540557478 0.322449804,-0.0428883166 0.134197042,0.159140169 C-0.054055719,0.361168655 -0.0428882878,0.677554118 0.159140198,0.865806879 L16.7704544,16.3444447 L0.155524399,32.1376 Z' transform='translate(9.000001, 16.500001) scale(-1, 1) translate(-9.000001, -16.500001)' fill='white'></path></svg>");
  left: 0;
}

.avl-next {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><path d='M0.155524399,32.1376 C-0.0446246915,32.3278497 -0.0526497227,32.6443304 0.13759999,32.8444795 C0.327849702,33.0446286 0.644330462,33.0526536 0.844479552,32.8624039 L17.8444795,16.7032242 C18.0532648,16.5047655 18.0516095,16.171393 17.8408637,15.9750173 L0.840863752,0.134197013 C0.638835267,-0.0540557478 0.322449804,-0.0428883166 0.134197042,0.159140169 C-0.054055719,0.361168655 -0.0428882878,0.677554118 0.159140198,0.865806879 L16.7704544,16.3444447 L0.155524399,32.1376 Z' transform='translate(9.000001, 16.500001) rotate(-180.000000) scale(-1, 1) translate(-9.000001, -16.500001)' fill='white'></path></svg>");
  right: 0;
}

/* REVIEW PAGE */
.box-review {
  border: 1px solid #ddd;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
}
.box-review h4, .box-review .h4 {
  font-size: 1rem;
  text-transform: uppercase;
}
.box-review .starrr {
  font-size: 1.5rem;
  font-family: "Helvetica", sans-serif;
  color: theme-color("warning");
}
.box-review .starrr > span {
  margin: 0 1px;
}
.box-review .starrr > span:after {
  content: "★";
}
.box-review .starrr .icone-star-empty {
  color: #999;
}
.box-review .starrr .icone-star {
  color: theme-color("warning");
}
.box-review .box-review #countPurchase {
  font-size: 1.6rem;
}

.box-review #countPurchase {
  font-size: 1.6rem;
}

/* REVIEWS */
.ctn-menu-info {
  display: table;
  padding: 50px 0;
  width: 100%;
  padding: 15px 0;
}

.lst-info-ft {
  color: #636466;
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
}

.item-lst-ft {
  float: left;
  font-size: 0.875em;
  font-weight: 100;
  margin-bottom: 20px;
  width: 100%;
}
.item-lst-ft a {
  color: #636466;
}
.item-lst-ft a:hover {
  color: #dee2e6;
}

.hd-blog {
  text-align: center;
  text-transform: uppercase;
  padding: 40px 0;
}
@media (max-width: 767.98px) {
  .hd-blog {
    padding: 20px 0;
  }
}
.hd-blog h1, .hd-blog .h1 {
  color: #000;
  font-size: 3em;
  font-weight: 700;
  font-style: italic;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .hd-blog h1, .hd-blog .h1 {
    font-size: 1.25rem;
  }
}
.hd-blog p {
  font-size: 1rem;
  margin-top: 1rem;
}
.hd-blog .breadcrumbs li a {
  color: #fff;
}

.ctn-blog {
  background: #fff;
}

.container-blog {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .container-blog {
    padding: 0 0.75rem;
  }
}

.ctn-post {
  margin-bottom: 60px;
}

.hd-post {
  background-size: cover;
  background-position: center center;
  border: none;
  margin-bottom: 60px;
  position: relative;
  padding: 6% 20px;
}
.hd-post:before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#66000000", endColorstr="#b3000000",GradientType=0 );
  content: "";
  display: block;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.hd-post h1, .hd-post .h1 {
  color: #fff;
  font-weight: 600;
  font-size: 3em;
  line-height: normal;
  text-transform: none;
  margin: 0 auto 10px auto;
  position: relative;
  z-index: 2;
  max-width: 1024px;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .hd-post h1, .hd-post .h1 {
    font-size: 2.5em;
  }
}
.hd-post .ctn-bc {
  max-width: 1024px;
  margin: 0 auto;
}
.hd-post .ctn-bc span {
  color: rgba(255, 255, 255, 0.7);
}
.hd-post .breadcrumbs {
  position: relative;
  z-index: 2;
}
.hd-post .breadcrumbs li a {
  color: #fff;
}
.hd-post .breadcrumbs li a:after {
  color: #ddd;
}
.hd-post .breadcrumbs li:after {
  color: #fff;
}

.tt-post {
  color: #fff;
  font-size: 1.5rem;
  line-height: normal;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  .tt-post {
    font-size: 1rem;
  }
}
.tt-post a {
  color: #CBCBCB;
}
.tt-post a:hover {
  color: #CBCBCB;
}

.txt-post h1, .txt-post .h1, .txt-post h2, .txt-post .h2, .txt-post h3, .txt-post .h3, .txt-post h4, .txt-post .h4, .txt-post h5, .txt-post .h5 {
  color: #000;
  line-height: normal;
}
.txt-post h2, .txt-post .h2 {
  font-size: 2.5rem;
}
@media (max-width: 575.98px) {
  .txt-post h2, .txt-post .h2 {
    font-size: 1.625rem;
    font-weight: 700;
  }
}
.txt-post h3, .txt-post .h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
.txt-post ul {
  color: #212529;
  font-size: 1rem;
  line-height: 1.6;
  padding-left: 0.75rem;
}
.txt-post strong {
  font-weight: 700;
}
.txt-post p {
  color: #212529;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.txt-post > p:first-of-type:first-letter {
  color: #636466;
  font-size: 5rem;
  font-weight: bold;
  float: left;
  line-height: 60px;
  margin-top: -4px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

.acoes-post {
  display: none;
  margin-bottom: 20px;
}
.acoes-post a {
  color: #222;
  font-weight: bold;
  margin-right: 10px;
}
.acoes-post a:hover {
  color: #CBCBCB;
}
.acoes-post [class^=icone-],
.acoes-post [class*=icone-] {
  font-size: 1.125em;
  color: #CBCBCB;
  vertical-align: sub;
}

.lnk-post {
  font-size: 1em;
  font-weight: normal;
}

.ctn-lnk-social {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}

.lnk-social {
  float: left;
}

.post {
  background: #fff;
  margin-bottom: 30px;
}
.post img {
  max-width: 100% !important;
  height: auto !important;
  width: auto !important;
}

.tags-post {
  color: #CBCBCB;
  border-bottom: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
  padding: 10px 0;
  width: 100%;
}
.tags-post a {
  color: #636466;
}
.tags-post a:hover {
  color: #CBCBCB;
}

.tt-mdl-blog {
  margin-bottom: 80px;
  text-align: center;
}
.tt-mdl-blog h3, .tt-mdl-blog .h3 {
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 60px;
  text-align: center;
  text-transform: uppercase;
}

.ctn-mn-blog {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .ctn-mn-blog {
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .ctn-mn-blog {
    background: transparent;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    flex-direction: column;
  }
  .ctn-mn-blog .dropdown {
    width: 100%;
  }
}

.mn-blog {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .mn-blog {
    gap: 30px;
  }
}
@media (max-width: 767.98px) {
  .mn-blog {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
  }
  .mn-blog:after {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: "";
    height: 51px;
    position: sticky;
    top: 0;
    right: 0;
    min-width: 80px;
    width: 80px;
  }
}
.mn-blog > li {
  display: inline-block;
  font-size: 1rem;
  font-weight: normal;
  position: relative;
}
.mn-blog > li > a {
  color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
}
.mn-blog > li > a:hover {
  color: #adb5bd;
  border-color: #adb5bd;
}
.mn-blog > li > a:hover[data-submenu=true]:after {
  border-top-color: #adb5bd;
}
.mn-blog > li > a[data-submenu=true] {
  gap: 8px;
}
.mn-blog > li > a[data-submenu=true]:after {
  content: "";
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #495057;
  transform: translateY(2px);
}
.mn-blog > li.active > a {
  color: #FF0000;
}
.mn-blog > li.active > a[data-submenu=true]:after {
  border-top-color: #fff;
}
@media (min-width: 992px) {
  .mn-blog > li .sub-mn-blog {
    position: absolute;
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    border-radius: 0.375rem;
    display: none;
    top: 100%;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    width: 200px;
  }
  .mn-blog > li .sub-mn-blog ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mn-blog > li .sub-mn-blog ul > li :not(:last-child) {
    border-bottom: 1px solid #F0F0F0;
  }
  .mn-blog > li .sub-mn-blog ul > li > a {
    color: #636466;
    display: block;
    padding: 10px;
  }
  .mn-blog > li .sub-mn-blog ul > li > a:hover {
    background-color: #f8f9fa;
  }
  .mn-blog > li:hover .sub-mn-blog {
    display: block;
  }
}

.busca-blog {
  align-items: center;
  background: #fff;
  border: 1px solid #dee2e6;
  display: flex;
  border-radius: 17px;
  height: 35px;
  margin-left: 1.5rem;
  padding: 0 0 0 10px;
  position: relative;
}
@media (max-width: 575.98px) {
  .busca-blog {
    margin: 0 auto;
    width: 70vw;
  }
}
.busca-blog .searchfield {
  background: transparent;
  box-shadow: none;
  border: none;
  flex-grow: 1;
  height: 35px;
  outline: none;
  position: relative;
  z-index: 1;
}
.busca-blog .searchbutton {
  color: #CBCBCB;
  display: flex;
  justify-content: center;
  height: auto;
  width: 35px;
}
.busca-blog .searchbutton:hover {
  color: #636466;
}

.abs-blog {
  border-bottom: 1px solid #dee2e6;
  display: table;
  padding: 0;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}
.abs-blog a {
  background: rgb(255, 255, 255); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 64%, rgb(243, 243, 243) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, rgb(255, 255, 255)), color-stop(100%, rgb(243, 243, 243))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 64%, rgb(243, 243, 243) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(255, 255, 255) 64%, rgb(243, 243, 243) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 64%, rgb(243, 243, 243) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(255, 255, 255) 64%, rgb(243, 243, 243) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f3f3f3",GradientType=0 ); /* IE6-9 */
  display: inline-block;
  border: 1px solid #dee2e6;
  border-bottom: none;
  color: #CBCBCB;
  font-size: 0.688em;
  font-weight: bold;
  height: 50px;
  width: auto;
  line-height: 50px;
  margin: 0 8px 0 0;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
}
.abs-blog a:last-child {
  margin-right: 0;
}
.abs-blog a:hover {
  color: #CBCBCB;
}
.abs-blog a.selected {
  color: #CBCBCB;
}

.vtd-abs-blog {
  margin: 0 0 40px 0;
  padding: 40px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-reveal .icon-wrap {
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 30px;
  color: #fff;
  display: flex;
  font-size: 1.2rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 100;
  vertical-align: middle;
  height: 100%;
  text-align: center;
  width: 40px;
}
.nav-reveal .icon-wrap.blog-prev {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M352 115.4L331.3 96 160 256l171.3 160 20.7-19.3L201.5 256z' fill='%23fff'/%3E%3C/svg%3E");
}
.nav-reveal .icon-wrap.blog-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M310.5 256L160 396.7l20.7 19.3L352 256 180.7 96 160 115.4z' fill='%23fff'/%3E%3C/svg%3E");
}
.nav-reveal .nav-nome-post {
  color: #fff;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  padding: 20px;
  width: 300px;
  height: 100%;
}
.nav-reveal .prev,
.nav-reveal .next {
  position: fixed;
  top: 50%;
  display: block;
  outline: none;
  text-align: left;
  z-index: 98;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  width: 40px;
  height: 120px;
  background-color: rgba(255, 0, 0, 0.8);
  -webkit-transition: width 0.4s, background-color 0.4s;
  transition: width 0.4s, background-color 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.nav-reveal .prev {
  left: 0;
}
.nav-reveal .prev .icon-wrap {
  left: 0;
}
.nav-reveal .prev .nav-nome-post {
  left: 0;
  padding-left: 80px;
}
.nav-reveal .next {
  right: 0;
}
.nav-reveal .next .icon-wrap {
  right: 0;
}
.nav-reveal .next .nav-nome-post {
  right: 0;
  padding-right: 80px;
}
.nav-reveal .prev:hover,
.nav-reveal .next:hover {
  width: 300px;
  background-color: #FF0000;
}

.lst-thumb-posts {
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  display: flex;
  list-style: none;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.post-thumb {
  width: 33.3333333%;
  position: relative;
  height: 35vh;
}
@media (max-width: 767.98px) {
  .post-thumb {
    width: 50%;
  }
}
.post-thumb > a {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
}
.post-thumb > a:before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#66000000", endColorstr="#b3000000",GradientType=0 );
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.post-thumb > a:hover:before {
  opacity: 0.6;
}
.post-thumb > a:hover .ctd-post-thumb {
  margin-bottom: 20px;
}
.post-thumb p {
  display: none;
  font-size: 0.875em;
  font-weight: 100;
  line-height: 22px;
  margin: 0;
}

.ctd-post-thumb {
  color: #fff;
  align-self: flex-end;
  padding: 40px;
  z-index: 2;
}
@media (min-width: 992px) {
  .ctd-post-thumb {
    min-height: 210px;
  }
}

.ultimas-posts {
  margin-bottom: 40px;
}
.ultimas-posts h2, .ultimas-posts .h2 {
  color: #CBCBCB;
  font-size: 1.75em;
  font-weight: 300;
  text-align: center;
  margin: 0;
  margin-bottom: 30px;
}
.ultimas-posts .post-thumb:first-of-type {
  width: 60%;
  height: 50vh;
}
@media (max-width: 767.98px) {
  .ultimas-posts .post-thumb:first-of-type {
    width: 100%;
  }
}
.ultimas-posts .post-thumb:first-of-type .tt-post {
  font-size: 1.5rem;
  font-style: italic;
}
.ultimas-posts .post-thumb:nth-of-type(2) {
  height: 50vh;
  width: 40%;
}
.ultimas-posts .post-thumb:nth-of-type(2) .tt-post {
  font-size: 1.25rem;
  font-style: italic;
}
@media (max-width: 767.98px) {
  .ultimas-posts .post-thumb:nth-of-type(2) {
    height: 35vh;
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  .ultimas-posts .post-thumb:nth-of-type(2) {
    width: 100%;
  }
}

.posts-relacionados {
  margin-bottom: 40px;
}
.posts-relacionados h3, .posts-relacionados .h3 {
  color: #212529;
  font-weight: 700;
  text-align: center;
  margin: 0 0 0.75rem 0;
  text-transform: uppercase;
}
.posts-relacionados li {
  list-style: none;
}

.lnk-all-blog {
  color: #222;
  display: block;
  text-align: center;
  padding: 30px 0;
  text-transform: uppercase;
}
.lnk-all-blog :hover {
  color: #CBCBCB;
}

.home-blog .ultimas-posts .hd-mdl {
  display: none;
}

.destaques-blog {
  margin: 40px 0;
}
@media (min-width: 1400px) {
  .destaques-blog {
    margin: 100px 0;
  }
}
.destaques-blog .hd-destaques-blog {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.destaques-blog .hd-destaques-blog h2, .destaques-blog .hd-destaques-blog .h2 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  justify-content: center;
  margin: 0;
  text-transform: uppercase;
  order: 1;
}
@media (max-width: 575.98px) {
  .destaques-blog .hd-destaques-blog h2, .destaques-blog .hd-destaques-blog .h2 {
    font-size: 1.25rem;
  }
}
.destaques-blog ul {
  list-style: none;
}
.destaques-blog .post-thumb {
  height: 45vh;
}

@media (max-width: 767.98px) {
  .dtq-posts > div {
    width: 100% !important;
  }
  .dtq-posts > div:not(:first-of-type) {
    display: none !important;
  }
}
.dtq-posts .tmb-blog {
  background-color: #F0F0F0;
  color: #000;
  display: flex;
  flex-direction: row-reverse;
  overflow: hidden;
  border-radius: 0 0 100px 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.dtq-posts .tmb-blog .image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
  height: 375px;
  max-width: 445px;
}
.dtq-posts .tmb-blog .image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.dtq-posts .tmb-blog:hover .image {
  opacity: 0.8;
}
.dtq-posts .post-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  padding: 15px;
}
@media (min-width: 1400px) {
  .dtq-posts .post-info {
    padding: 50px;
  }
  .dtq-posts .post-info > div {
    flex-grow: 1;
  }
}
.dtq-posts .post-info h4, .dtq-posts .post-info .h4 {
  color: #000;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 600px;
  width: 100%;
}
.dtq-posts .post-info p {
  color: #636466;
  display: none;
  font-size: 0.875em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.8;
  max-height: 100px;
}

.ctd-thumb-blog {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
  width: 100%;
}
@media (min-width: 576px) {
  .ctd-thumb-blog {
    flex-direction: row-reverse;
  }
  .ctd-thumb-blog > div {
    width: 50%;
  }
}

.blog-gallery {
  margin: 40px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(auto, 1fr);
  gap: 1px 1px;
  grid-auto-flow: row dense;
  grid-template-areas: ". . ." ". . ." ". . .";
}
.blog-gallery figure {
  margin: 0;
}

.container-faq {
  margin-bottom: 40px;
}

.busca-faq {
  align-items: center;
  border: 1px solid #dee2e6;
  border-radius: 25px;
  display: flex;
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 3rem;
}
@media (max-width: 575.98px) {
  .busca-faq {
    margin-bottom: 1.5rem;
  }
}

input.ipt-faq {
  border: none;
  border-radius: 25px !important;
  flex-grow: 1;
  line-height: 48px;
  padding-left: 30px;
  height: 50px;
  outline: none;
}

.reset-busca {
  background: white;
  border: none;
  border-radius: 100%;
  color: #636466;
  font-family: "Helvetica", Arial, serif;
  font-size: 1.125em;
  font-weight: 100;
  height: 46px;
  line-height: 46px;
  margin-right: 2px;
  padding: 0;
  width: 46px;
}

.reset-busca:hover {
  background: white;
  border-color: #343a40;
  color: #343a40;
}

.ctn-faq {
  display: flex;
}
@media (max-width: 575.98px) {
  .ctn-faq {
    flex-direction: column;
  }
}

.ctn-tpc {
  margin-bottom: 30px;
  border-right: 1px solid #dee2e6;
  top: 100px;
  padding-right: 40px;
}
@media (max-width: 575.98px) {
  .ctn-tpc {
    padding: 0;
    border: none;
  }
}

.faq-menu {
  min-width: 32%;
  position: relative;
}

.faq-item .faq-menu-item {
  font-size: 0.9rem;
  border-bottom: 1px solid #dee2e6;
  text-transform: uppercase;
}
.faq-item .faq-menu-item a {
  padding: 10px;
  font-size: 0.875rem;
  font-weight: 600;
  display: block;
}
.faq-item .faq-menu-item a:hover {
  color: #495057;
}
.faq-item.active-faq .faq-menu-item a {
  background: #f9f9f9;
  color: #212529;
}

.faq-menu-sub-item {
  font-size: 1rem;
  padding-left: 0.75rem;
}
.faq-menu-sub-item span {
  color: #495057;
  cursor: pointer;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  font-style: italic;
  font-weight: bolder;
  padding: 25px 0;
  border-bottom: 1px solid #dee2e6;
}
.faq-menu-sub-item span:hover {
  color: #343a40;
}
.faq-menu-sub-item span.active-faq {
  color: #FF0000;
}
.faq-menu-sub-item span.active-faq:after {
  content: "➝";
}
@media (max-width: 575.98px) {
  .faq-menu-sub-item span.active-faq:after {
    content: "↓";
  }
}

.ntcontent-nodisplay {
  padding-left: 40px;
  display: none;
}
@media (max-width: 575.98px) {
  .ntcontent-nodisplay {
    padding-left: 0;
  }
}
.ntcontent-nodisplay ul {
  padding-left: 15px;
}

.open-acc {
  display: block;
}

.faq-page .ctn-atd-cto {
  font-style: italic;
}
.faq-page .ctn-atd-cto h5, .faq-page .ctn-atd-cto .h5, .faq-page .ctn-atd-cto h6, .faq-page .ctn-atd-cto .h6 {
  font-weight: 700;
  font-size: 1.1em;
}
.faq-page form h4, .faq-page form .h4 {
  margin-bottom: 40px;
  font-style: italic;
  font-size: 1.5rem;
}
.faq-page form .float-label-field > label {
  left: 30px;
}

.busca-medidas {
  display: flex;
  margin: 30px 0;
}
@media (max-width: 991.98px) {
  .busca-medidas {
    flex-direction: column;
  }
}
.busca-medidas .img-medidas {
  width: 100%;
  max-width: 400px;
  z-index: 1;
}
.busca-medidas .img-medidas img {
  height: calc(100% - 1px);
  width: calc(100% + 80px);
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 80px) 100%, 0% 100%);
  margin-top: 1px;
}
@media (max-width: 991.98px) {
  .busca-medidas .img-medidas {
    display: none;
  }
}
.busca-medidas .ctn-abas-medidas {
  background: #F0F0F0;
  border: 1px solid #F0F0F0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.busca-medidas .fm-pdt-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199.98px) {
  .busca-medidas .fm-pdt-img {
    display: none;
  }
}
.busca-medidas .fm-pdt-img img {
  width: 100%;
  height: auto;
}

.abas-medidas {
  display: flex;
  gap: 1px;
}
.abas-medidas > div {
  flex-grow: 1;
}
.abas-medidas > div input[type=radio] {
  display: none;
}
.abas-medidas > div input[type=radio]:checked + label {
  background-color: #FF0000;
  color: #fff;
}
@media (min-width: 992px) {
  .abas-medidas > div:first-child label {
    padding-left: 80px;
  }
}
.abas-medidas label {
  background-color: #fff;
  color: #000;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 70px;
  width: 100%;
}
.abas-medidas label .icon {
  font-size: 42px;
}

.form-group-mdd {
  padding: 30px 40px 30px 110px;
  flex: 1;
}
@media (max-width: 991.98px) {
  .form-group-mdd {
    padding: 15px;
  }
}
.form-group-mdd > h5, .form-group-mdd > .h5 {
  color: #000;
  font-size: 0.875rem;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
}
.form-group-mdd > div:not(.fm-btn) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
@media (min-width: 1400px) {
  .form-group-mdd > div:not(.fm-btn) {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 15px;
  }
}
.form-group-mdd > div:not(.fm-btn) > div:nth-of-type(1) {
  order: 1;
}
.form-group-mdd > div:not(.fm-btn) > div:nth-of-type(2) {
  order: 3;
}
.form-group-mdd > div:not(.fm-btn) > div:nth-of-type(3) {
  order: 2;
}
.form-group-mdd > div:not(.fm-btn) > div:nth-of-type(4) {
  order: 4;
}
@media (min-width: 1600px) {
  .form-group-mdd .fm-btn {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .form-group-mdd .fm-btn .btn {
    min-width: 230px;
  }
  .form-group-mdd .fm-btn::after {
    background-color: #CBCBCB;
    content: "";
    height: 1px;
    width: 100%;
  }
}
@media (max-width: 1599.98px) {
  .form-group-mdd .fm-btn .btn {
    width: 100%;
  }
}

.form-label-aro {
  text-transform: uppercase;
  font-weight: 600;
}

.form-medidas {
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: 100%;
}

@media (max-width: 991.98px) {
  #button-searchBSM {
    width: 100%;
  }
}

.bp-flt {
  background: #E4E4E3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  padding: 20px 50px;
}
@media (max-width: 991.98px) {
  .bp-flt {
    padding: 15px;
  }
  .bp-flt > div {
    width: 100%;
  }
  .bp-flt .btn-block {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .bp-flt {
    gap: 15px;
  }
}
.bp-flt h3, .bp-flt .h3 {
  color: #000;
  display: flex;
  gap: 15px;
  font-size: 1.25rem;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
@media (max-width: 1199.98px) {
  .bp-flt h3, .bp-flt .h3 {
    width: 100%;
  }
}
.bp-flt label {
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #495057;
  font-weight: 600;
}
.bp-flt .form-group {
  margin: 0;
}

.dropdown-busca {
  position: static !important;
}
.dropdown-busca .dropdown-menu {
  background: #fff;
  padding: 1.5rem 0;
  position: absolute;
  width: 100%;
  left: 0 !important;
  top: 100% !important;
  z-index: 1000;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.4), 0px 100vh 0 100vh rgba(255, 255, 255, 0.8);
  border-radius: 0;
  border: none;
  transform: none !important;
}

.flt-preco {
  position: relative;
  border: 1px solid #dee2e6;
  margin-bottom: 1.5rem;
  padding: 15px;
}
.flt-preco h3, .flt-preco .h3 {
  display: flex;
  border-bottom: 1px solid #dee2e6;
  color: #495057;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.flt-preco ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.flt-preco ul li {
  color: #636466;
  font-size: 0.875rem;
  padding: 6px 0;
}
.flt-preco ul li label {
  margin: 0;
}
.flt-preco input.range-preco {
  color: #666;
  background: none !important;
  border: none !important;
  height: auto !important;
  font-size: 16px !important;
  font-weight: 100 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.flt-preco .ctn-sld-preco {
  margin-bottom: 10px;
}
.flt-preco .ui-widget-content {
  background: #ccc !important;
  background-repeat: repeat !important;
  border-radius: 0 !important;
  border: none !important;
  height: 4px !important;
}
.flt-preco .ui-slider .ui-slider-range {
  background-color: #636466 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 none;
  display: block;
  font-size: 0.7em;
  height: 4px !important;
  margin-top: 0 !important;
  position: absolute;
  z-index: 1;
}
.flt-preco .ui-slider .ui-slider-handle {
  background-color: #495057 !important;
  background-image: none !important;
  border-radius: 3px !important;
  border: none !important;
  height: 15px !important;
  position: absolute;
  width: 6px !important;
  z-index: 2;
}
.flt-preco .ui-slider-horizontal .ui-slider-handle {
  margin-left: -5px !important;
  top: -6px !important;
}

.pdt-avs-frm {
  max-width: 500px;
}

.mdl-insta {
  margin: 80px 0;
}

.hd-insta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #dee2e6;
}
.hd-insta a {
  color: #212529;
  font-style: italic;
  text-transform: uppercase;
}
.hd-insta h2, .hd-insta .h2 {
  color: #212529;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .hd-insta h2, .hd-insta .h2 {
    font-size: 1.25rem;
  }
}

@media (max-width: 575.98px) {
  .glr-insta {
    padding: 0 0.75rem;
  }
}
.glr-insta > div {
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .glr-insta > div {
    padding: 0;
    margin: 0;
  }
}

.vantagens {
  border-bottom: 1px solid #dee2e6;
  color: #636466;
  margin: 40px 0;
}
@media (min-width: 1400px) {
  .vantagens {
    margin: 100px 0;
  }
}
@media (max-width: 575.98px) {
  .vantagens {
    display: none;
  }
}
.vantagens > div {
  display: flex;
  padding: 15px;
  justify-content: space-around;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .vantagens > div {
    justify-content: center;
  }
}

.itm-vtg {
  display: flex;
  align-items: center;
  width: 30%;
  max-width: 300px;
}
@media (max-width: 767.98px) {
  .itm-vtg {
    flex-direction: column;
    width: calc(50% - 15px);
    max-width: none;
    text-align: center;
    margin: 15px 5px;
    min-width: 0;
  }
}
.itm-vtg img {
  margin-right: 15px;
  max-width: 45px;
}
@media (max-width: 767.98px) {
  .itm-vtg img {
    margin: 0 0 10px 0;
  }
}
.itm-vtg p {
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 767.98px) {
  .itm-vtg p {
    font-size: 0.875rem;
  }
}

.ctn-sw-vtg {
  background-color: #FF0000;
  color: #636466;
}
.ctn-sw-vtg > div {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 780px;
  overflow-x: hidden;
  margin: 0 auto;
}
.ctn-sw-vtg .prev-vtg,
.ctn-sw-vtg .next-vtg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 25px;
  width: 30px;
  font-size: 10px;
  outline: none;
  z-index: 2;
}

.sw-vtg {
  flex-grow: 1;
  max-width: calc(100% - 60px);
  overflow: hidden;
}
.sw-vtg .swiper-wrapper {
  flex-grow: 1;
}
.sw-vtg .swiper-slide {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-transform: uppercase;
  font-style: italic;
  width: 100% !important;
  height: 65px;
  align-content: center;
}
.sw-vtg .swiper-slide img {
  height: 16px;
  width: auto;
  margin-right: 5px;
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .hd-inf .ctn-sw-vtg {
    border-bottom: 1px solid #dee2e6;
  }
}
.welcome {
  border: 12px solid #F0F0F0;
  display: grid;
  grid-template-columns: 1fr;
  margin: 40px 0;
  padding: 15px;
  gap: 15px;
}
@media (min-width: 768px) {
  .welcome {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "tt tx" "tt bt";
    padding: 35px 50px;
  }
  .welcome .tt {
    grid-area: tt;
  }
  .welcome .tx {
    grid-area: tx;
  }
  .welcome .bt {
    grid-area: bt;
  }
}
@media (min-width: 1200px) {
  .welcome {
    grid-template-columns: 1fr 1fr 280px;
    grid-template-areas: "tt tx bt";
  }
}
@media (min-width: 1400px) {
  .welcome {
    margin: 100px 0;
  }
}
.welcome h3, .welcome .h3 {
  color: #343a40;
  font-size: 1.875rem;
  font-weight: 700;
  font-style: italic;
  margin: 0;
}
.welcome p {
  font-size: 1.125rem;
  color: #636466;
}
.welcome .btn {
  width: 100%;
}

.selo-certificacao {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-auto-flow: row dense;
  grid-template-rows: auto auto;
  gap: 0px;
  grid-template-areas: "consumo aderencia" "ruido ruido";
  background-color: #fff;
  border-top: 3px solid;
}
@media (max-width: 767.98px) {
  .selo-certificacao {
    margin: 0;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    grid-template-areas: "consumo aderencia" "ruido ruido";
  }
}
.selo-certificacao .ruido {
  grid-area: ruido;
  display: flex;
  justify-content: center;
  padding-top: 15px;
  border-top: 3px solid;
}
.selo-certificacao .consumo {
  border: 1px solid;
  border-width: 0px 1px 0px 0px;
  padding: 5px 10px;
  grid-area: consumo;
  margin: 10px 0;
}
.selo-certificacao .consumo > span {
  padding: 2px 20px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .consumo > span {
    padding: 3px 15px;
  }
}
.selo-certificacao .consumo img {
  height: 320px;
}
.selo-certificacao .aderencia {
  border: 1px solid;
  border-width: 0px 0px 0px 1px;
  grid-area: aderencia;
  padding: 5px 10px;
  margin: 10px 0;
}
.selo-certificacao .aderencia > span {
  padding: 2px 20px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .aderencia > span {
    padding: 3px 15px;
  }
}
.selo-certificacao .aderencia img {
  height: 320px;
}
.selo-certificacao .logo-conpet {
  grid-area: conpet;
}
.selo-certificacao .logo-ocp {
  grid-area: ocp;
}
.selo-certificacao > div {
  position: relative;
  width: 100%;
  height: fit-content;
}
.selo-certificacao > div > span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144 35'%3E%3Cpath fill='%230b0b0b' d='M13 0h131v35H13L0 17.875Z'/%3E%3C/svg%3E");
  background-position: center left;
  background-size: auto 100%;
  font-size: 1.5rem;
  color: #fff;
  display: block;
  height: fit-content;
  padding: 0 10px 0 15px;
  position: absolute;
  top: 0;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .selo-certificacao > div > span {
    font-size: 1rem;
  }
}
.selo-certificacao .consumo span {
  right: 0%;
}
@media (min-width: 1600px) {
  .selo-certificacao .consumo span {
    right: 4%;
  }
}
@media (max-width: 575.98px) {
  .selo-certificacao .consumo span {
    right: 3%;
  }
}
.selo-certificacao .consumo span.a {
  top: 99px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .consumo span.a {
    top: 117px;
  }
}
.selo-certificacao .consumo span.b {
  top: 145px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .consumo span.b {
    top: 151px;
  }
}
.selo-certificacao .consumo span.c {
  top: 190px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .consumo span.c {
    top: 184px;
  }
}
.selo-certificacao .consumo span.d {
  top: 235px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .consumo span.d {
    top: 217px;
  }
}
.selo-certificacao .consumo span.e {
  top: 280px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .consumo span.e {
    top: 251px;
  }
}
.selo-certificacao .consumo span.f {
  top: 325px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .consumo span.f {
    top: 190px;
  }
}
.selo-certificacao .consumo span.g {
  top: 270px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .consumo span.g {
    top: 210px;
  }
}
.selo-certificacao .aderencia span {
  right: 0%;
}
@media (min-width: 1600px) {
  .selo-certificacao .aderencia span {
    right: 4%;
  }
}
.selo-certificacao .aderencia span.a {
  top: 99px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .aderencia span.a {
    top: 115px;
  }
}
.selo-certificacao .aderencia span.b {
  top: 145px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .aderencia span.b {
    top: 150px;
  }
}
.selo-certificacao .aderencia span.c {
  top: 192px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .aderencia span.c {
    top: 187px;
  }
}
.selo-certificacao .aderencia span.d {
  top: 239px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .aderencia span.d {
    top: 222px;
  }
}
.selo-certificacao .aderencia span.e {
  top: 284px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .aderencia span.e {
    top: 257px;
  }
}
.selo-certificacao .aderencia span.f {
  top: 326px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .aderencia span.f {
    top: 190px;
  }
}
.selo-certificacao .aderencia span.g {
  top: 270px;
}
@media (max-width: 575.98px) {
  .selo-certificacao .aderencia span.g {
    top: 210px;
  }
}
.selo-certificacao .ruido > span {
  right: 48%;
  top: 43%;
  transform: translateY(-50%);
  font-size: 1.9rem;
  background: none;
  color: #000;
  font-weight: 700;
  font-style: italic;
}
@media (max-width: 575.98px) {
  .selo-certificacao .ruido > span {
    font-size: 1.4rem;
    right: 27%;
  }
}
.selo-certificacao .logo {
  position: absolute !important;
  top: 3%;
  left: 3%;
}
@media (max-width: 575.98px) {
  .selo-certificacao .logo {
    transform: unset;
    top: 2%;
    left: 4%;
  }
}
.selo-certificacao .logo-conpet,
.selo-certificacao .logo-ocp {
  display: none;
}
.selo-certificacao .logo-ocp {
  margin-left: 0;
  margin-right: 0;
}

.smart-checkout-ctn {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%3E%3Cpath%20d%3D%22M0%200h1v1H0z%22%20fill%3D%22%23dee2e6%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: repeat-x;
  background-size: 1px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  width: 100%;
}
@media (min-width: 1400px) {
  .smart-checkout-ctn {
    margin-bottom: 60px;
  }
}
.smart-checkout-ctn .btn .icon {
  font-size: 22px;
}

.smart-checkout-sidebox {
  width: 90vw;
  max-width: 90vw;
}
@media (min-width: 992px) {
  .smart-checkout-sidebox {
    width: 70vw;
    max-width: 1060px;
  }
}
.smart-checkout-sidebox .ctn-side-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.smart-checkout-sidebox #error-smartcheckout:empty {
  display: none;
}

.frm-sc {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (min-width: 992px) {
  .frm-sc {
    gap: 20px;
  }
}
.frm-sc .input-group {
  flex-grow: 1;
  width: fit-content;
  min-width: 100%;
}
@media (min-width: 992px) {
  .frm-sc .input-group {
    min-width: 360px;
  }
}
.frm-sc-qty {
  width: 40%;
  flex-grow: 1;
}
@media (min-width: 992px) {
  .frm-sc-qty {
    width: 140px;
  }
}
.frm-sc input[type=number]::-webkit-outer-spin-button, .frm-sc input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.85 32.05'%3E%3Cpath d='M8.41 32.05 0 22.95l1.58-1.71L8.4 28.6l6.86-7.36 1.59 1.71-8.44 9.1Z'/%3E%3Cpath id='Path_19451-2' d='m8.44 0 8.41 9.1-1.58 1.71-6.82-7.36-6.86 7.36L0 9.1 8.44 0Z'/%3E%3C/svg%3E");
  background-position: center left 1px;
  background-repeat: no-repeat;
  background-size: 8px auto;
  width: 40px;
  height: 100%;
  border-left: none;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.drop-area {
  margin-bottom: auto;
}
.drop-area > form {
  background: #f8f9fa;
  border: 1px dashed #adb5bd;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 300px;
  max-height: 35vh;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  font-style: italic;
  margin: 30px 0;
  width: 100%;
}
.drop-area > form:hover {
  border-color: #FF0000;
  color: #FF0000;
}
.drop-area > form:hover > label::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034.63%2032.49%22%3E%3Cpath%20d%3D%22M7.14%209.92a2.101%202.101%200%200%200%203.07%202.86l5-5.36v14.94a2.1%202.1%200%201%200%204.2%200V7.42l5%205.36c.83.81%202.16.8%202.97-.02.76-.78.81-2.01.1-2.83-2.88-3.08-5.76-6.17-8.64-9.25-.03-.04-.07-.07-.11-.11a2.09%202.09%200%200%200-2.96.11L7.14%209.92Z%22%20fill%3D%22%23FF0000%22%2F%3E%3Cpath%20d%3D%22M30.43%2022.43a2.1%202.1%200%201%201%204.2%200v4.59c0%203.02-2.45%205.46-5.47%205.47H5.47c-3.02%200-5.46-2.45-5.47-5.46v-4.59a2.1%202.1%200%201%201%204.2%200v4.59c0%20.69.57%201.26%201.26%201.26h23.7c.69%200%201.26-.57%201.26-1.26v-4.59Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
}
.drop-area > form > label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.drop-area > form > label::before {
  content: "";
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034.63%2032.49%22%3E%3Cpath%20d%3D%22M7.14%209.92a2.101%202.101%200%200%200%203.07%202.86l5-5.36v14.94a2.1%202.1%200%201%200%204.2%200V7.42l5%205.36c.83.81%202.16.8%202.97-.02.76-.78.81-2.01.1-2.83-2.88-3.08-5.76-6.17-8.64-9.25-.03-.04-.07-.07-.11-.11a2.09%202.09%200%200%200-2.96.11L7.14%209.92Z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M30.43%2022.43a2.1%202.1%200%201%201%204.2%200v4.59c0%203.02-2.45%205.46-5.47%205.47H5.47c-3.02%200-5.46-2.45-5.47-5.46v-4.59a2.1%202.1%200%201%201%204.2%200v4.59c0%20.69.57%201.26%201.26%201.26h23.7c.69%200%201.26-.57%201.26-1.26v-4.59Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 24px;
  width: 24px;
}
.drop-area > form progress {
  height: 5px;
  appearance: none;
  -webkit-appearance: none;
}
.drop-area > form progress::-webkit-progress-bar {
  background-color: #dee2e6;
  border-radius: 6px;
  overflow: hidden;
}
.drop-area > form progress::-webkit-progress-value {
  background-color: #FF0000;
}

.sc-cta {
  background: #fff;
  border-top: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  margin-top: 15px;
  width: 100%;
  gap: 15px;
}

.sc-pdt-list {
  margin: 0 0 15px 0;
  overflow-y: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}
.sc-pdt-list:empty {
  display: none;
}

.sc-pdt-item {
  border-bottom: 1px solid #dee2e6;
  display: grid;
  grid-template-columns: 48px 1fr 1fr 24px;
  grid-template-areas: "img inf inf rmv" "img qty prc rmv";
  gap: 5px 15px;
  padding: 15px 0;
  scroll-snap-align: start;
}
@media (min-width: 1200px) {
  .sc-pdt-item {
    grid-template-columns: 48px 2fr 1fr 1fr 24px;
    grid-template-areas: "img inf qty prc rmv";
    gap: 15px;
  }
}
.sc-pdt-item .pdt-img {
  grid-area: img;
}
.sc-pdt-item .pdt-img > img {
  border: 1px solid #dee2e6;
  max-width: 100%;
  height: auto;
}
.sc-pdt-item .pdt-price {
  grid-area: prc;
  font-weight: 700;
  margin: 0;
}
.sc-pdt-item .pdt-info {
  grid-area: inf;
}
.sc-pdt-item .pdt-price {
  grid-area: prc;
}
@media (min-width: 1200px) {
  .sc-pdt-item .pdt-price {
    text-align: center;
  }
}
.sc-pdt-item .pdt-qty {
  grid-area: qty;
}
@media (min-width: 1200px) {
  .sc-pdt-item .pdt-qty {
    text-align: center;
  }
}
.sc-pdt-item .pdt-remove {
  grid-area: rmv;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2065.8%2087.69%22%3E%3Cpath%20d%3D%22M57.54%2011.61H46.16v-.1c.04-2.54-.62-5.04-1.89-7.23A8.287%208.287%200%200%200%2037.24%200h-8.68a8.287%208.287%200%200%200-7.03%204.28%2013.916%2013.916%200%200%200-1.91%207.24v.1H8.26C3.7%2011.61%200%2015.31%200%2019.87a8.25%208.25%200%200%200%203.65%206.85l3.36%2048.99c-.18%206.41%204.84%2011.76%2011.25%2011.98h29.29c6.41-.22%2011.43-5.58%2011.25-11.99l3.36-48.98a8.247%208.247%200%200%200%203.64-6.86c0-4.56-3.7-8.26-8.26-8.26ZM28.56%204.86h8.68c2.24%200%204.07%202.99%204.07%206.63H24.49c0-3.63%201.83-6.63%204.07-6.63Zm25.37%2070.59v.17a6.818%206.818%200%200%201-6.37%207.19H18.25a6.818%206.818%200%200%201-6.37-7.19v-.17L8.62%2028.12h48.54l-3.24%2047.33Zm4.3-52.27H7.58a3.394%203.394%200%200%201-2.42-4.15%203.403%203.403%200%200%201%203.11-2.53h49.29c1.88.1%203.31%201.7%203.21%203.58a3.403%203.403%200%200%201-2.53%203.11Z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M32.9%2069.56c1.34%200%202.43-1.09%202.43-2.43V42.08c0-1.34-1.09-2.43-2.43-2.43s-2.43%201.09-2.43%202.43v25.05c0%201.34%201.09%202.43%202.43%202.43ZM43.68%2064.69c1.34%200%202.43-1.09%202.43-2.43V46.94c0-1.34-1.09-2.43-2.43-2.43s-2.43%201.09-2.43%202.43v15.32c0%201.34%201.09%202.43%202.43%202.43ZM22.13%2064.69c1.34%200%202.43-1.09%202.43-2.43V46.94c0-1.34-1.09-2.43-2.43-2.43s-2.43%201.09-2.43%202.43v15.32c0%201.34%201.09%202.43%202.43%202.43Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  font-size: 0;
  color: transparent;
  width: 20px;
  height: 20px;
}
.sc-pdt-item .pdt-remove:hover {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2065.8%2087.69%22%3E%3Cpath%20d%3D%22M57.54%2011.61H46.16v-.1c.04-2.54-.62-5.04-1.89-7.23A8.287%208.287%200%200%200%2037.24%200h-8.68a8.287%208.287%200%200%200-7.03%204.28%2013.916%2013.916%200%200%200-1.91%207.24v.1H8.26C3.7%2011.61%200%2015.31%200%2019.87a8.25%208.25%200%200%200%203.65%206.85l3.36%2048.99c-.18%206.41%204.84%2011.76%2011.25%2011.98h29.29c6.41-.22%2011.43-5.58%2011.25-11.99l3.36-48.98a8.247%208.247%200%200%200%203.64-6.86c0-4.56-3.7-8.26-8.26-8.26ZM28.56%204.86h8.68c2.24%200%204.07%202.99%204.07%206.63H24.49c0-3.63%201.83-6.63%204.07-6.63Zm25.37%2070.59v.17a6.818%206.818%200%200%201-6.37%207.19H18.25a6.818%206.818%200%200%201-6.37-7.19v-.17L8.62%2028.12h48.54l-3.24%2047.33Zm4.3-52.27H7.58a3.394%203.394%200%200%201-2.42-4.15%203.403%203.403%200%200%201%203.11-2.53h49.29c1.88.1%203.31%201.7%203.21%203.58a3.403%203.403%200%200%201-2.53%203.11Z%22%20fill%3D%22%23FF0000%22%2F%3E%3Cpath%20d%3D%22M32.9%2069.56c1.34%200%202.43-1.09%202.43-2.43V42.08c0-1.34-1.09-2.43-2.43-2.43s-2.43%201.09-2.43%202.43v25.05c0%201.34%201.09%202.43%202.43%202.43ZM43.68%2064.69c1.34%200%202.43-1.09%202.43-2.43V46.94c0-1.34-1.09-2.43-2.43-2.43s-2.43%201.09-2.43%202.43v15.32c0%201.34%201.09%202.43%202.43%202.43ZM22.13%2064.69c1.34%200%202.43-1.09%202.43-2.43V46.94c0-1.34-1.09-2.43-2.43-2.43s-2.43%201.09-2.43%202.43v15.32c0%201.34%201.09%202.43%202.43%202.43Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
}

.sc-pdt-total {
  margin-top: auto;
  display: flex;
  font-style: italic;
  justify-content: flex-end;
  gap: 15px;
}
.sc-pdt-total span {
  font-weight: 700;
}

.mdl-equivalence .form-label {
  margin: 0;
  width: 127px;
}
.mdl-equivalence .form-select {
  max-width: 440px;
}

.bg-cat-img {
  height: 200px;
  display: flex;
  align-items: center;
  position: relative;
}
.bg-cat-img:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.bg-cat-img .hd-pg {
  background: none;
  margin: 0;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .ctn-cat-dtq {
    margin-bottom: -50px;
  }
}

.img-cat-dtq {
  clip-path: polygon(0 0, 100% 0%, calc(100% - 80px) 100%, 0% 100%);
  width: 100%;
  height: auto;
}
@media (max-width: 767.98px) {
  .img-cat-dtq {
    margin-bottom: 1.5rem;
  }
}

.cat-dtq-title {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .cat-dtq-title {
    margin-bottom: 40px;
  }
}

.cat-desc {
  color: #495057;
  font-size: 0.875rem;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 60px;
}

.ctn-categ {
  background-color: #fff;
  padding: 0;
  width: 100%;
}

.ctn-bn-cat > div {
  margin: 15px 0;
}
@media (min-width: 992px) {
  .ctn-bn-cat > div {
    margin: 60px 0;
  }
}

#grid_category > div {
  justify-content: center;
}

.grd-pdt {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-gap: 15px;
  margin: 1.5rem 0;
}
@media (min-width: 768px) {
  .grd-pdt {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px 0.75rem;
  }
}
@media (min-width: 992px) {
  .grd-pdt {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
@media (min-width: 1200px) {
  .grd-pdt {
    grid-template-columns: repeat(5, 1fr);
  }
  .grd-pdt-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grd-pdt[data-grid="1"] {
    grid-template-columns: repeat(1, 1fr);
  }
  .grd-pdt-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grd-pdt[data-grid="2"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .grd-pdt-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grd-pdt[data-grid="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
  .grd-pdt-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grd-pdt[data-grid="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
  .grd-pdt-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grd-pdt[data-grid="5"] {
    grid-template-columns: repeat(5, 1fr);
  }
  .grd-pdt-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grd-pdt[data-grid="6"] {
    grid-template-columns: repeat(6, 1fr);
  }
  .grd-pdt-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grd-pdt[data-grid="7"] {
    grid-template-columns: repeat(7, 1fr);
  }
  .grd-pdt-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grd-pdt[data-grid="8"] {
    grid-template-columns: repeat(8, 1fr);
  }
  .grd-pdt-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grd-pdt[data-grid="9"] {
    grid-template-columns: repeat(9, 1fr);
  }
  .grd-pdt-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grd-pdt[data-grid="10"] {
    grid-template-columns: repeat(10, 1fr);
  }
  .grd-pdt-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grd-pdt[data-grid="11"] {
    grid-template-columns: repeat(11, 1fr);
  }
  .grd-pdt-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grd-pdt[data-grid="12"] {
    grid-template-columns: repeat(12, 1fr);
  }
  .grd-pdt-13 {
    grid-template-columns: repeat(13, 1fr);
  }
  .grd-pdt[data-grid="13"] {
    grid-template-columns: repeat(13, 1fr);
  }
  .grd-pdt-14 {
    grid-template-columns: repeat(14, 1fr);
  }
  .grd-pdt[data-grid="14"] {
    grid-template-columns: repeat(14, 1fr);
  }
  .grd-pdt-15 {
    grid-template-columns: repeat(15, 1fr);
  }
  .grd-pdt[data-grid="15"] {
    grid-template-columns: repeat(15, 1fr);
  }
  .grd-pdt-16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .grd-pdt[data-grid="16"] {
    grid-template-columns: repeat(16, 1fr);
  }
  .grd-pdt-17 {
    grid-template-columns: repeat(17, 1fr);
  }
  .grd-pdt[data-grid="17"] {
    grid-template-columns: repeat(17, 1fr);
  }
  .grd-pdt-18 {
    grid-template-columns: repeat(18, 1fr);
  }
  .grd-pdt[data-grid="18"] {
    grid-template-columns: repeat(18, 1fr);
  }
  .grd-pdt-19 {
    grid-template-columns: repeat(19, 1fr);
  }
  .grd-pdt[data-grid="19"] {
    grid-template-columns: repeat(19, 1fr);
  }
  .grd-pdt-20 {
    grid-template-columns: repeat(20, 1fr);
  }
  .grd-pdt[data-grid="20"] {
    grid-template-columns: repeat(20, 1fr);
  }
}
.grd-pdt .btn-pdt-info {
  display: none;
}

.grd-new-pdt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  grid-gap: 15px;
  margin: 1.5rem 0;
}
@media (min-width: 768px) {
  .grd-new-pdt {
    grid-gap: 1.5rem;
  }
}
.grd-new-pdt .btn-pdt-info {
  display: none;
}

.lst-pdt {
  display: grid;
  gap: 30px;
  margin: 1.5rem 0;
}
@media (max-width: 767.98px) {
  .lst-pdt {
    gap: 15px;
    margin: 15px 0;
  }
}

.ctn-rmv-flt {
  font-weight: 300;
  margin-bottom: 15px;
  position: relative;
  padding: 0;
}
.ctn-rmv-flt a {
  align-items: center;
  background: rgb(239.075, 241.35, 243.625);
  color: #495057;
  display: flex;
  font-size: 0.75rem;
  text-transform: uppercase;
  justify-content: space-between;
  font-weight: 300;
  padding: 5px 10px;
  position: relative;
}
.ctn-rmv-flt a .ico-rmv-flt {
  font-size: 18px;
}

.rmv-flt span {
  padding: 0;
  line-height: normal;
}

.pd-sob-consulta > div {
  right: -120px;
  right: 0;
}

.fab-desc {
  display: flex;
  margin-bottom: 3rem;
}
.fab-desc > div:first-of-type {
  margin-right: 1.5rem;
}

.pdt-sm {
  background-color: #fff;
  border: 1px solid #dee2e6;
  height: auto;
  width: 100%;
  padding: 15px;
  position: relative;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  gap: 0.625rem;
  grid-template-areas: "thumb name" "thumb seal" "stock quantity" "price cta";
}
@media (min-width: 576px) {
  .pdt-sm {
    border-color: transparent;
    grid-template-columns: 1fr;
    grid-template-areas: "thumb" "name" "seal" "stock" "manufacturer" "price" "quantity" "cta";
  }
}
@media (min-width: 992px) {
  .pdt-sm {
    grid-template-columns: 120px 1fr;
    grid-template-areas: "thumb thumb" "name name" "seal seal" "stock stock" "price price" "manufacturer manufacturer" "quantity cta" "closed closed";
  }
  .pdt-sm:hover {
    border: 1px solid #dee2e6;
  }
}
@media (min-width: 1200px) {
  .pdt-sm {
    grid-template-columns: 140px 1fr;
    grid-template-areas: "thumb thumb" "name name" "seal seal" "stock stock" "price manufacturer" "quantity cta" "closed closed";
  }
}
.pdt-sm [data-product-list=thumb] {
  grid-area: thumb;
}
.pdt-sm [data-product-list=seal] {
  grid-area: seal;
}
.pdt-sm [data-product-list=name] {
  grid-area: name;
}
.pdt-sm [data-product-list=filter] {
  grid-area: filter;
}
.pdt-sm [data-product-list=stock-status] {
  grid-area: stock;
  display: flex;
  align-items: center;
}
.pdt-sm [data-product-list=price] {
  grid-area: price;
}
.pdt-sm [data-product-list=manufacturer] {
  grid-area: manufacturer;
}
.pdt-sm [data-product-list=quantity] {
  grid-area: quantity;
}
.pdt-sm [data-product-list=cta] {
  grid-area: cta;
}
.pdt-sm [data-product-list=closed] {
  grid-area: closed;
}
.pdt-sm [data-product-list=manufacturer] {
  display: flex;
  padding: 0 10px;
}
.pdt-sm [data-product-list=manufacturer] > img {
  max-width: 160px;
}
@media (min-width: 1200px) {
  .pdt-sm [data-product-list=manufacturer] {
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .pdt-sm [data-product-list=manufacturer] {
    display: none;
  }
}
.pdt-sm [data-product-list=rating],
.pdt-sm [data-product-list=filter] {
  display: none;
}
.pdt-sm [data-product-list=wishlist] {
  position: absolute;
  top: 20px;
  right: 20px;
}
.pdt-sm a:not(.btn) {
  color: #212529;
}
.pdt-sm .btn-fav {
  display: none;
}
@media (min-width: 576px) {
  .pdt-sm .btn-fav {
    background: none;
    appearance: none;
    -webkit-appearance: none;
    color: #FF0000;
    border-radius: 100%;
    font-size: 0.75rem;
    height: 30px;
    width: 30px;
    border: none;
  }
}
.pdt-sm .img-marca {
  image-rendering: -webkit-optimize-contrast;
  margin: 0;
  height: 50px;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 575.98px) {
  .pdt-sm .img-marca {
    margin: 0 auto;
  }
}
.pdt-sm .prc-ctn {
  display: flex;
  gap: 10px;
}
.pdt-sm .prc-ctn > div {
  flex-basis: 50%;
}
.pdt-sm h4, .pdt-sm .h4 {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1.6;
  margin: 0;
  overflow: hidden;
}
.pdt-sm .pdt-sku.d-none {
  display: block !important;
  font-style: italic;
}
.pdt-sm .mdl-selos-pdt {
  justify-content: center;
}
.pdt-sm .mdl-selos-pdt .lnk-selo-item {
  display: flex;
}
.pdt-sm .mdl-selos-pdt .nome-prod-selo {
  color: #adb5bd;
  font-size: 0.6875rem;
}
.pdt-sm .text-price-kit {
  color: #343a40;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.pdt-sm .alert-aviseme {
  background-color: #000;
  border-radius: 0 0.375rem 0.375rem 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 3px 8px;
  position: absolute;
  top: 30px;
  left: 15px;
}
.pdt-sm .btn-aviseme {
  border: none;
}
.pdt-sm .acs-pdt {
  display: flex;
  align-items: center;
  gap: 9px;
}
.pdt-sm .btn-checkout {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  flex-grow: 1;
}

.pdt-stock-status {
  margin: 0;
}
.pdt-stock-status::before {
  content: "";
  display: inline-block;
  border-radius: 100%;
  flex-shrink: 0;
  margin-right: 8px;
  height: 11px;
  width: 11px;
}
.pdt-stock-status.text-success::before {
  background-color: #649B76;
}
.pdt-stock-status.text-warning::before {
  background-color: #ffc107;
}
.pdt-stock-status.text-danger::before {
  background-color: #dc3545;
}

.tmb-pdt {
  height: auto;
  position: relative;
  text-align: center;
  width: 100%;
}
.tmb-pdt > div:not(.etq-pdt) {
  margin: 0 auto;
  max-width: 260px;
  position: relative;
}
.tmb-pdt > div:not(.etq-pdt)::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.tmb-pdt > div:not(.etq-pdt) > a {
  display: block;
  position: absolute;
  border-radius: 0.5rem;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.tmb-pdt > div:not(.etq-pdt) > a > img {
  height: auto;
  width: 100%;
  margin: 0 auto;
}
.tmb-pdt > div:not(.etq-pdt) > a > img.swiper-lazy {
  visibility: hidden;
}
.tmb-pdt > div:not(.etq-pdt) > a > img.swiper-lazy.swiper-lazy-loaded {
  visibility: visible;
}

.tmb-pdt-hv {
  height: auto;
  width: 100%;
}
.tmb-pdt-hv > img {
  width: 100%;
  height: auto;
}
.tmb-pdt-hv:nth-child(n+2) {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.tmb-pdt:hover .tmb-pdt-hv:nth-child(n+2) {
  display: block;
}

.lst-pdt .pdt-sm {
  border: 1px solid #dee2e6;
  grid-template-columns: 230px 1fr 145px 180px;
  grid-template-rows: 30px auto 50px;
  grid-template-areas: "thumb name stock stock" "thumb seal price manufacturer" "thumb seal quantity cta";
}
@media (max-width: 1199.98px) {
  .lst-pdt .pdt-sm {
    grid-template-columns: 150px 1fr;
    grid-template-rows: auto;
    grid-template-areas: "thumb name" "thumb stock" "thumb manufacturer" "thumb price" "thumb quantity" "thumb cta";
  }
}
.lst-pdt .tmb-pdt > div:not(.etq-pdt) {
  margin: 0 auto 0 0;
  max-width: 180px;
}

.grd-new-pdt .pdt-sm {
  border: 1px solid #dee2e6;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: "thumb" "name" "seal" "stock" "manufacturer" "price" "quantity" "cta";
}
@media (min-width: 1200px) {
  .grd-new-pdt .pdt-sm {
    grid-template-columns: 270px 1fr 1fr;
    grid-template-rows: auto 25px 25px auto 50px;
    grid-template-areas: "thumb name name" "thumb seal seal " "thumb stock stock" "thumb price manufacturer" "thumb quantity cta";
  }
}
.grd-new-pdt .tmb-pdt > div:not(.etq-pdt) {
  margin: 0 auto 0 0;
  max-width: 215px;
}

.pdt-sm .mdl-config-closed .icon {
  width: 2.25em;
  height: 2.25em;
}
.pdt-sm .mdl-config-closed .closed-text {
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
}

@media (max-width: 991.98px) {
  .ctn-filter {
    transform: translateX(100%);
    transition: transform 0.2s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  }
  .ctn-filter.opn-filter {
    box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.2);
    transform: translateX(0);
    transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .tt-filter-list {
    border-bottom: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 15px;
    text-transform: uppercase;
    margin: 0;
  }
  .tt-filter-list .icon {
    font-size: 16px;
    margin-right: 15px;
  }
  .menu-flt {
    border: 1px solid #dee2e6;
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border-radius: 18px;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    height: 35px;
    padding: 0 15px;
    text-transform: uppercase;
    outline: none;
  }
  .menu-flt .icon {
    font-size: 1rem;
    margin-right: 8px;
  }
  .btn-sort {
    border: 1px solid #dee2e6;
    appearance: none;
    -webkit-appearance: none;
    background: none;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    display: flex;
    font-size: 0.875rem;
    margin-right: 10px;
    height: 35px;
    width: 35px;
    outline: none;
  }
  .sort-list {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 15px 0.75rem;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1020;
  }
  .sort-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 0;
  }
  .sort-list .btn .icon {
    font-size: 1rem;
  }
  .sort-list .flt-sel {
    display: none !important;
  }
  .sort-list .dw-catalog {
    order: 2;
    margin-left: auto;
  }
  .sort-list .view-list {
    order: 3;
  }
  .ctn-filter {
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: flex-end;
    position: fixed;
    height: 100vh;
    right: 0;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 1030;
  }
  .ctn-filter > div {
    background: #fff;
    height: 100vh;
    overflow-y: auto;
    width: 80vw;
    max-width: 300px;
    padding: 0;
    margin: 0;
  }
  .ctn-filter .btn-close-menu {
    left: 15px;
  }
  .ctn-filter .view-list {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .sort-list > div {
    --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;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .sort-list,
  .ctn-filter {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #dee2e6;
    -webkit-backdrop-filter: blur(10px);
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1020;
  }
  .sort-list > div,
  .ctn-filter > div {
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 10px;
  }
  .sort-list > div > div:empty,
  .ctn-filter > div > div:empty {
    display: none;
  }
  .sort-list {
    top: 0;
    z-index: 1019;
  }
  .sort-list .view-list,
  .sort-list .dw-catalog {
    display: none;
  }
  .tt-filter-list {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    width: 140px;
  }
  .tt-filter-list .icon {
    font-size: 20px;
    margin-right: 10px;
  }
  .btn-close-menu {
    display: none;
  }
}
.view-list {
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .view-list {
    margin-left: auto;
  }
}
.view-list > span {
  font-size: 0.75rem;
  color: #636466;
  text-transform: uppercase;
  margin-right: 10px;
}
.view-list > div {
  display: flex;
}
.view-list a:hover:not(.active-view) > span span {
  background-color: #CBCBCB;
}
.view-list .active-view > span span, .view-list .active-view > span:after {
  background-color: #636466;
}
.view-list .ic-grid-sm,
.view-list .ic-grid-lg {
  display: flex;
  margin-right: 8px;
  height: 100%;
}
@media (min-width: 992px) {
  .view-list .ic-grid-sm,
  .view-list .ic-grid-lg {
    margin-right: 15px;
  }
}
.view-list .ic-grid-sm span,
.view-list .ic-grid-lg span {
  background-color: #dee2e6;
  border-radius: 2px;
  height: 20px;
  width: 10px;
  margin-right: 4px;
}
.view-list .ic-grid-lg span:nth-child(n+3) {
  display: none;
}
@media (max-width: 767.98px) {
  .view-list .ic-grid-sm span:not(:first-child) {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .view-list #listView {
    display: none;
  }
}
.view-list .ic-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.view-list .ic-list span {
  background-color: #dee2e6;
  height: 2px;
  width: 50px;
}
@media (max-width: 767.98px) {
  .view-list .ic-list span {
    width: 22px;
  }
}

@keyframes loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.ghost-wrap {
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width: 767.98px) {
  .ghost-wrap {
    box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.6) !important;
    position: fixed;
    width: 80vw;
    left: auto;
    right: 0;
  }
}
.ghost-wrap:before {
  background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);
  background-size: 400%;
  animation: loading 1.2s ease-in-out infinite;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ghost-wrap > div {
  visibility: hidden;
}

.sub-cat-list {
  margin: 100px 0;
}
.sub-cat-list h4, .sub-cat-list .h4 {
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 60px;
}
.sub-cat-list > div {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
@media (min-width: 992px) {
  .sub-cat-list > div {
    gap: 60px;
  }
}
.sub-cat-list > div a {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  padding-bottom: 0;
  border: 1px solid #dee2e6;
  max-width: 230px;
  width: calc(50% - 15px);
}
@media (min-width: 1400px) {
  .sub-cat-list > div a {
    padding: 1rem;
    padding-bottom: 0;
  }
}
.sub-cat-list > div a:hover {
  border-color: #FF0000;
}
.sub-cat-list > div a img {
  display: block;
  width: auto;
  aspect-ratio: 59/34;
  object-fit: contain;
  margin: auto auto 0 auto;
}
.sub-cat-list > div a p {
  font-size: 0.875rem;
  font-style: italic;
  font-weight: 700;
  text-transform: uppercase;
}

.pdt-bottom,
#avaliacoesPdt,
.pdt-rel {
  background-color: #FFFFFF;
  position: relative;
}

.pdt-bottom {
  margin-bottom: -1.5rem;
}

.cloudimage-360-fullscreen-modal {
  padding-top: 20px;
  z-index: 1050 !important;
}
.cloudimage-360-fullscreen-modal .cloudimage-360-close-fullscreen-icon {
  position: fixed;
  top: 1%;
  right: 10px;
  border-radius: 100%;
  padding: 5px;
  width: 25px;
  height: 25px;
}

.pdt-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -10px;
}
.pdt-gallery figure {
  width: 100%;
  margin-bottom: 20px;
  padding: 0 10px;
}
.pdt-gallery figure.cloud360-image {
  width: 50%;
}
.pdt-gallery figure:not(:first-of-type) {
  width: 50%;
}
.pdt-gallery figure a {
  display: block;
  position: relative;
}
.pdt-gallery figure a::after {
  box-shadow: inset 0 0 0 20px transparent;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .pdt-gallery figure a::after {
    transition: none;
  }
}
.pdt-gallery figure a:hover {
  cursor: zoom-in;
}
.pdt-gallery figure a:hover::after {
  box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.1);
}
.pdt-gallery .images {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .pdt-gallery .images {
    overflow-x: scroll;
  }
  .pdt-gallery .images figure {
    width: 100%;
  }
  .pdt-gallery .images figure:not(:first-of-type) {
    width: 50%;
  }
}

.pdt-bc {
  margin: 1.5rem 0;
}
.pdt-bc .breadcrumbs li {
  color: #636466;
}
.pdt-bc .breadcrumbs li a {
  color: #636466;
}

.info-pdt {
  margin-bottom: 1.5rem;
}

.pdt-codes {
  color: #adb5bd;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.pdt-codes span {
  margin-right: 1.5rem;
}

.tt-pdt {
  font-size: 1rem;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .tt-pdt {
    font-size: 1.875rem;
  }
}

.hd-pdt {
  margin-bottom: 1.5rem;
}
.hd-pdt .selos-pdt {
  position: relative;
  bottom: initial;
  left: initial;
  flex-direction: row;
}
.hd-pdt .selos-pdt > div {
  margin-right: 0px;
}

.pdt-price {
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .pdt-price {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 70%;
  }
}
.pdt-price .pts-compra {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 300;
  border: 1px solid #636466;
  border-radius: 0.375rem;
  padding: 0 8px;
  display: inline-block;
}
.pdt-price .pts-compra strong {
  font-weight: 300;
}

.msg-pdt {
  font-size: 1em;
  line-height: 2;
  margin-bottom: 60px;
}

.msg-pdt em {
  font-style: normal;
  text-decoration: underline;
}

.car-pdt {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .car-pdt {
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .car-pdt {
    max-width: 100%;
  }
  .car-pdt.car-pdt-alc {
    max-width: 45%;
  }
}
.car-pdt .qtd-pdt {
  margin-right: 15px;
}
.car-pdt .qtd-pdt .ui-spinner {
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border: none !important;
  border-radius: 0.375rem !important;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .car-pdt .qtd-pdt .ui-spinner {
    justify-content: center !important;
  }
}
.car-pdt .qtd-pdt .input-qtd {
  border: none !important;
  height: 45px;
  margin: 0;
  text-align: center;
  padding: 0;
  width: 45px;
  order: 2;
  outline: none !important;
  font-family: "Bridgestone" !important;
}
.car-pdt .qtd-pdt .ui-spinner-up,
.car-pdt .qtd-pdt .ui-spinner-down {
  background: transparent !important;
  border: none !important;
  color: #636466 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  width: 40px !important;
  height: 100%;
  text-indent: 0 !important;
  cursor: pointer !important;
}
.car-pdt .qtd-pdt .ui-spinner-up:before,
.car-pdt .qtd-pdt .ui-spinner-down:before {
  font-size: 1.55rem;
  font-weight: 100;
  font-family: Helvetica, Arial, sans-serif;
  color: #000;
}
.car-pdt .qtd-pdt .ui-spinner-up > span,
.car-pdt .qtd-pdt .ui-spinner-down > span {
  display: none !important;
}
.car-pdt .qtd-pdt .ui-spinner-up {
  order: 3;
  border-radius: 0 0.5rem 0.5rem 0;
  border-left: none !important;
}
.car-pdt .qtd-pdt .ui-spinner-up:before {
  content: "+" !important;
}
.car-pdt .qtd-pdt .ui-spinner-up:hover:before {
  color: #dc3545 !important;
}
.car-pdt .qtd-pdt .ui-spinner-down {
  order: 1;
  border-radius: 0.5rem 0 0 0.5rem;
  border-right: none !important;
}
.car-pdt .qtd-pdt .ui-spinner-down:before {
  content: "-" !important;
}
.car-pdt .qtd-pdt .ui-spinner-down:hover:before {
  color: #dc3545 !important;
}
.car-pdt .qtd-pdt .ui-corner-all {
  border: 1px solid #dee2e6 !important;
  border-radius: 90px !important;
}
.car-pdt #button-cart.btn-lg, .car-pdt .btn-group-lg > #button-cart.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 30px;
  flex-grow: 1;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  max-width: 440px;
}
@media (min-width: 992px) {
  .car-pdt #button-cart.btn-lg, .car-pdt .btn-group-lg > #button-cart.btn {
    width: 100%;
  }
}

.sec-actions {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.sec-actions .btn {
  padding: 0;
  text-transform: none;
  margin-right: 15px;
  text-decoration: none;
}

.vd-pdt {
  background: #f8f9fa;
  padding: 100px 0;
  margin: 40px 0 100px 0;
}
.vd-pdt .container {
  max-width: 780px;
}

.fab-pdt {
  color: #636466;
  padding-bottom: 40px;
  font-size: 0.875rem;
}
.fab-pdt .manufacturer-link:hover {
  color: #FF0000;
}
.fab-pdt > div:first-of-type {
  display: flex;
  align-items: center;
  gap: 15px;
}
.fab-pdt > div:first-of-type > a img {
  max-width: 165px;
  max-height: 20px;
}

.wrap-desc {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.pdt-desc {
  color: #636466;
  padding-bottom: 40px;
  min-width: 500px;
  flex-grow: 1;
}
@media print {
  .pdt-desc {
    min-width: unset !important;
  }
}
@media (max-width: 575.98px) {
  .pdt-desc {
    min-width: 100%;
    width: 100%;
  }
}
.pdt-desc p {
  color: #636466;
  font-weight: 300;
}
.pdt-desc ul {
  padding-left: 20px;
}
.pdt-desc .cat-desc-txt {
  font-size: 0.875rem;
  text-align: center;
}

.ctn-atb-pdt {
  padding-bottom: 40px;
}
.ctn-atb-pdt .attribute {
  border-collapse: collapse;
  font-size: 0.875rem;
  font-weight: 300;
  width: 100%;
  margin-bottom: 1.5rem;
}
.ctn-atb-pdt .attribute thead th,
.ctn-atb-pdt .attribute thead tr th:first-child {
  background-color: rgb(239.075, 241.35, 243.625);
  font-weight: 300;
  text-align: left;
  padding: 10px 15px;
}
.ctn-atb-pdt .attribute tr {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: transparent;
}
.ctn-atb-pdt .attribute tr td:first-child {
  background: #F0F0F0;
  border-right: 2px solid #fff;
  width: 25%;
}
.ctn-atb-pdt .attribute td {
  background: #f8f9fa;
  padding: 10px 15px;
  text-align: left;
  vertical-align: top;
}

#modalReview .muted {
  display: none;
}

.estoque-pdt {
  color: #636466;
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
}
.estoque-pdt strong {
  color: theme-color("success");
  font-weight: normal;
}
.estoque-pdt strong.status-Esgotado {
  color: theme-color("danger");
}
.estoque-pdt + .estoque-pdt {
  margin-left: 15px;
}
@media (max-width: 575.98px) {
  .estoque-pdt + .estoque-pdt {
    margin-left: 0;
    margin-top: 5px;
    display: block;
  }
}

.alert-frete-gratis {
  background: white;
  color: #649B76;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.75rem;
  padding: 0.75rem;
  width: 100%;
}
.alert-frete-gratis svg {
  font-size: 24px;
  margin-right: 10px;
}

.tel-sob-consulta strong {
  color: #495057;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.tel-sob-consulta > div {
  display: flex;
  align-items: center;
}
.tel-sob-consulta > div p {
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}
.tel-sob-consulta p {
  font-size: 0.875rem;
  margin-bottom: 0;
}

.cp-pdt {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.cp-pdt p {
  font-size: 0.875rem;
  font-weight: 300;
  margin: 0 10px 0 0;
}
.cp-pdt a {
  font-size: 20px;
  margin-right: 15px;
}

.btn-medidas {
  background: none;
  appearance: none;
  -webkit-appearance: none;
  font-size: 0.875rem;
  font-weight: 300;
  border: none;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 0;
  outline: none;
}
.btn-medidas .icon {
  margin-right: 5px;
}
.btn-medidas:hover {
  text-decoration: underline;
}
.btn-medidas:focus {
  outline: none;
}

.pts-compra {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 300;
  border: 1px solid #636466;
  border-radius: 0.375rem;
  padding: 0 8px;
  display: inline-block;
}
.pts-compra strong {
  font-weight: 300;
}

.pts-ganho {
  color: rgb(60, 93, 70.8);
  font-size: 0.875rem;
  margin-left: 15px;
}
.pts-ganho p {
  margin: 0;
}

.product-page {
  margin-bottom: -1.5rem;
}
.product-page #detailsPdt .attribute-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.product-page #detailsPdt .attribute-box .attribute {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 65px;
  width: 50%;
  position: relative;
}
@media (min-width: 1600px) {
  .product-page #detailsPdt .attribute-box .attribute {
    width: 33%;
  }
}
.product-page #detailsPdt .attribute-box .attribute .attribute-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.product-page #detailsPdt .attribute-box .attribute .attribute-icon svg {
  width: 2rem;
  height: 2rem;
}
.product-page .etiquetas .etq-item {
  height: 35px;
}
.product-page .etiquetas .etq-item img {
  height: auto;
  width: 30px;
}
.product-page .pdt-content-top .pdt-content-fixed {
  width: 41%;
  max-width: calc(737.5px - 2%);
}
.product-page .pdt-content-top .pdt-content-fixed.config-closed .mdl-equivalence {
  display: none !important;
}
.product-page .pdt-content-top .pdt-content-fixed.config-closed .mdl-config-closed > div {
  border-radius: 5px;
}
.product-page .pdt-content-top .pdt-content-fixed.config-closed .mdl-config-closed .icon {
  width: 2.25rem;
  height: 2.25rem;
}
@media (max-width: 1599.98px) {
  .product-page .pdt-content-top .pdt-content-fixed {
    max-width: calc(583.3333333333px - 2%);
  }
}
@media (max-width: 1399.98px) {
  .product-page .pdt-content-top .pdt-content-fixed {
    max-width: calc(630px - 2%);
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .product-page .pdt-content-top .pdt-content-fixed {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .product-page .pdt-content-top .pdt-content-fixed {
    position: fixed;
  }
}
.product-page .pdt-content-top .pdt-name {
  font: italic normal bold 40px/50px "Bridgestone";
  letter-spacing: 0px;
  color: #151515;
  text-transform: uppercase;
}
.product-page .pdt-content-top .pdt-codes {
  color: #636466;
  font-style: italic;
}
.product-page .desc-container {
  border-top: 4px solid #FF0000;
  position: relative;
  background-color: #fff;
}
.product-page .desc-container .row > div {
  padding-top: 50px;
  overflow: hidden;
  background-color: #fff;
  z-index: 999;
}
.product-page .tt-pdt-desc {
  font: italic normal bold 25px/50px "Bridgestone";
  color: #151515;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.product-page .selo-information {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 18px;
  border: 1px solid #D6D6D6;
  flex-direction: column;
}
.product-page .selo-information .img-observacao {
  padding: 20px 0;
}
@media (max-width: 575.98px) {
  .product-page .selo-information .img-observacao {
    padding: 20px 20px;
  }
}
.product-page .selo-information .selo-content {
  background-color: #f8f8f8;
  display: flex;
  justify-content: center;
  padding: 20px 20px;
}
.product-page .selo-information .selo-content section {
  padding: 95px 10px 15px 10px;
  position: relative;
  border-radius: 5px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .product-page .selo-information {
    padding: 0px;
  }
  .product-page .selo-information .selo-content {
    padding: 10px 10px;
  }
  .product-page .selo-information .selo-content section {
    padding: 90px 10px 15px 10px;
    max-width: 100%;
  }
}

.pdt-bottom {
  background-color: #fff !important;
}
.pdt-bottom #content-bottom {
  overflow: hidden;
  position: relative;
}

.bt-float-buy {
  top: 0%;
  z-index: 999;
  padding: 18px 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1019607843);
}
.bt-float-buy .pdt-name {
  font-weight: bold;
  font-size: 20px;
  font-style: italic;
}
.bt-float-buy .pdt-price {
  align-items: center;
  margin-bottom: 0;
}
.bt-float-buy .pdt-price .price .price-desc {
  font-size: 120%;
}
.bt-float-buy .car-pdt {
  margin: 0 !important;
}
.bt-float-buy .car-pdt #button-cart {
  width: 350px;
}
@media (max-width: 575.98px) {
  .bt-float-buy {
    bottom: 0;
    top: unset;
  }
  .bt-float-buy .pdt-name {
    display: none;
  }
  .bt-float-buy .pdt-price {
    margin-right: 8px !important;
    display: flex;
  }
  .bt-float-buy .pdt-price .price-desc {
    font-size: 95%;
  }
  .bt-float-buy .pdt-price .pdt-stock {
    display: none;
  }
  .bt-float-buy .car-pdt {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }
  .bt-float-buy .car-pdt .input-qtd {
    margin-right: 8px !important;
    width: 25px;
  }
  .bt-float-buy .btn-checkout {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.pdt-dica p {
  color: #636466;
  font-weight: 300;
}
.pdt-dica ul {
  padding-left: 20px;
}
.pdt-dica .ctn-tip-pdt {
  padding-bottom: 40px;
}
.pdt-dica .ctn-tip-pdt .table-tip {
  border-collapse: collapse;
  font-size: 0.875rem;
  font-weight: 300;
  width: 100%;
  margin-bottom: 1.5rem;
}
.pdt-dica .ctn-tip-pdt .table-tip thead th,
.pdt-dica .ctn-tip-pdt .table-tip thead tr th:first-child {
  background-color: rgb(239.075, 241.35, 243.625);
  font-weight: 300;
  text-align: left;
  padding: 10px 15px;
}
.pdt-dica .ctn-tip-pdt .table-tip tr {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: transparent;
}
.pdt-dica .ctn-tip-pdt .table-tip tr:first-child td {
  padding-top: 3px;
  padding-bottom: 3px;
}
.pdt-dica .ctn-tip-pdt .table-tip tr:first-child td:first-child {
  background: rgb(227.25, 227.25, 227.25);
}
.pdt-dica .ctn-tip-pdt .table-tip tr td:first-child {
  background: #F0F0F0;
  border-right: 2px solid #fff;
  width: 40%;
}
.pdt-dica .ctn-tip-pdt .table-tip td {
  background: #f8f9fa;
  padding: 10px 15px;
  text-align: left;
  vertical-align: top;
  width: 30%;
}

.dicas-pdt {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  overflow: hidden;
}
.dicas-pdt .pdt-dica {
  background: #EBEBEB 0% 0% no-repeat padding-box;
  padding: 60px 70px;
  width: calc(50% - 5px);
}
@media (min-width: 1600px) {
  .dicas-pdt .pdt-dica {
    width: calc(25% - 8px);
  }
}
@media (max-width: 767.98px) {
  .dicas-pdt .pdt-dica {
    width: calc(100% - 10px);
  }
}
.dicas-pdt .pdt-dica .txt-dica {
  font-size: 18px;
}
.dicas-pdt .pdt-dica .txt-dica b {
  font-size: 25px;
  color: #151515;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 700;
  font-style: italic;
}

#custom-footer {
  position: relative;
}

.pdt-dtq {
  position: relative;
  background-color: #fff;
  padding-top: 70px;
  padding-bottom: 130px;
}
.pdt-dtq img {
  max-height: min-content;
}

.compare-image {
  height: 200px;
  width: auto;
}

.pdt-alert {
  background-color: #cbe0eb;
  border-radius: 0.25rem;
  color: #082451;
  font-style: italic;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
  width: fit-content;
  padding: 2px 13px;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../../../../../../catalog/view/javascript/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../../../../../../catalog/view/javascript/photoswipe/default-skin/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 30px;
}

.pswp__button--arrow--right {
  right: 30px;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  border-radius: 100%;
  top: 35px;
  background-color: rgba(255, 255, 255, 0.3);
  height: 30px;
  width: 30px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small, .pswp__caption .small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #000;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.frete-sidebox .ctn-side-box {
  padding-bottom: 0;
}

.calc-frete-pdt {
  margin-bottom: 1.5rem;
}
.calc-frete-pdt .form-calc-frete label {
  color: #636466;
  font-size: 0.875rem;
}
.calc-frete-pdt .form-calc-frete > div {
  display: flex;
}
@media (min-width: 992px) {
  .calc-frete-pdt .form-calc-frete > div {
    max-width: 50%;
  }
}
.calc-frete-pdt .form-calc-frete .alert-frete {
  text-transform: uppercase;
  color: #dc3545;
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 5px;
}

.ctnShipping h5, .ctnShipping .h5 {
  font-size: 1rem;
  font-weight: bold;
}
.ctnShipping #boxDesc {
  display: flex;
  flex-direction: column;
}
.ctnShipping #boxDesc > div {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  padding: 1rem 0;
}
.ctnShipping #boxDesc > div h6, .ctnShipping #boxDesc > div .h6 {
  flex-grow: 1;
}
.ctnShipping #boxDesc > div .ttp-end {
  font-size: 0.875rem;
}
.ctnShipping #boxDesc > div .valor {
  color: #649B76;
  margin-left: 1rem;
  font-weight: bold;
}
.ctnShipping #boxDesc > div:last-of-type {
  border: none;
}

.selected-shipmeth {
  border: 2px solid #649B76;
  border-radius: 0.5rem;
  padding: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 992px) {
  .selected-shipmeth {
    flex-direction: row;
  }
}
.selected-shipmeth > div:first-of-type {
  display: flex;
  align-items: center;
  color: #649B76;
  text-transform: uppercase;
  margin-right: 1.5rem;
}
.selected-shipmeth > div:last-of-type {
  font-size: 0.875rem;
}
.selected-shipmeth > div:last-of-type span {
  color: rgb(80, 124, 94.4);
  display: block;
  font-weight: 600;
}
.selected-shipmeth p {
  margin: 0;
}
.selected-shipmeth .icon-check {
  background-color: #649B76;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  flex-shrink: 0;
  margin-right: 8px;
}
.selected-shipmeth .icon-check:after {
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  height: 9px;
  width: 6px;
  transform: rotate(45deg) translateX(-1px) translateY(-1px);
}
.selected-shipmeth .txt-change-shipmeth {
  color: #343a40;
  display: block;
  font-size: 0.75rem;
  text-align: left;
  text-decoration: underline;
}

.btn-shipmeth-selected {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-bottom: 1.5rem;
  max-width: 450px;
  text-align: left;
  width: 100%;
}
.btn-shipmeth-selected:hover .selected-shipmeth {
  border-color: rgb(80, 124, 94.4);
}
.btn-shipmeth-selected:hover .txt-change-shipmeth {
  color: rgb(80, 124, 94.4);
}
.btn-shipmeth-selected:focus {
  outline: none;
}

.form-frete-sidebox {
  margin-bottom: 1.5rem;
}
.form-frete-sidebox label {
  font-size: 0.875rem;
  color: #495057;
  display: block;
  margin-bottom: 5px;
}
.form-frete-sidebox > div {
  display: flex;
  align-items: center;
}
.form-frete-sidebox > div .form-control {
  margin-right: 15px;
}

.ctn-tab-frete {
  margin-bottom: 1.5rem;
}

.tab-frete {
  background: #F0F0F0;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-bottom: 20px;
}
.tab-frete > a {
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 700;
  flex-grow: 1;
  text-align: center;
  padding: 5px;
  text-transform: uppercase;
  text-decoration: none;
}
.tab-frete > a.active {
  background-color: #343a40;
  color: #fff;
}

.lst-shipmeth {
  list-style: none;
}
.lst-shipmeth > li {
  display: flex;
  padding: 10px 0;
  font-size: 0.875rem;
  color: #495057;
}
.lst-shipmeth > li:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}
.lst-shipmeth > li > input {
  margin-right: 15px;
  flex-shrink: 0;
}
.lst-shipmeth > li p {
  margin-bottom: 5px;
}
.lst-shipmeth > li p span {
  display: block;
}
.lst-shipmeth h6, .lst-shipmeth .h6 {
  font-size: 0.875rem;
  margin-bottom: 5px;
}
.lst-shipmeth .valor {
  color: #649B76;
  font-weight: 700;
  text-transform: uppercase;
}

.ctn-btn-shipping {
  background: #fff;
  padding: 20px;
  margin: 0 -20px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
@media (max-width: 575.98px) {
  .ctn-btn-shipping {
    padding-bottom: 40px;
  }
}

.pds {
  margin-bottom: 1.5rem;
}

.pds-tt {
  color: #FF0000;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.pds-ctd {
  display: flex;
  flex-wrap: wrap;
}

.pds-item {
  border: 2px solid transparent;
  border-radius: 0.375rem;
  overflow: hidden;
  display: inline-block;
  margin: 5px 15px 15px 0;
}
@media (max-width: 767.98px) {
  .pds-item {
    margin: 5px 10px 10px 0;
  }
}
.pds-item:hover {
  border-color: #adb5bd;
}
.pds-item > img {
  max-width: 60px;
}

.pds-current {
  border-color: #649B76;
}

.opt-pdt {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .opt-pdt {
    max-width: 70%;
  }
}
.opt-pdt h4, .opt-pdt .h4 {
  color: #636466;
}
.opt-pdt .form-group {
  margin-bottom: 30px;
}
.opt-pdt .form-group .form-label,
.opt-pdt .form-group label {
  font-size: 0.875rem;
  font-weight: bold;
}
.opt-pdt .form-control.opt-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: calc(1.5em + 0.5rem + 2px);
  border-radius: 50rem;
}
.opt-pdt .form-control.opt-lg {
  height: calc(1.5em + 1.6rem + 2px);
  padding: 0.8rem 1rem;
  font-size: 1.25rem;
  line-height: calc(1.5em + 1.6rem + 2px);
  border-radius: 50rem;
}

.form-label {
  font-size: 0.875rem;
}

.form-check-group {
  display: flex;
  flex-wrap: wrap;
}

.prc-opt {
  color: #649B76;
  font-size: 0.875rem;
  font-weight: normal;
}

.wrap-prc-opt {
  position: relative;
}
.wrap-prc-opt .prc-opt {
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
}

.rdio-opt .form-check-group,
.chck-opt .form-check-group,
.imge-opt .form-check-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 10px;
}
@media (min-width: 992px) {
  .rdio-opt .form-check-group,
  .chck-opt .form-check-group,
  .imge-opt .form-check-group {
    grid-template-columns: repeat(3, 1fr);
  }
}
.rdio-opt .form-check-group.opt-md,
.chck-opt .form-check-group.opt-md,
.imge-opt .form-check-group.opt-md {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 10px;
}
@media (min-width: 992px) {
  .rdio-opt .form-check-group.opt-md,
  .chck-opt .form-check-group.opt-md,
  .imge-opt .form-check-group.opt-md {
    grid-template-columns: repeat(3, 1fr);
  }
}
.rdio-opt .form-check-group.opt-sm,
.chck-opt .form-check-group.opt-sm,
.imge-opt .form-check-group.opt-sm {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: initial;
  gap: initial;
}
.rdio-opt .form-check-group.opt-sm .form-check,
.chck-opt .form-check-group.opt-sm .form-check,
.imge-opt .form-check-group.opt-sm .form-check {
  margin-right: 8px;
  margin-bottom: 8px;
}
.rdio-opt .form-check-group.opt-sm .form-check label,
.chck-opt .form-check-group.opt-sm .form-check label,
.imge-opt .form-check-group.opt-sm .form-check label {
  align-items: center;
  justify-content: center;
  padding: 5px;
  min-width: 55px;
}
.rdio-opt .form-check-group.opt-sm .form-check .form-check-input:checked + label:after,
.chck-opt .form-check-group.opt-sm .form-check .form-check-input:checked + label:after,
.imge-opt .form-check-group.opt-sm .form-check .form-check-input:checked + label:after {
  display: none;
}
.rdio-opt .form-check-group.opt-lg,
.chck-opt .form-check-group.opt-lg,
.imge-opt .form-check-group.opt-lg {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px 10px;
}
.rdio-opt .form-check-group.opt-lg .form-check label,
.chck-opt .form-check-group.opt-lg .form-check label,
.imge-opt .form-check-group.opt-lg .form-check label {
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  flex-direction: row;
}
.rdio-opt .form-check-group.opt-lg .form-check label:after,
.chck-opt .form-check-group.opt-lg .form-check label:after,
.imge-opt .form-check-group.opt-lg .form-check label:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m173.898 439.404-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: auto 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F0F0F0;
  border-radius: 100%;
  flex-shrink: 0;
  content: "";
  height: 24px;
  width: 24px;
  margin-right: 10px;
  order: -1;
}
.rdio-opt .form-check-group.opt-lg .form-check label span,
.chck-opt .form-check-group.opt-lg .form-check label span,
.imge-opt .form-check-group.opt-lg .form-check label span {
  flex-grow: 1;
}
.rdio-opt .form-check-group.opt-lg .form-check .form-check-input:checked + label:after,
.chck-opt .form-check-group.opt-lg .form-check .form-check-input:checked + label:after,
.imge-opt .form-check-group.opt-lg .form-check .form-check-input:checked + label:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m173.898 439.404-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: auto 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #649B76;
  position: relative;
  top: initial;
  right: initial;
}
.rdio-opt .form-check,
.chck-opt .form-check,
.imge-opt .form-check {
  padding: 0;
}
.rdio-opt .form-check .form-check-input,
.chck-opt .form-check .form-check-input,
.imge-opt .form-check .form-check-input {
  display: none;
}
.rdio-opt .form-check .form-check-input:checked + label,
.chck-opt .form-check .form-check-input:checked + label,
.imge-opt .form-check .form-check-input:checked + label {
  border-color: #649B76;
}
.rdio-opt .form-check .form-check-input:checked + label:after,
.chck-opt .form-check .form-check-input:checked + label:after,
.imge-opt .form-check .form-check-input:checked + label:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m173.898 439.404-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: auto 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #649B76;
  border-radius: 100%;
  flex-shrink: 0;
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  height: 24px;
  width: 24px;
}
.rdio-opt .form-check .form-check-input.out-of-stock + label, .rdio-opt .form-check .form-check-input.out-of-stock:checked + label,
.chck-opt .form-check .form-check-input.out-of-stock + label,
.chck-opt .form-check .form-check-input.out-of-stock:checked + label,
.imge-opt .form-check .form-check-input.out-of-stock + label,
.imge-opt .form-check .form-check-input.out-of-stock:checked + label {
  background: #F0F0F0;
  border-color: #636466;
}
.rdio-opt .form-check label,
.chck-opt .form-check label,
.imge-opt .form-check label {
  border: 1px solid #CBCBCB;
  border-radius: 0.375rem;
  color: #212529;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 10px;
  height: 100%;
  width: 100%;
}
.rdio-opt .form-check label span,
.chck-opt .form-check label span,
.imge-opt .form-check label span {
  font-weight: normal;
}
.rdio-opt .form-check label:hover,
.chck-opt .form-check label:hover,
.imge-opt .form-check label:hover {
  border-color: #495057;
}
.rdio-opt img,
.chck-opt img,
.imge-opt img {
  height: 50px;
  width: 50px;
  border: 1px solid #dee2e6;
  object-fit: cover;
  overflow: hidden;
  border-radius: 0.375rem;
  margin-right: 10px;
  flex-shrink: 0;
}

.chck-opt .form-check-group.opt-lg .form-check .form-check-input + label:after, .chck-opt .form-check-group.opt-lg .form-check .form-check-input:checked + label:after {
  border-radius: 50rem;
}

.imge-opt .form-check-group .form-check label {
  flex-direction: initial;
}
.imge-opt .form-check-group.opt-sm .form-check label {
  position: relative;
  padding: 1px;
  flex-direction: row;
  justify-content: start;
}
.imge-opt .form-check-group.opt-sm .form-check label img {
  border: none;
  margin: 0;
}
.imge-opt .form-check-group.opt-sm .form-check label .info-opt {
  background: #fff;
  border-radius: 0.375rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 8px;
  position: absolute;
  bottom: calc(100% + 10px);
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  min-width: 70px;
  display: none;
}
.imge-opt .form-check-group.opt-sm .form-check label .info-opt:after {
  content: "";
  border: 6px solid transparent;
  border-top-color: #fff;
  height: 0;
  width: 0;
  top: 100%;
  left: calc(50% - 6px);
  position: absolute;
}
.imge-opt .form-check-group.opt-sm .form-check label:hover .info-opt {
  display: block;
}
.imge-opt .form-check-group.opt-lg .info-opt {
  flex-grow: 1 !important;
  display: flex;
  justify-content: space-between;
}

.spn-group {
  border: 1px solid #CBCBCB;
  border-radius: 0.375rem;
  display: flex;
  align-items: stretch;
  margin-top: 7px;
  width: fit-content;
}
.spn-group input[type=text] {
  border: none;
  border-right: 1px solid #CBCBCB;
  border-left: 1px solid #CBCBCB;
  width: 50px;
  text-align: center;
  height: 30px;
}
.spn-group a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .spn-group a {
    width: 30px;
  }
}
.spn-group a:hover {
  background-color: #F0F0F0;
}

.fopt-img-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 10px;
}
@media (min-width: 992px) {
  .fopt-img-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.fopt-img-wrap.opt-sm {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 992px) {
  .fopt-img-wrap.opt-sm {
    grid-template-columns: repeat(5, 1fr);
  }
}
.fopt-img-wrap.opt-sm .fopt-img {
  flex-direction: column;
  padding: 5px;
}
.fopt-img-wrap.opt-sm .fopt-img > div:first-of-type {
  margin: 0 0 8px 0;
}
.fopt-img-wrap.opt-sm .fopt-img img {
  width: 100%;
  height: auto;
}
.fopt-img-wrap.opt-sm .spn-group input[type=text] {
  width: 50px;
}
.fopt-img-wrap.opt-sm .spn-group a {
  width: 20px;
}
.fopt-img-wrap.opt-lg {
  grid-template-columns: repeat(1, 1fr);
}
.fopt-img-wrap.opt-lg .fopt-info {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fopt-img-wrap.opt-lg .spn-group {
  margin-top: 0;
}

.fopt-img {
  border: 1px solid #CBCBCB;
  border-radius: 0.375rem;
  color: #212529;
  display: flex;
  flex: 1;
  padding: 10px;
}
.fopt-img > div:first-of-type {
  margin-right: 10px;
}
.fopt-img > div:last-of-type > span {
  font-size: 0.875rem;
  font-weight: bold;
}
.fopt-img img {
  border: 1px solid #F0F0F0;
  border-radius: 0.375rem;
}

.opt-sm .prc-opt {
  font-size: 0.75rem;
}

.avl-faq {
  padding-bottom: 100px;
}
.avl-faq > div {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .avl-faq > div {
    flex-direction: column;
  }
}

.pdt-rating {
  color: #636466;
  display: flex;
  align-items: baseline;
  font-size: 0.75rem;
}
.pdt-rating .pdt-star-rating {
  color: #CBCBCB;
  font-size: 1.2rem;
  margin-right: 8px;
}
.pdt-rating .pdt-star-rating[data-rating="1"] span:nth-child(-n+1) {
  color: #495057;
}
.pdt-rating .pdt-star-rating[data-rating="2"] span:nth-child(-n+2) {
  color: #495057;
}
.pdt-rating .pdt-star-rating[data-rating="3"] span:nth-child(-n+3) {
  color: #495057;
}
.pdt-rating .pdt-star-rating[data-rating="4"] span:nth-child(-n+4) {
  color: #495057;
}
.pdt-rating .pdt-star-rating[data-rating="5"] span:nth-child(-n+5) {
  color: #495057;
}
.pdt-rating .btn-outline-light {
  color: #adb5bd;
  border-color: #adb5bd;
}

.avl-pdt {
  background: rgb(247.65, 247.65, 247.65);
  padding: 1.5rem;
}
@media (max-width: 767.98px) {
  .avl-pdt {
    padding: 0.75rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .avl-pdt {
    width: calc(50% - 15px);
  }
}
.avl-pdt h3, .avl-pdt .h3 {
  font-size: 1.25rem;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .avl-pdt h3, .avl-pdt .h3 {
    font-size: 1.5rem;
  }
}

#review {
  color: #666;
  font-weight: 100;
}

.ctt-frm-com {
  padding: 30px 0 0 0;
}

.ctt-frm-com legend, .form-comentario .pagination .results {
  color: #666;
  font-weight: 100;
}

.ctt-frm-com input[type=text],
.ctt-frm-com textarea {
  color: #666;
}

.avaliacao {
  margin: 0 0 20px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.avaliacao > span {
  color: #636466;
  display: block;
  margin-bottom: 10px;
}
.avaliacao .campos {
  display: flex;
  gap: 5px;
}
.avaliacao .campos span {
  line-height: 20px;
  color: #636466;
  font-weight: 400;
}
.avaliacao .rating-stars-form {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 3px;
}
.avaliacao .rating-stars-form > input {
  display: none;
}
.avaliacao .rating-stars-form > label {
  position: relative;
  font-size: 1rem;
  color: #dee2e6;
  cursor: pointer;
}
.avaliacao .rating-stars-form > label::before {
  content: "★";
  color: #ffc107;
  position: absolute;
  opacity: 0;
}
.avaliacao .rating-stars-form > label:hover ::before,
.avaliacao .rating-stars-form > label:hover ~ label::before {
  opacity: 1 !important;
}
.avaliacao .rating-stars-form > input:checked ~ label:before {
  opacity: 1;
}
.avaliacao .rating-stars-form:hover > input:checked ~ label:before {
  opacity: 0.4;
}

.txt-captcha {
  margin-bottom: 5px;
  font-weight: 100;
  color: #666;
}

.captcha {
  float: left;
}

.input-captcha {
  margin-left: 10px;
  width: 80px;
  text-align: center;
}

/* Lista de comentários */
.avl-total {
  color: #495057;
  font-size: 0.875rem;
  font-style: italic;
}
.avl-total strong {
  font-size: 2.5rem;
  color: #000;
}

.btn-review {
  border: 1px solid #CCCCCC;
  border-radius: 30px;
  color: #939393;
  text-transform: uppercase;
  font-style: italic;
  font-size: 1.1rem;
  width: 320px;
  height: 50px;
}

.lista-comentarios {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lista-comentarios li {
  border-bottom: 1px solid #dee2e6;
  color: #666;
  padding: 30px 0;
}

.lista-comentarios li:last-child {
  border: none;
}

.lista-comentarios .conteudo-comentario {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ctn-avl {
  vertical-align: middle;
  white-space: nowrap;
  margin-bottom: 0.75rem;
}
.ctn-avl .icone-star {
  color: #495057;
  font-size: 1.2rem;
}
.ctn-avl .icone-star.active {
  color: #495057 !important;
}

.lista-comentarios li .autor {
  color: #333;
  font-weight: bold;
}

.lista-comentarios li .data-comentario {
  color: #333;
  font-weight: 100;
  display: inline-block;
}

.lista-comentarios li p {
  padding-bottom: 10px;
  font-weight: 100;
  line-height: 24px;
}

.faq-pdt {
  background: #F0F0F0;
  padding: 0.75rem;
}
@media (min-width: 992px) {
  .faq-pdt {
    padding: 1.5rem;
    width: calc(50% - 15px);
  }
}
.faq-pdt h3, .faq-pdt .h3 {
  font-size: 1.25rem;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .faq-pdt h3, .faq-pdt .h3 {
    font-size: 1.5rem;
  }
}

.lst-duvidas {
  list-style: none;
  padding: 0;
}
.lst-duvidas li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.pdt-duv {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px 20px 20px 0;
  padding: 20px;
  max-width: 90%;
  margin-bottom: 10px;
}
.pdt-duv p {
  color: #495057;
  font-weight: 300;
  margin-bottom: 10px;
}
.pdt-duv span {
  color: #495057;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 10px;
}

.pdt-res {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 20px 20px 0 20px;
  padding: 20px;
  max-width: 90%;
  margin-left: auto !important;
}
.pdt-res p {
  color: #495057;
  font-weight: 300;
  margin-bottom: 10px;
}
.pdt-res .label-res {
  color: #343a40;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 0.75rem;
}
.pdt-res span {
  color: #495057;
  font-weight: 700;
  font-size: 0.75rem;
  margin-top: 10px;
}

@media (max-width: 767.98px) {
  .alert-kit-qtd {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: -webkit-sticky;
    opacity: 0.9;
    position: sticky;
    top: 15px;
    z-index: 1020;
  }
}

ul.tb-acr {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  ul.tb-acr {
    max-height: 485px;
    overflow: auto;
    padding-bottom: 40px;
    position: relative;
  }
  ul.tb-acr:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 65%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 65%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 65%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
    content: "";
    height: 40px;
    min-height: 40px;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    bottom: -40px;
    left: 0;
  }
}
ul.tb-acr li.pdt-kit {
  border-bottom: 1px solid #dee2e6;
  display: flex;
  flex-shrink: 0;
  padding: 10px 0;
}
ul.tb-acr li.pdt-kit.obg-item {
  order: -1;
}
ul.tb-acr li.pdt-kit.obg-item .icon-check {
  background-color: #649B76;
  border-radius: 100%;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  color: transparent;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  flex-shrink: 0;
  margin-right: 8px;
}
ul.tb-acr li.pdt-kit.obg-item .icon-check:after {
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  height: 9px;
  width: 6px;
  transform: rotate(45deg) translateX(-1px) translateY(-1px);
}
ul.tb-acr li.pdt-kit .obg-item-badge {
  border: 1px solid #649B76;
  border-radius: 3px;
  color: #649B76;
  font-size: 0.75rem;
  line-height: 1.4;
  padding: 4px;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 575.98px) {
  ul.tb-acr li.pdt-kit .obg-item-badge br {
    display: none;
  }
}
ul.tb-acr li.pdt-kit ul.option_list .option {
  align-items: flex-start;
  flex-direction: column;
}

.pdt-kit-img {
  margin-right: 1rem;
  max-width: 80px;
  width: 100%;
}
@media (min-width: 768px) {
  .pdt-kit-img {
    max-width: 120px;
  }
}

.ctn-kit-info {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 575.98px) {
  .ctn-kit-info {
    flex-wrap: wrap;
  }
}
@media (max-width: 575.98px) {
  .ctn-kit-info .qtd-acr {
    margin-right: 0;
  }
}

.pdt-kit-info {
  flex-grow: 1;
}
@media (max-width: 575.98px) {
  .pdt-kit-info {
    width: 100%;
  }
}

.nm-acr {
  color: #343a40;
  display: flex;
  font-weight: 600;
  margin-bottom: 10px;
}

.prc-acr > span {
  display: block;
}
.prc-acr > div {
  display: none;
}

@media (max-width: 575.98px) {
  .btn-acr {
    display: flex;
    flex-grow: 1;
    margin-top: 1rem;
    justify-content: flex-end;
  }
}

.qtd-acr {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.qtd-acr input[type=text] {
  font-weight: normal;
  height: 30px;
  text-align: center;
}
.qtd-acr > a {
  background: #F0F0F0;
  color: #636466;
  display: flex;
  font-weight: normal;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 20px;
}
.qtd-acr > a:hover {
  background: #dee2e6;
  color: #343a40;
}
.qtd-acr > a:first-of-type {
  border-radius: 3px 0px 0px 3px;
}
.qtd-acr > a:last-of-type {
  border-radius: 0px 3px 3px 0px;
}
.qtd-acr strong {
  color: #636466;
  font-weight: 700;
}

.total-acr {
  display: flex;
}
@media (max-width: 575.98px) {
  .total-acr {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.total-acr > span {
  color: #636466;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .total-acr > span {
    margin: 3px 8px 0 0;
  }
}
.total-acr .txt-tt-acr {
  color: #000;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: normal;
}
.total-acr .txt-tt-acr .total-cond {
  color: #636466;
  display: block;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.total-acr .small {
  color: #636466;
}

.wrap-acr-checkout {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 575.98px) {
  .wrap-acr-checkout {
    flex-direction: column;
  }
}
.wrap-acr-checkout > div {
  flex-grow: 1;
}

@media (min-width: 768px) {
  .ctn-acr-price {
    margin-bottom: 1.5rem;
  }
}

.child-kit .rsm-car-img {
  position: relative;
  width: 60px !important;
}
.child-kit .rsm-car-img:before {
  background: #CBCBCB;
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
  width: 1px;
  height: calc(100% + 10px);
  z-index: 1;
}
.child-kit .rsm-car-img img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.child-kit .rsm-car-info {
  font-size: 0.875rem;
}

.tr-kit {
  background: #fbfbfb;
}
.tr-kit .img-pdt-cart {
  display: flex;
  max-width: 70px;
}
.tr-kit .img-pdt-cart img {
  width: 100%;
  height: auto;
}
.tr-kit .img-pdt-cart:before {
  color: #636466;
  content: "↳";
  display: inline-block;
  margin-right: 10px;
}
.tr-kit .image img {
  max-width: 40px;
  height: auto;
}
.tr-kit .image:before {
  color: #636466;
  content: "↳";
  display: inline-block;
  margin-right: 10px;
}

.pdt-rel {
  padding-bottom: 100px;
}
@media (min-width: 992px) {
  .pdt-rel .swiper {
    padding: 15px;
  }
}
.pdt-rel .swiper-slide {
  height: auto;
}
.pdt-rel .swiper-slide .pdt-sm {
  height: 100%;
  margin-bottom: 0;
}
.modal-medidas .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
}
.modal-medidas .modal-dialog {
  max-width: 800px;
}
.modal-medidas .modal-body {
  padding: 3rem;
}
@media (max-width: 767.98px) {
  .modal-medidas .modal-body {
    padding: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .modal-medidas .modal-body {
    padding: 1.5rem 0.75rem;
  }
}
.modal-medidas h1, .modal-medidas .h1 {
  color: #343a40;
  font-size: 1.5rem;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .modal-medidas h1, .modal-medidas .h1 {
    font-size: 1.2rem;
  }
}
.modal-medidas ol {
  color: #636466;
  font-size: 1.125rem;
  list-style-position: inside;
  text-align: center;
}

.lista-medidas {
  display: flex;
  align-items: center;
  list-style: none;
  justify-content: center;
  flex-wrap: wrap;
}
.lista-medidas li {
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 106px;
}
@media (max-width: 575.98px) {
  .lista-medidas li {
    width: auto;
    height: auto;
  }
}
.lista-medidas li span {
  border: 1px solid #dee2e6;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  flex-direction: column;
  height: 80px;
  width: 80px;
}
.lista-medidas li:nth-child(24n+1) span {
  width: 60px;
  height: 60px;
}
.lista-medidas li:nth-child(24n+2) span {
  width: 62px;
  height: 62px;
}
.lista-medidas li:nth-child(24n+3) span {
  width: 64px;
  height: 64px;
}
.lista-medidas li:nth-child(24n+4) span {
  width: 66px;
  height: 66px;
}
.lista-medidas li:nth-child(24n+5) span {
  width: 68px;
  height: 68px;
}
.lista-medidas li:nth-child(24n+6) span {
  width: 70px;
  height: 70px;
}
.lista-medidas li:nth-child(24n+7) span {
  width: 72px;
  height: 72px;
}
.lista-medidas li:nth-child(24n+8) span {
  width: 74px;
  height: 74px;
}
.lista-medidas li:nth-child(24n+9) span {
  width: 76px;
  height: 76px;
}
.lista-medidas li:nth-child(24n+10) span {
  width: 78px;
  height: 78px;
}
.lista-medidas li:nth-child(24n+11) span {
  width: 80px;
  height: 80px;
}
.lista-medidas li:nth-child(24n+12) span {
  width: 82px;
  height: 82px;
}
.lista-medidas li:nth-child(24n+13) span {
  width: 84px;
  height: 84px;
}
.lista-medidas li:nth-child(24n+14) span {
  width: 86px;
  height: 86px;
}
.lista-medidas li:nth-child(24n+15) span {
  width: 88px;
  height: 88px;
}
.lista-medidas li:nth-child(24n+16) span {
  width: 90px;
  height: 90px;
}
.lista-medidas li:nth-child(24n+17) span {
  width: 92px;
  height: 92px;
}
.lista-medidas li:nth-child(24n+18) span {
  width: 94px;
  height: 94px;
}
.lista-medidas li:nth-child(24n+19) span {
  width: 96px;
  height: 96px;
}
.lista-medidas li:nth-child(24n+20) span {
  width: 98px;
  height: 98px;
}
.lista-medidas li:nth-child(24n+21) span {
  width: 100px;
  height: 100px;
}
.lista-medidas li:nth-child(24n+22) span {
  width: 102px;
  height: 102px;
}
.lista-medidas li:nth-child(24n+23) span {
  width: 104px;
  height: 104px;
}
.lista-medidas li:nth-child(24n+24) span {
  width: 106px;
  height: 106px;
}

@media (min-width: 992px) {
  .opt-alliance {
    display: flex;
    justify-content: space-between;
  }
}

.opt-alc-block {
  border: 1px solid #CBCBCB;
  margin: 0 0 1.5rem 0;
  width: 100%;
}
@media (min-width: 992px) {
  .opt-alc-block {
    width: calc(50% - 15px);
  }
}

.ctn-alliance {
  background: #636466;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ctn-alliance .hd-opt-alc {
  background: #636466;
  display: flex;
  align-items: center;
}
.ctn-alliance .hd-opt-alc h3, .ctn-alliance .hd-opt-alc .h3 {
  color: #495057;
  display: flex;
  align-items: center;
  font-size: 1rem;
  height: 40px;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
}
.ctn-alliance .hd-opt-alc h3 span, .ctn-alliance .hd-opt-alc .h3 span {
  background: #495057;
  color: #fff;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  text-align: center;
  margin-right: 15px;
  width: 40px;
}
.ctn-alliance .hd-opt-alc.gray {
  background: rgb(86.4402985075, 87.3134328358, 89.0597014925);
}
.ctn-alliance .hd-opt-alc.gray h3, .ctn-alliance .hd-opt-alc.gray .h3 {
  color: #fff;
}
.ctn-alliance .ctn-opt-alc {
  background: #fff;
  padding: 15px;
  height: 100%;
  width: 100%;
}
.ctn-alliance .text-muted {
  grid-area: help;
}
@media (min-width: 1200px) {
  .ctn-alliance .form-group {
    display: grid;
    grid-template-columns: 130px 1fr;
    grid-template-rows: 1fr auto;
    gap: 0px 10px;
    align-items: center;
    grid-template-areas: ". ." ". help";
  }
  .ctn-alliance .form-group label {
    font-size: 0.875rem;
    margin: 0;
  }
}

.ctn-opt-alc .form-control {
  background: #F7F7F7;
  border-color: #F7F7F7 !important;
}
.ctn-opt-alc .form-group {
  margin-bottom: 1.5rem;
}
.ctn-opt-alc .opt-pdt {
  padding: 0;
  border: none;
  margin-top: 1.5rem;
  max-width: 550px;
}

.btn-add-alc {
  background: none;
  border: none;
  color: #636466;
  font-size: 0.875rem;
  display: flex;
  outline: none;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.btn-add-alc .ic-plus {
  border: 2px solid #adb5bd;
  border-radius: 100%;
  color: #636466;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
  font-weight: 300;
  line-height: normal;
  margin-right: 5px;
  padding-top: 5px;
  height: 20px;
  width: 20px;
}

.cj {
  background: #F0F0F0;
  display: flex;
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  .cj {
    flex-direction: column;
  }
}

.intro-cj {
  background: #212529;
  align-items: center;
  display: flex;
  flex-basis: 0;
  padding: 1rem;
  padding-right: 2rem;
}
.intro-cj h3, .intro-cj .h3 {
  color: #fff;
  display: flex;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  justify-content: center;
  text-transform: uppercase;
  word-spacing: 100vw;
}
@media (max-width: 767.98px) {
  .intro-cj {
    background: none;
    flex-basis: auto;
    justify-content: center;
    margin: 1rem 0 0 0;
    padding: 0;
  }
  .intro-cj h3, .intro-cj .h3 {
    color: #212529;
    word-spacing: normal;
  }
}

.cj-ctn {
  padding: 1rem;
}
.cj-ctn .cj-products {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .cj-ctn .cj-products {
    margin-bottom: 1rem;
  }
}
@media (max-width: 575.98px) {
  .cj-ctn .cj-products {
    flex-wrap: wrap;
  }
}
.cj-ctn .plus {
  color: #212529;
  font-size: 3rem;
  font-weight: bold;
}

.pdt-cj {
  max-width: 100px;
}
@media (max-width: 767.98px) {
  .pdt-cj {
    max-width: 70px;
  }
}
.pdt-cj img {
  height: auto;
  max-width: 100%;
}

.prc-cj .txt-econ {
  color: #dc3545;
  font-size: 0.875rem;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .prc-cj {
    text-align: right;
  }
}
@media (max-width: 575.98px) {
  .prc-cj {
    text-align: center;
    margin-bottom: 0.75rem;
  }
}

.btn-cj {
  text-align: right;
}
@media (max-width: 767.98px) {
  .btn-cj {
    text-align: left;
  }
}
@media (max-width: 575.98px) {
  .btn-cj {
    text-align: center;
  }
}

/*BRINDE*/
.brinde {
  align-items: center;
  display: flex;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 0.75rem;
}
@media (min-width: 992px) {
  .brinde {
    margin-top: -0.75rem;
  }
}
.brinde .ctn-tt-bde {
  margin-right: 0.75rem;
}
.brinde .img-pdt-bde {
  border: 2px solid #649B76;
  border-radius: 100%;
  float: left;
  width: 80px;
  height: auto;
}
.brinde .ctn-txt-bde {
  flex-grow: 1;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.brinde .ctn-txt-bde p {
  color: #636466;
  font-weight: normal;
  margin-bottom: 2px;
}
.brinde .ctn-txt-bde p span,
.brinde .ctn-txt-bde p strong {
  color: #649B76;
}
.brinde .ctn-txt-bde strong {
  color: #343a40;
}

.ctn-ctm-bc {
  display: flex;
  align-items: center;
}

.hd-ctm {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 0 60px 0;
  margin-bottom: 120px;
  position: relative;
}
@media (max-width: 575.98px) {
  .hd-ctm {
    margin-bottom: 80px;
    padding-bottom: 30px;
  }
}
.hd-ctm .dcr-mkp {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' viewBox='0 0 1623.73 156.39'%3E%3Cpath d='M943.034 156.388c-42.36 0-76.24-20.5-97.31-37.84-23.09-19-35.84-37.88-36.37-38.67-.13-.19-12.88-19.04-35.32-37.49-20.58-16.91-53.8-36.96-95.16-36.37-22.87.33-58.27 7.06-97.08 37.29-23.35 18.19-37 36.5-37.14 36.68-.57.77-14.18 19.05-38.14 37.74-22.18 17.3-57.67 38.04-100.85 38.65-43.22.59-77.8-20.23-99.19-37.83-23.09-19-35.84-37.88-36.37-38.67-.13-.19-12.88-19.04-35.32-37.49-20.58-16.91-53.77-36.97-95.14-36.37-79.55 1.13-133.7 73.25-134.24 73.97a3.001 3.001 0 01-4.2.63 2.99 2.99 0 01-.63-4.19c.57-.77 14.18-19.05 38.14-37.74 22.18-17.3 57.67-38.05 100.84-38.67 43.21-.63 77.8 20.25 99.18 37.85 23.08 19 35.82 37.88 36.36 38.67.13.19 12.88 19.04 35.33 37.49 20.58 16.91 53.8 36.97 95.15 36.35 22.88-.32 58.29-7.04 97.1-37.27 23.35-18.19 37-36.5 37.14-36.68.57-.77 14.18-19.05 38.13-37.74 22.17-17.3 57.66-38.05 100.83-38.67 43.24-.61 77.82 20.25 99.2 37.85 23.08 19 35.83 37.88 36.36 38.67.12.19 12.88 19.04 35.33 37.49 20.58 16.91 53.81 36.97 95.15 36.35 22.88-.32 58.29-7.04 97.11-37.27 23.35-18.19 37-36.5 37.14-36.68.57-.77 14.18-19.05 38.14-37.74 22.18-17.3 57.67-38.05 100.85-38.67 43.28-.6 77.81 20.25 99.19 37.85 23.09 19 35.84 37.88 36.37 38.67.13.19 12.88 19.05 35.32 37.49 20.28 16.66 52.84 36.36 93.36 36.36.59 0 1.18 0 1.78-.01 22.88-.32 58.29-7.04 97.11-37.27 23.35-18.19 37-36.5 37.14-36.68a3.011 3.011 0 014.2-.63 2.99 2.99 0 01.63 4.19c-.57.77-14.18 19.05-38.14 37.74-22.18 17.3-57.67 38.04-100.85 38.65-43.23.61-77.8-20.23-99.18-37.83-23.08-19-35.83-37.88-36.36-38.67-.13-.19-12.88-19.04-35.33-37.49-20.29-16.67-52.86-36.38-93.41-36.38-.58 0-1.16 0-1.74.01-22.88.33-58.29 7.06-97.1 37.29-23.35 18.19-37 36.5-37.14 36.68-.57.77-14.18 19.05-38.14 37.74-22.18 17.3-57.67 38.04-100.85 38.65-.63 0-1.26.01-1.88.01z' fill='%23f2f2f2'/%3E%3C/svg%3E");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1600px auto;
  position: absolute;
  right: 0;
  bottom: -90px;
  height: 160px;
  width: 100%;
  max-width: 950px;
}
@media (max-width: 575.98px) {
  .hd-ctm .dcr-mkp {
    background-size: 800px auto;
    width: 70%;
  }
}
.hd-ctm .ctn-bc-ctm {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  margin: 0 0 60px 0;
  color: #495057;
  height: 40px;
}
@media (max-width: 575.98px) {
  .hd-ctm .ctn-bc-ctm {
    margin-bottom: 20px;
  }
}
.hd-ctm .ctn-bc-ctm .back {
  color: #495057;
  margin-right: 1.5rem;
}
.hd-ctm .ctn-bc-ctm .back:hover {
  color: #F0F0F0;
}
.hd-ctm .ctn-bc-ctm .back:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.628' height='14.439' viewBox='0 0 20.628 14.439'%3E%3Cpath id='Caminho_4505' data-name='Caminho 4505' d='M18.977,0a1.65,1.65,0,0,0-1.65,1.65V6.188H5.635L7.768,4.055A1.651,1.651,0,0,0,5.433,1.72L.483,6.671a1.653,1.653,0,0,0,0,2.335l4.951,4.951a1.651,1.651,0,0,0,2.335-2.335L5.635,9.489H18.977a1.65,1.65,0,0,0,1.65-1.65V1.65A1.65,1.65,0,0,0,18.977,0Z' fill='%23e9ecef'/%3E%3C/svg%3E%0A");
}
.hd-ctm .ctn-bc-ctm .back:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  height: 10px;
  width: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.628' height='14.439' viewBox='0 0 20.628 14.439'%3E%3Cpath id='Caminho_4505' data-name='Caminho 4505' d='M18.977,0a1.65,1.65,0,0,0-1.65,1.65V6.188H5.635L7.768,4.055A1.651,1.651,0,0,0,5.433,1.72L.483,6.671a1.653,1.653,0,0,0,0,2.335l4.951,4.951a1.651,1.651,0,0,0,2.335-2.335L5.635,9.489H18.977a1.65,1.65,0,0,0,1.65-1.65V1.65A1.65,1.65,0,0,0,18.977,0Z' fill='%23495057'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.hd-ctm .ctn-bc-ctm .breadcrumbs {
  margin-right: 5px;
}
.hd-ctm .ctn-bc-ctm .breadcrumbs li a {
  color: #495057 !important;
  max-width: none !important;
}
.hd-ctm .ctn-bc-ctm .breadcrumbs li a:hover {
  color: #F0F0F0 !important;
}

.logo-ctm img {
  width: 100%;
  max-width: 380px;
  height: auto;
}
@media (max-width: 575.98px) {
  .logo-ctm img {
    max-width: 200px;
  }
}

.info-ctm {
  background-color: #fff;
  padding: 60px;
  font-weight: 100;
  font-size: 1.25rem;
  color: #495057;
}
@media (max-width: 575.98px) {
  .info-ctm {
    font-size: 1rem;
    padding: 20px;
  }
}
.info-ctm h3, .info-ctm .h3 {
  color: #495057;
  font-size: 2.875rem;
  font-weight: 100;
}
@media (max-width: 575.98px) {
  .info-ctm h3, .info-ctm .h3 {
    font-size: 1.5rem;
  }
}
.info-ctm .lead {
  color: #495057;
  font-size: 1.5rem;
  font-weight: 100;
}
@media (max-width: 575.98px) {
  .info-ctm .lead {
    font-size: 1.25rem;
  }
}

.mkp-cat {
  margin-bottom: 80px;
}
@media (max-width: 575.98px) {
  .mkp-cat {
    margin-bottom: 40px;
  }
}
.mkp-cat .btn {
  font-size: 0.875rem;
  border-radius: 22px;
  font-weight: 100;
  order: 5;
  white-space: nowrap;
}
.mkp-cat .hd-categ-mkp {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .mkp-cat .hd-categ-mkp {
    overflow: hidden;
  }
}
.mkp-cat .hd-categ-mkp:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' viewBox='0 0 110.33 13.94'%3E%3Cpath id='Path_4073_1_' fill='%233BE4E3' d='M24.31 7.3l7.75-5.7 7.76 5.7 7.75-5.7 7.74 5.7 7.76-5.7 7.75 5.7 7.75-5.7 7.75 5.7 7.75-5.7 7.76 5.7 8.52-6.26-.78-1.04-7.76 5.7L94.06 0l-7.75 5.7L78.58.02 78.56 0h-.01l-.01.02-7.73 5.68L63.06 0 55.3 5.7 47.57.02 47.56 0h-.01l-.01.02-7.72 5.68L32.06 0l-7.75 5.7L16.56 0l-.76 1.04 8.51 6.26z'/%3E%3Cpath id='Path_4074_1_' fill='%233BE4E3' d='M8.51 13.94l7.75-5.7 7.75 5.7 7.75-5.7 7.75 5.7 7.76-5.7 7.75 5.7 7.75-5.7 7.75 5.7 7.75-5.7 7.76 5.7 8.51-6.26-.76-1.04-7.75 5.7-7.76-5.7-7.75 5.7-7.73-5.68-.01-.02h-.02l-.01.02-7.73 5.68-7.75-5.7-7.76 5.7-7.73-5.68-.01-.02h-.01l-.02.02-7.73 5.68-7.75-5.7-7.75 5.7-7.76-5.7L0 7.67l8.51 6.27z'/%3E%3C/svg%3E");
  content: "";
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 110px;
  height: 14px;
  order: 3;
  margin: 0 10px;
  flex-shrink: 0;
}
.mkp-cat .hd-categ-mkp:after {
  content: "";
  background-color: #F0F0F0;
  height: 1px;
  width: 100%;
  order: 4;
  margin: 0 15px;
}
.mkp-cat .hd-categ-mkp h3, .mkp-cat .hd-categ-mkp .h3 {
  color: #495057;
  font-size: 1.5rem;
  font-weight: 100;
  margin: 0;
  order: 2;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .mkp-cat .hd-categ-mkp h3, .mkp-cat .hd-categ-mkp .h3 {
    font-size: 1.25rem;
  }
}
.mkp-cat .hd-categ-mkp .ctn-nav {
  order: 1;
}
.mkp-cat .ctn-nav {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.mkp-cat .ctn-nav > div {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' viewBox='0 0 10 14.87'%3E%3Cpath d='M7.51 14.51c.64.54 1.59.46 2.13-.18.54-.64.46-1.59-.18-2.13L3.84 7.44l5.62-4.77c.64-.54.72-1.49.18-2.13C9.1-.1 8.15-.18 7.51.36L.55 6.27a1.516 1.516 0 00-.02 2.32l6.98 5.92z' fill='%23838383'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  border: 1px solid #dee2e6;
  cursor: pointer;
}
.mkp-cat .ctn-nav > div:hover {
  background-color: #F0F0F0;
}
.mkp-cat .ctn-nav > div.sw-cat-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' viewBox='0 0 10 14.87'%3E%3Cpath d='M2.49.36C1.85-.18.9-.1.36.53c-.54.64-.46 1.59.17 2.13l5.62 4.77L.53 12.2c-.64.54-.72 1.49-.18 2.13.54.64 1.49.72 2.13.18L9.45 8.6a1.508 1.508 0 00.01-2.32L2.49.36z' fill='%23838383'/%3E%3C/svg%3E");
  margin-left: 5px;
}
.mkp-cat .swiper-slide {
  height: auto;
  width: 150px;
}
.mkp-cat .cat-itm-mkp {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100;
  height: 100%;
}
.mkp-cat .cat-itm-mkp img {
  max-width: 75px;
  margin-bottom: 15px;
  height: auto;
}
.mkp-cat .cat-itm-mkp span {
  margin-top: auto;
  text-align: center;
}

.dcr-mkp-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' viewBox='0 0 1623.73 156.39'%3E%3Cpath d='M943.034 156.388c-42.36 0-76.24-20.5-97.31-37.84-23.09-19-35.84-37.88-36.37-38.67-.13-.19-12.88-19.04-35.32-37.49-20.58-16.91-53.8-36.96-95.16-36.37-22.87.33-58.27 7.06-97.08 37.29-23.35 18.19-37 36.5-37.14 36.68-.57.77-14.18 19.05-38.14 37.74-22.18 17.3-57.67 38.04-100.85 38.65-43.22.59-77.8-20.23-99.19-37.83-23.09-19-35.84-37.88-36.37-38.67-.13-.19-12.88-19.04-35.32-37.49-20.58-16.91-53.77-36.97-95.14-36.37-79.55 1.13-133.7 73.25-134.24 73.97a3.001 3.001 0 01-4.2.63 2.99 2.99 0 01-.63-4.19c.57-.77 14.18-19.05 38.14-37.74 22.18-17.3 57.67-38.05 100.84-38.67 43.21-.63 77.8 20.25 99.18 37.85 23.08 19 35.82 37.88 36.36 38.67.13.19 12.88 19.04 35.33 37.49 20.58 16.91 53.8 36.97 95.15 36.35 22.88-.32 58.29-7.04 97.1-37.27 23.35-18.19 37-36.5 37.14-36.68.57-.77 14.18-19.05 38.13-37.74 22.17-17.3 57.66-38.05 100.83-38.67 43.24-.61 77.82 20.25 99.2 37.85 23.08 19 35.83 37.88 36.36 38.67.12.19 12.88 19.04 35.33 37.49 20.58 16.91 53.81 36.97 95.15 36.35 22.88-.32 58.29-7.04 97.11-37.27 23.35-18.19 37-36.5 37.14-36.68.57-.77 14.18-19.05 38.14-37.74 22.18-17.3 57.67-38.05 100.85-38.67 43.28-.6 77.81 20.25 99.19 37.85 23.09 19 35.84 37.88 36.37 38.67.13.19 12.88 19.05 35.32 37.49 20.28 16.66 52.84 36.36 93.36 36.36.59 0 1.18 0 1.78-.01 22.88-.32 58.29-7.04 97.11-37.27 23.35-18.19 37-36.5 37.14-36.68a3.011 3.011 0 014.2-.63 2.99 2.99 0 01.63 4.19c-.57.77-14.18 19.05-38.14 37.74-22.18 17.3-57.67 38.04-100.85 38.65-43.23.61-77.8-20.23-99.18-37.83-23.08-19-35.83-37.88-36.36-38.67-.13-.19-12.88-19.04-35.33-37.49-20.29-16.67-52.86-36.38-93.41-36.38-.58 0-1.16 0-1.74.01-22.88.33-58.29 7.06-97.1 37.29-23.35 18.19-37 36.5-37.14 36.68-.57.77-14.18 19.05-38.14 37.74-22.18 17.3-57.67 38.04-100.85 38.65-.63 0-1.26.01-1.88.01z' fill='%23f2f2f2'/%3E%3C/svg%3E");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1600px auto;
  height: 160px;
  width: 100%;
  max-width: 950px;
}
@media (max-width: 575.98px) {
  .dcr-mkp-2 {
    height: 100px;
    background-size: 800px auto;
    width: 70%;
  }
}

.mkp-address {
  margin: 40px 0;
  position: relative;
  background-color: #E6E6E6;
}
@media (min-width: 1400px) {
  .mkp-address {
    margin: 100px 0;
  }
}

.mkp-finder-form h3, .mkp-finder-form .h3 {
  color: #495057;
  font-size: 2rem;
  font-weight: 100;
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .mkp-finder-form h3, .mkp-finder-form .h3 {
    font-size: 1.5rem;
  }
}

.mkp-finder-form {
  background: #F0F0F0;
  padding: 30px 0;
  width: 100%;
  margin-top: -30px;
  margin-bottom: 60px;
}

.mkp-results {
  margin-bottom: 30px;
}
.mkp-results ul {
  list-style: none;
}
.mkp-results ul li {
  margin-bottom: 15px;
}

.img-mkp-dtq {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .img-mkp-dtq {
    flex-direction: column;
  }
}
.img-mkp-dtq .logo-mkp {
  background: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  padding-right: 80px;
  height: 235px;
  width: 20vw;
  margin-top: -1px;
  width: 100%;
}
@media (min-width: 992px) {
  .img-mkp-dtq .logo-mkp {
    max-width: 500px;
    width: 20vw;
  }
}
.img-mkp-dtq .logo-mkp > img {
  max-width: 60%;
}
.img-mkp-dtq .btn {
  font-size: 0.875rem;
  font-weight: 300;
  margin: 15px;
  border-radius: 23px;
}
@media (min-width: 992px) {
  .img-mkp-dtq .btn {
    margin: 0 80px 0 auto;
  }
}

.slider-services .swiper-wrapper {
  align-items: stretch;
}
.slider-services .swiper-slide {
  height: initial !important;
}

.card-service {
  border: 1px solid #dee2e6;
  padding: 30px;
  font-style: italic;
  height: 100%;
}
.card-service img {
  margin-bottom: 30px;
}
.card-service h5, .card-service .h5 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 8px;
}

.list-service {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 15px;
  text-transform: uppercase;
  font-style: italic;
  padding-left: 20px;
  font-size: 1.125rem;
}

.list-units {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 30px 15px;
  text-transform: uppercase;
  font-style: italic;
  padding-left: 20px;
}
.list-units li:hover::marker {
  color: #FF0000;
}
.list-units li:hover a h6, .list-units li:hover a .h6 {
  color: #FF0000;
}
.list-units h6, .list-units .h6 {
  font-size: 1.125rem;
}
.list-units p {
  color: #495057;
  margin: 0;
}

.main-login {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100vh;
  background-attachment: fixed;
  overflow: hidden;
  min-height: 100vh;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .main-login {
    background-position: top 0 right -185px;
  }
}
@media (max-width: 991.98px) {
  .main-login {
    min-height: 100dvh;
    background-image: none !important;
  }
}
.main-login .section-login {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: content-box;
}
@media (max-width: 991.98px) {
  .main-login .section-login {
    min-height: 100dvh;
  }
}
@media (min-width: 992px) {
  .main-login .section-login {
    width: 40%;
    max-width: none;
  }
  .main-login .section-login::before {
    content: "";
    display: block;
    background: #fff;
    border-right: 2px solid #FF0000;
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.16);
    transform-origin: top right;
    position: fixed;
    right: calc(50% - 150px);
    top: 0;
    height: 300vh;
    width: 300vw;
    transform: skew(-16deg);
  }
}
@media (min-width: 1200px) {
  .main-login .section-login {
    min-height: 100vh;
    flex-direction: column;
    justify-content: center;
    width: 35%;
  }
}
.main-login .section-login > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 0;
  gap: 50px;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .main-login .section-login > div {
    gap: 30px;
    max-height: 1080px;
    max-width: none;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .main-login .section-login > div {
    flex-grow: 1;
  }
}
@media (min-width: 1600px) {
  .main-login .section-login > div {
    padding: 50px 0;
  }
}
@media (min-width: 768px) {
  .main-login .section-login.expanded {
    padding-right: 186px;
    width: 100%;
    max-width: 710px;
  }
}
@media (min-width: 1400px) {
  .main-login .section-login.expanded {
    padding-right: 325px;
  }
}
.main-login .head-login {
  flex-grow: 1;
  text-wrap: balance;
}
@media (max-width: 991.98px) {
  .main-login .head-login {
    position: relative;
    padding-right: 30px;
  }
  .main-login .head-login::after {
    content: "";
    height: 100%;
    width: 2px;
    background-color: #FF0000;
    transform: rotate(16deg);
    transform-origin: top right;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.main-login .head-login .title-login {
  font-size: clamp(1.25rem, 2vw, 2.5rem);
  font-style: italic;
  font-weight: normal;
  line-height: 1.2;
}
.main-login .head-login p:not(.title-login) {
  margin-bottom: 0;
}
.main-login .alert {
  max-width: 440px;
}
.main-login .ctn-form-login {
  flex-grow: 1;
  max-width: 440px;
}
.main-login .ctn-form-login a.text-dark:hover {
  color: #FF0000 !important;
}
.main-login .logo-login {
  max-width: 195px;
  order: -1;
}
@media (min-width: 992px) {
  .main-login .logo-login {
    max-width: 265px;
    margin-top: auto;
    order: initial;
  }
}

.hd-cta {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 1.5rem 0;
}
.hd-cta h1, .hd-cta .h1,
.hd-cta h2,
.hd-cta .h2,
.hd-cta h3,
.hd-cta .h3 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .hd-cta {
    flex-direction: column;
    align-items: left;
  }
}

.tt-user-area {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}

.cta-area h3, .cta-area .h3 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}

.frm-block {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.frm-block > h3, .frm-block > .h3 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.lnk-login {
  margin-bottom: 0;
  font-size: 0.875rem;
}
.lnk-login a {
  text-decoration: underline;
}

.info-account {
  background: #F0F0F0 0% 0% no-repeat padding-box;
  padding: 30px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}

.enderecos-principais {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3rem;
  margin-bottom: 3rem;
}

.blc-end-principal {
  border: 1px solid #dee2e6;
  color: #636466;
  display: flex;
  padding: 1.5rem;
}
.blc-end-principal > span {
  color: theme-color("success");
  font-size: 1.5em;
  margin-right: 15px;
}
.blc-end-principal p {
  color: #636466;
  font-weight: normal;
  line-height: 2;
}

.lista-enderecos {
  list-style: none;
  margin: 0;
}
.lista-enderecos li {
  background: #fff;
  border: 1px solid #dee2e6;
  margin-bottom: 1.5rem;
}
.lista-enderecos .conteudo-enderecos {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.info-endereco {
  min-width: 35%;
}
.info-endereco .btn-link.active {
  color: theme-color("success");
}
.info-endereco .btn-link {
  color: white;
}

.info-endereco-2 {
  flex-grow: 1;
}

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

.prd-stock {
  display: flex;
  align-items: center;
  color: #22A536;
}
.prd-stock .status-stock {
  width: 10px;
  height: 10px;
  background: #22A536 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 25px;
  margin-right: 10px;
}

.order-lista-page .btn-close,
.order-info-page .btn-close {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
}
.order-lista-page h1, .order-lista-page .h1,
.order-info-page h1,
.order-info-page .h1 {
  text-transform: capitalize;
}
.order-lista-page .d-order,
.order-info-page .d-order {
  display: none !important;
}
.order-lista-page .content-order .block-container,
.order-info-page .content-order .block-container {
  overflow: hidden;
  flex-direction: column-reverse;
  position: relative;
  padding-top: 10px;
}
.order-lista-page .content-order .block-container::before,
.order-info-page .content-order .block-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  z-index: 6;
}
.order-lista-page .content-order .block-container::after,
.order-info-page .content-order .block-container::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 15px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  z-index: 6;
}
.order-lista-page .content-order .history-content,
.order-info-page .content-order .history-content {
  width: 100%;
  height: max-content;
  background-color: #ffffff;
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 14px;
}
.order-lista-page .content-order .history-content .comment-bloco,
.order-info-page .content-order .history-content .comment-bloco {
  font-size: 14px;
}
.order-lista-page .content-order .history-content .tag-status-relative,
.order-info-page .content-order .history-content .tag-status-relative {
  width: 180px;
  margin-right: 1.5rem;
  min-width: 180px;
}
.order-lista-page .content-order .history-content .tag-status-relative.return-history,
.order-info-page .content-order .history-content .tag-status-relative.return-history {
  min-width: 200px;
}
.order-lista-page .content-order .history-content .tag-status-relative .tag-status,
.order-info-page .content-order .history-content .tag-status-relative .tag-status {
  width: fit-content !important;
  padding: 0 10px !important;
}
.order-lista-page .content-order .history-content .tag-status-relative span,
.order-info-page .content-order .history-content .tag-status-relative span {
  z-index: 2;
  position: relative;
}
@media (min-width: 576px) {
  .order-lista-page .content-order .history-content .tag-status-relative::before,
  .order-info-page .content-order .history-content .tag-status-relative::before {
    content: "";
    position: absolute;
    width: 5px;
    left: 41px;
    bottom: 0px;
    height: 100%;
    background-color: #cbcbcb;
    z-index: 1;
    border: 3px solid #fff;
    padding: 0 1.2px;
  }
}
.order-lista-page .content-order .history-content .date-history,
.order-info-page .content-order .history-content .date-history {
  width: 230px;
  font-size: 14px;
  min-width: 230px;
}
.order-lista-page .content-order .history-content .btn-hitory,
.order-info-page .content-order .history-content .btn-hitory {
  width: 95px;
}
.order-lista-page .content-order .history-content .btn-hitory .show-all-btn,
.order-info-page .content-order .history-content .btn-hitory .show-all-btn {
  text-transform: lowercase !important;
  display: flex;
  align-items: center;
}
.order-lista-page .content-order .history-content.height-fit,
.order-info-page .content-order .history-content.height-fit {
  height: 100px !important;
}
.order-lista-page .content-order .history-content .fade-bloco,
.order-info-page .content-order .history-content .fade-bloco {
  height: max-content;
  font-size: 14px;
}
.order-lista-page .content-order .history-content .fade-bloco.height-fit,
.order-info-page .content-order .history-content .fade-bloco.height-fit {
  height: 100px !important;
  position: relative;
}
.order-lista-page .content-order .history-content .fade-bloco:after,
.order-info-page .content-order .history-content .fade-bloco:after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.17), rgb(255, 255, 255));
}
@media (max-width: 575.98px) {
  .order-lista-page .content-order .history-content,
  .order-info-page .content-order .history-content {
    position: relative;
  }
  .order-lista-page .content-order .history-content .btn-hitory,
  .order-info-page .content-order .history-content .btn-hitory {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .order-lista-page .content-order .history-content .tag-status-relative,
  .order-info-page .content-order .history-content .tag-status-relative {
    width: 190px;
    margin-right: 0.5rem;
  }
  .order-lista-page .content-order .history-content .info-history-content,
  .order-info-page .content-order .history-content .info-history-content {
    flex-direction: column;
    padding: 10px 10px 0 10px;
  }
  .order-lista-page .content-order .history-content .responsive-flex-direction,
  .order-info-page .content-order .history-content .responsive-flex-direction {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .order-lista-page .content-order .history-content .email,
  .order-info-page .content-order .history-content .email {
    margin-top: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .order-lista-page .content-order .history-content .fade-bloco:after,
  .order-info-page .content-order .history-content .fade-bloco:after {
    bottom: 60px;
  }
}
.order-lista-page .content-order .show-more-btn,
.order-lista-page .content-order .hide-one-by-one-btn,
.order-lista-page .content-order .show-all-btn,
.order-info-page .content-order .show-more-btn,
.order-info-page .content-order .hide-one-by-one-btn,
.order-info-page .content-order .show-all-btn {
  display: flex;
  justify-content: center;
  border: none;
  cursor: pointer;
  font: italic normal bold 14px/19px Bridgestone;
  letter-spacing: 0px;
  color: #646464;
  background-color: unset;
  text-transform: uppercase;
  transition: 700ms;
  transition-property: all;
  transition-property: display;
}
.order-lista-page .content-order .show-more-btn:hover,
.order-lista-page .content-order .hide-one-by-one-btn:hover,
.order-lista-page .content-order .show-all-btn:hover,
.order-info-page .content-order .show-more-btn:hover,
.order-info-page .content-order .hide-one-by-one-btn:hover,
.order-info-page .content-order .show-all-btn:hover {
  color: #FF0000;
}
.order-lista-page .content-order .show-all-btn,
.order-info-page .content-order .show-all-btn {
  font: italic normal 500 14px/19px Bridgestone;
}
.order-lista-page .content-order .information-order-middle,
.order-lista-page .content-order .information-order-top,
.order-info-page .content-order .information-order-middle,
.order-info-page .content-order .information-order-top {
  font-style: italic;
}
.order-lista-page .content-order .title-sub-orders,
.order-info-page .content-order .title-sub-orders {
  font-size: 18px;
  font-style: italic;
}
.order-lista-page .content-order .order-status-list .check input,
.order-info-page .content-order .order-status-list .check input {
  width: 16px;
  height: 16px;
}
.order-lista-page .content-order .order-status-list .checkboxall,
.order-info-page .content-order .order-status-list .checkboxall {
  width: 16px;
  height: 16px;
}
.order-lista-page .content-order .order-status-list .title-check,
.order-info-page .content-order .order-status-list .title-check {
  margin-left: 17px;
}
.order-lista-page .content-order .order-status-list .prd-status-list,
.order-info-page .content-order .order-status-list .prd-status-list {
  margin-bottom: 20px;
}
.order-lista-page .content-order .prd-status-list,
.order-info-page .content-order .prd-status-list {
  border: 1px solid #E3E3E3;
  padding: 5px;
}
.order-lista-page .content-order .prd-status-list .prd-list,
.order-info-page .content-order .prd-status-list .prd-list {
  height: 91px;
  background: #F8F8F8 0% 0% no-repeat padding-box;
  display: flex;
  align-content: center;
  align-items: start;
  font-size: 14px;
  font-style: italic;
  padding: 14px 10px;
}
.order-lista-page .content-order .prd-status-list .prd-list:not(:first-of-type),
.order-info-page .content-order .prd-status-list .prd-list:not(:first-of-type) {
  margin-top: 8px;
}
.order-lista-page .content-order .prd-status-list .prd-list .prd-name,
.order-info-page .content-order .prd-status-list .prd-list .prd-name {
  font-size: 16px;
  font-style: normal;
}
.order-lista-page .content-order .prd-status-list .prd-list .prd-total .price,
.order-info-page .content-order .prd-status-list .prd-list .prd-total .price {
  text-decoration: line-through;
}
.order-lista-page .content-order .prd-status-list .prd-list.out-stock,
.order-info-page .content-order .prd-status-list .prd-list.out-stock {
  background: #FCFFDA 0% 0% no-repeat padding-box;
}
.order-lista-page .content-order .prd-status-list .prd-list.out-stock .prd-stock,
.order-info-page .content-order .prd-status-list .prd-list.out-stock .prd-stock {
  color: #DD0000;
}
.order-lista-page .content-order .prd-status-list .prd-list.out-stock .prd-stock .status-stock,
.order-info-page .content-order .prd-status-list .prd-list.out-stock .prd-stock .status-stock {
  background: #DD0000 0% 0% no-repeat padding-box;
}
.order-lista-page .content-order .prd-status-list .prd-list.canceled,
.order-info-page .content-order .prd-status-list .prd-list.canceled {
  background: #FDE0E0 0% 0% no-repeat padding-box;
}
.order-lista-page .content-order .prd-status-list .prd-list.cancel-situation,
.order-info-page .content-order .prd-status-list .prd-list.cancel-situation {
  background: #E7F2F8 0% 0% no-repeat padding-box;
}
.order-lista-page .content-order .prd-status-list .side,
.order-info-page .content-order .prd-status-list .side {
  font-style: italic;
  padding: 0 10px;
}
.order-lista-page .content-order .prd-status-list .side .actions .enabled .icon:not(.icon-error),
.order-lista-page .content-order .prd-status-list .side .actions .enabled span:not(.icon-error),
.order-info-page .content-order .prd-status-list .side .actions .enabled .icon:not(.icon-error),
.order-info-page .content-order .prd-status-list .side .actions .enabled span:not(.icon-error) {
  color: #007B18 !important;
  stroke: #007B18;
  fill: #007B18;
  text-decoration: none;
}
.order-lista-page .content-order .prd-status-list .side .actions .enabled a,
.order-info-page .content-order .prd-status-list .side .actions .enabled a {
  color: #007B18 !important;
  display: flex;
}
.order-lista-page .content-order .prd-status-list .side .actions .enabled a:hover,
.order-info-page .content-order .prd-status-list .side .actions .enabled a:hover {
  text-decoration: underline;
}
.order-lista-page .content-order .prd-status-list .side .actions .enabled a .prd-sent,
.order-info-page .content-order .prd-status-list .side .actions .enabled a .prd-sent {
  color: #000;
  font-weight: 400;
  text-decoration: none !important;
}
.order-lista-page .content-order .prd-status-list .side .actions .disabled .icon,
.order-lista-page .content-order .prd-status-list .side .actions .disabled span,
.order-lista-page .content-order .prd-status-list .side .actions .disabled div,
.order-info-page .content-order .prd-status-list .side .actions .disabled .icon,
.order-info-page .content-order .prd-status-list .side .actions .disabled span,
.order-info-page .content-order .prd-status-list .side .actions .disabled div {
  color: #E3E3E3;
  stroke: #E3E3E3;
  fill: #E3E3E3;
}
.order-lista-page .content-order .prd-status-list .side .icon.order,
.order-info-page .content-order .prd-status-list .side .icon.order {
  width: 1.5rem;
  height: 1.5rem;
}
.order-lista-page .filter-content .input-filter,
.order-info-page .filter-content .input-filter {
  border: 1px solid #636466;
  border-radius: 23px;
  height: 48px;
  position: relative;
  display: flex;
  align-items: center;
}
.order-lista-page .filter-content .input-filter #filter-orders,
.order-info-page .filter-content .input-filter #filter-orders {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 10%;
  border-radius: 23px;
}
.order-lista-page .filter-content .input-filter .icon,
.order-info-page .filter-content .input-filter .icon {
  position: absolute;
  left: 15px;
}
@media (max-width: 767.98px) {
  .order-lista-page .filter-content .input-filter,
  .order-info-page .filter-content .input-filter {
    width: 100% !important;
    flex-direction: column;
    padding: 10px;
    margin: 0 0 30px 0 !important;
  }
  .order-lista-page .filter-content .input-filter .filters_input input,
  .order-info-page .filter-content .input-filter .filters_input input {
    border: 1px solid #cecece !important;
    border-radius: 50rem !important;
    margin: 10px 0;
  }
  .order-lista-page .filter-content .input-filter .form-select,
  .order-info-page .filter-content .input-filter .form-select {
    max-width: 100%;
    border-radius: 50rem;
  }
}
.order-lista-page .filter-content .btn,
.order-info-page .filter-content .btn {
  width: 112px;
  height: 47px;
  border-radius: 26px;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-lista-page .filter-content .btn:hover,
.order-info-page .filter-content .btn:hover {
  background-color: #FF0000;
  color: #fff;
}
.order-lista-page .lista-pedidos,
.order-info-page .lista-pedidos {
  list-style: none;
  margin-bottom: 1.5rem;
}
.order-lista-page .lista-pedidos li,
.order-info-page .lista-pedidos li {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-bottom: 10px;
  font-size: 0.875rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.order-lista-page .lista-pedidos li:hover,
.order-info-page .lista-pedidos li:hover {
  border-color: #CBCBCB;
}
.order-lista-page .lista-pedidos .order-item,
.order-info-page .lista-pedidos .order-item {
  height: 80px;
  padding: 15px 15px 15px 15px;
  font-size: 16px;
}
@media (max-width: 1399.98px) {
  .order-lista-page .lista-pedidos .order-item,
  .order-info-page .lista-pedidos .order-item {
    height: auto;
  }
  .order-lista-page .lista-pedidos .order-item .row > div,
  .order-info-page .lista-pedidos .order-item .row > div {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  .order-lista-page .lista-pedidos .order-item .row .status-order-list,
  .order-info-page .lista-pedidos .order-item .row .status-order-list {
    flex-direction: row;
  }
  .order-lista-page .lista-pedidos .order-item .row > div,
  .order-info-page .lista-pedidos .order-item .row > div {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
  }
}
.order-lista-page .lista-pedidos .order-item.concluido,
.order-info-page .lista-pedidos .order-item.concluido {
  background: #EDF4EC 0% 0% no-repeat padding-box;
}
.order-lista-page .lista-pedidos .order-item .id-pedido,
.order-info-page .lista-pedidos .order-item .id-pedido {
  font-size: 18px;
}
.order-lista-page .lista-pedidos .order-item .btn,
.order-info-page .lista-pedidos .order-item .btn {
  width: 100px;
  height: 42px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-lista-page .lista-pedidos .order-item .btn:hover,
.order-info-page .lista-pedidos .order-item .btn:hover {
  background-color: #FF0000;
}
@media (max-width: 1599.98px) {
  .order-lista-page .lista-pedidos .order-item .btn,
  .order-info-page .lista-pedidos .order-item .btn {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991.98px) {
  .order-lista-page .lista-pedidos .order-item .btn,
  .order-info-page .lista-pedidos .order-item .btn {
    border-radius: 15px;
    padding: 5px 5px;
    height: min-content;
    padding: 0;
  }
}
.order-lista-page .lista-pedidos .order-item:hover,
.order-info-page .lista-pedidos .order-item:hover {
  background-color: #F4F4F4;
  border-color: none;
}
.order-lista-page .tag-status,
.order-info-page .tag-status {
  width: auto;
  height: 30px;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #F0F0F0;
  border-radius: 15px;
  display: flex;
  padding: 0 20px;
  align-items: center;
  justify-content: space-evenly;
}
@media (max-width: 1199.98px) {
  .order-lista-page .tag-status,
  .order-info-page .tag-status {
    font-size: 0.8rem;
    padding: 0 10px;
  }
}
.order-lista-page .tag-status .icon-order,
.order-info-page .tag-status .icon-order {
  stroke-width: 2px;
}
.order-lista-page .tag-status.i-relogio,
.order-info-page .tag-status.i-relogio {
  color: #C69000;
  stroke: #C69000;
}
.order-lista-page .tag-status.i-logistica,
.order-info-page .tag-status.i-logistica {
  color: #1497D1;
  stroke: #1497D1;
}
.order-lista-page .tag-status.i-concluido,
.order-info-page .tag-status.i-concluido {
  color: #007B18;
  stroke: #007B18;
}
.order-lista-page .tag-status.i-cifrao,
.order-info-page .tag-status.i-cifrao {
  color: #693;
  stroke: #693;
}
.order-lista-page .tag-status.detenido,
.order-info-page .tag-status.detenido {
  color: #e34250;
  stroke: #e34250;
}
.order-lista-page .tag-status.i-logistica,
.order-info-page .tag-status.i-logistica {
  color: #099;
  stroke: #099;
}
.order-lista-page .tag-status.i-envio,
.order-info-page .tag-status.i-envio {
  color: #0cf;
  stroke: #0cf;
}
.order-lista-page .tag-status.i-concluido,
.order-info-page .tag-status.i-concluido {
  color: #7AD87A;
  stroke: #7AD87A;
}
.order-lista-page .tag-status.sts-sec-am, .order-lista-page .tag-status.sts-sec-rx,
.order-info-page .tag-status.sts-sec-am,
.order-info-page .tag-status.sts-sec-rx {
  color: #39f;
  stroke: #39f;
}
.order-lista-page .tag-status.i-cancelado,
.order-info-page .tag-status.i-cancelado {
  color: #e34250;
  stroke: #e34250;
}
.order-lista-page .tag-status.detenido,
.order-info-page .tag-status.detenido {
  color: #c93;
  stroke: #c93;
}
.order-lista-page .tag-status.i-devolucao,
.order-info-page .tag-status.i-devolucao {
  color: #996699;
  stroke: #996699;
}
.order-lista-page .tag-status.i-mira,
.order-info-page .tag-status.i-mira {
  color: #e89258;
  stroke: #e89258;
}
.order-lista-page .id-pedido,
.order-info-page .id-pedido {
  color: #343a40;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.order-lista-page .info-pedido,
.order-info-page .info-pedido {
  color: #636466;
  margin-bottom: 10px;
}
.order-lista-page .status-pedido strong,
.order-lista-page .info-pedido strong,
.order-info-page .status-pedido strong,
.order-info-page .info-pedido strong {
  font-weight: normal;
}
.order-lista-page .status-pedido strong,
.order-info-page .status-pedido strong {
  display: block;
}
@media (max-width: 575.98px) {
  .order-lista-page .order-title,
  .order-info-page .order-title {
    flex-direction: row;
  }
  .order-lista-page .order-title h1, .order-lista-page .order-title .h1,
  .order-lista-page .order-title span,
  .order-info-page .order-title h1,
  .order-info-page .order-title .h1,
  .order-info-page .order-title span {
    margin-bottom: 0px;
  }
  .order-lista-page .information-order-top,
  .order-info-page .information-order-top {
    margin-bottom: 0 !important;
    padding-bottom: 2rem !important;
  }
  .order-lista-page .information-order-middle,
  .order-info-page .information-order-middle {
    padding-top: 0 !important;
  }
  .order-lista-page .information-order-middle.comments,
  .order-info-page .information-order-middle.comments {
    padding: 2rem 0 0.5rem 0 !important;
  }
  .order-lista-page .information-order-middle > div,
  .order-info-page .information-order-middle > div {
    padding: 15px 12px 20px 12px !important;
    margin: 20px 0px 0px 0px !important;
  }
  .order-lista-page .id-order.actions,
  .order-info-page .id-order.actions {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 575.98px) and (max-width: 575.98px) {
  .order-lista-page .prd-status-list .side > div.d-flex,
  .order-info-page .prd-status-list .side > div.d-flex {
    width: 100% !important;
  }
  .order-lista-page .prd-status-list .side .actions,
  .order-info-page .prd-status-list .side .actions {
    width: 100% !important;
  }
}
@media (max-width: 575.98px) {
  .order-lista-page .prd-status-list .prd-list,
  .order-info-page .prd-status-list .prd-list {
    margin-top: 10px;
    height: 100% !important;
    flex-wrap: wrap;
  }
  .order-lista-page .prd-status-list .prd-list > div:first-child,
  .order-info-page .prd-status-list .prd-list > div:first-child {
    height: auto !important;
  }
  .order-lista-page .prd-status-list .prd-list > div:first-child .img-prd,
  .order-info-page .prd-status-list .prd-list > div:first-child .img-prd {
    max-height: 70px;
    width: 70px;
  }
}
@media (max-width: 575.98px) and (min-width: 576px) {
  .order-lista-page .prd-status-list .prd-list > div:first-child .img-prd,
  .order-info-page .prd-status-list .prd-list > div:first-child .img-prd {
    margin: 0 !important;
  }
}
@media (max-width: 575.98px) {
  .order-lista-page .prd-status-list .prd-list .prd-specs,
  .order-info-page .prd-status-list .prd-list .prd-specs {
    margin-bottom: 10px;
  }
}
@media (max-width: 575.98px) and (min-width: 576px) {
  .order-lista-page .prd-status-list .prd-list:first-child,
  .order-info-page .prd-status-list .prd-list:first-child {
    margin-top: 0 !important;
  }
}

.lista-download {
  list-style: none;
  margin: 0;
}

.lista-download li {
  border: 1px solid #dee2e6;
  margin-bottom: 20px;
}

.conteudo-download {
  padding: 20px 0;
}

.id-download {
  color: #CBCBCB;
  font-size: 1.429em;
  font-weight: 100;
  margin-left: 20px;
}

.id-download strong {
  color: #CBCBCB;
  font-weight: normal;
}

.status-download {
  color: #CBCBCB;
  margin-left: 20px;
  font-weight: 100;
}

.status-download strong {
  color: #CBCBCB;
  font-weight: normal;
}

.info-download p {
  color: #CBCBCB;
  margin-left: 20px;
}

.btn-ver-download {
  margin-right: 20px;
}

.lnks-conta-mbl {
  border-top: 2px solid rgba(0, 0, 0, 0.15);
  color: #756c58;
  padding: 15px 20px;
}
.lnks-conta-mbl .usuario a {
  font-size: 1rem;
}
.lnks-conta-mbl .usuario .login-tooltip {
  display: none;
}
.lnks-conta-mbl .usuario,
.lnks-conta-mbl .sair {
  display: inline-block;
  margin: 0;
}
.lnks-conta-mbl .sair:before {
  content: "|";
  color: #756c58;
  display: inline-block;
  margin: 0 10px;
}
.lnks-conta-mbl .sair a,
.lnks-conta-mbl .sair a:hover {
  background: none;
  font-size: 1rem;
  text-transform: uppercase;
}

.acc-pts {
  font-size: 1.125em;
  color: #CBCBCB;
  font-weight: normal;
}

.acc-pts strong {
  font-weight: normal;
  color: #000;
}

.msg-cta-usr {
  color: #636466;
  font-size: 1.125em;
  font-weight: 300;
}

.msg-cta-usr > p {
  margin: 0;
}

.msg-cta-usr strong {
  color: #636466;
  font-weight: normal;
}

.menu-conta {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin: 0;
  padding: 0;
}
.menu-conta.additional-user li:not(.show) {
  display: none;
}
.menu-conta li:nth-last-child(2) a {
  background: #F0F0F0;
}
.menu-conta a {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  border: 1px solid #dee2e6;
  min-height: 200px;
  padding: 30px;
  text-align: center;
  text-transform: uppercase;
}
.menu-conta a:hover {
  border-color: #FF0000;
  color: #FF0000;
}
.menu-conta a .icon {
  font-size: 2rem;
  margin-bottom: 0.75rem;
}
.menu-conta a strong {
  font-weight: normal;
}
@media (min-width: 992px) {
  .menu-conta {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575.98px) {
  .menu-conta {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin-bottom: 1.5rem;
    font-size: 0.75rem;
    padding: 10px 0;
  }
  .menu-conta a {
    padding: 0;
    min-height: 150px;
  }
  .menu-conta a span {
    font-size: 1.5em;
  }
}

.tt-conta {
  font-size: 1.75rem;
  text-transform: uppercase;
  font-weight: bold;
}

.pass-block {
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  text-align: center;
}
.pass-block .icon {
  color: theme-color("success");
  display: block;
  font-size: 60px;
  margin-bottom: 0.75rem;
}
.pass-block .tt-conta {
  color: theme-color("success");
  font-size: 1.5rem;
}

.alert-logout {
  font-size: 1.25rem;
  text-align: center;
}
.alert-logout p:first-of-type {
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0.75rem auto 0 auto;
}
.alert-logout p {
  max-width: 800px;
  margin: 0 auto;
}

.forgotten-container {
  max-width: 560px;
  margin: 0 auto 1.5rem auto;
}

.enderecos-principais {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0.75rem;
  margin-bottom: 3rem;
}

.lista-enderecos .conteudo-enderecos {
  flex-direction: column;
}

.wishlist-product .name {
  font-size: 0.875rem;
}
.wishlist-product .name img {
  max-width: 80px;
}

.transaction-page {
  font-style: italic;
}
.transaction-page .balance-content .icon-timer {
  font-size: 24px;
}
.transaction-page .balance-content .time {
  color: #383838;
  font-size: 16px;
}
.transaction-page .status-content {
  border: 1px solid #C7C7C7;
  border-width: 1px 0 0px 0;
}
.transaction-page .status-content .credits {
  font-size: 18px;
  padding: 35px 0px 25px 0;
  border-bottom: 1px solid #C7C7C7;
}
.transaction-page .status-content .credits > div {
  justify-content: space-between;
  margin-bottom: 10px;
}
.transaction-page .status-content .credits-final {
  font-size: 18px;
  padding: 35px 0px 25px 0;
}
.transaction-page .status-content .credits-final > div {
  justify-content: space-between;
  margin-bottom: 10px;
}
.transaction-page .status-content .credits-final .available-credit {
  color: #649B76;
}
.transaction-page .status-content .credits-final .available-debts {
  color: #FF0000;
}
.transaction-page .status-content .credit-situation {
  background: #F8F8F8 0% 0% no-repeat padding-box;
  border-top: 1px solid #C7C7C7;
  padding: 30px 30px;
  font-size: 18px;
}
.transaction-page .status-content .credit-situation > div {
  justify-content: space-between;
}
.transaction-page .status-content .btn-continue-transaction {
  letter-spacing: 1.5px;
}
@media (max-width: 575.98px) {
  .transaction-page .balance-content {
    font-style: italic;
  }
  .transaction-page .balance-content .icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  .transaction-page .balance-content .balance-txt {
    font-size: 16px;
  }
  .transaction-page .balance-content .balance-value {
    font-size: 24px;
    color: #649B76;
  }
  .transaction-page .balance-content .time {
    color: #5A5A5A;
    font-size: 16px;
  }
  .transaction-page .balance-content .help-situation {
    font-size: 14px;
  }
  .transaction-page .status-content .credits,
  .transaction-page .status-content .credits-final {
    font-size: 16px;
    padding: 24px 5px;
  }
}

.edit-page label {
  font-style: italic;
  font-weight: 600;
  margin-bottom: 6px;
}
.edit-page.additional-user-logged #pessoa_juridica_edit,
.edit-page.additional-user-logged #pessoa_extrangeira_edit,
.edit-page.additional-user-logged #pessoa_fisica_edit,
.edit-page.additional-user-logged #geral_edit,
.edit-page.additional-user-logged #seletor_tipo_pessoa,
.edit-page.additional-user-logged .new-user-btn,
.edit-page.additional-user-logged .btn-remove-additional-user,
.edit-page.additional-user-logged .check-moderador,
.edit-page.additional-user-logged .hide-additional {
  display: none;
}
.edit-page.additional-user-logged input:readonly {
  background-color: #f0f0f0;
  opacity: 1;
}
.edit-page.additional-user-logged input:read-only {
  background-color: #f0f0f0;
  opacity: 1;
}
.edit-page .additional-user .pdt-remove {
  grid-area: rmv;
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2065.8%2087.69%22%3E%3Cpath%20d%3D%22M57.54%2011.61H46.16v-.1c.04-2.54-.62-5.04-1.89-7.23A8.287%208.287%200%200%200%2037.24%200h-8.68a8.287%208.287%200%200%200-7.03%204.28%2013.916%2013.916%200%200%200-1.91%207.24v.1H8.26C3.7%2011.61%200%2015.31%200%2019.87a8.25%208.25%200%200%200%203.65%206.85l3.36%2048.99c-.18%206.41%204.84%2011.76%2011.25%2011.98h29.29c6.41-.22%2011.43-5.58%2011.25-11.99l3.36-48.98a8.247%208.247%200%200%200%203.64-6.86c0-4.56-3.7-8.26-8.26-8.26ZM28.56%204.86h8.68c2.24%200%204.07%202.99%204.07%206.63H24.49c0-3.63%201.83-6.63%204.07-6.63Zm25.37%2070.59v.17a6.818%206.818%200%200%201-6.37%207.19H18.25a6.818%206.818%200%200%201-6.37-7.19v-.17L8.62%2028.12h48.54l-3.24%2047.33Zm4.3-52.27H7.58a3.394%203.394%200%200%201-2.42-4.15%203.403%203.403%200%200%201%203.11-2.53h49.29c1.88.1%203.31%201.7%203.21%203.58a3.403%203.403%200%200%201-2.53%203.11Z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M32.9%2069.56c1.34%200%202.43-1.09%202.43-2.43V42.08c0-1.34-1.09-2.43-2.43-2.43s-2.43%201.09-2.43%202.43v25.05c0%201.34%201.09%202.43%202.43%202.43ZM43.68%2064.69c1.34%200%202.43-1.09%202.43-2.43V46.94c0-1.34-1.09-2.43-2.43-2.43s-2.43%201.09-2.43%202.43v15.32c0%201.34%201.09%202.43%202.43%202.43ZM22.13%2064.69c1.34%200%202.43-1.09%202.43-2.43V46.94c0-1.34-1.09-2.43-2.43-2.43s-2.43%201.09-2.43%202.43v15.32c0%201.34%201.09%202.43%202.43%202.43Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  font-size: 0;
  color: transparent;
  width: 20px;
  height: 20px;
}
.edit-page .pass-block {
  color: #649B76;
}
.edit-page .pass-block svg {
  fill: #649B76;
}
.edit-page .pass-block a {
  background-color: #5EA274;
  color: #fff;
}
@media (max-width: 575.98px) {
  .edit-page .additional-user {
    height: auto;
    position: relative;
  }
  .edit-page .additional-user .pdt-remove {
    position: absolute;
    top: 10px;
  }
  .edit-page .btns {
    flex-direction: column;
  }
  .edit-page .btns button {
    margin-bottom: 15px;
  }
  .edit-page #pessoa_juridica_edit .tt-user-area {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .edit-page #pessoa_juridica_edit .col-md-8.row {
    padding-right: 0px !important;
  }
  .edit-page #pessoa_juridica_edit .col-md-8.row .frm-grp {
    padding-right: 0px !important;
  }
  .edit-page .additional-user {
    padding: 0;
    margin: 0;
  }
  .edit-page .additional-user .frm-grp {
    padding: 0px !important;
  }
}

.info-account .account-sidebox .account-sidebox-info {
  align-items: start;
}
.info-account .account-sidebox #address_topo-2 {
  font-size: 16px;
  font-weight: 500;
  max-width: 230px;
  overflow: hidden;
}
.info-account .account-sidebox .account-page h6, .info-account .account-sidebox .account-page .h6 {
  margin-bottom: 10px;
}

.newsletter-page form {
  display: flex;
  height: 490px;
  flex-direction: column;
  justify-content: space-between;
}

.account-container .alert {
  margin-left: 0rem;
}

.return-page .qty-return {
  width: 142px;
  height: 52px;
  border: 1px solid #CBCBCB;
  border-radius: 90px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}
.return-page .qty-return.disabled {
  pointer-events: none;
  background: #E3E3E3 0% 0% no-repeat padding-box;
  cursor: none;
}
.return-page .qty-return input {
  background: none;
  border: none;
}
.return-page .qty-return a {
  font-size: 25px;
  font-weight: 900;
  line-height: 22px;
}
.return-page .pdt-return img {
  max-width: 90px;
  margin-right: 20px;
  border: 1px solid #dee2e6;
}
@media (max-width: 575.98px) {
  .return-page .pdt-return .pdt-return-info {
    flex-direction: column;
    gap: 20px;
  }
  .return-page .pdt-return .pdt-return-info .btn-pdt-return {
    justify-content: space-between;
    width: 100% !important;
  }
}
.return-page #return-product {
  margin: 25px 0px 40px 0px;
}
.return-page textarea.form-control {
  border-radius: 10px;
}

.modal-body label {
  font-size: 14px;
}
.modal-body .btn-close {
  width: 0.1em;
  height: 0.1em;
  padding: 9px;
  border-radius: 100%;
  border: 2px solid #000;
  background-size: 0.7em;
  opacity: 1;
}
.modal-body .title-modal {
  font: italic normal bold 16px/30px Bridgestone;
}
.modal-body textarea {
  border-color: #cbcbcb;
  border-radius: 10px !important;
}
@media (max-width: 575.98px) {
  .modal-body #commentHistory {
    overflow: auto;
  }
}

.icon.plus {
  transform: rotate(-90deg);
}
.icon.minus {
  transform: rotate(90deg);
}

@media (max-width: 575.98px) {
  .info-history-content {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .info-history-content .bloco {
    margin-bottom: 10px;
  }
}

.btns-cancel .actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btns-cancel .btn {
  width: 70% !important;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .btns-cancel .btn {
    width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  .information-order-bottom > div {
    flex-direction: column;
    gap: 20px;
  }
  .prd-qty,
  .prd-total {
    padding-left: 33%;
  }
  .prd-qty-total {
    display: flex;
    gap: 20px;
  }
}
.credit-situation .reports {
  height: 90px;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  /* Remove a borda inferior para o último .reports */
  /* Adicione a borda inferior apenas quando houver mais de 1 .reports */
}
.credit-situation .reports:last-child {
  border-bottom: none;
}
.credit-situation .reports:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.credit-situation .reports .report-title {
  color: #383838;
  font-weight: bold;
}
.credit-situation .reports .history-report {
  color: #649B76;
}
.credit-situation .reports .history-report .icon {
  stroke: #649B76 !important;
  stroke-width: 1px;
}

.canceled-info {
  font-size: 14px;
  font-style: italic;
  text-transform: capitalize;
}

.warning-icon {
  color: #e99760;
  cursor: pointer;
}
.warning-icon:hover {
  text-decoration: underline;
}

.warning-order {
  cursor: pointer;
  color: #212529 !important;
}
.warning-order:hover {
  opacity: 0.8;
}

@media (max-width: 575.98px) {
  .warning-order {
    display: block;
    width: fit-content;
  }
  .d-none-mobile {
    display: none !important;
  }
}
.nav-conta {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
}
.nav-conta li {
  border-bottom: 1px solid #dee2e6;
}
.nav-conta li:last-child {
  border: none;
}
.nav-conta a {
  color: #CBCBCB;
  display: block;
  font-size: 0.875em;
  padding: 15px 0;
}
.nav-conta a:hover {
  background: #f9f9f9;
  color: #000;
}

.linguagem {
  margin-top: 0px !important;
}

.linguagem .dropdown-toggle {
  border-radius: 0 !important;
  background: #1e1e1e !important; /* Old browsers */
  background: -moz-linear-gradient(top, #1e1e1e 0%, #313131 100%) !important; /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e1e1e), color-stop(100%, #313131)) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1e1e1e 0%, #313131 100%) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1e1e1e 0%, #313131 100%) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1e1e1e 0%, #313131 100%) !important; /* IE10+ */
  background: linear-gradient(to bottom, #1e1e1e 0%, #313131 100%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1e1e1e", endColorstr="#313131",GradientType=0 ) !important; /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 0px solid transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  height: 32px;
  padding: 4px 7px !important;
}

.linguagem .dropdown-toggle img {
  margin-top: 8px;
}

.linguagem .dropdown-toggle .caret {
  border-bottom-color: #090909 !important;
  border-top-color: #090909 !important;
  margin-top: 15px !important;
}

.linguagem .dropdown-toggle:hover .caret {
  border-bottom-color: #3b3b3b !important;
  border-top-color: #3b3b3b !important;
}

.txt-ttl-trans {
  margin-bottom: 20px;
}

.txt-ttl-trans strong {
  color: #636466;
}

.txt-contact {
  font-size: 1em;
  margin-bottom: 30px;
}

.txt-contact a {
  color: #000;
  line-height: 2;
  text-decoration: underline;
}

.ctn-atd-cto {
  background: #fff;
  border: 1px solid #dee2e6;
  padding: 40px;
  margin-bottom: 40px;
  padding: 1.5rem;
}
@media (max-width: 767.98px) {
  .ctn-atd-cto {
    padding: 1.5rem;
  }
}

.ctn-atd-cto h5, .ctn-atd-cto .h5 {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 1.125em;
}

.ctn-atd-cto .lks-sup a {
  color: #636466;
  font-size: 0.875em;
  display: block;
  margin-bottom: 15px;
}

.ctn-atd-cto .lks-sup a:hover {
  color: #636466;
}

.ctn-atd-cto .lks-sup strong {
  color: #636466;
  font-size: 1em;
  display: block;
  font-weight: normal;
}

.cto-hr-atd {
  margin-top: 30px;
}

.cto-hr-atd h6, .cto-hr-atd .h6 {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 1em;
}

.cto-hr-atd p {
  color: #636466;
  font-size: 1em;
}

.idc-fab-tt {
  font-weight: 100;
  display: block;
  margin-bottom: 10px;
}

.idc-fab-itm {
  border: 1px solid #CBCBCB;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-bottom: 4px;
  width: 30px;
  text-align: center;
}

.idc-fab-itm:hover {
  border-color: #636466;
  color: #CBCBCB;
}

.lista-fabricantes {
  border: 1px solid #636466;
  border-radius: 3px;
  overflow: auto;
  margin-bottom: 20px;
}

.header-fabricante {
  background: #f9f9f9;
  padding: 10px 20px;
}

.lista-fabricantes ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.conteudo-fabricante {
  padding: 20px;
}

.lista-fabricantes ul > li {
  margin-bottom: 10px;
}

.not-found-page {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.compare-info {
  color: #495057;
  font-weight: 100;
  margin-top: 40px;
}

.compare-info tr > th {
  background: #F0F0F0;
  font-size: 0.875em;
  text-align: center;
  text-transform: uppercase;
}

.compare-info tr > td {
  text-align: center;
}

.compare-info tr > td:first-child {
  background: #f9f9f9;
  text-align: left;
}

.compare-info tr > td strong {
  font-weight: 100;
}

.compare-info tr > td strong.sub-tt-compare {
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {
  .bn-body-home .bn-uni {
    display: none;
  }
}
.bn-body-home .ctn-bn-comp {
  margin: 0;
}

.ctn-video-home {
  height: auto;
}

.bn-body-home .ctn-bn-comp .swiper {
  margin-bottom: 15px;
}

.player-video-home,
.info-video-home {
  position: relative;
}

.player-video-home {
  width: 100%;
  margin-bottom: 30px;
}

.info-video-home {
  width: 100%;
}

.info-cert {
  padding: 40px 30px;
}

.bg-video-home img {
  max-width: 100%;
}

.ctn-btn-descubra {
  text-align: center;
  padding: 20px 0;
}

.btn-descubra {
  font-size: 0.875em;
  margin: 0;
}

.ctn-cert-home {
  flex-direction: column;
}

.mapa-site {
  margin: 40px 0;
}
.mapa-site a:hover {
  text-decoration: underline;
}
.mapa-site > ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  list-style: none;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 0;
}
.mapa-site > ul > li {
  flex-basis: 100%;
  max-width: 410px;
}
.mapa-site > ul > li > a, .mapa-site > ul > li span {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 15px;
}
.mapa-site > ul > li > a:not(span), .mapa-site > ul > li span:not(span) {
  text-decoration: underline;
}
.mapa-site > ul > li > ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 1.5rem;
}
.mapa-site > ul > li > ul > li > ul {
  padding-left: 20px;
  margin-bottom: 1.5rem;
  list-style: circle;
}

.img-information {
  height: 350px;
  width: 100%;
}
.img-information img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.txt-information {
  margin: 60px 0;
  color: #636466;
}
.txt-information h3, .txt-information .h3, .txt-information h2, .txt-information .h2 {
  color: #FF0000;
  font-size: 1.875rem;
  margin-bottom: 1.5rem;
}
.txt-information p {
  line-height: 1.8;
}

.vta-loja {
  background: #F0F0F0;
  display: flex;
  border-radius: 0.5rem;
  padding: 20px;
  margin: 60px 0;
}
@media (max-width: 575.98px) {
  .vta-loja {
    flex-direction: column;
  }
}
.vta-loja div:nth-of-type(2) {
  margin: 0 1.5rem;
}
@media (max-width: 575.98px) {
  .vta-loja div:nth-of-type(2) {
    margin: 1.5rem 0;
  }
}
.vta-loja img {
  border-radius: 0.5rem;
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-width: 600px;
}
.vta-loja h4, .vta-loja .h4 {
  color: #FF0000;
  font-size: 1.5rem;
}
.vta-loja .lead {
  color: #000;
  font-size: 1rem;
}
.vta-loja p {
  color: #636466;
  font-size: 0.875rem;
}
.vta-loja .btn-whatsapp {
  white-space: nowrap;
  border-radius: 0.375rem;
  margin-bottom: 20px;
}
.vta-loja a {
  color: #000;
}

.img-angle-end {
  clip-path: polygon(0 0, 100% 0%, calc(100% - 80px) 100%, 0% 100%);
}

.img-angle-start {
  clip-path: polygon(80px 0%, 100% 0, 100% 100%, 0% 100%);
}

.blc-custom-desc {
  background-color: #E6E6E6;
  display: flex;
  align-items: center;
}
.blc-custom-desc > img {
  height: 100%;
  width: auto;
  aspect-ratio: 71/45;
}
.blc-custom-desc > div {
  padding: 60px;
}

.description-icons {
  border-radius: 0.375rem;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .description-icons {
    margin-bottom: 70px;
  }
}
.description-icons > div {
  display: flex;
  gap: 10px;
  min-width: 180px;
  font-size: 0.875rem;
}
@media (min-width: 992px) {
  .description-icons > div {
    width: calc(50% - 20px);
  }
}
.description-icons > div img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.ft-main {
  background: #000;
  color: #fff;
  padding: 1.5rem 0;
}
.ft-main a {
  color: #fff;
}
.ft-main a:hover {
  text-decoration: underline;
}

.ctn-ft-logo {
  margin-left: 1.5rem;
}
@media (max-width: 575.98px) {
  .ctn-ft-logo {
    display: none;
  }
}

.ft-logo {
  margin-bottom: 15px;
  width: 215px;
}

@media (max-width: 575.98px) {
  .ft-social {
    display: none;
  }
}
.ft-social h5, .ft-social .h5 {
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.ft-social p {
  font-size: 0.875rem;
  margin: 0 8px 0 0;
  text-transform: uppercase;
}
.ft-social > a {
  color: #fff;
  margin-right: 8px;
}

@media (min-width: 768px) {
  .col-2-links ul {
    column-count: 2;
    column-gap: 30px;
  }
  .col-3-links ul {
    column-count: 3;
    column-gap: 30px;
  }
}
@media (max-width: 575.98px) {
  .ft-menu {
    margin-bottom: 1.5rem;
  }
}
.ft-menu h5, .ft-menu .h5 {
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.ft-menu > p {
  color: inherit;
  display: flex;
  align-items: flex-start;
  font-size: 0.875rem;
}
.ft-menu > p .icon {
  font-size: 12px;
}
.ft-menu ul {
  font-size: 0.875rem;
  list-style-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%206%22%3E%3Cpath%20d%3D%22M.5%206a.51.51%200%200%201-.31-.11.5.5%200%200%201-.08-.7L1.86%203%20.11.81A.5.5%200%200%201%20.89.19l2%202.5a.48.48%200%200%201%200%20.62l-2%202.5A.48.48%200%200%201%20.5%206Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  padding-left: 13px;
}
@media (max-width: 575.98px) {
  .ft-menu ul {
    column-count: 2;
    column-gap: 15px;
  }
}
.ft-menu ul li + li {
  margin-top: 8px;
}

.ft-sec {
  background: #fff;
  color: #343a40;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .ft-sec {
    padding: 10px 0;
  }
}

.hd-ft-sec {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: inherit;
}
.hd-ft-sec svg {
  font-size: 28px;
}
.hd-ft-sec h5, .hd-ft-sec .h5 {
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 0;
}

.copyrights {
  font-size: 0.875rem;
  font-style: italic;
  background: #fff;
  color: #343a40;
  padding: 10px 0;
}
.copyrights p {
  margin-right: auto;
  text-align: center;
}
.copyrights a {
  color: #343a40;
}

.logos-copy {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .logos-copy {
    margin-right: auto;
  }
}

.logo-ss {
  color: #343a40;
  width: 120px;
}

.logo-only {
  color: #343a40;
  width: 70px;
}

.logo-copy-sp {
  height: 20px;
  width: 1px;
  background: #343a40;
  flex-shrink: 0;
}

#custom-footer .formas-pagamento h5, #custom-footer .formas-pagamento .h5 {
  margin-bottom: 0px !important;
}

.wrap-alert-cookie {
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 1030;
  width: 100%;
}

.alert-cookie {
  background: #fff;
  border-radius: 0.5rem 0.5rem 0 0;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  padding: 20px;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
}
.alert-cookie h5, .alert-cookie .h5 {
  font-size: 1rem;
  font-weight: bold;
}
.alert-cookie p {
  margin: 0;
}
.alert-cookie .btn-alert {
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
}
.alert-cookie .btn-alert .btn {
  white-space: nowrap;
}

.modal-cookies h6, .modal-cookies .h6 {
  font-weight: 600;
}

.list-cookies {
  list-style: none;
}
.list-cookies li {
  border-bottom: 1px solid #F0F0F0;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-cookies .check-switch {
  display: flex;
  align-items: center;
  position: relative;
}
.list-cookies .check-switch input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.list-cookies .check-switch input:checked + label {
  background: #649B76;
}
.list-cookies .check-switch input:checked + label:after {
  transform: translateX(25px);
}
.list-cookies .check-switch input:disabled + label {
  background: #adb5bd;
}
.list-cookies .check-switch input:disabled + label:after {
  transform: translateX(25px);
}
.list-cookies .check-switch label {
  background: #dee2e6;
  border-radius: 13px;
  color: transparent;
  font-size: 0;
  height: 25px;
  width: 50px;
  position: relative;
  margin: 0 5px;
  transition: 0.2s;
}
.list-cookies .check-switch label:after {
  position: absolute;
  border-radius: 100%;
  content: "";
  height: 23px;
  width: 23px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  transition: 0.2s;
}

/*# sourceMappingURL=main.css.map */