/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/main.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Set all our kitkat variables here
-- Colors --- */
/*!
 * Bootstrap  v5.3.5 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #c40018;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #4d8217;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000000;
  --bs-white: #ffffff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #c40018;
  --bs-secondary: #6c757d;
  --bs-success: #4d8217;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #c40018;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 196, 0, 24;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 77, 130, 23;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 196, 0, 24;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(78.4, 0, 9.6);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(30.8, 52, 9.2);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(78.4, 0, 9.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(243.2, 204, 208.8);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(219.4, 230, 208.6);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(243.2, 204, 208.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(231.4, 153, 162.6);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(183.8, 205, 162.2);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(231.4, 153, 162.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-root-font-size: 20px;
  --bs-body-font-family: franklin-gothic-urw, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #E30612;
  --bs-link-color-rgb: 227, 6, 18;
  --bs-link-decoration: none;
  --bs-link-hover-color: #E30612;
  --bs-link-hover-color-rgb: 227, 6, 18;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --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-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(196, 0, 24, 0.25);
  --bs-form-valid-color: #4d8217;
  --bs-form-valid-border-color: #4d8217;
  --bs-form-invalid-color: #c40018;
  --bs-form-invalid-border-color: #c40018;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(219.6, 102, 116.4);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(148.2, 180, 115.8);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(219.6, 102, 116.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(39.2, 0, 4.8);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(15.4, 26, 4.6);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(39.2, 0, 4.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(117.6, 0, 14.4);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(46.2, 78, 13.8);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(117.6, 0, 14.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(219.6, 102, 116.4);
  --bs-link-hover-color: rgb(226.68, 132.6, 144.12);
  --bs-link-color-rgb: 220, 102, 116;
  --bs-link-hover-color-rgb: 227, 133, 144;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(148.2, 180, 115.8);
  --bs-form-valid-border-color: rgb(148.2, 180, 115.8);
  --bs-form-invalid-color: rgb(219.6, 102, 116.4);
  --bs-form-invalid-border-color: rgb(219.6, 102, 116.4);
}

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

:root {
  font-size: var(--bs-root-font-size);
  font-size: var(--bs-root-font-size);
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  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: var(--bs-border-width) solid;
  border-top: var(--bs-border-width) 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;
  color: var(--bs-heading-color);
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.255rem + 0.06vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 1.3rem;
  }
}

h2, .h2 {
  font-size: 1.1rem;
}

h3, .h3 {
  font-size: 0.9rem;
}

h4, .h4 {
  font-size: 0.8rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

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

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
  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: rgba(var(--bs-link-color-rgb), 1);
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: none;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

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

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-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);
  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);
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  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: var(--bs-secondary-color);
  color: var(--bs-secondary-color);
  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;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@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] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* 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-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

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

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

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

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

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

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

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

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

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

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

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

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
  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: var(--bs-secondary-color);
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: 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-ipad-air, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-custom1024, .container-lg, .container-ipad-air, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-custom1024, .container-lg, .container-ipad-air, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-ipad-air: 820px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-custom1024: 1024px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
  --bs-breakpoint-xxxl: 1600px;
  --bs-breakpoint-xxxxl: 1920px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: 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-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  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.33333333%;
}

.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.66666667%;
}

.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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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: 820px) {
  .col-ipad-air {
    flex: 1 0 0;
  }
  .row-cols-ipad-air-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-ipad-air-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-ipad-air-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-ipad-air-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-ipad-air-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-ipad-air-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-ipad-air-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-ipad-air-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-ipad-air-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-ipad-air-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-ipad-air-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-ipad-air-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-ipad-air-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-ipad-air-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-ipad-air-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-ipad-air-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-ipad-air-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-ipad-air-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-ipad-air-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-ipad-air-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-ipad-air-0 {
    margin-left: 0;
  }
  .offset-ipad-air-1 {
    margin-left: 8.33333333%;
  }
  .offset-ipad-air-2 {
    margin-left: 16.66666667%;
  }
  .offset-ipad-air-3 {
    margin-left: 25%;
  }
  .offset-ipad-air-4 {
    margin-left: 33.33333333%;
  }
  .offset-ipad-air-5 {
    margin-left: 41.66666667%;
  }
  .offset-ipad-air-6 {
    margin-left: 50%;
  }
  .offset-ipad-air-7 {
    margin-left: 58.33333333%;
  }
  .offset-ipad-air-8 {
    margin-left: 66.66666667%;
  }
  .offset-ipad-air-9 {
    margin-left: 75%;
  }
  .offset-ipad-air-10 {
    margin-left: 83.33333333%;
  }
  .offset-ipad-air-11 {
    margin-left: 91.66666667%;
  }
  .g-ipad-air-0,
  .gx-ipad-air-0 {
    --bs-gutter-x: 0;
  }
  .g-ipad-air-0,
  .gy-ipad-air-0 {
    --bs-gutter-y: 0;
  }
  .g-ipad-air-1,
  .gx-ipad-air-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-ipad-air-1,
  .gy-ipad-air-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-ipad-air-2,
  .gx-ipad-air-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-ipad-air-2,
  .gy-ipad-air-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-ipad-air-3,
  .gx-ipad-air-3 {
    --bs-gutter-x: 1rem;
  }
  .g-ipad-air-3,
  .gy-ipad-air-3 {
    --bs-gutter-y: 1rem;
  }
  .g-ipad-air-4,
  .gx-ipad-air-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-ipad-air-4,
  .gy-ipad-air-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-ipad-air-5,
  .gx-ipad-air-5 {
    --bs-gutter-x: 3rem;
  }
  .g-ipad-air-5,
  .gy-ipad-air-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.33333333%;
  }
  .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.66666667%;
  }
  .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: 1024px) {
  .col-custom1024 {
    flex: 1 0 0;
  }
  .row-cols-custom1024-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-custom1024-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-custom1024-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-custom1024-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-custom1024-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-custom1024-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-custom1024-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-custom1024-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-custom1024-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-custom1024-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-custom1024-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-custom1024-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-custom1024-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-custom1024-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-custom1024-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-custom1024-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-custom1024-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-custom1024-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-custom1024-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-custom1024-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-custom1024-0 {
    margin-left: 0;
  }
  .offset-custom1024-1 {
    margin-left: 8.33333333%;
  }
  .offset-custom1024-2 {
    margin-left: 16.66666667%;
  }
  .offset-custom1024-3 {
    margin-left: 25%;
  }
  .offset-custom1024-4 {
    margin-left: 33.33333333%;
  }
  .offset-custom1024-5 {
    margin-left: 41.66666667%;
  }
  .offset-custom1024-6 {
    margin-left: 50%;
  }
  .offset-custom1024-7 {
    margin-left: 58.33333333%;
  }
  .offset-custom1024-8 {
    margin-left: 66.66666667%;
  }
  .offset-custom1024-9 {
    margin-left: 75%;
  }
  .offset-custom1024-10 {
    margin-left: 83.33333333%;
  }
  .offset-custom1024-11 {
    margin-left: 91.66666667%;
  }
  .g-custom1024-0,
  .gx-custom1024-0 {
    --bs-gutter-x: 0;
  }
  .g-custom1024-0,
  .gy-custom1024-0 {
    --bs-gutter-y: 0;
  }
  .g-custom1024-1,
  .gx-custom1024-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-custom1024-1,
  .gy-custom1024-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-custom1024-2,
  .gx-custom1024-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-custom1024-2,
  .gy-custom1024-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-custom1024-3,
  .gx-custom1024-3 {
    --bs-gutter-x: 1rem;
  }
  .g-custom1024-3,
  .gy-custom1024-3 {
    --bs-gutter-y: 1rem;
  }
  .g-custom1024-4,
  .gx-custom1024-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-custom1024-4,
  .gy-custom1024-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-custom1024-5,
  .gx-custom1024-5 {
    --bs-gutter-x: 3rem;
  }
  .g-custom1024-5,
  .gy-custom1024-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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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;
  }
}
@media (min-width: 1920px) {
  .col-xxxxl {
    flex: 1 0 0;
  }
  .row-cols-xxxxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxxxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxxxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxxxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxxxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxxxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxxxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxxxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxxxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxxxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxxxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxxxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxxxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxxxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxxxl-0 {
    margin-left: 0;
  }
  .offset-xxxxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxxxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxxxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxxxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxxxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxxxl-0,
  .gx-xxxxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxxxl-0,
  .gy-xxxxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxxxl-1,
  .gx-xxxxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxxxl-1,
  .gy-xxxxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxxxl-2,
  .gx-xxxxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxxxl-2,
  .gy-xxxxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxxxl-3,
  .gx-xxxxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxxxl-3,
  .gy-xxxxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxxxl-4,
  .gx-xxxxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxxxl-4,
  .gy-xxxxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxxxl-5,
  .gx-xxxxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxxxl-5,
  .gy-xxxxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color);
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

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

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

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

.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-color-type: var(--bs-table-striped-color);
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

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

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

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

.table-primary {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(243.2, 204, 208.8);
  --bs-table-border-color: rgb(194.56, 163.2, 167.04);
  --bs-table-striped-bg: rgb(231.04, 193.8, 198.36);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(218.88, 183.6, 187.92);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(224.96, 188.7, 193.14);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(180.48, 181.92, 183.2);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(219.4, 230, 208.6);
  --bs-table-border-color: rgb(175.52, 184, 166.88);
  --bs-table-striped-bg: rgb(208.43, 218.5, 198.17);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(197.46, 207, 187.74);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(202.945, 212.75, 192.955);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(204, 194.08, 164.32);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(243.2, 204, 208.8);
  --bs-table-border-color: rgb(194.56, 163.2, 167.04);
  --bs-table-striped-bg: rgb(231.04, 193.8, 198.36);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(218.88, 183.6, 187.92);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(224.96, 188.7, 193.14);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(198.4, 199.2, 200);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #ffffff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #ffffff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #ffffff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #ffffff;
  color: var(--bs-table-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-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: 819.98px) {
  .table-responsive-ipad-air {
    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: 1023.98px) {
  .table-responsive-custom1024 {
    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;
  }
}
@media (max-width: 1919.98px) {
  .table-responsive-xxxxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

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

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
  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: var(--bs-body-color);
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-color: var(--bs-body-bg);
  border-color: rgb(225.5, 127.5, 139.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(196, 0, 24, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
}
[dir="ltr"] .form-control::file-selector-button{
  margin-right: 0.75rem;
}
[dir="rtl"] .form-control::file-selector-button{
  margin-left: 0.75rem;
}
.form-control::file-selector-button {
  color: var(--bs-body-color);
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
[dir="ltr"] .form-control::file-selector-button{
  border-right-width: var(--bs-border-width);
}
[dir="rtl"] .form-control::file-selector-button{
  border-left-width: var(--bs-border-width);
}
[dir="ltr"] .form-control::file-selector-button{
  border-right-width: var(--bs-border-width);
}
[dir="rtl"] .form-control::file-selector-button{
  border-left-width: var(--bs-border-width);
}
.form-control::file-selector-button {
  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: var(--bs-secondary-bg);
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
  border-width: var(--bs-border-width) 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 + calc(var(--bs-border-width) * 2));
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
}
[dir="ltr"] .form-control-sm::file-selector-button{
  margin-right: 0.5rem;
}
[dir="rtl"] .form-control-sm::file-selector-button{
  margin-left: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
}
[dir="ltr"] .form-control-lg::file-selector-button{
  margin-right: 1rem;
}
[dir="rtl"] .form-control-lg::file-selector-button{
  margin-left: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

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

.form-select {
  --bs-form-select-bg-img: 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");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), none;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(225.5, 127.5, 139.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(196, 0, 24, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
  text-shadow: 0 0 0 var(--bs-body-color);
}

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

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

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.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 {
  --bs-form-check-bg: var(--bs-body-bg);
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-form-check-bg);
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(225.5, 127.5, 139.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(196, 0, 24, 0.25);
}
.form-check-input:checked {
  background-color: #c40018;
  border-color: #c40018;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' 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] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #c40018;
  border-color: #c40018;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' 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 {
  --bs-form-switch-bg: 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");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-image: var(--bs-form-switch-bg);
  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 {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28225.5, 127.5, 139.5%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%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;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(196, 0, 24, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(196, 0, 24, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: #c40018;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(237.3, 178.5, 185.7);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
       appearance: none;
  background-color: #c40018;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(237.3, 178.5, 185.7);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  color: rgba(var(--bs-body-color-rgb), 0.65);
}
[dir="ltr"] .form-floating > label{
  text-align: left;
}
[dir="rtl"] .form-floating > label{
  text-align: right;
}
.form-floating > label {
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:not(:-moz-placeholder) ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:not(:-moz-placeholder) ~ label::after {
  position: absolute;
  top: 1rem;
  right: 0.375rem;
  bottom: 1rem;
  left: 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  top: 1rem;
  right: 0.375rem;
  bottom: 1rem;
  left: 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
}

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

.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: var(--bs-border-radius-sm);
  border-radius: var(--bs-border-radius-sm);
}

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

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  margin-left: calc(-1 * var(--bs-border-width));
  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: var(--bs-form-valid-color);
  color: var(--bs-form-valid-color);
}

.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: var(--bs-success);
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
}

.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: var(--bs-form-valid-border-color);
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234d8217' 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.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

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

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
  border-color: var(--bs-form-valid-border-color);
}
.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"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234d8217' 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.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

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

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
  color: var(--bs-form-valid-color);
}

.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: var(--bs-form-invalid-color);
  color: var(--bs-form-invalid-color);
}

.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: var(--bs-danger);
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
}

.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: var(--bs-form-invalid-border-color);
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c40018'%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='%23c40018' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

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

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  border-color: var(--bs-form-invalid-border-color);
}
.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"] {
  --bs-form-select-bg-icon: 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='%23c40018'%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='%23c40018' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

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

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
  color: var(--bs-form-invalid-color);
}

.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: 1rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 700;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.25rem;
  --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);
  --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);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  border-color: var(--bs-btn-border-color);
}
.btn.focus-visible {
  color: var(--bs-btn-hover-color);
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check.focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
  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);
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
  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);
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked.focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #c40018;
  --bs-btn-border-color: #c40018;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(166.6, 0, 20.4);
  --bs-btn-hover-border-color: rgb(156.8, 0, 19.2);
  --bs-btn-focus-shadow-rgb: 205, 38, 59;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(156.8, 0, 19.2);
  --bs-btn-active-border-color: #930012;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #c40018;
  --bs-btn-disabled-border-color: #c40018;
}

.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #4d8217;
  --bs-btn-border-color: #4d8217;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(65.45, 110.5, 19.55);
  --bs-btn-hover-border-color: rgb(61.6, 104, 18.4);
  --bs-btn-focus-shadow-rgb: 104, 149, 58;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(61.6, 104, 18.4);
  --bs-btn-active-border-color: rgb(57.75, 97.5, 17.25);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #4d8217;
  --bs-btn-disabled-border-color: #4d8217;
}

.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000000;
  --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: #000000;
  --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: #000000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #c40018;
  --bs-btn-border-color: #c40018;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(166.6, 0, 20.4);
  --bs-btn-hover-border-color: rgb(156.8, 0, 19.2);
  --bs-btn-focus-shadow-rgb: 205, 38, 59;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(156.8, 0, 19.2);
  --bs-btn-active-border-color: #930012;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #c40018;
  --bs-btn-disabled-border-color: #c40018;
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;
  --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: #000000;
  --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: #000000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #ffffff;
  --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: #ffffff;
  --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: #ffffff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #c40018;
  --bs-btn-border-color: #c40018;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #c40018;
  --bs-btn-hover-border-color: #c40018;
  --bs-btn-focus-shadow-rgb: 196, 0, 24;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #c40018;
  --bs-btn-active-border-color: #c40018;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #c40018;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c40018;
  --bs-gradient: none;
}

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

.btn-outline-success {
  --bs-btn-color: #4d8217;
  --bs-btn-border-color: #4d8217;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #4d8217;
  --bs-btn-hover-border-color: #4d8217;
  --bs-btn-focus-shadow-rgb: 77, 130, 23;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #4d8217;
  --bs-btn-active-border-color: #4d8217;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #4d8217;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4d8217;
  --bs-gradient: none;
}

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

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000000;
  --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: #c40018;
  --bs-btn-border-color: #c40018;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #c40018;
  --bs-btn-hover-border-color: #c40018;
  --bs-btn-focus-shadow-rgb: 196, 0, 24;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #c40018;
  --bs-btn-active-border-color: #c40018;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #c40018;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c40018;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000000;
  --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: #ffffff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #ffffff;
  --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-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-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 231, 43, 54;
  text-decoration: none;
}
.btn-link.focus-visible {
  color: var(--bs-btn-color);
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
  color: var(--bs-btn-hover-color);
}

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

.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: var(--bs-border-radius-sm);
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.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: var(--bs-body-color);
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #ffffff;
  --bs-dropdown-link-active-bg: rgba(0, 0, 0, 0);
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
  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: 820px) {
  .dropdown-menu-ipad-air-start {
    --bs-position: start;
  }
  .dropdown-menu-ipad-air-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-ipad-air-end {
    --bs-position: end;
  }
  .dropdown-menu-ipad-air-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: 1024px) {
  .dropdown-menu-custom1024-start {
    --bs-position: start;
  }
  .dropdown-menu-custom1024-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-custom1024-end {
    --bs-position: end;
  }
  .dropdown-menu-custom1024-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;
  }
}
@media (min-width: 1920px) {
  .dropdown-menu-xxxxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxxxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxxxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxxxl-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);
  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);
  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);
  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;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  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);
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  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);
  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);
  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);
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
  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-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #ffffff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --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: #ffffff;
  --bs-dropdown-link-active-bg: rgba(0, 0, 0, 0);
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.25rem;
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.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: calc(-1 * var(--bs-border-width));
  margin-top: calc(-1 * var(--bs-border-width));
}
.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:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .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-size: 0.8rem;
  --bs-nav-link-font-weight: 500;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  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);
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  color: var(--bs-nav-link-color);
  background: none;
  border: 0;
  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);
  color: var(--bs-nav-link-hover-color);
}
.nav-link.focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(196, 0, 24, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  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));
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-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);
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  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: var(--bs-border-radius);
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #ffffff;
  --bs-nav-pills-link-active-bg: #c40018;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

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

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  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: #ffffff;
  --bs-navbar-hover-color: #ffffff;
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: #ffffff;
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: #ffffff;
  --bs-navbar-brand-hover-color: #ffffff;
  --bs-navbar-nav-link-padding-x: 1rem;
  --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%2833, 37, 41, 0.75%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(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: 0.25rem;
  --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);
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  color: var(--bs-navbar-brand-color);
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
  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-size: 0.8rem;
  --bs-nav-link-font-weight: 500;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-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 .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
  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);
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
  color: var(--bs-navbar-active-color);
}

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

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
  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);
  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-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: 75vh;
  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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: 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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: 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: 820px) {
  .navbar-expand-ipad-air {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-ipad-air .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-ipad-air .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-ipad-air .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-ipad-air .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-ipad-air .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-ipad-air .navbar-toggler {
    display: none;
  }
  .navbar-expand-ipad-air .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-ipad-air .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-ipad-air .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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: 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: 1024px) {
  .navbar-expand-custom1024 {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-custom1024 .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-custom1024 .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-custom1024 .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-custom1024 .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-custom1024 .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-custom1024 .navbar-toggler {
    display: none;
  }
  .navbar-expand-custom1024 .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-custom1024 .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-custom1024 .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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: 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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: 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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: 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;
  }
}
@media (min-width: 1920px) {
  .navbar-expand-xxxxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxxxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxxxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxxxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxxxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxxxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxxxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxxxl .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-xxxxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxxxl .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-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: 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,
.navbar[data-bs-theme=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: #ffffff;
  --bs-navbar-brand-color: #ffffff;
  --bs-navbar-brand-hover-color: #ffffff;
  --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");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --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-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-bg: var(--bs-body-bg);
  --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);
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  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-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-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-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-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);
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
  color: var(--bs-card-color);
}

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

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

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

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

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  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;
  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);
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
  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);
  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-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  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);
  background-color: var(--bs-card-bg);
  border-bottom-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-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: 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);
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
  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-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-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-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-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);
  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: var(--bs-body-color);
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-bg: var(--bs-body-bg);
  --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-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --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='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%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='none' stroke='rgb%2878.4, 0, 9.6%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(196, 0, 24, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  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);
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  width: var(--bs-accordion-btn-icon-width);
  height: 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-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
  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;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

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

.accordion-item {
  color: var(--bs-accordion-color);
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  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-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-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-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-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-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-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);
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.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-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28219.6, 102, 116.4%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-.708'/%3e%3c/svg%3e");
  --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%28219.6, 102, 116.4%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-.708'/%3e%3c/svg%3e");
}

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

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  color: var(--bs-breadcrumb-divider-color);
  content: "/" /* rtl: "/" */;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
  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-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(196, 0, 24, 0.25);
  --bs-pagination-active-color: #ffffff;
  --bs-pagination-active-bg: #c40018;
  --bs-pagination-active-border-color: #c40018;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  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);
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  color: var(--bs-pagination-color);
  background-color: var(--bs-pagination-bg);
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  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);
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-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-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-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: var(--bs-border-radius-lg);
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

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

.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: #ffffff;
  --bs-badge-border-radius: var(--bs-border-radius);
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
  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: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
  color: var(--bs-alert-link-color);
}

.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: var(--bs-primary-text-emphasis);
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #ffffff;
  --bs-progress-bar-bg: #c40018;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
  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);
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
  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);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.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: var(--bs-body-color);
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #ffffff;
  --bs-list-group-active-bg: #c40018;
  --bs-list-group-active-border-color: #c40018;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
  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 {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  color: var(--bs-list-group-color);
  background-color: var(--bs-list-group-bg);
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  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);
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
  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));
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
  background-color: var(--bs-list-group-action-active-bg);
}

.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-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-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-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));
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: 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-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-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-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));
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: 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-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-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-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));
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 820px) {
  .list-group-horizontal-ipad-air {
    flex-direction: row;
  }
  .list-group-horizontal-ipad-air > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-ipad-air > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-ipad-air > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-ipad-air > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-ipad-air > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: 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-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-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-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));
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1024px) {
  .list-group-horizontal-custom1024 {
    flex-direction: row;
  }
  .list-group-horizontal-custom1024 > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-custom1024 > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-custom1024 > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-custom1024 > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-custom1024 > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: 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-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-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-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));
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: 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-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-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-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));
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: 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-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-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-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));
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1920px) {
  .list-group-horizontal-xxxxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxxxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxxxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxxxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxxxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxxxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: 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);
  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 {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%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.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(196, 0, 24, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
  opacity: var(--bs-btn-close-disabled-opacity);
}

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

:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}

[data-bs-theme=dark] {
  --bs-btn-close-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(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
  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);
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  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-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-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));
  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-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  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: var(--bs-body-color);
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --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-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-header-border-width: var(--bs-border-width);
  --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-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  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);
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@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);
  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);
  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);
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

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

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  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-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-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);
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

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

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
  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);
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  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-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-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);
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 819.98px) {
  .modal-fullscreen-ipad-air-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-ipad-air-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-ipad-air-down .modal-header,
  .modal-fullscreen-ipad-air-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-ipad-air-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: 1023.98px) {
  .modal-fullscreen-custom1024-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-custom1024-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-custom1024-down .modal-header,
  .modal-fullscreen-custom1024-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-custom1024-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;
  }
}
@media (max-width: 1919.98px) {
  .modal-fullscreen-xxxxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxxxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxxxl-down .modal-header,
  .modal-fullscreen-xxxxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxxxl-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: var(--bs-body-bg);
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  margin: var(--bs-tooltip-margin);
  font-family: franklin-gothic-urw, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
[dir="ltr"] .tooltip{
  text-align: left;
}
[dir="rtl"] .tooltip{
  text-align: right;
}
.tooltip {
  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);
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
  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: calc(-1 * var(--bs-tooltip-arrow-height));
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.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-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
  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: calc(-1 * var(--bs-tooltip-arrow-height));
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
  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-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);
  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: calc(-1 * var(--bs-tooltip-arrow-height));
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.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-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
  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: calc(-1 * var(--bs-tooltip-arrow-height));
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
  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-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);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
  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: var(--bs-body-bg);
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  max-width: var(--bs-popover-max-width);
  font-family: franklin-gothic-urw, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

[dir="ltr"] .popover{
  text-align: left;
}

[dir="rtl"] .popover{
  text-align: right;
}

.popover {
  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);
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
  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));
  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;
  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);
  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);
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
  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));
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
  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;
  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);
  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);
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
  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));
  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);
  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);
  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);
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
  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);
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * 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);
  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));
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
  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);
  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);
  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);
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
  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);
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  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-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-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);
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
  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: #ffffff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  filter: var(--bs-carousel-control-icon-filter);
  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: #ffffff;
  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%;
}

.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='%23ffffff'%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 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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-.708'/%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='%23ffffff'%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-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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 0'/%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%;
}
.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: var(--bs-carousel-indicator-active-bg);
  background-color: var(--bs-carousel-indicator-active-bg);
  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: var(--bs-carousel-caption-color);
  color: var(--bs-carousel-caption-color);
  text-align: center;
}

.carousel-dark {
  --bs-carousel-indicator-active-bg: #000000;
  --bs-carousel-caption-color: #000000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #ffffff;
  --bs-carousel-caption-color: #ffffff;
  --bs-carousel-control-icon-filter: ;
}

[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000000;
  --bs-carousel-caption-color: #000000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
  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: 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-xxxxl, .offcanvas-xxxl, .offcanvas-xxl, .offcanvas-xl, .offcanvas-custom1024, .offcanvas-lg, .offcanvas-ipad-air, .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: var(--bs-body-color);
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@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);
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@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);
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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: 819.98px) {
  .offcanvas-ipad-air {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 819.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-ipad-air {
    transition: none;
  }
}
@media (max-width: 819.98px) {
  .offcanvas-ipad-air.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-ipad-air.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-ipad-air.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-ipad-air.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-ipad-air.showing, .offcanvas-ipad-air.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-ipad-air.showing, .offcanvas-ipad-air.hiding, .offcanvas-ipad-air.show {
    visibility: visible;
  }
}
@media (min-width: 820px) {
  .offcanvas-ipad-air {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-ipad-air .offcanvas-header {
    display: none;
  }
  .offcanvas-ipad-air .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);
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@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);
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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: 1023.98px) {
  .offcanvas-custom1024 {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1023.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-custom1024 {
    transition: none;
  }
}
@media (max-width: 1023.98px) {
  .offcanvas-custom1024.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-custom1024.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-custom1024.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-custom1024.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-custom1024.showing, .offcanvas-custom1024.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-custom1024.showing, .offcanvas-custom1024.hiding, .offcanvas-custom1024.show {
    visibility: visible;
  }
}
@media (min-width: 1024px) {
  .offcanvas-custom1024 {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-custom1024 .offcanvas-header {
    display: none;
  }
  .offcanvas-custom1024 .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);
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@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);
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@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);
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@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);
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    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;
  }
}

@media (max-width: 1919.98px) {
  .offcanvas-xxxxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1919.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxxxl {
    transition: none;
  }
}
@media (max-width: 1919.98px) {
  .offcanvas-xxxxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxxxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxxxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxxxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxxxl.showing, .offcanvas-xxxxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxxxl.showing, .offcanvas-xxxxl.hiding, .offcanvas-xxxxl.show {
    visibility: visible;
  }
}
@media (min-width: 1920px) {
  .offcanvas-xxxxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxxxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxxxl .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);
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  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);
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  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);
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  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);
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  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: #000000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  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);
  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-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

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

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

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

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

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

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

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

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

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

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

.text-bg-secondary {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-secondary-rgb), 1) !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-success-rgb), 1) !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000000 !important;
  background-color: RGBA(var(--bs-info-rgb), 1) !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000000 !important;
  background-color: RGBA(var(--bs-warning-rgb), 1) !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-danger-rgb), 1) !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000000 !important;
  background-color: RGBA(var(--bs-light-rgb), 1) !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-dark-rgb), 1) !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), 1) !important;
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), 1) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(157, 0, 19, 1) !important;
  color: RGBA(157, 0, 19, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(157, 0, 19, 1) !important;
  text-decoration-color: RGBA(157, 0, 19, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), 1) !important;
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), 1) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, 1) !important;
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, 1) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), 1) !important;
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), 1) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(62, 104, 18, 1) !important;
  color: RGBA(62, 104, 18, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(62, 104, 18, 1) !important;
  text-decoration-color: RGBA(62, 104, 18, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), 1) !important;
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), 1) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, 1) !important;
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, 1) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), 1) !important;
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), 1) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, 1) !important;
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, 1) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), 1) !important;
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), 1) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(157, 0, 19, 1) !important;
  color: RGBA(157, 0, 19, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(157, 0, 19, 1) !important;
  text-decoration-color: RGBA(157, 0, 19, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), 1) !important;
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), 1) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, 1) !important;
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, 1) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), 1) !important;
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), 1) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, 1) !important;
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, 1) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), 1) !important;
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), 1) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), 0.75) !important;
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), 0.75) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: 0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color);
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), 0.5);
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover.focus-visible > .bi {
  transform: translate3d(0.25em, 0, 0);
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  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: 820px) {
  .sticky-ipad-air-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-ipad-air-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: 1024px) {
  .sticky-custom1024-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-custom1024-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;
  }
}
@media (min-width: 1920px) {
  .sticky-xxxxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxxxl-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) {
  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;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !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: var(--bs-border-width);
  width: var(--bs-border-width);
  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;
}

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

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

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

.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
     object-fit: 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;
}

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

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

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

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

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

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

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

.overflow-y-scroll {
  overflow-y: 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-inline-grid {
  display: inline-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: var(--bs-box-shadow) !important;
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
  box-shadow: var(--bs-box-shadow-lg) !important;
}

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

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.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: 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: 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-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: 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-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-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-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-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-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-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-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-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-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
  border-color: rgba(var(--bs-black-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-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
  border-color: var(--bs-dark-border-subtle) !important;
}

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

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

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

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

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

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

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

.row-gap-1 {
  row-gap: 0.25rem !important;
}

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

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}

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

.column-gap-3 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.255rem + 0.06vw) !important;
}

.fs-2 {
  font-size: 1.1rem !important;
}

.fs-3 {
  font-size: 0.9rem !important;
}

.fs-4 {
  font-size: 0.8rem !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-lighter {
  font-weight: lighter !important;
}

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

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

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

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
  color: var(--bs-secondary-color) !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-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
  color: var(--bs-emphasis-color) !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;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
  color: var(--bs-dark-text-emphasis) !important;
}

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

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

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

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

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

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

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

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

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

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), 1) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

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

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

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !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-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

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

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

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

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

.rounded {
  border-radius: var(--bs-border-radius) !important;
  border-radius: var(--bs-border-radius) !important;
}

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

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

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

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

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

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

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

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: 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-inline-grid {
    display: inline-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;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
         column-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;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: 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-inline-grid {
    display: inline-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;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
         column-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: 820px) {
  .float-ipad-air-start {
    float: left !important;
  }
  .float-ipad-air-end {
    float: right !important;
  }
  .float-ipad-air-none {
    float: none !important;
  }
  .object-fit-ipad-air-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-ipad-air-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-ipad-air-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-ipad-air-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-ipad-air-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-ipad-air-inline {
    display: inline !important;
  }
  .d-ipad-air-inline-block {
    display: inline-block !important;
  }
  .d-ipad-air-block {
    display: block !important;
  }
  .d-ipad-air-grid {
    display: grid !important;
  }
  .d-ipad-air-inline-grid {
    display: inline-grid !important;
  }
  .d-ipad-air-table {
    display: table !important;
  }
  .d-ipad-air-table-row {
    display: table-row !important;
  }
  .d-ipad-air-table-cell {
    display: table-cell !important;
  }
  .d-ipad-air-flex {
    display: flex !important;
  }
  .d-ipad-air-inline-flex {
    display: inline-flex !important;
  }
  .d-ipad-air-none {
    display: none !important;
  }
  .flex-ipad-air-fill {
    flex: 1 1 auto !important;
  }
  .flex-ipad-air-row {
    flex-direction: row !important;
  }
  .flex-ipad-air-column {
    flex-direction: column !important;
  }
  .flex-ipad-air-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-ipad-air-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-ipad-air-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-ipad-air-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-ipad-air-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-ipad-air-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-ipad-air-wrap {
    flex-wrap: wrap !important;
  }
  .flex-ipad-air-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-ipad-air-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-ipad-air-start {
    justify-content: flex-start !important;
  }
  .justify-content-ipad-air-end {
    justify-content: flex-end !important;
  }
  .justify-content-ipad-air-center {
    justify-content: center !important;
  }
  .justify-content-ipad-air-between {
    justify-content: space-between !important;
  }
  .justify-content-ipad-air-around {
    justify-content: space-around !important;
  }
  .justify-content-ipad-air-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-ipad-air-start {
    align-items: flex-start !important;
  }
  .align-items-ipad-air-end {
    align-items: flex-end !important;
  }
  .align-items-ipad-air-center {
    align-items: center !important;
  }
  .align-items-ipad-air-baseline {
    align-items: baseline !important;
  }
  .align-items-ipad-air-stretch {
    align-items: stretch !important;
  }
  .align-content-ipad-air-start {
    align-content: flex-start !important;
  }
  .align-content-ipad-air-end {
    align-content: flex-end !important;
  }
  .align-content-ipad-air-center {
    align-content: center !important;
  }
  .align-content-ipad-air-between {
    align-content: space-between !important;
  }
  .align-content-ipad-air-around {
    align-content: space-around !important;
  }
  .align-content-ipad-air-stretch {
    align-content: stretch !important;
  }
  .align-self-ipad-air-auto {
    align-self: auto !important;
  }
  .align-self-ipad-air-start {
    align-self: flex-start !important;
  }
  .align-self-ipad-air-end {
    align-self: flex-end !important;
  }
  .align-self-ipad-air-center {
    align-self: center !important;
  }
  .align-self-ipad-air-baseline {
    align-self: baseline !important;
  }
  .align-self-ipad-air-stretch {
    align-self: stretch !important;
  }
  .order-ipad-air-first {
    order: -1 !important;
  }
  .order-ipad-air-0 {
    order: 0 !important;
  }
  .order-ipad-air-1 {
    order: 1 !important;
  }
  .order-ipad-air-2 {
    order: 2 !important;
  }
  .order-ipad-air-3 {
    order: 3 !important;
  }
  .order-ipad-air-4 {
    order: 4 !important;
  }
  .order-ipad-air-5 {
    order: 5 !important;
  }
  .order-ipad-air-last {
    order: 6 !important;
  }
  .m-ipad-air-0 {
    margin: 0 !important;
  }
  .m-ipad-air-1 {
    margin: 0.25rem !important;
  }
  .m-ipad-air-2 {
    margin: 0.5rem !important;
  }
  .m-ipad-air-3 {
    margin: 1rem !important;
  }
  .m-ipad-air-4 {
    margin: 1.5rem !important;
  }
  .m-ipad-air-5 {
    margin: 3rem !important;
  }
  .m-ipad-air-auto {
    margin: auto !important;
  }
  .mx-ipad-air-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-ipad-air-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-ipad-air-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-ipad-air-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-ipad-air-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-ipad-air-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-ipad-air-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-ipad-air-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-ipad-air-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-ipad-air-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-ipad-air-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-ipad-air-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-ipad-air-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-ipad-air-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-ipad-air-0 {
    margin-top: 0 !important;
  }
  .mt-ipad-air-1 {
    margin-top: 0.25rem !important;
  }
  .mt-ipad-air-2 {
    margin-top: 0.5rem !important;
  }
  .mt-ipad-air-3 {
    margin-top: 1rem !important;
  }
  .mt-ipad-air-4 {
    margin-top: 1.5rem !important;
  }
  .mt-ipad-air-5 {
    margin-top: 3rem !important;
  }
  .mt-ipad-air-auto {
    margin-top: auto !important;
  }
  .me-ipad-air-0 {
    margin-right: 0 !important;
  }
  .me-ipad-air-1 {
    margin-right: 0.25rem !important;
  }
  .me-ipad-air-2 {
    margin-right: 0.5rem !important;
  }
  .me-ipad-air-3 {
    margin-right: 1rem !important;
  }
  .me-ipad-air-4 {
    margin-right: 1.5rem !important;
  }
  .me-ipad-air-5 {
    margin-right: 3rem !important;
  }
  .me-ipad-air-auto {
    margin-right: auto !important;
  }
  .mb-ipad-air-0 {
    margin-bottom: 0 !important;
  }
  .mb-ipad-air-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-ipad-air-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-ipad-air-3 {
    margin-bottom: 1rem !important;
  }
  .mb-ipad-air-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-ipad-air-5 {
    margin-bottom: 3rem !important;
  }
  .mb-ipad-air-auto {
    margin-bottom: auto !important;
  }
  .ms-ipad-air-0 {
    margin-left: 0 !important;
  }
  .ms-ipad-air-1 {
    margin-left: 0.25rem !important;
  }
  .ms-ipad-air-2 {
    margin-left: 0.5rem !important;
  }
  .ms-ipad-air-3 {
    margin-left: 1rem !important;
  }
  .ms-ipad-air-4 {
    margin-left: 1.5rem !important;
  }
  .ms-ipad-air-5 {
    margin-left: 3rem !important;
  }
  .ms-ipad-air-auto {
    margin-left: auto !important;
  }
  .p-ipad-air-0 {
    padding: 0 !important;
  }
  .p-ipad-air-1 {
    padding: 0.25rem !important;
  }
  .p-ipad-air-2 {
    padding: 0.5rem !important;
  }
  .p-ipad-air-3 {
    padding: 1rem !important;
  }
  .p-ipad-air-4 {
    padding: 1.5rem !important;
  }
  .p-ipad-air-5 {
    padding: 3rem !important;
  }
  .px-ipad-air-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-ipad-air-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-ipad-air-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-ipad-air-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-ipad-air-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-ipad-air-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-ipad-air-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-ipad-air-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-ipad-air-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-ipad-air-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-ipad-air-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-ipad-air-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-ipad-air-0 {
    padding-top: 0 !important;
  }
  .pt-ipad-air-1 {
    padding-top: 0.25rem !important;
  }
  .pt-ipad-air-2 {
    padding-top: 0.5rem !important;
  }
  .pt-ipad-air-3 {
    padding-top: 1rem !important;
  }
  .pt-ipad-air-4 {
    padding-top: 1.5rem !important;
  }
  .pt-ipad-air-5 {
    padding-top: 3rem !important;
  }
  .pe-ipad-air-0 {
    padding-right: 0 !important;
  }
  .pe-ipad-air-1 {
    padding-right: 0.25rem !important;
  }
  .pe-ipad-air-2 {
    padding-right: 0.5rem !important;
  }
  .pe-ipad-air-3 {
    padding-right: 1rem !important;
  }
  .pe-ipad-air-4 {
    padding-right: 1.5rem !important;
  }
  .pe-ipad-air-5 {
    padding-right: 3rem !important;
  }
  .pb-ipad-air-0 {
    padding-bottom: 0 !important;
  }
  .pb-ipad-air-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-ipad-air-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-ipad-air-3 {
    padding-bottom: 1rem !important;
  }
  .pb-ipad-air-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-ipad-air-5 {
    padding-bottom: 3rem !important;
  }
  .ps-ipad-air-0 {
    padding-left: 0 !important;
  }
  .ps-ipad-air-1 {
    padding-left: 0.25rem !important;
  }
  .ps-ipad-air-2 {
    padding-left: 0.5rem !important;
  }
  .ps-ipad-air-3 {
    padding-left: 1rem !important;
  }
  .ps-ipad-air-4 {
    padding-left: 1.5rem !important;
  }
  .ps-ipad-air-5 {
    padding-left: 3rem !important;
  }
  .gap-ipad-air-0 {
    gap: 0 !important;
  }
  .gap-ipad-air-1 {
    gap: 0.25rem !important;
  }
  .gap-ipad-air-2 {
    gap: 0.5rem !important;
  }
  .gap-ipad-air-3 {
    gap: 1rem !important;
  }
  .gap-ipad-air-4 {
    gap: 1.5rem !important;
  }
  .gap-ipad-air-5 {
    gap: 3rem !important;
  }
  .row-gap-ipad-air-0 {
    row-gap: 0 !important;
  }
  .row-gap-ipad-air-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-ipad-air-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-ipad-air-3 {
    row-gap: 1rem !important;
  }
  .row-gap-ipad-air-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-ipad-air-5 {
    row-gap: 3rem !important;
  }
  .column-gap-ipad-air-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-ipad-air-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-ipad-air-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-ipad-air-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-ipad-air-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-ipad-air-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-ipad-air-start {
    text-align: left !important;
  }
  .text-ipad-air-end {
    text-align: right !important;
  }
  .text-ipad-air-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;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: 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-inline-grid {
    display: inline-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;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
         column-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: 1024px) {
  .float-custom1024-start {
    float: left !important;
  }
  .float-custom1024-end {
    float: right !important;
  }
  .float-custom1024-none {
    float: none !important;
  }
  .object-fit-custom1024-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-custom1024-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-custom1024-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-custom1024-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-custom1024-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-custom1024-inline {
    display: inline !important;
  }
  .d-custom1024-inline-block {
    display: inline-block !important;
  }
  .d-custom1024-block {
    display: block !important;
  }
  .d-custom1024-grid {
    display: grid !important;
  }
  .d-custom1024-inline-grid {
    display: inline-grid !important;
  }
  .d-custom1024-table {
    display: table !important;
  }
  .d-custom1024-table-row {
    display: table-row !important;
  }
  .d-custom1024-table-cell {
    display: table-cell !important;
  }
  .d-custom1024-flex {
    display: flex !important;
  }
  .d-custom1024-inline-flex {
    display: inline-flex !important;
  }
  .d-custom1024-none {
    display: none !important;
  }
  .flex-custom1024-fill {
    flex: 1 1 auto !important;
  }
  .flex-custom1024-row {
    flex-direction: row !important;
  }
  .flex-custom1024-column {
    flex-direction: column !important;
  }
  .flex-custom1024-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-custom1024-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-custom1024-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-custom1024-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-custom1024-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-custom1024-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-custom1024-wrap {
    flex-wrap: wrap !important;
  }
  .flex-custom1024-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-custom1024-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-custom1024-start {
    justify-content: flex-start !important;
  }
  .justify-content-custom1024-end {
    justify-content: flex-end !important;
  }
  .justify-content-custom1024-center {
    justify-content: center !important;
  }
  .justify-content-custom1024-between {
    justify-content: space-between !important;
  }
  .justify-content-custom1024-around {
    justify-content: space-around !important;
  }
  .justify-content-custom1024-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-custom1024-start {
    align-items: flex-start !important;
  }
  .align-items-custom1024-end {
    align-items: flex-end !important;
  }
  .align-items-custom1024-center {
    align-items: center !important;
  }
  .align-items-custom1024-baseline {
    align-items: baseline !important;
  }
  .align-items-custom1024-stretch {
    align-items: stretch !important;
  }
  .align-content-custom1024-start {
    align-content: flex-start !important;
  }
  .align-content-custom1024-end {
    align-content: flex-end !important;
  }
  .align-content-custom1024-center {
    align-content: center !important;
  }
  .align-content-custom1024-between {
    align-content: space-between !important;
  }
  .align-content-custom1024-around {
    align-content: space-around !important;
  }
  .align-content-custom1024-stretch {
    align-content: stretch !important;
  }
  .align-self-custom1024-auto {
    align-self: auto !important;
  }
  .align-self-custom1024-start {
    align-self: flex-start !important;
  }
  .align-self-custom1024-end {
    align-self: flex-end !important;
  }
  .align-self-custom1024-center {
    align-self: center !important;
  }
  .align-self-custom1024-baseline {
    align-self: baseline !important;
  }
  .align-self-custom1024-stretch {
    align-self: stretch !important;
  }
  .order-custom1024-first {
    order: -1 !important;
  }
  .order-custom1024-0 {
    order: 0 !important;
  }
  .order-custom1024-1 {
    order: 1 !important;
  }
  .order-custom1024-2 {
    order: 2 !important;
  }
  .order-custom1024-3 {
    order: 3 !important;
  }
  .order-custom1024-4 {
    order: 4 !important;
  }
  .order-custom1024-5 {
    order: 5 !important;
  }
  .order-custom1024-last {
    order: 6 !important;
  }
  .m-custom1024-0 {
    margin: 0 !important;
  }
  .m-custom1024-1 {
    margin: 0.25rem !important;
  }
  .m-custom1024-2 {
    margin: 0.5rem !important;
  }
  .m-custom1024-3 {
    margin: 1rem !important;
  }
  .m-custom1024-4 {
    margin: 1.5rem !important;
  }
  .m-custom1024-5 {
    margin: 3rem !important;
  }
  .m-custom1024-auto {
    margin: auto !important;
  }
  .mx-custom1024-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-custom1024-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-custom1024-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-custom1024-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-custom1024-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-custom1024-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-custom1024-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-custom1024-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-custom1024-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-custom1024-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-custom1024-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-custom1024-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-custom1024-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-custom1024-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-custom1024-0 {
    margin-top: 0 !important;
  }
  .mt-custom1024-1 {
    margin-top: 0.25rem !important;
  }
  .mt-custom1024-2 {
    margin-top: 0.5rem !important;
  }
  .mt-custom1024-3 {
    margin-top: 1rem !important;
  }
  .mt-custom1024-4 {
    margin-top: 1.5rem !important;
  }
  .mt-custom1024-5 {
    margin-top: 3rem !important;
  }
  .mt-custom1024-auto {
    margin-top: auto !important;
  }
  .me-custom1024-0 {
    margin-right: 0 !important;
  }
  .me-custom1024-1 {
    margin-right: 0.25rem !important;
  }
  .me-custom1024-2 {
    margin-right: 0.5rem !important;
  }
  .me-custom1024-3 {
    margin-right: 1rem !important;
  }
  .me-custom1024-4 {
    margin-right: 1.5rem !important;
  }
  .me-custom1024-5 {
    margin-right: 3rem !important;
  }
  .me-custom1024-auto {
    margin-right: auto !important;
  }
  .mb-custom1024-0 {
    margin-bottom: 0 !important;
  }
  .mb-custom1024-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-custom1024-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-custom1024-3 {
    margin-bottom: 1rem !important;
  }
  .mb-custom1024-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-custom1024-5 {
    margin-bottom: 3rem !important;
  }
  .mb-custom1024-auto {
    margin-bottom: auto !important;
  }
  .ms-custom1024-0 {
    margin-left: 0 !important;
  }
  .ms-custom1024-1 {
    margin-left: 0.25rem !important;
  }
  .ms-custom1024-2 {
    margin-left: 0.5rem !important;
  }
  .ms-custom1024-3 {
    margin-left: 1rem !important;
  }
  .ms-custom1024-4 {
    margin-left: 1.5rem !important;
  }
  .ms-custom1024-5 {
    margin-left: 3rem !important;
  }
  .ms-custom1024-auto {
    margin-left: auto !important;
  }
  .p-custom1024-0 {
    padding: 0 !important;
  }
  .p-custom1024-1 {
    padding: 0.25rem !important;
  }
  .p-custom1024-2 {
    padding: 0.5rem !important;
  }
  .p-custom1024-3 {
    padding: 1rem !important;
  }
  .p-custom1024-4 {
    padding: 1.5rem !important;
  }
  .p-custom1024-5 {
    padding: 3rem !important;
  }
  .px-custom1024-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-custom1024-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-custom1024-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-custom1024-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-custom1024-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-custom1024-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-custom1024-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-custom1024-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-custom1024-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-custom1024-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-custom1024-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-custom1024-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-custom1024-0 {
    padding-top: 0 !important;
  }
  .pt-custom1024-1 {
    padding-top: 0.25rem !important;
  }
  .pt-custom1024-2 {
    padding-top: 0.5rem !important;
  }
  .pt-custom1024-3 {
    padding-top: 1rem !important;
  }
  .pt-custom1024-4 {
    padding-top: 1.5rem !important;
  }
  .pt-custom1024-5 {
    padding-top: 3rem !important;
  }
  .pe-custom1024-0 {
    padding-right: 0 !important;
  }
  .pe-custom1024-1 {
    padding-right: 0.25rem !important;
  }
  .pe-custom1024-2 {
    padding-right: 0.5rem !important;
  }
  .pe-custom1024-3 {
    padding-right: 1rem !important;
  }
  .pe-custom1024-4 {
    padding-right: 1.5rem !important;
  }
  .pe-custom1024-5 {
    padding-right: 3rem !important;
  }
  .pb-custom1024-0 {
    padding-bottom: 0 !important;
  }
  .pb-custom1024-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-custom1024-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-custom1024-3 {
    padding-bottom: 1rem !important;
  }
  .pb-custom1024-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-custom1024-5 {
    padding-bottom: 3rem !important;
  }
  .ps-custom1024-0 {
    padding-left: 0 !important;
  }
  .ps-custom1024-1 {
    padding-left: 0.25rem !important;
  }
  .ps-custom1024-2 {
    padding-left: 0.5rem !important;
  }
  .ps-custom1024-3 {
    padding-left: 1rem !important;
  }
  .ps-custom1024-4 {
    padding-left: 1.5rem !important;
  }
  .ps-custom1024-5 {
    padding-left: 3rem !important;
  }
  .gap-custom1024-0 {
    gap: 0 !important;
  }
  .gap-custom1024-1 {
    gap: 0.25rem !important;
  }
  .gap-custom1024-2 {
    gap: 0.5rem !important;
  }
  .gap-custom1024-3 {
    gap: 1rem !important;
  }
  .gap-custom1024-4 {
    gap: 1.5rem !important;
  }
  .gap-custom1024-5 {
    gap: 3rem !important;
  }
  .row-gap-custom1024-0 {
    row-gap: 0 !important;
  }
  .row-gap-custom1024-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-custom1024-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-custom1024-3 {
    row-gap: 1rem !important;
  }
  .row-gap-custom1024-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-custom1024-5 {
    row-gap: 3rem !important;
  }
  .column-gap-custom1024-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-custom1024-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-custom1024-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-custom1024-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-custom1024-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-custom1024-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-custom1024-start {
    text-align: left !important;
  }
  .text-custom1024-end {
    text-align: right !important;
  }
  .text-custom1024-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;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: 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-inline-grid {
    display: inline-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;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
         column-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;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: 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-inline-grid {
    display: inline-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;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
         column-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;
  }
  .object-fit-xxxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxxl-none {
    -o-object-fit: none !important;
       object-fit: 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-inline-grid {
    display: inline-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;
  }
  .row-gap-xxxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxxl-5 {
    -moz-column-gap: 3rem !important;
         column-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: 1920px) {
  .float-xxxxl-start {
    float: left !important;
  }
  .float-xxxxl-end {
    float: right !important;
  }
  .float-xxxxl-none {
    float: none !important;
  }
  .object-fit-xxxxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxxxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxxxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxxxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxxxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxxxl-inline {
    display: inline !important;
  }
  .d-xxxxl-inline-block {
    display: inline-block !important;
  }
  .d-xxxxl-block {
    display: block !important;
  }
  .d-xxxxl-grid {
    display: grid !important;
  }
  .d-xxxxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxxxl-table {
    display: table !important;
  }
  .d-xxxxl-table-row {
    display: table-row !important;
  }
  .d-xxxxl-table-cell {
    display: table-cell !important;
  }
  .d-xxxxl-flex {
    display: flex !important;
  }
  .d-xxxxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxxxl-none {
    display: none !important;
  }
  .flex-xxxxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxxxl-row {
    flex-direction: row !important;
  }
  .flex-xxxxl-column {
    flex-direction: column !important;
  }
  .flex-xxxxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxxxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxxxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxxxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxxxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxxxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxxxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxxxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxxxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxxxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxxxl-center {
    justify-content: center !important;
  }
  .justify-content-xxxxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxxxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxxxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxxxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxxxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxxxl-center {
    align-items: center !important;
  }
  .align-items-xxxxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxxxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxxxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxxxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxxxl-center {
    align-content: center !important;
  }
  .align-content-xxxxl-between {
    align-content: space-between !important;
  }
  .align-content-xxxxl-around {
    align-content: space-around !important;
  }
  .align-content-xxxxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxxxl-auto {
    align-self: auto !important;
  }
  .align-self-xxxxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxxxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxxxl-center {
    align-self: center !important;
  }
  .align-self-xxxxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxxxl-stretch {
    align-self: stretch !important;
  }
  .order-xxxxl-first {
    order: -1 !important;
  }
  .order-xxxxl-0 {
    order: 0 !important;
  }
  .order-xxxxl-1 {
    order: 1 !important;
  }
  .order-xxxxl-2 {
    order: 2 !important;
  }
  .order-xxxxl-3 {
    order: 3 !important;
  }
  .order-xxxxl-4 {
    order: 4 !important;
  }
  .order-xxxxl-5 {
    order: 5 !important;
  }
  .order-xxxxl-last {
    order: 6 !important;
  }
  .m-xxxxl-0 {
    margin: 0 !important;
  }
  .m-xxxxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxxxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxxxl-3 {
    margin: 1rem !important;
  }
  .m-xxxxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxxxl-5 {
    margin: 3rem !important;
  }
  .m-xxxxl-auto {
    margin: auto !important;
  }
  .mx-xxxxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxxxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxxxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxxxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxxxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxxxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxxxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxxxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxxxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxxxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxxxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxxxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxxxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxxxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxxxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxxxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxxxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxxxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxxxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxxxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxxxl-auto {
    margin-top: auto !important;
  }
  .me-xxxxl-0 {
    margin-right: 0 !important;
  }
  .me-xxxxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxxxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxxxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxxxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxxxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxxxl-auto {
    margin-right: auto !important;
  }
  .mb-xxxxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxxxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxxxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxxxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxxxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxxxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxxxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxxxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxxxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxxxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxxxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxxxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxxxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxxxl-auto {
    margin-left: auto !important;
  }
  .p-xxxxl-0 {
    padding: 0 !important;
  }
  .p-xxxxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxxxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxxxl-3 {
    padding: 1rem !important;
  }
  .p-xxxxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxxxl-5 {
    padding: 3rem !important;
  }
  .px-xxxxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxxxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxxxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxxxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxxxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxxxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxxxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxxxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxxxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxxxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxxxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxxxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxxxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxxxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxxxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxxxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxxxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxxxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxxxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxxxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxxxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxxxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxxxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxxxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxxxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxxxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxxxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxxxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxxxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxxxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxxxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxxxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxxxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxxxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxxxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxxxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxxxl-0 {
    gap: 0 !important;
  }
  .gap-xxxxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxxxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxxxl-3 {
    gap: 1rem !important;
  }
  .gap-xxxxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxxxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxxxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxxxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxxxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxxxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxxxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxxxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxxxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxxxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxxxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxxxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxxxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxxxl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xxxxl-start {
    text-align: left !important;
  }
  .text-xxxxl-end {
    text-align: right !important;
  }
  .text-xxxxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 1.3rem !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-inline-grid {
    display: inline-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;
  }
}
/**
* @file
* Fonts
*
*/
@font-face {
  font-family: "noto-sans-jp";
  src: url("./../../assets/fonts/noto_sans_jp/NotoSansJP-Black") format("oft");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notosansjpbold";
  src: url("./../../assets/fonts/noto_sans_jp/NotoSansJP-Bold.otf") format("oft");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notosansjplight";
  src: url("./../../assets/fonts/noto_sans_jp/NotoSansJP-Light.otf") format("oft");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notosansjpmedium";
  src: url("./../../assets/fonts/noto_sans_jp/NotoSansJP-Medium.otf") format("oft");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notosansjpregular";
  src: url("./../../assets/fonts/noto_sans_jp/NotoSansJP-Regular.otf") format("oft");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notosansjpthin";
  src: url("./../../assets/fonts/noto_sans_jp/NotoSansJP-Thin.otf") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "nestle_text_tf_arbook";
  src: url("./assets/fonts/nestle_text_book_pl/NestleTextTFAR-Book.eot");
  src: url("./assets/fonts/nestle_text_book_pl/NestleTextTFAR-Book.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/nestle_text_book_pl/NestleTextTFAR-Book.woff2") format("woff2"), url("./assets/fonts/nestle_text_book_pl/NestleTextTFAR-Book.woff") format("woff"), url("./assets/fonts/nestle_text_book_pl/NestleTextTFAR-Book.ttf") format("truetype"), url("./assets/fonts/nestle_text_book_pl/NestleTextTFAR-Book.svg#NestleTextTFAR-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-Bold.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-BoldItalic.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-Black.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-BlackItalic.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLight.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("Nunito-ExtraBoldItalic.woff") format("woff"), url("Nunito-ExtraBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLightItalic.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-Italic.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-ExtraBold.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-ExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLightItalic_1.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLightItalic_1.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-Medium.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-LightItalic.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-Light.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-Regular.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-SemiBold.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-SemiBoldItalic.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-MediumItalic.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLight_1.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLight_1.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLightItalic_2.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLightItalic_2.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLight_2.woff") format("woff"), url("./assets/fonts/nunito_cz_sk/Nunito-ExtraLight_2.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bobby Jones";
  src: url("./assets/fonts/bobby_jones/bobbyjonesregular-webfont.woff2") format("woff2"), url("./assets/fonts/bobby_jones/bobbyjonesregular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratregular";
  src: url("./assets/fonts/Montserrat/static/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "montserratbold";
  src: url("./assets/fonts/Montserrat/static/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "montserratbolditalic";
  src: url("./assets/fonts/Montserrat/static/Montserrat-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "montserratblack";
  src: url("./assets/fonts/Montserrat/static/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "montserratextrabold";
  src: url("./assets/fonts/Montserrat/static/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "montserratextrabolditalic";
  src: url("./assets/fonts/Montserrat/static/Montserrat-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "montserratsemibold";
  src: url("./assets/fonts/Montserrat/static/Montserrat-SemiBold.ttf") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "montserratmedium";
  src: url("./assets/fonts/Montserrat/static/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "montserratmediumitalic";
  src: url("./assets/fonts/Montserrat/static/Montserrat-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "montserratthin";
  src: url("./assets/fonts/Montserrat/static/Montserrat-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
body {
  line-height: 1.17;
  font-size: 16px;
}
@media (min-width: 992px) {
  body {
    font-size: 20px;
  }
}

html:lang(ja) body {
  font-family: "noto-sans-jp", sans-serif, sans-serif;
}

html:lang(pl) body {
  font-family: "nestle_text_tf_arbook", sans-serif;
  font-size: 20px;
  line-height: 1.17;
}

html:lang(cs) body,
html:lang(sk) body {
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  line-height: 1.17;
}

a {
  color: #E30612;
}
a:hover {
  text-decoration: underline;
}
a:active, a:visited, a:focus {
  text-decoration: none;
}

h1, .h1 {
  font-size: 1.3rem;
  font-weight: 900;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 1.8rem;
  }
}
@media (min-width: 1400px) {
  h1, .h1 {
    font-size: 2.4rem;
  }
}
@media (min-width: 992px) {
  h1 sup, .h1 sup {
    top: -0.7rem;
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  h1 sup, .h1 sup {
    top: -1rem;
    font-size: 1rem;
  }
}

h2, .h2 {
  font-size: 1.1rem;
  font-weight: 900;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  h2, .h2 {
    font-size: 1.4rem;
  }
}
@media (min-width: 1400px) {
  h2, .h2 {
    font-size: 1.8rem;
  }
}
@media (min-width: 992px) {
  h2 sup, .h2 sup {
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  h2 sup, .h2 sup {
    font-size: 1rem;
  }
}

h3, .h3 {
  font-size: 0.9rem;
  font-weight: 900;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  h3, .h3 {
    font-size: 1.1rem;
  }
}
@media (min-width: 1400px) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1400px) {
  h3 sup, .h3 sup {
    font-size: 1rem;
  }
}

h4, .h4 {
  font-size: 0.8rem;
}
@media (min-width: 992px) {
  h4, .h4 {
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  h4, .h4 {
    font-size: 1.2rem;
  }
}

.heading-72 {
  font-size: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-48 {
  font-size: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-45 {
  font-size: 2rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-42 {
  font-size: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-40 {
  font-size: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-36 {
  font-size: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-35 {
  font-size: 1.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-30 {
  font-size: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-22 {
  font-size: 1.1rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-18 {
  font-size: 0.9rem;
  font-weight: 900;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .heading-72 {
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
  }
  .heading-48 {
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
  }
  .heading-40 {
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
  }
  .heading-36 {
    font-size: 1.8rem;
    font-weight: 900;
    text-transform: uppercase;
  }
}
@media (min-width: 1400px) {
  .heading-72 {
    font-size: 3.6rem;
    font-weight: 900;
    text-transform: uppercase;
  }
  .heading-48 {
    font-size: 2.4rem;
    font-weight: 900;
    text-transform: uppercase;
  }
  .heading-45 {
    font-size: 2.25rem;
    font-weight: 900;
    text-transform: uppercase;
  }
  .heading-42 {
    font-size: 2.1rem;
    font-weight: 900;
    text-transform: uppercase;
  }
  .heading-40 {
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
  }
}
.heading {
  font-size: 3.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-72 {
  font-size: 3.6rem;
  font-weight: 900;
  text-transform: uppercase;
}

.text-14 {
  font-size: 0.7rem;
}

.text-16 {
  font-size: 0.8rem;
}

.subheading {
  font-size: 1.2rem;
  font-weight: 900;
}

.super-heading {
  font-size: 3.6rem;
  font-weight: 900;
}

sup {
  font-size: 0.7rem;
  font-weight: 400;
}

.highlight {
  font-size: 1rem;
  font-weight: 700;
}

.notes {
  font-size: 0.8rem;
  font-weight: 700;
}

.heavyfont {
  font-weight: 900;
}

.demifont {
  font-weight: 700;
}

.mediumfont {
  font-weight: 500;
}

.lightfont {
  font-weight: 300;
}

.bookfont {
  font-weight: 400;
}

body {
  background: #ffffff;
  overflow: hidden;
  padding-top: 85px;
}
@media (min-width: 768px) {
  body {
    padding-top: 80px;
  }
}

html {
  overflow-x: hidden;
}

.breadcrumb {
  font-weight: bold;
}
.breadcrumb .breadcrumb-item {
  font-size: 0.55rem;
}
@media (min-width: 992px) {
  .breadcrumb .breadcrumb-item {
    font-size: 1rem;
  }
}
.breadcrumb .breadcrumb-item sup {
  display: none;
}

.node__content {
  margin-top: 0;
}
.node .field--type-image {
  float: none;
  margin: 0;
  text-align: center;
}

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

.social-media-sharing {
  margin-top: 15px;
}
.social-media-sharing .share img {
  width: 23px;
  height: 30px;
}
.social-media-sharing ul {
  display: flex !important;
  align-items: center;
}

.block-page-title-block {
  max-width: clamp(320px, 90%, 1440px);
  margin: 0 auto;
}
.block-page-title-block .title {
  text-align: center;
  text-wrap: balance;
}

.path-my-profile .content {
  margin: 50px calc(0.5 * var(--bs-gutter-x));
  margin: 50px calc(0.5 * var(--bs-gutter-x));
}

.paragraph--type--layout-columns-1.red-background h2, .paragraph--type--layout-columns-1.red-background .h2 {
  padding-bottom: 20px;
}

.ip_locator_popup .button-wrapper {
  display: flex;
  justify-content: center;
}
.ip_locator_popup .button-wrapper .ip_location_btn_yes,
.ip_locator_popup .button-wrapper .ip_location_btn_no {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  min-width: auto;
  width: auto;
  margin: 0 15px;
  font-weight: 500;
  clip-path: none;
}
.ip_locator_popup .button-wrapper .ip_location_btn_yes:hover,
.ip_locator_popup .button-wrapper .ip_location_btn_no:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.ip_locator_popup .button-wrapper .ip_location_btn_yes a,
.ip_locator_popup .button-wrapper .ip_location_btn_yes span,
.ip_locator_popup .button-wrapper .ip_location_btn_no a,
.ip_locator_popup .button-wrapper .ip_location_btn_no span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.ip_locator_popup .button-wrapper .ip_location_btn_yes:active, .ip_locator_popup .button-wrapper .ip_location_btn_yes:visited, .ip_locator_popup .button-wrapper .ip_location_btn_yes:focus,
.ip_locator_popup .button-wrapper .ip_location_btn_no:active,
.ip_locator_popup .button-wrapper .ip_location_btn_no:visited,
.ip_locator_popup .button-wrapper .ip_location_btn_no:focus {
  background-color: #E30612;
  border-color: transparent;
}

.visually-hidden {
  visibility: hidden;
}

.path-session-limit {
  padding-top: 0;
}
.path-session-limit nav.toolbar-bar {
  display: none;
}
.path-session-limit form.session-limit-form {
  max-width: 1200px;
  margin: 0 auto;
}

ul,
ol {
  padding-left: 0.75rem;
}
@media (min-width: 992px) {
  ul,
  ol {
    padding-left: 2rem;
  }
}
ul li,
ol li {
  margin-bottom: 5px;
  word-wrap: break-word;
  list-style-position: inside;
}

.waves-background {
  background: url(../dist/assets/img/waves-bg.svg), #E30612;
  background-size: cover;
  padding-bottom: 50px;
}

.lord-background {
  background: url(../dist/assets/img/lord-background.jpg);
  background-size: cover;
  padding-bottom: 50px;
}

.splash {
  background: url(../dist/assets/img/splash.png);
  background-size: cover;
  padding-bottom: 50px;
}

.map {
  background: url(../dist/assets/img/map.png);
  background-size: cover;
  padding-bottom: 50px;
}

.leaves {
  background: url(../dist/assets/img/leave.png);
  background-size: cover;
  padding-bottom: 50px;
}

.red-background {
  background: #D40413;
  background-size: cover;
}
.red-background p {
  color: #ffffff;
}
.red-background a {
  color: #ffffff;
}

.red-orange-background {
  background: #E30612;
  background-size: cover;
}
.red-orange-background p {
  color: #ffffff;
}
.red-orange-background a {
  color: #ffffff;
}

.green-waves-background {
  background: url(../dist/assets/img/pathtoreduction.png);
  background-size: cover;
}

.grey-fingers-red {
  background: url(../dist/assets/img/grey-finger-red.png);
  background-size: cover;
  padding-bottom: 50px;
}

.video-red {
  background: url(../dist/assets/img/video_background.png);
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
}

.grey-fingers {
  background-image: url(../dist/assets/img/general-finger-grey.png);
  background-color: #f4f4f4;
  background-size: cover;
  padding-bottom: 50px;
}

.newsletter-background {
  background: url(../dist/assets/img/break-background.png);
  background-size: cover;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .newsletter-background {
    padding: 0;
  }
}

.fingers-background {
  padding-top: 50px;
  padding-bottom: 50px;
  background: url(../dist/assets/img/fingers.png);
  background-color: #E30612;
  background-size: cover;
}

.grey-background {
  background-color: #f4f4f4;
  padding-bottom: 50px;
}

.sample-chocolate-background {
  padding-bottom: 50px;
  background: url(../dist/assets/img/sample/sample_content_plugin_chocolate.jpeg);
  background-size: cover;
}

.sample-berries-background {
  padding-bottom: 50px;
  background: url(../dist/assets/img/sample/sample_content_plugin_berry.jpeg);
  background-size: cover;
}

.pattern-yellow-fingers {
  padding: 22px;
  background: url(../dist/assets/img/patterns/pattern-yellow-fingers.png), #FCF4E3;
  background-size: cover;
}
@media (min-width: 992px) {
  .pattern-yellow-fingers {
    padding: 54px;
  }
}

.pattern-triangles {
  background: url(../dist/assets/img/patterns/pattern-triangles.png);
  background-size: cover;
}

.pattern-pink {
  padding-top: 50px;
  padding-bottom: 50px;
  background: url(../dist/assets/img/patterns/pattern-pink.png), #E30612;
  background-size: cover;
  background-position: 100%;
  background-repeat: repeat;
}

.newsletter-south-africa.newsletter-background {
  background: url(../dist/assets/img/CTA_Background.jpg);
  background-size: cover;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .newsletter-south-africa.newsletter-background {
    padding: 0;
  }
}

.js-form-item {
  margin-bottom: 0.8rem;
}
.js-form-item .form-control {
  border: 1px solid #000000;
  border-radius: 4px;
  color: #000000;
  font-size: 0.8rem;
}

legend {
  font-size: 1rem;
}

label {
  font-size: 0.8rem;
}

.page-user-login .user-login-form,
.page-user-login .user-register-form,
.page-user-login .user-pass,
.page-user-register .user-login-form,
.page-user-register .user-register-form,
.page-user-register .user-pass,
.page-user-password .user-login-form,
.page-user-password .user-register-form,
.page-user-password .user-pass {
  margin: 50px calc(0.5 * var(--bs-gutter-x));
  margin: 50px calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 768px) {
  .page-user-login .user-login-form,
  .page-user-login .user-register-form,
  .page-user-login .user-pass,
  .page-user-register .user-login-form,
  .page-user-register .user-register-form,
  .page-user-register .user-pass,
  .page-user-password .user-login-form,
  .page-user-password .user-register-form,
  .page-user-password .user-pass {
    width: 50%;
    max-width: 50%;
    margin: 50px auto;
  }
}
@media (min-width: 992px) {
  .page-user-login .user-login-form,
  .page-user-login .user-register-form,
  .page-user-login .user-pass,
  .page-user-register .user-login-form,
  .page-user-register .user-register-form,
  .page-user-register .user-pass,
  .page-user-password .user-login-form,
  .page-user-password .user-register-form,
  .page-user-password .user-pass {
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
.page-user-login .user-login-form label,
.page-user-login .user-register-form label,
.page-user-login .user-pass label,
.page-user-register .user-login-form label,
.page-user-register .user-register-form label,
.page-user-register .user-pass label,
.page-user-password .user-login-form label,
.page-user-password .user-register-form label,
.page-user-password .user-pass label {
  font-weight: 500;
}
.page-user-login .user-login-form small#edit-name--description, .page-user-login .user-login-form #edit-name--description.small,
.page-user-login .user-register-form small#edit-name--description,
.page-user-login .user-register-form #edit-name--description.small,
.page-user-login .user-pass small#edit-name--description,
.page-user-login .user-pass #edit-name--description.small,
.page-user-register .user-login-form small#edit-name--description,
.page-user-register .user-login-form #edit-name--description.small,
.page-user-register .user-register-form small#edit-name--description,
.page-user-register .user-register-form #edit-name--description.small,
.page-user-register .user-pass small#edit-name--description,
.page-user-register .user-pass #edit-name--description.small,
.page-user-password .user-login-form small#edit-name--description,
.page-user-password .user-login-form #edit-name--description.small,
.page-user-password .user-register-form small#edit-name--description,
.page-user-password .user-register-form #edit-name--description.small,
.page-user-password .user-pass small#edit-name--description,
.page-user-password .user-pass #edit-name--description.small {
  font-size: 0.8rem;
}
.page-user-login .user-login-form p,
.page-user-login .user-register-form p,
.page-user-login .user-pass p,
.page-user-register .user-login-form p,
.page-user-register .user-register-form p,
.page-user-register .user-pass p,
.page-user-password .user-login-form p,
.page-user-password .user-register-form p,
.page-user-password .user-pass p {
  font-size: 0.8rem;
}
.page-user-login .user-login-form #edit-actions,
.page-user-login .user-register-form #edit-actions,
.page-user-login .user-pass #edit-actions,
.page-user-register .user-login-form #edit-actions,
.page-user-register .user-register-form #edit-actions,
.page-user-register .user-pass #edit-actions,
.page-user-password .user-login-form #edit-actions,
.page-user-password .user-register-form #edit-actions,
.page-user-password .user-pass #edit-actions {
  text-align: right;
}
.page-user-login .user-login-form #edit-actions button.form-submit,
.page-user-login .user-register-form #edit-actions button.form-submit,
.page-user-login .user-pass #edit-actions button.form-submit,
.page-user-register .user-login-form #edit-actions button.form-submit,
.page-user-register .user-register-form #edit-actions button.form-submit,
.page-user-register .user-pass #edit-actions button.form-submit,
.page-user-password .user-login-form #edit-actions button.form-submit,
.page-user-password .user-register-form #edit-actions button.form-submit,
.page-user-password .user-pass #edit-actions button.form-submit {
  background-color: #E30612;
  border: transparent;
  color: #ffffff;
}
.page-user-login .user-login-form #edit-actions button.form-submit:hover,
.page-user-login .user-register-form #edit-actions button.form-submit:hover,
.page-user-login .user-pass #edit-actions button.form-submit:hover,
.page-user-register .user-login-form #edit-actions button.form-submit:hover,
.page-user-register .user-register-form #edit-actions button.form-submit:hover,
.page-user-register .user-pass #edit-actions button.form-submit:hover,
.page-user-password .user-login-form #edit-actions button.form-submit:hover,
.page-user-password .user-register-form #edit-actions button.form-submit:hover,
.page-user-password .user-pass #edit-actions button.form-submit:hover {
  background-color: #E30612;
  color: #ffffff;
}

.dsu-engage-form {
  width: 80%;
  margin: 0 auto 30px auto;
}
@media (min-width: 768px) {
  .dsu-engage-form {
    width: 60%;
  }
}
.dsu-engage-form fieldset legend {
  margin-bottom: 5px !important;
  margin-top: 40px;
}
.dsu-engage-form fieldset .fieldset-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.dsu-engage-form fieldset .fieldset-wrapper .js-form-item {
  margin-top: 16px !important;
}
.dsu-engage-form fieldset .fieldset-wrapper label {
  margin-top: 10px;
}
.dsu-engage-form fieldset .fieldset-wrapper .form-item-request-type {
  padding: 0 8px 0 0;
}
.dsu-engage-form fieldset .placeholder {
  opacity: 1;
  background-color: transparent;
}
.dsu-engage-form #edit-request-type {
  flex-direction: column;
}
@media (min-width: 992px) {
  .dsu-engage-form #edit-request-type {
    flex-direction: row;
  }
}
.dsu-engage-form .questionbuttons,
.dsu-engage-form .form-item-request-type {
  display: flex;
  margin: 20px 10px 0 0;
}
@media (min-width: 768px) {
  .dsu-engage-form .questionbuttons,
  .dsu-engage-form .form-item-request-type {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 20px;
  }
}

.form-item-agreement {
  max-width: 727px;
  margin: 0 auto;
}

/**
 * Buttons.
 *
 * This file contains the styling for buttons.
*/
.btn-primary {
  background-color: #ffffff;
  color: #E30612;
}
.btn-primary:hover {
  background-color: #ffffff;
  color: #E30612;
}

.btn-secondary {
  background-color: #E30612;
  border: transparent;
  color: #ffffff;
}
.btn-secondary:hover {
  background-color: #E30612;
  color: #ffffff;
}

.btn {
  text-transform: uppercase;
  border: transparent;
}
.btn a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}
.btn:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}

.dsu_btn {
  width: 100%;
  display: block;
  text-align: center;
}

/**
 * Header.
 *
 * This file contains the styling for the header.
*/
header#header {
  z-index: 999;
  position: fixed;
  top: 0;
  width: 100%;
}
header#header .wrapping-div-icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  margin-right: 30px;
}
@media (min-width: 1200px) {
  header#header .wrapping-div-icons {
    margin-right: 0;
  }
}
header#header .wrapping-div-icons .block {
  margin: 0 8px;
}
header#header .wrapping-div-icons.open-search-mobile {
  justify-content: flex-start;
  flex: auto;
  flex-wrap: nowrap;
  margin-right: 0;
}
@media (min-width: 768px) {
  header#header .wrapping-div-icons.open-search-mobile {
    flex: 0;
  }
}
header#header .wrapping-div-icons.open-search-mobile .block {
  margin: 0;
}
header#header .wrapping-div-icons .shop-main button {
  background-image: url(../dist/assets/img/web-icon-md-cart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 28px;
  height: 28px;
  filter: brightness(10);
  border: none;
  background-color: transparent;
  overflow: hidden;
  line-height: 100px;
}
header#header .wrapping-div-icons .shop-main button:hover, header#header .wrapping-div-icons .shop-main button:focus {
  filter: none;
  outline: unset;
  background-color: transparent;
}
header#header .wrapping-div-icons .shopify-cart a {
  background-image: url(../dist/assets/img/web-icon-md-cart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 28px;
  height: 28px;
  text-indent: -99999px;
  overflow: hidden;
}
header#header .menu--ciam-logged-out .nav .nav-item .menu,
header#header .menu--ciam-logged-out .nav .nav-item .dropdown-menu,
header#header .menu--ciam-logged-in .nav .nav-item .menu,
header#header .menu--ciam-logged-in .nav .nav-item .dropdown-menu {
  background: url(../dist/assets/img/hover-item-dropdown-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
  display: none;
  position: absolute;
  top: 100%;
  left: -70px;
  padding: 25px 20px;
}
header#header .menu--ciam-logged-out .nav .nav-item .menu li,
header#header .menu--ciam-logged-out .nav .nav-item .dropdown-menu li,
header#header .menu--ciam-logged-in .nav .nav-item .menu li,
header#header .menu--ciam-logged-in .nav .nav-item .dropdown-menu li {
  padding: 10px 20px;
  list-style: none;
}
header#header .menu--ciam-logged-out .nav .nav-item .menu li a,
header#header .menu--ciam-logged-out .nav .nav-item .dropdown-menu li a,
header#header .menu--ciam-logged-in .nav .nav-item .menu li a,
header#header .menu--ciam-logged-in .nav .nav-item .dropdown-menu li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
}
header#header .menu--ciam-logged-out .nav .nav-item:hover .menu,
header#header .menu--ciam-logged-out .nav .nav-item:hover .dropdown-menu,
header#header .menu--ciam-logged-in .nav .nav-item:hover .menu,
header#header .menu--ciam-logged-in .nav .nav-item:hover .dropdown-menu {
  transition: background-image 0.5s ease-in-out;
  display: block;
}
header#header .menu--ciam-logged-out .nav > .menu-item--expanded,
header#header .menu--ciam-logged-in .nav > .menu-item--expanded {
  background-image: url(../dist/assets/img/web-icon-md-users-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 28px;
  height: 28px;
  position: relative;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
header#header .menu--ciam-logged-out .nav > .menu-item--expanded a.ciam-user-icn,
header#header .menu--ciam-logged-in .nav > .menu-item--expanded a.ciam-user-icn {
  padding: 0;
  height: 28px;
  color: rgba(0, 0, 0, 0);
}
header#header .menu--ciam-logged-out .nav > .menu-item--expanded a.ciam-user-icn:after,
header#header .menu--ciam-logged-in .nav > .menu-item--expanded a.ciam-user-icn:after {
  width: auto;
  height: unset;
}
header#header .block-lang-dropdown .lang-dropdown-form {
  position: relative;
  display: flex;
  width: 32px;
}
header#header .block-lang-dropdown .lang-dropdown-form select {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px !important;
  height: 31px;
  border-radius: 50%;
  z-index: 500;
  opacity: 0;
  padding: 0;
  cursor: pointer;
}
header#header .block-lang-dropdown .lang-dropdown-form .language-icon {
  width: 100%;
  height: 30px;
  border-radius: 50%;
  padding: 0 !important;
  border: 2px solid #ffffff;
}

.user-logged-in header#header {
  position: relative;
  top: unset;
  z-index: unset;
}

/**
 * Menu.
 *
 * This file contains the styling for the menu.
*/
.navbar {
  background-color: #db1024;
  --bs-navbar-padding-x: 1rem;
}
.navbar .navbar-brand {
  max-width: 83px;
}
@media (min-width: 992px) {
  .navbar .navbar-brand {
    flex: 1;
  }
}
.navbar .navbar-nav {
  text-transform: uppercase;
}
.navbar .navbar-nav .nav-link:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  margin: 0;
  border: 0;
  background: #ffffff;
  transition: width 0.3s;
}
.navbar .navbar-nav .nav-link:hover {
  color: #ffffff;
  text-decoration: none;
}
.navbar .navbar-nav .nav-link:hover:after {
  width: 100%;
}
@media (min-width: 992px) {
  .navbar .navbar-nav .nav-link {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-nav .nav-link {
    font-size: 1rem;
  }
}
.navbar .navbar-nav .nav-link:active, .navbar .navbar-nav .nav-link.active {
  background-color: rgba(0, 0, 0, 0);
}
.navbar .navbar-nav .nav-link:active:after, .navbar .navbar-nav .nav-link.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin: 0;
  border: none;
  background: #ffffff;
}
.navbar .navbar-nav .nav-item:hover {
  transition: background-image 0.5s ease-in-out;
  background: url(../dist/assets/img/hover-item-dropdown-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}
.navbar .navbar-nav .nav-item:hover .dropdown-menu {
  display: block;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #db1024;
  background: url(../dist/assets/img/hover-item-dropdown-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}
.navbar .navbar-nav .dropdown-menu {
  border: none;
  padding: 25px 5px;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item a {
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  text-decoration: none;
  font-size: 0.8rem;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item a:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #ffffff;
  transition: width 0.3s;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item a:hover {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item a:hover:after {
  width: 100%;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item a:active, .navbar .navbar-nav .dropdown-menu .dropdown-item a:hover, .navbar .navbar-nav .dropdown-menu .dropdown-item a:focus, .navbar .navbar-nav .dropdown-menu .dropdown-item a:hover, .navbar .navbar-nav .dropdown-menu .dropdown-item a:focus, .navbar .navbar-nav .dropdown-menu .dropdown-item a.active {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item a:active:after, .navbar .navbar-nav .dropdown-menu .dropdown-item a:hover:after, .navbar .navbar-nav .dropdown-menu .dropdown-item a:focus:after, .navbar .navbar-nav .dropdown-menu .dropdown-item a:hover:after, .navbar .navbar-nav .dropdown-menu .dropdown-item a:focus:after, .navbar .navbar-nav .dropdown-menu .dropdown-item a.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin: 0;
  border: none;
  background: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0);
}
.navbar .navbar-nav .dropdown-toggle::after {
  content: unset;
}
@media (min-width: 1200px) {
  .navbar .navbar-expand-xl .navbar-nav {
    flex-wrap: nowrap;
  }
}
.navbar .navbar-expand-xl .navbar-nav .nav-link {
  font-size: 20px;
}
.navbar .responsive-menus.responsified {
  display: flex;
  justify-content: flex-end;
  order: 3;
}
.navbar .responsive-menus.responsified .toggler.search-selected {
  display: none;
  opacity: 0;
  transition: all 0.5s;
}
.navbar .responsive-menus.responsified span.toggler {
  background-color: transparent;
  box-shadow: none;
  border-bottom: none !important;
  position: absolute;
  top: 27px;
}
.navbar .responsive-menus.responsified .responsive-menus-simple {
  background-color: #db1024;
  box-shadow: none;
  z-index: 8;
}
.navbar .responsive-menus.responsified .responsive-menus-simple .dropdown a {
  border-bottom: none !important;
}
.navbar .responsive-menus.responsified .responsive-menus-simple .dropdown .dropdown-toggle::after {
  content: " ";
  background-image: url(../dist/assets/img/chevron-down@2x.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 82%;
  height: 30px;
  right: 0;
  background-size: 25px;
  margin-top: 10px;
  border: none;
}
.navbar .responsive-menus.responsified .responsive-menus-simple .dropdown .is-toggled::after {
  content: " ";
  background-image: url(../dist/assets/img/chevron-up@2x.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 82%;
  height: 30px;
  right: 0;
  background-size: 25px;
  margin-top: 10px;
  border: none;
}
.navbar .responsive-menus.responsified .responsive-menus-simple .dropdown .dropdown-item {
  display: none !important;
}
.navbar .responsive-menus.responsified .responsive-menus-simple .dropdown .dropdown-item .is-active {
  background: none !important;
}
.navbar .responsive-menus.responsified .responsive-menus-simple li a,
.navbar .responsive-menus.responsified .responsive-menus-simple li .nav-link {
  padding: 23px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1215686275);
  text-transform: capitalize;
  font-size: 23px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff !important;
}
@media (min-width: 992px) {
  .navbar .responsive-menus.responsified .responsive-menus-simple li a,
  .navbar .responsive-menus.responsified .responsive-menus-simple li .nav-link {
    font-size: 16px;
  }
}
.navbar .responsive-menus.responsified .responsive-menus-simple li ul li a {
  font-size: 16px !important;
  font-weight: 500;
  text-transform: capitalize;
}
.navbar .responsive-menus.responsified .responsive-menus-simple .dropdown-item:focus,
.navbar .responsive-menus.responsified .responsive-menus-simple .dropdown-item:hover {
  background-color: #E30612;
  border-radius: 10px;
}
.navbar .responsive-menus.responsified.responsive-toggled {
  opacity: 1;
  transition: 0.5s;
  height: 80vh;
  overflow-y: scroll;
  order: 1;
  flex: auto;
}
.navbar .responsive-menus.responsified.responsive-toggled .absolute .responsive-menus-simple {
  position: relative;
}
.navbar .block-dropdown-language {
  padding-right: 10px;
}
.navbar .block-dropdown-language .dropbutton-wrapper.open li:hover a:after {
  background: #ffffff !important;
}
.navbar .block-dropdown-language .dropbutton-wrapper.open li:hover span:after {
  background: #ffffff !important;
}
.navbar .block-dropdown-language .dropbutton-wrapper.open li a:hover {
  background: transparent !important;
}
.navbar .block-dropdown-language .dropbutton-wrapper.open li.dropbutton-toggle:after {
  transform: rotate(180deg);
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget {
  height: 20px;
  overflow: visible;
  border: 0;
  background: transparent;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item {
  position: absolute;
  text-align: left;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item.dropbutton {
  overflow: visible;
  border: 0;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item.dropbutton .dropbutton-action > * {
  margin-right: 0;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item li {
  color: #ffffff;
  border: 0;
  position: relative;
  z-index: 2;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item li:hover {
  background: transparent !important;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item li span {
  position: relative;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item li span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: transparent;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item li a {
  color: #ffffff;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item li.dropbutton-toggle {
  position: absolute;
  right: unset;
  left: 0;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item li.dropbutton-toggle:after {
  content: "";
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 5px 5px 0;
  border-style: solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  line-height: 0;
}
.navbar .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item li.dropbutton-toggle button {
  display: none;
}

/**
 * Footer.
 *
 * This file contains the styling for the footer.
*/
.site-footer-top {
  background: url("../dist/assets/img/finger-scatter.svg") #E30612 center top;
  width: 100%;
  height: auto;
}
.site-footer-top .row {
  min-height: 245px;
  align-items: center;
  align-content: center;
}
.site-footer-top .navbar-brand {
  color: transparent;
  font-size: 0;
}
.site-footer-top .region {
  display: flex;
  justify-content: center;
}
.site-footer-top .nav {
  flex-direction: row;
}
.site-footer-top .menu--connect-with-us {
  color: #ffffff;
}
.site-footer-top .menu--connect-with-us li {
  margin-right: 10px;
}
.site-footer-top .menu--connect-with-us li a {
  width: 35px;
  height: 35px;
  padding: 0;
  margin: 0;
  color: transparent;
  background-size: 100%;
}
.site-footer-top .menu--connect-with-us li .facebook-link {
  background: url(../dist/assets/img/socialfooter/facebook.svg) no-repeat center;
}
.site-footer-top .menu--connect-with-us li .youtube-link {
  background: url(../dist/assets/img/socialfooter/youtube.svg) no-repeat center;
}
.site-footer-top .menu--connect-with-us li .twitter-link {
  background: url(../dist/assets/img/socialfooter/x-twitter.png) no-repeat center;
  background-size: 20px;
}
.site-footer-top .menu--connect-with-us li .whatsapp-link {
  background: url(../dist/assets/img/socialfooter/whatsapp.svg) no-repeat center;
}
.site-footer-top .menu--connect-with-us li .tiktok-link {
  background: url(../dist/assets/img/logo-tiktok-svgrepo-com.svg) no-repeat center;
}
.site-footer-top .menu--connect-with-us li .wechat-link {
  background: url(../dist/assets/img/socialfooter/wechat.svg) no-repeat center;
}
.site-footer-top .menu--connect-with-us li .line-link {
  background: url(../dist/assets/img/socialfooter/line.svg) no-repeat center;
}
.site-footer-top .menu--connect-with-us li .sina-weibo-link {
  background: url(../dist/assets/img/socialfooter/sina-weibo.svg) no-repeat center;
}
.site-footer-top .menu--connect-with-us li .instagram-link {
  background: url(../dist/assets/img/socialfooter/instagram.svg) no-repeat center;
}
.site-footer-top .menu--connect-with-us li .vk-link {
  background: url(../dist/assets/img/socialfooter/vk.svg) no-repeat center;
}
.site-footer-top .animated-slogan-footer {
  max-width: 250px;
}

.site-footer {
  background: #db1024;
  height: auto;
  margin-top: 2px;
  padding: 0 1rem;
  font-family: franklin-gothic-urw, sans-serif;
}
.site-footer nav h2, .site-footer nav .h2 {
  color: #ffffff;
  width: 100%;
  border-bottom: 1px dashed;
  margin: 0px;
  font-size: 16px;
  font-weight: bold;
  padding: 1rem 0;
  position: relative;
}
@media (min-width: 1200px) {
  .site-footer nav h2, .site-footer nav .h2 {
    font-size: 1rem;
    line-height: 1.3;
    border: none;
  }
}
.site-footer nav h2:last-child, .site-footer nav .h2:last-child {
  border-bottom: none;
}
.site-footer nav h2::after, .site-footer nav .h2::after {
  content: " ";
  background: url(../dist/assets/img/chevron-down@2x.svg) no-repeat center;
  background-size: 20px;
  position: absolute;
  right: 20px;
  height: 20px;
  width: 20px;
}
@media (min-width: 1200px) {
  .site-footer nav h2::after, .site-footer nav .h2::after {
    background-image: none;
  }
}
.site-footer nav h2.active::after, .site-footer nav .active.h2::after {
  background-image: url(../dist/assets/img/chevron-up@2x.svg);
}
@media (min-width: 1200px) {
  .site-footer nav h2.active::after, .site-footer nav .active.h2::after {
    background-image: none;
  }
}
.site-footer nav a {
  display: inline-block;
  padding-left: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 1.5px;
  line-height: 1.3;
  color: #ffffff;
}
.site-footer nav a:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #ffffff;
  transition: width 0.3s;
}
.site-footer nav a:hover {
  color: #ffffff;
}
.site-footer nav a:hover:after {
  width: 100%;
}
.site-footer nav a:hover {
  text-decoration: none;
}
.site-footer nav ul.nav {
  flex-direction: column;
}
@media (min-width: 1200px) {
  .site-footer .menu--footer-bottom-menu {
    display: none;
  }
}
.site-footer .nav-item {
  display: none;
  margin-right: 1rem;
  margin-left: 1rem;
}
@media (min-width: 1200px) {
  .site-footer .nav-item {
    margin-right: 0;
    margin-left: 0;
  }
}
.site-footer .nav-item:first-child {
  margin-top: 1rem;
}
.site-footer .nav-item:last-child {
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .site-footer .nav-item {
    display: block;
  }
}
.site-footer .region {
  width: 100%;
  display: block;
}
.site-footer .region .block {
  border: none;
  margin: 0;
  padding: 0;
}
.site-footer .navbar-nav .nav-link.active {
  color: #ffffff;
}

.site-footer-bottom {
  padding: 1rem;
}
.site-footer-bottom p {
  margin: 0;
}
.site-footer-bottom img {
  width: 45px;
  height: auto;
}
.site-footer-bottom .region-bottom-footer-second {
  display: flex;
  justify-content: space-between;
}
.site-footer-bottom .region-bottom-footer-second .menu--footer-bottom-menu {
  display: none;
}
@media (min-width: 1200px) {
  .site-footer-bottom .region-bottom-footer-second .menu--footer-bottom-menu {
    display: block;
  }
}
.site-footer-bottom .region-bottom-footer-second .menu--footer-bottom-menu .navbar-nav {
  display: flex;
  flex-direction: row;
}
.site-footer-bottom .region-bottom-footer-second .menu--footer-bottom-menu .navbar-nav li a {
  padding: 10px 20px;
}
.site-footer-bottom .region-bottom-footer-second li a {
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1.25;
  color: #222222;
}
.site-footer-bottom .region-bottom-footer-second li a:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #222222;
  transition: width 0.3s;
}
.site-footer-bottom .region-bottom-footer-second li a:hover {
  color: #222222;
  text-decoration: none;
}
.site-footer-bottom .region-bottom-footer-second li a:hover:after {
  width: 100%;
}

/* Set all our kitkat variables here
-- Colors --- */
/**
 * Buttons.
 *
 * This file contains the styling for buttons.
*/
.btn-primary {
  background-color: #ffffff;
  color: #E30612;
}
.btn-primary:hover {
  background-color: #ffffff;
  color: #E30612;
}

.btn-secondary {
  background-color: #E30612;
  border: transparent;
  color: #ffffff;
}
.btn-secondary:hover {
  background-color: #E30612;
  color: #ffffff;
}

.btn {
  text-transform: uppercase;
  border: transparent;
}
.btn a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}
.btn:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}

.dsu_btn {
  width: 100%;
  display: block;
  text-align: center;
}

.slick-dots li button {
  margin-top: 3px;
  height: 22px;
  width: 22px;
}
.slick-dots li button .slick-dot-icon {
  margin-top: 0;
  color: #d2d2d2;
  opacity: 1;
}
.slick-dots li button .slick-dot-icon:before {
  margin-top: -3px;
  font-size: 20px;
  color: #d2d2d2;
}
.slick-dots li button:focus .slick-dot-icon:before {
  color: #c40018 !important;
}
.slick-dots li.slick-active button .slick-dot-icon {
  color: #c40018;
  font-size: 0px !important;
}
.slick-dots li.slick-active button .slick-dot-icon:before {
  margin-top: -3px;
  margin-left: 0;
  font-size: 20px;
  color: #c40018;
}
.slick-dots li.slick-active button:focus .slick-dot-icon {
  color: #c40018 !important;
}

.view-product-ranges,
.view-product-carousel-list,
.view-our-classics-homepage-view {
  margin-bottom: 80px;
}
.view-product-ranges .js-pager__items,
.view-product-carousel-list .js-pager__items,
.view-our-classics-homepage-view .js-pager__items {
  display: none;
}
.view-product-ranges .slick--view ul.slick--view li,
.view-product-carousel-list .slick--view ul.slick--view li,
.view-our-classics-homepage-view .slick--view ul.slick--view li {
  border: 0;
}
.view-product-ranges .slick--view ul.slick--view li .views-field-field-adimo-buy-now,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-buy-now,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-adimo-buy-now,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-buy-now,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-adimo-buy-now,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-buy-now {
  text-align: center;
}
.view-product-ranges .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  min-width: 150px;
  margin-top: 20px;
}
.view-product-ranges .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint:hover,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint:hover,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint:hover,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint:hover,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint:hover,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.view-product-ranges .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint a,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint span,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint a,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint span,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint a,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint span,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint a,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint span,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint a,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-adimo-buy-now .adimo-multi-touchpoint span,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint a,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-buy-now .adimo-multi-touchpoint span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.view-product-ranges .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  min-width: 150px;
  margin-top: 20px;
}
.view-product-ranges .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow:hover,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow:hover,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow:hover,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow:hover,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow:hover,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.view-product-ranges .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow a,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow span,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow a,
.view-product-ranges .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow span,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow a,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow span,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow a,
.view-product-carousel-list .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow span,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow a,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-adimo-buy-now .btn-buynow span,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow a,
.view-our-classics-homepage-view .slick--view ul.slick--view li .views-field-field-buy-now .btn-buynow span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.view-product-ranges .slick__slide .slider-custom,
.view-product-carousel-list .slick__slide .slider-custom,
.view-our-classics-homepage-view .slick__slide .slider-custom {
  text-align: center;
}
@media (min-width: 1200px) {
  .view-product-ranges .slick__slide .slider-custom,
  .view-product-carousel-list .slick__slide .slider-custom,
  .view-our-classics-homepage-view .slick__slide .slider-custom {
    width: 100%;
  }
}
.view-product-ranges .slick__slide .slider-custom span,
.view-product-carousel-list .slick__slide .slider-custom span,
.view-our-classics-homepage-view .slick__slide .slider-custom span {
  display: block;
  margin-top: 30px;
}
.view-product-ranges .slick-dots,
.view-product-carousel-list .slick-dots,
.view-our-classics-homepage-view .slick-dots {
  position: relative;
  bottom: -30px;
}
.view-product-ranges .slick-dots li,
.view-product-carousel-list .slick-dots li,
.view-our-classics-homepage-view .slick-dots li {
  margin: 0 20px;
}
.view-product-ranges .slick-arrow,
.view-product-carousel-list .slick-arrow,
.view-our-classics-homepage-view .slick-arrow {
  display: none !important;
}
@media (min-width: 768px) {
  .view-product-ranges .slick-arrow,
  .view-product-carousel-list .slick-arrow,
  .view-our-classics-homepage-view .slick-arrow {
    width: 125px;
    display: block !important;
  }
}

.cad-view .more-link {
  display: flex;
  justify-content: center;
}
.cad-view .more-link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  margin-top: 20px;
}
.cad-view .more-link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.cad-view .more-link a a,
.cad-view .more-link a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.cad-view .slider-custom {
  position: relative;
}
.cad-view .slider-custom .link-shopify a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-indent: -99999%;
}

.slider-custom .field-content {
  position: relative;
  top: 25px;
  display: block;
  color: #3b3b3b;
  font-weight: 700;
  text-align: center;
}
.slider-custom .field-content p {
  color: #4E4D4D;
  line-height: 2;
}

.viewsreference--view-title {
  margin-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
  color: #db1024;
  font-size: 30px;
  font-weight: 700;
  font-stretch: normal;
  text-align: center;
  line-height: 0.96;
  letter-spacing: normal;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .viewsreference--view-title {
    margin: 40px 0 0;
    font-size: 48px;
  }
}

.slider-custom img {
  margin: 0 auto;
}

.homepage-waves-background {
  background: url(../dist/assets/img/melt.svg);
  background-size: cover;
}

.homepage-single-finger-background {
  background: url(../dist/assets/img/single-finger.svg);
  background-size: cover;
}

.homepage-finger-background {
  position: relative;
  background: url(../dist/assets/img/finger-mix.svg);
  background-size: cover;
  background-color: #E30612;
}

.wafer-background {
  background: url(../dist/assets/img/wafer.svg);
  background-size: cover;
}

.trapazoid {
  background: url(../dist/assets/img/trapazoic.svg);
  background-size: cover;
}

.homepage-red-background {
  background: url(../dist/assets/img/homepage-red-background.jpg);
  background-size: cover;
}

.light-blue {
  background-color: lightblue;
}

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

.banner_c_product {
  position: relative;
  overflow: hidden;
}
.banner_c_product .shape-border {
  width: 250px;
  height: 250px;
  display: block;
  position: absolute;
  z-index: 9;
  top: 20%;
  right: 50px;
  background-color: transparent;
  border: 5px solid #ffffff;
}
.banner_c_product picture {
  display: block;
  position: relative;
  z-index: 9;
}
.banner_c_product picture img {
  max-width: 470px;
  display: block;
  position: relative;
}

.slick-list {
  height: 100%;
}

.slick-prev,
.slick-next {
  padding: 40px 16px;
}
@media (min-width: 992px) {
  .slick-prev,
  .slick-next {
    padding: 0;
  }
}
.slick-prev:before,
.slick-next:before {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
@media (min-width: 992px) {
  .slick-prev:before,
  .slick-next:before {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
  }
}

.slick-prev {
  margin-left: 20px;
  transform: scale(0.9);
}
.slick-prev:before {
  content: url(../dist/assets/img/web-navigation-slider-controls-left.png);
  transform: translate(10px, 27px);
}
.slick-prev:focus {
  outline: 1px !important;
}

.slick-next {
  margin-right: 46px;
  transform: scale(0.9);
}
.slick-next:before {
  content: url(../dist/assets/img/web-navigation-slider-controls-right.png);
  transform: translate(-3px, 22px);
}
.slick-next:focus {
  outline: 1px !important;
}

.slick--view--our-classics-homepage-view .slick__arrow {
  top: unset;
  bottom: 10px;
}
.slick--view--our-classics-homepage-view .slick-prev {
  left: 15%;
  margin-left: 20px;
  transform: scale(0.9);
  top: unset;
  bottom: -65px;
}
@media (min-width: 992px) {
  .slick--view--our-classics-homepage-view .slick-prev {
    left: 20%;
    bottom: unset;
  }
}
.slick--view--our-classics-homepage-view .slick-prev:before {
  content: url(../dist/assets/img/web-navigation-slider-controls-left.png);
  transform: translate(10px, 27px);
}
.slick--view--our-classics-homepage-view .slick-prev:focus {
  outline: 1px !important;
}
.slick--view--our-classics-homepage-view .slick-next {
  right: 7%;
  margin-right: 46px;
  transform: scale(0.9);
  top: unset;
  bottom: -65px;
}
@media (min-width: 992px) {
  .slick--view--our-classics-homepage-view .slick-next {
    right: 20%;
    bottom: unset;
  }
}
.slick--view--our-classics-homepage-view .slick-next:before {
  content: url(../dist/assets/img/web-navigation-slider-controls-right.png);
  transform: translate(-3px, 22px);
}
.slick--view--our-classics-homepage-view .slick-next:focus {
  outline: 1px !important;
}

.paragraph--type--c-slider {
  margin-bottom: 20px;
}
.paragraph--type--c-slider .field--name-field-c-image img {
  height: 586px;
  -o-object-fit: cover;
     object-fit: cover;
}
.paragraph--type--c-slider .slick__arrow {
  display: none;
  position: absolute;
}
@media (min-width: 768px) {
  .paragraph--type--c-slider .slick__arrow {
    display: block;
  }
}
.paragraph--type--c-slider .slick-dots {
  bottom: 22px;
}
@media (min-width: 992px) {
  .paragraph--type--c-slider .slick-dots {
    bottom: 20px;
  }
}
.paragraph--type--c-slider .slick-dots .slick-controls-item-btn {
  width: 2rem;
  height: 2rem;
  position: relative;
  top: 1px;
  background-repeat: no-repeat;
  opacity: 1;
}
.paragraph--type--c-slider .slick-dots .slick-controls-item-btn:before {
  content: "";
  border: none;
}
.paragraph--type--c-slider .slick-dots .slick-controls-item-btn:hover {
  opacity: 0.75;
}
.paragraph--type--c-slider .slick-dots .slick-slider-play {
  background-image: url(../dist/assets/img/play-circle.svg);
}
.paragraph--type--c-slider .slick-dots .slick-slider-pause {
  top: 1px;
  background-image: url(../dist/assets/img/pause-circle.svg);
}
.paragraph--type--c-slider .slick-dots li button {
  height: 22px;
  width: 22px;
  margin-right: 4px;
  margin-top: 3px;
  margin-left: 0px;
}
.paragraph--type--c-slider .slick-dots li button .slick-dot-icon {
  color: transparent;
}
.paragraph--type--c-slider .slick-dots li button .slick-dot-icon:before {
  margin-top: 4px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  font-size: 16px;
  color: transparent;
}
.paragraph--type--c-slider .slick-dots li button:focus .slick-dot-icon:before {
  color: transparent !important;
}
.paragraph--type--c-slider .slick-dots li.slick-active button .slick-dot-icon {
  color: #ffffff;
  font-size: 0px !important;
}
.paragraph--type--c-slider .slick-dots li.slick-active button .slick-dot-icon:before {
  margin-top: 4px;
  margin-left: 0;
  font-size: 25px;
  color: #ffffff;
  border: none;
}
.paragraph--type--c-slider .slick-dots li.slick-active button:focus .slick-dot-icon:before {
  color: #ffffff !important;
}
.paragraph--type--c-slider .banner_c_image .single-image img,
.paragraph--type--c-slider .banner_c_image .mobile img,
.paragraph--type--c-slider .banner_c_image .desktop img {
  height: 586px;
  -o-object-fit: cover;
     object-fit: cover;
}

.shape-right-bottom {
  height: 400px;
  width: 35%;
  margin: auto 0 auto 0;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1215686275);
  clip-path: polygon(0 120%, 100% 0, 100% 100%, 0% 100%);
  z-index: 0;
}

.paragraph--type--c-slide {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.paragraph--type--c-slide .banner_c_product {
  height: 660px;
}
.paragraph--type--c-slide .banner_c_hero {
  height: 100%;
}
.paragraph--type--c-slide .banner_c_hero .field--name-field-c-image {
  margin: 0;
}
.paragraph--type--c-slide .banner_c_hero .field--name-field-c-image img {
  height: 800px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .paragraph--type--c-slide .banner_c_hero .field--name-field-c-image img {
    height: 600px;
  }
}
.paragraph--type--c-slide .banner_c_product {
  min-width: unset;
  width: 100%;
}
@media (min-width: 768px) {
  .paragraph--type--c-slide .banner_c_product {
    min-width: 560px;
  }
}
@media (min-width: 992px) {
  .paragraph--type--c-slide .banner_c_product {
    min-width: unset;
    float: unset;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--c-slide .banner_c_product {
    min-width: 968px;
  }
}
.paragraph--type--c-slide .banner_c_product .field--name-field-c-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: unset;
}
@media (min-width: 992px) {
  .paragraph--type--c-slide .banner_c_product .field--name-field-c-image {
    position: relative;
  }
}
.paragraph--type--c-slide .banner_c_product .field--name-field-c-image img {
  width: 350px;
  height: 30%;
  position: absolute;
  left: unset;
  bottom: 0;
  z-index: 99;
  transform: translateY(-128px);
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .paragraph--type--c-slide .banner_c_product .field--name-field-c-image img {
    top: 0;
    right: 80px;
    left: unset;
    transform: translateY(180px);
  }
}
@media (min-width: 992px) {
  .paragraph--type--c-slide .banner_c_product .field--name-field-c-image img {
    height: 300px;
    top: 90px;
    right: 345px;
    transform: translateY(143px);
  }
}
@media (min-width: 1200px) {
  .paragraph--type--c-slide .banner_c_product .field--name-field-c-image img {
    top: 0;
  }
}
.paragraph--type--c-slide .banner_c_product .gradient-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.3098039216);
  clip-path: polygon(100% 75%, 65% 100%, 100% 100%);
}
@media (min-width: 992px) {
  .paragraph--type--c-slide .banner_c_product .gradient-1 {
    clip-path: polygon(100% 70%, 65% 100%, 100% 100%);
  }
}
@media (min-width: 1200px) {
  .paragraph--type--c-slide .banner_c_product .gradient-1 {
    clip-path: polygon(100% 71%, 79% 100%, 100% 100%);
  }
}
.paragraph--type--c-slide .banner_c_hero .field--name-field-c-image {
  height: 100%;
  display: flex;
}
.paragraph--type--c-slide .image_cta_link {
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.paragraph--type--c-slide .slider-content .image_cta_link {
  margin-bottom: 10px;
}
.paragraph--type--c-slide .slider-content .image_cta_link a {
  font-weight: 700;
}
.paragraph--type--c-slide .fields--wrapper {
  padding: 0;
}

.slider-text-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  clip-path: polygon(0 0, 169% 0%, 0% 108%, 0% -25%);
}
@media (min-width: 1200px) {
  .slider-text-wrapper {
    clip-path: polygon(0 0, 100% 0%, 54% 100%, 0% 100%);
  }
}
.slider-text-wrapper .slider-content {
  padding: 1rem;
  width: 100%;
}
@media (min-width: 768px) {
  .slider-text-wrapper .slider-content {
    margin-left: 16px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .slider-text-wrapper .slider-content {
    margin-left: 150px;
  }
}
.slider-text-wrapper .slider-content .field--name-field-c-title {
  display: inline-block;
  max-width: 602px;
  margin: 30px 20px 18px 0;
  padding-bottom: 20px;
  font-weight: 900;
  color: #ffffff;
  text-align: left;
  border-bottom: 4px solid #ffffff;
  line-height: 0.92;
}
@media (min-width: 1200px) {
  .slider-text-wrapper .slider-content .field--name-field-c-title {
    margin: 75px 0 30px;
    padding-bottom: 30px;
  }
}
.slider-text-wrapper .slider-content .field--name-field-slide-description {
  max-width: 345px;
  color: #ffffff;
}
@media (min-width: 992px) {
  .slider-text-wrapper .slider-content .field--name-field-slide-description {
    max-width: 675px;
  }
}
@media (min-width: 1200px) {
  .slider-text-wrapper .slider-content .field--name-field-slide-description {
    max-width: 460px;
  }
}
.slider-text-wrapper .slider-content .field--name-field-slide-description p {
  padding-bottom: 0;
  padding-right: 30px;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.17;
  text-transform: uppercase;
  text-align: left !important;
}

@media (min-width: 1200px) {
  .dotcom-banner .slider-text-wrapper {
    margin-bottom: 0;
  }
}

.carousel__product-ranges .slick__slide img {
  max-width: 220px;
}
.carousel__product-ranges .slick-slider a {
  font-weight: 500;
}

/* Video Full Width Banner*/
.banner_c_video .banner-c-video-wrapper,
.banner_c_full .banner-c-video-wrapper,
.banner_c_image .banner-c-video-wrapper {
  position: relative;
  height: 586px;
}
.banner_c_video .banner-c-video-wrapper .banner-c-video-cover,
.banner_c_full .banner-c-video-wrapper .banner-c-video-cover,
.banner_c_image .banner-c-video-wrapper .banner-c-video-cover {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.banner_c_video .banner-c-video-wrapper .banner-c-video-cover::before,
.banner_c_full .banner-c-video-wrapper .banner-c-video-cover::before,
.banner_c_image .banner-c-video-wrapper .banner-c-video-cover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.banner_c_video .banner-c-video-wrapper .banner-c-video-cover .video-banner,
.banner_c_full .banner-c-video-wrapper .banner-c-video-cover .video-banner,
.banner_c_image .banner-c-video-wrapper .banner-c-video-cover .video-banner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .banner_c_video .banner-c-video-wrapper .banner-c-video-cover .video-banner,
  .banner_c_full .banner-c-video-wrapper .banner-c-video-cover .video-banner,
  .banner_c_image .banner-c-video-wrapper .banner-c-video-cover .video-banner {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 992px) {
  .banner_c_video .banner-c-video-wrapper .banner-c-video-cover .video-banner,
  .banner_c_full .banner-c-video-wrapper .banner-c-video-cover .video-banner,
  .banner_c_image .banner-c-video-wrapper .banner-c-video-cover .video-banner {
    height: 586px;
  }
}
.banner_c_video .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--type-image,
.banner_c_full .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--type-image,
.banner_c_image .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--type-image {
  float: none;
  margin: 0;
  height: 100%;
}
@media (min-width: 992px) {
  .banner_c_video .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--type-image,
  .banner_c_full .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--type-image,
  .banner_c_image .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--type-image {
    height: 586px;
  }
}
.banner_c_video .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--type-image img,
.banner_c_full .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--type-image img,
.banner_c_image .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--type-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
.banner_c_video .banner-c-video-wrapper .slider-content,
.banner_c_full .banner-c-video-wrapper .slider-content,
.banner_c_image .banner-c-video-wrapper .slider-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  z-index: 2;
  overflow: hidden;
}
.banner_c_video .banner-c-video-wrapper .slider-content .slider-content-inner,
.banner_c_full .banner-c-video-wrapper .slider-content .slider-content-inner,
.banner_c_image .banner-c-video-wrapper .slider-content .slider-content-inner {
  max-width: 720px;
}
.banner_c_video .banner-c-video-wrapper .slider-content .slider-content-inner h1, .banner_c_video .banner-c-video-wrapper .slider-content .slider-content-inner .h1,
.banner_c_full .banner-c-video-wrapper .slider-content .slider-content-inner h1,
.banner_c_full .banner-c-video-wrapper .slider-content .slider-content-inner .h1,
.banner_c_image .banner-c-video-wrapper .slider-content .slider-content-inner h1,
.banner_c_image .banner-c-video-wrapper .slider-content .slider-content-inner .h1 {
  display: inline-block;
  padding-bottom: 30px;
  border-bottom: 4px solid;
  color: #ffffff;
}
.banner_c_video .banner-c-video-wrapper .slider-content.slanted,
.banner_c_full .banner-c-video-wrapper .slider-content.slanted,
.banner_c_image .banner-c-video-wrapper .slider-content.slanted {
  transform: rotate(-11deg);
}
.banner_c_video .banner-c-video-wrapper .slider-content.slanted .image_cta_link,
.banner_c_full .banner-c-video-wrapper .slider-content.slanted .image_cta_link,
.banner_c_image .banner-c-video-wrapper .slider-content.slanted .image_cta_link {
  margin-top: 30px;
  transform: rotate(12deg);
}
.banner_c_video .banner-c-video-wrapper .white,
.banner_c_full .banner-c-video-wrapper .white,
.banner_c_image .banner-c-video-wrapper .white {
  color: #ffffff;
}
.banner_c_video .banner-c-video-wrapper .white .field--name-field-c-title,
.banner_c_full .banner-c-video-wrapper .white .field--name-field-c-title,
.banner_c_image .banner-c-video-wrapper .white .field--name-field-c-title {
  color: #ffffff !important;
}
.banner_c_video .banner-c-video-wrapper .red,
.banner_c_full .banner-c-video-wrapper .red,
.banner_c_image .banner-c-video-wrapper .red {
  color: #c40018;
}
.banner_c_video .banner-c-video-wrapper .red .field--name-field-c-title,
.banner_c_full .banner-c-video-wrapper .red .field--name-field-c-title,
.banner_c_image .banner-c-video-wrapper .red .field--name-field-c-title {
  color: #c40018 !important;
}
.banner_c_video .banner-c-video-wrapper .black,
.banner_c_full .banner-c-video-wrapper .black,
.banner_c_image .banner-c-video-wrapper .black {
  color: #222222;
}
.banner_c_video .banner-c-video-wrapper .black .field--name-field-c-title,
.banner_c_full .banner-c-video-wrapper .black .field--name-field-c-title,
.banner_c_image .banner-c-video-wrapper .black .field--name-field-c-title {
  color: #222222 !important;
}
.banner_c_video .banner-c-video-wrapper .grey,
.banner_c_full .banner-c-video-wrapper .grey,
.banner_c_image .banner-c-video-wrapper .grey {
  color: #4E4D4D;
}
.banner_c_video .banner-c-video-wrapper .grey .field--name-field-c-title,
.banner_c_full .banner-c-video-wrapper .grey .field--name-field-c-title,
.banner_c_image .banner-c-video-wrapper .grey .field--name-field-c-title {
  color: #4E4D4D !important;
}

.banner_c_image_left,
.banner_c_image_right {
  max-height: 1000px;
}
@media (min-width: 768px) {
  .banner_c_image_left,
  .banner_c_image_right {
    max-height: 586px;
  }
}
.banner_c_image_left .banner-c-video-wrapper,
.banner_c_image_right .banner-c-video-wrapper {
  max-height: 1000px;
}
@media (min-width: 768px) {
  .banner_c_image_left .banner-c-video-wrapper,
  .banner_c_image_right .banner-c-video-wrapper {
    max-height: 586px;
  }
}
.banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover,
.banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 586px;
  padding: 0 30px;
}
@media (min-width: 768px) {
  .banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover,
  .banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover {
    flex-direction: row;
    padding: 0 60px;
  }
}
@media (min-width: 992px) {
  .banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover,
  .banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover {
    padding: 0 80px;
  }
}
@media (min-width: 1200px) {
  .banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover,
  .banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover {
    padding: 0 100px;
  }
}
.banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover .video-banner,
.banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover .video-banner {
  padding: 0;
}
.banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--name-field-c-image,
.banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--name-field-c-image {
  display: flex;
  align-items: center;
  width: 100%;
}
.banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--name-field-c-image img,
.banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--name-field-c-image img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  max-height: 250px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--name-field-c-image img,
  .banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover .video-banner .field--name-field-c-image img {
    max-height: 586px;
  }
}
.banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover .field--name-field-c-title,
.banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover .field--name-field-c-title {
  border-bottom: 4px solid;
  padding-bottom: 30px;
}
.banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover .slider-content .slider-content-inner,
.banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover .slider-content .slider-content-inner {
  padding: 15px 0;
}
.banner_c_image_left .banner-c-video-wrapper .banner-c-video-cover .slider-content .slider-content-inner .description p,
.banner_c_image_right .banner-c-video-wrapper .banner-c-video-cover .slider-content .slider-content-inner .description p {
  word-break: break-all;
  white-space: normal;
}

@media (min-width: 992px) {
  .banner_c_image_left .slider-content {
    justify-content: flex-end;
  }
}

.banner_c_image_left .slider-content,
.banner_c_image_right .slider-content,
.banner_c_video .slider-content,
.banner_c_full .slider-content,
.banner_c_image .slider-content,
.banner-c-full-width-image .slider-content {
  display: flex;
}
.banner_c_image_left .slider-content p,
.banner_c_image_right .slider-content p,
.banner_c_video .slider-content p,
.banner_c_full .slider-content p,
.banner_c_image .slider-content p,
.banner-c-full-width-image .slider-content p {
  padding: 5px 0;
}
@media (min-width: 992px) {
  .banner_c_image_left .slider-content p,
  .banner_c_image_right .slider-content p,
  .banner_c_video .slider-content p,
  .banner_c_full .slider-content p,
  .banner_c_image .slider-content p,
  .banner-c-full-width-image .slider-content p {
    padding: 15px 0;
  }
}
.banner_c_image_left .slider-content.above_center,
.banner_c_image_right .slider-content.above_center,
.banner_c_video .slider-content.above_center,
.banner_c_full .slider-content.above_center,
.banner_c_image .slider-content.above_center,
.banner-c-full-width-image .slider-content.above_center {
  padding-top: 30px;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
.banner_c_image_left .slider-content.above_left,
.banner_c_image_right .slider-content.above_left,
.banner_c_video .slider-content.above_left,
.banner_c_full .slider-content.above_left,
.banner_c_image .slider-content.above_left,
.banner-c-full-width-image .slider-content.above_left {
  padding-top: 30px;
  padding-left: 30px;
  align-items: flex-start;
  justify-content: flex-start;
}
.banner_c_image_left .slider-content.above_right,
.banner_c_image_right .slider-content.above_right,
.banner_c_video .slider-content.above_right,
.banner_c_full .slider-content.above_right,
.banner_c_image .slider-content.above_right,
.banner-c-full-width-image .slider-content.above_right {
  padding-top: 30px;
  padding-right: 30px;
  align-items: flex-start;
  justify-content: flex-end;
}
.banner_c_image_left .slider-content.bellow_center,
.banner_c_image_right .slider-content.bellow_center,
.banner_c_video .slider-content.bellow_center,
.banner_c_full .slider-content.bellow_center,
.banner_c_image .slider-content.bellow_center,
.banner-c-full-width-image .slider-content.bellow_center {
  padding-bottom: 30px;
  align-items: flex-end;
  justify-content: center;
}
.banner_c_image_left .slider-content.bellow_left,
.banner_c_image_right .slider-content.bellow_left,
.banner_c_video .slider-content.bellow_left,
.banner_c_full .slider-content.bellow_left,
.banner_c_image .slider-content.bellow_left,
.banner-c-full-width-image .slider-content.bellow_left {
  padding-bottom: 30px;
  align-items: flex-end;
  justify-content: flex-start;
}
.banner_c_image_left .slider-content.bellow_right,
.banner_c_image_right .slider-content.bellow_right,
.banner_c_video .slider-content.bellow_right,
.banner_c_full .slider-content.bellow_right,
.banner_c_image .slider-content.bellow_right,
.banner-c-full-width-image .slider-content.bellow_right {
  padding-bottom: 30px;
  padding-right: 30px;
  align-items: flex-end;
  justify-content: flex-end;
}
.banner_c_image_left .slider-content.over_center,
.banner_c_image_right .slider-content.over_center,
.banner_c_video .slider-content.over_center,
.banner_c_full .slider-content.over_center,
.banner_c_image .slider-content.over_center,
.banner-c-full-width-image .slider-content.over_center {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.banner_c_image_left .slider-content.over_right,
.banner_c_image_right .slider-content.over_right,
.banner_c_video .slider-content.over_right,
.banner_c_full .slider-content.over_right,
.banner_c_image .slider-content.over_right,
.banner-c-full-width-image .slider-content.over_right {
  align-items: center;
  justify-content: flex-end;
}
.banner_c_image_left .slider-content.over_left,
.banner_c_image_right .slider-content.over_left,
.banner_c_video .slider-content.over_left,
.banner_c_full .slider-content.over_left,
.banner_c_image .slider-content.over_left,
.banner-c-full-width-image .slider-content.over_left {
  padding-left: 30px;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.banner_c_image_left .slider-content .over_left .video-banner .field--name-field-c-image img,
.banner_c_image_left .slider-content .over_right .video-banner .field--name-field-c-image img,
.banner_c_image_right .slider-content .over_left .video-banner .field--name-field-c-image img,
.banner_c_image_right .slider-content .over_right .video-banner .field--name-field-c-image img,
.banner_c_video .slider-content .over_left .video-banner .field--name-field-c-image img,
.banner_c_video .slider-content .over_right .video-banner .field--name-field-c-image img,
.banner_c_full .slider-content .over_left .video-banner .field--name-field-c-image img,
.banner_c_full .slider-content .over_right .video-banner .field--name-field-c-image img,
.banner_c_image .slider-content .over_left .video-banner .field--name-field-c-image img,
.banner_c_image .slider-content .over_right .video-banner .field--name-field-c-image img,
.banner-c-full-width-image .slider-content .over_left .video-banner .field--name-field-c-image img,
.banner-c-full-width-image .slider-content .over_right .video-banner .field--name-field-c-image img {
  height: 586px;
  -o-object-fit: contain;
     object-fit: contain;
}
.banner_c_image_left .slider-content .slider-content-inner,
.banner_c_image_right .slider-content .slider-content-inner,
.banner_c_video .slider-content .slider-content-inner,
.banner_c_full .slider-content .slider-content-inner,
.banner_c_image .slider-content .slider-content-inner,
.banner-c-full-width-image .slider-content .slider-content-inner {
  max-width: 720px;
}
.banner_c_image_left .slider-content.slanted,
.banner_c_image_right .slider-content.slanted,
.banner_c_video .slider-content.slanted,
.banner_c_full .slider-content.slanted,
.banner_c_image .slider-content.slanted,
.banner-c-full-width-image .slider-content.slanted {
  transform: rotate(-11deg);
}
.banner_c_image_left .slider-content.slanted .image_cta_link,
.banner_c_image_right .slider-content.slanted .image_cta_link,
.banner_c_video .slider-content.slanted .image_cta_link,
.banner_c_full .slider-content.slanted .image_cta_link,
.banner_c_image .slider-content.slanted .image_cta_link,
.banner-c-full-width-image .slider-content.slanted .image_cta_link {
  margin-top: 30px !important;
  transform: rotate(12deg);
}
.banner_c_image_left .white,
.banner_c_image_right .white,
.banner_c_video .white,
.banner_c_full .white,
.banner_c_image .white,
.banner-c-full-width-image .white {
  color: #ffffff;
}
.banner_c_image_left .white .field--name-field-c-title,
.banner_c_image_right .white .field--name-field-c-title,
.banner_c_video .white .field--name-field-c-title,
.banner_c_full .white .field--name-field-c-title,
.banner_c_image .white .field--name-field-c-title,
.banner-c-full-width-image .white .field--name-field-c-title {
  color: #ffffff !important;
}
.banner_c_image_left .red,
.banner_c_image_right .red,
.banner_c_video .red,
.banner_c_full .red,
.banner_c_image .red,
.banner-c-full-width-image .red {
  color: #c40018;
}
.banner_c_image_left .red .field--name-field-c-title,
.banner_c_image_right .red .field--name-field-c-title,
.banner_c_video .red .field--name-field-c-title,
.banner_c_full .red .field--name-field-c-title,
.banner_c_image .red .field--name-field-c-title,
.banner-c-full-width-image .red .field--name-field-c-title {
  color: #c40018 !important;
}
.banner_c_image_left .black,
.banner_c_image_right .black,
.banner_c_video .black,
.banner_c_full .black,
.banner_c_image .black,
.banner-c-full-width-image .black {
  color: #222222;
}
.banner_c_image_left .black .field--name-field-c-title,
.banner_c_image_right .black .field--name-field-c-title,
.banner_c_video .black .field--name-field-c-title,
.banner_c_full .black .field--name-field-c-title,
.banner_c_image .black .field--name-field-c-title,
.banner-c-full-width-image .black .field--name-field-c-title {
  color: #222222 !important;
}
.banner_c_image_left .grey,
.banner_c_image_right .grey,
.banner_c_video .grey,
.banner_c_full .grey,
.banner_c_image .grey,
.banner-c-full-width-image .grey {
  color: #4E4D4D;
}
.banner_c_image_left .grey .field--name-field-c-title,
.banner_c_image_right .grey .field--name-field-c-title,
.banner_c_video .grey .field--name-field-c-title,
.banner_c_full .grey .field--name-field-c-title,
.banner_c_image .grey .field--name-field-c-title,
.banner-c-full-width-image .grey .field--name-field-c-title {
  color: #4E4D4D !important;
}
.banner_c_image_left .mobile,
.banner_c_image_right .mobile,
.banner_c_video .mobile,
.banner_c_full .mobile,
.banner_c_image .mobile,
.banner-c-full-width-image .mobile {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .banner_c_image_left .mobile,
  .banner_c_image_right .mobile,
  .banner_c_video .mobile,
  .banner_c_full .mobile,
  .banner_c_image .mobile,
  .banner-c-full-width-image .mobile {
    display: none;
  }
}
.banner_c_image_left .desktop,
.banner_c_image_right .desktop,
.banner_c_video .desktop,
.banner_c_full .desktop,
.banner_c_image .desktop,
.banner-c-full-width-image .desktop {
  display: none;
}
@media (min-width: 992px) {
  .banner_c_image_left .desktop,
  .banner_c_image_right .desktop,
  .banner_c_video .desktop,
  .banner_c_full .desktop,
  .banner_c_image .desktop,
  .banner-c-full-width-image .desktop {
    display: block;
  }
}

.banner_c_hero .mobile {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .banner_c_hero .mobile {
    display: none;
  }
}
.banner_c_hero .desktop {
  display: none;
}
@media (min-width: 992px) {
  .banner_c_hero .desktop {
    display: block;
  }
}

.custom-override-carousel .slick-current.slick-active img {
  transform: scale(0.9);
}
.custom-override-carousel .slick-slide {
  transform: scale(1);
  transition: 0.5s;
}
@media (min-width: 768px) {
  .custom-override-carousel .slick-slide {
    transform: scale(0.8);
  }
}
@media (min-width: 1200px) {
  .custom-override-carousel .slick-slide {
    transform: scale(0.8);
  }
}
.custom-override-carousel .slick-slide:hover {
  transform: scale(0.9);
  transition: 0.5s;
}
.custom-override-carousel .slick-slide:hover p {
  transform: scale(0.9);
}
.custom-override-carousel .slick-slide:hover a {
  text-decoration: none;
  transform: scale(0.9);
}

.underline .h1-72,
.underline .heading-72,
.underline .heading-48,
.underline .heading-45,
.underline .heading-42,
.underline .heading-40,
.underline .heading-36,
.underline .heading-35,
.underline .heading-30,
.underline .heading-22,
.underline .heading-18 {
  border-bottom: 4px solid #ffffff;
}

/**
* Feature article slider.
**/
.featured--banner-slide {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .featured--banner-slide {
    margin-bottom: 60px;
  }
}
@media (max-width: 991.98px) {
  .featured--banner-slide .slick__arrow {
    top: 20%;
  }
}
@media (max-width: 991.98px) {
  .featured--banner-slide .slick__arrow .slick-prev {
    margin-left: -10px;
  }
}
@media (max-width: 991.98px) {
  .featured--banner-slide .slick__arrow .slick-next {
    margin-right: 0;
  }
}
.featured--banner-slide .featured__slider-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .featured--banner-slide .featured__slider-container {
    padding-left: 20px;
    flex-direction: row;
    justify-content: space-evenly;
  }
}
@media (min-width: 1200px) {
  .featured--banner-slide .featured__slider-container {
    padding-left: 0;
    flex-direction: row;
  }
}
.featured--banner-slide .featured__slider-container .image {
  max-width: 90%;
  position: relative;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .featured--banner-slide .featured__slider-container .image {
    max-width: 50%;
  }
}
.featured--banner-slide .featured__slider-container .image img {
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
}
.featured--banner-slide .featured__slider-container .tag {
  color: #db1024;
  font-size: 22px;
  font-weight: 800;
}
.featured--banner-slide .featured__slider-container .content {
  width: 100%;
  padding-right: 10%;
  padding-left: 10%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .featured--banner-slide .featured__slider-container .content {
    width: 50%;
    padding-left: 20px;
  }
}
.featured--banner-slide .featured__slider-container .content h2, .featured--banner-slide .featured__slider-container .content .h2 {
  margin-top: 10px;
}
.featured--banner-slide .featured__slider-container .content h2 a, .featured--banner-slide .featured__slider-container .content .h2 a {
  color: #222222;
  font-size: 28px;
}
.featured--banner-slide .featured__slider-container .content h2 a:hover, .featured--banner-slide .featured__slider-container .content .h2 a:hover {
  text-decoration: none;
}
.featured--banner-slide .featured__slider-container .content .icon__clock {
  display: inline-flex;
  align-items: center;
  margin-top: 16px;
}
.featured--banner-slide .featured__slider-container .content .icon__clock:before {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  background: url(../dist/assets/img/icon-clock.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
.featured--banner-slide .featured__slider-container .content .icon__clock--time {
  padding-left: 7px;
  color: #222222;
}
.featured--banner-slide .featured__slider-container .content .link {
  padding-top: 15px;
}
.featured--banner-slide .featured__slider-container .content .link a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
  font-weight: 700;
}
@media (min-width: 768px) {
  .featured--banner-slide .featured__slider-container .content .link a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.featured--banner-slide .featured__slider-container .content .link a:after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url(../dist/assets/img/red-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .featured--banner-slide .featured__slider-container .content .link a:after {
    width: 40px;
    height: 30px;
  }
}
.featured--banner-slide .featured__slider-container .content .link a:hover {
  color: #c40018;
  text-decoration: none;
  transition: color 0.5s ease;
}

.home-page-feature-slider {
  background-image: url(../dist/assets/img/patterns/pattern-three.png);
}
.home-page-feature-slider .featured__slider-container .link {
  display: none;
}
.home-page-feature-slider .featured__slider-container .content h2, .home-page-feature-slider .featured__slider-container .content .h2 {
  border-bottom: 4px solid;
}

.article--list .wrapper {
  width: 100%;
}
.article--list .wrapper .view-content {
  margin-top: 50px;
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
.article--list .wrapper .row {
  justify-content: center;
}

/** You May Also Like This
 *
 * As seen at the bottom of a recipe page.
 *
 * There are two blocks for feature. The only is a normal view that shows on tablet and desktop.
 * The other block is a slick slider that only shows on mobile.
 *
*/
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like {
  display: none;
}
@media (min-width: 992px) {
  .block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like {
    display: block;
  }
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like h2, .block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .h2 {
  padding: 80px 0 60px;
  text-align: center;
  color: #db1024;
  font-size: 2.4rem;
  line-height: 0.9;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content {
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row {
  justify-content: center;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div {
  margin-bottom: 20px;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field {
  height: 100%;
  background: #9F6230;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .field-content {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  height: 100%;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .field-content img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-also-like {
  padding: 20px 20px 34px;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-also-like a {
  color: #ffffff;
  font-size: 0.8rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-also-like a {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-preps {
  margin-top: auto;
  padding: 0 20px 26px;
  color: #ffffff;
  font-weight: 300;
  font-size: 0.8rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-preps {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-preps .serves {
  padding-bottom: 5px;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-preps .serves:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 1px;
  margin-bottom: -6px;
  background-image: url(../dist/assets/img/web-icon-md-users@3x.webp);
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(1);
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-preps .prep-time {
  font-size: 0.8rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-preps .prep-time {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .view-content .row > div > .views-field .recipe-preps .prep-time:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 1px;
  margin-bottom: -6px;
  background-image: url(../dist/assets/img/web-icon-md-clock.webp);
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(1);
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .more-link {
  text-align: center;
  padding: 20px 0 80px;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .more-link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  font-weight: 700;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .more-link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .more-link a a,
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .more-link a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .more-link a:active, .block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .more-link a:focus {
  background-color: #db1024;
}

@media (min-width: 992px) {
  .block-views-blockrecipes-you-may-also-like-block-1 {
    display: none;
  }
}
.block-views-blockrecipes-you-may-also-like-block-1 h2, .block-views-blockrecipes-you-may-also-like-block-1 .h2 {
  padding: 40px 0;
  text-align: center;
  color: #db1024;
  font-size: 1.6rem;
  line-height: 1.125;
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content {
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide {
  margin-bottom: 40px;
  background: #9F6230;
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content img {
  width: 100%;
  height: 586;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-also-like {
  padding: 20px 20px 34px;
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-also-like a {
  color: #ffffff;
  font-size: 0.8rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-also-like a {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-preps {
  margin-top: auto;
  padding: 0 20px 26px;
  color: #ffffff;
  font-weight: 300;
  font-size: 0.8rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-preps {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-preps .serves {
  padding-bottom: 5px;
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-preps .serves:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 1px;
  margin-bottom: -6px;
  background-image: url(../dist/assets/img/web-icon-md-users@3x.webp);
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(1);
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-preps .prep-time {
  font-size: 0.8rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-preps .prep-time {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.block-views-blockrecipes-you-may-also-like-block-1 .view-content .slick--view--recipes-you-may-also-like .slick-list .slick-slide .field-content .recipe-preps .prep-time:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 1px;
  margin-bottom: -6px;
  background-image: url(../dist/assets/img/web-icon-md-clock.webp);
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(1);
}
.block-views-blockrecipes-you-may-also-like-block-1 .more-link {
  text-align: center;
  padding: 20px 0 80px;
}
.block-views-blockrecipes-you-may-also-like-block-1 .more-link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  font-weight: 700;
}
.block-views-blockrecipes-you-may-also-like-block-1 .more-link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.block-views-blockrecipes-you-may-also-like-block-1 .more-link a a,
.block-views-blockrecipes-you-may-also-like-block-1 .more-link a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.mobi-img-hero .banner_c_video .banner-c-video-wrapper .slider-content,
.mobi-img-hero .banner_c_full .banner-c-video-wrapper .slider-content,
.mobi-img-hero .banner_c_image .banner-c-video-wrapper .slider-content {
  top: -146px;
}
@media (min-width: 992px) {
  .mobi-img-hero .banner_c_video .banner-c-video-wrapper .slider-content,
  .mobi-img-hero .banner_c_full .banner-c-video-wrapper .slider-content,
  .mobi-img-hero .banner_c_image .banner-c-video-wrapper .slider-content {
    top: 0;
  }
}

@media (min-width: 992px) {
  .path-frontpage .paragraph--type--c-slider .slick .slick-slider {
    height: 586px;
  }
}

.cad-hero-slider .slider-text-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
@media (min-width: 992px) {
  .cad-hero-slider .slider-text-wrapper {
    background-size: contain;
    background-position: center;
  }
}
.cad-hero-slider .slider-text-wrapper .slider-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-left: unset;
}
.cad-hero-slider .slider-text-wrapper .slider-content .field--name-field-c-title {
  max-width: 750px;
}
.cad-hero-slider .slider-text-wrapper .slider-content .field--name-field-slide-description p {
  text-align: center !important;
}
.cad-hero-slider .paragraph--type--c-slide .slider-text-wrapper {
  background-repeat: no-repeat;
}
.cad-hero-slider .paragraph--type--c-slide .no_gradient {
  clip-path: unset;
}
.cad-hero-slider .paragraph--type--c-slide .no_gradient .gradient-1 {
  clip-path: unset;
}
.cad-hero-slider .paragraph--type--c-slide .banner_c_product .gradient-1 {
  clip-path: unset;
}
.cad-hero-slider .slick .paragraph--type--c-slide {
  height: 398px;
}
@media (min-width: 768px) {
  .cad-hero-slider .slick .paragraph--type--c-slide {
    height: 530px;
  }
}
.cad-hero-slider .slick .welcome-to-brkng .slider-text-wrapper {
  background-image: url("assets/img/cad-background-hero/mobi-welcome-banner.svg") !important;
  background-repeat: no-repeat;
  background-color: #ba0018;
}
@media (min-width: 992px) {
  .cad-hero-slider .slick .welcome-to-brkng .slider-text-wrapper {
    background-image: url("assets/img/cad-background-hero/brkng_welcomebanner-b.svg") !important;
  }
}
.cad-hero-slider .slick .brkng-pops .slider-text-wrapper {
  background-image: url("assets/img/cad-background-hero/mobi-Background-Pattern-pops.png") !important;
  background-color: #136A30;
}
@media (min-width: 992px) {
  .cad-hero-slider .slick .brkng-pops .slider-text-wrapper {
    background-image: url("assets/img/cad-background-hero/green-brkng-productbanner.svg") !important;
    background-size: contain;
  }
}
.cad-hero-slider .slick .get-your-brk .slider-text-wrapper {
  background-image: url("assets/img/cad-background-hero/mobi-4-finger.png") !important;
  background-color: #ba0018;
}
@media (min-width: 992px) {
  .cad-hero-slider .slick .get-your-brk .slider-text-wrapper {
    background-image: url("assets/img/cad-background-hero/kitkat4-rename.png") !important;
  }
}
.cad-hero-slider .slick .brk-merch .slider-text-wrapper {
  background-image: url("assets/img/cad-background-hero/merch-mobi.png") !important;
  background-color: #ba0018;
}
@media (min-width: 992px) {
  .cad-hero-slider .slick .brk-merch .slider-text-wrapper {
    background-image: url("assets/img/cad-background-hero/KitKat-Kits.png") !important;
  }
}
.cad-hero-slider .slick .brk-iftar .slider-text-wrapper {
  background-image: url("assets/img/cad-background-hero/BRKNG-IftarBar-Mobile.png") !important;
  background-color: #ba0018;
}
@media (min-width: 992px) {
  .cad-hero-slider .slick .brk-iftar .slider-text-wrapper {
    background-image: url("assets/img/cad-background-hero/BRKNG-IftarBar-Desktop.png") !important;
  }
}
.cad-hero-slider .slick .brk-iftar-promo .slider-text-wrapper {
  background-image: url("assets/img/cad-background-hero/BRKNG-IftarBar-Mobile-Promo.png") !important;
  background-color: #ba0018;
}
@media (min-width: 992px) {
  .cad-hero-slider .slick .brk-iftar-promo .slider-text-wrapper {
    background-image: url("assets/img/cad-background-hero/BRKNG-IftarBar-Desktop-Promo.png") !important;
  }
}

/**
 * Search related styling.
 *
*/
header #edit-submit {
  display: none;
}
header .searchopen {
  display: inline-block !important;
}
header .searchbutton:after {
  content: "";
  background-image: url(../dist/assets/img/web-icon-md-search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 28px;
  height: 28px;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
header .searchbutton:after:focus, header .searchbutton:after:hover, header .searchbutton:after:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
header .searchbutton.hide-button {
  display: none;
}
header .block-search.block-search-form-block {
  position: relative;
}
header .block-search.block-search-form-block.searchbox-open {
  position: absolute;
  right: 0;
  bottom: 25px;
  z-index: 3;
  background-color: #db1024;
}
@media (min-width: 1200px) {
  header .block-search.block-search-form-block.searchbox-open {
    position: relative;
    bottom: unset;
    right: unset;
  }
}
header .search-block-form,
header #search-block-form {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  padding: 0;
  margin-right: 20px;
}
header .search-block-form > .content,
header #search-block-form > .content {
  display: none;
}
@media (min-width: 1200px) {
  header .search-block-form.searchbox-open,
  header #search-block-form.searchbox-open {
    position: absolute;
    right: 40px;
    bottom: 2px;
    margin-right: 30px;
    background-color: #db1024;
  }
}
header .search-block-form.searchbox-open > .content,
header #search-block-form.searchbox-open > .content {
  display: block;
}
header .search-block-form.hidden,
header #search-block-form.hidden {
  display: none;
}
header .search-block-form .form-group,
header #search-block-form .form-group {
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0;
}
header .search-block-form .js-form-item.mb-3,
header #search-block-form .js-form-item.mb-3 {
  margin-bottom: 0 !important;
}
header .search-block-form .js-form-item .form-control,
header #search-block-form .js-form-item .form-control {
  width: 200px;
  border-radius: 20px;
  z-index: 1;
  display: none;
  line-height: 1;
}
@media (min-width: 768px) {
  header .search-block-form .js-form-item .form-control,
  header #search-block-form .js-form-item .form-control {
    width: 400px;
  }
}
@media (min-width: 1200px) {
  header .search-block-form .js-form-item .form-control,
  header #search-block-form .js-form-item .form-control {
    margin-right: 10px;
  }
}
header .search-block-form .form-actions,
header #search-block-form .form-actions {
  align-self: center;
  /*set to important to override bootstrap*/
}
header .search-block-form .form-actions.mb-3,
header #search-block-form .form-actions.mb-3 {
  margin-bottom: 0 !important;
}
header .search-block-form .form-actions .button,
header #search-block-form .form-actions .button {
  background-image: url(../dist/assets/img/web-icon-md-search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 28px;
  height: 28px;
  border: none;
  box-shadow: none;
  display: none;
  margin-right: -25px;
  border: none;
  background-color: #db1024;
  padding: 0;
  filter: none;
  overflow: hidden;
  line-height: 100px;
  z-index: 1;
}
header .search-block-form .form-actions .button:focus, header .search-block-form .form-actions .button:hover, header .search-block-form .form-actions .button:active,
header #search-block-form .form-actions .button:focus,
header #search-block-form .form-actions .button:hover,
header #search-block-form .form-actions .button:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
header .search-block-form .form-actions.btn,
header #search-block-form .form-actions.btn {
  padding: 0;
}
header .search-block-form .form-actions .btn-primary:not(:disabled):not(.disabled):active,
header .search-block-form .form-actions .show > .btn-primary.dropdown-toggle,
header #search-block-form .form-actions .btn-primary:not(:disabled):not(.disabled):active,
header #search-block-form .form-actions .show > .btn-primary.dropdown-toggle {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none;
}
header .search-block-form .closesearch,
header #search-block-form .closesearch {
  position: relative;
  display: none;
  width: 40px;
  height: 40px;
  margin-right: 0;
  cursor: pointer;
  border: none;
  background-color: transparent;
  color: transparent;
  z-index: 1;
}
@media (min-width: 1200px) {
  header .search-block-form .closesearch,
  header #search-block-form .closesearch {
    margin-right: 5px;
  }
}
header .search-block-form .closesearch::before, header .search-block-form .closesearch:after,
header #search-block-form .closesearch::before,
header #search-block-form .closesearch:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  transform: translate(-50%, -50%) rotate(45deg);
}
header .search-block-form .closesearch::after,
header #search-block-form .closesearch::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
header .search-selected {
  display: none;
  transition: all 0.5s;
}

.page-view-acquia-search .breadcrumb,
.path-search .breadcrumb {
  display: none;
}
.page-view-acquia-search #content .block-facets,
.path-search #content .block-facets {
  background: #db1024;
}
.page-view-acquia-search #content .block-facets h2, .page-view-acquia-search #content .block-facets .h2,
.page-view-acquia-search #content .block-facets h3,
.page-view-acquia-search #content .block-facets .h3,
.path-search #content .block-facets h2,
.path-search #content .block-facets .h2,
.path-search #content .block-facets h3,
.path-search #content .block-facets .h3 {
  display: none;
}
.page-view-acquia-search #content .block-facets .facets-widget-links,
.path-search #content .block-facets .facets-widget-links {
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 992px) {
  .page-view-acquia-search #content .block-facets .facets-widget-links,
  .path-search #content .block-facets .facets-widget-links {
    flex: 0 0 auto;
    width: 66.66666667%;
    margin: 0 auto;
  }
}
.page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links,
.path-search #content .block-facets .facets-widget-links ul.js-facets-links {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 0;
}
@media (min-width: 768px) {
  .page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links,
  .path-search #content .block-facets .facets-widget-links ul.js-facets-links {
    justify-content: flex-start;
  }
}
.page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item,
.path-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item {
  padding: 20px 20px 0;
  list-style: none;
}
.page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a,
.path-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a {
  position: relative;
  color: #ffffff;
}
.page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a .facet-item__status,
.path-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a .facet-item__status {
  display: none;
}
.page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a .facet-item__status + .facet-item__value:after,
.path-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a .facet-item__status + .facet-item__value:after {
  background: #ffffff;
}
.page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a .facet-item__value:after,
.path-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a .facet-item__value:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: transparent;
}
.page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a .facet-item__value,
.path-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a .facet-item__value {
  font-weight: 700;
}
.page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a:hover,
.path-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a:hover {
  text-decoration: none;
}
.page-view-acquia-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a:hover .facet-item__value:after,
.path-search #content .block-facets .facets-widget-links ul.js-facets-links li.facet-item a:hover .facet-item__value:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ffffff;
}
.page-view-acquia-search #content .view-acquia-search,
.path-search #content .view-acquia-search {
  margin-top: -21px;
  padding-top: 10px;
  padding-bottom: 30px;
  background: #db1024;
}
@media (min-width: 768px) {
  .page-view-acquia-search #content .view-acquia-search,
  .path-search #content .view-acquia-search {
    padding-top: 30px;
  }
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > div,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > div {
  margin-top: 20px;
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 992px) {
  .page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > div,
  .path-search #content .view-acquia-search .view-filters form.views-exposed-form > div {
    flex: 0 0 auto;
    width: 66.66666667%;
    margin: 0 auto;
  }
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > div input[id=edit-reset],
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > div input[id=edit-reset] {
  display: none;
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap {
  display: flex;
  flex-flow: row;
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-item-search,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-item-search,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-item-search,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-item-search {
  flex-grow: 1;
  max-width: 95%;
  margin-bottom: 0;
  padding-bottom: 30px;
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-item-search label[for=edit-search],
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-item-search label[for=edit-search],
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-item-search label[for=edit-search],
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-item-search label[for=edit-search] {
  display: none;
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-item-search input#edit-search,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-item-search input#edit-search,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-item-search input#edit-search,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-item-search input#edit-search {
  border-radius: 20px;
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions {
  align-self: center;
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button {
  background-image: url(../dist/assets/img/web-icon-md-search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 28px;
  height: 28px;
  border: none;
  box-shadow: none;
  margin-right: -10px;
  margin-top: -20px;
  padding: 0;
  border: none;
  background-color: #db1024;
  filter: none;
  overflow: hidden;
  line-height: 100px;
  z-index: 1;
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:focus, .page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:hover, .page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:active,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:focus,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:hover,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:active,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:focus,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:hover,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:active,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:focus,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:hover,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
@media (min-width: 768px) {
  .page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button,
  .page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button,
  .path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button,
  .path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button {
    margin-right: -30px;
  }
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:focus, .page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:hover, .page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:active, .page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button.focus-visible,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:focus,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:hover,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:active,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button.focus-visible,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:focus,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:hover,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button:active,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button.focus-visible,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:focus,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:hover,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button:active,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button.focus-visible {
  border: none;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent;
  filter: none;
  outline: none;
}
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button#edit-reset,
.page-view-acquia-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button#edit-reset,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .form-row .form-actions button#edit-reset,
.path-search #content .view-acquia-search .view-filters form.views-exposed-form > .d-flex.flex-wrap .form-actions button#edit-reset {
  display: none;
}
.page-view-acquia-search #content .view-acquia-search .view-content,
.path-search #content .view-acquia-search .view-content {
  padding-top: 30px;
  background: #ffffff;
}
.page-view-acquia-search #content .view-acquia-search .view-content .node-search-results,
.path-search #content .view-acquia-search .view-content .node-search-results {
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 992px) {
  .page-view-acquia-search #content .view-acquia-search .view-content .node-search-results,
  .path-search #content .view-acquia-search .view-content .node-search-results {
    flex: 0 0 auto;
    width: 66.66666667%;
    margin: 0 auto;
  }
}
.page-view-acquia-search #content .view-acquia-search .view-content .node-search-results ul,
.path-search #content .view-acquia-search .view-content .node-search-results ul {
  border: 0;
}
.page-view-acquia-search #content .view-acquia-search .view-content .node-search-results ul li,
.path-search #content .view-acquia-search .view-content .node-search-results ul li {
  margin-bottom: 30px;
  list-style: none;
}
.page-view-acquia-search #content .view-acquia-search .view-content .node-search-results ul li .views-field-title a,
.path-search #content .view-acquia-search .view-content .node-search-results ul li .views-field-title a {
  position: relative;
}
.page-view-acquia-search #content .view-acquia-search .view-content .node-search-results ul li .views-field-title a:hover,
.path-search #content .view-acquia-search .view-content .node-search-results ul li .views-field-title a:hover {
  color: #db1024;
}
.page-view-acquia-search #content .view-acquia-search .view-content .node-search-results ul li .views-field-type,
.path-search #content .view-acquia-search .view-content .node-search-results ul li .views-field-type {
  display: none;
}
.page-view-acquia-search #content form.search-form,
.path-search #content form.search-form {
  background-color: #db1024;
  margin-top: -21px;
}
.page-view-acquia-search #content form.search-form .search-help-link,
.path-search #content form.search-form .search-help-link {
  display: none;
}
.page-view-acquia-search #content form.search-form > .container-inline,
.path-search #content form.search-form > .container-inline {
  display: flex;
  flex-flow: row;
  padding-top: 30px;
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 992px) {
  .page-view-acquia-search #content form.search-form > .container-inline,
  .path-search #content form.search-form > .container-inline {
    flex: 0 0 auto;
    width: 66.66666667%;
    margin: 0 auto;
  }
}
.page-view-acquia-search #content form.search-form > .container-inline .form-type-search,
.path-search #content form.search-form > .container-inline .form-type-search {
  flex-grow: 1;
  max-width: 95%;
  margin: 0;
  padding-bottom: 40px;
}
.page-view-acquia-search #content form.search-form > .container-inline .form-type-search label[for=edit-keys],
.path-search #content form.search-form > .container-inline .form-type-search label[for=edit-keys] {
  display: none;
}
.page-view-acquia-search #content form.search-form > .container-inline .form-type-search input.form-search,
.path-search #content form.search-form > .container-inline .form-type-search input.form-search {
  border-radius: 20px;
}
.page-view-acquia-search #content form.search-form > .container-inline button,
.path-search #content form.search-form > .container-inline button {
  background-image: url(../dist/assets/img/web-icon-md-search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 28px;
  height: 28px;
  border: none;
  box-shadow: none;
  margin-right: -30px;
  margin-top: 10px;
  padding: 0;
  border: none;
  background-color: #db1024;
  filter: none;
  overflow: hidden;
  line-height: 100px;
  z-index: 1;
}
.page-view-acquia-search #content form.search-form > .container-inline button:focus, .page-view-acquia-search #content form.search-form > .container-inline button:hover, .page-view-acquia-search #content form.search-form > .container-inline button:active,
.path-search #content form.search-form > .container-inline button:focus,
.path-search #content form.search-form > .container-inline button:hover,
.path-search #content form.search-form > .container-inline button:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
@media (min-width: 768px) {
  .page-view-acquia-search #content form.search-form > .container-inline button,
  .path-search #content form.search-form > .container-inline button {
    margin-left: 10px;
  }
}
.page-view-acquia-search #content form.search-form > .container-inline button:focus, .page-view-acquia-search #content form.search-form > .container-inline button:hover, .page-view-acquia-search #content form.search-form > .container-inline button:active, .page-view-acquia-search #content form.search-form > .container-inline button.focus-visible,
.path-search #content form.search-form > .container-inline button:focus,
.path-search #content form.search-form > .container-inline button:hover,
.path-search #content form.search-form > .container-inline button:active,
.path-search #content form.search-form > .container-inline button.focus-visible {
  border: none;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent;
  filter: none;
  outline: none;
}
.page-view-acquia-search #content form.search-form details.search-advanced,
.path-search #content form.search-form details.search-advanced {
  display: none;
}
.page-view-acquia-search #content form.search-form + h2, .page-view-acquia-search #content form.search-form + .h2,
.path-search #content form.search-form + h2,
.path-search #content form.search-form + .h2 {
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  padding-top: 20px;
}
@media (min-width: 992px) {
  .page-view-acquia-search #content form.search-form + h2, .page-view-acquia-search #content form.search-form + .h2,
  .path-search #content form.search-form + h2,
  .path-search #content form.search-form + .h2 {
    width: 66.66666667%;
    margin: 0 auto;
  }
}
.page-view-acquia-search #content .content > .item-list,
.path-search #content .content > .item-list {
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  padding-top: 20px;
}
@media (min-width: 992px) {
  .page-view-acquia-search #content .content > .item-list,
  .path-search #content .content > .item-list {
    width: 66.66666667%;
    margin: 0 auto;
  }
}
.page-view-acquia-search #content .content > .item-list ol.list-group li.list-group-item,
.path-search #content .content > .item-list ol.list-group li.list-group-item {
  border: 0;
  padding: 0;
}
.page-view-acquia-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading h3 a, .page-view-acquia-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading .h3 a,
.path-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading h3 a,
.path-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading .h3 a {
  font-size: 1rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .page-view-acquia-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading h3 a, .page-view-acquia-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading .h3 a,
  .path-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading h3 a,
  .path-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading .h3 a {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}
.page-view-acquia-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading h3 a:hover, .page-view-acquia-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading .h3 a:hover,
.path-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading h3 a:hover,
.path-search #content .content > .item-list ol.list-group li.list-group-item .search-results-heading .h3 a:hover {
  color: #000000;
}
.page-view-acquia-search #content .content > .item-list ol.list-group li.list-group-item p,
.path-search #content .content > .item-list ol.list-group li.list-group-item p {
  color: #4E4D4D;
  font-weight: 300;
}
.page-view-acquia-search .js-pager__items,
.path-search .js-pager__items {
  justify-content: center;
  background: #ffffff;
}
.page-view-acquia-search .js-pager__items li,
.path-search .js-pager__items li {
  position: relative;
  min-width: 40px;
  cursor: pointer;
  overflow: auto;
}
.page-view-acquia-search .js-pager__items li a,
.path-search .js-pager__items li a {
  border: 0;
  cursor: pointer;
}
.page-view-acquia-search .js-pager__items li a:hover, .page-view-acquia-search .js-pager__items li a:active, .page-view-acquia-search .js-pager__items li a:focus,
.path-search .js-pager__items li a:hover,
.path-search .js-pager__items li a:active,
.path-search .js-pager__items li a:focus {
  color: #db1024;
  text-decoration: underline;
}
.page-view-acquia-search .js-pager__items li .page-link,
.path-search .js-pager__items li .page-link {
  border: 0;
}
.page-view-acquia-search .js-pager__items li.active:before,
.path-search .js-pager__items li.active:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 37px;
  display: inline-block;
  background-image: url(../dist/assets/img/dot.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.page-view-acquia-search .js-pager__items li.active .page-link,
.path-search .js-pager__items li.active .page-link {
  background: transparent;
}

/**
 * General Lightnest components.
 *
 * This file contains the styling for general Lightnest components that is being used in more than one component.
*/
.horizontal-position- {
  color: #ffffff;
  text-align: center;
  background-color: transparent !important;
}
.horizontal-position- h4, .horizontal-position- .h4 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.horizontal-position- .field--name-field-c-title {
  margin-left: 1rem;
  margin-right: 1rem;
}

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

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

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

.paragraph--type--c-text {
  max-width: 1280px;
  padding: 10px 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px) {
  .paragraph--type--c-text {
    padding: 20px 0;
  }
}
@media (min-width: 992px) {
  .paragraph--type--c-text h2, .paragraph--type--c-text .h2 {
    margin-top: 20px;
  }
}
.paragraph--type--c-text p {
  word-wrap: break-word;
  line-height: 1.7;
}
.paragraph--type--c-text p span {
  font-size: 0.7rem;
}
.paragraph--type--c-text a {
  display: inline-block;
  color: #E30612;
}
.paragraph--type--c-text .dsu_btn {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}
.paragraph--type--c-text .dsu_btn .dsu_cta_link a {
  padding: 0;
  background: transparent;
}
.paragraph--type--c-text .field--name-field-c-advanced-title {
  display: flex;
  justify-content: center;
}
.paragraph--type--c-text.white-text {
  background-color: transparent !important;
}
.paragraph--type--c-text .field--name-field-tagline {
  display: inline-block;
  padding: 12px;
  color: #ffffff;
  background-color: #861723;
  font-size: 24px;
}

.paragraph--type--layout-columns-1 .paragraph--type--c-externalvideo {
  max-width: 1280px;
  margin: 0 auto;
}

#single-video {
  max-width: 1280px;
  margin: 0 auto;
}

.cad-center-video .paragraph--type--c-externalvideo {
  width: 100%;
  max-width: 498px;
}

.paragraph--type--image {
  max-width: 1440px;
  margin: 0 auto;
}
.paragraph--type--image .field--type-image {
  float: none;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}

#white-text {
  color: #ffffff;
  background-color: transparent !important;
}
#white-text h2, #white-text .h2 {
  color: #ffffff;
}

.horizontal_position_center {
  text-align: center;
}
.horizontal_position_center h2, .horizontal_position_center .h2 {
  color: #db1024;
}
.horizontal_position_center p {
  text-align: center;
}
.horizontal_position_center p,
.horizontal_position_center .field--name-field-sub-heading {
  line-height: 1.6;
}
.horizontal_position_center .field--name-field-sub-heading {
  margin-bottom: 10px;
}

.horizontal_position_right {
  text-align: right;
}

.paragraph--type--c-sideimagetext {
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 15px;
}
@media (min-width: 992px) {
  .paragraph--type--c-sideimagetext {
    padding-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--c-sideimagetext {
    padding-bottom: 50px;
  }
}
.paragraph--type--c-sideimagetext .position-container {
  flex-wrap: wrap !important;
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--c-sideimagetext .position-container {
    flex-wrap: nowrap;
  }
}
.paragraph--type--c-sideimagetext .text-section {
  padding: 15px 0;
}
@media (min-width: 768px) {
  .paragraph--type--c-sideimagetext .text-section {
    padding: 30px;
  }
}
.paragraph--type--c-sideimagetext .img-section {
  padding: 0 0 20px 0;
}
@media (min-width: 768px) {
  .paragraph--type--c-sideimagetext .img-section {
    padding-bottom: 0;
  }
}
.paragraph--type--c-sideimagetext .img-section .field--name-field-c-image {
  margin: 0 !important;
  text-align: center;
}
.paragraph--type--c-sideimagetext .full-width {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 15px 0;
}
@media (min-width: 992px) {
  .paragraph--type--c-sideimagetext .full-width {
    padding: 30px 0;
  }
}

.fingers-background .paragraph--type--c-sideimagetext .position-container {
  align-items: center;
  flex-direction: column-reverse;
  flex-wrap: wrap !important;
}
@media (min-width: 768px) {
  .fingers-background .paragraph--type--c-sideimagetext .position-container {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.fingers-background .paragraph--type--c-sideimagetext .position-container .img-section {
  position: relative;
  padding: 0;
}
@media (min-width: 768px) {
  .fingers-background .paragraph--type--c-sideimagetext .position-container .img-section {
    left: 15%;
  }
}
.fingers-background .paragraph--type--c-sideimagetext .position-container .img-section img {
  width: 100%;
  height: auto;
}
.fingers-background .paragraph--type--c-sideimagetext .position-container .text-section {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 50px;
  padding: 15px;
}
@media (min-width: 768px) {
  .fingers-background .paragraph--type--c-sideimagetext .position-container .text-section {
    top: 0;
    padding: 30px;
  }
}
.fingers-background .paragraph--type--c-sideimagetext .position-container .text-container {
  position: relative;
  background-color: #E30612;
  border: 4px solid #ffffff;
  color: #ffffff;
}
@media (min-width: 768px) {
  .fingers-background .paragraph--type--c-sideimagetext .position-container .text-container {
    margin: 0 1rem;
  }
}
@media (min-width: 992px) {
  .fingers-background .paragraph--type--c-sideimagetext .position-container .text-container {
    max-width: 65%;
    left: 5%;
    margin: 0;
  }
}
.fingers-background .paragraph--type--c-sideimagetext .position-container .text-container .field--name-field-c-link {
  margin-top: 10px;
}
.fingers-background .paragraph--type--c-sideimagetext .position-container .text-container .field--name-field-c-link a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 700;
}
@media (min-width: 768px) {
  .fingers-background .paragraph--type--c-sideimagetext .position-container .text-container .field--name-field-c-link a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.fingers-background .paragraph--type--c-sideimagetext .position-container .text-container .field--name-field-c-link a:after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url(../dist/assets/img/red-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .fingers-background .paragraph--type--c-sideimagetext .position-container .text-container .field--name-field-c-link a:after {
    width: 40px;
    height: 30px;
  }
}
.fingers-background .paragraph--type--c-sideimagetext .position-container .text-container .field--name-field-c-link a:hover {
  color: #000000;
  text-decoration: none;
  transition: color 0.5s ease;
}

.paragraph--type--c-socialbuttons {
  margin: 60px 0;
}

.paragraph--type--sharing-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
@media (min-width: 1200px) {
  .paragraph--type--sharing-buttons {
    margin: 60px 0;
  }
}
.paragraph--type--sharing-buttons .field--name-field-title {
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 900;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .paragraph--type--sharing-buttons .field--name-field-title {
    font-size: 1.4rem;
  }
}
@media (min-width: 1400px) {
  .paragraph--type--sharing-buttons .field--name-field-title {
    font-size: 1.8rem;
  }
}
.paragraph--type--sharing-buttons .social-media-links--platforms {
  display: flex;
  flex-wrap: wrap;
}
.paragraph--type--sharing-buttons .social-media-links--platforms li {
  padding: 14px;
  margin: 8px 20px;
  background: #D3D3D3;
  border-radius: 50%;
}
.paragraph--type--sharing-buttons .social-media-links--platforms li a {
  color: #000000;
}

.paragraph--type--page-header {
  background-color: #db1024;
}
.paragraph--type--page-header h1, .paragraph--type--page-header .h1 {
  text-align: center;
  color: #ffffff;
  padding: 60px;
}

.paragraph--type--c-spacer > .spacer {
  border-bottom: none;
}
.paragraph--type--c-spacer .line-fullwidth {
  width: 97%;
  background: none;
  border-bottom: 2px dashed #4E4D4D;
}
.paragraph--type--c-spacer .line-short, .paragraph--type--c-spacer .line-fullwidth {
  width: 48.5%;
}
.paragraph--type--c-spacer .field__item {
  opacity: 0;
}

.paragraph--type--double-btn {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  margin: 20px auto;
}
@media (min-width: 768px) {
  .paragraph--type--double-btn {
    flex-flow: row;
  }
}
@media (min-width: 992px) {
  .paragraph--type--double-btn {
    max-width: 50%;
  }
}
.paragraph--type--double-btn a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  min-width: 7rem;
  margin: 20px 0;
  font-weight: 600;
}
.paragraph--type--double-btn a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.paragraph--type--double-btn a a,
.paragraph--type--double-btn a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.paragraph--type--layout-columns-2 .row {
  justify-content: center;
}
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container {
  max-width: 100% !important;
  margin: 0 !important;
}
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container h2, .paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container .h2,
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container h3,
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container .h3,
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container h4,
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container .h4,
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container h5,
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container .h5,
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container h6,
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container .h6 {
  text-align: center;
  color: #000000 !important;
  font-weight: 400;
}
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container:before {
  position: relative;
  background-color: transparent;
}
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container .image_cta_link {
  box-shadow: unset !important;
}
.paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container .text-container .image_cta_link a {
  text-align: center;
  color: #db1024 !important;
}

.paragraph--type--c-spacer .field__item {
  opacity: 0;
}

.paragraph--type--red-bar {
  height: 50px;
  background-color: #c40018;
}
.paragraph--type--red-bar .field__item {
  opacity: 0;
}

.paragraph--type--c-externalvideo .video-embed-field-lazy {
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
}

.dotcom-full-width-image {
  max-width: 100% !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.dotcom-full-width-image .field--type-image {
  max-width: 100% !important;
}
.dotcom-full-width-image .field--type-image img {
  margin: 0;
}

.dotcom-text-image {
  padding: 0;
}
@media (min-width: 992px) {
  .dotcom-text-image {
    padding: 32px;
    font-size: 28px;
  }
}
.dotcom-text-image img {
  width: 100%;
}
.dotcom-text-image .text-container .field--name-field-c-title {
  color: #020202;
  font-size: 24px;
  font-weight: 800;
}
@media (min-width: 768px) {
  .dotcom-text-image .text-container .field--name-field-c-title {
    font-size: 48px;
  }
}
.dotcom-text-image .text-container .field--name-field-tagline {
  margin-bottom: 8px;
  color: #020202;
  font-weight: 800;
  font-size: 14px;
}
@media (min-width: 768px) {
  .dotcom-text-image .text-container .field--name-field-tagline {
    font-size: 28px;
  }
}
.dotcom-text-image .text-container .field--name-field-c-link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  font-size: 20px;
}
.dotcom-text-image .text-container .field--name-field-c-link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.dotcom-text-image .text-container .field--name-field-c-link a a,
.dotcom-text-image .text-container .field--name-field-c-link a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.dotcom-text-image .text-container .field--name-field-c-sideimagetext-summary p {
  font-size: 21px;
}
@media (min-width: 992px) {
  .dotcom-text-image .img-section {
    display: flex;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .paragraph--type--layout-columns-2 .col-md-6 .paragraph--type--c-image .image-container img {
    height: 279px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.paragraph--type--c-image .image-container .desktop {
  display: none;
}
@media (min-width: 992px) {
  .paragraph--type--c-image .image-container .desktop {
    display: block;
  }
}
.paragraph--type--c-image .image-container .mobile {
  display: block;
}
@media (min-width: 992px) {
  .paragraph--type--c-image .image-container .mobile {
    display: none;
  }
}
.paragraph--type--c-image .image-container .text-container {
  max-width: 100% !important;
  margin: 0 !important;
}
.paragraph--type--c-image .image-container .text-container:before {
  position: unset;
}
.paragraph--type--c-image .image-container .text-container .image_cta_link a {
  color: #E30612 !important;
}

.paragraph--type--container-narrow-nine-sixty {
  max-width: 960px;
  margin: 0 auto;
}

.background-img-select {
  padding: 30px;
  background-repeat: repeat;
  background-size: cover;
}
.background-img-select .field--name-field-c-title {
  padding-top: 0 !important;
  padding-bottom: 18px !important;
}
@media (min-width: 992px) {
  .background-img-select .field--name-field-c-title {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 1200px) {
  .background-img-select .field--name-field-c-title {
    padding-bottom: 8px !important;
  }
}
.background-img-select .paragraph--type--c-text {
  padding-left: 0;
  padding-right: 0;
}

.paragraph--type--c-text .field--name-field-c-title,
.horizontal-position- .field--name-field-c-title,
.horizontal_position_center .field--name-field-c-title {
  padding-bottom: 24px;
  padding-top: 24px;
  word-wrap: break-word;
}
@media (min-width: 992px) {
  .paragraph--type--c-text .field--name-field-c-title,
  .horizontal-position- .field--name-field-c-title,
  .horizontal_position_center .field--name-field-c-title {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--c-text .field--name-field-c-title,
  .horizontal-position- .field--name-field-c-title,
  .horizontal_position_center .field--name-field-c-title {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.paragraph--type--c-text h2, .paragraph--type--c-text .h2,
.horizontal-position- h2,
.horizontal-position- .h2,
.horizontal_position_center h2,
.horizontal_position_center .h2 {
  margin-bottom: 0;
}
.paragraph--type--c-text .field--name-field-c-text,
.horizontal-position- .field--name-field-c-text,
.horizontal_position_center .field--name-field-c-text {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px;
}
@media (min-width: 992px) {
  .paragraph--type--c-text .field--name-field-c-text,
  .horizontal-position- .field--name-field-c-text,
  .horizontal_position_center .field--name-field-c-text {
    margin-left: 30px;
    margin-right: 30px;
  }
}

.centre-image-text .position-container .text-section .text-container {
  padding: 15px;
}
@media (min-width: 992px) {
  .centre-image-text .position-container .text-section .text-container {
    padding: 30px;
  }
}

/**
 * Newsletter component.
 *
 * This file contains the styling for the newsletter component.
*/
.newsletter-background .paragraph--type--c-sideimagetext .position-container {
  flex-direction: column;
}
@media (min-width: 768px) {
  .newsletter-background .paragraph--type--c-sideimagetext .position-container {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .newsletter-background .paragraph--type--c-sideimagetext .img-section {
    min-height: 500px;
  }
}
.newsletter-background .paragraph--type--c-sideimagetext .img-section .field--name-field-c-image {
  max-width: 400px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto;
}
@media (min-width: 768px) {
  .newsletter-background .paragraph--type--c-sideimagetext .img-section .field--name-field-c-image {
    margin: 0 auto;
  }
}
.newsletter-background .paragraph--type--c-sideimagetext .img-section .field--name-field-c-image img {
  width: 100%;
  height: auto;
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container {
  max-width: 587px;
  background-color: #2b78a2;
  padding: 15px;
  border: 4px solid #ffffff;
  color: #ffffff;
}
@media (min-width: 768px) {
  .newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container {
    padding: 30px;
    border: 2px solid #ffffff;
  }
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container ul {
  padding-left: 0px;
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container ul li {
  margin: 0;
  padding: 5px 0 10px 35px;
  list-style: none;
  background-image: url(../dist/assets/img/web-icon-md-check.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 30px;
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container .field--name-field-c-title {
  font-weight: bold;
  line-height: 1.1;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 4px solid #ffffff;
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container .field--type-link {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  font-size: 16px;
  line-height: 1.846;
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container .field--type-link:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container .field--type-link:active, .newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container .field--type-link:focus {
  background-color: white;
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container .field--type-link a,
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container .field--type-link span {
  padding: 0;
  color: #E30612;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container .field--type-link a {
  font-size: 20px;
  color: #000000;
}

.pattern-yellow-fingers .field--name-field-c-link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}
.pattern-yellow-fingers .field--name-field-c-link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.pattern-yellow-fingers .field--name-field-c-link a a,
.pattern-yellow-fingers .field--name-field-c-link a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.newsletter-south-africa.newsletter-background .paragraph--type--c-sideimagetext .text-section .text-container {
  background-color: #ba0018;
  color: #ffffff;
  border: none;
}

/**
 * Banners.
 *
 * This file contains the styling for the different banners on the site.
*/
.paragraph--type--subpages-banner-image .text-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
  background-size: cover;
  background-color: #D40413;
  color: #ffffff;
}
@media (min-width: 768px) {
  .paragraph--type--subpages-banner-image .text-banner {
    min-height: 350px;
  }
}
.paragraph--type--subpages-banner-image .text-banner .banner-content {
  padding: 20px;
}
@media (min-width: 768px) {
  .paragraph--type--subpages-banner-image .text-banner .banner-content {
    padding: 0;
    max-width: 1024px;
  }
}
.paragraph--type--subpages-banner-image .field--name-field-slide-description {
  max-width: 761px;
  text-align: center;
}
.paragraph--type--subpages-banner-image .field--name-field-slide-description p {
  text-transform: uppercase;
  padding-top: 1rem;
}
.paragraph--type--subpages-banner-image .field--name-field-slide-description p a {
  color: #ffffff;
}
.paragraph--type--subpages-banner-image h1, .paragraph--type--subpages-banner-image .h1 {
  text-align: center;
}
.paragraph--type--subpages-banner-image .field--name-field-c-title {
  display: inline-block;
  border-bottom: 4px solid #ffffff;
  text-transform: uppercase;
  text-align: center;
}

.paragraph--type--featured-gift-product .slick {
  margin-bottom: 60px;
}
.paragraph--type--featured-gift-product .slick .slick-list {
  height: unset;
}
.paragraph--type--featured-gift-product .slick .slick-dots li {
  margin-right: 18px;
}
.paragraph--type--featured-gift-product .slick .slick__arrow {
  display: none;
}
@media (min-width: 768px) {
  .paragraph--type--featured-gift-product .slick .slick__arrow {
    display: block;
    top: 40%;
  }
}
.paragraph--type--featured-gift-product .slick .slick__arrow .slick-prev {
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 768px) and (max-width: 819.98px) {
  .paragraph--type--featured-gift-product .slick .slick__arrow .slick-prev {
    margin-left: 0;
  }
}
.paragraph--type--featured-gift-product .slick .slick__arrow .slick-prev:before {
  transform: translate(0, 22px);
}
.paragraph--type--featured-gift-product .slick .slick__arrow .slick-next {
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 768px) and (max-width: 819.98px) {
  .paragraph--type--featured-gift-product .slick .slick__arrow .slick-next {
    margin-right: 0;
  }
}
.paragraph--type--featured-gift-product .slick-autoplay-toggle-button {
  display: none;
}

.recipe-banner {
  color: #ffffff;
  background-color: #db1024;
}
.recipe-banner .row {
  align-items: center;
}
.recipe-banner h2, .recipe-banner .h2 {
  display: inline-flex;
  text-transform: uppercase;
  border-bottom: 4px solid #ffffff;
}
.recipe-banner .social-media-sharing ul {
  border-radius: 0.5rem;
  padding: 0.5rem 1rem 0.5rem;
  background: #ffffff;
}
.recipe-banner .field--type-image {
  display: flex;
  float: none;
}
.recipe-banner .field--type-image img {
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .recipe-banner .field--type-image img {
    max-width: 21.4rem;
  }
}
.recipe-banner.gift-product {
  background-color: transparent;
}
.recipe-banner.gift-product h2, .recipe-banner.gift-product .h2 {
  color: #db1024;
}
.recipe-banner.gift-product .recipe-preps {
  display: none;
}
.recipe-banner.gift-product .field--name-field-description {
  width: 100%;
  color: #222222;
}
@media (min-width: 768px) {
  .recipe-banner.gift-product .field--name-field-description {
    width: 89%;
  }
}
.recipe-banner.gift-product .btn-buynow {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}
.recipe-banner.gift-product .btn-buynow:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.recipe-banner.gift-product .btn-buynow a,
.recipe-banner.gift-product .btn-buynow span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

/**
 * Recipes Banner on Recipes Listing Page.
 *
*/
.view-recipes-slider {
  margin-bottom: 60px;
}
.view-recipes-slider .slick .slick-list {
  height: unset;
  max-height: unset;
}
.view-recipes-slider .slick .slick-dots li {
  margin-right: 18px;
}
.view-recipes-slider .slick .slick__arrow {
  top: 23%;
}
@media (min-width: 768px) {
  .view-recipes-slider .slick .slick__arrow {
    top: 40%;
  }
}
.view-recipes-slider .slick .slick__arrow .slick-prev {
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 768px) and (max-width: 819.98px) {
  .view-recipes-slider .slick .slick__arrow .slick-prev {
    margin-left: 0;
  }
}
.view-recipes-slider .slick .slick__arrow .slick-prev:before {
  transform: translate(0, 22px);
}
.view-recipes-slider .slick .slick__arrow .slick-next {
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 768px) and (max-width: 819.98px) {
  .view-recipes-slider .slick .slick__arrow .slick-next {
    margin-right: 0;
  }
}
.view-recipes-slider .recipes-slider {
  margin: 40px calc(0.5 * var(--bs-gutter-x));
  margin: 40px calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 992px) {
  .view-recipes-slider .recipes-slider {
    margin: 60px calc(0.5 * var(--bs-gutter-x));
    margin: 60px calc(0.5 * var(--bs-gutter-x));
  }
}
.view-recipes-slider .recipes-slider .row {
  align-items: center;
}
@media (min-width: 992px) {
  .view-recipes-slider .recipes-slider .recipe-details-card-image {
    width: 41.66667%;
    margin-left: 8.33333%;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card-image img {
  margin: 0 auto;
}
.view-recipes-slider .recipes-slider .recipe-details-card {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .view-recipes-slider .recipes-slider .recipe-details-card {
    margin-top: 0;
    padding-right: 5%;
  }
}
@media (min-width: 992px) {
  .view-recipes-slider .recipes-slider .recipe-details-card {
    width: 33.33333%;
    margin-right: unset;
    padding-right: 0;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card .recipe-slider-title {
  font-size: 1.2rem;
  line-height: 1.16;
  text-transform: uppercase;
  font-weight: 900;
  color: #222222;
}
@media (min-width: 768px) {
  .view-recipes-slider .recipes-slider .recipe-details-card .recipe-slider-title {
    font-size: 1.5rem;
    line-height: 1.13;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card p {
  color: #4E4D4D;
  font-size: 0.8rem;
  line-height: 1.25;
  font-weight: 300;
}
@media (min-width: 768px) {
  .view-recipes-slider .recipes-slider .recipe-details-card p {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 1rem;
  font-weight: 300;
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
}
@media (min-width: 768px) {
  .view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .serves {
  margin-right: 10px;
}
@media (min-width: 992px) {
  .view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .serves {
    margin-right: 20px;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .serves:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-image: url(../dist/assets/img/web-icon-md-users@3x.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 992px) {
  .view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .serves:before {
    margin-right: 10px;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .prep-time {
  margin-right: 10px;
}
@media (min-width: 992px) {
  .view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .prep-time {
    margin-right: 20px;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .prep-time:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-image: url(../dist/assets/img/web-icon-md-clock.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 992px) {
  .view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .prep-time:before {
    margin-right: 10px;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .difficulty:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-image: url(../dist/assets/img/web-icon-md-award.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 992px) {
  .view-recipes-slider .recipes-slider .recipe-details-card .recipe-preps .difficulty:before {
    margin-right: 10px;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card .btn {
  margin-top: 40px;
  padding: 0;
}
@media (min-width: 768px) {
  .view-recipes-slider .recipes-slider .recipe-details-card .btn {
    margin-top: 30px;
  }
}
.view-recipes-slider .recipes-slider .recipe-details-card .btn a {
  display: block;
  color: #ffffff;
  background: #db1024;
  padding: 13px 50px;
  border-radius: 5px;
}

/**
 * Single recipe page banner.
 *
*/
.recipe-page img.image-style-recipe-banner-thumbnail {
  max-width: 100%;
  height: auto;
}
.recipe-page .recipe-banner {
  padding: 20px;
  background-image: url(../dist/assets/img/fingers_02.png);
  background-size: contain;
}
.recipe-page .recipe-banner .flex-mobile {
  flex-direction: column-reverse;
  flex-wrap: nowrap;
}
@media (min-width: 992px) {
  .recipe-page .recipe-banner .flex-mobile {
    flex-direction: row;
  }
}
@media (min-width: 576px) {
  .recipe-page .recipe-banner .flex-mobile .col-md-5 {
    width: 57%;
  }
}
@media (min-width: 992px) {
  .recipe-page .recipe-banner .flex-mobile .col-md-5 {
    width: 41%;
    padding-left: 2%;
  }
}
@media (min-width: 1200px) {
  .recipe-page .recipe-banner .flex-mobile .col-md-5 {
    padding-left: 4%;
  }
}
.recipe-page .recipe-banner .flex-mobile h4, .recipe-page .recipe-banner .flex-mobile .h4 {
  margin-top: 20px;
}
.recipe-page .recipe-banner .recipe-preps {
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
}
.recipe-page .recipe-banner .recipe-preps .field__label,
.recipe-page .recipe-banner .recipe-preps .field__item {
  display: inline-block;
}
.recipe-page .recipe-banner .recipe-preps .serves {
  display: flex;
}
.recipe-page .recipe-banner .recipe-preps .serves:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  background-image: url(../dist/assets/img/check3.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 20px;
}
.recipe-page .recipe-banner .recipe-preps .prep-time {
  display: flex;
  margin-left: 15px;
}
.recipe-page .recipe-banner .recipe-preps .prep-time:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  background-image: url(../dist/assets/img/check2.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 20px;
}
.recipe-page .recipe-banner .recipe-preps .difficulty {
  display: flex;
  margin-left: 15px;
}
.recipe-page .recipe-banner .recipe-preps .difficulty:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  background-image: url(../dist/assets/img/check.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 14px;
}
.recipe-page .recipe-banner .share-recipe .share-icon {
  width: 100%;
  display: inline-block;
  margin-bottom: 60px;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
}
.recipe-page .recipe-banner .share-recipe .share-icon:after {
  content: "";
  height: 30px;
  width: 30px;
  position: absolute;
  margin-left: 15px;
  background-image: url(../dist/assets/img/share-icon.svg);
  background-repeat: no-repeat;
  background-size: 25px;
}
.recipe-page .recipe-banner .share-recipe .share-icons {
  display: none;
}
.recipe-page .recipe-banner .see-recipe .image_cta_link {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  font-size: 16px;
  line-height: 1.846;
}
.recipe-page .recipe-banner .see-recipe .image_cta_link:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.recipe-page .recipe-banner .see-recipe .image_cta_link:active, .recipe-page .recipe-banner .see-recipe .image_cta_link:focus {
  background-color: white;
}
.recipe-page .recipe-banner .see-recipe .image_cta_link a,
.recipe-page .recipe-banner .see-recipe .image_cta_link span {
  padding: 0;
  color: #E30612;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

/**
 * Filter.
 *
 * This file contains the styling for the filter found on the products, news and recipes pages.
*/
.filter .toggle-display .buttons {
  display: flex;
  padding: 0 0.5rem;
  background-color: #c40018;
}
.filter .toggle-display .buttons .btn {
  padding: 0.65rem 0.9rem;
}
.filter .toggle-display .buttons div {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 0.8rem;
}
@media (min-width: 768px) {
  .filter .toggle-display .buttons div {
    font-size: 0.9rem;
  }
}
.filter .toggle-display .buttons div > * {
  pointer-events: none;
}
.filter .toggle-display .buttons .grid {
  align-self: center;
  background-image: url(../dist/assets/img/web-icon-md-grid.svg);
  background-repeat: no-repeat;
  cursor: pointer;
}
.filter .toggle-display .buttons .grid.active {
  filter: invert(1);
}
.filter .toggle-display .buttons .list {
  align-self: center;
  background-image: url(../dist/assets/img/web-icon-md-list.svg);
  background-repeat: no-repeat;
  cursor: pointer;
}
.filter .toggle-display .buttons .list.active {
  filter: invert(1);
}
.filter .toggle-display .buttons .filter-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.65rem 0.1rem 0.65rem 0;
  color: #ffffff;
  cursor: pointer;
}
@media (min-width: 768px) {
  .filter .toggle-display .buttons .filter-toggle {
    padding: 0.75rem 0.75rem 0.75rem 0;
  }
}
.filter .toggle-display .buttons .filter-toggle:after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../dist/assets/img/web-icon-md-slider.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.filter .toggle-display .buttons .filter-toggle.active {
  filter: invert(1);
}
.filter .toggle-display .views-exposed-form {
  padding: 0 0.5rem;
  background-color: #c40018;
  opacity: 0;
  transition: 0.5s;
}
.filter .toggle-display .views-exposed-form .js-form-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.filter .toggle-display .views-exposed-form .form-actions {
  max-width: 12.75rem;
  margin: 0 auto;
}
.filter .toggle-display .views-exposed-form .btn {
  margin: 1rem 0;
}
.filter .toggle-display .bef-checkboxes {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 768px) {
  .filter .toggle-display .bef-checkboxes {
    flex-direction: row;
  }
}
.filter .toggle-display .bef-checkboxes .form-check {
  display: block;
  position: relative;
  background-color: #ffffff;
  margin: 0.25rem;
  padding: 0.65rem 1.15rem;
  border-radius: 1.25rem;
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:not(:checked),
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:not(:checked) + label,
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:checked + label {
  position: relative;
  padding-left: 1.7rem;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #4E4D4D;
  cursor: pointer;
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:not(:checked) + label:before,
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1.1em;
  height: 1.1em;
  border: 1px solid #d2d2d2;
  background: #ffffff;
  border-radius: 0.2em;
  box-shadow: none;
  transition: all 0.275s;
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:not(:checked) + label:after,
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:checked + label:after {
  content: "✕";
  position: absolute;
  top: 0.4rem;
  left: 0.18em;
  font-size: 0.8ren;
  font-weight: 500;
  color: #db1024;
  line-height: 0.5rem;
  transition: all 0.2s;
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1) rotate(0);
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:disabled:not(:checked) + label:before,
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #e9e9e9;
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:disabled:checked + label:after {
  color: #777;
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:disabled + label {
  color: #aaa;
}
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:checked:focus + label:before,
.filter .toggle-display .bef-checkboxes .form-check [type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 6px rgba(237, 34, 34, 0.2);
}
.filter .toggle-display .bef-checkboxes .custom-switch {
  display: flex;
  align-self: flex-start;
  margin: 0.25rem;
  padding: 0.45rem 1.25rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:not(:checked),
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:not(:checked) + label,
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:checked + label {
  position: relative;
  padding-left: 1.7em;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #4E4D4D;
  cursor: pointer;
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:not(:checked) + label:before,
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 1.1em;
  height: 1.1em;
  border: 1px solid #d2d2d2;
  background: #ffffff;
  border-radius: 0.2em;
  box-shadow: none;
  transition: all 0.275s;
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:not(:checked) + label:after,
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:checked + label:after {
  content: "✕";
  position: absolute;
  top: 0.4rem;
  left: 0.18em;
  font-size: 0.8rem;
  font-weight: 500;
  color: #db1024;
  line-height: 0.5rem;
  transition: all 0.2s;
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1) rotate(0);
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:disabled:not(:checked) + label:before,
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #e9e9e9;
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:disabled:checked + label:after {
  color: #777;
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:disabled + label {
  color: #aaa;
}
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:checked:focus + label:before,
.filter .toggle-display .bef-checkboxes .custom-switch [type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 6px rgba(237, 34, 34, 0.2);
}
.filter .toggle-display .highlight {
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
}
.filter .toggle-display legend {
  font-weight: 500;
  font-size: 0.9rem;
  color: #ffffff;
}
.filter .toggle-display legend .fieldset-legend {
  font-weight: 500;
  font-size: 0.9rem;
  color: #ffffff;
}

/* Vietnam hide filter */
.hide-filter .filter .filter-toggle {
  display: none !important;
}
.hide-filter .toggle-display .buttons div {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.hide-filter .toggle-display .buttons .list {
  align-items: flex-end;
}
.hide-filter .toggle-display .buttons .grid {
  align-items: flex-end;
}

.de-filter .bef-checkboxes .checkbox {
  background-color: #ffffff;
  margin: 0.25rem;
  padding: 0.45rem 1.25rem;
  border-radius: 1.25rem;
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:not(:checked),
.de-filter .bef-checkboxes .checkbox [type=checkbox]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:not(:checked) + label,
.de-filter .bef-checkboxes .checkbox [type=checkbox]:checked + label {
  position: relative;
  padding-left: 1.7em;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #4E4D4D;
  cursor: pointer;
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:not(:checked) + label:before,
.de-filter .bef-checkboxes .checkbox [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 1.1em;
  height: 1.1em;
  border: 1px solid #d2d2d2;
  background: #ffffff;
  border-radius: 0.2em;
  box-shadow: none;
  transition: all 0.275s;
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:not(:checked) + label:after,
.de-filter .bef-checkboxes .checkbox [type=checkbox]:checked + label:after {
  content: "✕";
  position: absolute;
  top: 0.4rem;
  left: 0.18em;
  font-size: 0.8rem;
  font-weight: 500;
  color: #db1024;
  line-height: 0.5rem;
  transition: all 0.2s;
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1) rotate(0);
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:disabled:not(:checked) + label:before,
.de-filter .bef-checkboxes .checkbox [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #e9e9e9;
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:disabled:checked + label:after {
  color: #777;
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:disabled + label {
  color: #aaa;
}
.de-filter .bef-checkboxes .checkbox [type=checkbox]:checked:focus + label:before,
.de-filter .bef-checkboxes .checkbox [type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 6px rgba(237, 34, 34, 0.2);
}

html:lang(ja) .filter .toggle-display .buttons .list,
html:lang(ja) .filter .toggle-display .buttons .filter-toggle,
html:lang(ja) .hide-filter .toggle-display .buttons .list,
html:lang(ja) .hide-filter .toggle-display .buttons .filter-toggle {
  display: none !important;
}
html:lang(ja) .filter .toggle-display .buttons .grid,
html:lang(ja) .hide-filter .toggle-display .buttons .grid {
  background-position: center;
}
html:lang(ja) .filter .toggle-display .buttons .grid.active,
html:lang(ja) .hide-filter .toggle-display .buttons .grid.active {
  filter: unset;
}

/**
 * Product range slider.
 *
 * This file contains the styling for the product range slider.
*/
.view-product-ranges .adimo-multi-touchpoint {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  min-width: 150px;
  position: relative;
}
.view-product-ranges .adimo-multi-touchpoint:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.view-product-ranges .adimo-multi-touchpoint a,
.view-product-ranges .adimo-multi-touchpoint span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .view-product-ranges .adimo-multi-touchpoint {
    right: 0;
    min-width: 120px;
  }
}
@media (min-width: 1200px) {
  .view-product-ranges .adimo-multi-touchpoint {
    right: 0;
  }
}
.view-product-ranges .field-content {
  padding: 30px;
}
.view-product-ranges .slider-custom {
  text-align: center;
}
@media (min-width: 768px) {
  .view-product-ranges .slider-custom img {
    max-width: 150px;
  }
}
@media (min-width: 1200px) {
  .view-product-ranges .slider-custom img {
    max-width: 220px;
    height: 220px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.view-product-ranges .slider-custom a {
  color: #3b3b3b;
  font-weight: 700;
}
.view-product-ranges .slider-custom span {
  display: block;
  margin-top: 30px;
}
.view-product-ranges .slick__arrow {
  top: unset;
  bottom: 10px;
}
.view-product-ranges .slick__arrow .slick-prev {
  left: 20%;
  bottom: unset;
}
.view-product-ranges .slick__arrow .slick-next {
  right: 20%;
  bottom: unset;
}
@media (max-width: 767.98px) {
  .view-product-ranges.override-custom-cls .slick--view--product-ranges .slick-slider .slick-slide div > .field-content:nth-child(2),
  .view-product-ranges.override-custom-cls .slick--view--our-classics-homepage-view .slick-slider .slick-slide div > .field-content:nth-child(2),
  .view-product-ranges.override-custom-cls .slick--view--product-carousel-list .slick-slider .slick-slide div > .field-content:nth-child(2) {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }
}

/**
 * Product Listing Page.
 *
 * This file contains the styling for the product listing tiles on /products.
*/
.view-product-list .wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .view-product-list .wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.view-product-list .wrapper:not(.list) .view-content {
  display: flex;
  flex-flow: row wrap;
  row-gap: 20px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 768px) {
  .view-product-list .wrapper:not(.list) .view-content {
    row-gap: 30px;
  }
}
.view-product-list .wrapper:not(.list) .view-content .views-row {
  position: relative;
  display: flex;
  flex-flow: column;
  flex-basis: calc(50% - 10px);
  transition: background-color 0.5s ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  .view-product-list .wrapper:not(.list) .view-content .views-row {
    flex-basis: calc(25% - 10px);
    background-color: #f4f4f4;
    transition: background-color 0.5s ease;
  }
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-thumbail {
  padding: 10px;
  background-color: #ffffff;
  transition: background-color 0.5s ease;
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-thumbail .field-content {
  background-color: #ffffff;
  text-align: center;
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-thumbail .field-content img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-title {
  padding: 10px 0 5px;
}
@media (min-width: 768px) {
  .view-product-list .wrapper:not(.list) .view-content .views-row .views-field-title {
    padding: 20px 30px 5px;
  }
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-title a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
}
@media (min-width: 1200px) {
  .view-product-list .wrapper:not(.list) .view-content .views-row .views-field-title a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-weight {
  margin-top: auto;
  padding: 5px 0 2px;
}
@media (min-width: 768px) {
  .view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-weight {
    padding: 5px 30px 48px;
  }
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-weight a {
  color: #4E4D4D;
  font-size: 0.8rem;
  line-height: 1.25;
  font-weight: 300;
}
@media (min-width: 768px) {
  .view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-weight a {
    font-size: 1rem;
    line-height: 1.4;
  }
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-weight a:after {
  content: "";
  width: 48px;
  height: 48px;
  background-image: url(../dist/assets/img/web-icon-lg-arrow-right-new.webp);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  position: absolute;
  bottom: 0;
  right: 5px;
  width: 25px;
  height: 25px;
  transition: background-color 0.5s ease;
}
@media (min-width: 768px) {
  .view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-weight a:after {
    width: 48px;
    height: 48px;
  }
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-dsu-product-desc,
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-view-node {
  display: none;
}
@media (min-width: 768px) {
  .view-product-list .wrapper:not(.list) .view-content .views-row:hover {
    background: #E30612;
  }
  .view-product-list .wrapper:not(.list) .view-content .views-row:hover .views-field-field-product-thumbail {
    background-color: #E30612;
  }
  .view-product-list .wrapper:not(.list) .view-content .views-row:hover .views-field-title a {
    color: #ffffff;
  }
  .view-product-list .wrapper:not(.list) .view-content .views-row:hover .views-field-field-product-weight a {
    color: #ffffff;
  }
  .view-product-list .wrapper:not(.list) .view-content .views-row:hover .views-field-field-product-weight a:after {
    content: "";
    width: 48px;
    height: 48px;
    background-image: url(../dist/assets/img/web-icon-lg-arrow-right.webp);
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 0.5s ease;
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .view-product-list .wrapper:not(.list) .view-content .views-row:hover .views-field-field-product-weight a:after {
    width: 48px;
    height: 48px;
  }
}
.view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-campaign-link .field-content a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
}
.view-product-list .wrapper.list .view-content {
  display: flex;
  flex-flow: column wrap;
}
.view-product-list .wrapper.list .view-content .views-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 20px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .view-product-list .wrapper.list .view-content .views-row {
    margin-bottom: 40px;
    margin-left: unset;
  }
}
.view-product-list .wrapper.list .view-content .views-row .views-field-field-product-thumbail {
  grid-area: 1/1/5/4;
  margin-right: 10px;
  text-align: center;
}
.view-product-list .wrapper.list .view-content .views-row .views-field-field-product-thumbail a img {
  width: auto;
  max-width: 100%;
}
.view-product-list .wrapper.list .view-content .views-row .views-field-title {
  grid-area: 1/4/2/13;
}
.view-product-list .wrapper.list .view-content .views-row .views-field-title a {
  font-size: 0.8rem;
  line-height: 1.25;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  pointer-events: none;
}
@media (min-width: 768px) {
  .view-product-list .wrapper.list .view-content .views-row .views-field-title a {
    font-size: 1.2rem;
    line-height: 1.25;
  }
}
.view-product-list .wrapper.list .view-content .views-row .views-field-field-product-weight {
  grid-area: 2/4/3/13;
}
.view-product-list .wrapper.list .view-content .views-row .views-field-field-product-weight a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #222222;
  pointer-events: none;
}
@media (min-width: 768px) {
  .view-product-list .wrapper.list .view-content .views-row .views-field-field-product-weight a {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.view-product-list .wrapper.list .view-content .views-row .views-field-field-dsu-product-desc {
  grid-area: 3/4/4/13;
  font-size: 0.8rem;
  line-height: 1.25;
  color: #4E4D4D;
}
@media (min-width: 768px) {
  .view-product-list .wrapper.list .view-content .views-row .views-field-field-dsu-product-desc {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.view-product-list .wrapper.list .view-content .views-row .views-field-view-node {
  grid-area: 4/4/5/13;
}
.view-product-list .wrapper.list .view-content .views-row .views-field-view-node a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
  font-weight: 700;
}
@media (min-width: 768px) {
  .view-product-list .wrapper.list .view-content .views-row .views-field-view-node a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.view-product-list .wrapper.list .view-content .views-row .views-field-view-node a:after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url(../dist/assets/img/red-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .view-product-list .wrapper.list .view-content .views-row .views-field-view-node a:after {
    width: 40px;
    height: 30px;
  }
}
.view-product-list .wrapper.list .view-content .views-row .views-field-view-node a:hover {
  color: #c40018;
  transition: color 0.5s ease;
}
.view-product-list .js-pager__items {
  justify-content: center;
  background: #ffffff;
}
.view-product-list .js-pager__items li {
  position: relative;
  min-width: 40px;
  cursor: pointer;
  overflow: auto;
}
.view-product-list .js-pager__items li a {
  border: 0;
  cursor: pointer;
}
.view-product-list .js-pager__items li a:hover, .view-product-list .js-pager__items li a:active, .view-product-list .js-pager__items li a:focus {
  color: #db1024;
  text-decoration: underline;
}
.view-product-list .js-pager__items li .page-link {
  border: 0;
}
.view-product-list .js-pager__items li.active:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 37px;
  display: inline-block;
  background-image: url(../dist/assets/img/dot.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.view-product-list .js-pager__items li.active .page-link {
  background: transparent;
}

.views-element-container .new-product-tag-view {
  display: flex;
  justify-content: flex-end;
}
.views-element-container .new-product-tag-view .field__label {
  display: none;
}
.views-element-container .new-product-tag-view .field__item {
  display: inline-block;
  padding: 16px 14px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #5bb4e5;
  border-radius: 50% 40% 59% 50%;
}

.new-tag-wrapper .new-product-tag-view {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.new-tag-wrapper .new-product-tag-view .field__label {
  display: none;
}
.new-tag-wrapper .new-product-tag-view .field__item {
  position: absolute;
  top: 20px;
  right: 0;
  display: inline-block;
  padding: 10px 8px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #db1024;
  border-radius: 50% 40% 59% 50%;
}
@media (min-width: 768px) {
  .new-tag-wrapper .new-product-tag-view .field__item {
    top: -28;
  }
}
@media (min-width: 768px) {
  .new-tag-wrapper .new-product-tag-view .field__item {
    top: 0;
    padding: 16px 14px;
  }
}
.new-tag-wrapper .views-field {
  padding: 16px;
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
}
.new-tag-wrapper .views-field:hover {
  border: 4px solid #db1024;
}
.new-tag-wrapper .slick-slider .slick-list {
  display: flex;
}
.new-tag-wrapper .slick-slider .slick-list .slick-track {
  display: flex;
}
.new-tag-wrapper .slick-slider .slick-list .slick-track .slick-slide {
  display: flex;
}

/**
 * Product detail page.
 *
 * This file contains the styling for the product detail pages.
*/
@media (min-width: 992px) {
  .product__wrapper .dsu_gallery_wrapper {
    padding-top: 30px;
  }
}
.product__wrapper .dsu_gallery_wrapper .slick-list {
  height: auto;
}
.product__wrapper .dsu_gallery_wrapper .slick-list .slick-current {
  display: flex;
  justify-content: center;
}
.product__wrapper .paragraph--type--c-gallery img {
  max-width: 200px;
}
@media (min-width: 992px) {
  .product__wrapper .paragraph--type--c-gallery img {
    max-width: 400px;
    height: auto;
  }
}
.product__wrapper .paragraph--type--c-gallery .slick--skin--asnavfor .slick-track {
  justify-content: center;
}
.product__wrapper .paragraph--type--c-gallery .slick--skin--asnavfor .slick-slide img {
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
}
.product__wrapper .paragraph--type--c-gallery .slick--skin--asnavfor .slick-slide .slick-active,
.product__wrapper .paragraph--type--c-gallery .slick--skin--asnavfor .slick-slide .slick-current {
  width: 100% !important;
  max-width: 88px !important;
  padding: 0 5px;
  transform: unset;
  box-shadow: unset;
}
.product__wrapper .paragraph--type--c-gallery .slick--skin--asnavfor .slick-current img {
  border: 3px solid #db1024;
}
.product__wrapper .paragraph--type--c-gallery .slick--skin--asnavfor .slick-current:before {
  content: "";
  display: flex;
  top: -9px;
  left: 41%;
  align-items: center;
  justify-content: center;
  width: 0px;
  margin: 0 auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #db1024;
}
.product__wrapper .paragraph--type--c-gallery .slick--skin--asnavfor .slick__slide.slick-current,
.product__wrapper .paragraph--type--c-gallery .slick--skin--asnavfor .slick__slide {
  padding: 0 5px;
}
.product__wrapper .paragraph--type--c-gallery .slick--skin--asnavfor .slick-list {
  padding: 30px 0 !important;
}
.product__wrapper .paragraph--type--c-gallery .slick-arrow {
  background-color: transparent;
}
.product__intro .col-md-8 {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .product__intro .col-md-8 {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .product__intro .col-md-8 {
    padding-top: 30px;
  }
}
.product__intro .col-md-8 .desc {
  width: 100%;
  padding-top: 10px;
  margin-top: 30px;
  border-top: 2px dashed #db1024;
}
@media (min-width: 768px) {
  .product__intro .col-md-8 .desc {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .product__intro .col-md-8 .desc {
    width: 70%;
  }
}
.product__intro .col-md-8 .details {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  min-height: 105px;
}
@media (min-width: 768px) {
  .product__intro .col-md-8 .details {
    flex-direction: row;
  }
}
.product__intro .col-md-8 .details .buy-now-btn button {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  margin-right: 20px;
}
.product__intro .col-md-8 .details .buy-now-btn button:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.product__intro .col-md-8 .details .buy-now-btn button a,
.product__intro .col-md-8 .details .buy-now-btn button span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.product__intro .col-md-8 .details .share-recipe {
  margin-top: 20px;
  padding: 0;
}
.product__intro .col-md-8 .details .share-recipe .share-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .product__intro .col-md-8 .details .share-recipe .share-icon {
    font-size: 0.85rem;
  }
}
.product__intro .col-md-8 .details .share-recipe .share-icon:hover {
  text-decoration: underline;
}
.product__intro .col-md-8 .details .share-recipe .share-icon::after {
  content: "";
  height: 30px;
  width: 30px;
  margin-left: 15px;
  background-image: url(../dist/assets/img/share-icon-inverted.svg);
  background-repeat: no-repeat;
  background-size: 25px;
}
.product__intro .col-md-8 .details .share-recipe .share-icons {
  display: inline-block;
}
@media (min-width: 768px) {
  .product__intro .col-md-8 .details .share-recipe {
    margin-top: 0;
  }
}
.product__intro .col-md-8 .field--name-field-product-weight {
  display: flex;
  grid-gap: 15px;
  padding-bottom: 40px;
  color: #4E4D4D;
  font-size: 0.8rem;
}
.product__intro .slick--thumbnail.slick--skin--asnavfor .slick-list {
  padding: 0;
}
.product__intro .slick--thumbnail.slick--skin--asnavfor .slick-list .slick-track {
  padding: 0;
}
.product__intro .slick--thumbnail.slick--skin--asnavfor .slick__slide.slick-current {
  max-width: 88px !important;
}
.product__intro .slick-slider.slick-dotted {
  margin-bottom: 36px;
}
.product__page-content {
  margin-top: 50px;
}
.product__page-content .fingers-background {
  padding-bottom: 60px;
}
.product__page-content .image-wrap {
  margin: 0 20px;
  max-width: 1100px;
}

/* Hide Nutri table for DE market */
html:lang(de) .hide-nutri .nutri {
  display: none;
}
html:lang(de) .hide-nutri .article__intro-info {
  justify-content: left;
  display: none;
}

.slick--view--our-classics-homepage-view .slick-list .list-group.blazy {
  display: block !important;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .slick--view--our-classics-homepage-view .slick-list .list-group.blazy {
    display: inline-block;
    margin: 0 -0.625rem;
  }
}

.node--type-ln-product .product__intro .details {
  min-height: auto;
  margin-bottom: 15px;
}
.node--type-ln-product .paragraph--type--article-card .article__intro-info .field--name-field-dsu-published-date {
  display: none;
}

.social-share-btns .social-link {
  width: 28px;
  height: 28px;
  margin-right: 15px;
  border-radius: 100% !important;
}
.social-share-btns .popup-trigger {
  display: none;
}

.new-product-tag {
  display: flex;
  justify-content: flex-end;
}
.new-product-tag .field--name-field-new-product,
.new-product-tag .field--name-field-tag-product-new {
  position: relative;
  top: 30px;
  right: 94px;
  display: inline-block;
  padding: 16px 14px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #db1024;
  border-radius: 50% 40% 59% 50%;
}

.carousel-shift .slider-custom a {
  color: #3b3b3b;
}

.product-link {
  margin-bottom: 10px;
}
.product-link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  font-weight: 700;
}
.product-link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.product-link a a,
.product-link a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

/**
 * Ratings and comments.
 *
 * This file contains the styling rating and comments sections on the product pages.
*/
.comment-wrapper {
  background: url(../dist/assets/img/comments.png);
  background-size: cover;
  padding-bottom: 50px;
}
.comment-wrapper .reviews-container .views-element-container {
  background-color: #ffffff;
}
.comment-wrapper .reviews-container h2, .comment-wrapper .reviews-container .h2 {
  padding: 10px;
  text-align: center;
  color: #D40413;
}
.comment-wrapper .reviews-container .form-row,
.comment-wrapper .reviews-container .d-flex {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 30px;
}
.comment-wrapper .reviews-container .fivestar-average-stars {
  width: 100%;
}
.comment-wrapper .reviews-container .fivestar-average-stars .star {
  width: 20px;
}
.comment-wrapper .reviews-container .fivestar-average-stars .input-group {
  align-items: center;
}
.comment-wrapper .reviews-container .fivestar-average-stars .input-group .js-form-item {
  margin-bottom: 0 !important;
}
.comment-wrapper .reviews-container .fivestar-average-stars .input-group .input-group-text {
  background: none;
  border: none;
  padding: 0;
  font-size: 0.8rem;
  color: #495057;
}
.comment-wrapper .reviews-container .fivestar-average-stars .input-group .input-group-append {
  order: 3;
  margin-bottom: 0;
}
.comment-wrapper .reviews-container .fivestar-average-stars .input-group .input-group-prepend {
  order: 2;
  display: flex;
}
.comment-wrapper .reviews-container .fivestar-average-stars .input-group .input-group-prepend::after {
  content: "|";
  font-weight: 100;
}
.comment-wrapper .reviews-container .fivestar-average-stars .input-group .fivestar-widget-static {
  margin-right: 10px;
  margin-bottom: 2px;
}
@media (min-width: 992px) {
  .comment-wrapper .reviews-container .fivestar-average-stars .input-group .fivestar-widget-static {
    margin-right: 30px;
  }
}
.comment-wrapper .reviews-container #edit-stars--wrapper {
  width: 100%;
}
@media (min-width: 992px) {
  .comment-wrapper .reviews-container #edit-stars--wrapper {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .comment-wrapper .reviews-container #edit-stars--wrapper {
    width: 50%;
  }
}
.comment-wrapper .reviews-container .custom-control {
  margin-bottom: 0.2rem;
}
.comment-wrapper .reviews-container .checkbox {
  background-color: #d3d3d3;
  border-radius: 0;
}
.comment-wrapper .reviews-container .checkbox label {
  border: 1px solid #D40413;
  border-radius: 0;
  background: #D40413;
  color: #ffffff;
}
.comment-wrapper .reviews-container .checkbox label:hover {
  background-color: #D40413;
}
.comment-wrapper .reviews-container a {
  color: #000000;
  font-size: 0.75rem;
}
.comment-wrapper .reviews-container .form-submit {
  margin-top: 20px !important;
}
.comment-wrapper .reviews-container .usefulness {
  display: flex;
  margin-bottom: 20px;
}
.comment-wrapper .reviews-container .usefulness .action-unflag:hover a {
  background-color: #D40413;
  border-color: #D40413;
  color: #ffffff;
}
.comment-wrapper .reviews-container .usefulness .flag {
  vertical-align: middle !important;
}
.comment-wrapper .reviews-container .usefulness .flag a {
  border: 1px solid #d3d3d3;
  border-radius: 0;
  margin-left: 10px;
  background-color: #d3d3d3;
  color: #36201e;
}
.comment-wrapper .reviews-container .field--type-boolean {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 0.75rem;
}
.comment-wrapper .reviews-container .form-type-select {
  order: 1;
}
.comment-wrapper .reviews-container .text-muted {
  display: none;
}
.comment-wrapper .reviews-container .rating {
  margin-left: 10px;
  font-size: 0.75rem;
}
.comment-wrapper .reviews-container .js-form-item label {
  min-width: 20%;
}
.comment-wrapper .reviews-container progress {
  background-color: #d3d3d3;
  color: #D40413;
  height: 10px;
}
.comment-wrapper .reviews-container progress::-webkit-progress-bar {
  background-color: #d3d3d3;
  width: 100%;
  height: 10px;
}
.comment-wrapper .reviews-container progress::-moz-progress-bar {
  background-color: #D40413 !important;
  height: 10px;
}
.comment-wrapper .reviews-container progress::-webkit-progress-value {
  background-color: #D40413 !important;
  height: 10px;
}
.comment-wrapper .reviews-container .comment__content {
  margin-top: 25px;
}
@media (min-width: 992px) {
  .comment-wrapper .reviews-container .comment__content {
    margin-top: 0;
  }
}
.comment-wrapper .reviews-container .field--name-user-picture {
  display: none;
}
.comment-wrapper .reviews-container .dsu-ratings-reviews-comment {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0 25px 25px;
}

.stars-only .container {
  padding: 0;
}
.stars-only .btn-primary {
  box-shadow: none;
  padding: 0;
  border: none;
  background: none;
  color: black;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  transition: none;
}
.stars-only .btn-primary:not(:disabled):not(.disabled):active {
  background: none;
  border: 1px solid white;
  color: black;
}
.stars-only .btn-primary:hover {
  filter: none;
  text-decoration: underline;
}
.stars-only .comment-wrapper {
  padding-bottom: 0;
  background: none;
}
.stars-only .comment-wrapper .form-row,
.stars-only .comment-wrapper .d-flex {
  padding: 0;
}
.stars-only .comment-wrapper .title {
  display: none;
}
.stars-only .comment-wrapper .reviews-container .title {
  display: none;
}
.stars-only .comment-wrapper .reviews-container .fieldset-wrapper {
  margin-top: 20px;
}
.stars-only .comment-wrapper .reviews-container .view-dsu-ratings-node-view div .checkbox {
  display: none;
}
.stars-only .comment-wrapper .reviews-container .dsu-ratings-reviews-comment {
  display: none;
}
.stars-only .comment-wrapper .reviews-container #edit-stars--wrapper {
  display: none;
}

.modal-content {
  font-size: 0.8rem;
}
.modal-content .modal-header {
  padding: 0.8rem;
}
.modal-content button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.5;
}

.product__wrapper .reviews-container .modal-dialog {
  max-width: 500px;
}

.modal-body #edit-field-dsu-recommend {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .modal-body #edit-field-dsu-recommend {
    flex-direction: row;
  }
}
.modal-body .comment-wrapper .reviews-container .checkbox label {
  border: none;
  color: #000000;
  background-color: none;
}
.modal-body .comment-wrapper .reviews-container .checkbox label:hover {
  background-color: none;
}
.modal-body .comment-dsu-ratings-reviews-comment-type-form #edit-field-dsu-recommend--wrapper {
  text-align: center;
}
.modal-body .comment-dsu-ratings-reviews-comment-type-form .field--name-field-dsu-recommend div.form-item-field-dsu-recommend input:checked + label {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}
.modal-body .comment-dsu-ratings-reviews-comment-type-form .field--name-field-dsu-recommend div.form-item-field-dsu-recommend input:checked + label:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.modal-body .comment-dsu-ratings-reviews-comment-type-form .field--name-field-dsu-recommend div.form-item-field-dsu-recommend input:checked + label a,
.modal-body .comment-dsu-ratings-reviews-comment-type-form .field--name-field-dsu-recommend div.form-item-field-dsu-recommend input:checked + label span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.modal-body .comment-dsu-ratings-reviews-comment-type-form .field--name-field-dsu-recommend div.form-item-field-dsu-recommend input:checked + label:hover {
  background-color: #D40413;
  border: 1px solid #D40413;
  color: #ffffff;
}
.modal-body .comment-dsu-ratings-reviews-comment-type-form .field--name-field-dsu-recommend div.form-item-field-dsu-recommend label {
  background-color: #D40413;
  border: 1px solid #D40413;
  color: #ffffff;
}
.modal-body .comment-dsu-ratings-reviews-comment-type-form .field--name-field-dsu-recommend div.form-item-field-dsu-recommend label:hover {
  background-color: #D40413;
}
.modal-body #edit-field-dsu-images .details-wrapper {
  margin-top: 0.75rem;
  font-size: 0.85rem;
}
.modal-body #edit-field-dsu-images-actions-ief-add {
  margin-top: 20px;
}
.modal-body #edit-field-dsu-images-actions-ief-add:hover {
  filter: none;
}
.modal-body .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #D40413;
  background-color: #D40413;
}
.modal-body .form-submit {
  padding-right: 20px;
}
.modal-body summary {
  font-size: 0.75rem;
  font-weight: 600;
}
.modal-body .form-item-captcha-response {
  width: 100%;
  margin: 20px auto;
}
.modal-body .form-item-captcha-response .input-group > .form-control:not(:first-child) {
  margin-left: 5px;
  border-radius: 4px;
}
.modal-body .form-item-captcha-response .input-group-prepend {
  order: 0;
}
.modal-body .form-item-captcha-response .input-group-prepend .input-group-text {
  border: none;
}
.modal-body .form-item-captcha-response .input-group-prepend::after {
  content: "";
  width: 5px;
}
.modal-body .field--widget-boolean-checkbox-popup .checkbox {
  background-color: rgba(0, 0, 0, 0);
}
.modal-body .field--widget-boolean-checkbox-popup .checkbox label.custom-control-label {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: #000000;
}
.modal-body .field--widget-boolean-checkbox-popup .placeholder {
  vertical-align: unset;
  cursor: unset;
  background-color: unset;
  opacity: unset;
}
.modal-body .field--widget-boolean-checkbox-popup .placeholder a {
  margin-left: 4px;
  font-size: 0.7rem;
}
.modal-body .field--widget-boolean-checkbox-popup .placeholder a:hover {
  text-decoration: underline;
}
.modal-body .form-actions {
  display: flex;
  flex-direction: column;
}
.modal-body .form-actions .button--primary,
.modal-body .form-actions .btn-primary {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}
.modal-body .form-actions .button--primary:hover,
.modal-body .form-actions .btn-primary:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.modal-body .form-actions .button--primary a,
.modal-body .form-actions .button--primary span,
.modal-body .form-actions .btn-primary a,
.modal-body .form-actions .btn-primary span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

html:lang(ja) .stars-only {
  display: none !important;
  opacity: 0;
}

/**
 * Icon with Description Component.
 *
 * A Lightnest Component.
*/
.paragraph--type--paragraph-icon-with-description .par-icon__wrapper {
  text-align: center;
}
.paragraph--type--paragraph-icon-with-description .par-icon__wrapper .par-icon__icon {
  padding: 30px 65px;
}
@media (min-width: 768px) {
  .paragraph--type--paragraph-icon-with-description .par-icon__wrapper .par-icon__icon {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .paragraph--type--paragraph-icon-with-description .par-icon__wrapper .par-icon__icon {
    padding: 30px 65px;
  }
}
.paragraph--type--paragraph-icon-with-description .par-icon__wrapper .par-icon__icon img {
  margin: 0;
  max-width: 100%;
  width: auto;
  height: auto;
}
.paragraph--type--paragraph-icon-with-description .par-icon__wrapper .par-icon__title {
  margin-bottom: 10px;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: 900;
}
@media (min-width: 992px) {
  .paragraph--type--paragraph-icon-with-description .par-icon__wrapper .par-icon__title {
    margin-bottom: 20px;
  }
}
.paragraph--type--paragraph-icon-with-description .par-icon__wrapper .par-icon__description {
  margin-bottom: 10px;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 300;
}
@media (min-width: 768px) {
  .paragraph--type--paragraph-icon-with-description .par-icon__wrapper .par-icon__description {
    margin-bottom: 0;
  }
}

.nutri-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
@media (min-width: 768px) {
  .nutri-wrapper {
    flex-direction: row;
  }
}
.nutri-wrapper .nutri {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .nutri-wrapper .nutri {
    flex: 0 0 38%;
    max-width: 38%;
  }
}
.nutri-wrapper .nutri .nutri-inner {
  margin: 20px;
  padding: 0.5rem;
  border: 1px solid #000000;
  font-size: 15px;
  color: #000000;
}
@media (min-width: 992px) {
  .nutri-wrapper .nutri .nutri-inner {
    margin: 20px 10%;
  }
}
.nutri-wrapper .nutri .nutri-inner table,
.nutri-wrapper .nutri .nutri-inner tr,
.nutri-wrapper .nutri .nutri-inner th {
  background-color: transparent;
  color: #000000;
  border-right: none;
  border-left: none;
}
.nutri-wrapper .nutri .nutri-inner tr {
  border-bottom: 1px solid #000000;
}
.nutri-wrapper .nutri .nutri-inner td {
  border: none;
}
.nutri-wrapper .nutri .nutri-inner .label {
  float: left;
  padding-right: 4px;
}
.nutri-wrapper .nutri .nutri-inner table {
  border-collapse: collapse;
  border-top: 1px solid #000000;
}
.nutri-wrapper .nutri .nutri-inner .field--name-field-nutri-calories {
  font-size: 23px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.nutri-wrapper .nutri .nutri-inner__title {
  margin: 0 0 0.25rem 0;
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 30px;
  text-transform: capitalize;
  color: #000000;
}
.nutri-wrapper .nutri .nutri-inner__header {
  border-bottom: 10px solid #000000;
  padding: 0 0 0.25rem 0;
  margin: 0 0 0.5rem 0;
}
.nutri-wrapper .nutri .nutri-inner__header p {
  margin: 0;
}
.nutri-wrapper .nutri .nutri-inner__header .field--name-field-nutri-serving-size {
  display: flex;
  justify-content: space-between;
}
.nutri-wrapper .nutri .nutri-inner__header .serving--container {
  display: inline-flex;
  font-size: 16px;
}
.nutri-wrapper .nutri .nutri-inner__header .serving--container .field--name-field-nutri-servings {
  padding-right: 4px;
}
.nutri-wrapper .nutri .nutri-inner__header .serving--size {
  font-size: 16px;
  font-weight: bold;
}
.nutri-wrapper .nutri .nutri-inner__table--grid {
  margin: 0 0 0.5rem 0;
}
.nutri-wrapper .nutri .nutri-inner__table--grid td:last-child {
  text-align: left;
}
.nutri-wrapper .nutri .nutri-inner__table--grid td:last-child::before {
  content: "•";
  font-weight: bold;
  margin: 0 0.25rem 0 0;
}
.nutri-wrapper .nutri__ingredients {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .nutri-wrapper .nutri__ingredients {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 10%;
  }
}
.nutri-wrapper .nutri__ingredients .ingredients {
  padding-left: 0;
  list-style: none;
  font-weight: 100;
}

.paragraph--type--new-nutri-table .nutri {
  flex: 0 0 100%;
  max-width: 100%;
}

.nutri__table, .nutri__table--small, .nutri-wrapper .nutri .nutri-inner__table--grid {
  width: 100%;
}
.nutri__table thead tr th, .nutri__table--small thead tr th, .nutri-wrapper .nutri .nutri-inner__table--grid thead tr th,
.nutri__table thead tr td,
.nutri__table--small thead tr td,
.nutri-wrapper .nutri .nutri-inner__table--grid thead tr td {
  border: 0;
}
.nutri__table th, .nutri__table--small th, .nutri-wrapper .nutri .nutri-inner__table--grid th,
.nutri__table td,
.nutri__table--small td,
.nutri-wrapper .nutri .nutri-inner__table--grid td {
  font-weight: normal;
  text-align: left;
  padding: 1px 0;
  border-top: 1px solid black;
  white-space: nowrap;
  vertical-align: text-top;
}
.nutri__table td:last-child, .nutri__table--small td:last-child, .nutri-wrapper .nutri .nutri-inner__table--grid td:last-child {
  text-align: right;
}
.nutri__table .blank-cell, .nutri__table--small .blank-cell, .nutri-wrapper .nutri .nutri-inner__table--grid .blank-cell {
  width: 1rem;
  border-top: 0;
}
.nutri__table .thick-row th, .nutri__table--small .thick-row th, .nutri-wrapper .nutri .nutri-inner__table--grid .thick-row th,
.nutri__table .thick-row td,
.nutri__table--small .thick-row td,
.nutri-wrapper .nutri .nutri-inner__table--grid .thick-row td {
  border-top-width: 5px;
}

.paragraph--type--new-nutri-table .nutri {
  width: 100%;
}
.paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri {
  margin: 0;
}
.paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri thead tr th {
  border-top: 5px solid #000000 !important;
  padding: 10px 5px !important;
  font-size: 15px;
  font-weight: bold;
  max-width: 100px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri thead tr th:nth-child(2), .paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri thead tr th:nth-child(3), .paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri thead tr th:nth-child(4) {
  text-align: center;
}
.paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri thead tr th:nth-child(5) {
  text-align: right;
}
.paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri tbody tr td {
  padding: 1px 5px;
}
.paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri tbody tr td:nth-child(2), .paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri tbody tr td:nth-child(3), .paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri tbody tr td:nth-child(4) {
  text-align: center;
}
.paragraph--type--new-nutri-table .nutri .nutri-inner .new__nutri tbody tr th {
  padding: 1px 5px;
}

/** Packaged Product */
.packaged-product-red td:nth-child(2), .packaged-product-red th:nth-child(2) {
  background: #e73f12;
  color: #ffffff;
}

.packaged-product-green td:nth-child(2), .packaged-product-green th:nth-child(2) {
  background: #86bc30;
  color: #ffffff;
}

.packaged-product-yellow td:nth-child(2), .packaged-product-yellow th:nth-child(2) {
  background: #ffcc01;
  color: #ffffff;
}

.packaged-product-white td:nth-child(2), .packaged-product-white th:nth-child(2) {
  background: #ffffff;
  color: #000000;
}

.packaged-product-orange td:nth-child(2), .packaged-product-orange th:nth-child(2) {
  background: #e73f12;
  color: #ffffff;
}

/* Ready to Eat Product*/
.ready-to-eat-red td:nth-child(3), .ready-to-eat-red th:nth-child(3) {
  background: #e73f12;
  color: #ffffff;
}

.ready-to-eat-green td:nth-child(3), .ready-to-eat-green th:nth-child(3) {
  background: #86bc30;
  color: #ffffff;
}

.ready-to-eat-yellow td:nth-child(3), .ready-to-eat-yellow th:nth-child(3) {
  background: #ffcc01;
  color: #ffffff;
}

.ready-to-eat-white td:nth-child(3), .ready-to-eat-white th:nth-child(3) {
  background: #ffffff;
  color: #000000;
}

.ready-to-eat-orange td:nth-child(3), .ready-to-eat-orange th:nth-child(3) {
  background: #e73f12;
  color: #ffffff;
}

/* Ready to Eat Portion*/
.ready-to-eat-portion-red td:nth-child(4), .ready-to-eat-portion-red th:nth-child(4) {
  background: #e73f12;
  color: #ffffff;
}

.ready-to-eat-portion-green td:nth-child(4), .ready-to-eat-portion-green th:nth-child(4) {
  background: #86bc30;
  color: #ffffff;
}

.ready-to-eat-portion-yellow td:nth-child(4), .ready-to-eat-portion-yellow th:nth-child(4) {
  background: #ffcc01;
  color: #ffffff;
}

.ready-to-eat-portion-white td:nth-child(4), .ready-to-eat-portion-white th:nth-child(4) {
  background: #ffffff;
  color: #000000;
}

.ready-to-eat-portion-orange td:nth-child(4), .ready-to-eat-portion-orange th:nth-child(4) {
  background: #e73f12;
  color: #ffffff;
}

/** Reference Quantity */
.ref-quantity-red td:nth-child(5), .ref-quantity-red th:nth-child(5) {
  background: #e73f12;
  color: #ffffff;
}

.ref-quantity-green td:nth-child(5), .ref-quantity-green th:nth-child(5) {
  background: #86bc30;
  color: #ffffff;
}

.ref-quantity-yellow td:nth-child(5), .ref-quantity-yellow th:nth-child(5) {
  background: #ffcc01;
  color: #ffffff;
}

.ref-quantity-white td:nth-child(5), .ref-quantity-white th:nth-child(5) {
  background: #ffffff;
  color: #000000;
}

.ref-quantity-orange td:nth-child(5), .ref-quantity-orange th:nth-child(5) {
  background: #e73f12;
  color: #ffffff;
}

/** Hide coluns**/
.hide-packaged-product td:nth-child(2), .hide-packaged-product th:nth-child(2) {
  display: none;
}

.hide-ready-to-eat-product td:nth-child(3), .hide-ready-to-eat-product th:nth-child(3) {
  display: none;
}

.hide-ready-to-eat-portion td:nth-child(4), .hide-ready-to-eat-portion th:nth-child(4) {
  display: none;
}

.hide-reference-quantity td:nth-child(5), .hide-reference-quantity th:nth-child(5) {
  display: none;
}

.nutri__table--small {
  border-bottom: 1px solid #999;
  margin: 0 0 0.5rem 0;
}
.nutri__table--small thead tr {
  border-bottom: 1px solid black;
}
.nutri__table--small td:last-child {
  text-align: left;
}
.nutri__table--small th,
.nutri__table--small td {
  border: 0;
  padding: 0;
}

.small-info {
  font-size: 0.7rem;
}

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

.thick-end {
  border-bottom: 10px solid black;
}

.thin-end {
  border-bottom: 1px solid black;
}

.recipe-nutri-table {
  margin-bottom: 30px;
}
.recipe-nutri-table .field--name-field-lozenge-nutrition {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.recipe-nutri-table .field--name-field-nutrition-header {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
}
.recipe-nutri-table .field--name-field-intake-info {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}
.recipe-nutri-table .nutri-labels {
  position: relative;
  height: 96px;
  width: 64px;
  border-radius: 27px;
  border: 3px solid #000000;
}
@media (min-width: 992px) {
  .recipe-nutri-table .nutri-labels {
    width: 76px;
  }
}
.recipe-nutri-table .nutri-labels .field__item {
  text-align: center;
}
.recipe-nutri-table .nutri-labels .nutri-name {
  width: 100%;
  height: 23px;
  padding-top: 3px;
  border-radius: 20px 20px 0 0;
}
.recipe-nutri-table .nutri-labels .nutri-name .field__item {
  font-size: 0.6rem;
}
@media (min-width: 992px) {
  .recipe-nutri-table .nutri-labels .nutri-name .field__item {
    font-size: 0.75rem;
  }
}
.recipe-nutri-table .nutri-labels .nutri-gram {
  padding-top: 5px;
  font-size: 0.85rem;
  word-wrap: break-word;
}
.recipe-nutri-table .nutri-labels .nutri-percentage {
  position: absolute;
  bottom: 0;
  width: 49px;
  height: 29px;
  margin-left: 5px;
  margin-bottom: -2px;
  padding-top: 6px;
  background: #000000;
  border-radius: 50%;
  font-size: 0.65rem;
  color: #ffffff;
}
@media (min-width: 992px) {
  .recipe-nutri-table .nutri-labels .nutri-percentage {
    margin-left: 11px;
  }
}
.recipe-nutri-table .nutri-red {
  background-color: #e73f12;
}
.recipe-nutri-table .nutri-green {
  background-color: #86bc30;
}
.recipe-nutri-table .nutri-yellow {
  background-color: #ffcc01;
}
.recipe-nutri-table .nutri-white {
  background-color: #ffffff;
}
.recipe-nutri-table .nutri-orange {
  background-color: #f28101;
}

/* Brandbank Styling */
#gda button {
  color: #4c4c4c;
}

.gda-popup {
  max-width: 400px;
  color: #4c4c4c;
  text-align: center;
}
.gda-popup .gda-lozenge {
  text-align: center;
}
.gda-popup .gda-lozenge li {
  float: none;
  display: inline-block;
  margin: 0 -3px;
}

.gda-header,
.gda-footer {
  margin-left: 0;
  padding-left: 2px;
  font-size: 12px;
  line-height: 1.2;
}

.gda-header {
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid #ccc;
}
.gda-header li {
  list-style-type: none;
}

.gda-footer li {
  margin-bottom: 0.5em;
  list-style-type: none;
}

.gda-lozenge {
  overflow: hidden;
  margin: 15px 0;
  padding-left: 2px;
  font-family: Arial;
  font-weight: bolder;
  color: #000000;
}
.gda-lozenge li {
  position: relative;
  float: left;
  width: 50px;
  margin-left: -2px;
  border: 2px solid #000000;
  overflow: hidden;
  border-radius: 23px;
}
.gda-lozenge span {
  display: block;
}

.gda-name {
  font-size: 8.8px;
  text-align: center;
  line-height: 2.8;
}

.gda-value {
  font-size: 9.6px;
  text-align: center;
  line-height: 1.8;
}

.gda-quantities {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  height: 26px;
  align-items: center;
}

.gda-rating-low .gda-name {
  background: #06ad4d;
}

.gda-rating-medium .gda-name {
  background: #ffda68;
}

.gda-rating-high .gda-name {
  background: #ec4343;
}

.gda-rating-unspecified .gda-value {
  margin-bottom: 4px;
  font-size: 9.6px;
  line-height: 1em;
}
.gda-rating-unspecified .gda-value:first-child {
  margin-top: -4px;
}
.gda-rating-unspecified .gda-value:last-child {
  margin-bottom: 5px;
}

.gda-pct {
  width: 30px;
  height: 30px;
  margin: 0 auto -8px;
  font-size: 9.6px;
  color: #ffffff;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  background: #000000;
}

.igd-list li {
  margin-bottom: 0.4em;
  list-style-type: disc;
  line-height: 1.5;
  list-style: disc outside;
}

*[lang=el] .field.field--name-field-nutri-heading.field--type-string.field--label-hidden.field__item {
  font-size: 28px !important;
}

/**
 * Accordion Component.
 *
 */
.paragraph--type--accordion {
  max-width: 100%;
}
.paragraph--type--accordion .field--name-field-c-subitems {
  max-width: 94%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .paragraph--type--accordion .field--name-field-c-subitems {
    max-width: 64%;
  }
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item {
  margin-bottom: 20px;
  background: #ffffff;
  border: 0;
  border-radius: 10px;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-header {
  padding: 5px 0;
  background: #ffffff;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-header {
    padding: 10px 0;
  }
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-header:hover {
  text-decoration: none;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-header .field--name-field-c-title {
  margin-left: 10px;
  padding-right: 30px;
  font-weight: 500;
  font-size: 0.9rem;
  color: #db1024;
}
@media (min-width: 768px) {
  .paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-header .field--name-field-c-title {
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-header .field--name-field-c-title {
    margin-left: 40px;
    font-size: 1.2rem;
  }
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-header .accordion-button {
  padding: 20px 25px;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-body {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -13px;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-body .paragraph--type--c-text {
  padding: 0;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-body p {
  line-height: 1.3;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-body .text-formatted,
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-body .field--name-field-summary-text {
  max-width: 97%;
  padding: 0 15px;
  margin-right: auto;
  margin-left: auto;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion--components {
  padding: 0;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .paragraph--type--accordion {
  padding-top: 0;
  margin-top: -60px;
  background: #ffffff;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .paragraph--type--accordion .paragraph--type--accordion-item {
  max-width: 100%;
}
.paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .paragraph--type--accordion .paragraph--type--accordion-item .accordion-body {
  padding-top: 0;
  margin-top: -10px;
}
.paragraph--type--accordion .field--name-field-c-subitems .accordion-button {
  padding-right: 30px;
  font-weight: 500;
  font-size: 0.9rem;
  color: #db1024 !important;
  background-color: #ffffff;
  border-radius: unset;
  box-shadow: none;
  text-transform: none;
}
@media (min-width: 992px) {
  .paragraph--type--accordion .field--name-field-c-subitems .accordion-button {
    font-size: 1.2rem;
  }
}
.paragraph--type--accordion .field--name-field-c-subitems .accordion-button:after {
  content: "+" !important;
  right: 0;
  border: none;
  font-size: 35px;
  color: #db1024;
  background: #ffffff;
}
@media (min-width: 768px) {
  .paragraph--type--accordion .field--name-field-c-subitems .accordion-button:after {
    right: 0.75em;
  }
}
.paragraph--type--accordion .field--name-field-c-subitems .accordion-button:hover {
  text-decoration: none;
}
.paragraph--type--accordion .field--name-field-c-subitems .accordion-button:not(.collapsed) {
  color: #db1024;
}
.paragraph--type--accordion .field--name-field-c-subitems .accordion-button:not(.collapsed):after {
  content: "-" !important;
  transform: unset;
  transition: ease;
}

.product__wrapper .paragraph--type--accordion,
.recipe-page .paragraph--type--accordion,
.field--name-field-ln-n-components .paragraph--type--accordion {
  padding-top: 50px;
  background: #f4f4f4;
}
.product__wrapper .paragraph--type--accordion .field--name-field-c-subitems,
.recipe-page .paragraph--type--accordion .field--name-field-c-subitems,
.field--name-field-ln-n-components .paragraph--type--accordion .field--name-field-c-subitems {
  max-width: 95%;
}
.product__wrapper .paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item,
.recipe-page .paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item,
.field--name-field-ln-n-components .paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item {
  margin-bottom: 20px;
}

.paragraph--type--faq-sub-title {
  max-width: 88%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-weight: 600;
  font-size: 1rem;
  color: #000000;
}
@media (min-width: 768px) {
  .paragraph--type--faq-sub-title {
    max-width: 61%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--faq-sub-title {
    font-size: 1.5rem;
  }
}

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

/**
 * Articles page.
 *
 * This file contains the styling for article cards, article listing and detail pages.
*/
.view-display-id-articles_view {
  margin: 50px 15px;
}
.view-display-id-articles_view .row {
  justify-content: center;
  margin-left: 0px;
  margin-right: 0px;
}
.view-display-id-articles_view .col-12 {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .view-display-id-articles_view .col-12 {
    margin-bottom: 0;
  }
}
.view-display-id-articles_view .article {
  position: relative;
  color: #222222;
}
.view-display-id-articles_view .article img {
  width: 100%;
}
.view-display-id-articles_view .article .article-content {
  min-height: 365px;
  padding: 15px;
}
@media (min-width: 768px) {
  .view-display-id-articles_view .article .article-content {
    min-height: 385px;
  }
}
.view-display-id-articles_view .article .article-content .mediumfont {
  min-height: 117px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .view-display-id-articles_view .article .article-content .mediumfont {
    font-size: 1.25rem;
  }
}
.view-display-id-articles_view .article .article-content h3 a, .view-display-id-articles_view .article .article-content .h3 a {
  color: #222222;
}
.view-display-id-articles_view .article .article-content h3 a:hover, .view-display-id-articles_view .article .article-content .h3 a:hover {
  color: #222222;
}
.view-display-id-articles_view .article .article-content .tags {
  color: #861723;
  font-weight: 700;
  text-transform: uppercase;
  transition: 1s;
}
.view-display-id-articles_view .article .article-content .hash-tag {
  font-weight: 700;
}
.view-display-id-articles_view .article .arrow-icon {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 3rem;
  opacity: 0.3;
}
@media (min-width: 768px) {
  .view-display-id-articles_view .article .arrow-icon {
    font-size: 6rem;
  }
}

.article-layout__extra-large {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article-layout__extra-large .title {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #222222;
}
.article-layout__extra-large .link .field--type-link {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
}
.article-layout__extra-large .link .field--type-link a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
  font-weight: 700;
}
@media (min-width: 768px) {
  .article-layout__extra-large .link .field--type-link a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.article-layout__extra-large .link .field--type-link a:after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url(../dist/assets/img/red-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .article-layout__extra-large .link .field--type-link a:after {
    width: 40px;
    height: 30px;
  }
}
.article-layout__extra-large .link .field--type-link a:hover {
  color: #c40018;
  text-decoration: none;
  transition: color 0.5s ease;
}
.article-layout__medium {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .article-layout__medium {
    flex-direction: row;
  }
}
.article-layout__medium .image-wrap {
  width: 100%;
  padding: 20px;
}
@media (min-width: 768px) {
  .article-layout__medium .image-wrap {
    width: 40%;
  }
}
.article-layout__medium .image-wrap .image img {
  height: 232px;
}
.article-layout__medium .content-wrap {
  width: 100%;
  padding: 20px;
}
@media (min-width: 768px) {
  .article-layout__medium .content-wrap {
    width: 60%;
  }
}
.article-layout__medium .title {
  font-size: 1.2rem;
  font-weight: 500;
  color: #222222;
}
.article-layout__medium .link .field--type-link {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
}
.article-layout__medium .link .field--type-link a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
  font-weight: 700;
}
@media (min-width: 768px) {
  .article-layout__medium .link .field--type-link a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.article-layout__medium .link .field--type-link a:after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url(../dist/assets/img/red-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .article-layout__medium .link .field--type-link a:after {
    width: 40px;
    height: 30px;
  }
}
.article-layout__medium .link .field--type-link a:hover {
  color: #c40018;
  text-decoration: none;
  transition: color 0.5s ease;
}
.article-layout__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
@media (min-width: 768px) {
  .article-layout__left {
    flex-direction: row;
  }
}
.article-layout__left .image-wrap {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .article-layout__left .image-wrap {
    width: 45%;
  }
}
.article-layout__left .image-wrap .image img {
  height: auto;
  width: 100%;
}
.article-layout__left .content-wrap {
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .article-layout__left .content-wrap {
    width: 38%;
  }
}
.article-layout__left .title {
  font-size: 48px;
  font-weight: 500;
  text-transform: uppercase;
  color: #222222;
}
.article-layout__left .link .field--type-link {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
}
.article-layout__left .link .field--type-link a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
  font-weight: 700;
}
@media (min-width: 768px) {
  .article-layout__left .link .field--type-link a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.article-layout__left .link .field--type-link a:after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url(../dist/assets/img/red-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .article-layout__left .link .field--type-link a:after {
    width: 40px;
    height: 30px;
  }
}
.article-layout__left .link .field--type-link a:hover {
  color: #c40018;
  text-decoration: none;
  transition: color 0.5s ease;
}
.article-layout__right {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  padding: 20px;
}
@media (min-width: 768px) {
  .article-layout__right {
    flex-direction: row-reverse;
  }
}
.article-layout__right .image-wrap {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .article-layout__right .image-wrap {
    width: 45%;
  }
}
.article-layout__right .image-wrap .image img {
  height: auto;
  width: 100%;
}
.article-layout__right .content-wrap {
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .article-layout__right .content-wrap {
    width: 38%;
  }
}
.article-layout__right .title {
  font-size: 2.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #222222;
}
.article-layout__right .link .field--type-link {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
}
.article-layout__right .link .field--type-link a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
  font-weight: 700;
}
@media (min-width: 768px) {
  .article-layout__right .link .field--type-link a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.article-layout__right .link .field--type-link a:after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url(../dist/assets/img/red-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .article-layout__right .link .field--type-link a:after {
    width: 40px;
    height: 30px;
  }
}
.article-layout__right .link .field--type-link a:hover {
  color: #c40018;
  text-decoration: none;
  transition: color 0.5s ease;
}

.article__list .view-content,
.view-you-might-also-like .view-content {
  margin-top: 50px;
}
.article__list .image-wrap,
.view-you-might-also-like .image-wrap {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.article__list .tag,
.view-you-might-also-like .tag {
  padding: 15px;
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 20px;
  font-weight: 700;
  color: #861723;
  text-transform: uppercase;
  background-color: #ffffff;
  transition: 1s;
}
.article__list .tag a,
.view-you-might-also-like .tag a {
  color: #861723;
  font-size: 20px;
  font-weight: 700;
}
.article__list .image,
.view-you-might-also-like .image {
  position: relative;
}
.article__list .image img,
.view-you-might-also-like .image img {
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
}
.article__list .content-wrap,
.view-you-might-also-like .content-wrap {
  margin-bottom: 15px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.article__list .content-wrap h4, .article__list .content-wrap .h4,
.view-you-might-also-like .content-wrap h4,
.view-you-might-also-like .content-wrap .h4 {
  margin-bottom: 5px;
}
.article__list .content-wrap h4 a, .article__list .content-wrap .h4 a,
.view-you-might-also-like .content-wrap h4 a,
.view-you-might-also-like .content-wrap .h4 a {
  font-size: 16px;
  font-weight: 800;
  color: #222222;
}
@media (min-width: 992px) {
  .article__list .content-wrap h4 a, .article__list .content-wrap .h4 a,
  .view-you-might-also-like .content-wrap h4 a,
  .view-you-might-also-like .content-wrap .h4 a {
    font-size: 28px;
  }
}
.article__list .content-wrap .icon__clock,
.view-you-might-also-like .content-wrap .icon__clock {
  padding: 10px 0;
  display: inline-flex;
  align-items: center;
  font-size: 20px;
}
.article__list .content-wrap .icon__clock:before,
.view-you-might-also-like .content-wrap .icon__clock:before {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  background: url(../dist/assets/img/icon-clock.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
.article__list .content-wrap .icon__clock .icon__clock--time,
.view-you-might-also-like .content-wrap .icon__clock .icon__clock--time {
  padding-left: 7px;
  color: #222222;
}
.article__list .content-wrap .blurp,
.view-you-might-also-like .content-wrap .blurp {
  padding: 10px 0;
  font-size: 20px;
}
.article__list .content-wrap .read-more,
.view-you-might-also-like .content-wrap .read-more {
  margin-top: -5px;
  padding: 10px 0;
}
.article__list .content-wrap .read-more a,
.view-you-might-also-like .content-wrap .read-more a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
  font-weight: 700;
}
@media (min-width: 768px) {
  .article__list .content-wrap .read-more a,
  .view-you-might-also-like .content-wrap .read-more a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.article__list .content-wrap .read-more a:after,
.view-you-might-also-like .content-wrap .read-more a:after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url(../dist/assets/img/red-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .article__list .content-wrap .read-more a:after,
  .view-you-might-also-like .content-wrap .read-more a:after {
    width: 40px;
    height: 30px;
  }
}
.article__list .content-wrap .read-more a:hover,
.view-you-might-also-like .content-wrap .read-more a:hover {
  color: #c40018;
  text-decoration: none;
  transition: color 0.5s ease;
}
.article__list .wrapper [class^=col-],
.view-you-might-also-like .wrapper [class^=col-] {
  display: flex;
}
.article__list .wrapper [class^=col-] .wrapper,
.view-you-might-also-like .wrapper [class^=col-] .wrapper {
  flex: 1 1 auto;
  background-color: #ffffff;
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
}
.article__list .view-footer,
.view-you-might-also-like .view-footer {
  text-align: center;
  margin-bottom: 20px;
}
.article__list .view-footer .btn__secondary,
.view-you-might-also-like .view-footer .btn__secondary {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}
.article__list .view-footer .btn__secondary:hover,
.view-you-might-also-like .view-footer .btn__secondary:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.article__list .view-footer .btn__secondary a,
.article__list .view-footer .btn__secondary span,
.view-you-might-also-like .view-footer .btn__secondary a,
.view-you-might-also-like .view-footer .btn__secondary span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.article__list .view-footer .btn__secondary:active, .article__list .view-footer .btn__secondary:focus,
.view-you-might-also-like .view-footer .btn__secondary:active,
.view-you-might-also-like .view-footer .btn__secondary:focus {
  background-color: #db1024;
}

.article__list .wrapper .wrapper {
  max-width: 540px;
}

.view-you-might-also-like .tag {
  right: 0;
}
.view-you-might-also-like .wrapper {
  max-width: 540px;
}

.homepage-article-list {
  padding: 30px 0;
  background-color: #f4f4f4;
}
.homepage-article-list .more-link {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.homepage-article-list .more-link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}
.homepage-article-list .more-link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.homepage-article-list .more-link a a,
.homepage-article-list .more-link a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.article__heading-wrapper {
  margin-top: 30px;
  position: relative;
}
.article__heading-wrapper .field--type-entity-reference {
  margin: 0;
  text-align: center;
}
.article__heading-wrapper h1, .article__heading-wrapper .h1 {
  margin: 0 auto;
  text-align: center;
}
.article__heading-wrapper .article__main-tag {
  margin-bottom: 10px;
  color: #db1024;
  font-weight: 800;
}

.node--type-dsu-article .node__content .paragraph--type--c-text,
.node--type-dsu-article .node__content .field--name-field-summary-text {
  padding: 0;
}
.node--type-dsu-article .node__content .paragraph--type--c-text p,
.node--type-dsu-article .node__content .field--name-field-summary-text p {
  padding-left: 0;
  padding-right: 0;
}
.node--type-dsu-article .node__content .paragraph--type--c-text .dsu_cta_link,
.node--type-dsu-article .node__content .field--name-field-summary-text .dsu_cta_link {
  margin-bottom: 20px;
}
.node--type-dsu-article .node__content .paragraph--type--c-text .dsu_cta_link a,
.node--type-dsu-article .node__content .field--name-field-summary-text .dsu_cta_link a {
  padding: 0;
}
.node--type-dsu-article .node__content .article__intro-info {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.node--type-dsu-article .node__content .article {
  position: relative;
  padding: 0;
}
.node--type-dsu-article .node__content .article .paragraph--type--layout-columns-3 {
  max-width: 100%;
  margin: 30px auto;
}
@media (min-width: 992px) {
  .node--type-dsu-article .node__content .article .paragraph--type--layout-columns-3 {
    max-width: 90%;
  }
}
.node--type-dsu-article .node__content .article .paragraph--type--layout-columns-3 h2, .node--type-dsu-article .node__content .article .paragraph--type--layout-columns-3 .h2 {
  margin-top: 30px;
  text-align: center;
  border-top: 2px dashed #4E4D4D;
  color: #db1024;
}
.node--type-dsu-article .node__content .article .paragraph--type--layout-columns-3 .field--name-field-sub-heading {
  margin-top: 20px;
  font-weight: 600;
  padding-left: 0;
}
.node--type-dsu-article .node__content .article .paragraph--type--layout-columns-3 .field--name-field-c-advanced-title {
  display: block;
}
.node--type-dsu-article .node__content .article .paragraph--type--c-image {
  max-width: 1440px;
  margin: 0 auto;
}
.node--type-dsu-article .node__content .icon__clock {
  display: inline-flex;
  align-items: center;
}
.node--type-dsu-article .node__content .icon__clock:before {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  background: url(../dist/assets/img/icon-clock.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
.node--type-dsu-article .node__content .icon__clock--time {
  padding-left: 7px;
}

.share__vertical {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-left: -40px;
}
@media (min-width: 992px) {
  .share__vertical {
    position: absolute;
  }
}
.share__vertical .block-better-social-sharing-buttons .social-sharing-buttons {
  justify-content: flex-start;
  flex-direction: column !important;
  margin: 0;
}

.share__icons .social-media-sharing ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (min-width: 992px) {
  .share__icons .social-media-sharing ul {
    flex-direction: column;
  }
}

.share-recipe {
  padding-bottom: 20px;
}
.share-recipe .share-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .share-recipe .share-icon {
    font-size: 0.85rem;
  }
}
.share-recipe .share-icon:hover {
  text-decoration: underline;
}
.share-recipe .share-icon::after {
  content: "";
  height: 30px;
  width: 30px;
  margin-left: 15px;
  background-image: url(../dist/assets/img/share-icon-inverted.svg);
  background-repeat: no-repeat;
  background-size: 25px;
}
.share-recipe .share-icons {
  display: inline-block;
}

.node--type-ln-article .node__content .paragraph--type--c-text,
.node--type-ln-article .node__content .field--name-field-summary-text {
  padding: 0;
}
.node--type-ln-article .node__content .paragraph--type--c-text p,
.node--type-ln-article .node__content .field--name-field-summary-text p {
  padding-left: 0;
  padding-right: 0;
}
.node--type-ln-article .node__content .paragraph--type--c-text .dsu_cta_link,
.node--type-ln-article .node__content .field--name-field-summary-text .dsu_cta_link {
  margin-bottom: 20px;
}
.node--type-ln-article .node__content .paragraph--type--c-text .dsu_cta_link a,
.node--type-ln-article .node__content .field--name-field-summary-text .dsu_cta_link a {
  padding: 0;
}
.node--type-ln-article .node__content .article__intro-info {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.node--type-ln-article .node__content .article {
  position: relative;
  padding: 0;
}
.node--type-ln-article .node__content .article .paragraph--type--layout-columns-3 {
  max-width: 100%;
  margin: 30px auto;
}
@media (min-width: 992px) {
  .node--type-ln-article .node__content .article .paragraph--type--layout-columns-3 {
    max-width: 90%;
  }
}
.node--type-ln-article .node__content .article .paragraph--type--layout-columns-3 h2, .node--type-ln-article .node__content .article .paragraph--type--layout-columns-3 .h2 {
  margin-top: 30px;
  text-align: center;
  border-top: 2px dashed #4E4D4D;
  color: #db1024;
}
.node--type-ln-article .node__content .article .paragraph--type--layout-columns-3 .field--name-field-sub-heading {
  margin-top: 20px;
  font-weight: 600;
  padding-left: 0;
}
.node--type-ln-article .node__content .article .paragraph--type--layout-columns-3 .field--name-field-c-advanced-title {
  display: block;
}
.node--type-ln-article .node__content .article .paragraph--type--c-image {
  max-width: 1440px;
  margin: 0 auto;
}
.node--type-ln-article .node__content .icon__clock {
  display: inline-flex;
  align-items: center;
}
.node--type-ln-article .node__content .icon__clock:before {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  background: url(../dist/assets/img/icon-clock.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
.node--type-ln-article .node__content .icon__clock--time {
  padding-left: 7px;
}

/**
 * Timeline slider.
 *
 * This file contains the styling for the timeline slider.
*/
.timeline {
  padding: 0 20px;
  margin-bottom: 60px;
  color: #ffffff;
}
@media (min-width: 768px) {
  .timeline {
    padding: 0;
  }
}
.timeline__date {
  margin-bottom: 20px;
}
.timeline__date h2, .timeline__date .h2 {
  text-align: center;
  font-size: 2.4rem;
  color: #ffffff;
}
@media (min-width: 768px) {
  .timeline__date h2, .timeline__date .h2 {
    font-size: 3.5rem;
  }
}
.timeline__wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .timeline__wrapper {
    flex-direction: row;
  }
}
.timeline__wrapper .content {
  order: 2;
  position: relative;
  z-index: 3;
  width: 100%;
  margin: auto;
  text-align: left;
}
@media (min-width: 768px) {
  .timeline__wrapper .content {
    order: 0;
    border-left: 4px solid;
    border-top: 4px solid;
    width: 55%;
    padding: 25px;
    margin: 0 10px;
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .timeline__wrapper .content {
    width: 45%;
    margin: 0 50px;
    padding: 30px;
  }
}
.timeline__wrapper .content h2, .timeline__wrapper .content .h2 {
  color: #ffffff;
}
.timeline__wrapper .content .link-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .timeline__wrapper .content .link-wrapper {
    flex-direction: row;
  }
}
.timeline__wrapper .content .link-wrapper .link {
  margin-top: 30px;
  margin-right: 30px;
}
.timeline__wrapper .content .link-wrapper .link .field--name-field-tl-link {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  font-size: 16px;
  line-height: 1.846;
  padding: 12px 0;
  margin-left: 0;
}
.timeline__wrapper .content .link-wrapper .link .field--name-field-tl-link:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.timeline__wrapper .content .link-wrapper .link .field--name-field-tl-link:active, .timeline__wrapper .content .link-wrapper .link .field--name-field-tl-link:focus {
  background-color: white;
}
.timeline__wrapper .content .link-wrapper .link .field--name-field-tl-link a,
.timeline__wrapper .content .link-wrapper .link .field--name-field-tl-link span {
  padding: 0;
  color: #E30612;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.timeline__wrapper .content .share-recipe {
  margin-top: 30px;
  cursor: pointer;
}
.timeline__wrapper .content .share-recipe .share-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .timeline__wrapper .content .share-recipe .share-icon {
    font-size: 0.85rem;
  }
}
.timeline__wrapper .content .share-recipe .share-icon:hover {
  text-decoration: underline;
}
.timeline__wrapper .content .share-recipe .share-icon::after {
  content: "";
  height: 30px;
  width: 30px;
  margin-left: 15px;
  background-image: url(../dist/assets/img/share-icon.svg);
  background-repeat: no-repeat;
  background-size: 25px;
}
.timeline__wrapper .content .share-recipe .share-icons {
  display: inline-block;
}
.timeline__wrapper .image {
  width: 100%;
  max-height: 500px;
}
@media (min-width: 768px) {
  .timeline__wrapper .image {
    width: 45%;
  }
}

.vegan .slick__arrow {
  display: none;
}
@media (min-width: 1200px) {
  .vegan .slick__arrow {
    display: block;
  }
}
.vegan .share-recipe {
  display: none;
}
.vegan .paragraph--type--c-text .field--name-field-summary-text {
  padding-bottom: 0;
}

.cad-timeline {
  max-width: 1430px;
  margin: 0 auto;
}
.cad-timeline .slick-list {
  height: 30rem;
}
@media (min-width: 768px) {
  .cad-timeline .slick-list {
    height: 22rem;
  }
}
@media (min-width: 992px) {
  .cad-timeline .slick-list {
    height: 24rem;
  }
}
.cad-timeline .timeline {
  color: #000000;
}
.cad-timeline .timeline .timeline__wrapper .image .field--name-field-tl-image {
  display: flex;
  justify-content: center;
}
.cad-timeline .timeline .timeline__wrapper .image .field--name-field-tl-image img {
  height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 992px) {
  .cad-timeline .timeline .timeline__wrapper .image .field--name-field-tl-image img {
    height: 380px;
  }
}
.cad-timeline .timeline .timeline__wrapper .content {
  padding: 16px;
  border-left: 4px solid #db1024;
  border-top: 4px solid #db1024;
}
.cad-timeline .timeline .timeline__wrapper .content h2, .cad-timeline .timeline .timeline__wrapper .content .h2 {
  padding: 0 !important;
  color: #000000;
}
.cad-timeline .timeline .timeline__wrapper .content .share-recipe {
  margin-top: 0;
}
.cad-timeline .timeline .timeline__date h2, .cad-timeline .timeline .timeline__date .h2 {
  color: #000000 !important;
}
.cad-timeline .paragraph--type--c-slider .slick-dots {
  bottom: -22px;
}
@media (min-width: 768px) {
  .cad-timeline .paragraph--type--c-slider .slick-dots {
    bottom: -22px;
  }
}
@media (min-width: 992px) {
  .cad-timeline .paragraph--type--c-slider .slick-dots {
    bottom: -18px;
  }
}
.cad-timeline .slick-dots button:before {
  border: 3px solid #db1024;
}
.cad-timeline .slick-dots .slick-active button:before {
  color: #db1024;
  background-color: #db1024;
}

.history-jp .field--name-field-c-text img {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .history-jp .field--name-field-c-text img {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .history-jp .crisp img {
    width: 300px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .history-jp .history-long-text {
    padding: 30px 30px 0 30px;
  }
}

/**
 * Recipes Listing Page.
 *
 * This file contains the styling for the recipes listing tiles on /recipes.
*/
.view-recipes .wrapper {
  background: #f4f4f4;
}
.view-recipes .wrapper:not(.list) .view-content {
  display: flex;
  flex-flow: row wrap;
  row-gap: 20px;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  padding-top: 40px;
  padding-bottom: 80px;
}
@media (min-width: 768px) {
  .view-recipes .wrapper:not(.list) .view-content {
    row-gap: 30px;
  }
}
.view-recipes .wrapper:not(.list) .views-row {
  position: relative;
  display: flex;
  flex-flow: column;
  flex-basis: 100%;
  padding: 0 0 20px;
  background-color: #ffffff;
  transition: background-color 0.5s ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  .view-recipes .wrapper:not(.list) .views-row {
    flex-basis: calc(33.33333% - 10px);
    transition: background-color 0.5s ease;
  }
}
.view-recipes .wrapper:not(.list) .views-row .views-field-field-alternative-thumbnail img {
  width: 100%;
}
.view-recipes .wrapper:not(.list) .views-row .views-field-title {
  text-align: center;
  padding: 20px;
}
.view-recipes .wrapper:not(.list) .views-row .views-field-title a {
  position: relative;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  color: #000000;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  transition: color 0.5s ease;
}
.view-recipes .wrapper:not(.list) .views-row .views-field-title a:hover {
  color: #db1024;
}
.view-recipes .wrapper.list .view-content {
  display: flex;
  flex-flow: column wrap;
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  padding-top: 40px;
  padding-bottom: 80px;
}
.view-recipes .wrapper.list .view-content .views-row {
  display: flex;
  flex-flow: row;
  margin-bottom: 20px;
  padding: 0;
  background: #ffffff;
}
@media (min-width: 768px) {
  .view-recipes .wrapper.list .view-content .views-row {
    margin-bottom: 40px;
  }
}
.view-recipes .wrapper.list .view-content .views-row .views-field-field-alternative-thumbnail {
  max-width: 33.33333%;
}
.view-recipes .wrapper.list .view-content .views-row .views-field-title {
  padding: 20px;
}
@media (min-width: 768px) {
  .view-recipes .wrapper.list .view-content .views-row .views-field-title {
    padding: 40px 20px;
  }
}
.view-recipes .wrapper.list .view-content .views-row .views-field-title a {
  color: #000000;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  transition: color 0.5s ease;
}
.view-recipes .wrapper.list .view-content .views-row .views-field-title a:hover {
  color: #db1024;
}
.view-recipes .js-pager__items {
  justify-content: center;
  background: #f4f4f4;
}
.view-recipes .js-pager__items li {
  position: relative;
  min-width: 40px;
  cursor: pointer;
  overflow: auto;
  background: transparent;
}
.view-recipes .js-pager__items li a {
  border: 0;
  cursor: pointer;
}
.view-recipes .js-pager__items li a:hover, .view-recipes .js-pager__items li a:active, .view-recipes .js-pager__items li a:focus {
  color: #db1024;
  text-decoration: underline;
}
.view-recipes .js-pager__items li .page-link {
  border: 0;
  background: transparent;
}
.view-recipes .js-pager__items li.active:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 37px;
  display: inline-block;
  background-image: url(../dist/assets/img/dot.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.view-recipes .js-pager__items li.active .page-link {
  background: transparent;
}
.view-recipes .more-link {
  text-align: center;
  padding: 20px 0 80px;
}
.view-recipes .more-link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}
.view-recipes .more-link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.view-recipes .more-link a a,
.view-recipes .more-link a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.external-recipes .views-row {
  position: relative;
}
.external-recipes .views-row a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: #000000;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  text-indent: -9999px;
}
.external-recipes .views-row a:hover {
  color: #db1024;
  text-decoration: underline;
}

/**
 * Recipes Detail Page.
 *
 * This file contains the styling for the recipe details pages.
*/
.recipe-page .recipe-details,
.recipe-page .recipe-directions,
.recipe-page .product-used {
  padding-right: calc(0.5 * var(--bs-gutter-x));
  padding-right: calc(0.5 * var(--bs-gutter-x));
  padding-left: calc(0.5 * var(--bs-gutter-x));
  padding-left: calc(0.5 * var(--bs-gutter-x));
}
.recipe-page .recipe-details {
  background-color: #f4f4f4;
}
@media (min-width: 992px) {
  .recipe-page .recipe-details {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.recipe-page .paragraph--type--products-used .row {
  align-items: center;
}
.recipe-page .paragraph--type--products-used .row .field--name-field-alternative-thumbnail {
  max-width: 150px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .recipe-page .paragraph--type--products-used .row .field--name-field-alternative-thumbnail {
    max-width: 300px;
  }
}
.recipe-page .paragraph--type--products-used .row .field--name-field-c-title {
  margin-bottom: 20px;
  font-size: 0.8rem;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .recipe-page .paragraph--type--products-used .row .field--name-field-c-title {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.recipe-page .paragraph--type--products-used .row .field--name-field-weight-copy {
  margin-bottom: 20px;
  font-size: 0.8rem;
  line-height: 1.25;
  color: #222222;
}
@media (min-width: 768px) {
  .recipe-page .paragraph--type--products-used .row .field--name-field-weight-copy {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.recipe-page .paragraph--type--products-used .row .field--name-field-description {
  margin-bottom: 60px;
  font-size: 0.8rem;
  line-height: 1.25;
  color: #4E4D4D;
}
@media (min-width: 768px) {
  .recipe-page .paragraph--type--products-used .row .field--name-field-description {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.recipe-page .paragraph--type--products-used .row .field--name-field-c-link {
  margin-bottom: 50px;
}
.recipe-page .paragraph--type--products-used .row .field--name-field-c-link a {
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000000;
  font-weight: 700;
}
@media (min-width: 768px) {
  .recipe-page .paragraph--type--products-used .row .field--name-field-c-link a {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.recipe-page .paragraph--type--products-used .row .field--name-field-c-link a:after {
  content: "";
  width: 40px;
  height: 30px;
  background-image: url(../dist/assets/img/red-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.5s ease;
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .recipe-page .paragraph--type--products-used .row .field--name-field-c-link a:after {
    width: 40px;
    height: 30px;
  }
}
.recipe-page .paragraph--type--products-used .row .field--name-field-c-link a:hover {
  color: #c40018;
  text-decoration: none;
  transition: color 0.5s ease;
}
.recipe-page .recipe-faq {
  padding-top: 20px;
  background-color: #f4f4f4;
}
@media (min-width: 768px) {
  .recipe-page .recipe-faq {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
.recipe-page .what-you-will-need h2, .recipe-page .what-you-will-need .h2 {
  margin-bottom: 40px;
  padding-top: 30px;
  padding-bottom: 0;
  border-top: 2px dashed #4E4D4D;
  text-align: left;
}
@media (min-width: 992px) {
  .recipe-page .what-you-will-need h2, .recipe-page .what-you-will-need .h2 {
    padding: 20px;
    border-top: none;
  }
}
.recipe-page .ingredients-needed h2, .recipe-page .ingredients-needed .h2 {
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 0;
  text-align: left;
}
.recipe-page .ingredients-needed ul {
  padding-left: 0;
}
.recipe-page .ingredients-needed ul li {
  margin: 0;
  padding: 5px 0 20px 0;
  list-style: none;
}
.recipe-page .ingredients-needed ul li:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../dist/assets/img/tick.png);
}
.recipe-page .grid-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.recipe-page .grid-list > div {
  padding-bottom: 32px;
}
.recipe-page .grid-list .oven:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../dist/assets/img/oven_.svg) no-repeat;
}
.recipe-page .grid-list .refrigerator:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../dist/assets/img/refrigerator_.svg) no-repeat;
}
.recipe-page .grid-list .baking-sheet:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../dist/assets/img/baking-sheet_.svg) no-repeat;
}
.recipe-page .grid-list .mixing-bowl:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../dist/assets/img/mixing-bowl_.svg) no-repeat;
}
.recipe-page .grid-list .muffin-cups:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../dist/assets/img/muffin-cups_.svg) no-repeat;
}
.recipe-page .grid-list .microwave-safe-bowl:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../dist/assets/img/microwave-safe-bowl_.svg) no-repeat;
}
.recipe-page .grid-list .microwave:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../dist/assets/img/microwave_.svg) no-repeat;
}
.recipe-page .grid-list .cake-tin:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../dist/assets/img/muffin-cups_.svg) no-repeat;
}
.recipe-page .recipe-directions {
  width: 100%;
  padding: 20px;
}
@media (min-width: 992px) {
  .recipe-page .recipe-directions {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.recipe-page .product-used h4, .recipe-page .product-used .h4 {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.16;
}
@media (min-width: 768px) {
  .recipe-page .product-used h4, .recipe-page .product-used .h4 {
    font-size: 1.875rem;
    line-height: 1.13;
  }
}
.recipe-page h2, .recipe-page .h2 {
  padding-bottom: 30px;
  text-align: center;
}
.recipe-page ol li {
  position: relative;
  margin-bottom: 40px;
  padding-left: 20px;
  font-size: 16px;
}
.recipe-page ol li:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 0;
  bottom: 0;
  left: -35px;
  width: 100%;
  height: 37px;
  display: inline-block;
  background-image: url(../dist/assets/img/dot.png);
  background-repeat: no-repeat;
  z-index: -1;
}
.recipe-page ol li::marker {
  color: #ffffff;
  font-weight: 600;
  font-size: 20px;
}
.recipe-page ol li:first-child::after {
  border: none;
}
.recipe-page ol li:after {
  content: "";
  position: absolute;
  top: -57px;
  right: 0;
  bottom: 20px;
  left: -14px;
  display: inline-block;
  border-left: 2px dashed #db1024;
  transform: translateY(4px);
  z-index: -2;
}
@media (min-width: 992px) {
  .recipe-page ol li:after {
    top: -40px;
    right: 0;
    bottom: 0;
    left: -14px;
  }
}
.recipe-page .recipe-tip {
  height: auto;
  padding-left: 50px;
  margin-top: 20px;
}
.recipe-page .recipe-tip .tip-icon {
  width: 10%;
  position: relative;
  display: inline-block;
  padding-left: 74px;
  cursor: pointer;
}
.recipe-page .recipe-tip .tip-icon::before {
  content: "";
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../dist/assets/img/tip-icon.svg);
}
.recipe-page .recipe-tip .tip-content {
  width: 85%;
  display: inline-block;
  padding: 14px 20px;
  border-radius: 10px;
  background: #f4f4f4;
  color: #222222;
}
.recipe-page .recipe-notes {
  padding: 40px 33px;
  margin-top: 50px;
  margin-bottom: 50px;
  background: #4E4D4D;
  color: #ffffff;
}
.recipe-page .recipe-notes .notes-heading {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid;
}
.recipe-page .recipe-notes .notes-content {
  padding-top: 20px;
}

/**
 * Recipes Occasions View.
 *
 * This file contains the styling for the More Occasions View at the bottom
 * of the recipes listing page.
 *
*/
.view-recipes-occasion .view-content,
.view-more-occasions .view-content,
.view-categorized-recipes .view-content {
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-left: calc(0.5 * var(--bs-gutter-x));
  padding-top: 40px;
  padding-bottom: 80px;
}
@media (min-width: 768px) {
  .view-recipes-occasion .view-content,
  .view-more-occasions .view-content,
  .view-categorized-recipes .view-content {
    row-gap: 30px;
  }
}
.view-recipes-occasion .view-content .row,
.view-more-occasions .view-content .row,
.view-categorized-recipes .view-content .row {
  justify-content: center;
}
.view-recipes-occasion .view-content .row > div,
.view-more-occasions .view-content .row > div,
.view-categorized-recipes .view-content .row > div {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .view-recipes-occasion .view-content .row > div,
  .view-more-occasions .view-content .row > div,
  .view-categorized-recipes .view-content .row > div {
    margin-bottom: 60px;
  }
}
.view-recipes-occasion .view-content .row > div .views-field-field-image img,
.view-recipes-occasion .view-content .row > div .views-field-field-occasion-thumbnail img,
.view-recipes-occasion .view-content .row > div .views-field-field-alternative-thumbnail img,
.view-more-occasions .view-content .row > div .views-field-field-image img,
.view-more-occasions .view-content .row > div .views-field-field-occasion-thumbnail img,
.view-more-occasions .view-content .row > div .views-field-field-alternative-thumbnail img,
.view-categorized-recipes .view-content .row > div .views-field-field-image img,
.view-categorized-recipes .view-content .row > div .views-field-field-occasion-thumbnail img,
.view-categorized-recipes .view-content .row > div .views-field-field-alternative-thumbnail img {
  width: 100%;
}
.view-recipes-occasion .view-content .row > div .views-field-name,
.view-recipes-occasion .view-content .row > div .views-field-field-occasion-title,
.view-recipes-occasion .view-content .row > div .views-field-title,
.view-more-occasions .view-content .row > div .views-field-name,
.view-more-occasions .view-content .row > div .views-field-field-occasion-title,
.view-more-occasions .view-content .row > div .views-field-title,
.view-categorized-recipes .view-content .row > div .views-field-name,
.view-categorized-recipes .view-content .row > div .views-field-field-occasion-title,
.view-categorized-recipes .view-content .row > div .views-field-title {
  text-align: center;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .view-recipes-occasion .view-content .row > div .views-field-name,
  .view-recipes-occasion .view-content .row > div .views-field-field-occasion-title,
  .view-recipes-occasion .view-content .row > div .views-field-title,
  .view-more-occasions .view-content .row > div .views-field-name,
  .view-more-occasions .view-content .row > div .views-field-field-occasion-title,
  .view-more-occasions .view-content .row > div .views-field-title,
  .view-categorized-recipes .view-content .row > div .views-field-name,
  .view-categorized-recipes .view-content .row > div .views-field-field-occasion-title,
  .view-categorized-recipes .view-content .row > div .views-field-title {
    padding-top: 40px;
  }
}
.view-recipes-occasion .view-content .row > div .views-field-name a,
.view-recipes-occasion .view-content .row > div .views-field-field-occasion-title a,
.view-recipes-occasion .view-content .row > div .views-field-title a,
.view-more-occasions .view-content .row > div .views-field-name a,
.view-more-occasions .view-content .row > div .views-field-field-occasion-title a,
.view-more-occasions .view-content .row > div .views-field-title a,
.view-categorized-recipes .view-content .row > div .views-field-name a,
.view-categorized-recipes .view-content .row > div .views-field-field-occasion-title a,
.view-categorized-recipes .view-content .row > div .views-field-title a {
  color: #000000;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
  transition: color 0.5s ease;
}
@media (min-width: 768px) {
  .view-recipes-occasion .view-content .row > div .views-field-name a,
  .view-recipes-occasion .view-content .row > div .views-field-field-occasion-title a,
  .view-recipes-occasion .view-content .row > div .views-field-title a,
  .view-more-occasions .view-content .row > div .views-field-name a,
  .view-more-occasions .view-content .row > div .views-field-field-occasion-title a,
  .view-more-occasions .view-content .row > div .views-field-title a,
  .view-categorized-recipes .view-content .row > div .views-field-name a,
  .view-categorized-recipes .view-content .row > div .views-field-field-occasion-title a,
  .view-categorized-recipes .view-content .row > div .views-field-title a {
    font-size: 1.2rem;
    line-height: 1.16;
  }
}
.view-recipes-occasion .view-content .row > div .views-field-name a:hover,
.view-recipes-occasion .view-content .row > div .views-field-field-occasion-title a:hover,
.view-recipes-occasion .view-content .row > div .views-field-title a:hover,
.view-more-occasions .view-content .row > div .views-field-name a:hover,
.view-more-occasions .view-content .row > div .views-field-field-occasion-title a:hover,
.view-more-occasions .view-content .row > div .views-field-title a:hover,
.view-categorized-recipes .view-content .row > div .views-field-name a:hover,
.view-categorized-recipes .view-content .row > div .views-field-field-occasion-title a:hover,
.view-categorized-recipes .view-content .row > div .views-field-title a:hover {
  color: #db1024;
}

/**
 * Promotions page style sheet.
 *
 * Used to style promotions pages.
*/
.node--type-promotions .paragraph--type--layout-columns-3 .par-icon__description {
  color: #000000;
  font-weight: 400;
}

.iap-view-adaptation {
  background-color: #fdf6e9;
}
.iap-view-adaptation .iap--teaser_header {
  color: #984824;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
}
.iap-view-adaptation .teaser---items {
  max-width: 1024px;
  margin: 0 auto;
}
.iap-view-adaptation .teaser---items .row {
  margin: 0;
}
.iap-view-adaptation .teaser---items .row .col-md-6 {
  padding: 0;
}
.iap-view-adaptation .teaser---items .row .col-md-6 .p-3 {
  padding: 10px !important;
}
.iap-view-adaptation .teaser---items .cocoa,
.iap-view-adaptation .teaser---items .kids,
.iap-view-adaptation .teaser---items .trees,
.iap-view-adaptation .teaser---items .money {
  padding: 0;
  border-radius: 50px;
}
.iap-view-adaptation .teaser---items .cocoa:hover,
.iap-view-adaptation .teaser---items .kids:hover,
.iap-view-adaptation .teaser---items .trees:hover,
.iap-view-adaptation .teaser---items .money:hover {
  background-color: #ffffff;
  box-shadow: 0px 0px 25px 0px #861723;
}
.iap-view-adaptation .teaser---items .cocoa:hover h3, .iap-view-adaptation .teaser---items .cocoa:hover .h3,
.iap-view-adaptation .teaser---items .cocoa:hover p,
.iap-view-adaptation .teaser---items .kids:hover h3,
.iap-view-adaptation .teaser---items .kids:hover .h3,
.iap-view-adaptation .teaser---items .kids:hover p,
.iap-view-adaptation .teaser---items .trees:hover h3,
.iap-view-adaptation .teaser---items .trees:hover .h3,
.iap-view-adaptation .teaser---items .trees:hover p,
.iap-view-adaptation .teaser---items .money:hover h3,
.iap-view-adaptation .teaser---items .money:hover .h3,
.iap-view-adaptation .teaser---items .money:hover p {
  color: #861723;
}
.iap-view-adaptation .teaser---items .cocoa:hover .dsu_btn .btn,
.iap-view-adaptation .teaser---items .kids:hover .dsu_btn .btn,
.iap-view-adaptation .teaser---items .trees:hover .dsu_btn .btn,
.iap-view-adaptation .teaser---items .money:hover .dsu_btn .btn {
  background-color: #861723 !important;
}
.iap-view-adaptation .teaser---items .cocoa:hover .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .kids:hover .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .trees:hover .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .money:hover .dsu_btn .btn a {
  color: #fdf6e9 !important;
}
.iap-view-adaptation .teaser---items .cocoa .dsu_btn,
.iap-view-adaptation .teaser---items .kids .dsu_btn,
.iap-view-adaptation .teaser---items .trees .dsu_btn,
.iap-view-adaptation .teaser---items .money .dsu_btn {
  padding: 50px;
}
.iap-view-adaptation .teaser---items .cocoa .dsu_btn .btn,
.iap-view-adaptation .teaser---items .kids .dsu_btn .btn,
.iap-view-adaptation .teaser---items .trees .dsu_btn .btn,
.iap-view-adaptation .teaser---items .money .dsu_btn .btn {
  width: 100%;
  border-radius: 60px;
  background-color: #fdf6e9 !important;
  box-shadow: none !important;
}
.iap-view-adaptation .teaser---items .cocoa .dsu_btn .btn:hover,
.iap-view-adaptation .teaser---items .kids .dsu_btn .btn:hover,
.iap-view-adaptation .teaser---items .trees .dsu_btn .btn:hover,
.iap-view-adaptation .teaser---items .money .dsu_btn .btn:hover {
  filter: unset;
}
.iap-view-adaptation .teaser---items .cocoa .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .kids .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .trees .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .money .dsu_btn .btn a {
  color: #861723 !important;
}
.iap-view-adaptation .teaser---items .cocoa .field--name-field-summary-text,
.iap-view-adaptation .teaser---items .kids .field--name-field-summary-text,
.iap-view-adaptation .teaser---items .trees .field--name-field-summary-text,
.iap-view-adaptation .teaser---items .money .field--name-field-summary-text {
  padding: 0;
}
.iap-view-adaptation .teaser---items .trees {
  background-color: #4d8217;
}
.iap-view-adaptation .teaser---items .trees .dsu_btn {
  padding: 50px;
}
.iap-view-adaptation .teaser---items .trees .dsu_btn .btn a {
  color: #4d8217 !important;
}
.iap-view-adaptation .teaser---items .money {
  background-color: #ffa200;
}
.iap-view-adaptation .teaser---items .cocoa {
  background-color: #c7492c;
}
.iap-view-adaptation .teaser---items .kids {
  background-color: #861723;
}
.iap-view-adaptation .iap_campaign--teaser-image-text {
  border-radius: 50px;
}
.iap-view-adaptation .iap_campaign--teaser-image-text img {
  margin-top: -25px;
  border-radius: 50px 50px 0 0;
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text {
  padding: 20px;
}
@media (min-width: 768px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text {
    padding: 50px;
  }
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
  font-size: 30px;
}
@media (min-width: 768px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
    font-size: 40px;
  }
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3,
.iap-view-adaptation .iap_campaign--teaser-image-text .text p {
  color: #ffffff;
}

.webform-submission-influencer-box-promotion-entry-f-form {
  max-width: 1220px;
  margin: 0 auto;
}
.webform-submission-influencer-box-promotion-entry-f-form h2, .webform-submission-influencer-box-promotion-entry-f-form .h2 {
  text-align: center;
  color: #D70D25;
}
.webform-submission-influencer-box-promotion-entry-f-form .form-wrapper {
  max-width: 600px;
  margin: 0 auto;
}
.webform-submission-influencer-box-promotion-entry-f-form .form-wrapper label {
  margin-bottom: 15px;
  font-weight: 500;
}
.webform-submission-influencer-box-promotion-entry-f-form .form-wrapper .form-item-agreement label {
  display: none;
}
.webform-submission-influencer-box-promotion-entry-f-form .form-actions {
  display: flex;
  justify-content: center;
  max-width: unset;
}
.webform-submission-influencer-box-promotion-entry-f-form .form-actions button {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}
.webform-submission-influencer-box-promotion-entry-f-form .form-actions button:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.webform-submission-influencer-box-promotion-entry-f-form .form-actions button a,
.webform-submission-influencer-box-promotion-entry-f-form .form-actions button span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

/**
 * Contact Us && FAQ page style sheet.
 *
 * Used to style promotions pages..
*/
.feedback {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .feedback {
    flex-direction: row;
  }
}
.feedback .feedback__content {
  width: 100%;
  padding: 10px;
}
@media (min-width: 992px) {
  .feedback .feedback__content {
    width: 60%;
    padding: 0;
  }
}
.feedback .feedback__content .btn-secondary {
  margin-bottom: 15px;
  background-color: transparent;
}
.feedback .feedback__content .btn-secondary a {
  color: #ffffff;
}
.feedback .feedback__content .btn-secondary .field__item a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  margin-bottom: 10px;
}
.feedback .feedback__content .btn-secondary .field__item a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.feedback .feedback__content .btn-secondary .field__item a a,
.feedback .feedback__content .btn-secondary .field__item a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.feedback .feedback__content .contact {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8rem;
}
@media (min-width: 768px) {
  .feedback .feedback__content .contact {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .feedback .feedback__content .contact {
    font-size: 1rem;
  }
}
.feedback .feedback__content .contact .number {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 20px;
  color: #db1024;
}
@media (min-width: 768px) {
  .feedback .feedback__content .contact .number {
    margin-bottom: 0;
  }
}
.feedback .feedback__content .contact .number:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 28px;
  height: 28px;
  background-image: url(../dist/assets/img/web-icon-xl-smartphone.svg);
  filter: brightness(0);
}
@media (min-width: 768px) {
  .feedback .feedback__content .contact .number:before {
    width: 48px;
    height: 48px;
  }
}
.feedback .feedback__content .contact .email {
  display: flex;
  align-items: center;
  margin-right: 20px;
  color: #db1024;
  word-break: break-word;
}
.feedback .feedback__content .contact .email:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 28px;
  height: 28px;
  background-image: url(../dist/assets/img/web-icon-xl-mail.svg);
  filter: brightness(0);
}
@media (min-width: 768px) {
  .feedback .feedback__content .contact .email:before {
    width: 48px;
    height: 48px;
  }
}
.feedback__socials {
  margin: 10px;
  padding: 10px 40px;
  width: auto;
  height: 264px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #E30612;
  border: 5px solid #c40018;
  color: #ffffff;
  text-align: center;
}
@media (min-width: 992px) {
  .feedback__socials {
    width: 20%;
  }
}
.feedback__socials .facebook-share {
  content: url(../dist/assets/img/facebook-black.svg);
  filter: invert(1);
}
.feedback__socials .twitter {
  content: url(../dist/assets/img/twitter-black.svg);
  filter: invert(1);
}
.feedback__socials .linkedin {
  content: url(../dist/assets/img/linkedin.svg);
  filter: invert(1);
  width: 38px;
}
.feedback__socials .social-media-links--platforms li a {
  color: #ffffff !important;
}
.feedback__socials .social-media-links--platforms li a span {
  font-size: 1.5em;
}

.contact-faq .paragraph--type--accordion {
  margin: 0;
  padding: 40px 20px 10px 20px;
  background-color: #f4f4f4;
}
.contact-faq .paragraph--type--double-btn {
  padding-bottom: 40px;
  text-align: center;
}

.kk-in-contact-faq {
  padding-top: 0 !important;
  margin-top: -20px !important;
}

.field--name-field-social-buttons-item {
  flex-wrap: wrap;
}
.field--name-field-social-buttons-item a.icon-link {
  max-width: 100%;
}
.field--name-field-social-buttons-item a.icon-link img {
  max-width: 40px;
  max-height: 40px;
}

.cad-grey-background .paragraph--type--c-text .field--name-field-c-title {
  padding: 0 16px;
}
@media (min-width: 768px) {
  .cad-grey-background .paragraph--type--c-text .field--name-field-c-title {
    height: 70px;
  }
}
@media (min-width: 992px) {
  .cad-grey-background .paragraph--type--c-text .field--name-field-c-title {
    height: 90px;
    padding: 0 32px;
  }
}
.cad-grey-background .paragraph--type--c-text .dsu_btn {
  padding: 0 16px;
}
@media (min-width: 768px) {
  .cad-grey-background .paragraph--type--c-text .dsu_btn {
    padding: 0 32px;
  }
}
.cad-grey-background .paragraph--type--c-text .dsu_btn a {
  padding: 0;
}
@media (max-width: 991.98px) {
  .cad-grey-background .paragraph--type--c-text .field--name-field-summary-text {
    padding: 0 0 37px;
  }
}
.cad-grey-background h2, .cad-grey-background .h2 {
  color: #000000;
}
.cad-grey-background .row .col-md-4 {
  display: flex;
  margin-bottom: 16px;
}
.cad-grey-background .row .col-md-4 .field--type-entity-reference-revisions {
  background-color: #f4f4f4;
}
.cad-grey-background .cad-number {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #db1024;
}
@media (min-width: 1200px) {
  .cad-grey-background .cad-number {
    font-size: 1rem;
  }
}
.cad-grey-background .cad-number:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
  margin-bottom: -6px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 28px;
  height: 28px;
  background-image: url(../dist/assets/img/web-icon-xl-smartphone.svg);
  filter: brightness(0);
}
@media (min-width: 1200px) {
  .cad-grey-background .cad-number:before {
    width: 48px;
    height: 48px;
    margin-bottom: -15px;
  }
}

.cad-sign-up .text-banner {
  background-color: #3C2319 !important;
}
.cad-sign-up .subpages-banner-cta .image_cta_link {
  display: flex;
  justify-content: center;
}
.cad-sign-up .subpages-banner-cta a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  font-size: 16px;
  line-height: 1.846;
}
.cad-sign-up .subpages-banner-cta a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.cad-sign-up .subpages-banner-cta a:active, .cad-sign-up .subpages-banner-cta a:focus {
  background-color: white;
}
.cad-sign-up .subpages-banner-cta a a,
.cad-sign-up .subpages-banner-cta a span {
  padding: 0;
  color: #E30612;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.dotcom-feedback-block .feedback__socials {
  background-color: #db1024;
  border: 2px solid #ffffff;
}
.dotcom-feedback-block .feedback__content h2, .dotcom-feedback-block .feedback__content .h2 {
  color: #ffffff;
}
.dotcom-feedback-block .feedback__content .btn-secondary .field__item a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  color: #E30612;
  background-color: #ffffff;
}
.dotcom-feedback-block .feedback__content .btn-secondary .field__item a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.dotcom-feedback-block .feedback__content .btn-secondary .field__item a a,
.dotcom-feedback-block .feedback__content .btn-secondary .field__item a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.dotcom-feedback-block .dark-kitkat-red {
  color: #861723;
}
.dotcom-feedback-block .share-recipe .share-icons {
  display: inline-block !important;
}

html:lang(id) h2.webform-section-title, html:lang(id) .webform-section-title.h2,
html:lang(id) h2.webform-section-title {
  display: none;
}

.form-control.error,
.custom-select.error {
  box-shadow: 0 0 0 0.25rem rgba(196, 0, 24, 0.3294117647);
}

/**
* A style sheet for the 404 page.
**/
.error-404 .homepage-finger-background,
.page-404 .homepage-finger-background {
  height: 60vh;
}
.error-404 .paragraph--type--c-image .field--name-field-c-image img,
.page-404 .paragraph--type--c-image .field--name-field-c-image img {
  position: absolute;
  top: 20vh;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  .error-404 .paragraph--type--c-image .field--name-field-c-image img,
  .page-404 .paragraph--type--c-image .field--name-field-c-image img {
    width: 500px;
  }
}
.error-404 .field--name-field-404-section-title,
.page-404 .field--name-field-404-section-title {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
}

.cad-error-brkng.red-background {
  padding-bottom: 0;
  margin-bottom: 0;
  background-size: cover;
  background: #ba0018;
}
.cad-error-brkng .field--name-field-404-section-title {
  padding-bottom: 0;
  margin-top: 30px;
  margin-bottom: 0;
  color: #FF3539;
}
.cad-error-brkng .paragraph--type--c-image .field--name-field-c-image img {
  position: relative;
  top: unset;
  width: 100%;
}
@media (min-width: 768px) {
  .cad-error-brkng .paragraph--type--c-image .field--name-field-c-image img {
    width: 60%;
  }
}

.error-brkng {
  padding: 0;
}
.error-brkng .paragraph--type--c-text {
  padding: 0;
}

/**
 * Sitemap.
 *
 * This file contains the styling for the sitemap page.
 *
*/
.sitemap {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  display: flex;
  flex-wrap: wrap;
}
.sitemap h2, .sitemap .h2 {
  color: #db1024;
}
.sitemap .sitemap-item {
  margin: 1rem;
}
@media (min-width: 768px) {
  .sitemap .sitemap-item {
    margin: 2rem;
  }
}
.sitemap ul {
  flex-direction: column;
  margin: 0;
  padding: 0 20px;
  list-style: none;
  line-height: 1.5;
}
.sitemap ul li a {
  color: #000000;
  padding: 10px 0;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.paragraph--type--c-tabbed-content .nav-tabs .tab-bg {
  border-radius: 5px 5px 0 0;
}
.paragraph--type--c-tabbed-content .nav-tabs a:hover {
  text-decoration: none;
}
.paragraph--type--c-tabbed-content .nav-tabs .field--name-field-c-title {
  color: #ffffff;
}
.paragraph--type--c-tabbed-content .nav-tabs li .active .field--name-field-c-title {
  color: #E30612;
}

/*
 *  Brandbank Connector EAN.
 *
 * This is currently only being used on kitkat6 / UK.
 */
.paragraph--type--brandbank-connector-ean {
  margin-bottom: 20px;
}
.paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .field__label {
  display: none;
}
@media screen and (max-width: 767px) {
  .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean > .field__item {
    overflow: auto;
  }
}
@media screen and (max-width: 767px) {
  .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri__table, .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri-wrapper .nutri .nutri-inner__table--grid, .nutri-wrapper .nutri .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri-inner__table--grid, .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri__table--small {
    width: 200%;
    overflow-y: scroll;
  }
}
.paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri__table tr, .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri-wrapper .nutri .nutri-inner__table--grid tr, .nutri-wrapper .nutri .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri-inner__table--grid tr, .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri__table--small tr {
  background: transparent;
  border-bottom: 1px solid #000000;
}
.paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri__table tr th, .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri-wrapper .nutri .nutri-inner__table--grid tr th, .nutri-wrapper .nutri .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri-inner__table--grid tr th, .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri__table--small tr th {
  background: transparent;
  color: #212529;
  font-weight: bold;
}
.paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri__table tr td, .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri-wrapper .nutri .nutri-inner__table--grid tr td, .nutri-wrapper .nutri .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri-inner__table--grid tr td, .paragraph--type--brandbank-connector-ean .field--name-field-brandbank-connector-ean .nutri__table--small tr td {
  border: 0;
}

.brandbank-container .row > div:first-child {
  border: 1px solid #000000;
}
.brandbank-container h2 .field--name-field-c-title, .brandbank-container .h2 .field--name-field-c-title {
  color: #3b3b3b !important;
}

.paragraph--type--explore-wrapper {
  display: flex;
  width: 100%;
  padding: 64px 0px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  justify-items: center;
  justify-content: center;
  align-items: baseline;
}
@media (min-width: 992px) {
  .paragraph--type--explore-wrapper {
    flex-direction: row;
  }
}
.paragraph--type--explore-wrapper .outer-explore-wrapper {
  position: relative;
  padding-bottom: 110px;
}
.paragraph--type--explore-wrapper .outer-explore-wrapper .explore-wrapper .field--name-field-explore-image {
  float: none;
  margin: 0;
  text-align: center;
}
.paragraph--type--explore-wrapper .outer-explore-wrapper .explore-wrapper .field--name-field-explore-image img {
  width: 100%;
  margin: 0;
}
.paragraph--type--explore-wrapper .outer-explore-wrapper .explore-wrapper .explore-link:hover {
  text-decoration: none;
}
.paragraph--type--explore-wrapper .outer-explore-wrapper .explore-wrapper .explore-text {
  width: 100%;
  height: 110px;
  padding: 40px 0px;
  position: absolute;
  bottom: 0;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  font-family: "franklin-gothic-urw";
  font-weight: bold;
  font-size: 24px;
}

.product-explore .paragraph--type--explore-wrapper {
  justify-items: center;
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 40px;
}

.iap-view-adaptation {
  background-color: #fdf6e9;
}
.iap-view-adaptation .iap--teaser_header {
  color: #984824;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
}
.iap-view-adaptation .teaser---items {
  max-width: 1024px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .iap-view-adaptation .teaser---items {
    max-width: 700px;
  }
}
@media (min-width: 1200px) {
  .iap-view-adaptation .teaser---items {
    max-width: 1024px;
  }
}
.iap-view-adaptation .teaser---items .row {
  margin: 0;
}
.iap-view-adaptation .teaser---items .row .col-md-6 {
  padding: 0;
}
.iap-view-adaptation .teaser---items .row .col-md-6 .p-3 {
  padding: 10px !important;
}
.iap-view-adaptation .teaser---items .cocoa,
.iap-view-adaptation .teaser---items .kids,
.iap-view-adaptation .teaser---items .trees,
.iap-view-adaptation .teaser---items .money {
  padding: 0;
  border-radius: 50px;
}
.iap-view-adaptation .teaser---items .cocoa:hover,
.iap-view-adaptation .teaser---items .kids:hover,
.iap-view-adaptation .teaser---items .trees:hover,
.iap-view-adaptation .teaser---items .money:hover {
  background-color: #ffffff;
  box-shadow: 0px 0px 25px 0px #861723;
}
.iap-view-adaptation .teaser---items .cocoa:hover h3, .iap-view-adaptation .teaser---items .cocoa:hover .h3,
.iap-view-adaptation .teaser---items .cocoa:hover p,
.iap-view-adaptation .teaser---items .kids:hover h3,
.iap-view-adaptation .teaser---items .kids:hover .h3,
.iap-view-adaptation .teaser---items .kids:hover p,
.iap-view-adaptation .teaser---items .trees:hover h3,
.iap-view-adaptation .teaser---items .trees:hover .h3,
.iap-view-adaptation .teaser---items .trees:hover p,
.iap-view-adaptation .teaser---items .money:hover h3,
.iap-view-adaptation .teaser---items .money:hover .h3,
.iap-view-adaptation .teaser---items .money:hover p {
  color: #861723;
}
.iap-view-adaptation .teaser---items .cocoa:hover .dsu_btn .btn,
.iap-view-adaptation .teaser---items .kids:hover .dsu_btn .btn,
.iap-view-adaptation .teaser---items .trees:hover .dsu_btn .btn,
.iap-view-adaptation .teaser---items .money:hover .dsu_btn .btn {
  background-color: #861723 !important;
}
.iap-view-adaptation .teaser---items .cocoa:hover .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .kids:hover .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .trees:hover .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .money:hover .dsu_btn .btn a {
  color: #fdf6e9 !important;
}
@media (min-width: 992px) {
  .iap-view-adaptation .teaser---items .cocoa,
  .iap-view-adaptation .teaser---items .kids,
  .iap-view-adaptation .teaser---items .trees,
  .iap-view-adaptation .teaser---items .money {
    height: 850px;
  }
}
.iap-view-adaptation .teaser---items .cocoa .dsu_btn,
.iap-view-adaptation .teaser---items .kids .dsu_btn,
.iap-view-adaptation .teaser---items .trees .dsu_btn,
.iap-view-adaptation .teaser---items .money .dsu_btn {
  padding: 50px;
}
.iap-view-adaptation .teaser---items .cocoa .dsu_btn .btn,
.iap-view-adaptation .teaser---items .kids .dsu_btn .btn,
.iap-view-adaptation .teaser---items .trees .dsu_btn .btn,
.iap-view-adaptation .teaser---items .money .dsu_btn .btn {
  width: 100%;
  border-radius: 60px;
  background-color: #fdf6e9 !important;
  box-shadow: none !important;
}
.iap-view-adaptation .teaser---items .cocoa .dsu_btn .btn:hover,
.iap-view-adaptation .teaser---items .kids .dsu_btn .btn:hover,
.iap-view-adaptation .teaser---items .trees .dsu_btn .btn:hover,
.iap-view-adaptation .teaser---items .money .dsu_btn .btn:hover {
  filter: unset;
}
.iap-view-adaptation .teaser---items .cocoa .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .kids .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .trees .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .money .dsu_btn .btn a {
  color: #861723 !important;
}
.iap-view-adaptation .teaser---items .cocoa .field--name-field-summary-text,
.iap-view-adaptation .teaser---items .kids .field--name-field-summary-text,
.iap-view-adaptation .teaser---items .trees .field--name-field-summary-text,
.iap-view-adaptation .teaser---items .money .field--name-field-summary-text {
  padding: 0;
}
.iap-view-adaptation .teaser---items .trees {
  background-color: #4d8217;
}
.iap-view-adaptation .teaser---items .trees .dsu_btn {
  padding: 50px;
}
.iap-view-adaptation .teaser---items .trees .dsu_btn .btn a {
  color: #4d8217 !important;
}
.iap-view-adaptation .teaser---items .money {
  background-color: #ffa200;
}
.iap-view-adaptation .teaser---items .cocoa {
  background-color: #c7492c;
}
.iap-view-adaptation .teaser---items .kids {
  background-color: #861723;
}
.iap-view-adaptation .iap_campaign--teaser-image-text {
  border-radius: 50px;
}
.iap-view-adaptation .iap_campaign--teaser-image-text img {
  margin-top: -25px;
  border-radius: 50px 50px 0 0;
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text {
  padding: 20px;
}
@media (min-width: 768px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text {
    padding: 50px;
  }
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
  font-size: 30px;
}
@media (min-width: 768px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
    font-size: 40px;
  }
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3,
.iap-view-adaptation .iap_campaign--teaser-image-text .text p {
  color: #ffffff;
}

.node--type-promotions .field--name-field-iap-image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 992px) {
  .node--type-promotions .field--name-field-iap-image {
    grid-template-columns: repeat(4, 1fr);
  }
}
.node--type-promotions .field--name-field-iap-image .field__item img {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

html:lang(ar) {
  /************************ start search css ************************/
  /************************ end shop css ***************************/
  /************************start language switcher******************/
  /************************end language switcher******************/
}
html:lang(ar) .visually-hidden-focusable,
html:lang(ar) .visually-hidden,
html:lang(ar) .visually_hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
html:lang(ar) [dir=rtl] .node .field--type-image {
  float: none;
  margin: 0 0 0 1em;
}
html:lang(ar) .dropdown-item {
  text-align: right;
}
html:lang(ar) header .search-block-form,
html:lang(ar) header #search-block-form {
  margin-left: 15px !important;
  margin-right: 0 !important;
}
@media (min-width: 1200px) {
  html:lang(ar) header .search-block-form.searchbox-open,
  html:lang(ar) header #search-block-form.searchbox-open {
    right: unset;
    left: 40px;
  }
}
html:lang(ar) header .search-block-form .form-actions .button,
html:lang(ar) header #search-block-form .form-actions .button {
  margin-left: -25px;
  margin-right: 0;
}
html:lang(ar) .page-view-acquia-search #content form.search-form > .container-inline button {
  margin-right: 0;
}
@media (min-width: 992px) {
  html:lang(ar) .path-search #content form.search-form > .container-inline button {
    margin-right: 10px !important;
  }
}
html:lang(ar) .block-lang-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(46px, 22px);
}
html:lang(ar) .navbar .block-dropdown-language {
  padding-right: 0;
  padding-left: 20px;
}
html:lang(ar) header.header .wrapping-div-icons {
  margin-left: 30px;
}
html:lang(ar) header.header .block-lang-dropdown {
  transform: translate(46px, 22px);
}
html:lang(ar) header.header header.header .navbar {
  display: flex;
}
html:lang(ar) header.header .responsive-menus.responsified span.toggler {
  position: absolute;
  top: 29px;
  left: 15px;
  z-index: 9999;
  background-color: transparent;
  box-shadow: none;
  border-bottom: none !important;
}
html:lang(ar) .slider-content h1, html:lang(ar) .slider-content .h1 {
  text-align: right;
}
html:lang(ar) .site-footer h2, html:lang(ar) .site-footer .h2 {
  padding-right: 0;
}
html:lang(ar) .site-footer-top h2, html:lang(ar) .site-footer-top .h2 {
  margin: 10px 0 20px 262px;
  text-align: right;
}
html:lang(ar) .site-footer {
  text-align: right;
}
html:lang(ar) .site-footer-top .region-top-footer-second {
  flex-direction: row-reverse;
}
html:lang(ar) .site-footer-top .region-top-footer-second li {
  margin-left: 10px;
  margin-right: 0;
}
html:lang(ar) .site-footer-top .region-top-footer-second .nav {
  padding-right: 0;
}
html:lang(ar) .site-footer .nav {
  padding-right: 0;
}
html:lang(ar) .site-footer nav a {
  padding-right: 0;
}
html:lang(ar) .site-footer nav h2:after,
html:lang(ar) .site-footer nav .h2:after {
  content: unset;
  background: none;
}
@media (max-width: 767.98px) {
  html:lang(ar) .site-footer h2:before, html:lang(ar) .site-footer .h2:before {
    content: " ";
    background-image: url(/themes/custom/kitkat_master/dist/assets/img/chevron-down@2x.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    height: 30px;
    right: 0;
    background-size: 25px;
    margin-top: 10px;
  }
}
html:lang(ar) .site-footer .active:before {
  background-image: url(/themes/custom/kitkat_master/dist/assets/img/chevron-up@2x.svg);
}
html:lang(ar) .node__content {
  text-align: right;
}
html:lang(ar) .article__related-content {
  text-align: right;
}
html:lang(ar) main#content {
  text-align: right;
}
html:lang(ar) .paragraph--type--c-slider .slick {
  margin: 0 auto;
  direction: ltr;
}
html:lang(ar) .view-product-list .views-field-field-product-weight a {
  text-align: right;
}
html:lang(ar) .navbar-brand {
  z-index: 1;
  margin-right: 0;
}
html:lang(ar) #block-languagedropdownswitchercontent {
  z-index: 1;
}
html:lang(ar) .responsive-menus {
  z-index: 1;
}
html:lang(ar) .recipe-preps .serves {
  padding: 3px 45px 25px 10px;
  background-position: right top;
}
html:lang(ar) .recipe-preps .prep-time {
  padding: 3px 45px 25px 10px !important;
  background-position: right top;
  margin-right: 20px;
  margin-left: 0;
}
html:lang(ar) .recipe-preps .difficulty {
  padding: 3px 45px 25px 0;
  background-position: right top;
  margin-right: 20px;
  margin-left: 0;
}
html:lang(ar) .ingredients-needed ul li {
  padding: 5px 48px 20px 0;
  background-position: right top;
}
html:lang(ar) .paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-header .accordion-button {
  margin-right: 15px;
  margin-left: 0;
}
@media (min-width: 992px) {
  html:lang(ar) .paragraph--type--accordion .field--name-field-c-subitems .paragraph--type--accordion-item .accordion-header .accordion-button {
    margin-right: 80px;
  }
}
html:lang(ar) .article__body .share-icon:after {
  width: 115px;
}
html:lang(ar) .view-product-ranges .slick__arrow .slick-next {
  left: unset;
  right: 20%;
  bottom: unset;
}
html:lang(ar) .view-product-ranges .slick__arrow .slick-prev {
  bottom: unset;
  right: unset;
  left: 20%;
}
@media (max-width: 767.98px) {
  html:lang(ar) .site-footer h2::before, html:lang(ar) .site-footer .h2::before {
    left: 6%;
  }
}
@media (max-width: 767.98px) {
  html:lang(ar) .site-footer {
    padding: 69px 18px 68px 0px;
  }
}
@media (max-width: 767.98px) {
  html:lang(ar) .site-footer-top .region-top-footer-second {
    margin-right: 5px;
    padding-left: 20px;
  }
}
@media (max-width: 767.98px) {
  html:lang(ar) .shop-main {
    margin-left: 0;
    right: unset !important;
  }
}
html:lang(ar) #page-wrapper {
  margin-top: 0;
}
html:lang(ar) .header {
  position: relative;
}
html:lang(ar) .recipe-directions ol li {
  padding-left: 0;
  padding-right: 20px;
}
html:lang(ar) .recipe-directions ol li:before {
  right: -34px;
  background: url(/dist/assets/img/dot.png) top right no-repeat;
  z-index: -1;
}
html:lang(ar) .recipe-directions ol li:after {
  left: unset;
  right: -16px;
}
html:lang(ar) .block-views-blockrecipes-you-may-also-like-recipes-you-may-also-like .recipe-preps {
  padding-left: 0;
  padding-right: 15px;
}
html:lang(ar) #views-bootstrap-recipes-you-may-also-like-recipes-you-may-also-like .recipe-also-like {
  padding-left: 0;
  padding-right: 15px;
}
@media (max-width: 767.98px) {
  html:lang(ar) .featured__slider-container .image {
    max-width: 100%;
  }
}
html:lang(ar) .share-recipe .share-icon:after {
  left: 110px;
}
html:lang(ar) .view-product-list .wrapper:not(.list) .view-content .views-row .views-field-field-product-weight a:after {
  left: 5px;
  right: unset;
}
html:lang(ar) .breadcrumb {
  padding-right: 20px;
}
html:lang(ar) .breadcrumb-item + .breadcrumb-item:before {
  float: none;
}
html:lang(ar) .article__list .view-you-might-also-like .tag {
  right: 15px;
  left: unset;
}
@media (max-width: 575.98px) {
  html:lang(ar) .evidon-prefdiag-overlay {
    width: auto !important;
  }
}
html:lang(ar) .paragraph--type--accordion .field--name-field-c-subitems .accordion-button,
html:lang(ar) .paragraph--type--accordion .field--name-field-c-subitems .accordion-button:not(.collapsed) {
  background-color: transparent !important;
}
html:lang(ar) .paragraph--type--accordion .field--name-field-c-subitems .accordion-button:after,
html:lang(ar) .paragraph--type--accordion .field--name-field-c-subitems .accordion-button:not(.collapsed):after {
  position: absolute;
}
@media (min-width: 992px) {
  html:lang(ar) .paragraph--type--accordion .field--name-field-c-subitems .accordion-button:after,
  html:lang(ar) .paragraph--type--accordion .field--name-field-c-subitems .accordion-button:not(.collapsed):after {
    right: -1.25em;
  }
}
html:lang(ar) .view-you-might-also-like .tag,
html:lang(ar) .article__list .tag {
  right: 15px !important;
  left: unset !important;
}

.campaign-template h2, .campaign-template .h2,
.campaign-template .field--name-field-c-title {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 28px;
}
.campaign-template h2, .campaign-template .h2,
.campaign-template .field--name-field-c-advanced-subtitle,
.campaign-template .field--name-field-c-title,
.campaign-template .field--name-field-sub-heading {
  font-weight: 500;
}
.campaign-template .field--name-field-ln-n-components {
  max-width: 1440px;
  margin: 0 auto;
}
.campaign-template .field--name-field-ln-n-components .paragraph--view-mode--default {
  margin-bottom: 45px;
}
@media (min-width: 992px) {
  .campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid {
    padding: 46px 0;
  }
}
.campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .field--name-field-c-advanced-title h2, .campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .field--name-field-c-advanced-title .h2 {
  padding: 0 20px;
}
.campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .field--name-field-c-advanced-subtitle {
  margin-bottom: 20px;
  font-size: 19px;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 992px) {
  .campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .field--name-field-c-advanced-subtitle {
    margin-bottom: 40px;
  }
}
.campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .wrapper-text-section {
  border-left: none;
}
.campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .wrapper-text-section .field--name-field-c-advanced-title h3, .campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .wrapper-text-section .field--name-field-c-advanced-title .h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
}
@media (min-width: 992px) {
  .campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .wrapper-text-section .field--name-field-c-advanced-title h3, .campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .wrapper-text-section .field--name-field-c-advanced-title .h3 {
    font-size: 24px;
  }
}
.campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .wrapper-text-section .field--name-field-c-advanced-subtitle {
  margin-bottom: 16px;
  font-size: 14px !important;
  font-weight: 400;
  color: #474A57;
  text-align: left !important;
}
.campaign-template .field--name-field-ln-n-components .paragraph--type--ln-c-cardgrid .wrapper-text-section .field--name-field-c-text {
  margin-top: 0;
}
.campaign-template .field--name-field-c-link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}
.campaign-template .field--name-field-c-link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.campaign-template .field--name-field-c-link a a,
.campaign-template .field--name-field-c-link a span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.campaign-template .image_cta_link {
  box-shadow: none;
}
.campaign-template .image_cta_link a {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  font-size: 16px;
  line-height: 1.846;
  min-width: 9.75rem;
  color: #D40413 !important;
  font-weight: 700;
}
.campaign-template .image_cta_link a:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.campaign-template .image_cta_link a:active, .campaign-template .image_cta_link a:focus {
  background-color: white;
}
.campaign-template .image_cta_link a a,
.campaign-template .image_cta_link a span {
  padding: 0;
  color: #E30612;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .campaign-template .image_cta_link a {
    min-width: 12.75rem;
  }
}
.campaign-template .field--name-field-c-advanced-subtitle,
.campaign-template .field--name-field-sub-heading {
  font-size: 15px;
}
.campaign-template .paragraph--type--c-text .headings {
  display: flex;
  flex-direction: column-reverse;
}
.campaign-template .paragraph--type--c-text .headings h2 .field--name-field-c-title, .campaign-template .paragraph--type--c-text .headings .h2 .field--name-field-c-title {
  margin: 0;
}
@media (min-width: 992px) {
  .campaign-template .paragraph--type--ln-c-cardgrid.viewmode--bottom-text-box {
    padding: 0 15px;
  }
}
.campaign-template .paragraph--type--ln-c-cardgrid.viewmode--bottom-text-box .wrapper-text-section {
  padding: 25px 25px 0 25px;
}
@media (min-width: 992px) {
  .campaign-template .paragraph--type--ln-c-cardgrid.viewmode--bottom-text-box .wrapper-text-section {
    padding: 45px;
  }
}
.campaign-template .paragraph--type--ln-c-cardgrid .field--name-field-c-advanced-title,
.campaign-template .paragraph--type--ln-c-cardgrid .field--name-field-sub-headline {
  text-align: center;
}
.campaign-template .paragraph--type--ln-c-cardgrid .field--name-field-sub-headline {
  margin-bottom: 30px;
}
.campaign-template .paragraph--type--c-image {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.campaign-template .paragraph--type--c-image .image-container {
  position: relative;
}
.campaign-template .paragraph--type--c-image .image-container .field--name-field-c-image img {
  height: 643px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .campaign-template .paragraph--type--c-image .image-container .field--name-field-c-image img {
    height: 660px;
  }
}
.campaign-template .paragraph--type--c-image .text-container {
  position: absolute;
  max-width: 80%;
  max-height: 408px;
  height: 100%;
  top: 0;
  left: 0;
  padding: 60px 40px 0 40px;
  margin: 235px 40px 0 40px;
  background-color: rgba(255, 39, 58, 0.8980392157);
  border-radius: 10px 10px 0 0;
}
@media (min-width: 768px) {
  .campaign-template .paragraph--type--c-image .text-container {
    max-width: 90%;
    max-height: 310px;
    margin: 333px 40px 0 40px;
  }
}
@media (min-width: 992px) {
  .campaign-template .paragraph--type--c-image .text-container {
    max-width: 80%;
    margin: 190px 40px 0 130px;
  }
}
@media (min-width: 1200px) {
  .campaign-template .paragraph--type--c-image .text-container {
    max-width: 71%;
    margin: 252px 40px 0 235px;
  }
}
@media (min-width: 1400px) {
  .campaign-template .paragraph--type--c-image .text-container {
    margin: 350px 40px 0 263px;
  }
}
.campaign-template .paragraph--type--c-image .text-container:before {
  background: rgba(0, 0, 0, 0.1215686275);
}
.campaign-template .paragraph--type--c-image .text-container h2, .campaign-template .paragraph--type--c-image .text-container .h2 {
  padding: 0;
  color: #ffffff;
}
.campaign-template .paragraph--type--c-image .text-container .field--name-field-c-text {
  max-width: 768px;
  margin: 0 auto;
  padding-bottom: 35px;
}
.campaign-template .paragraph--type--c-image .text-container h2, .campaign-template .paragraph--type--c-image .text-container .h2,
.campaign-template .paragraph--type--c-image .text-container .field--name-field-c-text,
.campaign-template .paragraph--type--c-image .text-container .center-div,
.campaign-template .paragraph--type--c-image .text-container .field--name-field-c-advanced-title {
  text-align: left;
}
@media (min-width: 768px) {
  .campaign-template .paragraph--type--c-image .text-container h2, .campaign-template .paragraph--type--c-image .text-container .h2,
  .campaign-template .paragraph--type--c-image .text-container .field--name-field-c-text,
  .campaign-template .paragraph--type--c-image .text-container .center-div,
  .campaign-template .paragraph--type--c-image .text-container .field--name-field-c-advanced-title {
    text-align: center;
  }
}
.campaign-template .paragraph--type--c-image.no-background .text-container {
  position: relative;
  background-color: transparent;
}
.campaign-template .paragraph--type--c-image.no-background .text-container:before {
  background: none;
}
.campaign-template .paragraph--type--dsu-tint {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: url(../dist/assets/img/waves-bg.svg), #E30612;
  background-size: cover;
  padding-bottom: 50px;
}
.campaign-template .paragraph--type--dsu-tint .field--name-field-c-text p {
  font-size: 19px;
  font-weight: 400;
  color: #ffffff;
}
.campaign-template .paragraph--type--dsu-tint h2, .campaign-template .paragraph--type--dsu-tint .h2 {
  margin: 0;
  padding-bottom: 0;
}
.campaign-template .paragraph--type--dsu-tint .field--name-field-c-advanced-title {
  margin-bottom: 10px;
}
.campaign-template .paragraph--type--c-sideimagetext .position-container {
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .campaign-template .paragraph--type--c-sideimagetext .position-container {
    flex-wrap: nowrap;
  }
}
.campaign-template .paragraph--type--c-sideimagetext .img-section .field--type-entity-reference {
  margin: 0;
}
.campaign-template .paragraph--type--c-sideimagetext .img-section .img {
  max-height: 750px;
  -o-object-fit: contain;
     object-fit: contain;
}
.campaign-template .paragraph--type--c-sideimagetext .text-section .text-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
}
.campaign-template .paragraph--type--c-sideimagetext .text-section .text-container .field--name-field-c-advanced-subtitle {
  order: 1;
}
.campaign-template .paragraph--type--c-sideimagetext .text-section .text-container .field--name-field-c-advanced-title {
  order: 2;
}
.campaign-template .paragraph--type--c-sideimagetext .text-section .text-container .text-formatted {
  order: 3;
}
.campaign-template .paragraph--type--c-sideimagetext .text-section .text-container .field--name-field-c-link {
  order: 4;
}
@media (min-width: 992px) {
  .campaign-template .paragraph--type--layout-columns-2 .p-3 {
    padding: 0 !important;
  }
}
.campaign-template .paragraph--type--layout-columns-2 .row .field--name-field-c-image img {
  max-width: 705px;
  -o-object-fit: contain;
     object-fit: contain;
}
.campaign-template .paragraph--type--layout-columns-2 .image-container {
  height: 300px;
}
@media (min-width: 768px) {
  .campaign-template .paragraph--type--layout-columns-2 .image-container {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .campaign-template .paragraph--type--layout-columns-2 .image-container {
    height: auto;
    margin-top: 42px;
  }
}
.campaign-template .paragraph--type--layout-columns-2 .image-container .field--name-field-c-image img {
  height: auto;
}
.campaign-template .col-md-6 {
  width: 100%;
}
@media (min-width: 992px) {
  .campaign-template .col-md-6 {
    width: 50%;
  }
}
.campaign-template ul li {
  font-size: 16px;
  line-height: 1.725;
}

.campaign-layout-components.paragraph--view-mode--default {
  margin-bottom: 45px;
}

.campaign-template .paragraph--type--better-social-share-buttons {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: url(../dist/assets/img/sample_content_plugin_coffe.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}
.campaign-template .paragraph--type--better-social-share-buttons .block-better-social-sharing-buttons.block-social-sharing-buttons-block {
  display: block;
}
.campaign-template .paragraph--type--better-social-share-buttons.paragraph--view-mode--default {
  margin-bottom: 0;
}
.campaign-template .paragraph--type--better-social-share-buttons.paragraph--view-mode--default .field--type-entity-reference {
  margin: 0;
}
.campaign-template .block-better-social-sharing-buttons.block-social-sharing-buttons-block {
  display: none;
}
.campaign-template .better-social-sharing-buttons {
  height: 334px;
}
.campaign-template .better-social-sharing-buttons .text-over-lay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 248, 246, 0.8705882353);
}

.campaign-template .block-gigya-raas {
  display: none;
  padding: 15px 30px;
}
.campaign-template .paragraph--type--ciam-forms .block-gigya-raas {
  display: block;
}
.campaign-template .ciam-form .block-gigya-raas {
  display: block;
}

.card-item-wrapper {
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
}
.card-item-wrapper .card-background-image {
  margin-bottom: 2px;
  background-position: center !important;
}
@media (min-width: 992px) {
  .card-item-wrapper .card-background-image {
    background-position: 100%;
  }
}
.card-item-wrapper .card-image {
  display: flex;
  justify-content: center;
}
.card-item-wrapper .card-image img {
  height: 460px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: -15px;
  margin-top: 37px;
}
.card-item-wrapper .card-description {
  position: relative;
}
@media (min-width: 768px) {
  .card-item-wrapper .card-description {
    align-items: center;
  }
}
.card-item-wrapper .card-description__text-container .card-text {
  margin-top: 20px;
  padding: 32px;
  background-color: #db1024;
}
.card-item-wrapper .card-description__text-container .card-text .field--name-field-card-description {
  max-width: 600px;
}
.card-item-wrapper .card-description .background-card-title {
  padding: 16px 32px;
  background-color: #E30612;
}
.card-item-wrapper .card-description .background-card-title .field--name-field-card-title {
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
}
@media (min-width: 992px) {
  .card-item-wrapper .card-description .background-card-title .field--name-field-card-title {
    font-size: 48px;
  }
}
.card-item-wrapper .card-description .background-card-title a {
  padding: 10px 20px;
  background: url(../dist/assets/img/clip-2.png) no-repeat;
  background-size: 100% 100%;
  color: #ba0018;
  font-weight: 500;
  text-decoration: none;
  transition: 0.5s;
}
.card-item-wrapper .card-description .background-card-title a:hover {
  filter: drop-shadow(6px 7px 0px rgba(73, 0, 9, 0.5607843137));
  color: #c40018;
}
.card-item-wrapper .arrow-icon {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-color: #db1024;
}
.card-item-wrapper .arrow-icon .fa-arrow-right:before {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background-image: url(../dist/assets/img/card-arrow.svg);
  background-repeat: no-repeat;
  background-color: #db1024;
  background-size: contain;
}
@media (min-width: 992px) {
  .card-item-wrapper .arrow-icon .fa-arrow-right:before {
    width: 56px;
    height: 56px;
  }
}

.cards-campaigns .paragraph--type--c-text a {
  padding: 10px 20px;
  color: #ffffff;
  background-color: #db1024;
  border-radius: 5px;
}

.modal-dialog .modal-content .modal-header {
  justify-content: space-between;
}
.modal-dialog .modal-content button.close {
  color: #db1024;
  opacity: 1;
}

.ui-widget {
  z-index: 1000 !important;
}

.continent-items-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
  padding: 15px;
  background: url(../dist/assets/img/map/global-image.png), #B11520;
  background-size: cover;
  z-index: 8;
}
@media (min-width: 992px) {
  .continent-items-wrapper {
    padding: 30px;
  }
}
.continent-items-wrapper .continent-items {
  max-width: 1440px;
  margin: 0 auto;
  padding: 64px 32px;
}
@media (min-width: 992px) {
  .continent-items-wrapper .continent-items {
    padding: 128px 64px;
  }
}
.continent-items-wrapper .continent-items .continent-name {
  margin-bottom: 48px;
  background-color: transparent !important;
}
.continent-items-wrapper .continent-items .continent-name .field--name-field-continent-name {
  font-size: 28px !important;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase !important;
  text-align: center;
}
.continent-items-wrapper .continent-items .field--name-field-global-map-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.continent-items-wrapper .continent-items .field--name-field-global-map-contents .paragraph--type--global-map {
  display: flex;
  width: 350px;
  margin-bottom: 38px;
}
.continent-items-wrapper .continent-items .field--name-field-global-map-contents .country-info {
  align-items: center;
  padding: 16px;
}
.continent-items-wrapper .continent-items .field--name-field-global-map-contents .field--name-field-country-name a {
  font-size: 20px;
  font-weight: 800;
  color: #ffffff;
  text-transform: capitalize;
}
.continent-items-wrapper .continent-items .field--name-field-global-map-contents .field--name-field-country-name a:hover {
  text-decoration: none;
}
.continent-items-wrapper .continent-items .field--name-field-global-map-contents .field--name-field-country-flag {
  max-width: 88px;
  margin: 0 10px 0 0;
}
.continent-items-wrapper .continent-items .field--name-field-global-map-contents .field--name-field-country-flag img {
  border: 2px solid #ffffff;
  border-radius: 100%;
}
.continent-items-wrapper .continent-items .field--name-field-global-map-contents .field--type-image img {
  margin: 0;
}
.continent-items-wrapper .continent-items-wrapper-close.btn-close {
  display: flex;
  width: 48px;
  height: 48px;
  margin-left: auto;
  background: url(../dist/assets/img/map/Close.svg);
  background-repeat: no-repeat;
  opacity: 1;
}

.continent-name {
  display: block;
}

.global-map-continent {
  position: relative;
  background: url(../dist/assets/img/map/global-image.png), #B11520;
  background-size: cover;
}
.global-map-continent .col-12 {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
.global-map-continent .field--name-field-column-first {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 64px 32px;
}
.global-map-continent .field--name-field-column-first .global-map-continents .continent-name {
  height: 242px;
  padding: 16px;
  background-color: #6C0910;
  border-radius: var(--bs-border-radius);
  border-radius: var(--bs-border-radius);
  text-align: center;
}
.global-map-continent .field--name-field-column-first .global-map-continents .continent-name:hover {
  background-color: #db1024;
  border: 2px solid #ffffff;
  transition: 0.3s ease;
}
.global-map-continent .field--name-field-column-first .global-map-continents .continent-name:hover .field--name-field-continent-image {
  position: relative;
}
.global-map-continent .field--name-field-column-first .global-map-continents .continent-name:hover .field--name-field-continent-image img {
  visibility: hidden;
}
.global-map-continent .field--name-field-column-first .global-map-continents .continent-name:hover .field--name-field-continent-image:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 251px;
  height: 120px;
  transform: translate(-50%, -50%);
  visibility: visible;
  transition: 0.3s ease;
}
.global-map-continent .field--name-field-column-first .global-map-continents .continent-items .continent-name:hover {
  border: none;
}
.global-map-continent .field--name-field-column-first .global-map-continents .north-america .continent-name:hover .field--name-field-continent-image {
  transition: 0.3s ease;
}
.global-map-continent .field--name-field-column-first .global-map-continents .north-america .continent-name:hover .field--name-field-continent-image:after {
  content: url("../dist/assets/img/map/na-black.png");
  transition: 0.3s ease;
}
.global-map-continent .field--name-field-column-first .global-map-continents .africa .continent-name:hover .field--name-field-continent-image:after {
  content: url("../dist/assets/img/map/africa-black.png");
}
.global-map-continent .field--name-field-column-first .global-map-continents .asia .continent-name:hover .field--name-field-continent-image:after {
  content: url("../dist/assets/img/map/asia-black.png");
}
.global-map-continent .field--name-field-column-first .global-map-continents .europe .continent-name:hover .field--name-field-continent-image:after {
  content: url("../dist/assets/img/map/eu-black.png");
}
.global-map-continent .field--name-field-column-first .global-map-continents .field--name-field-continent-name {
  font-size: 20px;
  font-weight: 800;
  color: #ffffff;
  text-transform: capitalize;
}
.global-map-continent .field--name-field-column-first .global-map-continents .field--name-field-continent-image {
  width: 353px;
  height: 146px;
}
.global-map-continent .field--name-field-column-first .global-map-continents .paragraph--type--global-map-content {
  padding: 16px 8px;
}
.global-map-continent .global-map-intro-text {
  width: 100% !important;
  color: #ffffff !important;
}
.global-map-continent .global-map-intro-text h2, .global-map-continent .global-map-intro-text .h2 {
  color: #ffffff !important;
}
.global-map-continent .social-media-countries {
  display: flex;
  margin-top: 10px;
}
.global-map-continent .social-media-countries .field--type-link a {
  display: block;
  width: 36px;
  height: 32px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
}
.global-map-continent .social-media-countries .field--name-field-facebook-link a {
  background-image: url(../dist/assets/img/dotcom-socials/Facebook.svg);
}
.global-map-continent .social-media-countries .field--name-field-instagram-link a {
  background-image: url(../dist/assets/img/dotcom-socials/instagram.svg);
}
.global-map-continent .social-media-countries .field--name-field-youtube-link a {
  background-image: url(../dist/assets/img/dotcom-socials/youtube.svg);
}
.global-map-continent .social-media-countries .field--name-field-twitter-link a {
  background-image: url(../dist/assets/img/dotcom-socials/twitter.svg);
}

@media (min-width: 992px) {
  .dotcom-campaign-hero {
    height: 485px;
  }
}
.dotcom-campaign-hero .product__banner_type .field--name-field-c-image {
  display: none;
}
@media (min-width: 992px) {
  .dotcom-campaign-hero .image_and_gif_banner-wrapper {
    flex-direction: row;
  }
}
.dotcom-campaign-hero .image_and_gif_banner-wrapper .masked-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #db1024;
}
@media (min-width: 992px) {
  .dotcom-campaign-hero .image_and_gif_banner-wrapper .masked-img .overlay-shape {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 662px;
    height: 485px;
    transform: translate(-1rem, -1rem);
    -webkit-mask-image: url(../dist/assets/img/patterns/k-shape.png);
            mask-image: url(../dist/assets/img/patterns/k-shape.png);
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: #db1024;
    z-index: 12;
  }
}
@media (min-width: 1200px) {
  .dotcom-campaign-hero .image_and_gif_banner-wrapper .masked-img .overlay-shape {
    transform: translate(6rem, 0);
  }
}
@media (min-width: 1400px) {
  .dotcom-campaign-hero .image_and_gif_banner-wrapper .masked-img .overlay-shape {
    transform: translate(2rem, 0);
  }
}
@media (min-width: 1600px) {
  .dotcom-campaign-hero .image_and_gif_banner-wrapper .masked-img .overlay-shape {
    transform: translate(6rem, 0);
  }
}
@media (min-width: 1920px) {
  .dotcom-campaign-hero .image_and_gif_banner-wrapper .masked-img .overlay-shape {
    transform: translate(9rem, 0);
  }
}
.dotcom-campaign-hero .image_and_gif_banner-wrapper .gif-image .field--name-field-c-image {
  display: block;
  max-width: 550px;
  margin: 30px;
}
.dotcom-campaign-hero .image_and_gif_banner-wrapper .gif-image .field--name-field-c-image img {
  height: 230px;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
@media (min-width: 992px) {
  .dotcom-campaign-hero .image_and_gif_banner-wrapper .gif-image .field--name-field-c-image img {
    position: relative;
    top: 0;
    height: 330px;
    z-index: 73;
  }
}
.dotcom-campaign-hero .image_and_gif_banner-wrapper .field--type-entity-reference {
  margin: 0;
}
@media (min-width: 992px) {
  .dotcom-campaign-hero .image_and_gif_banner-wrapper .banner-c-gif {
    height: 450px;
  }
}
@media (min-width: 1200px) {
  .dotcom-campaign-hero .image_and_gif_banner-wrapper .banner-c-gif {
    height: 485px;
  }
}
.dotcom-campaign-hero .image_and_gif_banner-wrapper .banner-c-gif .video-banner,
.dotcom-campaign-hero .image_and_gif_banner-wrapper .banner-c-gif img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dotcom-campaign-hero .image_and_gif_banner .banner-c-video-wrapper {
  display: none;
}

.dotcom-text-image,
.dotcom-faqs,
.dotcom-full-width-image,
.dotcom-feedback-block-campaign {
  position: relative;
}
.dotcom-text-image:before,
.dotcom-faqs:before,
.dotcom-full-width-image:before,
.dotcom-feedback-block-campaign:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 13;
}

.dotcom-text-image {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .dotcom-text-image:before {
    content: url(../dist/assets/img/cc-sweets/purple-sweet.svg);
    transform: translate(40%, -24%);
  }
}
@media (min-width: 992px) {
  .dotcom-text-image:before {
    transform: translate(-21%, -85%);
  }
}
@media (min-width: 1200px) {
  .dotcom-text-image:before {
    transform: translate(-18%, -90%);
  }
}
@media (min-width: 1400px) {
  .dotcom-text-image:before {
    transform: translate(-18%, -96%);
  }
}
.dotcom-text-image .col-md-6 {
  width: 100% !important;
}
@media (min-width: 992px) {
  .dotcom-text-image .col-md-6 {
    width: 50% !important;
  }
}

@media (min-width: 768px) {
  .dotcom-faqs:before {
    content: url(../dist/assets/img/cc-sweets/blue-sweet.svg);
    transform: translate(43%, -96%);
  }
}
@media (min-width: 992px) {
  .dotcom-faqs:before {
    transform: translate(76%, -96%);
  }
}
@media (min-width: 1200px) {
  .dotcom-faqs:before {
    transform: translate(114%, -96%);
  }
}
@media (min-width: 1400px) {
  .dotcom-faqs:before {
    transform: translate(155%, -96%);
  }
}

@media (min-width: 768px) {
  .dotcom-feedback-block-campaign:before {
    content: url(../dist/assets/img/cc-sweets/green-sweet.png);
    top: 0;
    left: 0;
    transform: translate(-32%, -60%);
  }
}
@media (min-width: 1200px) {
  .dotcom-feedback-block-campaign:before {
    transform: translate(-39%, -61%);
  }
}
@media (min-width: 1400px) {
  .dotcom-feedback-block-campaign:before {
    transform: translate(-28%, -58%);
  }
}
@media (min-width: 768px) {
  .dotcom-feedback-block-campaign:after {
    position: absolute;
    content: url(../dist/assets/img/cc-sweets/round-blue-sweet.svg);
    right: 0;
    bottom: 0;
    transform: translate(11%, 18%);
  }
}
@media (min-width: 1200px) {
  .dotcom-feedback-block-campaign:after {
    transform: translate(-3%, 16%);
  }
}
@media (min-width: 1400px) {
  .dotcom-feedback-block-campaign:after {
    transform: translate(-13%, 15%);
  }
}
.dotcom-feedback-block-campaign .feedback__socials .facebook-share {
  content: url(../dist/assets/img/dotcom-socials/Facebook-black.svg);
  filter: unset;
}
.dotcom-feedback-block-campaign .feedback__socials .twitter {
  content: url(../dist/assets/img/dotcom-socials/x-black.svg);
  filter: unset;
}
.dotcom-feedback-block-campaign .feedback__content .btn-secondary {
  padding: 0;
}

@media (min-width: 768px) {
  .dotcom-full-width-image:before {
    content: url(../dist/assets/img/cc-sweets/yellow-sweet.svg);
    transform: translate(-116%, 0);
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .dotcom-full-width-image:before {
    transform: translate(-174%, 24%);
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .dotcom-full-width-image:before {
    transform: translate(-164%, 25%);
  }
}

.campaign-map:after {
  position: absolute;
  content: url(../dist/assets/img/cc-sweets/red-sweet.svg);
  right: 0;
  bottom: 0;
  transform: translate(-34%, 65%);
}
@media (min-width: 1200px) {
  .campaign-map:after {
    transform: translate(-34%, 65%);
  }
}

.f1-countdowntimer {
  margin: 0 auto;
}
.f1-countdowntimer .gravistas-container.dark {
  background-color: #db1024;
  height: auto;
  border-radius: 30px;
  margin-bottom: 100px;
}
.f1-countdowntimer .gravistas-container.dark .countdown-description {
  color: #ffffff;
  margin: 0 auto;
}
.f1-countdowntimer .gravistas-container.dark .gravitas-countdown.gravitas-countdown-wrapper {
  padding: 0;
}
.f1-countdowntimer .gravistas-container.dark .gravitas-countdown.gravitas-countdown-wrapper ul {
  padding-left: 0;
  margin-bottom: 0;
  display: inline-flex;
}
.f1-countdowntimer .gravistas-container.dark .gravitas-countdown.gravitas-countdown-wrapper ul li {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
}
@media (min-width: 992px) {
  .f1-countdowntimer .gravistas-container.dark .gravitas-countdown.gravitas-countdown-wrapper ul li {
    font-size: 1.5em;
  }
}
.f1-countdowntimer .gravistas-container.dark .gravitas-countdown.gravitas-countdown-wrapper ul li span {
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .f1-countdowntimer .gravistas-container.dark .gravitas-countdown.gravitas-countdown-wrapper ul li span {
    font-size: 4.5rem;
  }
}
.f1-countdowntimer .gravistas-container.dark .gravitas-countdown.gravitas-countdown-wrapper ul li span:after {
  content: ":";
  margin-left: 10px;
}
.f1-countdowntimer .gravistas-container.dark .gravitas-countdown.gravitas-countdown-wrapper ul li:last-child span:after {
  display: none;
}
.f1-countdowntimer .gravistas-container.light {
  height: auto;
  margin-bottom: 100px;
  background-color: #ffffff;
  border-radius: 30px;
  color: #db1024;
}
.f1-countdowntimer .gravistas-container.light .countdown-description {
  color: #000000;
  margin: 0 auto;
}
.f1-countdowntimer .gravistas-container.light .gravitas-countdown.gravitas-countdown-wrapper {
  padding: 0;
}
.f1-countdowntimer .gravistas-container.light .gravitas-countdown.gravitas-countdown-wrapper ul {
  padding-left: 0;
  margin-bottom: 0;
  display: inline-flex;
}
.f1-countdowntimer .gravistas-container.light .gravitas-countdown.gravitas-countdown-wrapper ul li {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  color: #000000;
  font-size: 1rem;
  font-weight: bold;
}
@media (min-width: 992px) {
  .f1-countdowntimer .gravistas-container.light .gravitas-countdown.gravitas-countdown-wrapper ul li {
    font-size: 1.5em;
  }
}
.f1-countdowntimer .gravistas-container.light .gravitas-countdown.gravitas-countdown-wrapper ul li span {
  color: #db1024;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .f1-countdowntimer .gravistas-container.light .gravitas-countdown.gravitas-countdown-wrapper ul li span {
    font-size: 4.5rem;
  }
}
.f1-countdowntimer .gravistas-container.light .gravitas-countdown.gravitas-countdown-wrapper ul li span:after {
  content: ":";
  margin-left: 10px;
}
.f1-countdowntimer .gravistas-container.light .gravitas-countdown.gravitas-countdown-wrapper ul li:last-child span:after {
  display: none;
}

.paragraph--type--dsu-tint {
  background-color: transparent;
}
.paragraph--type--dsu-tint .text-container {
  margin: 0 auto;
}
.paragraph--type--dsu-tint .text-container h2, .paragraph--type--dsu-tint .text-container .h2 {
  padding-bottom: 40px;
  text-align: center;
  color: #ffffff;
}

.campaign-template .paragraph--type--dsu-tint {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: url(../dist/assets/img/waves-bg.svg), #E30612;
  background-size: cover;
  padding-bottom: 50px;
}
.campaign-template .paragraph--type--dsu-tint .field--name-field-c-text p {
  font-size: 19px;
  font-weight: 400;
  color: #ffffff;
}
.campaign-template .paragraph--type--dsu-tint h2, .campaign-template .paragraph--type--dsu-tint .h2 {
  margin: 0;
  padding-bottom: 0;
}
.campaign-template .paragraph--type--dsu-tint .field--name-field-c-advanced-title {
  margin-bottom: 10px;
}

html:lang(ja) .paragraph--type--tint-component .tint-api_out .tint_content_wrapper .tint_content_out .tint_post_item .slide-overlay {
  opacity: 1 !important;
}
html:lang(ja) .paragraph--type--tint-component .tint-api_out .tint_content_wrapper .tint_content_out .tint_post_item .slide-overlay .slide-overlay_text {
  opacity: 1 !important;
}

.node--type-iap-campaign-page {
  padding-top: 0;
}
.node--type-iap-campaign-page #main-wrapper {
  background-color: #fdf6e9;
}
.node--type-iap-campaign-page #main-wrapper p,
.node--type-iap-campaign-page #main-wrapper a {
  font-family: "franklin-gothic-urw";
}
.node--type-iap-campaign-page #main-wrapper h1, .node--type-iap-campaign-page #main-wrapper .h1,
.node--type-iap-campaign-page #main-wrapper h2,
.node--type-iap-campaign-page #main-wrapper .h2,
.node--type-iap-campaign-page #main-wrapper h3,
.node--type-iap-campaign-page #main-wrapper .h3,
.node--type-iap-campaign-page #main-wrapper h4,
.node--type-iap-campaign-page #main-wrapper .h4,
.node--type-iap-campaign-page #main-wrapper h5,
.node--type-iap-campaign-page #main-wrapper .h5,
.node--type-iap-campaign-page #main-wrapper h6,
.node--type-iap-campaign-page #main-wrapper .h6 {
  font-family: "Bobby Jones";
}
.node--type-iap-campaign-page #main-wrapper html:lang(pl) body {
  font-family: "nestle_text_tf_arbook", sans-serif;
  font-size: 20px;
  line-height: 1.17;
}
.node--type-iap-campaign-page #main-wrapper html:lang(pl) p,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) a,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) h1,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) .h1,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) h2,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) .h2,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) h3,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) .h3,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) h4,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) .h4,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) h5,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) .h5,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) h6,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) .h6,
.node--type-iap-campaign-page #main-wrapper html:lang(pl) .modal-footer {
  font-family: "nestle_text_tf_arbook", sans-serif;
}
.node--type-iap-campaign-page .modal-body::-webkit-scrollbar {
  height: 12px;
  width: 6px;
}
.node--type-iap-campaign-page .modal-body::-webkit-scrollbar-track {
  background: transparent;
}
.node--type-iap-campaign-page .modal-body::-webkit-scrollbar-thumb {
  background: #861723;
  border-radius: 6px;
}
.node--type-iap-campaign-page .modal-body::-webkit-scrollbar-thumb:hover {
  background: #672c0d;
}

*[lang=el] .node--type-iap-campaign-page #main-wrapper a {
  font-family: "franklin-gothic-urw";
  font-size: 16px !important;
}

html:lang(cs) .node--type-iap-campaign-page.body,
html:lang(sk) .node--type-iap-campaign-page.body {
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  line-height: 1.17;
}
html:lang(cs) .node--type-iap-campaign-page #main-wrapper p,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper a,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper h1,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper .h1,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper h2,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper .h2,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper h3,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper .h3,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper h4,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper .h4,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper h5,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper .h5,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper h6,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper .h6,
html:lang(cs) .node--type-iap-campaign-page #main-wrapper .modal-footer,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper p,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper a,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper h1,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper .h1,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper h2,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper .h2,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper h3,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper .h3,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper h4,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper .h4,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper h5,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper .h5,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper h6,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper .h6,
html:lang(sk) .node--type-iap-campaign-page #main-wrapper .modal-footer {
  font-family: "Nunito", sans-serif;
}

.iap_campaign--banner .background-wrapper {
  position: relative;
  min-height: 500px;
  margin-top: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) {
  .iap_campaign--banner .background-wrapper {
    margin-top: unset;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--banner .background-wrapper {
    min-height: 700px;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--banner .background-wrapper {
    background-size: cover;
  }
}
@media (min-width: 768px) {
  .iap_campaign--banner .background-wrapper.mobile-bg {
    display: none;
  }
}
.iap_campaign--banner .background-wrapper.desktop-bg {
  display: none;
}
@media (min-width: 768px) {
  .iap_campaign--banner .background-wrapper.desktop-bg {
    display: block;
  }
}
.iap_campaign--banner .background-wrapper.video--inner-background-video {
  position: relative;
  min-height: 25rem;
  height: 45vh;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .iap_campaign--banner .background-wrapper.video--inner-background-video {
    min-height: 15rem;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--banner .background-wrapper.video--inner-background-video {
    min-height: 32rem;
    height: 75vh;
  }
}
.iap_campaign--banner .background-wrapper.video--inner-background-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  transform: translateX(-50%) translateY(-50%);
}
.iap_campaign--banner .background-wrapper.video--inner-background-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(180deg, rgba(253, 246, 233, 0) 50%, #fdf6e9 100%);
  opacity: 0.5;
}
.iap_campaign--banner .background-wrapper .content-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.iap_campaign--banner img {
  margin: 0;
}
.iap_campaign--banner img.title_image {
  height: 255px;
  width: 340px;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 768px) {
  .iap_campaign--banner img.title_image {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--banner img.title_image {
    margin-top: 0;
  }
}
.iap_campaign--banner img.subtitle_image {
  width: auto;
}
.iap_campaign--banner p {
  color: #984824;
  font-family: "franklin-gothic-urw";
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .iap_campaign--banner p {
    font-size: 24px;
  }
}
.iap_campaign--banner:after {
  display: block;
  height: 150px;
  width: 35px;
  margin: 0 auto;
  content: "";
  background-image: url("assets/img/scroll-indicator.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
  animation: bounce 1s ease-in-out infinite;
}
@media (min-width: 768px) {
  .iap_campaign--banner:after {
    height: 100px;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--banner:after {
    height: 50px;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(20px);
  }
}
.iap_campaign--banner .bottom {
  position: relative;
  height: 100px;
  padding: 50px;
  text-align: center;
}
@media (min-width: 768px) {
  .iap_campaign--banner .bottom {
    top: -40px;
    padding: 0;
    padding: initial;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--banner .bottom {
    top: -80px;
    display: block;
    max-width: 1600px;
    margin: 0 auto;
  }
}

.iap_campaign--view {
  margin-bottom: 50px;
}
.iap_campaign--view .iap--teaser_header {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
  padding: 20px;
}
.iap_campaign--view .iap--teaser_header p {
  color: #984824;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .iap_campaign--view .slick--view--iap-campaign-tiles {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .iap_campaign--view .slick__slider {
    display: grid;
    row-gap: 15px;
    -moz-column-gap: 8px;
         column-gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .iap_campaign--view .slick__slider {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
.iap_campaign--view .slick__slider .slick__slide {
  margin-right: 15px;
}
@media (min-width: 768px) {
  .iap_campaign--view .slick__slider .slick__slide {
    margin-right: unset;
  }
}
.iap_campaign--view .slick__slider .views-field.views-field-nothing {
  display: flex;
  justify-content: center;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser {
  position: relative;
  width: auto;
  border-radius: 50px;
}
@media (min-width: 768px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser {
    width: 250px;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser {
    width: 375px;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser {
    width: 450px;
  }
}
.iap_campaign--view .slick__slider .iap_campaign--teaser h3, .iap_campaign--view .slick__slider .iap_campaign--teaser .h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser h3, .iap_campaign--view .slick__slider .iap_campaign--teaser .h3 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser h3, .iap_campaign--view .slick__slider .iap_campaign--teaser .h3 {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser h3, .iap_campaign--view .slick__slider .iap_campaign--teaser .h3 {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser h3, .iap_campaign--view .slick__slider .iap_campaign--teaser .h3 {
    font-size: 40px;
  }
}
.iap_campaign--view .slick__slider .iap_campaign--teaser p {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
}
@media (min-width: 992px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser p {
    font-size: 20px;
  }
}
.iap_campaign--view .slick__slider .iap_campaign--teaser img {
  margin: 0;
  border-radius: 50px 50px 0 0;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .cta-button {
  display: inline-flex;
  width: 100%;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .cta-button a {
  width: 100%;
  padding: 15px 20px;
  border-radius: 60px;
  background: #fdf6e9;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 1400px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser .cta-button a {
    padding: 25px 35px;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover {
    box-shadow: 0px 0px 25px 0px #861723;
  }
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover h3, .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .h3,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover p {
    color: #861723;
  }
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .kids,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .trees,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .money,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .cocoa {
    background-color: #ffffff;
    color: #861723;
  }
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .kids h3, .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .kids .h3,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .kids p,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .trees h3,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .trees .h3,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .trees p,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .money h3,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .money .h3,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .money p,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .cocoa h3,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .cocoa .h3,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .cocoa p {
    color: #861723;
  }
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .kids a,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .trees a,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .money a,
  .iap_campaign--view .slick__slider .iap_campaign--teaser:hover .cocoa a {
    background-color: #861723;
    color: #ffffff;
    text-decoration: none;
  }
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .cocoa,
.iap_campaign--view .slick__slider .iap_campaign--teaser .money,
.iap_campaign--view .slick__slider .iap_campaign--teaser .trees,
.iap_campaign--view .slick__slider .iap_campaign--teaser .kids {
  min-height: 450px;
  padding: 30px;
  border-radius: 0 0 50px 50px;
}
@media (min-width: 768px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser .cocoa,
  .iap_campaign--view .slick__slider .iap_campaign--teaser .money,
  .iap_campaign--view .slick__slider .iap_campaign--teaser .trees,
  .iap_campaign--view .slick__slider .iap_campaign--teaser .kids {
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser .cocoa,
  .iap_campaign--view .slick__slider .iap_campaign--teaser .money,
  .iap_campaign--view .slick__slider .iap_campaign--teaser .trees,
  .iap_campaign--view .slick__slider .iap_campaign--teaser .kids {
    min-height: 450px;
    padding: 50px;
  }
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .cocoa {
  background-color: #c7492c;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .cocoa a {
  color: #861723;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .money {
  background-color: #805100;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .money a {
  color: #861723;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .trees {
  background-color: #33570F;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .trees a {
  color: #33570F;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .kids {
  background-color: #861723;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .kids a {
  color: #861723;
}
.iap_campaign--view .slick__slider .iap_campaign--teaser .bottom {
  position: absolute;
  right: 30px;
  bottom: 30px;
  left: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1400px) {
  .iap_campaign--view .slick__slider .iap_campaign--teaser .bottom {
    left: 50px;
  }
}
.iap_campaign--view ul.slick-dots {
  display: flex;
  justify-content: center;
  padding-left: 0;
  list-style-type: none;
}
.iap_campaign--view ul.slick-dots li button {
  margin-right: 10px;
  padding: 5px;
  border-radius: 50%;
  border-color: #984824;
  border-width: 0.5px;
  background-color: transparent;
  font-size: 0;
}
.iap_campaign--view ul.slick-dots li.slick-active button {
  background-color: #984824;
}
.iap_campaign--view ul.slick-dots li:last-child button {
  margin-right: unset;
}

.view-iap-campaign-tiles {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .iap_campaign--kids .slick__slider, .iap_campaign--cocoa .slick__slider, .iap_campaign--trees .slick__slider, .iap_campaign--money .slick__slider {
    grid-template-columns: repeat(2, 1fr);
  }
}

.iap_campaign--intro-section .image_section img {
  width: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .image_section img {
    border-radius: 60px;
  }
}
.iap_campaign--intro-section .pod-section {
  padding-bottom: 13%;
  background-image: url("assets/img/default-pod--mob.svg");
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .pod-section {
    padding-bottom: 0;
    background-image: url("assets/img/default-pod.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--intro-section .pod-section {
    display: block;
    max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 80px;
    background-position: bottom;
    background-size: contain;
  }
}
.iap_campaign--intro-section .container {
  padding: 0;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .container {
    padding: 0;
    padding: initial;
  }
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .youtube_video {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .iap_campaign--intro-section .youtube_video {
    width: 70%;
  }
}
.iap_campaign--intro-section .youtube_video .video-embed-field-lazy-play {
  height: 66px;
  width: 66px;
  background: url("assets/img/cta-player.svg") no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .youtube_video .video-embed-field-lazy-play {
    height: 100px;
    width: 100px;
  }
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .youtube_video .video-embed-field-lazy img {
    border-radius: 50px;
  }
}
.iap_campaign--intro-section .youtube_video .video-embed-field-responsive-video iframe {
  width: calc(100% - 0px);
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .youtube_video .video-embed-field-responsive-video iframe {
    width: calc(100% - 30px);
  }
}
.iap_campaign--intro-section .youtube_video:hover .video-embed-field-lazy-play {
  background: url("assets/img/cta-player--hover.svg") no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .video_section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.iap_campaign--intro-section .video_section .field--name-field-c-video-url {
  margin-bottom: -8%;
}
.iap_campaign--intro-section .text_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 992px;
  margin-top: 3%;
  padding: 50px 30px;
  background-color: #672c0d;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .text_section {
    background-color: unset;
    text-align: center;
  }
}
.iap_campaign--intro-section .text_section h3, .iap_campaign--intro-section .text_section .h3 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .text_section h3, .iap_campaign--intro-section .text_section .h3 {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .iap_campaign--intro-section .text_section h3, .iap_campaign--intro-section .text_section .h3 {
    font-size: 68px;
  }
}
.iap_campaign--intro-section .text_section p {
  margin-bottom: 50px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .text_section p {
    font-size: 20px;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .iap_campaign--intro-section .text_section p {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
}
.iap_campaign--intro-section .text_section .button_section {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .text_section .button_section {
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
  }
}
.iap_campaign--intro-section .text_section .button_section .modal-button {
  display: inline;
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  border-radius: 60px;
  background-color: #ffffff;
  color: #672c0d;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .iap_campaign--intro-section .text_section .button_section .modal-button {
    width: unset;
    padding: 25px 35px;
    font-size: 20px;
  }
}
.iap_campaign--intro-section .text_section .button_section .modal-button::before {
  display: inline;
  margin-right: 10px;
  padding: 3px 10px;
  border-radius: 50%;
  background-color: #672c0d;
  color: #ffffff;
  content: "+";
  font-size: 20px;
  text-align: center;
}
.iap_campaign--intro-section .text_section .button_section .modal-button:hover {
  text-decoration: none;
  background-color: #c40018;
  color: #ffffff;
}
.iap_campaign--intro-section .text_section .button_section .modal-button:hover::before {
  background-color: #ffffff;
  color: #c40018;
}

.iap_campaign--trees .iap_campaign--intro-section .pod-section {
  background-image: url("assets/img/green-pod-mob.svg");
}
@media (min-width: 768px) {
  .iap_campaign--trees .iap_campaign--intro-section .pod-section {
    background-image: url("assets/img/green-pod.svg");
  }
}
.iap_campaign--trees .iap_campaign--intro-section .pod-section .text_section {
  background-color: #33570F;
}
@media (min-width: 768px) {
  .iap_campaign--trees .iap_campaign--intro-section .pod-section .text_section {
    background-color: unset;
  }
}
.iap_campaign--trees .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button {
  color: #33570F;
}
.iap_campaign--trees .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button::before {
  background-color: #33570F;
  color: #ffffff;
}
.iap_campaign--trees .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button:hover {
  color: #ffffff;
}
.iap_campaign--trees .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button:hover::before {
  background-color: #ffffff;
  color: #c40018;
}
.iap_campaign--money .iap_campaign--intro-section .pod-section {
  background-image: url("assets/img/yellow-pod-mob.svg");
}
@media (min-width: 768px) {
  .iap_campaign--money .iap_campaign--intro-section .pod-section {
    background-image: url("assets/img/yellow-pod.svg");
  }
}
.iap_campaign--money .iap_campaign--intro-section .pod-section .text_section {
  background-color: #805100;
}
@media (min-width: 768px) {
  .iap_campaign--money .iap_campaign--intro-section .pod-section .text_section {
    background-color: unset;
  }
}
.iap_campaign--money .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button {
  color: #861723;
}
.iap_campaign--money .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button::before {
  background-color: #861723;
  color: #ffffff;
}
.iap_campaign--money .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button:hover {
  color: #ffffff;
}
.iap_campaign--money .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button:hover::before {
  background-color: #ffffff;
  color: #c40018;
}
.iap_campaign--money .iap_campaign--intro-section .pod-section .text_section p,
.iap_campaign--money .iap_campaign--intro-section .pod-section .text_section h3,
.iap_campaign--money .iap_campaign--intro-section .pod-section .text_section .h3 {
  color: #861723;
}
.iap_campaign--kids .iap_campaign--intro-section .pod-section {
  background-image: url("assets/img/darkred-pod-mob.svg");
}
@media (min-width: 768px) {
  .iap_campaign--kids .iap_campaign--intro-section .pod-section {
    background-image: url("assets/img/darkred-pod.svg");
  }
}
.iap_campaign--kids .iap_campaign--intro-section .pod-section .text_section {
  background-color: #861723;
}
@media (min-width: 768px) {
  .iap_campaign--kids .iap_campaign--intro-section .pod-section .text_section {
    background-color: unset;
  }
}
.iap_campaign--kids .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button {
  color: #861723;
}
.iap_campaign--kids .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button::before {
  background-color: #861723;
  color: #ffffff;
}
.iap_campaign--kids .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button:hover {
  color: #ffffff;
}
.iap_campaign--kids .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button:hover::before {
  background-color: #ffffff;
  color: #c40018;
}
.iap_campaign--cocoa .iap_campaign--intro-section .pod-section {
  background-image: url("assets/img/orange-pod-mob.svg");
}
@media (min-width: 768px) {
  .iap_campaign--cocoa .iap_campaign--intro-section .pod-section {
    background-image: url("assets/img/brown-pod.svg");
  }
}
.iap_campaign--cocoa .iap_campaign--intro-section .pod-section .text_section {
  background-color: #c7492c;
}
@media (min-width: 768px) {
  .iap_campaign--cocoa .iap_campaign--intro-section .pod-section .text_section {
    background-color: unset;
  }
}
.iap_campaign--cocoa .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button {
  color: #9E341C;
}
.iap_campaign--cocoa .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button::before {
  background-color: #9E341C;
  color: #ffffff;
}
.iap_campaign--cocoa .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button:hover {
  color: #ffffff;
}
.iap_campaign--cocoa .iap_campaign--intro-section .pod-section .text_section .button_section .modal-button:hover::before {
  background-color: #ffffff;
  color: #c40018;
}

.iap_campaign_modal {
  --bs-modal-bg: transparent;
}
.iap_campaign_modal .modal-content {
  border-radius: 0;
  border: 0;
}
.iap_campaign_modal .modal-dialog {
  background-color: transparent;
  border-radius: 50px;
  pointer-events: all;
}
.iap_campaign_modal .modal-header {
  position: relative;
  padding: 0;
}
.iap_campaign_modal .modal-header img {
  border-radius: 50px 50px 0 0;
}
.iap_campaign_modal .modal-header .modal_close {
  position: absolute;
  top: 8%;
  right: 8%;
  height: 30px;
  width: 30px;
  background-image: url("assets/img/iap_modal-close.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .iap_campaign_modal .modal-header .modal_close {
    top: 4%;
    right: 4%;
  }
}
.iap_campaign_modal .modal-body {
  max-height: 600px;
  height: 600px;
  overflow-y: scroll;
  background-color: #fdf6e9;
  color: #672c0d;
}
@media (min-width: 1200px) {
  .iap_campaign_modal .modal-body {
    padding: 10px 60px;
  }
}
.iap_campaign_modal .modal-body h3, .iap_campaign_modal .modal-body .h3 {
  font-size: 34px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign_modal .modal-body h3, .iap_campaign_modal .modal-body .h3 {
    font-size: 54px;
  }
}
.iap_campaign_modal .modal-body h4, .iap_campaign_modal .modal-body .h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign_modal .modal-body h4, .iap_campaign_modal .modal-body .h4 {
    font-size: 20px;
  }
}
.iap_campaign_modal .modal-body p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign_modal .modal-body p {
    font-size: 20px;
  }
}
.iap_campaign_modal .modal-body p strong {
  font-size: 20px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .iap_campaign_modal .modal-body p strong {
    font-size: 24px;
  }
}
.iap_campaign_modal .modal-body ul li {
  font-size: 24px;
  line-height: 1.1;
}
.iap_campaign_modal .modal-body ul li::marker {
  margin-right: 5px;
  content: "•";
  color: #672c0d;
  font-size: 1.2em;
}
.iap_campaign_modal .modal-footer {
  height: 250px;
  align-items: flex-start;
  justify-content: space-around;
  flex-direction: column;
  background-color: #fdf6e9;
  border-top-color: #672c0d;
  border-radius: 0;
  color: #984824;
  font-family: "franklin-gothic-urw";
  font-size: 18px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
}
.iap_campaign_modal .modal-footer .modal_cta {
  margin-top: 40px;
  margin-bottom: 40px;
}
.iap_campaign_modal .modal-footer .modal_cta a {
  padding: 20px 30px;
  border-radius: 60px;
  background-color: #672c0d;
  color: #ffffff;
}
@media (min-width: 768px) {
  .iap_campaign_modal .modal-footer .modal_cta a {
    padding: 30px 40px;
  }
}
.iap_campaign_modal .slider-nav {
  display: flex;
  flex-direction: row;
  padding-top: 20px;
  background-color: #fdf6e9;
}
.iap_campaign_modal .slider-nav .slider-dots {
  width: 50%;
}
.iap_campaign_modal .slider-nav .slider-dots ul.slick-dots {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  padding-left: 1rem;
}
.iap_campaign_modal .slider-nav .slider-dots ul.slick-dots li button {
  margin-right: 10px;
  padding: 10px;
  border-radius: 50%;
  border-color: transparent;
  border-width: 0.5px;
  background: #e7d2c0;
  opacity: 1;
  font-size: 0;
}
.iap_campaign_modal .slider-nav .slider-dots ul.slick-dots li.slick-active button {
  background: #672c0d;
}
.iap_campaign_modal .slider-nav .slider-dots ul.slick-dots li:last-child button {
  margin-right: unset;
}
.iap_campaign_modal .slider-nav .slider-arrows {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
.iap_campaign_modal .slider-nav .slider-arrows button {
  height: 50px;
  width: 50px;
  margin-bottom: 20px;
  margin-left: 0;
  padding: 5px;
  border: 0;
  border-radius: 50%;
  background-color: #672c0d;
  font-size: 0;
}
.iap_campaign_modal .slider-nav .slider-arrows button.slick-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='23' viewBox='0 0 15 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1367 0.767578L14.1975 3.82834L6.46981 11.556L14.0157 19.1018L11.0003 22.1172L3.45451 14.5713L0.393745 11.5105L3.40905 8.49524L11.1367 0.767578Z' fill='white'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
.iap_campaign_modal .slider-nav .slider-arrows button.slick-prev::before {
  display: none;
}
.iap_campaign_modal .slider-nav .slider-arrows button.slick-next {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='23' viewBox='0 0 15 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86328 22.2324L0.802519 19.1717L8.53019 11.444L0.984346 3.89815L3.99965 0.882848L11.5455 8.42869L14.6063 11.4894L11.5909 14.5048L3.86328 22.2324Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
}
.iap_campaign_modal .slider-nav .slider-arrows button.slick-next::before {
  display: none;
}
.iap_campaign_modal .slider-nav .slider-arrows button:hover {
  background-color: #c40018;
}
.iap_campaign_modal .slider-nav .slider-arrows button.slick-disabled {
  opacity: 0.1;
}

*[lang=el] .modal-footer {
  height: 260px !important;
}

.iap_campaign--quiz {
  background-image: url("assets/img/iap-quiz-bgtexture.svg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.iap_campaign--quiz::before {
  display: block;
  height: 300px;
  background-image: url("assets/img/iap_quiz-header.svg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
}
.iap_campaign--quiz .iap_quiz-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #861723;
}
.iap_campaign--quiz .iap_quiz-header h3, .iap_campaign--quiz .iap_quiz-header .h3 {
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}
.iap_campaign--quiz .iap_quiz-header h4, .iap_campaign--quiz .iap_quiz-header .h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}
.iap_campaign--quiz .iap_quiz-header p {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
}
.iap_campaign--quiz .iap_quiz-video {
  display: none;
}
@media (min-width: 768px) {
  .iap_campaign--quiz .iap_quiz-video {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0 0 50px;
  }
}
.iap_campaign--quiz .iap_quiz-video #video-player {
  display: none;
}
@media (min-width: 768px) {
  .iap_campaign--quiz .iap_quiz-video #video-player {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 800px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.iap_campaign--quiz .iap_quiz-block {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .iap_campaign--quiz .iap_quiz-block {
    transform: translateY(100px); /* Initial position for animation */
    transition: transform 0.5s ease;
    visibility: hidden;
    opacity: 0;
    height: 800px;
  }
}
@media (min-width: 768px) {
  .iap_campaign--quiz .iap_quiz-block.animate {
    transform: translateY(0); /* Animation when it enters the viewport */
    opacity: 1;
    visibility: visible;
  }
}
.iap_campaign--quiz .iap_quiz-block .quiz-btn {
  height: 100px;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-attachment: initial;
  text-align: center;
}
@media (min-width: 992px) {
  .iap_campaign--quiz .iap_quiz-block .quiz-btn {
    background-size: contain;
  }
}
.iap_campaign--quiz .iap_quiz-block .quiz-btn.money {
  background-image: url("assets/img/kitkat-bar-yellow.svg");
}
.iap_campaign--quiz .iap_quiz-block .quiz-btn.trees {
  background-image: url("assets/img/kitkat-bar-green.svg");
}
.iap_campaign--quiz .iap_quiz-block .quiz-btn.cocoa {
  background-image: url("assets/img/kitkat-bar-orange.svg");
}
.iap_campaign--quiz .iap_quiz-block .quiz-btn.kids {
  background-image: url("assets/img/kitkat-bar-brown.svg");
}
.iap_campaign--quiz .iap_quiz-block .quiz-btn:hover {
  background-image: url("assets/img/kitkat-bar-hover.svg");
}
.iap_campaign--quiz .iap_quiz-block .quiz-btn:hover a {
  color: #984824;
  text-decoration: none;
}
.iap_campaign--quiz .iap_quiz-block .quiz-btn a {
  color: #ffffff;
  font-family: "franklin-gothic-urw";
  font-size: 24px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
}
.iap_campaign--quiz .iap_quiz-block .quiz-btn a::hover {
  text-decoration: underline;
}

.iap_quiz_modal .modal-dialog {
  pointer-events: all;
}
.iap_quiz_modal .modal-content {
  border: 0;
  border-radius: 50px;
  background-color: transparent;
  background-repeat: repeat;
  background-position: top center;
  background-size: cover;
}
.iap_quiz_modal .modal-content.kids {
  background-image: url("assets/img/iap-quiz-kids.svg");
}
.iap_quiz_modal .modal-content.money {
  background-image: url("assets/img/iap-quiz-money.svg");
}
.iap_quiz_modal .modal-content.cocoa {
  background-image: url("assets/img/iap-quiz-cocoa.svg");
}
.iap_quiz_modal .modal-content.trees {
  background-image: url("assets/img/iap-quiz-plants.svg");
}
.iap_quiz_modal .modal-body {
  height: 600px;
  border-radius: 0 0 50px 50px;
  overflow-y: scroll;
}
.iap_quiz_modal .modal-header {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 50px 50px 0 0;
}
.iap_quiz_modal .modal-header img {
  width: auto;
  padding: 20px;
}
@media (min-width: 768px) {
  .iap_quiz_modal .modal-header img {
    width: 50%;
  }
}
.iap_quiz_modal .modal-header .modal_close {
  position: absolute;
  top: 10%;
  right: 10%;
  background-image: url("assets/img/iap-quiz-close.svg");
  background-size: cover;
  background-repeat: no-repeat;
  --bs-btn-close-opacity: 1;
}
@media (min-width: 768px) {
  .iap_quiz_modal .modal-header .modal_close {
    top: 8%;
    right: 4%;
  }
}

#block-iapimagesblock .field__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 992px) {
  #block-iapimagesblock .field__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
#block-iapimagesblock .field__items .field__item {
  margin: 0;
  padding: 0;
}
#block-iapimagesblock .field__items .field__item img {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.iap_campaign--women {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .iap_campaign--women {
    background-image: url("assets/img/iap-bgtexture.svg");
    background-size: cover;
    background-position: center;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--women .col-xl-8 {
    display: block;
    max-width: 1600px;
    margin: 0 auto;
  }
}
.iap_campaign--women .image_section {
  text-align: center;
}
@media (min-width: 768px) {
  .iap_campaign--women .image_section img {
    border-radius: 50px;
  }
}
.iap_campaign--women .text_section {
  max-width: 720px;
  margin: 0 auto;
  padding: 50px 30px 0;
  color: #861723;
}
.iap_campaign--women .text_section h3, .iap_campaign--women .text_section .h3 {
  font-size: 48px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign--women .text_section h3, .iap_campaign--women .text_section .h3 {
    font-size: 60px;
    text-align: center;
  }
}
.iap_campaign--women .text_section p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign--women .text_section p {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
  }
}
.iap_campaign--women .button_section {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .iap_campaign--women .button_section {
    margin-top: 50px;
    margin-bottom: 50px;
    justify-content: center;
  }
}
.iap_campaign--women .button_section .modal-button {
  display: inline;
  margin-top: 20px;
  padding: 20px;
  border-radius: 60px;
  background-color: #861723;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .iap_campaign--women .button_section .modal-button {
    padding: 30px 40px;
    font-size: 24px;
  }
}
.iap_campaign--women .button_section .modal-button::before {
  display: inline;
  margin-right: 10px;
  padding: 3px 10px;
  background-color: #ffffff;
  border-radius: 50%;
  color: #861723;
  content: "+";
  font-size: 20px;
  text-align: center;
}
.iap_campaign--women .button_section .modal-button:hover {
  text-decoration: none;
  background-color: #c40018;
}

.iap_campaign--timeline {
  background-image: url("assets/img/iap_timeline-bg.svg");
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.iap_campaign--timeline .iap-container {
  display: flex;
  justify-content: space-around;
}
.iap_campaign--timeline .iap-container h2, .iap_campaign--timeline .iap-container .h2 {
  color: #984824;
  font-size: 42px;
  font-weight: 400;
  line-height: 1;
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container h2, .iap_campaign--timeline .iap-container .h2 {
    font-size: 72px;
  }
}
.iap_campaign--timeline .iap-container h3, .iap_campaign--timeline .iap-container .h3 {
  color: #984824;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0;
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container h3, .iap_campaign--timeline .iap-container .h3 {
    font-size: 48px;
  }
}
.iap_campaign--timeline .iap-container p {
  color: #672c0d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container p {
    font-size: 24px;
  }
}
.iap_campaign--timeline .iap-container .timeline_header {
  padding: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.iap_campaign--timeline .iap-container .current_timeline {
  position: relative;
  margin: 0 auto 200px;
  text-align: left;
}
.iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current {
  padding-top: 100px;
}
.iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current::after {
  position: absolute;
  top: 0;
  bottom: 20px;
  left: 50%;
  width: 6px;
  margin-left: -3px;
  background-color: #c40018;
  content: "";
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current::after {
    bottom: 40px;
  }
}
.iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container::before {
  position: absolute;
  height: 6px;
  width: 64px;
  top: 0;
  bottom: 0;
  left: 41%;
  background-color: #c40018;
  content: " ";
}
@media (min-width: 768px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container::before {
    left: 45%;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container::before {
    margin-left: 6px;
  }
}
.iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content {
  position: relative;
  width: 55%;
  padding: 10px;
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content {
    width: 35%;
  }
}
.iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(odd) {
  left: 50%;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(odd) {
    left: 51%;
  }
}
.iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(odd)::after {
  position: absolute;
  width: 16px;
  height: 16px;
  left: -5%;
  background-color: #c40018;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
  content: "";
}
@media (min-width: 768px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(odd)::after {
    margin-left: 2px;
  }
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(odd)::after {
    margin-left: -4px;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(odd)::after {
    margin-left: -2px;
  }
}
.iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(even) {
  left: -8%;
  text-align: right;
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(even) {
    left: 14%;
  }
}
.iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(even)::before {
  position: absolute;
  top: 15px;
  left: 101%;
  z-index: 1;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #c40018;
  content: "";
}
@media (min-width: 768px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(even)::before {
    left: 103%;
  }
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(even)::before {
    left: 99%;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current .container .timeline-content:nth-child(even)::before {
    left: 100%;
  }
}
.iap_campaign--timeline .iap-container .current_timeline .end {
  position: relative;
  left: 35%;
  right: 0;
  bottom: 0;
  top: 0;
  width: 50%;
}
.iap_campaign--timeline .iap-container .current_timeline .end .text {
  position: relative;
  top: 120px;
  text-align: center;
  left: -20%;
}
.iap_campaign--timeline .iap-container .current_timeline .end .text::before {
  position: absolute;
  top: -20%;
  left: 43%;
  z-index: 1;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #c40018;
  content: "";
}
@media (min-width: 768px) {
  .iap_campaign--timeline .iap-container .current_timeline .end .text::before {
    top: -60%;
    margin-left: 6px;
  }
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .current_timeline .end .text::before {
    top: -19%;
    left: 44%;
    margin-left: 5px;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--timeline .iap-container .current_timeline .end .text::before {
    top: -34%;
    margin-left: 8px;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--timeline .iap-container .current_timeline .end .text::before {
    margin-left: 12px;
  }
}
.iap_campaign--timeline .iap-container .future_timeline {
  position: relative;
  margin: 0 auto;
  text-align: left;
}
.iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future {
  padding-top: 100px;
}
.iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4px;
  margin-left: -3px;
  content: "";
  background-image: url("assets/img/iap_timeline-line.svg");
  background-repeat-x: repeat;
  background-size: contain;
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future::after {
    width: 6px;
  }
}
.iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 39%;
  height: 6px;
  width: 64px;
  margin-left: 5px;
  background-color: #c40018;
  content: " ";
}
@media (min-width: 768px) {
  .iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container::before {
    left: 43%;
  }
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container::before {
    left: 44%;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container::before {
    margin-left: 2%;
  }
}
.iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container .timeline-content {
  position: relative;
  width: 55%;
  padding: 10px;
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container .timeline-content {
    width: 35%;
  }
}
.iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container .timeline-content:nth-child(odd) {
  left: 52%;
  text-align: left;
}
@media (min-width: 768px) {
  .iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container .timeline-content:nth-child(odd) {
    left: 52%;
  }
}
.iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container .timeline-content:nth-child(odd)::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 100%;
  z-index: 1;
  width: 16px;
  height: 16px;
  margin-left: -2px;
  border-radius: 50%;
  background-color: #c40018;
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container .timeline-content:nth-child(odd)::after {
    right: 102%;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container .timeline-content:nth-child(odd)::after {
    right: 103%;
  }
}
.iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container .timeline-content:nth-child(even) {
  left: 51%;
  text-align: left;
}
.iap_campaign--timeline .iap-container .future_timeline .iap_timeline--future .container .timeline-content:nth-child(even)::before {
  position: absolute;
  top: 15px;
  right: 101%;
  z-index: 1;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #c40018;
  content: "";
}
.iap_campaign--timeline .iap-container .future_timeline .end {
  position: relative;
  min-height: 510px;
  background-image: url("assets/img/iap_timeline-2030.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.iap_campaign--timeline .iap-container .future_timeline .end .text {
  position: absolute;
  padding: 30px;
  top: 56%;
  left: -5%;
  z-index: 1;
  width: 350px;
  margin-top: 53px;
  background: #fedda3;
  color: #672c0d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
}
@media (min-width: 768px) {
  .iap_campaign--timeline .iap-container .future_timeline .end .text {
    top: 71%;
    left: 21%;
    width: 400px;
  }
}
@media (min-width: 992px) {
  .iap_campaign--timeline .iap-container .future_timeline .end .text {
    top: 80%;
    left: 17%;
    font-size: 24px;
    letter-spacing: 0;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .iap_campaign--timeline .iap-container .future_timeline .end .text {
    left: 22%;
    top: 75%;
  }
}
@media (min-width: 1400px) {
  .iap_campaign--timeline .iap-container .future_timeline .end .text {
    left: 25%;
    top: 82%;
  }
}
@media (min-width: 768px) {
  .iap_campaign--timeline .iap-container .future_timeline .end-line {
    min-height: 20px;
    margin-top: 20%;
  }
}

@media (min-width: 1200px) {
  *[lang=pl] .iap_campaign--timeline .iap-container .current_timeline .end .text:before {
    top: -19%;
  }
}

*[lang=el] .iap_campaign--timeline .iap-container p {
  font-size: 14px;
}
@media (min-width: 768px) {
  *[lang=el] .iap_campaign--timeline .iap-container p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  *[lang=el] .iap_campaign--timeline .iap-container p {
    font-size: 19px;
  }
}

.timeline-brazil .future_timeline {
  display: none;
}
.timeline-brazil .current_timeline .end {
  left: 28%;
}
.timeline-brazil .current_timeline .end .text {
  display: none;
}
@media (min-width: 992px) {
  .timeline-brazil .iap_campaign--timeline .iap-container .current_timeline .iap_timeline--current:after {
    bottom: 74px;
  }
}

.iap_timeline--learnmore {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 50px 0;
  text-align: center;
}
@media (min-width: 1400px) {
  .iap_timeline--learnmore {
    grid-template-columns: repeat(4, 1fr);
  }
}
.iap_timeline--learnmore .iap_learn-more-card {
  padding: 20px;
}
@media (min-width: 768px) {
  .iap_timeline--learnmore .iap_learn-more-card {
    padding: 30px;
  }
}
.iap_timeline--learnmore .iap_learn-more-card .btn.modal-button {
  display: block;
  margin: 10px auto;
  padding: 10px;
  border: 2px solid #861723;
  border-radius: 50%;
}
.iap_timeline--learnmore .iap_learn-more-card .btn.modal-button:hover {
  box-shadow: unset;
  filter: none;
}
.iap_timeline--learnmore .iap_learn-more-card .btn.modal-button.clicked {
  background-color: #861723;
}
.iap_timeline--learnmore .iap_learn-more-card .btn.modal-button.clicked::before {
  position: absolute;
  display: block;
  content: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6051 0.0406263L14.1661 1.60165L5.57483 10.1929L0.832768 5.54223L2.34163 4.03337L5.47699 7.16872L12.6051 0.0406263Z' fill='white'/%3E%3C/svg%3E%0A");
  transform: translate(-50%, -50%);
}
.iap_timeline--learnmore .iap_learn-more-card .btn.modal-button.clicked:hover {
  box-shadow: unset;
  filter: none;
}
.iap_timeline--learnmore .iap_learn-more-card p {
  color: #861723;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
  text-align: center;
}
@media (min-width: 768px) {
  .iap_timeline--learnmore .iap_learn-more-card p {
    font-size: 24px;
  }
}
.iap_timeline--learnmore .iap_learn-more-card img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .iap_timeline--learnmore .iap_learn-more-card img {
    width: 200px;
    height: 200px;
  }
}

*[lang=pl] [class^=iap_campaign--] .text_section .button_section .modal-button:before {
  font-family: "franklin-gothic-urw";
}

.paragraph--type--pop-out-wrapper {
  margin-top: -26px;
  margin-bottom: 30px;
}
.paragraph--type--pop-out-wrapper .row .pop-note {
  display: none;
  max-width: 430px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding-top: 30px;
  background-color: #db1024;
}
.paragraph--type--pop-out-wrapper .row .pop-note .notepad-heading {
  position: relative;
  margin: 0;
  padding: 16px;
  text-align: center;
  color: #ffffff;
  background-color: #db1024;
}
.paragraph--type--pop-out-wrapper .row .pop-note .notepad-heading:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 4px;
  left: 0;
}
.paragraph--type--pop-out-wrapper .row .pop-note .notepad-heading p {
  margin-bottom: 0;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-textarea-wrapper {
  position: relative;
  padding: 20px;
  background-color: #ffffff;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-textarea-wrapper:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 60px;
  height: 60px;
  transform: translate(6px, -50px);
  background-image: url(../dist/assets/img/kk_logo_new_oval.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 20;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-textarea-wrapper .form-textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 400px;
  padding: 0 10px;
  margin: 0;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1.58;
  color: #321102;
  border-top: 0;
  border-radius: 0;
  border: none;
  resize: none;
  overflow: hidden;
  word-wrap: break-word;
  background: repeating-linear-gradient(180deg, #ffffff, #ffffff 30px, #E9ACA9 32px);
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-textarea-wrapper .form-textarea:focus {
  box-shadow: none;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-textarea-wrapper .text-count-wrapper {
  display: flex;
  justify-content: flex-end;
  color: #D70D25;
  font-size: 18px;
  font-weight: bold;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-actions {
  position: relative;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-actions:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 360px;
  height: 64px;
  transform: translate(-50%, -87%);
  background-image: url(../dist/assets/img/submit-cta.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-actions .btn-primary {
  position: relative;
  margin-top: -56px;
  color: #D70D25;
  background-color: #F5F2ED;
  border-radius: 26px;
  opacity: 0;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-type-processed-text {
  padding: 16px;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-type-processed-text p {
  font-size: 12px;
  color: #ffffff;
}
.paragraph--type--pop-out-wrapper .row .pop-note .form-type-processed-text p a {
  color: #ffffff;
  text-decoration: underline;
}
.paragraph--type--pop-out-wrapper .row .pop-cta-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.paragraph--type--pop-out-wrapper .row .pop-cta-wrapper .pop-cta {
  margin: 0 30px;
}

html:lang(ja) .webform-confirmation {
  max-width: 430px;
  margin: 0 auto;
  padding: 30px;
  background-image: url(../dist/assets/img/kitkat-nightsky-bg.svg);
}
html:lang(ja) .webform-confirmation .webform-confirmation__message {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html:lang(ja) .webform-confirmation .webform-confirmation__message .gif-juken {
  margin-bottom: 25px;
}
html:lang(ja) .webform-confirmation .webform-confirmation__message a {
  position: relative;
  margin-bottom: 25px;
  visibility: hidden;
}
html:lang(ja) .webform-confirmation .webform-confirmation__message a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 360px;
  height: 64px;
  transform: translate(-10%, -37%);
  background-image: url(../dist/assets/img/txt-tweet.svg);
  background-size: contain;
  background-repeat: no-repeat;
  visibility: visible;
}
html:lang(ja) .webform-confirmation .webform-confirmation__back a {
  position: relative;
  margin-left: 16px;
  color: #ffffff;
}
html:lang(ja) .webform-confirmation .webform-confirmation__back a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-15px, 5px);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #ffffff;
}

.container-narrow {
  max-width: 960px;
  margin: 0 auto;
}
.container-narrow .field--type-entity-reference {
  margin: 0;
}

.curved-shape {
  width: 100%;
  height: 100px;
  background-color: #FFD2D1;
  position: relative;
  overflow: hidden;
}

.curved-shape::after {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: transparent;
  border-radius: 0 0 50% 50%;
}

.background-color-pink {
  background-color: #FFD2D1;
}

.background-color-morning-snow {
  background-color: #F5F2ED;
}

.background-color-vampire-hunter {
  background-color: #5D0505;
}

.speech-bubble {
  display: flex;
  align-items: center;
}
.speech-bubble h1, .speech-bubble .h1 {
  margin-right: 20px;
}
@media (min-width: 992px) {
  .speech-bubble h1, .speech-bubble .h1 {
    margin-right: 92px;
  }
}

.juken-sub-banner .text-banner {
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}

.iap-view-adaptation {
  padding-top: 60px;
  padding-bottom: 20px;
  background-color: #fdf6e9;
}
.iap-view-adaptation .teaser---items {
  max-width: 100%;
  margin: 0 auto;
}
.iap-view-adaptation .teaser---items .cocoa,
.iap-view-adaptation .teaser---items .kids,
.iap-view-adaptation .teaser---items .trees,
.iap-view-adaptation .teaser---items .money {
  padding: 0;
  border-radius: 50px;
}
.iap-view-adaptation .teaser---items .cocoa:hover,
.iap-view-adaptation .teaser---items .kids:hover,
.iap-view-adaptation .teaser---items .trees:hover,
.iap-view-adaptation .teaser---items .money:hover {
  background-color: #ffffff;
  box-shadow: 0 0 25px 0 #861723;
}
.iap-view-adaptation .teaser---items .cocoa:hover .dsu_btn .btn,
.iap-view-adaptation .teaser---items .kids:hover .dsu_btn .btn,
.iap-view-adaptation .teaser---items .trees:hover .dsu_btn .btn,
.iap-view-adaptation .teaser---items .money:hover .dsu_btn .btn {
  background-color: #861723 !important;
}
.iap-view-adaptation .teaser---items .cocoa:hover .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .kids:hover .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .trees:hover .dsu_btn .btn a,
.iap-view-adaptation .teaser---items .money:hover .dsu_btn .btn a {
  color: #fdf6e9 !important;
}
.iap-view-adaptation .teaser---items .cocoa:hover h3, .iap-view-adaptation .teaser---items .cocoa:hover .h3,
.iap-view-adaptation .teaser---items .cocoa:hover p,
.iap-view-adaptation .teaser---items .kids:hover h3,
.iap-view-adaptation .teaser---items .kids:hover .h3,
.iap-view-adaptation .teaser---items .kids:hover p,
.iap-view-adaptation .teaser---items .trees:hover h3,
.iap-view-adaptation .teaser---items .trees:hover .h3,
.iap-view-adaptation .teaser---items .trees:hover p,
.iap-view-adaptation .teaser---items .money:hover h3,
.iap-view-adaptation .teaser---items .money:hover .h3,
.iap-view-adaptation .teaser---items .money:hover p {
  color: #861723;
}
.iap-view-adaptation .teaser---items .trees {
  background-color: #4d8217;
}
.iap-view-adaptation .teaser---items .trees .dsu_btn {
  padding: 50px;
}
.iap-view-adaptation .teaser---items .trees .dsu_btn .btn a {
  color: #4d8217 !important;
}
.iap-view-adaptation .teaser---items .money {
  background-color: #ffa200;
}
.iap-view-adaptation .teaser---items .cocoa {
  background-color: #c7492c;
}
.iap-view-adaptation .teaser---items .kids {
  background-color: #861723;
}
@media (min-width: 992px) {
  .iap-view-adaptation .teaser---items .cocoa,
  .iap-view-adaptation .teaser---items .kids,
  .iap-view-adaptation .teaser---items .trees,
  .iap-view-adaptation .teaser---items .money {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  .iap-view-adaptation .teaser---items .cocoa,
  .iap-view-adaptation .teaser---items .kids,
  .iap-view-adaptation .teaser---items .trees,
  .iap-view-adaptation .teaser---items .money {
    height: 850px;
  }
}
@media (min-width: 1200px) {
  .iap-view-adaptation .teaser---items .cocoa,
  .iap-view-adaptation .teaser---items .kids,
  .iap-view-adaptation .teaser---items .trees,
  .iap-view-adaptation .teaser---items .money {
    max-width: 1440px;
  }
}
.iap-view-adaptation .dsu_btn {
  padding: 50px;
}
.iap-view-adaptation .dsu_btn .btn {
  width: 100%;
  border-radius: 60px;
  background-color: #fdf6e9 !important;
  box-shadow: none !important;
}
.iap-view-adaptation .dsu_btn .btn:hover {
  filter: unset;
}
.iap-view-adaptation .dsu_btn .btn a {
  color: #861723 !important;
}
.iap-view-adaptation .iap_campaign--teaser-image-text {
  border-radius: 50px;
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text {
  padding: 20px;
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
  font-size: 24px;
}
@media (min-width: 768px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3 {
    font-size: 40px;
  }
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text h3, .iap-view-adaptation .iap_campaign--teaser-image-text .text .h3,
.iap-view-adaptation .iap_campaign--teaser-image-text .text p {
  color: #ffffff;
}
.iap-view-adaptation .iap_campaign--teaser-image-text .text p {
  padding: 0;
}
.iap-view-adaptation .iap_campaign--teaser-image-text img {
  margin-top: -25px;
  border-radius: 50px 50px 0 0;
}
.iap-view-adaptation .modal-button {
  display: none !important;
}
.iap-view-adaptation .iap--teaser_header {
  margin: 0 auto;
  color: #984824;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
}
.iap-view-adaptation .iap--teaser_header .image-container .field--name-field-c-image img {
  max-width: 100%;
}

.node--type-promotions .field--name-field-iap-image {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .node--type-promotions .field--name-field-iap-image {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .node--type-promotions .field--name-field-iap-image {
    grid-template-columns: repeat(4, 1fr);
  }
}
.node--type-promotions .field--name-field-iap-image .field__item img {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .contain-text-sa {
    padding-left: 76px;
    padding-right: 76px;
  }
  .contain-text-sa .p-3 {
    padding: 0 !important;
  }
}

@media (min-width: 768px) {
  .fun-fact .text-banner {
    margin: 64px 76px;
  }
}

.feedback-south-africa .feedback__socials {
  display: none;
}

.signup-sa .recipe-banner {
  color: #ba0018;
}
.signup-sa .recipe-banner h2, .signup-sa .recipe-banner .h2 {
  border-bottom: none;
}

.zbij-szybke {
  padding: 25px;
  font-family: brother-1816, sans-serif !important;
  font-style: normal;
  font-weight: 700;
}
@media (min-width: 992px) {
  .zbij-szybke {
    padding: 50px;
  }
}
.zbij-szybke .field--name-field-c-title {
  font-family: brother-1816, sans-serif !important;
  font-size: 28px;
}
@media (min-width: 992px) {
  .zbij-szybke .field--name-field-c-title {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .zbij-szybke .field--name-field-c-title {
    font-size: 55px;
  }
}
.zbij-szybke h3, .zbij-szybke .h3 {
  margin-bottom: 15px;
  color: #ffffff !important;
}
.zbij-szybke.how-to-win p {
  color: #3b3b3b;
}
.zbij-szybke.how-to-win .icon-text-section {
  align-items: center;
}
.zbij-szybke.how-to-win .icon-text-section .icon img {
  width: 180px;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .zbij-szybke.how-to-win .icon-text-section .icon img {
    width: 100%;
  }
}
.zbij-szybke.how-to-win .col-md-4 p {
  font-family: brother-1816, sans-serif !important;
  font-size: 14px;
}
@media (min-width: 992px) {
  .zbij-szybke.how-to-win .col-md-4 p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .zbij-szybke.how-to-win .col-md-4 p {
    font-size: 21px;
  }
}
@media (min-width: 768px) {
  .zbij-szybke.how-to-win .col-md-4 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .zbij-szybke.how-to-win .col-md-4 {
    width: 33%;
  }
}
.zbij-szybke .small {
  font-family: brother-1816, sans-serif !important;
  font-size: 18px;
  font-weight: 500;
}
.zbij-szybke .extra-small {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-family: brother-1816, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .zbij-szybke .extra-small {
    display: block;
  }
}
.zbij-szybke .extra-small .no-bg {
  font-size: 14px;
}
@media (min-width: 768px) {
  .zbij-szybke .extra-small .no-bg {
    font-size: 16px;
  }
}
.zbij-szybke .background-text-red {
  padding: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  background-image: url(../dist/assets/img/union-image.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .zbij-szybke .background-text-red {
    font-size: 14px;
  }
}
.zbij-szybke .dsu_cta_link {
  background-color: #A70817 !important;
  font-size: 16px;
}
@media (min-width: 992px) {
  .zbij-szybke .dsu_cta_link {
    font-size: 20px;
  }
}
.zbij-szybke .dsu_cta_link:hover {
  background-color: #ffffff !important;
}
.zbij-szybke .dsu_cta_link:hover a {
  color: #A70817 !important;
  font-weight: 800;
}
@media (min-width: 768px) {
  .zbij-szybke.contact-trading-time {
    margin-top: -38px !important;
  }
}
@media (min-width: 992px) {
  .zbij-szybke.contact-trading-time {
    margin-top: -70px !important;
  }
}
.zbij-szybke.contact-trading-time .row {
  align-items: anchor-center;
}
.zbij-szybke.contact-trading-time p {
  font-size: 12px;
}
@media (min-width: 992px) {
  .zbij-szybke.contact-trading-time .col-md-9 {
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .zbij-szybke.contact-trading-time .social {
    margin-left: -46px;
  }
}
@media (min-width: 992px) {
  .zbij-szybke.contact-trading-time .social {
    margin-left: 66px;
  }
}
.zbij-szybke.contact-trading-time .linkedin a,
.zbij-szybke.contact-trading-time .instagram a,
.zbij-szybke.contact-trading-time .facebook a {
  display: inline-block;
  width: 34px;
  height: 38px;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
}
.zbij-szybke.contact-trading-time .linkedin a {
  background: url("../dist/assets/img/pl-linkedin.svg") no-repeat center center;
}
.zbij-szybke.contact-trading-time .instagram a {
  background: url("../dist/assets/img/pl-instagram.svg") no-repeat center center;
}
.zbij-szybke.contact-trading-time .facebook a {
  background: url("../dist/assets/img/pl-facebook.svg") no-repeat center center;
}
.zbij-szybke.contact-heading, .zbij-szybke.how-to-win, .zbij-szybke.contact {
  max-width: 1200px;
  margin: 0 auto;
  font-family: "montserratregular" !important;
  font-weight: 700;
}
.zbij-szybke.contact-heading h2, .zbij-szybke.contact-heading .h2, .zbij-szybke.how-to-win h2, .zbij-szybke.how-to-win .h2, .zbij-szybke.contact h2, .zbij-szybke.contact .h2 {
  color: #E30711;
}
.zbij-szybke.contact-heading .email-add,
.zbij-szybke.contact-heading .tel-nr,
.zbij-szybke.contact-heading .web-add, .zbij-szybke.how-to-win .email-add,
.zbij-szybke.how-to-win .tel-nr,
.zbij-szybke.how-to-win .web-add, .zbij-szybke.contact .email-add,
.zbij-szybke.contact .tel-nr,
.zbij-szybke.contact .web-add {
  font-weight: 400;
}
.zbij-szybke.contact-heading .email-add,
.zbij-szybke.contact-heading .phys-add,
.zbij-szybke.contact-heading .tel-nr,
.zbij-szybke.contact-heading .web-add, .zbij-szybke.how-to-win .email-add,
.zbij-szybke.how-to-win .phys-add,
.zbij-szybke.how-to-win .tel-nr,
.zbij-szybke.how-to-win .web-add, .zbij-szybke.contact .email-add,
.zbij-szybke.contact .phys-add,
.zbij-szybke.contact .tel-nr,
.zbij-szybke.contact .web-add {
  position: relative;
  padding-right: 5px;
  padding-left: 15px;
}
.zbij-szybke.contact-heading .email-add:before,
.zbij-szybke.contact-heading .phys-add:before,
.zbij-szybke.contact-heading .tel-nr:before,
.zbij-szybke.contact-heading .web-add:before, .zbij-szybke.how-to-win .email-add:before,
.zbij-szybke.how-to-win .phys-add:before,
.zbij-szybke.how-to-win .tel-nr:before,
.zbij-szybke.how-to-win .web-add:before, .zbij-szybke.contact .email-add:before,
.zbij-szybke.contact .phys-add:before,
.zbij-szybke.contact .tel-nr:before,
.zbij-szybke.contact .web-add:before {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -25px;
}
.zbij-szybke.contact-heading .email-add a,
.zbij-szybke.contact-heading .phys-add a,
.zbij-szybke.contact-heading .tel-nr a,
.zbij-szybke.contact-heading .web-add a, .zbij-szybke.how-to-win .email-add a,
.zbij-szybke.how-to-win .phys-add a,
.zbij-szybke.how-to-win .tel-nr a,
.zbij-szybke.how-to-win .web-add a, .zbij-szybke.contact .email-add a,
.zbij-szybke.contact .phys-add a,
.zbij-szybke.contact .tel-nr a,
.zbij-szybke.contact .web-add a {
  color: #3b3b3b;
}
.zbij-szybke.contact-heading .email-add:before, .zbij-szybke.how-to-win .email-add:before, .zbij-szybke.contact .email-add:before {
  content: url(../dist/assets/img/pl-envelope.svg);
}
.zbij-szybke.contact-heading .phys-add:before, .zbij-szybke.how-to-win .phys-add:before, .zbij-szybke.contact .phys-add:before {
  content: url(../dist/assets/img/pl-building.svg);
}
.zbij-szybke.contact-heading .tel-nr:before, .zbij-szybke.how-to-win .tel-nr:before, .zbij-szybke.contact .tel-nr:before {
  content: url(../dist/assets/img/pl-phone.svg);
}
@media (min-width: 992px) {
  .zbij-szybke.contact-heading .tel-nr:before, .zbij-szybke.how-to-win .tel-nr:before, .zbij-szybke.contact .tel-nr:before {
    margin-left: -7px;
  }
}
@media (min-width: 992px) {
  .zbij-szybke.contact-heading .tel-nr a, .zbij-szybke.how-to-win .tel-nr a, .zbij-szybke.contact .tel-nr a {
    margin-left: 13px;
  }
}
.zbij-szybke.contact-heading .web-add:before, .zbij-szybke.how-to-win .web-add:before, .zbij-szybke.contact .web-add:before {
  content: url(../dist/assets/img/pl-world.svg);
}
@media (min-width: 1200px) {
  .zbij-szybke.contact-heading .contact-info-wrapper, .zbij-szybke.how-to-win .contact-info-wrapper, .zbij-szybke.contact .contact-info-wrapper {
    margin-top: 66px;
  }
}
@media (min-width: 1400px) {
  .zbij-szybke.contact-heading .contact-info-wrapper, .zbij-szybke.how-to-win .contact-info-wrapper, .zbij-szybke.contact .contact-info-wrapper {
    margin-top: 66px;
  }
}
@media (min-width: 1600px) {
  .zbij-szybke.contact-heading .contact-info-wrapper, .zbij-szybke.how-to-win .contact-info-wrapper, .zbij-szybke.contact .contact-info-wrapper {
    margin-top: 66px;
  }
}
@media (min-width: 1920px) {
  .zbij-szybke.contact-heading .contact-info-wrapper, .zbij-szybke.how-to-win .contact-info-wrapper, .zbij-szybke.contact .contact-info-wrapper {
    margin-top: 66px;
  }
}
.zbij-szybke.contact-heading .contact-info-wrapper .contact-info, .zbij-szybke.how-to-win .contact-info-wrapper .contact-info, .zbij-szybke.contact .contact-info-wrapper .contact-info {
  flex-direction: column;
}
@media (min-width: 992px) {
  .zbij-szybke.contact-heading .contact-info-wrapper .contact-info, .zbij-szybke.how-to-win .contact-info-wrapper .contact-info, .zbij-szybke.contact .contact-info-wrapper .contact-info {
    flex-direction: row;
  }
  .zbij-szybke.contact-heading .contact-info-wrapper .contact-info p, .zbij-szybke.how-to-win .contact-info-wrapper .contact-info p, .zbij-szybke.contact .contact-info-wrapper .contact-info p {
    margin-right: 36px;
  }
}
.zbij-szybke.contact-heading .contact-info-wrapper .contact-info p, .zbij-szybke.how-to-win .contact-info-wrapper .contact-info p, .zbij-szybke.contact .contact-info-wrapper .contact-info p {
  font-size: 18px;
}
.zbij-szybke.contact {
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 992px) {
  .zbij-szybke.contact .contact-info-wrapper {
    margin-top: 55px;
  }
}
@media (min-width: 768px) {
  .zbij-szybke.contact .contact-info-wrapper .phys-add,
  .zbij-szybke.contact .contact-info-wrapper .web-add {
    margin-right: 36px;
  }
}
.zbij-szybke.contact-heading {
  padding-bottom: 0;
  padding-top: 25px;
}
@media (min-width: 992px) {
  .zbij-szybke.contact-heading {
    padding-top: 50px;
  }
}
.zbij-szybke.contact-heading p {
  font-weight: 400 !important;
}
.zbij-szybke.qualifio-form {
  width: 100vw;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #ba0018;
}
.zbij-szybke.qualifio-form .qualifio-form-wrapper {
  text-align: center;
}
.zbij-szybke .field--type-image {
  max-width: 100%;
}

/* Hero Styles */
.pl-promo-hero-banner {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: brother-1816, sans-serif !important;
  background-color: #E30711;
  /* Chocolate Bars Animation */
  /* Animations */
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner {
    height: 933px;
  }
}
@media (min-width: 1920px) {
  .pl-promo-hero-banner {
    margin-bottom: 30px;
  }
}
.pl-promo-hero-banner .red-bg {
  padding: 20px;
  position: relative;
  background-color: #E30711;
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .red-bg {
    height: 933px;
  }
}
.pl-promo-hero-banner .red-bg .hero-text-wrapper {
  position: relative;
}
.pl-promo-hero-banner .red-bg .hero-text-wrapper:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 88%;
  height: 93%;
  margin-left: 13px;
  -webkit-mask-image: url("../dist/assets/img/pl-background-text-shadow-mask.png");
          mask-image: url("../dist/assets/img/pl-background-text-shadow-mask.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #A70817;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .red-bg .hero-text-wrapper:after {
    margin-left: 30px;
  }
}
@media (min-width: 820px) {
  .pl-promo-hero-banner .red-bg .hero-text-wrapper:after {
    margin-left: 35px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .red-bg .hero-text-wrapper:after {
    margin-left: 7px;
  }
}
@media (min-width: 1920px) {
  .pl-promo-hero-banner .red-bg .hero-text-wrapper:after {
    height: 85%;
    margin-top: 3px;
    margin-left: -55px;
  }
}
.pl-promo-hero-banner .red-bg .hero-text {
  position: relative;
  height: auto;
  padding: 20px;
  margin-top: -20px;
  background-image: url("../dist/assets/img/pl-background-title-text.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #E30711;
  z-index: 3;
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .red-bg .hero-text {
    width: 370px;
    background-position: bottom;
    background-size: cover;
  }
}
@media (min-width: 1400px) {
  .pl-promo-hero-banner .red-bg .hero-text {
    width: 502px;
  }
}
@media (min-width: 1600px) {
  .pl-promo-hero-banner .red-bg .hero-text {
    width: 100%;
  }
}
.pl-promo-hero-banner .red-bg .hero-text h1, .pl-promo-hero-banner .red-bg .hero-text .h1 {
  font-weight: 900;
  font-size: 32px;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .red-bg .hero-text h1, .pl-promo-hero-banner .red-bg .hero-text .h1 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .red-bg .hero-text h1, .pl-promo-hero-banner .red-bg .hero-text .h1 {
    font-size: 60px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .red-bg .hero-text h1, .pl-promo-hero-banner .red-bg .hero-text .h1 {
    font-size: 80px;
  }
}
.pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-sub-title {
  font-size: 24px;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-sub-title {
    font-size: 42px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-sub-title {
    font-size: 48px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-sub-title {
    font-size: 46px;
  }
}
@media (min-width: 1600px) {
  .pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-sub-title {
    font-size: 60px;
  }
}
.pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-description {
  font-size: 18px;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-description {
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-description {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-description {
    font-size: 40px;
  }
}
@media (min-width: 1600px) {
  .pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-description {
    font-size: 50px;
  }
}
.pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-sub-title,
.pl-promo-hero-banner .red-bg .hero-text .field--name-field-hero-description {
  font-weight: 800;
}
.pl-promo-hero-banner .red-bg .hero-text p {
  font-size: 1.2rem;
}
.pl-promo-hero-banner .red-bg .hero-images {
  position: relative;
  margin-top: -12px;
  z-index: 3;
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .red-bg .hero-images {
    margin-top: -30px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .red-bg .hero-images {
    margin-top: -40px;
  }
}
.pl-promo-hero-banner .red-bg .hero-images .emergence-case {
  max-width: 200px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .red-bg .hero-images .emergence-case {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .red-bg .cta-wrapper {
    margin-top: 52px;
  }
}
.pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  background-color: #c40018 !important;
}
.pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link a,
.pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link a,
.pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link span {
  font-size: 20px;
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link a,
  .pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link span {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link a,
  .pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link span {
    font-size: 45px;
  }
}
.pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link:hover {
  background-color: #ffffff !important;
}
.pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link:hover a,
.pl-promo-hero-banner .red-bg .cta-wrapper .dsu_c_link .field--name-field-c-link:hover span {
  color: #c40018 !important;
}
.pl-promo-hero-banner .corner-text {
  padding: 8px 6px;
  background-image: url("../dist/assets/img/pl-corner-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .corner-text {
    padding: 14px 16px;
  }
}
@media (min-width: 820px) {
  .pl-promo-hero-banner .corner-text {
    padding: 16px 18px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .corner-text {
    padding: 26px 26px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .corner-text {
    padding: 26px 28px;
    display: none;
  }
}
.pl-promo-hero-banner .corner-text .corner-title {
  position: relative;
  top: -42px;
  text-align: left;
  text-transform: uppercase;
  font-family: brother-1816, sans-serif;
  font-weight: 800;
  font-size: 16px;
  color: #D12F13;
  transform: skew(-10deg, 0deg) rotate(-16deg);
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .corner-text .corner-title {
    top: -88px;
    font-size: 24px;
  }
}
@media (min-width: 820px) {
  .pl-promo-hero-banner .corner-text .corner-title {
    top: -96px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .corner-text .corner-title {
    top: -120px;
    font-size: 42px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .corner-text .corner-title {
    top: -87px;
  }
}
@media (min-width: 1400px) {
  .pl-promo-hero-banner .corner-text .corner-title {
    top: -132px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .bug-img {
    display: none;
  }
}
.pl-promo-hero-banner .bug-img .field--name-field-bug-image {
  margin-left: 6px;
  text-align: left;
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .bug-img .field--name-field-bug-image {
    margin-left: 76px;
  }
}
.pl-promo-hero-banner .bug-img .field--name-field-bug-image img {
  max-width: 80px;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .bug-img .field--name-field-bug-image img {
    max-width: 116px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .bug-img .field--name-field-bug-image img {
    max-width: 100%;
    margin-left: unset;
  }
}
.pl-promo-hero-banner .bottom-text {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px 16px;
  transform: translate(-46px, -18px);
  background-image: url("../dist/assets/img/pl-bottom-text-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .bottom-text {
    padding: 9px 32px;
    transform: translate(-237px, -3px);
  }
}
@media (min-width: 820px) {
  .pl-promo-hero-banner .bottom-text {
    transform: translate(-152px, -3px);
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .bottom-text {
    padding: 16px 32px;
    transform: translate(-113px, -30px);
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .bottom-text {
    padding: 16px 50px;
    transform: translate(-113px, 8px);
    z-index: 1;
  }
}
@media (min-width: 1920px) {
  .pl-promo-hero-banner .bottom-text {
    transform: translate(-113px, 67px);
  }
}
.pl-promo-hero-banner .bottom-text p {
  margin-top: 8px;
  margin-bottom: 6px;
  font-family: brother-1816, sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #D12F13;
  transform: skew(-1deg, 0deg) rotate(-9deg);
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .bottom-text p {
    margin-top: 24px;
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .bottom-text p {
    margin-top: 34px;
    font-size: 60px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .bottom-text p {
    margin-top: 56px;
    font-size: 89px;
  }
}
.pl-promo-hero-banner .container {
  max-width: 1920px;
  width: 100%;
}
.pl-promo-hero-banner .choco-container {
  position: relative;
  width: 100%;
  height: 400px;
  text-align: center;
  background-image: url("../dist/assets/img/emergency-background.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .choco-container {
    height: 470px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .choco-container {
    height: 933px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .choco-container {
    background-image: url("../dist/assets/img/pl-hero-banner-col.png");
  }
}
.pl-promo-hero-banner .choco-container .chocolates {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(103px, 72px);
  z-index: 4;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .choco-container .chocolates {
    transform: translate(103px, 48px);
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .choco-container .chocolates {
    transform: translate(272px, 113px);
  }
}
@media (min-width: 1024px) {
  .pl-promo-hero-banner .choco-container .chocolates {
    transform: translate(272px, 219px);
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .choco-container .chocolates {
    transform: translate(193px, 198px);
  }
}
@media (min-width: 1400px) {
  .pl-promo-hero-banner .choco-container .chocolates {
    transform: translate(351px, 144px);
  }
}
@media (min-width: 1920px) {
  .pl-promo-hero-banner .choco-container .chocolates {
    transform: translate(351px, 213px);
  }
}
.pl-promo-hero-banner .choco {
  width: 316px;
  animation: chocoSwing 8.4s infinite;
  animation-timing-function: ease-in-out;
  transform-origin: top;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .choco {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .choco {
    width: 650px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .choco {
    width: 700px;
  }
}
@media (min-width: 1400px) {
  .pl-promo-hero-banner .choco {
    width: 718px;
  }
}
.pl-promo-hero-banner .choco img {
  width: 250px;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .choco img {
    width: 402px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .choco img {
    width: 500px;
  }
}
@media (min-width: 1024px) {
  .pl-promo-hero-banner .choco img {
    width: 600px;
  }
}
@media (min-width: 1600px) {
  .pl-promo-hero-banner .choco img {
    width: 100%;
  }
}
@keyframes chocoSwing {
  0% {
    transform: rotate(8deg);
  }
  50% {
    transform: rotate(-8deg);
  }
  75% {
    transform: rotate(8deg);
  }
}
.pl-promo-hero-banner .choco-left {
  position: relative;
  margin-top: -45px;
  margin-left: -118px;
  z-index: -1;
}
@media (min-width: 768px) {
  .pl-promo-hero-banner .choco-left {
    margin-top: -91px;
    margin-left: -149px;
  }
}
@media (min-width: 992px) {
  .pl-promo-hero-banner .choco-left {
    margin-top: -147px;
    margin-left: -161px;
  }
}
@media (min-width: 1200px) {
  .pl-promo-hero-banner .choco-left {
    margin-top: -122px;
    margin-left: -99px;
  }
}
@media (min-width: 1400px) {
  .pl-promo-hero-banner .choco-left {
    margin-top: -122px;
    margin-left: -336px;
  }
}

.close-btn-pl {
  text-align: right;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .close-btn-pl {
    margin-right: 20px;
  }
}
.close-btn-pl .close {
  position: relative;
}
.close-btn-pl .close:before {
  content: url("../dist/assets/img/pl-close-cta.svg");
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -8px;
  margin-top: -16px;
}
@media (min-width: 768px) {
  .close-btn-pl .close:before {
    margin-top: -5px;
  }
}

.open-btn-pl .btn-modal-pl {
  display: inline-flex;
  justify-content: center;
  min-width: 12.75rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  border-color: transparent;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #E30612;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
  background-color: #c40018 !important;
}
.open-btn-pl .btn-modal-pl:hover {
  border-color: transparent;
  filter: drop-shadow(6px 7px 0px rgba(0, 0, 0, 0.2196078431));
  transition: 0.5s;
}
.open-btn-pl .btn-modal-pl a,
.open-btn-pl .btn-modal-pl span {
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.open-btn-pl .btn-modal-pl:hover {
  background-color: #ffffff !important;
  color: #c40018 !important;
}

.modal-body-content-wrapper {
  padding: 20px;
}
@media (min-width: 992px) {
  .modal-body-content-wrapper {
    margin-top: 40px;
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .modal-body-content-wrapper {
    padding: 40px;
  }
}
.modal-body-content-wrapper p {
  color: #3b3b3b;
  font-weight: 400;
  font-size: 16px;
}
@media (min-width: 992px) {
  .modal-body-content-wrapper p {
    font-size: 24px;
  }
}
.modal-body-content-wrapper p .text-bold {
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .modal-body-content-wrapper p .text-bold {
    font-size: 24px;
  }
}
.modal-body-content-wrapper .modal-body-title {
  margin-bottom: 20px;
  font-size: 20px;
  color: #E30711;
}
@media (min-width: 992px) {
  .modal-body-content-wrapper .modal-body-title {
    margin-bottom: 40px;
    font-size: 40px;
  }
}
.modal-body-content-wrapper .footnote span {
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .modal-body-content-wrapper .footnote span {
    font-size: 17px;
  }
}

.pl-modal-dialog {
  max-width: 964px;
  width: 94%;
}
@media (min-width: 992px) {
  .pl-modal-dialog {
    width: 100%;
  }
}

.custom-link-icon {
  margin: 10px;
}
.custom-link-icon .custom-link-with-icon__link {
  display: inline-flex;
  padding: 8px 60px;
  border: 2px solid #db1024;
  border-radius: calc(infinity * 1px);
  position: relative;
  display: inline-block;
}
.custom-link-icon .custom-link-with-icon__link:after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-30%);
  height: 30px;
  width: 20px;
  content: "";
  background-image: url(../dist/assets/img/irregular-arrow-red.svg);
  transition: 0.5s;
  background-size: 20px;
  background-repeat: no-repeat;
}
.custom-link-icon .custom-link-with-icon__link:after:hover {
  filter: brightness(1.2);
}
.custom-link-icon .custom-link-with-icon__link img {
  width: 100px;
  height: 42px;
  margin: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.paragraph--type--multiple-links-with-icons .field--name-field-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .paragraph--type--multiple-links-with-icons .field--name-field-links {
    flex-direction: row;
  }
}

.limited-edition-list li {
  margin-bottom: 10px;
  list-style-position: outside;
  word-wrap: break-word;
  text-align: left;
}
@media (min-width: 992px) {
  .limited-edition-list li {
    list-style-position: inside;
    text-align: center;
  }
}

.limited-edition.paragraph--type--c-slider .field--name-field-c-image img {
  height: 586px !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.node--type-promotions h2, .node--type-promotions .h2 {
  color: #db1024;
}
.node--type-promotions h3, .node--type-promotions .h3 {
  text-align: center;
}

*[lang=id] .ln_c_contactus_form {
  max-width: 1200px;
  margin: 0 auto;
}
*[lang=id] .ln_c_contactus_form label {
  font-size: 26px;
  margin-bottom: 8px !important;
  font-weight: 700 !important;
  color: #ff273a !important;
}
*[lang=id] .ln_c_contactus_form .webform-section .form-item-your-first-name,
*[lang=id] .ln_c_contactus_form .webform-section .form-item-your-last-name {
  width: 100%;
}
@media (min-width: 992px) {
  *[lang=id] .ln_c_contactus_form .webform-section .form-item-your-first-name,
  *[lang=id] .ln_c_contactus_form .webform-section .form-item-your-last-name {
    width: 50%;
  }
}
*[lang=id] .ln_c_contactus_form .webform-section .form-item-province,
*[lang=id] .ln_c_contactus_form .webform-section .form-item-district {
  width: 100%;
  display: inline-block;
}
@media (min-width: 992px) {
  *[lang=id] .ln_c_contactus_form .webform-section .form-item-province,
  *[lang=id] .ln_c_contactus_form .webform-section .form-item-district {
    width: 48%;
  }
}
*[lang=id] .ln_c_contactus_form #edit-actions-submit {
  background-color: #c40018;
  color: #ffffff;
  text-transform: uppercase;
  border: transparent;
  padding: 10px 20px;
}
*[lang=id] .ln_c_contactus_form .captcha-heading {
  font-size: 16px;
  color: #000000 !important;
}
*[lang=id] .ln_c_contactus_form .checkbox .form-check-label p {
  font-size: 16px;
  color: #000000 !important;
}
*[lang=id] .ln_c_contactus_form .form-item-contact-number {
  display: inline-block;
}
*[lang=id] .ln_c_contactus_form .agreement-text {
  display: flex;
}