/* Bootstrap */
@charset "UTF-8";

/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 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: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --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-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --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: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --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-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(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}

[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: #fff;
    --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: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
}

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

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

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 0.25;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    /* color: var(--bs-heading-color); */
}

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

@media (min-width: 1200px) {
    .h1,
    h1 {
        font-size: 2.5rem;
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    .h2,
    h2 {
        font-size: 2rem;
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    .h3,
    h3 {
        font-size: 1.75rem;
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + 0.3vw);
}

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

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

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

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

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

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

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

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

ol ol,
ol ul,
ul ol,
ul ul {
    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);
    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), var(--bs-link-opacity, 1));
    text-decoration: underline;
}

a:hover {
    --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;
}

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

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

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

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

a > code {
    color: inherit;
}

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

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

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

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

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--bs-secondary-color);
    text-align: left;
}

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

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

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

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

button,
input,
optgroup,
select,
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;
}

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

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

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

textarea {
    resize: vertical;
}

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

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

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

legend + * {
    clear: left;
}

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

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

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

::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

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

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

output {
    display: inline-block;
}

iframe {
    border: 0;
}

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

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

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

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

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem;
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem;
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem;
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem;
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem;
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1440px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1440px;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

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

.col {
    flex: 1 0 0%;
}

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

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

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

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.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: 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: 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: 1440px) {
    .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;
    }
}

.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-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --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);
}

.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    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;
}

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

.table-bordered > :not(caption) > * > * {
    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-bg-type: var(--bs-table-striped-bg);
}

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

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --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-bg-state: var(--bs-table-hover-bg);
}

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

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

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

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

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

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

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

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

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

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

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

.col-form-label {
    padding-top: calc(0.375rem + 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-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-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);
}

.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);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    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);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-webkit-date-and-time-value {
    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);
    opacity: 1;
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

.form-control::-webkit-file-upload-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

.form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }

    .form-control::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--bs-secondary-bg);
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    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);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0;
}

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

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

.form-control-sm {
    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);
}

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

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

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

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

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

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

textarea.form-control-sm {
    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));
}

.form-control-color {
    width: 3rem;
    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);
}

.form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius);
}

.form-control-color.form-control-sm {
    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));
}

.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);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    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-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: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

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

.form-select:disabled {
    background-color: var(--bs-secondary-bg);
}

.form-select:-moz-focusring {
    color: transparent;
    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);
}

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

[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);
    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-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);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

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

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

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

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

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

.form-check-input:checked[type="checkbox"] {
    --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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type="radio"] {
    --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='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    --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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

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

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

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

.form-switch .form-check-input {
    --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-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='%2386b7fe'/%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='%23fff'/%3e%3c/svg%3e");
}

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

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

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

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

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

[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 #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

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

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

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

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

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: 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: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe;
}

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: 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);
}

.form-range:disabled::-moz-range-thumb {
    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));
    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;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    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-plaintext::-moz-placeholder,
.form-floating > .form-control::-moz-placeholder {
    color: transparent;
}

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

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

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

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

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

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    color: rgba(var(--bs-body-color-rgb), 0.65);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

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

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
}

.form-floating > .form-control:-webkit-autofill ~ label {
    color: rgba(var(--bs-body-color-rgb), 0.65);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control-plaintext ~ label {
    border-width: var(--bs-border-width) 0;
}

.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
    color: #6c757d;
}

.form-floating > .form-control:disabled ~ label::after,
.form-floating > :disabled ~ label::after {
    background-color: var(--bs-secondary-bg);
}

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

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

.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
    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);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

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

.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    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) > .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,
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.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,
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    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(var(--bs-border-width) * -1);
    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);
}

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

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

.form-control.is-valid,
.was-validated .form-control:valid {
    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='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    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);
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color);
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select: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='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    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);
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

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

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color);
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color);
}

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

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: var(--bs-form-valid-color);
}

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

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

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    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);
    border-radius: var(--bs-border-radius);
}

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

.form-control.is-invalid,
.was-validated .form-control:invalid {
    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='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    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);
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color);
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select: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='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    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);
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

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

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color);
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color);
}

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

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: var(--bs-form-invalid-color);
}

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

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

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-out-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --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), 0.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-out-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-group-lg > .btn,
.btn-lg {
    --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);
}

.btn-group-sm > .btn,
.btn-sm {
    --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);
}

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

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-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-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: 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-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-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-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --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);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

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

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

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

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

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

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }

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

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

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

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }

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

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

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

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }

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

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

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

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }

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

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

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

@media (min-width: 1440px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-group {
    border-radius: var(--bs-border-radius);
}

.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
    margin-left: calc(var(--bs-border-width) * -1);
}

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

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

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

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

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

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

.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .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-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
    margin-top: calc(var(--bs-border-width) * -1);
}

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

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

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: 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);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    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:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color);
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.nav-link.disabled,
.nav-link:disabled {
    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-color: var(--bs-border-color);
    --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-active-color: var(--bs-emphasis-color);
    --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);
    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));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

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

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

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

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd;
}

.nav-pills .nav-link {
    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);
    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);
    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;
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
    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);
    border-bottom-color: currentcolor;
}

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

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

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

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

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

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%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-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

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

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

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

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

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

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

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

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

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

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

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

.navbar-toggler:hover {
    text-decoration: none;
}

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

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

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

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

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

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

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

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

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

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

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

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

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

@media (min-width: 1440px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

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

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

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

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

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

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

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

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

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

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

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

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

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

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

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

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

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

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

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

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

[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-color: var(--bs-border-color-translucent);
    --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-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-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --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);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }

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

    .card-group > .card:not(:last-child) .card-header,
    .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius: 0;
    }

    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .card:not(:last-child) .card-img-bottom {
        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-header,
    .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius: 0;
    }

    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0;
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --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-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --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-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --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);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

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

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

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

.accordion-button:hover {
    z-index: 2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[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='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --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);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
}

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

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

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

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --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);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}

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

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

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

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width) * -1);
}

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

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

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: 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);
}

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

.badge:empty {
    display: none;
}

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

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --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);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
    color: inherit;
}

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

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

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

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

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

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

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

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

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

.progress,
.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
}

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

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
    );
    background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-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-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --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-hover-color: var(--bs-emphasis-color);
    --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-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

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

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

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

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

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

@media (min-width: 1440px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }

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

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

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

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

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

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

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

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

.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-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-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --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-bg: 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-bg: var(--bs-secondary-bg-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-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --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-bg: 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-bg: var(--bs-success-bg-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-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --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-bg: 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-bg: var(--bs-info-bg-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-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --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-bg: 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-bg: var(--bs-warning-bg-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-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --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-bg: 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-bg: var(--bs-danger-bg-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-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --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-bg: 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-bg: var(--bs-light-bg-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-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --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-bg: 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-bg: var(--bs-dark-bg-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-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --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-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

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

.btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity);
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    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);
}

.btn-close-white {
    filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme="dark"] .btn-close {
    filter: var(--bs-btn-close-white-filter);
}

.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-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
    opacity: 0;
}

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

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

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

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

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

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

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --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-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 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-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

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

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

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

.modal.show .modal-dialog {
    transform: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow);
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }

    .modal-sm {
        --bs-modal-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

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

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    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-footer,
    .modal-fullscreen-sm-down .modal-header {
        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-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }

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

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

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

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

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

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

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

    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        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-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }

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

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --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);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
}

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

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

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

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

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

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

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

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

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

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

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

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

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --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-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-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --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);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius);
}

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

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

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

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

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

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

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

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-end > .popover-arrow::before {
    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-auto[data-popper-placement^="right"] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border);
}

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

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

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

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

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

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

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

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-start > .popover-arrow::before {
    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-auto[data-popper-placement^="left"] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border);
}

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

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

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

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

.carousel {
    position: relative;
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none;
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

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

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

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

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

.carousel-control-next-icon,
.carousel-control-prev-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='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

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

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

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

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

.carousel-indicators .active {
    opacity: 1;
}

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

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

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

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

[data-bs-theme="dark"] .carousel .carousel-control-next-icon,
[data-bs-theme="dark"] .carousel .carousel-control-prev-icon,
[data-bs-theme="dark"].carousel .carousel-control-next-icon,
[data-bs-theme="dark"].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100);
}

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

[data-bs-theme="dark"] .carousel .carousel-caption,
[data-bs-theme="dark"].carousel .carousel-caption {
    color: #000;
}

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

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

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

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

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0;
}

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

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s;
    }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
    --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-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --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);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: 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);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }

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

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

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

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

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

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-sm .offcanvas-header {
        display: none;
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: 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);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }

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

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

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

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

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

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-md .offcanvas-header {
        display: none;
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: 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);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }

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

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

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

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

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

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-lg .offcanvas-header {
        display: none;
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: 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);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }

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

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

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

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

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

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-xl .offcanvas-header {
        display: none;
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: 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);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }

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

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

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

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

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

@media (min-width: 1440px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

    .offcanvas-xxl .offcanvas-header {
        display: none;
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

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

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

.link-success:focus,
.link-success:hover {
    color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

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

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

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

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

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

.link-danger:focus,
.link-danger:hover {
    color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

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

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

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

.link-dark:focus,
.link-dark:hover {
    color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 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), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
    -webkit-text-decoration-color: RGBA(
        var(--bs-emphasis-color-rgb),
        var(--bs-link-underline-opacity, 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: 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;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-underline-offset: 0.25em;
    -webkit-backface-visibility: hidden;
    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:focus-visible > .bi,
.icon-link-hover:hover > .bi {
    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);
    content: "";
}

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }

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

@media (min-width: 768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }

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

@media (min-width: 992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }

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

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }

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

@media (min-width: 1440px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }

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

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

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

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    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-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden: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);
    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;
}

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

.shadow-lg {
    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));
}

.focus-ring-secondary {
    --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));
}

.focus-ring-info {
    --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));
}

.focus-ring-danger {
    --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));
}

.focus-ring-dark {
    --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: -webkit-sticky !important;
    position: sticky !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-dark-subtle {
    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;
}

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

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

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

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
    --bs-text-opacity: 1;
    color: 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;
}

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

.text-body-emphasis {
    --bs-text-opacity: 1;
    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;
}

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

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

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

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

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

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

.text-dark-emphasis {
    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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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-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;
}

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

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

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

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

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

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

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

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

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

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

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

.bg-body-secondary {
    --bs-bg-opacity: 1;
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-top-2 {
    border-top-left-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-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
    border-top-left-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-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-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
    border-top-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-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
    border-top-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-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
    border-top-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-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-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
    border-bottom-right-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-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
    border-bottom-right-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-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
    border-bottom-right-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-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-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
    border-bottom-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-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
    border-bottom-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-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
    border-bottom-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-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-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: 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: 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: 1440px) {
    .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: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important;
    }

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

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

    .fs-4 {
        font-size: 1.5rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }

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

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

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

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

/*# sourceMappingURL=bootstrap.min.css.map */


/* Bootstrap Select */
/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
@-webkit-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

.bootstrap-select > select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px;
    vertical-align: middle;
}

.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bootstrap-select > .dropdown-toggle:after {
    margin-top: -1px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #999;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, 0.5);
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important;
}

.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important;
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: #28a745;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
    width: auto;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0;
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
    width: 100%;
}

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
    cursor: not-allowed;
}

.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
    outline: 0 !important;
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important;
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060;
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit;
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select .dropdown-menu > .inner:focus {
    outline: 0 !important;
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .dropdown-menu li {
    position: relative;
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    -webkit-animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
    -o-animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
    animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: "\00a0";
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
    content: "";
    display: block;
    width: 0.5em;
    height: 1em;
    border-style: solid;
    border-width: 0 0.26em 0.26em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before {
    display: block;
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}


/* Store Theme */
/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
@import url(./bootstrap-select.min.css);
:root {
  --white: #ffffff;
  --black: #000000;
  --primary: #0B5755;
  --primary-2: #C8102E;
  --secondary: #A2F7B4;
  --text: #464545;
  --text-2: #A4A4A4;
  --line: #E9E9E9;
  --line-2: #E9E9E91A;
  --white-10: rgba(255, 255, 255, 0.10);
  --white-50: #FFFFFF80;
  /* Custom */
  --shadow-1: #A3A3A340;
  --verified: #00BF43;
  --success: #3DAB25;
  --surface: #F8F6F2;
}

/*------------ Core CSS ---------------- */
/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}

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

/* Elements
-------------------------------------------------------------- */
html {
  margin-right: 0 !important;
  scroll-behavior: smooth;
}

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

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--text);
}
body::-webkit-scrollbar {
  width: 3px;
}
body::-webkit-scrollbar-thumb {
  cursor: grab;
  background-color: var(--primary);
}

img {
  max-width: 100%;
  height: auto;
  transform: scale(1);
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

ul,
li {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

table {
  width: 100%;
  overflow-x: auto;
  table-layout: auto;
  border-collapse: collapse;
}

td,
th {
  padding: 14px 0px 15px;
}
@media (min-width: 1200px) {
  td,
  th {
    padding: 14px 0px 25px;
  }
}

svg path {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

button {
  background: transparent;
  border: 0;
  display: inline-flex;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

select,
option {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

/* Since FF19 lowers the opacity of the placeholder by default */
:-ms-input-placeholder {
  color: var(--secondary-2);
}

b,
strong {
  font-weight: bolder;
}

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  color: var(--text);
}
a:focus, a:hover {
  outline: 0;
}

p {
  display: block;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

[data-grid=grid-1] {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr;
}

[data-grid=grid-2] {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
}

[data-grid=grid-3] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}

[data-grid=grid-4] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}

[data-grid=grid-5] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(5, 1fr);
}

[data-grid=grid-6] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(6, 1fr);
}

[data-grid=grid-7] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(7, 1fr);
}

.grid-template-columns-2 {
  grid-template-columns: 1fr 1fr;
}

.tf-row-flex {
  display: flex;
  flex-direction: row;
  column-gap: 30px;
  row-gap: 30px;
}

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

.sticky-top {
  position: sticky !important;
  z-index: 50;
  top: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.wmax {
  width: max-content !important;
}

#scroll-top {
  position: fixed;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 50px;
  border-radius: 4px;
  z-index: 1;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  overflow: hidden;
  z-index: 100;
  background-color: var(--main);
  border: 0;
  bottom: 92px;
  right: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#scroll-top.show {
  opacity: 1;
  visibility: visible;
}
#scroll-top.type-1 {
  bottom: 140px;
}
#scroll-top:hover {
  transform: translateY(-5px);
  background-color: var(--primary);
}

/* Preload 
------------------------------------------- */
.preload-container {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: #ffffff;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 99999999999;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.spinner {
  width: 60px;
  height: 60px;
  border: 3px solid transparent;
  border-top: 3px solid var(--primary);
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: spin 1s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.br-line {
  width: 100%;
  height: 1px;
  display: inline-flex;
  background-color: var(--line);
}
.br-line.type-vertical {
  width: 1px;
  height: 16px;
}
.br-line.ver-abs {
  position: absolute;
  left: 0;
  right: 0;
}

.br-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--primary);
}

.tf-swiper .swiper-slide {
  height: auto;
}
.tf-swiper .swiper-slide > * {
  height: 100%;
}

.initial-child-container {
  flex: 0 0 auto;
  display: flex;
  min-width: auto;
  flex-direction: row;
  align-items: center;
}

.marquee-wrapper {
  display: flex;
  animation: infiniteScroll 7s linear infinite;
  align-items: center;
  transition: animation-duration 300ms;
}

@media (min-width: 1200px) {
  .flex-xl-1 {
    flex: 1 !important;
  }
}

@media (min-width: 576px) {
  .flex-sm-1 {
    flex: 1 !important;
  }
}

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

.opacity-10 {
  opacity: 0.1 !important;
}

@media (min-width: 576px) {
  .h-sm-100 {
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-64 {
    gap: 64px !important;
  }
  .gap-xl-40 {
    gap: 40px !important;
  }
  .h-xl-unset {
    height: unset !important;
  }
}
@media (min-width: 1440px) {
  .text-xxl-nowrap {
    white-space: nowrap !important;
  }
}
@media (min-width: 1600px) {
  .d-xxxl-flex {
    display: flex !important;
  }
}
.w-maxcontent {
  width: max-content !important;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
/* Typography
============================================================== */
/* Heading */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Sora", sans-serif;
  text-rendering: optimizeLegibility;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Sora", sans-serif;
  text-rendering: optimizeLegibility;
  font-weight: 400;
  margin-bottom: 0;
  letter-spacing: 0;
}

h1,
.h1 {
  font-size: clamp(36px, 5vw, 56px);
  line-height: clamp(40px, 6vw, 72px);
}

h2,
.h2 {
  font-size: clamp(32px, 3vw, 44px);
  line-height: clamp(36px, 4vw, 54px);
}

h3,
.h3 {
  font-size: clamp(28px, 3vw, 40px);
  line-height: clamp(32px, 3.5vw, 48px);
}

h4,
.h4 {
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: clamp(28px, 3vw, 42px);
}

h5,
.h5 {
  font-size: clamp(22px, 2vw, 24px);
  line-height: clamp(28px, 2.5vw, 30px);
}

h6,
.h6 {
  font-size: 20px;
  line-height: 28px;
}

/* Font custom */
.font-main {
  font-family: "Poppins", sans-serif;
}

.font-sora {
  font-family: "Sora", sans-serif;
}

.font-jakarta {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.font-pakinsans {
  font-family: "Parkinsans", sans-serif;
}

.font-outfit {
  font-family: "Outfit", sans-serif;
}

.font-mainrope {
  font-family: "Manrope", sans-serif;
}

.font-dm_sans {
  font-family: "DM Sans", sans-serif;
}

.text-display {
  font-size: clamp(36px, 6vw, 80px);
  line-height: clamp(40px, 6.5vw, 88px);
}

.text-display-2 {
  font-size: clamp(36px, 6vw, 60px);
  line-height: clamp(40px, 6.5vw, 68px);
}

.text-main {
  font-size: 16px;
  line-height: 26px;
}

.text-body-large {
  font-size: 18px;
  line-height: 28px;
}

.text-caption-01 {
  font-size: 14px;
  line-height: 22px;
}

.text-caption-02 {
  font-size: 12px;
  line-height: 16px;
}

.text-label {
  font-size: 12px;
  line-height: 18px;
}

.text-24 {
  font-size: clamp(18px, 2vw, 24px);
  line-height: clamp(18px, 2vw, 24px);
}

.text-64 {
  font-size: clamp(36px, 5vw, 64px);
  line-height: clamp(36px, 5vw, 64px);
}

.text-80 {
  font-size: clamp(40px, 6vw, 80px);
  line-height: clamp(48px, 6.6vw, 88px);
}

/* Font size */
.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-35 {
  font-size: 35px !important;
}

/* Line height */
.lh-8 {
  line-height: 8px !important;
}

.lh-10 {
  line-height: 10px !important;
}

.lh-11 {
  line-height: 11px !important;
}

.lh-13 {
  line-height: 13px !important;
}

.lh-19 {
  line-height: 19px !important;
}

.lh-20 {
  line-height: 20px !important;
}

.lh-24 {
  line-height: 24px !important;
}

.lh-26 {
  line-height: 26px !important;
}

.lh-28 {
  line-height: 28px !important;
}

.lh-30 {
  line-height: 30px !important;
}

.lh-32 {
  line-height: 32px !important;
}

/* Letter spacing */
.letter-space-0 {
  letter-spacing: 0px !important;
}

.letter-space--1 {
  letter-spacing: -0.01em !important;
}

.letter-space--2 {
  letter-spacing: -0.02em !important;
}

.letter-space--3 {
  letter-spacing: -0.03em !important;
}

.letter-space--4 {
  letter-spacing: -0.04em !important;
}

/* Responsive */
@media (min-width: 1440px) {
  .lh-xxl-11 {
    line-height: 11px !important;
  }
  .lh-xxl-19 {
    line-height: 19px !important;
  }
  .lh-xxl-22 {
    line-height: 22px !important;
  }
  .lh-xxl-56 {
    line-height: 56px !important;
  }
}
@media (min-width: 1200px) {
  .lh-xl-54 {
    line-height: 54px !important;
  }
  .lh-xl-36 {
    line-height: 36px !important;
  }
}
@media (min-width: 992px) {
  .lh-lg-56 {
    line-height: 56px !important;
  }
}
/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
/* General
============================================================== */
/* Margin */
.mb-2 {
  margin-bottom: 2px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mt-30 {
  margin-top: 30px;
}

.mb-2em {
  margin-bottom: 2em;
}

/* Padding */
.pt-30 {
  padding-top: 30px;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-4_2 {
  padding-top: 4px !important;
  padding-bottom: 2px !important;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Gap */
.gap-2 {
  gap: 2px !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-6 {
  gap: 6px !important;
}

.gap-8 {
  gap: 8px;
}

.gap-10 {
  gap: 10px !important;
}

.gap-12 {
  gap: 12px !important;
}

.gap-13 {
  gap: 13px !important;
}

.gap-15 {
  gap: 15px;
}

.gap-16 {
  gap: 16px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-24 {
  gap: 24px !important;
}

.gap-28 {
  gap: 28px !important;
}

.gap-30 {
  gap: 30px;
}

/* Spacing */
.flat-spacing {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 1439px) {
  .flat-spacing {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .flat-spacing {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.flat-spacing-2 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .flat-spacing-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.flat-spacing-3 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.flat-spacing-4 {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Orther */
.text-primary {
  color: var(--primary) !important;
}

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

.text-white-50 {
  color: var(--white-50);
}

.cl-text-main {
  color: var(--text) !important;
}

.cl-text-2 {
  color: var(--text-2) !important;
}

.cl-text-3 {
  color: var(--text-3) !important;
}

.cl-text-4 {
  color: var(--text-4) !important;
}

.cl-text-5 {
  color: var(--text-5) !important;
}

.cl-text-6 {
  color: var(--text-6) !important;
}

.cl-text-7 {
  color: var(--text-7) !important;
}

.cl-text-8 {
  color: var(--text-8) !important;
}

.cl-text-9 {
  color: var(--text-9) !important;
}

.cl-text-10 {
  color: var(--text-10) !important;
}

.cl-text-11 {
  color: var(--text-11) !important;
}

.cl-text-12 {
  color: var(--text-12) !important;
}

.cl-text-13 {
  color: var(--text-13) !important;
}

.cl-text-14 {
  color: var(--text-14) !important;
}

.link-primary {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.link-primary:hover {
  color: var(--primary) !important;
}

.link {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.link:hover {
  color: var(--secondary) !important;
}

.link-2 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.link-2:hover {
  color: var(--primary-2) !important;
}

.link-black {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.link-black:hover {
  color: var(--black) !important;
}

.link-underline {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.link-underline:hover {
  text-decoration-color: var(--primary);
}

.link-underline-white {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.link-underline-white:hover {
  text-decoration-color: var(--white);
}

.text-decoration-thickness_2 {
  text-decoration-thickness: 2px;
}

.text-decoration-thickness_3 {
  text-decoration-thickness: 3px;
}

.lt-sp-nor {
  letter-spacing: -0.32px;
}

.letter-space-0 {
  letter-spacing: 0px !important;
}

.text-vertical {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}

.cs-pointer {
  cursor: pointer;
}

.max-width_1 {
  max-width: 1424px;
  width: 100%;
}

.gap-x-10 {
  column-gap: 10px !important;
}

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

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

.radius-8 {
  border-radius: 8px !important;
}

.radius-10 {
  border-radius: 10px !important;
}

.radius-12 {
  border-radius: 12px !important;
}

.radius-16 {
  border-radius: 16px !important;
}

.radius-20 {
  border-radius: 20px !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-white-2 {
  background-color: var(--bg-10);
}

.bg-white_10 {
  background: var(--white-10);
}

.bg-cl-text {
  background-color: var(--text) !important;
}

.bg-surface {
  background-color: var(--surface);
}

.bg-peach-blush {
  background-color: #F7E1D9 !important;
}

.bg-pale-cream {
  background-color: #FAF5D8 !important;
}

.bg-mint-whisper {
  background-color: #DBF1E0 !important;
}

.bg-ice-blue {
  background-color: #DBEEF2 !important;
}

.bg-lavender-mist {
  background-color: #E2E4F7 !important;
}

.bg-lilac-cloud {
  background-color: #F3E8FF !important;
}

.text-line-clamp-1 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
}

.text-line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.text-line-clamp-3 {
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.aspect-ratio-0 {
  aspect-ratio: 0 !important;
}

.aspect-ratio-1 {
  aspect-ratio: 1/1 !important;
}

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

.z-5 {
  z-index: 5;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-auto {
  cursor: auto;
}

.min-w-unset {
  min-width: unset !important;
}

.flex-1 {
  flex: 1;
}

.gy-30 {
  --bs-gutter-y: 30px;
}

@media (min-width: 992px) {
  .h-lg-100 {
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-28 {
    gap: 28px !important;
  }
}
@media (max-width: 575px) {
  .sm-gap-16 {
    gap: 16px !important;
  }
}
/*------------ Component ---------------- */
/*------------ Layout ---------------- */
/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.tf-grid-layout {
  display: grid;
  column-gap: 24px;
  row-gap: 32px;
}
.tf-grid-layout.tf-col-1 {
  grid-template-columns: 1fr;
}
.tf-grid-layout.tf-col-2 {
  grid-template-columns: 1fr 1fr;
}
.tf-grid-layout.tf-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.tf-grid-layout.tf-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.tf-grid-layout.tf-col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.tf-grid-layout.tf-col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.tf-grid-layout.tf-col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.tf-grid-layout .wd-full {
  grid-column: 1/-1;
}
.tf-grid-layout .wd-2-cols {
  grid-column: span 2;
}
@media (min-width: 426px) {
  .tf-grid-layout.ssm-col-2 {
    grid-template-columns: 1fr 1fr;
  }
  .tf-grid-layout.ssm-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-grid-layout.ssm-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-grid-layout.ssm-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .tf-grid-layout.ssm-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .tf-grid-layout.ssm-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 576px) {
  .tf-grid-layout.sm-col-2 {
    grid-template-columns: 1fr 1fr;
  }
  .tf-grid-layout.sm-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-grid-layout.sm-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-grid-layout.sm-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .tf-grid-layout.sm-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .tf-grid-layout.sm-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 768px) {
  .tf-grid-layout.md-col-2 {
    grid-template-columns: 1fr 1fr;
  }
  .tf-grid-layout.md-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-grid-layout.md-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-grid-layout.md-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .tf-grid-layout.md-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .tf-grid-layout.md-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 992px) {
  .tf-grid-layout.lg-col-2 {
    grid-template-columns: 1fr 1fr;
  }
  .tf-grid-layout.lg-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-grid-layout.lg-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-grid-layout.lg-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .tf-grid-layout.lg-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .tf-grid-layout.lg-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1200px) {
  .tf-grid-layout {
    column-gap: 30px;
    row-gap: 40px;
  }
  .tf-grid-layout.row-xl-gap-40 {
    row-gap: 40px;
  }
  .tf-grid-layout.row-xl-gap-56 {
    row-gap: 56px;
  }
  .tf-grid-layout.xl-col-2 {
    grid-template-columns: 1fr 1fr;
  }
  .tf-grid-layout.xl-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-grid-layout.xl-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-grid-layout.xl-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .tf-grid-layout.xl-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .tf-grid-layout.xl-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1440px) {
  .tf-grid-layout.xxl-col-2 {
    grid-template-columns: 1fr 1fr;
  }
  .tf-grid-layout.xxl-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-grid-layout.xxl-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-grid-layout.xxl-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .tf-grid-layout.xxl-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .tf-grid-layout.xxl-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}

.row {
  margin-right: -16px;
  margin-left: -16px;
}
.row > * {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1200px) {
  .row {
    margin-right: -24px;
    margin-left: -24px;
  }
  .row > * {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.row > * {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 1320px;
  max-width: 100%;
}

.container-full {
  width: 100%;
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1439px) {
  .container-full {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.container-full-2 {
  width: 100%;
  max-width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1599px) {
  .container-full-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1439px) {
  .container-full-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*------------ Header ---------------- */
/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
header {
  position: sticky;
  z-index: 100;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header.header-sticky.style-2 {
  background-color: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
header.header-sticky.style-2 .header-inner {
  box-shadow: unset;
}
header.header-sticky .header-inner {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.header-abs {
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: -140px;
}
.header-abs .header-inner {
  padding-left: 15px;
  padding-right: 15px;
  background-color: var(--white);
  border-radius: 100px;
}
@media (min-width: 1440px) {
  .header-abs .header-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1199px) {
  .header-abs {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: -75px;
  }
  .header-abs .header-inner {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .header-inner .box-btn-menu,
  .header-inner .header-right {
    flex: 1;
  }
  .header-inner .header-right {
    justify-content: flex-end;
  }
}

.header-left {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (min-width: 1600px) {
  .header-left {
    gap: 100px;
  }
}

.header-right {
  display: flex;
  align-items: center;
}

.menu-item {
  position: relative;
}
.menu-item:hover .item-link::before {
  display: block;
}
.menu-item:hover .item-link .text::before {
  width: 100%;
  left: 0;
  right: auto;
}
.menu-item:hover .item-link .icon {
  transform: rotate(180deg);
}
.menu-item:hover .sub-menu {
  transform: scale(1);
  pointer-events: all;
  opacity: 1;
  visibility: visible;
}

.item-link {
  color: var(--primary);
  font-weight: 500;
  padding-top: 36px;
  padding-bottom: 36px;
  position: relative;
}
.item-link .text {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
}
.item-link .text::before {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: var(--secondary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.item-link::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 80px);
  height: 100%;
  display: none;
}
.item-link .icon {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.box-nav-menu {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (min-width: 1600px) {
  .box-nav-menu {
    gap: 40px;
  }
}

.box-nav-icon {
  display: flex;
  align-items: center;
  gap: 30px;
}
.box-nav-icon .br-line {
  height: 30px;
  width: 1px;
  background-color: var(--line);
}
@media (min-width: 1440px) {
  .box-nav-icon {
    padding-right: 30px;
  }
}
@media (min-width: 1600px) {
  .box-nav-icon {
    gap: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1199px) {
  .box-nav-icon {
    gap: 16px;
  }
}

.nav-icon-list {
  display: flex;
  align-items: center;
  gap: 20px;
}
.nav-icon-list li {
  display: flex;
}
@media (max-width: 1199px) {
  .nav-icon-list {
    gap: 12px;
  }
}

.nav-icon-item {
  font-size: 24px;
  display: flex;
  position: relative;
}
.nav-icon-item .number-count {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  background-color: var(--primary);
  border-radius: 50%;
}
.nav-icon-item.has-num.text-white .number-count {
  background-color: var(--white);
  color: var(--primary);
}
.nav-icon-item.has-num .number-count {
  position: absolute;
  top: -5.75px;
  right: -8px;
}
@media (max-width: 1199px) {
  .nav-icon-item {
    font-size: 20px;
  }
  .nav-icon-item.has-num {
    margin-right: 8px;
  }
}

.box-nav-support {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: var(--secondary);
  padding: 20px 40px;
  margin-right: -40px;
  border-radius: 0px 100px 100px 0px;
}
.box-nav-support .ic-wrap {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary);
}
.box-nav-support .ic-wrap .icon {
  color: var(--white);
  font-size: 32px;
}
.box-nav-support .title {
  margin-bottom: 4px;
}

/* -- Button Menu Mobile -- */
.btn-mobile-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 24px;
  position: relative;
}
.btn-mobile-menu span {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: 18px;
  height: 2px;
  background-color: var(--primary);
  border-radius: 5px;
}
.btn-mobile-menu::after, .btn-mobile-menu::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  background-color: var(--primary);
  border-radius: 1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-mobile-menu::before {
  top: 5px;
}
.btn-mobile-menu::after {
  bottom: 5px;
}
.btn-mobile-menu.type-small {
  width: 20px;
  height: 20px;
}
.btn-mobile-menu.type-small > span {
  width: 16px;
}
.btn-mobile-menu.type-small::after, .btn-mobile-menu.type-small::before {
  width: 16px;
}
.btn-mobile-menu.style-white span, .btn-mobile-menu.style-white::after, .btn-mobile-menu.style-white::before {
  background-color: var(--white);
}

@media (max-width: 1199px) {
  .logo-site {
    max-width: 120px;
  }
}

.sub-menu {
  position: absolute;
  top: 100%;
  background-color: var(--white);
  box-shadow: 0px 10px 25px 0px rgba(43, 52, 74, 0.1215686275);
  min-width: 204px;
  left: -24px;
  transform: scale(0.9);
  transform-origin: top;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 0px 0px 12px 12px;
}

.sub-menu_list li:last-child .sub-menu_link {
  border-radius: 0px 0px 12px 12px;
}

.sub-menu_link {
  color: var(--black);
  padding: 16px 24px;
  display: flex;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.sub-menu_link:hover {
  color: var(--primary);
  text-decoration-color: var(--primary);
  background-color: var(--surface);
}

.has-menu_lv2 {
  position: relative;
}
.has-menu_lv2 > .sub-menu_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
.has-menu_lv2 > .sub-menu_link .text {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.has-menu_lv2:hover > .sub-menu_link {
  background-color: var(--surface);
}
.has-menu_lv2:hover > .sub-menu_link .text {
  color: var(--primary);
  text-decoration-color: var(--primary);
}
.has-menu_lv2:hover .sub-menu-lv2 {
  top: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.sub-menu-lv2 {
  position: absolute;
  box-shadow: 0px 10px 25px 0px rgba(43, 52, 74, 0.1215686275);
  left: 100%;
  top: 5px;
  min-width: 175px;
  background-color: var(--white);
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/*-- Menu Mobile --*/
.canvas-mb {
  width: 320px !important;
}
.canvas-mb .canvas-header {
  display: grid;
  gap: 20px;
  justify-content: unset;
  padding: 20px;
}
.canvas-mb .canvas-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  padding-top: 0;
}
.canvas-mb .need-help-wrap {
  display: grid;
}
.canvas-mb .canvas-footer {
  display: flex;
  border-top: 1px solid var(--line);
  box-shadow: unset;
  padding: 0;
}
.canvas-mb .canvas-footer > * {
  width: 100%;
  padding: 6px 0 7px;
}

.nav-ul-mb .nav-mb-item:not(:last-child) .mb-menu-link {
  padding-bottom: 12px;
}
.nav-ul-mb .nav-mb-item:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.nav-ul-mb .nav-mb-item:not(:first-child) .mb-menu-link {
  padding-top: 12px;
}

.mb-menu-link {
  font-weight: 500;
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mb-menu-link:not(.collapsed) .ic-custom::before {
  transform: rotate(90deg);
}
.mb-menu-link:not(.collapsed) .ic-custom::after {
  transform: rotate(180deg);
}

.ic-custom {
  width: 16px;
  height: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ic-custom::after, .ic-custom::before {
  content: "";
  position: absolute;
  background: var(--primary);
  border-radius: 999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ic-custom::after {
  width: 100%;
  height: 2px;
}
.ic-custom::before {
  height: 100%;
  width: 2px;
}

.sub-nav-menu {
  padding-left: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 16px;
  border-left: 1px solid var(--line);
  margin-bottom: 20px;
}
.sub-nav-menu .sub-nav-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--text);
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  align-items: center;
  justify-content: space-between;
}
.sub-nav-menu .sub-nav-link .icon {
  font-size: 14px;
}
.sub-nav-menu .sub-nav-link.active {
  font-weight: 700;
  color: var(--black);
}
.sub-nav-menu .sub-nav-link:not(.collapsed) .ic-custom::before {
  transform: rotate(90deg);
}
.sub-nav-menu .sub-nav-link:not(.collapsed) .ic-custom::after {
  transform: rotate(180deg);
}

/* Menu Mobile */
.tf-topbar {
  padding-top: 12px;
  padding-bottom: 11px;
  border-bottom: 1px solid var(--line-2);
}
.tf-topbar .topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tf-topbar .topbar-center {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tf-topbar .topbar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
.tf-topbar .topbar-right .tf-currencies {
  flex-shrink: 0;
}
.tf-topbar .topbar-left,
.tf-topbar .topbar-right {
  flex: 1;
}
.tf-topbar.style-2 {
  border-color: var(--line);
}
.tf-topbar.style-2 .topbar-right .tf-list {
  gap: 20px;
}
.tf-topbar.style-2 .topbar-right .tf-list .info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tf-topbar.style-2 .topbar-left,
.tf-topbar.style-2 .topbar-right {
  flex: unset;
}
@media (max-width: 767px) {
  .tf-topbar:not(.style-2) .topbar-inner {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .tf-topbar .topbar-inner {
    width: 100%;
    justify-content: center;
  }
}

.tf-header.style-2 .box-nav-support {
  margin: 0;
  border-radius: 0;
}
@media (max-width: 1199px) {
  .tf-header:not(.header-abs) {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.header-3 {
  background-color: var(--primary);
}
.header-3 .header-top_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
  gap: 24px;
}
.header-3 .nav-icon-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-3 .header-inner {
  background-color: var(--secondary);
}
.header-3 .header-inner_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-3 .header-inner_wrap .col-left {
  display: flex;
  align-items: center;
}
.header-3 .header-inner_wrap .col-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-3 .item-link {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 1200px) {
  .header-3 .nav-icon-list {
    gap: 24px;
  }
}
@media (min-width: 1600px) {
  .header-3 .box-nav-menu {
    gap: 32px;
  }
  .header-3 .item-link::before {
    width: calc(100% + 64px);
  }
}
@media (max-width: 1199px) {
  .header-3 .box-btn-menu,
  .header-3 .inner-right {
    flex: 1;
  }
  .header-3 .header-inner {
    display: none;
  }
  .header-3 .header-top_wrap {
    padding: 0;
    gap: 0;
  }
}
@media (max-width: 767px) {
  .header-3 .nav-icon-item .text {
    display: none;
  }
}

.nav-category-wrap {
  position: relative;
  background-color: var(--white);
  padding: 16px 24px;
  margin-right: 40px;
}

.box-nav-category {
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.0784313725);
  position: absolute;
  left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  top: 100%;
  min-width: 260px;
  background-color: var(--white);
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.box-nav-category > .br-line {
  margin-top: 10px;
  margin-bottom: 10px;
}
.box-nav-category.active {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.box-nav-category.type-2 {
  left: 0;
  top: 100%;
}

.nav-category_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  padding-right: 24px;
}
.nav-category_link .icon {
  font-size: 20px;
}

.btn-nav-drop {
  display: flex;
  align-items: center;
  gap: 37px;
  cursor: pointer;
  color: var(--primary);
}
.btn-nav-drop .name-category {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*------------ Blog ---------------- */
/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.article-blog {
  display: grid;
  gap: 24px;
}
.article-blog .entry-image {
  display: flex;
  border-radius: 16px;
  aspect-ratio: 1.5018315018;
}
.article-blog .entry-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-blog .entry-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px;
}
.article-blog .entry_meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.article-blog .entry_meta .br-line {
  width: 1px;
  height: 16px;
  background-color: var(--line);
}
.article-blog .entry_title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.article-blog .entry_title a {
  text-decoration: underline;
  text-decoration-color: transparent;
}
.article-blog .entry_title a:hover {
  text-decoration-color: var(--primary);
}
.article-blog .entry_desc {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.article-blog.style-2 {
  background-color: var(--white);
  padding: 24px;
  border-radius: 16px;
}
.article-blog.style-2 .entry-image {
  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .article-blog.style-list {
    display: flex;
    align-items: center;
  }
  .article-blog.style-list .entry-image {
    aspect-ratio: 1.3333333333;
    max-width: 400px;
  }
}
@media (min-width: 1200px) {
  .article-blog.style-large {
    gap: 32px;
  }
  .article-blog.style-large .entry-image {
    aspect-ratio: 1.7782426778;
  }
  .article-blog.style-large .entry-content {
    gap: 20px;
  }
  .article-blog.style-list {
    gap: 40px;
  }
  .article-blog.style-list .entry-image {
    aspect-ratio: 1.3333333333;
    max-width: 400px;
  }
}

.badge-tag {
  padding: 4px 12px;
  color: var(--primary);
  background-color: var(--secondary);
  border-radius: 28px;
  font-weight: 600;
}

.wg-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wg-pagination .pagination-item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid var(--line);
  font-weight: 600;
  color: var(--primary);
}
.wg-pagination .pagination-item:hover, .wg-pagination .pagination-item.active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.wg-pagination .pagination-item .icon {
  font-size: 20px;
}

.blog-sidebar {
  max-width: 380px;
  width: 100%;
  padding: 23px;
  margin-left: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  display: grid;
  gap: 32px;
}
.blog-sidebar.sidebar-mobile-append {
  border: 0;
  max-width: unset;
  padding: 10px 24px;
}

.sidebar-item .sb-title {
  margin-bottom: 16px;
}

.sb-category {
  display: grid;
  gap: 12px;
}
.sb-category a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sb-category a .text {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.sb-category a:hover .text {
  text-decoration-color: var(--primary);
}

.sb-recent {
  display: grid;
  gap: 16px;
}
.sb-recent .sb-recent_item {
  display: flex;
  align-items: center;
  gap: 28px;
}
.sb-recent .cate_img {
  max-width: 90px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.sb-recent .meta-list {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 7px;
}

.sb-tags {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.sb-tags a {
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 4px 15px;
}
.sb-tags a:hover {
  background-color: var(--line);
}

.btn-sidebar-mb {
  position: fixed;
  top: 30%;
  left: 0;
  z-index: 50;
}
.btn-sidebar-mb button {
  width: 40px;
  height: 40px;
  border: 1px solid var(--black);
  background-color: var(--black);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-sidebar-mb button i {
  font-size: 20px;
}
.btn-sidebar-mb button:hover {
  background-color: var(--white);
  color: var(--black);
}
.btn-sidebar-mb.right {
  left: unset;
  right: 0;
  transform: rotate(180deg);
}

.blog-single_content .blog-name {
  margin-bottom: 24px;
}
.blog-single_content .entry-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px 20px;
  flex-wrap: wrap;
}
.blog-single_content .entry-meta .meta {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blog-single_content .entry-meta .icon {
  font-size: 24px;
  aspect-ratio: 1;
}
.blog-single_content .image {
  border-radius: 12px;
  overflow: hidden;
}
.blog-single_content .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-single_content .box-text {
  display: grid;
  gap: 12px;
}
.blog-single_content .benefit-list li {
  position: relative;
  padding-left: 27px;
}
.blog-single_content .benefit-list li::before {
  position: absolute;
  left: 12px;
  top: 12px;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--text);
}
.blog-single_content .benefit-list li.text-primary::before {
  background: var(--primary);
}
.blog-single_content .title {
  margin-bottom: 16px;
}
.blog-single_content .content-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.blog-single_content .bottom_tag {
  display: flex;
  align-items: center;
  gap: 12px;
}
.blog-single_content .bottom_tag a {
  height: 32px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 4px;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-single_content .bottom_tag a:hover {
  background-color: var(--line);
}
.blog-single_content .bottom_social {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .blog-single_content .image img {
    min-height: 310px;
  }
}

.block-quote {
  padding: 20px 15px;
  border-radius: 12px;
  border: 2px solid var(--line);
  display: flex;
  gap: 20px;
}
.block-quote .icon {
  font-size: 40px;
}
.block-quote .quote {
  margin-bottom: 12px;
}
.block-quote .name-quote {
  position: relative;
  padding-left: 28px;
}
.block-quote .name-quote::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--primary);
}
@media (min-width: 992px) {
  .block-quote {
    padding: 26px;
  }
}

.sb-author {
  display: grid;
  gap: 16px;
}
.sb-author .author_info {
  display: flex;
  gap: 20px;
}
.sb-author .info__image {
  border-radius: 50%;
  overflow: hidden;
  max-width: 100px;
}
.sb-author .info__more .name {
  margin-bottom: 4px;
}
.sb-author .info__more .follower {
  margin-bottom: 12px;
}
.sb-author .info__more .tf-btn {
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
}

.group-action-direc {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 23px;
  padding-bottom: 23px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.group-action-direc .br-line {
  height: 60px;
  width: 1px;
}
.group-action-direc .action-direc {
  display: grid;
  gap: 4px;
}
.group-action-direc .action-direc.direc-next {
  text-align: end;
}
@media (min-width: 1200px) {
  .group-action-direc {
    gap: 40px;
  }
}

.blog-single_author {
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: 12px;
  margin-bottom: 40px;
}
.blog-single_author .info_image {
  border-radius: 50%;
  overflow: hidden;
}
.blog-single_author .author-info {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 20px;
}
.blog-single_author .btn-fl {
  padding: 6px 16px;
  border-radius: 100px;
  background: var(--primary);
  color: var(--white);
}

/*------------ Element ---------------- */
/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
@keyframes sliderShape {
  0%, 100% {
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }
  34% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
    transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
  }
  50% {
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }
  67% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
    transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
  }
}
@keyframes tf-animate-zoom-in-out {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ripple-line {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes shine-reverse {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
@-webkit-keyframes spinner-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes spinner-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ani-zoom {
  animation: tf-animate-zoom-in-out 30s linear infinite;
}

@keyframes iconBounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes float1 {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-5px) rotate(-5deg);
  }
}
@keyframes float2 {
  0%, 100% {
    transform: translateX(0) rotate(0deg);
  }
  50% {
    transform: translateX(5px) rotate(10deg);
  }
}
@keyframes float3 {
  0%, 100% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.1) rotate(-8deg);
  }
}
@keyframes float4 {
  0%, 100% {
    opacity: 0.6;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-8px);
  }
}
@keyframes float5 {
  0%, 100% {
    transform: rotate(0deg) scale(1);
  }
  25% {
    transform: rotate(5deg) scale(1.05);
  }
  75% {
    transform: rotate(-5deg) scale(1.05);
  }
}
@keyframes bgMove {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: 0% 0;
  }
}
@keyframes effect-send {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  49% {
    transform: translate3d(30px, -30px, 30px);
    opacity: 0;
  }
  50% {
    transform: translate3d(-30px, 30px, 30px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes move-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.hover-img .img-style {
  overflow: hidden;
}
.hover-img .img-style > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: opacity 0.5s ease, transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.hover-img:hover .img-style > img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.hover-img .img-style2 {
  overflow: hidden;
  border-radius: 10px;
}
.hover-img .img-style2 .img-hv {
  width: 100%;
  object-fit: cover;
  -webkit-transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
  transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
  transition: transform 500ms ease;
}

.hover-img2 .img-style2 {
  overflow: hidden;
  border-radius: 8px;
}
.hover-img2 .img-style2 .img2 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-img2:hover .img2 {
  transform: scale(1.1) rotate(3deg);
}

.hover-img3 .img-style3 {
  border-radius: 8px;
  overflow: hidden;
}
.hover-img3 .img-style3 img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-img3:hover img {
  transform: scale(1.075);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.hover-img4 .img-style4 {
  position: relative;
  overflow: hidden;
}
.hover-img4 .img-style4:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
  pointer-events: none;
}
.hover-img4 .img-style4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.hover-img4:hover .img-style4:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.hover-img4:hover .img-style4 img {
  transform: scale(1.1);
}

.pagi2 .swiper-pagination2:hover .box-img .icon-practice,
.swiper-button-next2:hover .box-img .icon-practice,
.swiper-button-prev2:hover .box-img .icon-practice,
.hv-one:hover .box-img .icon-practice {
  opacity: 1;
  z-index: 99;
  top: 50%;
  transition-delay: 0.5s;
}
.pagi2 .swiper-pagination2:hover .img-style::before,
.swiper-button-next2:hover .img-style::before,
.swiper-button-prev2:hover .img-style::before,
.hv-one:hover .img-style::before {
  opacity: 1;
}
.pagi2 .swiper-pagination2 .img-style,
.swiper-button-next2 .img-style,
.swiper-button-prev2 .img-style,
.hv-one .img-style {
  border-radius: 10px;
  overflow: hidden;
}
.pagi2 .swiper-pagination2 .img-style::before,
.swiper-button-next2 .img-style::before,
.swiper-button-prev2 .img-style::before,
.hv-one .img-style::before {
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.5019607843);
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 99;
  opacity: 0;
  border-radius: 10px;
}
.pagi2 .swiper-pagination2 .img-style.s-one::before,
.swiper-button-next2 .img-style.s-one::before,
.swiper-button-prev2 .img-style.s-one::before,
.hv-one .img-style.s-one::before {
  border-radius: 50%;
}

.hv-one2:hover .img-style2::before {
  opacity: 1;
  visibility: visible;
}
.hv-one2 .img-style2::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: 10px;
}

.hv-tool {
  position: relative;
  transition: all 0.3s ease;
}

.hover-tooltip {
  position: relative;
}
.hover-tooltip .tooltip {
  position: absolute;
  white-space: nowrap;
  padding: 2px 12px;
  border-radius: 2px;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  color: var(--white);
  background-color: var(--black);
  transition: transform 0.3s ease 0.1s, opacity 0.3s ease 0.1s;
  z-index: 5;
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  border-radius: 8px;
  text-align: center;
  font-family: "Sora", sans-serif;
  display: none;
}
.hover-tooltip .tooltip::before {
  content: "";
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: 22px;
  position: absolute;
  background: var(--black);
  width: 9px;
  height: 9px;
  z-index: -1;
}
@media (min-width: 1200px) {
  .hover-tooltip .tooltip {
    display: block;
  }
}
.hover-tooltip:hover .tooltip {
  opacity: 1;
  visibility: visible;
}
.hover-tooltip.tooltip-bot .tooltip {
  top: calc(100% + 10px);
  bottom: unset;
}
.hover-tooltip.tooltip-bot .tooltip::before {
  top: -4px;
}
.hover-tooltip.tooltip-left .tooltip {
  right: 100%;
  bottom: auto;
  transform: translateX(0px);
  left: unset;
}
.hover-tooltip.tooltip-left .tooltip::before {
  top: 50%;
  left: auto;
  transform: translateY(-50%) rotate(45deg);
  right: -4px;
}
.hover-tooltip.tooltip-left:hover .tooltip {
  transform: translateX(-12px);
}
.hover-tooltip.tooltip-right .tooltip {
  left: 100%;
  bottom: auto;
  transform: translateX(0px);
}
.hover-tooltip.tooltip-right .tooltip::before {
  top: 50%;
  right: auto;
  transform: translateY(-50%) rotate(45deg);
  left: -4px;
}
.hover-tooltip.tooltip-right:hover .tooltip {
  transform: translateX(8px);
}

.hover-overlay {
  position: relative;
}
.hover-overlay::before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  transition: 0.4s ease 0.1s;
  opacity: 0;
  visibility: hidden;
}
.hover-overlay:hover::before {
  opacity: 1;
  visibility: visible;
}

.hover-cursor-img .hover-image {
  display: none;
}
@media (min-width: 1200px) {
  .hover-cursor-img {
    position: relative;
  }
  .hover-cursor-img .hover-image {
    position: fixed;
    display: block;
    transform: scale(0);
    pointer-events: none;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 1000;
  }
  .hover-cursor-img .hover-image img {
    border-radius: 50%;
    max-width: 150px;
    box-shadow: 0px 10px 25px 0px rgba(43, 52, 74, 0.1215686275);
  }
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.box-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.tf-social-icon {
  display: inline-flex;
  gap: 16px;
  --facebook-cl: rgb(59, 89, 152);
  --x-cl: rgb(85, 85, 85);
  --instagram-cl: linear-gradient(#8a3ab9, #e95950, #fccc63);
  --threads-cl: rgb(224, 53, 102);
  --youtube-cl: rgb(205, 32, 31);
  --tiktok-cl: linear-gradient(#25f4ee, #000, #fe2c55);
  --tiktok-cl2: rgb(254, 44, 85);
  --pinterest-cl: rgb(203, 32, 39);
  --tumblr-cl: rgb(55, 69, 92);
  --vimeo-cl: rgb(26, 183, 234);
  --snapchat-cl: rgb(255, 221, 0);
  --whatsapp-cl: rgb(0, 230, 118);
  --linked_in-cl: rgb(23, 106, 255);
  --wechat-cl: rgb(26, 173, 24);
  --reddit-cl: rgb(255, 69, 0);
  --line-cl: rgb(0, 195, 77);
  --spotify-cl: rgb(30, 125, 96);
}
.tf-social-icon a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid;
  border-color: var(--line);
  position: relative;
}
.tf-social-icon a .icon {
  display: inline-flex;
  position: relative;
  z-index: 1;
  font-size: 16px;
}
.tf-social-icon a::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  background: transparent;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.tf-social-icon.style-2 a {
  border-color: var(--line-3);
  color: var(--white);
}
.tf-social-icon .social-facebook::after {
  background: var(--facebook-cl);
}
.tf-social-icon .social-facebook:hover {
  color: var(--white);
}
.tf-social-icon .social-facebook:hover::after {
  opacity: 1;
  visibility: visible;
}
.tf-social-icon .social-instagram::after {
  background: var(--instagram-cl);
}
.tf-social-icon .social-instagram:hover {
  color: var(--white);
}
.tf-social-icon .social-instagram:hover::after {
  opacity: 1;
  visibility: visible;
}
.tf-social-icon .social-x::after {
  background: var(--x-cl);
}
.tf-social-icon .social-x:hover {
  color: var(--white);
}
.tf-social-icon .social-x:hover::after {
  opacity: 1;
  visibility: visible;
}
.tf-social-icon .social-snapchat::after {
  background: var(--snapchat-cl);
}
.tf-social-icon .social-snapchat:hover {
  color: var(--white);
}
.tf-social-icon .social-snapchat:hover::after {
  opacity: 1;
  visibility: visible;
}
.tf-social-icon .social-pinterest::after {
  background: var(--pinterest-cl);
}
.tf-social-icon .social-pinterest:hover {
  color: var(--white);
}
.tf-social-icon .social-pinterest:hover::after {
  opacity: 1;
  visibility: visible;
}
.tf-social-icon .social-linkin::after {
  background: var(--linked_in-cl);
}
.tf-social-icon .social-linkin:hover {
  color: var(--white);
}
.tf-social-icon .social-linkin:hover::after {
  opacity: 1;
  visibility: visible;
}
.tf-social-icon .social-tiktok::after {
  background: var(--tiktok-cl);
}
.tf-social-icon .social-tiktok:hover {
  color: var(--white);
}
.tf-social-icon .social-tiktok:hover::after {
  opacity: 1;
  visibility: visible;
}
.tf-social-icon.style-white a {
  color: var(--white);
  border-color: var(--line);
}

.tf-social-icon-2 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tf-social-icon-2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line);
  color: var(--primary);
}
.tf-social-icon-2 a:hover {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
}
.tf-social-icon-2 .icon {
  font-size: 24px;
}
.tf-social-icon-2.style-2 a {
  width: 48px;
  height: 48px;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.offcanvas {
  border: none !important;
  color: var(--black);
  z-index: 3000;
  width: 480px !important;
  background-color: var(--white);
}
.offcanvas .icon-close-popup {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--line);
  color: var(--primary);
  z-index: 2;
}
.offcanvas .icon-close-popup:hover {
  background-color: var(--primary);
  color: var(--secondary);
}
.offcanvas .offcanvas-content {
  height: 100%;
}
.offcanvas.offcanvas-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  opacity: 0;
  visibility: hidden;
  max-width: calc(100vw - 30px);
}
.offcanvas.offcanvas-center.show {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 575px) {
  .offcanvas {
    width: 360px !important;
  }
}

.modal-header {
  border: 0;
}

.offcanvas-backdrop {
  z-index: 2999;
  cursor: url(../images/cursor-close.svg), auto;
}

.overflow-x-auto::-webkit-scrollbar,
.overflow-y-auto::-webkit-scrollbar {
  width: 0px;
}

.modal {
  cursor: url(../images/cursor-close.svg), auto;
}
.modal .icon-close-popup {
  top: 10px;
  right: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--line);
  color: var(--primary);
}
.modal .icon-close-popup:hover {
  background-color: var(--primary);
  color: var(--secondary);
}
@media (min-width: 992px) {
  .modal .icon-close-popup {
    top: 20px;
    right: 20px;
  }
}
.modal .modal-content {
  border: 0;
}
.modal .modal-body {
  padding: 0;
}
.modal.fullRight .modal-dialog {
  transform: translate(100%, 0);
  min-width: 100%;
  height: 100%;
  margin: 0;
  transition: transform 1s ease-out;
}
.modal.fullRight .modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 0;
}
.modal.fullRight .modal-dialog .modal-content .modal-body {
  overflow: auto;
  padding: 0;
  padding-bottom: 30px;
}
.modal.fullRight.show .modal-dialog {
  transform: none;
  transition: transform 0.4s ease-out;
}
.modal.fullLeft .modal-dialog {
  transform: translate(-100%, 0) !important;
  min-width: 100%;
  height: 100%;
  margin: 0;
  transition: all 0.3s !important;
}
.modal.fullLeft .modal-content {
  border-radius: 0;
  border: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  padding: 0;
}
.modal.fullLeft .modal-body {
  overflow: auto;
  padding: 0;
  padding-bottom: 30px;
}
.modal.fullLeft.show .modal-dialog {
  transform: translate(0, 0) !important;
}
.modal.fullBottom .modal-dialog {
  transform: translate(0, 100%);
  min-width: 100%;
  height: 100%;
  max-height: unset;
  margin: 0;
  transition: transform 0.3s linear !important;
}
.modal.fullBottom .modal-content {
  border-radius: 0;
  border: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0;
  max-height: max-content;
}
.modal.fullBottom .modal-body {
  overflow: auto;
  padding: 0;
  padding-bottom: 30px;
}
.modal.fullBottom.show .modal-dialog {
  transform: translate(0, 0);
}
.modal.modalCentered .modal-dialog {
  margin: 15px auto;
  padding-left: 15px;
  padding-right: 15px;
  transform: translate(0, 0) !important;
}
.modal.fade:not(.show) {
  opacity: 0;
}
.modal .modal-content {
  cursor: default !important;
  border-radius: 0px;
}

.modal-dialog {
  background-clip: var(--white);
}

.modal-heading {
  position: relative;
  margin-bottom: 30px;
}
.modal-heading .icon-close-popup {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: unset;
  font-size: 24px;
}
@media (min-width: 992px) {
  .modal-heading {
    margin-bottom: 40px;
  }
}

.canvas-wrapper {
  padding: 0;
  isolation: isolate;
  height: 100%;
  width: 100%;
  max-height: none;
  display: grid;
  grid-auto-rows: auto minmax(0, 1fr) auto;
  align-content: start;
}

.canvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 25px;
  position: relative;
  text-transform: capitalize;
}

.canvas-body {
  background-color: var(--white);
  padding: 24px;
  overscroll-behavior-y: contain;
  overflow-y: auto;
  flex: 1;
}
.canvas-body::-webkit-scrollbar {
  width: 5px;
}
.canvas-body::-webkit-scrollbar-track {
  background-color: var(--white);
}
.canvas-body::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 4px;
}

.canvas-footer,
.canvas-bottom {
  padding: 20px 24px;
  box-shadow: 0px 5px 18px 5px rgba(64, 72, 87, 0.1490196078);
}

.canvas-filter .canvas-body {
  color: var(--text);
}
.canvas-filter .canvas-body > *:not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .canvas-filter .canvas-body > *:not(:last-child) {
    margin-bottom: 32px;
  }
}

.sidebar-filter {
  background-color: var(--white);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidebar-filter .canvas-header {
  color: var(--black);
}
.sidebar-filter .canvas-body {
  overflow-x: hidden;
}
@media (min-width: 1200px) {
  .sidebar-filter {
    max-width: 270px;
  }
  .sidebar-filter .canvas-body,
  .sidebar-filter .canvas-bottom {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .sidebar-filter {
    position: fixed;
    bottom: 0;
    z-index: 3000;
    display: flex;
    flex-direction: column;
    background-clip: padding-box;
    outline: 0;
  }
  .sidebar-filter.left {
    top: 0;
    left: 0;
    transform: translateX(-100%);
  }
  .sidebar-filter.right {
    top: 0;
    right: 0;
    transform: translateX(100%);
  }
  .sidebar-filter.show {
    transform: none;
  }
}

.modal-log .modal-content {
  position: relative;
  max-width: 440px;
  width: 100%;
  padding: 20px 15px;
  border-radius: 20px;
  overflow: hidden;
}
.modal-log .title-pop {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .modal-log .modal-content {
    padding: 28px 24px;
  }
}

.canvas-quickview {
  width: 920px !important;
  flex-direction: row;
}
.canvas-quickview .mini-quick-image {
  display: flex;
  width: 100%;
}
.canvas-quickview .wrap-quick {
  flex-grow: 1;
  overflow-y: auto;
  display: grid;
  gap: 20px;
  padding-left: 16px;
}
.canvas-quickview .wrap-quick::-webkit-scrollbar {
  width: 8px;
  height: 4px;
  background-color: var(--line);
}
.canvas-quickview .wrap-quick::-webkit-scrollbar-thumb {
  background-color: var(--text-2);
}
.canvas-quickview .wrap-quick .image {
  border: 1px solid var(--line);
  border-radius: 12px;
  display: flex;
}
.canvas-quickview .wrap-quick .image img {
  border-radius: 12px;
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .canvas-quickview .wrap-quick .image:first-child {
    margin-top: 16px;
  }
  .canvas-quickview .wrap-quick .image:last-child {
    margin-bottom: 16px;
  }
}
.canvas-quickview .wrap-canvas {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.canvas-quickview .canvas-body {
  display: grid;
  gap: 20px;
  flex: unset;
}
.canvas-quickview .quickview-product-info {
  padding-bottom: 19px;
  border-bottom: 1px solid var(--line);
}
.canvas-quickview .quickview-product-info .product-info-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.canvas-quickview .quickview-product-info .infor_rate,
.canvas-quickview .quickview-product-info .infor_sold {
  display: flex;
  align-items: center;
  gap: 4px;
}
.canvas-quickview .quickview-product-info .product-infor-price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.canvas-quickview .quickview-product-info .badge-sale {
  margin-left: 8px;
  border-radius: 144px;
}
.canvas-quickview .quickview-product-info .product-infor-name {
  margin-bottom: 20px;
}
.canvas-quickview .quickview-product-info .product-infor-price {
  margin-bottom: 12px;
}
.canvas-quickview .quickview-product-variant {
  display: grid;
  gap: 28px;
}
.canvas-quickview .quickview-product-variant .variant-picker-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.canvas-quickview .quickview-product-variant .variant-picker-values {
  display: flex;
  align-items: center;
  gap: 12px;
}
.canvas-quickview .quickview-product-variant .unit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  height: 50px;
  border: 1px solid var(--line);
  padding-left: 20px;
  padding-right: 20px;
  color: var(--text-2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 12px;
  cursor: pointer;
}
.canvas-quickview .quickview-product-variant .unit-btn:hover {
  color: var(--primary);
}
.canvas-quickview .quickview-product-variant .unit-btn.active {
  background-color: var(--primary);
  color: var(--white);
}
.canvas-quickview .quickview-product-variant .variant-picker-label-value {
  font-weight: normal;
  font-size: 16px;
}
.canvas-quickview .quickview-product-total-btn {
  display: grid;
  gap: 10px;
}
.canvas-quickview .quickview-product-total-btn .group-btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
.canvas-quickview .quickview-product-total-btn .btn-add-wishlist {
  flex-shrink: 0;
}
.canvas-quickview .btn-add-wishlist {
  width: 44px;
  height: 44px;
}
@media (min-width: 992px) {
  .canvas-quickview {
    gap: 48px;
  }
}
@media (min-width: 768px) {
  .canvas-quickview {
    gap: 24px;
  }
  .canvas-quickview .mini-quick-image {
    max-width: 364px;
    direction: rtl;
  }
}
@media (min-width: 1200px) {
  .canvas-quickview .btn-add-wishlist {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .canvas-quickview {
    flex-direction: column;
  }
  .canvas-quickview .wrap-quick {
    display: flex;
    overflow-x: auto;
    padding: 15px 24px 0px;
    gap: 8px;
  }
  .canvas-quickview .wrap-quick .image {
    max-width: 120px;
    width: 100%;
    flex-shrink: 0;
  }
  .canvas-quickview .wrap-canvas {
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .canvas-quickview .canvas-header {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.canvas-shop-cart .canvas-header {
  margin-bottom: 24px;
}
.canvas-shop-cart .canvas-header::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background-color: var(--line);
}
.canvas-shop-cart .tf-mini-cart-threshold {
  display: grid;
  padding: 16px;
  border-radius: 12px;
  background-color: var(--surface);
  margin: 0px 24px;
}
.canvas-shop-cart .tf-progress-ship {
  width: 100%;
  background-color: var(--line);
  height: 8px;
  position: relative;
  border-radius: 100px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.canvas-shop-cart .tf-progress-ship .value {
  height: 100%;
  background: var(--primary);
  position: relative;
  transition: width 2s ease;
  border-radius: 100px;
}
.canvas-shop-cart .tf-progress-ship .icon {
  position: absolute;
  left: 95%;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border: 2px solid var(--primary);
  color: var(--primary);
  font-weight: 700;
  border-radius: 50%;
  background-color: var(--white);
}
.canvas-shop-cart .wrap {
  display: flex;
  flex-direction: column;
}
.canvas-shop-cart .tf-mini-cart-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.canvas-shop-cart .tf-mini-cart-bottom {
  box-shadow: 0px -4px 10px 0px rgba(212, 212, 212, 0.2509803922);
}
.canvas-shop-cart .tf-cart-totals-discounts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.canvas-shop-cart .canvas-footer .checkbox-wrap {
  margin-bottom: 16px;
}
.canvas-shop-cart .canvas-footer .group-btn {
  gap: 16px;
  margin-bottom: 16px;
}
.tf-mini-cart-main {
  flex: 1 1 auto;
  position: relative;
}

.tf-mini-cart-sroll {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  padding: 20px 24px;
}
.tf-mini-cart-sroll::-webkit-scrollbar {
  width: 5px;
}
.tf-mini-cart-sroll::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 5px;
}

.tf-mini-cart-items {
  display: flex;
  flex-direction: column;
}

.modal-quick-add .icon-close-popup {
  position: unset;
}
.modal-quick-add .modal-content {
  border-radius: 16px;
  padding: 24px;
  gap: 20px;
}
.modal-quick-add .modal-header {
  padding: 0;
}
.modal-quick-add .tf-product-info-wrap {
  padding: 0;
}
.modal-quick-add .tf-product-mini-view {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-quick-add .tf-product-mini-view .prd-image {
  max-width: 120px;
  width: 100%;
}
.modal-quick-add .tf-product-mini-view .prd-content {
  display: grid;
  gap: 8px;
}
.modal-quick-add .tf-product-info-variant {
  margin-bottom: 28px;
}
.modal-quick-add .tf-product-info-variant .variant-picker-values {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-quick-add .variant-picker-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.modal-quick-add .unit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  height: 50px;
  border: 1px solid var(--line);
  padding-left: 20px;
  padding-right: 20px;
  color: var(--text-2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 12px;
  cursor: pointer;
}
.modal-quick-add .unit-btn:hover {
  color: var(--primary);
}
.modal-quick-add .unit-btn.active {
  background-color: var(--primary);
  color: var(--white);
}
.modal-quick-add .variant-quantity {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.modal-quick-add .action-price {
  gap: 2px !important;
}
@media (max-width: 575px) {
  .modal-quick-add .modal-content {
    padding: 20px 15px;
  }
  .modal-quick-add .wg-quantity {
    min-width: 120px;
  }
  .modal-quick-add .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.modal-forgot .modal-content {
  padding: 28px 24px;
  border-radius: 20px;
}
.modal-forgot .modal-dialog {
  max-width: 770px;
}
.modal-forgot .title-pop {
  margin-bottom: 16px;
}
.modal-forgot .desc-pop {
  margin-bottom: 24px;
}
.modal-forgot .form-forgot {
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .modal-forgot .modal-content {
    padding: 20px 15px;
  }
}

.offcanvas-search {
  height: max-content !important;
  width: 100% !important;
}
.offcanvas-search .icon-close-popup {
  position: absolute;
  right: 10px;
  top: 10px;
}
.offcanvas-search .offcanvas-body {
  padding: 30px 0 30px;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.flat-animate-tab .tab-content {
  position: relative;
}
.flat-animate-tab .tab-pane {
  display: block;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition-timing-function: ease-in;
  transition-duration: 0.2s;
}
.flat-animate-tab .tab-pane.active {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 2;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
}

.tab-btn-wrap-1 {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
  overflow: auto;
  white-space: nowrap;
}
.tab-btn-wrap-1 .tf-btn-tab {
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
}
.tab-btn-wrap-1 .tf-btn-tab.active {
  border-color: var(--primary);
  color: var(--primary);
}
.tab-btn-wrap-1 .tf-btn-tab:hover {
  color: var(--primary);
}
.tab-btn-wrap-1.style-2 .tf-btn-tab {
  padding-bottom: 0px;
}
.tab-btn-wrap-1.style-2 .tf-btn-tab:hover, .tab-btn-wrap-1.style-2 .tf-btn-tab.active {
  border-color: var(--secondary);
}
@media (min-width: 992px) {
  .tab-btn-wrap-1 {
    justify-content: center;
    gap: 40px;
  }
}

.tab-btn-wrap-2 {
  display: inline-flex;
  align-items: center;
  padding: 7px;
  border-radius: 52px;
  border: 1px solid var(--line);
}
.tab-btn-wrap-2 .tf-btn-tab {
  padding: 12px 30px;
  border-radius: 44px;
  position: relative;
  z-index: 1;
}
.tab-btn-wrap-2 .tf-btn-tab.active {
  color: var(--white);
}

.indicator-main {
  position: relative;
}

.indicator-item {
  position: relative;
  z-index: 1;
}

.indicator {
  position: absolute;
  top: 8px;
  bottom: 8px;
  border-radius: 44px;
  background: var(--primary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 0;
  pointer-events: none;
}

.tab-btn-wrap-3 {
  display: flex;
  align-items: center;
  border-radius: 20px;
  overflow: auto;
  white-space: nowrap;
  margin-bottom: 40px;
}
.tab-btn-wrap-3 .tf-btn-tab {
  padding: 20px;
  background: var(--white);
  position: relative;
}
.tab-btn-wrap-3 .tf-btn-tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--primary);
  transform: scaleX(0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tab-btn-wrap-3 .tf-btn-tab.active::after {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1);
}
.tab-btn-wrap-3.style-2 {
  margin-bottom: 0;
  width: 100%;
}
.tab-btn-wrap-3.style-2 .nav-tab-item {
  flex: 1;
  text-align: center;
}
.tab-btn-wrap-3.style-2 .tf-btn-tab {
  width: 100%;
  background: transparent;
}
@media (max-width: 991px) {
  .tab-btn-wrap-3 .tf-btn-tab {
    padding: 15px;
  }
  .tab-btn-wrap-3 .tf-btn-tab::after {
    height: 2px;
  }
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
form {
  position: relative;
  z-index: 30;
}
form select,
form textarea,
form input[type=text],
form input[type=password],
form input[type=datetime],
form input[type=datetime-local],
form input[type=date],
form input[type=month],
form input[type=time],
form input[type=week],
form input[type=number],
form input[type=email],
form input[type=url],
form input[type=search],
form input[type=tel],
form input[type=color] {
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  padding: 11px 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--primary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
form select::placeholder,
form textarea::placeholder,
form input[type=text]::placeholder,
form input[type=password]::placeholder,
form input[type=datetime]::placeholder,
form input[type=datetime-local]::placeholder,
form input[type=date]::placeholder,
form input[type=month]::placeholder,
form input[type=time]::placeholder,
form input[type=week]::placeholder,
form input[type=number]::placeholder,
form input[type=email]::placeholder,
form input[type=url]::placeholder,
form input[type=search]::placeholder,
form input[type=tel]::placeholder,
form input[type=color]::placeholder {
  color: var(--text-2);
}
form select:focus,
form textarea:focus,
form input[type=text]:focus,
form input[type=password]:focus,
form input[type=datetime]:focus,
form input[type=datetime-local]:focus,
form input[type=date]:focus,
form input[type=month]:focus,
form input[type=time]:focus,
form input[type=week]:focus,
form input[type=number]:focus,
form input[type=email]:focus,
form input[type=url]:focus,
form input[type=search]:focus,
form input[type=tel]:focus,
form input[type=color]:focus {
  border-color: var(--primary);
}
form select.style-2,
form textarea.style-2,
form input[type=text].style-2,
form input[type=password].style-2,
form input[type=datetime].style-2,
form input[type=datetime-local].style-2,
form input[type=date].style-2,
form input[type=month].style-2,
form input[type=time].style-2,
form input[type=week].style-2,
form input[type=number].style-2,
form input[type=email].style-2,
form input[type=url].style-2,
form input[type=search].style-2,
form input[type=tel].style-2,
form input[type=color].style-2 {
  border-radius: 92px;
  border-color: var(--secondary);
  background-color: transparent;
  font-size: 14px;
  line-height: 22px;
  color: var(--white);
}
form select.style-2::placeholder,
form textarea.style-2::placeholder,
form input[type=text].style-2::placeholder,
form input[type=password].style-2::placeholder,
form input[type=datetime].style-2::placeholder,
form input[type=datetime-local].style-2::placeholder,
form input[type=date].style-2::placeholder,
form input[type=month].style-2::placeholder,
form input[type=time].style-2::placeholder,
form input[type=week].style-2::placeholder,
form input[type=number].style-2::placeholder,
form input[type=email].style-2::placeholder,
form input[type=url].style-2::placeholder,
form input[type=search].style-2::placeholder,
form input[type=tel].style-2::placeholder,
form input[type=color].style-2::placeholder {
  font-size: 14px;
  line-height: 22px;
  color: var(--white);
}
form button,
form input[type=button],
form input[type=reset],
form input[type=submit] {
  background-color: transparent;
  overflow: hidden;
  padding: 0;
}
form textarea {
  height: 100px;
  resize: none;
}
form .form-content {
  display: grid;
  gap: 20px;
}
form .tf-grid-layout {
  gap: 20px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.password-wrapper {
  position: relative;
}
.password-wrapper .toggle-pass {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
}

.tf-check {
  position: relative;
  background: transparent;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  min-width: 12px;
  border: 1px solid var(--primary);
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1;
  border-radius: 1px;
}
.tf-check:checked {
  background-color: var(--primary);
}
.tf-check:checked::before {
  opacity: 1;
  transform: scale(1);
}
.tf-check::before {
  font-weight: 500;
  font-family: "icomoon";
  content: "\e932";
  position: absolute;
  color: var(--white);
  opacity: 0;
  font-size: 6px;
  transform: scale(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-check.style-white {
  background-color: var(--black);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tf-check.style-2 {
  width: 15px;
  height: 15px;
}
.tf-check.style-3 {
  width: 24px;
  height: 24px;
  border-width: 2px;
}
.tf-check.style-3:not(:checked) {
  border-color: var(--text-2);
}
.tf-check.style-3::before {
  font-size: 12px;
}
.tf-check.style-4 {
  width: 20px;
  height: 20px;
}
.tf-check.style-4::before {
  font-size: 10px;
}

.checkbox-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}
.checkbox-wrap input {
  padding: 0;
}
.checkbox-wrap label {
  cursor: pointer;
}

.tf-field {
  position: relative;
}
.tf-field .tf-lable {
  margin-bottom: 8px;
}

.form-subcribe {
  position: relative;
}
.form-subcribe .btn-submit {
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary);
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
}
.form-subcribe .btn-submit .icon {
  color: var(--primary);
  font-size: 20px;
}
.form-subcribe .btn-submit:hover .icon {
  animation: effect-send 0.3s ease-in;
}

.form-search,
.form-subcribe-2 {
  position: relative;
}
.form-search input,
.form-subcribe-2 input {
  padding-right: 50px !important;
}
.form-search button,
.form-subcribe-2 button {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.form-search button .icon,
.form-subcribe-2 button .icon {
  font-size: 24px;
  color: var(--primary);
}

.form-comment .tf-grid-layout {
  gap: 20px;
}
.form-comment .form-content {
  gap: 20px;
  margin-bottom: 24px;
}
.form-comment .form-content textarea {
  height: 100px;
}

.form-rating .tf-field {
  display: grid;
}
.form-rating .form-content {
  margin-bottom: 24px;
}

.ip-discount-code {
  position: relative;
}
.ip-discount-code input {
  padding: 15px 19px !important;
  padding-right: 150px !important;
}
.ip-discount-code .action {
  position: absolute;
  bottom: 8px;
  right: 8px;
  top: 8px;
}
.ip-discount-code .note {
  margin-top: 12px;
}

.tf-check-rounded {
  padding: 0 !important;
  position: relative;
  border: 1px solid #9a9a9a;
  border-radius: 50%;
  background: none;
  cursor: pointer;
  outline: 0;
  height: 14px;
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  -webkit-appearance: none;
}
.tf-check-rounded::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--primary);
  opacity: 0;
}
.tf-check-rounded:checked {
  border-color: var(--primary);
}
.tf-check-rounded:checked::before {
  opacity: 1;
}

.form-quick-login .tf-grid-layout {
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .form-quick-login .action {
    height: 48px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.tf-page-checkout {
  display: grid;
  gap: 40px;
}

.tf-select {
  position: relative;
}
.tf-select select {
  width: 100%;
  padding: 11px 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--primary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-appearance: none;
  appearance: none;
  outline: 0 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 600;
}
.tf-select select:focus {
  border-color: var(--primary);
}
.tf-select::after {
  font-family: "icomoon";
  position: absolute;
  content: "\e907";
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  z-index: 1;
  font-weight: 400;
  color: var(--primary);
}
.tf-select:hover select {
  border-color: var(--primary);
}

.form-log .check-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.form-log .log-orther {
  display: flex;
  align-items: center;
  gap: 20px;
}
.form-log .log-orther span {
  display: block;
  height: 1px;
  background-color: var(--line);
  flex: 1;
}
.form-log .group-btn {
  display: grid;
  gap: 12px;
}
@media (min-width: 1200px) {
  .form-log .dont-have {
    margin-top: -8px;
  }
}

.form_search-product {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 12px;
  background-color: var(--white);
  height: 50px;
}
.form_search-product .entry-ip {
  border: 0;
  padding: 0 16px;
  width: 374px;
}
.form_search-product .tf-select-category {
  white-space: nowrap;
}
.form_search-product .btn-submit {
  width: 98px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: var(--secondary);
  border-radius: 0px 12px 12px 0px;
}
.form_search-product .br-line {
  width: 0;
}
.form_search-product .br-line::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--line);
}
@media (max-width: 1439px) {
  .form_search-product .entry-ip {
    width: 350px;
  }
}

.form-contact .form-content {
  margin-bottom: 32px;
}
.form-contact textarea {
  height: 100px;
}

.select-wrap {
  position: relative;
  display: inline-flex;
}
.select-wrap .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary);
  font-size: 20px;
}

.form-get {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 10px 25px 0px rgba(43, 52, 74, 0.1215686275);
}
.form-get .form-title {
  padding: 20px;
  background-color: var(--primary);
}
.form-get .tf-field {
  display: grid;
}
.form-get .form-content {
  padding: 24px 28px;
}
.form-get .btn-wrap {
  padding: 0px 28px 24px;
}
.form-get textarea {
  height: 120px;
}
@media (max-width: 767px) {
  .form-get .form-content {
    padding: 20px 15px;
  }
  .form-get .btn-wrap {
    padding: 0px 15px 20px;
  }
}

.form-search-nav {
  position: relative;
  width: 100%;
}
.form-search-nav .btn-action {
  position: absolute;
  font-size: 24px;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary);
}
.form-search-nav fieldset input {
  padding-left: 44px;
  padding-top: 11px;
  padding-bottom: 11px;
  border-radius: 12px;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.tf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 44px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  background-color: var(--primary);
  color: var(--white);
  border-radius: 999px;
  font-weight: 600;
}
.tf-btn.style-stroke {
  border: 1px solid var(--line);
  background-color: transparent;
  color: var(--primary);
}
.tf-btn.style-stroke:hover {
  background-color: var(--line);
}
.tf-btn.style-btn-fill-pri {
  background-color: var(--primary);
  color: var(--white);
}
.tf-btn.style-btn-fill-sec {
  background-color: var(--secondary);
  color: var(--primary);
}
.tf-btn.style-fill-white {
  background-color: var(--white);
  color: var(--primary);
}
.tf-btn.style-2 {
  border-radius: 8px;
  padding-left: 20px;
  padding-right: 20px;
  height: 42px;
}
.tf-btn.style-3 {
  padding-left: 20px;
  padding-right: 20px;
  height: 42px;
}
@media (min-width: 1200px) {
  .tf-btn {
    height: 50px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .tf-btn.style-large {
    height: 58px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.animate-btn {
  position: relative;
  overflow: hidden;
}
.animate-btn:hover::after {
  animation: shine-reverse 1s forwards;
}

.animate-btn:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
  top: 0;
  left: -100%;
  opacity: 0.6;
}

button.animate-btn::after,
.animate-btn.tf-btn::after {
  background-image: linear-gradient(120deg, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0) 70%);
}

.animate-btn.animate-dark::after {
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.25), transparent);
}

.tf-loading {
  font-size: 14px;
  line-height: 20px;
  width: auto;
  height: 42px;
  min-width: 118px;
  padding: 10px;
}
.tf-loading.loadmore .spinner-circle {
  display: none;
}
.tf-loading.loadmore.loading .spinner-circle {
  display: block;
}
.tf-loading.loadmore.loading .text {
  display: none;
}
.tf-loading.loadmore:hover .spinner-child::before {
  background-color: var(--white);
}
.tf-loading.loadmore .spinner-child::before {
  background-color: var(--main);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.spinner-circle {
  width: 24px;
  height: 24px;
  position: relative;
}
.spinner-circle .spinner-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.spinner-circle .spinner-child::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: var(--white);
  border-radius: 100%;
  -webkit-animation: spinner-circleBounceDelay 1s infinite ease-in-out both;
  animation: spinner-circleBounceDelay 1s infinite ease-in-out both;
}
.spinner-circle .spinner-circle2 {
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
.spinner-circle .spinner-circle2::before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner-circle .spinner-circle3 {
  -webkit-transform: rotate(80deg);
  -ms-transform: rotate(80deg);
  transform: rotate(80deg);
}
.spinner-circle .spinner-circle3::before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.spinner-circle .spinner-circle4 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.spinner-circle .spinner-circle4::before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.spinner-circle .spinner-circle5 {
  -webkit-transform: rotate(160deg);
  -ms-transform: rotate(160deg);
  transform: rotate(160deg);
}
.spinner-circle .spinner-circle5::before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.spinner-circle .spinner-circle6 {
  -webkit-transform: rotate(200deg);
  -ms-transform: rotate(200deg);
  transform: rotate(200deg);
}
.spinner-circle .spinner-circle6::before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.spinner-circle .spinner-circle7 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.spinner-circle .spinner-circle7::before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.spinner-circle .spinner-circle8 {
  -webkit-transform: rotate(280deg);
  -ms-transform: rotate(280deg);
  transform: rotate(280deg);
}
.spinner-circle .spinner-circle8::before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.spinner-circle .spinner-circle9 {
  -webkit-transform: rotate(320deg);
  -ms-transform: rotate(320deg);
  transform: rotate(320deg);
}
.spinner-circle .spinner-circle9::before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.tf-btn-line {
  font-weight: 600;
  color: var(--primary);
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(to right, var(--primary-2) 50%, var(--primary) 50%);
  background-size: 200% 100%;
  background-position: right;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 0.3s linear;
  cursor: pointer;
  padding-bottom: 4px;
}
.tf-btn-line::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0px;
  height: 2px;
  background-color: var(--primary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-btn-line::before {
  position: absolute;
  content: "";
  left: 0;
  width: 0;
  bottom: 0px;
  height: 2px;
  background-color: var(--primary-2);
  transition: width 0.3s linear;
  z-index: 1;
}
.tf-btn-line.style-min::after, .tf-btn-line.style-min::before {
  height: 1px;
}
.tf-btn-line.style-white {
  color: var(--white);
  background: linear-gradient(to right, var(--primary-2) 50%, var(--white) 50%);
  background-size: 200% 100%;
  background-position: right;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 0.3s linear;
}
.tf-btn-line.style-white::after {
  background-color: var(--white);
}
.tf-btn-line:hover {
  background-position: left;
}
.tf-btn-line:hover::before {
  width: 100%;
}
.tf-btn-line.active {
  background-position: left;
}
.tf-btn-line.active::before {
  width: 100%;
}
.tf-btn-line.style-line-2::after {
  background-color: var(--secondary);
}

.tf-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: var(--primary);
}
.tf-btn-icon .icon {
  font-size: 20px;
}
.tf-btn-icon:hover {
  background-color: var(--line);
}

select.select-2 {
  padding: 6px 65px 6px 11px;
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--primary);
}

.tf-btn-text-icon {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background-color: var(--secondary);
  padding-left: 28px;
  padding-right: 8px;
  height: 64px;
  border-radius: 100px;
  font-weight: 600;
  color: var(--primary);
}
.tf-btn-text-icon .ic-wrap {
  aspect-ratio: 1;
  font-size: 24px;
  width: 48px;
  color: var(--white);
  background-color: var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-btn-text-icon.style-white {
  background-color: var(--white);
}
.tf-btn-text-icon.style-white .ic-wrap {
  background-color: var(--secondary);
  color: var(--primary);
}
.tf-btn-text-icon.style-stroke {
  border: 1px solid var(--line);
  background-color: transparent;
}
.tf-btn-text-icon.style-stroke .ic-wrap {
  background-color: var(--secondary);
  color: var(--primary);
}
.tf-btn-text-icon.style-stroke:hover {
  background-color: var(--line);
}
.tf-btn-text-icon:hover .ic-wrap {
  transform: rotate(45deg);
}
@media (min-width: 1200px) {
  .tf-btn-text-icon.type-2 {
    height: 56px;
    padding-left: 24px;
  }
  .tf-btn-text-icon.type-2 .ic-wrap {
    width: 40px;
  }
}
@media (max-width: 1199px) {
  .tf-btn-text-icon {
    height: 50px;
    padding-left: 20px;
    gap: 8px;
  }
  .tf-btn-text-icon .ic-wrap {
    width: 32px;
    font-size: 20px;
  }
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.tf-list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tf-list li {
  display: flex;
}
.tf-list.vertical {
  display: grid;
}

.breadcrums {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 12px;
}
.breadcrums li {
  display: flex;
}
.breadcrums .icon {
  font-size: 20px;
  color: var(--text-2);
}

.s-page-title {
  position: relative;
  padding-top: 80px;
  padding-bottom: 87px;
}
.s-page-title .img-item-bg {
  position: absolute;
  inset: 0;
  top: -2px;
}
.s-page-title .img-item-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.s-page-title .entry-meta {
  display: flex;
  align-items: center;
  gap: 12px 20px;
  flex-wrap: wrap;
}
.s-page-title .entry-meta .meta {
  display: flex;
  align-items: center;
  gap: 8px;
}
.s-page-title .entry-meta .icon {
  font-size: 24px;
  aspect-ratio: 1;
}
.s-page-title.page-title-blog .breadcrums {
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.s-page-title.page-title-blog .page-title {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .s-page-title.page-title-blog {
    padding-top: 121px;
    padding-bottom: 100px;
  }
  .s-page-title.page-title-service {
    padding-top: 171px;
    padding-bottom: 100px;
  }
  .s-page-title.page-title-service .breadcrums {
    margin-bottom: 24px;
  }
}

.s-blog-list .article-blog {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--line);
}

.s-blog-post .blog-single_content,
.s-blog-post .wg-comment {
  margin-bottom: 40px;
}

.section-product-desc .desc-list {
  display: grid;
  gap: 32px;
  max-width: 548px;
  width: 100%;
}
.section-product-desc .desc-list .desc_title {
  color: var(--primary);
  margin-bottom: 12px;
}
.section-product-desc .sub-desc-list .item {
  padding: 12px 20px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.section-product-desc .sub-desc-list .item:nth-child(odd) {
  background-color: var(--surface);
}
@media (max-width: 991px) {
  .section-product-desc .desc-list {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .section-product-desc .sub-desc-list .item {
    padding: 12px 15px;
  }
}

.product-desc_review .box-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.product-desc_review .box-rating .action {
  height: 46px;
  padding-left: 24px;
  padding-right: 24px;
  min-width: 152px;
}
.product-desc_review .rating-ratio {
  display: grid;
  place-items: center;
  gap: 4px;
}
.product-desc_review .rate-list li {
  padding: 2px;
}
.product-desc_review .rating-progress-list {
  display: grid;
  gap: 4px;
}
.product-desc_review .rate-progress-star {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-desc_review .rate-progress-star .progress {
  width: 440px;
  border-radius: 1px;
}
.product-desc_review .rate-progress-star .progress .progress-bar {
  background-color: var(--primary);
}
.product-desc_review .box-comment .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.product-desc_review .comment-list {
  display: grid;
  gap: 28px;
}
.product-desc_review .comment-item .comment-author {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.product-desc_review .comment-item .author_image {
  border-radius: 50%;
  overflow: hidden;
}
.product-desc_review .comment-item .info__name-star {
  display: flex;
  align-items: center;
  gap: 4px;
}
.product-desc_review .comment-item .info__name-star > .br-line {
  width: 12px;
}
.product-desc_review .comment-item .author_info {
  display: grid;
  gap: 4px;
}
.product-desc_review .comment-item.child {
  margin-left: 60px;
  padding-left: 16px;
  border-left: 4px solid var(--line);
}
.product-desc_review .box-comment {
  margin-bottom: 40px;
}
.product-desc_review .box-comment .head {
  margin-bottom: 16px;
}
.product-desc_review .box-write-comment .head {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 991px) {
  .product-desc_review .comment-item.child {
    margin-left: 30px;
  }
}
@media (max-width: 575px) {
  .product-desc_review .sub-desc-list .item {
    padding: 12px 15px;
  }
  .product-desc_review .rating-progress-list {
    width: 100%;
  }
  .product-desc_review .rate-progress-star .progress {
    width: 100%;
  }
}

.product-desc_ship .ship-title {
  margin-bottom: 12px;
}

.sect-head {
  margin-bottom: 32px;
}
.sect-head.type-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}
.sect-head.has-action .s-desc {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .sect-head.type-3 {
    margin-bottom: 60px;
  }
  .sect-head.type-4 {
    margin-bottom: 48px;
  }
}
@media (max-width: 991px) {
  .sect-head.has-action .s-desc {
    margin-bottom: 28px;
  }
}
@media (max-width: 575px) {
  .sect-head .s-desc {
    font-size: 16px;
    line-height: 26px;
  }
}

.section-lookbook {
  display: flex;
}
.section-lookbook > * {
  width: 50%;
  flex: 1;
}
@media (max-width: 767px) {
  .section-lookbook {
    flex-wrap: wrap;
  }
  .section-lookbook > * {
    width: 100%;
    flex: unset;
  }
  .section-lookbook .swiper-lookbook {
    order: 1;
  }
  .section-lookbook .banner-image-lookbook {
    order: 0;
  }
}

.section-lookbook-2 .col-right {
  padding: 80px 75px;
  background-color: var(--primary);
}
.section-lookbook-2 .col-right .card-product {
  background-color: var(--white);
}
.section-lookbook-2 .lookbook-image {
  width: 100%;
}
@media (min-width: 1200px) {
  .section-lookbook-2 {
    display: flex;
  }
  .section-lookbook-2 .banner-image-lookbook {
    width: 42.1875%;
  }
  .section-lookbook-2 .col-right {
    width: 57.8125%;
  }
}
@media (max-width: 1599px) {
  .section-lookbook-2 .col-right {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .section-lookbook-2 .col-right {
    padding: 40px 15px;
  }
}

.banner-shop-main .product-thumbs-slider .tf-product-media-thumbs .item::after {
  content: "";
  inset: 0;
  position: absolute;
  border-radius: 4px;
  border: 2px solid var(--primary);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.banner-shop-main .product-thumbs-slider .tf-product-media-thumbs .swiper-slide.swiper-slide-thumb-active .item::after {
  opacity: 1;
  visibility: visible;
}
.banner-shop-main .tf-product-media-main .item {
  display: flex;
  justify-content: center;
}
.banner-shop-main .tf-product-media-wrap {
  width: 100%;
  padding-right: 0;
}
.banner-shop-main .tf-product-info-wrap {
  padding-left: 0;
  margin-top: 20px;
}
.banner-shop-main .product-thumbs-slider {
  gap: 12px;
}
@media (min-width: 992px) {
  .banner-shop-main {
    display: flex;
    align-items: center;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .banner-shop-main .variant-picker-values .unit-btn {
    height: 48px;
  }
  .banner-shop-main .wg-quantity {
    padding: 10px;
  }
  .banner-shop-main .tf-product-total-btn .tf-btn {
    height: 58px;
  }
  .banner-shop-main .tf-product-total-btn .group-btn .btn-add-wishlist {
    width: 58px;
    height: 58px;
  }
  .banner-shop-main .tf-product-total-btn .group-btn .btn-add-wishlist .icon {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .banner-shop-main {
    gap: 60px;
  }
  .banner-shop-main .tf-product-media-wrap {
    max-width: 560px;
  }
}
@media (max-width: 991px) {
  .banner-shop-main .tf-product-media-wrap {
    position: unset !important;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  .banner-shop-main .tf-product-media-wrap,
  .banner-shop-main .tf-product-info-wrap {
    width: calc(50% - 15px);
  }
}

.banner-organic .col-right,
.banner-organic .col-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
.banner-organic .certified-image {
  max-width: 582px;
  margin: 0 auto;
}
.banner-organic .certified-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1200px) {
  .banner-organic {
    gap: 60px;
  }
  .banner-organic .col-right .certified-item {
    display: grid;
    place-items: end;
    text-align: end;
  }
}
@media (min-width: 1440px) {
  .banner-organic .col-right,
  .banner-organic .col-left {
    gap: 100px;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .banner-organic .certified-image {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .banner-organic .certified_desc {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}
@media (min-width: 576px) and (max-width: 1199px) {
  .banner-organic .col-right,
  .banner-organic .col-left {
    flex-direction: row;
  }
  .banner-organic .certified-item:nth-child(even) {
    display: grid;
    place-items: end;
    text-align: end;
  }
}
@media (max-width: 575px) {
  .banner-organic {
    text-align: center;
  }
}

.tf-lookbook-hover .bundle-pin-item {
  cursor: pointer;
}
.tf-lookbook-hover .bundle-hover-item {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-lookbook-hover .bundle-hover-item.no-hover {
  opacity: 0.3;
}

.section-contact-partner {
  position: relative;
}
.section-contact-partner .s-image {
  position: absolute;
  inset: 0;
  display: flex;
  z-index: 0;
}
.section-contact-partner .s-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-contact-partner::after {
  content: "";
  inset: 0;
  position: absolute;
  background: linear-gradient(270deg, rgba(22, 77, 67, 0) 0%, rgba(22, 77, 67, 0.9) 53.2%, #164D43 75.71%);
  z-index: 0;
}
.section-contact-partner .title {
  margin-bottom: 16px;
}
.section-contact-partner .benefit-item .ic-wrap {
  font-size: 48px;
  margin-bottom: 16px;
}
.section-contact-partner .benefit-item .benefit-title {
  margin-bottom: 8px;
}
.section-contact-partner .col-right {
  background-color: var(--white);
  position: relative;
  padding: 40px 20px;
}
.section-contact-partner .col-right::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 12px;
  background-color: var(--secondary);
}
.section-contact-partner .col-right .contact-title {
  margin-bottom: 8px;
}
.section-contact-partner .col-right .contact-desc {
  margin-bottom: 32px;
}
.section-contact-partner .col-left {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 40px;
}
.section-contact-partner .benefit-grid {
  gap: 20px;
}
@media (min-width: 1200px) {
  .section-contact-partner .benefit-grid {
    gap: 40px;
  }
  .section-contact-partner .col-left {
    max-width: 600px;
  }
  .section-contact-partner .col-right {
    max-width: 500px;
    padding: 63px 40px;
    margin-left: 20px;
  }
}

.section-intro-about .img-icon {
  margin-bottom: 40px;
}
.section-intro-about .intro-title {
  margin-bottom: 20px;
}
.section-intro-about .heading {
  margin-bottom: 60px;
}

.section-contact {
  position: relative;
}
.section-contact .bg-img-item {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.section-contact .title {
  margin-bottom: 12px;
}
.section-contact .col-left {
  display: grid;
  gap: 30px;
  margin-bottom: 60px;
}
.section-contact .list-contact {
  display: grid;
  gap: 28px;
}
.section-contact .list-contact .item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.section-contact .list-contact .ic-wrap {
  width: 60px;
  height: 60px;
  border: 1px solid var(--line);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: var(--primary);
}
.section-contact .list-contact .mini-title {
  margin-bottom: 8px;
}
.section-contact .list-contact .info {
  display: grid;
}
@media (min-width: 1200px) {
  .section-contact .col-left {
    gap: 48px;
  }
}

.section-service-provide-2 .tab-pane {
  display: grid;
  gap: 100px;
}
@media (max-width: 1199px) {
  .section-service-provide-2 .tab-pane {
    display: grid;
    gap: 60px;
  }
}

.section-service-detail .detail-main {
  display: grid;
  gap: 40px;
  margin-bottom: 60px;
}
.section-service-detail .detail-main .wrap-text {
  display: grid;
  gap: 12px;
}
.section-service-detail .box-text {
  display: grid;
  gap: 20px;
}
.section-service-detail .service-image {
  border-radius: 12px;
  overflow: hidden;
}
.section-service-detail .box-benefit {
  padding: 32px;
  border-radius: 20px;
  background-color: var(--surface);
}
.section-service-detail .box-benefit .title-2 {
  margin-bottom: 12px;
}
.section-service-detail .box-benefit .desc-2 {
  margin-bottom: 28px;
}
.section-service-detail .box-benefit .tf-grid-layout ul {
  display: grid;
  gap: 16px;
}
.section-service-detail .box-benefit .tf-grid-layout li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--primary);
}
.section-service-detail .box-benefit .tf-grid-layout .icon {
  font-size: 20px;
}
@media (min-width: 992px) {
  .section-service-detail .detail-main {
    gap: 60px;
    margin-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .col-right_sidebar {
    max-width: 380px;
    margin-left: auto;
  }
}

.section-faq .faq-list {
  display: grid;
  gap: 40px;
}

.section-privacy .col-right {
  display: grid;
  gap: 32px;
}
.section-privacy .box-privacy {
  display: grid;
  gap: 12px;
}

.list-name-privacy {
  display: grid;
}
.list-name-privacy a {
  padding-left: 12px;
  border-left: 4px solid var(--line);
  font-weight: 500;
}
.list-name-privacy a.active {
  border-color: var(--primary);
  color: var(--primary);
}
.list-name-privacy .item a {
  padding-top: 14px;
  padding-bottom: 14px;
}
.list-name-privacy .item:first-child a {
  padding-top: 8px;
}
.list-name-privacy .item:last-child a {
  padding-top: 8px;
}
@media (max-width: 767px) {
  .list-name-privacy a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border-width: 2px;
  }
}

.section-break-image .image img {
  aspect-ratio: 3.6923076923;
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 350px;
}

@media (min-width: 1200px) {
  .section-service-provide .tf-grid-layout {
    gap: 30px;
  }
}

.section-about-intro {
  position: relative;
}
.section-about-intro .bg-item-img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.section-lookbook-2 .card-product::after {
  display: none;
}

.s-check-out .br-line.line-center {
  width: 1px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.s-check-out .br-line.line-center::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: var(--line);
  margin: 0 auto;
}

.s-bg_img_item {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.sw-dot-default {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.sw-dot-default .swiper-pagination-bullet {
  width: 32px;
  height: 32px;
  background-color: transparent;
  position: relative;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  margin: 0 !important;
}
.sw-dot-default .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--primary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sw-dot-default .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: var(--primary);
}
.sw-dot-default .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: var(--primary);
}
@media (max-width: 1199px) {
  .sw-dot-default .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
  .sw-dot-default .swiper-pagination-bullet::before {
    width: 6px;
    height: 6px;
  }
}
.sw-dot-default.style-white .swiper-pagination-bullet::before {
  background-color: var(--white);
  border-color: var(--white);
}
.sw-dot-default.style-white .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: var(--white);
}
.sw-dot-default.style-white .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: var(--white);
}
.sw-dot-default.style-small .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
}
.sw-dot-default.style-small .swiper-pagination-bullet::before {
  width: 6px;
  height: 6px;
  background: var(--primary);
}
.sw-dot-default.style-small .swiper-pagination-bullet::before {
  border-width: 1px;
}
@media (min-width: 1200px) {
  .sw-dot-default {
    margin-top: 35px;
  }
  .sw-dot-default.type-space-2 {
    margin-top: 40px;
  }
}
@media (min-width: 1440px) {
  .sw-dot-default {
    margin-top: 56px;
  }
}

.tf-sw-nav {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 32px;
  background-color: var(--secondary);
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-sw-nav:hover {
  background-color: var(--primary);
  color: var(--secondary);
}
.tf-sw-nav.style-2 {
  background-color: var(--white-10);
  color: var(--white);
}
.tf-sw-nav.style-2:hover {
  color: var(--secondary);
}
.tf-sw-nav.style-3 {
  background-color: transparent;
  color: var(--primary);
  border: 1px solid var(--primary);
  width: 40px;
  height: 40px;
  font-size: 24px;
}
.tf-sw-nav.style-3:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.tf-sw-nav.small {
  width: 40px;
  height: 40px;
  font-size: 24px;
}
@media (max-width: 1199px) {
  .tf-sw-nav.style-3 {
    width: 32px;
    height: 32px;
  }
}

.slider_effect_fade .swiper-slide.swiper-slide-active .fade-item {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.slider_effect_fade .swiper-slide.swiper-slide-active .scale-item {
  transform: scale(1);
}
.slider_effect_fade .swiper-slide.swiper-slide-active .width-item {
  width: 100%;
}
.slider_effect_fade .fade-item {
  transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slider_effect_fade .fade-item.fade-box {
  transition-delay: 0.4s;
  transform: translateY(0px);
}
.slider_effect_fade .fade-item.fade-item-1 {
  transition-delay: 0.5s;
}
.slider_effect_fade .fade-item.fade-item-2 {
  transition-delay: 0.6s;
}
.slider_effect_fade .fade-item.fade-item-3 {
  transition-delay: 0.7s;
}
.slider_effect_fade .fade-item.fade-item-4 {
  transition-delay: 0.8s;
}
.slider_effect_fade .scale-item {
  transform: scale(1.2);
  transition: all 0.5s linear;
}
.slider_effect_fade .scale-item.scale-item-1 {
  transition-delay: 0.3s;
}
.slider_effect_fade .width-item {
  width: 1%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slider_effect_fade .width-item.width-item-3 {
  transition-delay: 0.7s;
}

@media (max-width: 767px) {
  .slider_effect_scale-md .swiper-slide {
    overflow: hidden;
  }
  .slider_effect_scale-md .swiper-slide.swiper-slide-active .scale-item {
    transform: scale(1);
  }
  .slider_effect_scale-md .scale-item {
    transform: scale(1.2);
    transition: all 1s linear;
  }
}

@media (max-width: 767px) {
  .slider_effect_fade-md .swiper-slide.swiper-slide-active .fade-item {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .slider_effect_fade-md .fade-item {
    transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .slider_effect_fade-md .fade-item.fade-box {
    transition-delay: 0.4s;
    transform: translateY(0px);
  }
  .slider_effect_fade-md .fade-item.fade-item-1 {
    transition-delay: 0.5s;
  }
  .slider_effect_fade-md .fade-item.fade-item-2 {
    transition-delay: 0.6s;
  }
  .slider_effect_fade-md .fade-item.fade-item-3 {
    transition-delay: 0.7s;
  }
  .slider_effect_fade-md .fade-item.fade-item-4 {
    transition-delay: 0.8s;
  }
}

.hover-sw-nav .tf-sw-nav {
  visibility: hidden;
}
.hover-sw-nav .tf-sw-nav.nav-next-swiper {
  margin-right: 20px;
}
.hover-sw-nav .tf-sw-nav.nav-prev-swiper {
  margin-left: 20px;
}
.hover-sw-nav:hover .tf-sw-nav {
  margin: 0;
  visibility: visible;
}

.tf-slideshow {
  position: relative;
}
.tf-slideshow .group-btn {
  position: absolute;
  left: 40px;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  z-index: 2;
  pointer-events: none;
}
.tf-slideshow .group-btn .tf-sw-nav {
  pointer-events: all;
}
.tf-slideshow.type-2 .sld_image img {
  aspect-ratio: 2.9268292683;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1599px) {
  .tf-slideshow .group-btn {
    left: 15px;
    right: 15px;
  }
}
@media (max-width: 1439px) {
  .tf-slideshow .group-btn {
    display: none;
  }
  .tf-slideshow .slider-wrap {
    height: 650px;
  }
}
@media (max-width: 767px) {
  .tf-slideshow .slider-wrap {
    height: 600px;
  }
}
@media (max-width: 575px) {
  .tf-slideshow .slider-wrap {
    height: 450px;
  }
}

.slider-wrap {
  position: relative;
}

.sld_content {
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 2;
}
.sld_content .title_sld {
  margin-bottom: 20px;
}
.sld_content .sub-text_sld {
  margin-bottom: 32px;
}
.sld_content.pst-2 {
  top: calc(50% + 20px);
}
@media (min-width: 1200px) {
  .sld_content .action_sld {
    height: 58px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .sld_content.pst-2 {
    top: calc(50% + 47px);
  }
}
@media (max-width: 575px) {
  .sld_content .sub-text_sld {
    display: none;
  }
}

.sw-slide-show {
  position: relative;
}
.sw-slide-show .sw-dot-default {
  position: absolute;
  bottom: 20px;
  left: 15px;
  right: 15px;
  z-index: 2;
  width: auto;
}

.sld_image {
  height: 100%;
  overflow: hidden;
}
.sld_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.box-swiper.sw-testimonial {
  position: relative;
}
.box-swiper.sw-testimonial .group-btn {
  position: absolute;
  justify-content: space-between;
  top: 40%;
  left: -60px;
  right: -60px;
  z-index: 2;
  pointer-events: none;
}
.box-swiper.sw-testimonial .group-btn > * {
  pointer-events: all;
}

.swiper-pagination-lock {
  margin: 0 !important;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.sw-pg-thumb {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sw-pg-thumb .swiper-pagination-bullet {
  margin: 0 !important;
  width: 40px;
  border-radius: 0;
  height: 4px;
  background-color: var(--white);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.sw-pg-thumb .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  opacity: 0.3;
  width: 24px;
}
.sw-pg-thumb .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  height: calc(100% + 30px);
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ic-star-wrap {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00B67A;
  color: var(--white);
}
.ic-star-wrap.type-2 {
  background: linear-gradient(to right, #00B67A 50%, #E9E9E9 50%);
}

.testimonial-v01 .tes-image {
  height: 100%;
}
.testimonial-v01 .tes-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 250px;
}
.testimonial-v01 .col-right {
  background-color: var(--primary);
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.testimonial-v01 .content {
  display: grid;
  gap: 14px;
}
.testimonial-v01 .rate-list .icon {
  font-size: 20px;
}
.testimonial-v01 .sw-pg-thumb {
  position: unset;
}
.testimonial-v01 .sw-main-thumb {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .testimonial-v01 {
    display: flex;
    gap: 10px;
  }
  .testimonial-v01 > * {
    width: calc(50% - 5px);
  }
  .testimonial-v01 .rate-list .icon {
    font-size: 28px;
  }
}
@media (min-width: 1440px) {
  .testimonial-v01 .col-right {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 107px;
    padding-bottom: 107px;
  }
  .testimonial-v01 .content {
    gap: 28px;
  }
  .testimonial-v01 .sw-main-thumb {
    margin-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .testimonial-v01 .col-right {
    padding: 30px 20px;
  }
}

.testimonial-v02 {
  padding: 40px;
  background-color: var(--white);
}
.testimonial-v02 .star-list {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.testimonial-v02 .tes-author {
  display: flex;
  align-items: center;
  gap: 4px;
}
.testimonial-v02 .tes-author .br-line {
  width: 8px;
}
.testimonial-v02 .tes-text {
  margin-bottom: 12px;
}

.testimonial-v03 {
  text-align: center;
}
.testimonial-v03 .star-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-bottom: 20px;
}
.testimonial-v03 .ic-star-wrap {
  width: 40px;
  height: 40px;
}
.testimonial-v03 .ic-star-wrap .icon {
  font-size: 26px;
}
.testimonial-v03 .tes-text {
  margin-bottom: 35px;
}
.testimonial-v03 .author-name {
  margin-bottom: 4px;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.group-btn {
  display: flex;
  align-items: center;
}

.group-btn-slider {
  display: flex;
  align-items: center;
  gap: 8px;
}

.wg-comment .title {
  margin-bottom: 20px;
}
.wg-comment .box-comment > .btn-reply {
  margin-bottom: 24px;
}
.wg-comment .box-comment:last-child > .btn-reply {
  margin-bottom: 0px;
}
.wg-comment .comment-list {
  display: grid;
  gap: 24px;
}
.wg-comment .comment_info {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.wg-comment .info_image {
  border-radius: 50%;
  overflow: hidden;
}
.wg-comment .comment_text {
  margin-bottom: 12px;
}
.wg-comment .comment_reply {
  margin-left: 30px;
  padding-left: 16px;
  border-left: 2px solid var(--line);
}
@media (min-width: 1200px) {
  .wg-comment .comment_reply {
    margin-left: 60px;
    border-left: 4px solid var(--line);
  }
}

.wg-leave-comment {
  padding: 20px 15px;
  border: 2px solid var(--line);
  border-radius: 8px;
}
.wg-leave-comment .title {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .wg-leave-comment {
    padding: 26px;
  }
}

.banner-v1 {
  position: relative;
  margin-bottom: 30px;
}
.banner-v1 .banner_image {
  border-radius: 20px;
  overflow: hidden;
}
.banner-v1 .banner_image img {
  min-height: 200px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3.6923076923;
}
.banner-v1 .banner_content {
  position: absolute;
  inset: 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  z-index: 2;
}
.banner-v1 .banner_content .tag {
  margin-bottom: 8px;
}

.wg-category {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
}
.wg-category .category-content {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 15px;
  text-align: center;
  display: grid;
  gap: 8px;
}
@media (min-width: 1200px) {
  .wg-category .category-content {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}

.wg-category-v02 {
  position: relative;
  overflow: hidden;
}
.wg-category-v02 .cate-image {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(1.1);
  overflow: hidden;
}
.wg-category-v02 .cate-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wg-category-v02 .cate-content {
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  padding: 20px;
  background-color: var(--white);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wg-category-v02 .cate_desc,
.wg-category-v02 .action {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.wg-category-v02 .cate_desc {
  margin-top: -52px;
}
.wg-category-v02 .action {
  margin-top: -28px;
}
.wg-category-v02:hover .cate-content {
  background-color: var(--secondary);
}
.wg-category-v02:hover .cate-image {
  transform: scale(1);
}
.wg-category-v02:hover .cate_desc,
.wg-category-v02:hover .action {
  opacity: 1;
  visibility: visible;
  margin-top: 8px;
}
@media (max-width: 1199px) {
  .wg-category-v02 .cate-content {
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
}

.wg-category-v03 .cate-image {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 32px;
}
.wg-category-v03 .cate-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wg-category-v03 .cate-content {
  text-align: center;
}
.wg-category-v03 .cate_name {
  margin-bottom: 12px;
}
.wg-category-v03.style-2 .cate-image {
  margin-bottom: 20px;
}
.wg-category-v03.style-2 .cate_name {
  margin-bottom: 8px;
}
.wg-category-v03.style-2 .cate-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wg-category-v03.style-2 .cate-image .action {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.wg-category-v03.style-2:hover .cate-image .action {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1440px) {
  .wg-category-v03.style-2 .cate_desc {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .wg-category-v03 .cate-image {
    margin-bottom: 24px;
  }
}

.wg-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 160px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.wg-quantity .icon {
  font-size: 24px;
  color: var(--primary);
}
.wg-quantity .quantity-product {
  width: 40px;
  padding: 0;
  background-color: transparent;
  border: 0;
  text-align: center;
  vertical-align: middle;
  color: var(--primary);
  pointer-events: none;
  font-weight: 600;
}
.wg-quantity.style-2 {
  border-radius: 100px;
}

.offer-countdown {
  max-width: 380px;
  width: 100%;
}
.offer-countdown .countdown__timer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.offer-countdown .countdown__item {
  display: grid;
  text-align: center;
  min-width: 60px;
}
.offer-countdown .countdown__value {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: var(--primary);
  font-family: "Sora", sans-serif;
  margin-bottom: -4px;
}
.offer-countdown .countdown__label {
  font-size: 14px;
  line-height: 22px;
}

.category-v01 {
  background-color: var(--white);
  border-radius: 20px;
  padding: 20px 10px;
  text-align: center;
  border: 2px solid transparent;
  display: flex;
  flex-direction: column;
}
.category-v01 .cate-image {
  margin-bottom: 4px;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.category-v01 .cate-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category-v01 .info_name {
  margin-bottom: 8px;
}
.category-v01:hover {
  border-color: var(--secondary);
}
.category-v01.style-2 {
  border: 0;
  display: grid;
  place-items: center;
}
.category-v01.style-2 .cate-image {
  max-width: 140px;
  margin-bottom: 8px;
}
@media (min-width: 1200px) {
  .category-v01 {
    padding: 20px;
  }
}

.banner-shop-detail {
  display: flex;
  align-items: start;
  gap: 20px;
  flex-wrap: wrap;
}
.banner-shop-detail .image-list {
  width: 100%;
  gap: 10px;
  padding: 8px;
  border: 2px solid var(--line);
  border-radius: 20px;
}
.banner-shop-detail .image-list .image {
  border-radius: 20px;
  overflow: hidden;
}
.banner-shop-detail .image-list .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-shop-detail .content > .br-line {
  margin-top: 16px;
  margin-bottom: 16px;
}
.banner-shop-detail .product-info-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.banner-shop-detail .product-info-meta .infor_rate {
  display: flex;
  align-items: center;
  gap: 4px;
}
.banner-shop-detail .product-infor-name,
.banner-shop-detail .variant-unit {
  margin-bottom: 16px;
}
.banner-shop-detail .product-infor-price {
  margin-bottom: 8px;
}
.banner-shop-detail .variant-picker-item,
.banner-shop-detail .variant-quantity {
  display: grid;
  gap: 12px;
}
.banner-shop-detail .unit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  height: 48px;
  border: 1px solid var(--line);
  padding-left: 20px;
  padding-right: 20px;
  color: var(--text-2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 8px;
  cursor: pointer;
}
.banner-shop-detail .unit-btn:hover {
  color: var(--primary);
}
.banner-shop-detail .unit-btn.active {
  background-color: var(--primary);
  color: var(--white);
}
.banner-shop-detail .variant-picker-values {
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-shop-detail .variant-quantity {
  margin-bottom: 20px;
}
.banner-shop-detail .variant-quantity .quantity-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.banner-shop-detail .variant-quantity .wg-quantity {
  padding: 10px;
}
@media (min-width: 1200px) {
  .banner-shop-detail {
    gap: 40px;
    flex-wrap: nowrap;
  }
  .banner-shop-detail .content {
    max-width: 380px;
  }
  .banner-shop-detail .variant-quantity .tf-btn {
    height: 48px;
  }
}
@media (max-width: 1199px) {
  .banner-shop-detail {
    gap: 24px;
  }
}

.banner-v01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.banner-v01 .b-title {
  margin-bottom: 16px;
}
.banner-v01 .b-desc {
  margin-bottom: 32px;
}
.banner-v01 .banner-image {
  max-width: 794px;
}
.banner-v01 .banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
  aspect-ratio: 1.6541666667;
}
@media (min-width: 768px) {
  .banner-v01 .banner-content {
    max-width: 436px;
    width: 100%;
  }
  .banner-v01 .b-desc {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .banner-v01 {
    flex-wrap: wrap-reverse;
  }
  .banner-v01 .banner-image img {
    min-height: 250px;
  }
  .banner-v01 .b-desc {
    margin-bottom: 20px;
  }
}

.banner-v02 {
  position: relative;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
}
.banner-v02 .b-title {
  margin-bottom: 32px;
}
.banner-v02 .b-tag {
  margin-bottom: 8px;
}
.banner-v02 .banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}
.banner-v02 .banner-content {
  position: absolute;
  inset: 20px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.banner-v02.style-2 .b-title {
  margin-bottom: 8px;
}
.banner-v02.style-2 .b-desc {
  margin-bottom: 20px;
}
.banner-v02.style-2 .banner-content {
  bottom: unset;
  right: unset;
  top: 47px;
  left: 28px;
}
.banner-v02.style-3 .banner-content {
  align-items: center;
  text-align: center;
}
.banner-v02.style-3 .b-title {
  margin-bottom: 28px;
}
@media (max-width: 991px) {
  .banner-v02 .b-title {
    margin-bottom: 24px;
  }
  .banner-v02 .banner-content {
    inset: 20px 15px;
  }
}
@media (max-width: 767px) {
  .banner-v02.style-2 .banner-image {
    width: 100%;
  }
  .banner-v02.style-2 .banner-image img {
    max-height: 300px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner-v02 {
    height: 100%;
  }
}

.banner-v03 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1000px;
  background-color: var(--primary);
  position: relative;
}
.banner-v03 .wrap-1 {
  display: flex;
  gap: 20px;
}
.banner-v03 .wrap-1 .icon {
  font-size: 60px;
  color: var(--secondary);
}
.banner-v03 .wrap-2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.banner-v03 .wrap-3 {
  display: grid;
}
.banner-v03 .wrap-3 .coupon-copy-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.banner-v03 .col-left,
.banner-v03 .col-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
@media (min-width: 576px) {
  .banner-v03 .wrap-1 {
    margin-right: 51px;
  }
  .banner-v03 .wrap-3 {
    margin-right: 50px;
  }
}
@media (min-width: 1200px) {
  .banner-v03 {
    margin-top: 31px;
    margin-bottom: 31px;
  }
  .banner-v03 .img-item {
    left: 37%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1440px) {
  .banner-v03 .img-item {
    left: 35%;
  }
}
@media (max-width: 1199px) {
  .banner-v03 {
    border-radius: 20px;
    flex-direction: column;
    padding: 30px 20px;
    gap: 20px;
  }
  .banner-v03 > * {
    width: 100%;
    justify-content: space-between;
  }
  .banner-v03 .img-item {
    display: flex;
    justify-content: center;
    max-width: 400px;
    width: 100%;
  }
  .banner-v03 .img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 575px) {
  .banner-v03 .col-left,
  .banner-v03 .col-right {
    justify-content: center;
    text-align: center;
  }
  .banner-v03 .coupon-copy-wrap {
    justify-content: center;
  }
  .banner-v03 .wrap-1 {
    gap: 12px;
  }
}

.box-ic-v01 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.box-ic-v01 .icon {
  font-size: 32px;
  display: flex;
  line-height: 1;
}
.box-ic-v01 .sub {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
@media (min-width: 992px) {
  .box-ic-v01 .icon {
    font-size: 40px;
  }
}
@media (min-width: 1440px) {
  .box-ic-v01 {
    max-width: 290px;
  }
}
@media (max-width: 575px) {
  .box-ic-v01 {
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
}

.wrap-ic-list {
  gap: 15px;
}
@media (min-width: 1440px) {
  .wrap-ic-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.banner-countdown {
  display: grid;
}
.banner-countdown .banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-countdown .banner-content {
  background-color: var(--surface);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 15px;
}
.banner-countdown .sub {
  margin-bottom: 15px;
}
.banner-countdown .title,
.banner-countdown .box-countdown {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .banner-countdown {
    display: flex;
  }
  .banner-countdown .banner-image {
    width: 31.25%;
  }
  .banner-countdown .banner-content {
    width: 37.5%;
  }
}
@media (max-width: 1199px) {
  .banner-countdown .banner-image img {
    max-height: 400px;
  }
}

.box-countdown .countdown__timer {
  display: flex;
  gap: 12px;
}
.box-countdown .countdown__item {
  display: grid;
  place-items: center;
}
.box-countdown .countdown__value {
  font-size: clamp(36px, 5vw, 56px);
  line-height: clamp(40px, 6vw, 72px);
  font-weight: 500;
  color: var(--primary);
  margin-bottom: -4px;
}
.box-countdown .countdown__custom {
  font-size: clamp(28px, 3vw, 40px);
  line-height: clamp(32px, 3.5vw, 63px);
  font-weight: 500;
  color: var(--primary);
}
.box-countdown .countdown__label {
  line-height: 28px;
}
@media (min-width: 1440px) {
  .box-countdown .countdown__timer {
    gap: 24px;
  }
}

.certified-item .certified_logo {
  margin-bottom: 24px;
}
.certified-item .certified_title {
  margin-bottom: 8px;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  display: flex;
}
.gallery-item .box-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white);
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
  font-size: 16px;
}
.gallery-item .box-icon:hover {
  background-color: var(--black);
  color: var(--white);
}
.gallery-item.style-2 {
  border-radius: 16px;
}
@media (min-width: 992px) {
  .gallery-item .box-icon {
    opacity: 0;
    visibility: hidden;
  }
  .gallery-item:hover .box-icon {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .gallery-item .box-icon {
    width: 56px;
    height: 56px;
    font-size: 24px;
  }
  .gallery-item.style-2 .box-icon {
    width: 60px;
    height: 60px;
  }
  .gallery-item.style-2 .box-icon .icon {
    font-size: 32px;
  }
  .gallery-item.style-2 .box-icon:not(:hover) {
    color: var(--primary);
  }
}

.swiper-gallery {
  margin-bottom: 10px;
}

.banner-benefit .group-image {
  gap: 8px;
}
.banner-benefit .group-image .image {
  border-radius: 16px;
  overflow: hidden;
}
.banner-benefit .group-image .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-benefit .title {
  margin-bottom: 16px;
}
.banner-benefit .desc {
  margin-bottom: 28px;
}
.banner-benefit .group-image {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .banner-benefit .desc {
    margin-bottom: 40px;
  }
  .banner-benefit .content {
    max-width: 460px;
    margin-left: auto;
  }
}

.wg-benefit {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.wg-benefit .ic-wrap {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wg-benefit .ic-wrap .icon {
  font-size: 60px;
  color: var(--primary);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.wg-benefit .benefit_name {
  margin-bottom: 8px;
}
.wg-benefit .br-line {
  height: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wg-benefit:hover .ic-wrap {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.wg-benefit:hover .ic-wrap .icon {
  transform: rotateY(180deg);
}
.wg-benefit:hover .br-line {
  background-color: var(--secondary);
}

.about-video {
  position: relative;
}
.about-video .video-thumb {
  border-radius: 20px;
  overflow: hidden;
}
.about-video .video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}
.about-video .btn-view-video {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--primary);
  font-size: 36px;
}
.about-video .btn-view-video:hover {
  background-color: var(--secondary);
}
@media (max-width: 767px) {
  .about-video .btn-view-video {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
}

.section-404 {
  height: 100vh;
}

.banner-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
.banner-404 .banner-content {
  position: relative;
  margin-top: -64px;
}
.banner-404 .title {
  margin-bottom: 16px;
}
.banner-404 .desc {
  margin-bottom: 40px;
}

.wg-exper {
  padding: 39px;
  border: 1px solid var(--line);
  border-radius: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wg-exper .ic-wrap {
  font-size: 80px;
  margin-bottom: 24px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: max-content;
}
.wg-exper .name {
  margin-bottom: 12px;
}
.wg-exper::before {
  content: "";
  position: absolute;
  inset: 0px;
  pointer-events: none;
  border-radius: 20px;
  border: 2px solid var(--primary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.wg-exper:hover {
  border-color: var(--primary);
}
.wg-exper:hover::before {
  opacity: 1;
  visibility: visible;
}
.wg-exper:hover .ic-wrap {
  transform: rotateY(360deg);
}

.history-timeline {
  position: relative;
}
.history-timeline > .br-line {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  background: var(--primary);
  opacity: 0.1;
  height: 4px;
}

.wg-history .his-year {
  margin-bottom: 8px;
}
.wg-history .br-dot {
  margin-top: 16px;
  margin-bottom: 16px;
}

.card-member-v01 {
  display: grid;
  gap: 20px;
}
.card-member-v01 .member-image {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.card-member-v01 .member-info {
  display: grid;
  gap: 4px;
}
.card-member-v01 .social-wrap {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 12px;
  border-radius: 12px;
  background-color: var(--white);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
}
.card-member-v01 .tf-social-icon-2 {
  gap: 16px;
}
.card-member-v01 .tf-social-icon-2 a {
  width: 36px;
  height: 36px;
}
.card-member-v01:hover .social-wrap {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.card-service-v01 {
  display: grid;
  place-items: start;
  gap: 20px;
  padding: 23px;
  padding-bottom: 27px;
  border: 1px solid var(--line);
  border-radius: 16px;
  position: relative;
}
.card-service-v01 .card-image {
  border-radius: 16px;
  overflow: hidden;
}
.card-service-v01 .name {
  margin-bottom: 8px;
}
.card-service-v01::before {
  content: "";
  inset: -1px;
  position: absolute;
  border: 2px solid var(--primary);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 16px;
}
.card-service-v01:hover::before {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .card-service-v01 {
    padding: 20px 15px;
  }
}

.benefit-list {
  display: grid;
  gap: 12px;
}
.benefit-list .benefit-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--primary);
}
.benefit-list .benefit-item .icon {
  font-size: 20px;
}

.wg-plan {
  display: grid;
  gap: 24px;
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: 20px;
}
.wg-plan .plan-price {
  display: flex;
  align-items: end;
}
.wg-plan .plan-title {
  margin-bottom: 4px;
}
.wg-plan .plan-image {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
}
.wg-plan .plan-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wg-plan .plan-badge {
  position: absolute;
  top: 34px;
  right: -1px;
  border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  background-color: var(--secondary);
  color: var(--primary);
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
}
.wg-plan.style-2 {
  background-color: var(--primary);
  border-color: var(--primary);
  position: relative;
}
.wg-plan.style-2 .benefit-item {
  color: var(--white);
}
.wg-plan.style-2 .br-line {
  background-color: var(--white-10);
}
@media (min-width: 768px) {
  .wg-plan .plan-price .per-for {
    padding-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .wg-plan {
    padding: 20px 15px;
  }
  .wg-plan .plan-badge {
    top: 10px;
  }
}

.wg-service {
  display: flex;
  gap: 30px;
  border-radius: 20px;
  overflow: hidden;
  flex-wrap: wrap;
  flex-direction: column;
}
.wg-service > * {
  flex: 1;
}
.wg-service .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1.270661157;
}
.wg-service .content {
  display: grid;
  place-items: start;
  gap: 28px;
}
.wg-service .title {
  margin-bottom: 12px;
}
.wg-service.style-2 .title {
  margin-bottom: 0;
}
.wg-service.style-2 .image {
  border-radius: 16px;
  overflow: hidden;
}
.wg-service.style-2 .image img {
  aspect-ratio: 1;
}
@media (min-width: 992px) {
  .wg-service {
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .wg-service {
    gap: 60px;
  }
  .wg-service.style-2 {
    gap: 100px;
  }
  .wg-service.style-2 .content {
    max-width: 575px;
  }
}
@media (max-width: 991px) {
  .wg-service .image {
    order: -1;
  }
  .wg-service .image img {
    max-height: 350px;
  }
  .wg-service .content {
    gap: 20px;
  }
}

.sidebar-service {
  border: 1px solid var(--line);
  padding: 23px;
  border-radius: 16px;
}
.sidebar-service .title {
  margin-bottom: 16px;
}
.sidebar-service .list li:not(:last-child) a {
  padding-bottom: 6px;
}
.sidebar-service .list li:not(:first-child) a {
  padding-top: 6px;
}

#goTop {
  position: fixed;
  padding: 0;
  bottom: 90px;
  right: 20px;
  width: 38px;
  height: 38px;
  background: var(--white);
  color: var(--primary);
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#goTop .border-progress {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 50%;
  border: 1px solid #0B5755;
  mask-image: conic-gradient(#0B5755 var(--progress-angle, 0deg), transparent 0);
  -webkit-mask-image: conic-gradient(#0B5755 var(--progress-angle, 0deg), transparent 0);
  content: "";
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#goTop.show {
  opacity: 1;
  visibility: visible;
}
#goTop .icon {
  font-size: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  animation: iconBounce 2s linear 0s infinite;
}
#goTop .icon-arrow-right-2 {
  transform: rotate(-90deg);
}
#goTop:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  #goTop {
    right: 40px;
  }
}
@media (max-width: 1199px) {
  #goTop.pos1 {
    bottom: 200px;
  }
}
@media (max-width: 767px) {
  #goTop.pos1 {
    bottom: 230px;
  }
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border: 0;
  padding: 0;
  padding-right: 16px;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  outline: none;
  position: relative;
  transition: all linear 0.2s;
  user-select: none;
  white-space: nowrap;
  width: max-content;
  border-radius: 0;
  color: var(--main);
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: var(--line);
}

.nice-select:after {
  border-bottom: 1.7px solid var(--main);
  border-right: 1.7px solid var(--main);
  content: "";
  height: 8px;
  width: 8px;
  margin-top: -6px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  width: 100%;
  -moz-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: var(--white);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  width: 100%;
  font-size: 14px;
  max-height: 155px;
  overflow: auto;
}

.nice-select .list.style {
  max-height: unset;
}

.nice-select .list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.nice-select .list::-webkit-scrollbar-thumb {
  background-color: #a7a7a7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.nice-select .list::-webkit-scrollbar {
  width: 6px;
  height: 4px;
  background-color: #f5f5f5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.nice-select .option {
  cursor: pointer;
  font-weight: 500;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  font-size: 16px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: var(--main);
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: var(--white);
  color: var(--primary);
}

.nice-select .option.selected {
  font-weight: 600;
}

.nice-select .option.disabled {
  color: var(--main);
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.tf-dropdown-select.style-default {
  width: unset !important;
  display: flex;
}
.tf-dropdown-select.style-default > select {
  display: none !important;
}
.tf-dropdown-select.style-default > .dropdown-toggle {
  padding: 0px;
  padding-right: 20px;
  background-color: transparent !important;
  border: 0;
  outline: none !important;
  color: var(--black);
}
.tf-dropdown-select.style-default > .dropdown-toggle::after {
  border: 0;
  position: absolute;
  right: 0;
  content: "\e907";
  font-family: "icomoon";
  font-size: 12px;
  line-height: 1;
  color: var(--black);
  margin-left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.tf-dropdown-select.style-default .filter-option-inner-inner {
  display: flex;
  align-items: center;
  justify-content: start;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  gap: 8px;
}
.tf-dropdown-select.style-default .filter-option-inner-inner img {
  width: 24px;
  height: 22px;
}
.tf-dropdown-select.style-default > .dropdown-menu {
  overflow: unset !important;
  margin-top: 17px !important;
  margin-bottom: 17px !important;
  padding: 15px 20px;
  border-radius: 0;
  border: 0;
  background-color: var(--white);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 18px 0px;
}
.tf-dropdown-select.style-default > .dropdown-menu a {
  padding: 5px 0;
}
.tf-dropdown-select.style-default > .dropdown-menu a .text {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.tf-dropdown-select.style-default > .dropdown-menu a .text img {
  width: 20px;
  height: 20px;
}
.tf-dropdown-select.style-default > .dropdown-menu a:hover, .tf-dropdown-select.style-default > .dropdown-menu a:active, .tf-dropdown-select.style-default > .dropdown-menu a.active {
  color: var(--primary) !important;
  background-color: unset !important;
}
.tf-dropdown-select.style-default > .dropdown-menu::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: var(--white);
  top: 0;
  left: 50%;
  z-index: 2;
}
.tf-dropdown-select.style-default > .dropdown-menu[data-popper-placement=top-start]::after {
  display: none;
}
.tf-dropdown-select.style-default > .dropdown-menu[data-popper-placement=top-start]::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  transform: translate(-50%, 50%) rotate(45deg);
  background-color: var(--white);
  bottom: 0%;
  left: 50%;
  z-index: 2;
}
.tf-dropdown-select.style-default .dropdown-menu > .inner {
  overflow-y: hidden !important;
}
.tf-dropdown-select.type-currencies > .dropdown-menu {
  width: max-content;
}
.tf-dropdown-select.type-languages > .dropdown-menu {
  width: 110px !important;
}
.tf-dropdown-select.color-white > .dropdown-toggle {
  color: var(--white);
}
.tf-dropdown-select.color-white > .dropdown-toggle::after {
  color: var(--white);
}
.tf-dropdown-select.color-white-2 > .dropdown-toggle {
  color: var(--text);
}
.tf-dropdown-select.color-white-2 > .dropdown-toggle::after {
  color: var(--text);
}
.tf-dropdown-select.color-white-3 > .dropdown-toggle {
  color: var(--line-4);
}
.tf-dropdown-select.color-white-3 > .dropdown-toggle::after {
  color: var(--line-4);
}

.tf-dropdown-wrap {
  display: flex;
  gap: 20px;
}

.tf-dropdown-sort {
  padding: 6px 11px;
  min-width: 164px;
  border: 1px solid var(--line);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 4px;
}
.tf-dropdown-sort .icon {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 2px;
}
.tf-dropdown-sort .btn-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  gap: 12px;
  color: var(--primary);
}
.tf-dropdown-sort .btn-select .icon {
  font-size: 20px;
}
.tf-dropdown-sort.show .btn-select .icon {
  transform: rotate(180deg);
}
.tf-dropdown-sort .text-sort-value {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tf-dropdown-sort .dropdown-menu {
  min-width: 170px;
  border: 1px solid var(--line);
  padding: 10px 5px;
  border-radius: 0px;
  max-height: 68vh;
  isolation: isolate;
  overscroll-behavior-y: contain;
  overflow-y: auto;
  z-index: 99;
}
.tf-dropdown-sort .dropdown-menu::-webkit-scrollbar {
  width: 3px;
}
.tf-dropdown-sort .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 4px;
}
.tf-dropdown-sort .select-item {
  position: relative;
  text-transform: capitalize;
  color: var(--black);
  padding: 0 15px;
  line-height: 30px;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-dropdown-sort .select-item:hover, .tf-dropdown-sort .select-item.active {
  background-color: #ebebeb;
}
.tf-dropdown-sort:hover {
  border-color: var(--primary);
}

.tf-select-category {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--black);
}

.dropdown-filter .dropdown-toggle {
  min-width: 91px;
  border-radius: 999px;
  padding: 8px 16px;
  border: 1px solid var(--line);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropdown-filter .dropdown-toggle::after {
  display: none;
}
.dropdown-filter .dropdown-toggle.show .icon {
  transform: rotate(180deg);
}
.dropdown-filter .dropdown-toggle:hover {
  border-color: var(--dark);
}
.dropdown-filter .icon {
  font-size: 12px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 2px;
}
.dropdown-filter .text-value {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: var(--black);
}
.dropdown-filter .dropdown-menu {
  margin-top: -2px !important;
  min-width: 238px;
  box-shadow: var(--shadow-1);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 15px 10px;
  max-height: 68vh;
  isolation: isolate;
  overscroll-behavior-y: contain;
  overflow-y: auto;
  z-index: 99;
  box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.1);
}
.dropdown-filter .dropdown-menu::-webkit-scrollbar {
  width: 5px;
}
.dropdown-filter .dropdown-menu::-webkit-scrollbar-track {
  background-color: var(--line);
}
.dropdown-filter .dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 4px;
}
.dropdown-filter .dropdown-menu.drop-menu-brand {
  max-height: 180px;
}
.dropdown-filter .filter-color-box,
.dropdown-filter .filter-size-box {
  gap: 8px;
}
@media (min-width: 1200px) {
  .dropdown-filter .dropdown-toggle {
    padding: 15px 31px;
  }
  .dropdown-filter .dropdown-menu {
    min-width: 300px;
    padding: 25px 15px;
  }
}

.select-category .dropdown_product_cat {
  display: none;
}
.select-category .close-option {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.select-category .close-option:hover {
  color: var(--primary);
}
.select-category .select-options {
  overflow-y: auto;
  display: none;
  position: absolute;
  top: -3px;
  right: -3px;
  left: -3px;
  z-index: 999;
  margin: 0;
  padding: 20px;
  list-style: none;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
  min-width: 200px;
}
.select-category .select-options li {
  display: inline-block;
  width: 32.88%;
  color: var(--gray);
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  padding: 8px 10px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-category .select-options li:hover {
  color: var(--primary);
}
.select-category .header-select-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 8px;
  color: var(--black);
}

.tf-select-custom {
  display: block;
  cursor: pointer;
  min-width: 168px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 38px;
  padding-left: 16px;
  font-weight: 600;
  color: var(--primary);
  position: relative;
}
.tf-select-custom::after {
  content: "\e907";
  position: absolute;
  font-family: "icomoon";
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1439px) {
  .tf-select-custom {
    min-width: 120px;
    padding-right: 20px;
  }
  .tf-select-custom::after {
    right: 0;
  }
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal {
  height: 4px;
}

.noUi-target {
  border: 0;
}

.noUi-base .noUi-connects {
  border-radius: 100px;
  background-color: var(--line);
}

.noUi-connect {
  background-color: var(--primary);
}

.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: var(--primary);
  box-shadow: unset;
  cursor: pointer;
}
.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after,
.noUi-vertical .noUi-handle::before,
.noUi-vertical .noUi-handle::after {
  content: none;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -8px;
}

/*-- CSS --*/
.tf-btn-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 4px;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 12px;
  color: var(--primary);
}
.tf-btn-filter .icon {
  font-size: 20px;
}
.tf-btn-filter:hover {
  background-color: var(--line);
}

#filterDropdown {
  min-width: 93px;
}

.tf-shop-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.tf-shop-control .tf-control-sorting {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.tf-control-layout {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tf-control-layout .tf-view-layout-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  color: var(--primary);
  font-size: 20px;
  position: relative;
}
.tf-control-layout .tf-view-layout-switch:hover i, .tf-control-layout .tf-view-layout-switch.active i {
  opacity: 0;
  visibility: hidden;
}
.tf-control-layout .tf-view-layout-switch:hover i.ic-2, .tf-control-layout .tf-view-layout-switch.active i.ic-2 {
  opacity: 1;
  visibility: visible;
}
.tf-control-layout .tf-view-layout-switch i {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-control-layout .tf-view-layout-switch .ic-2 {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 575px) {
  .tf-view-layout-switch {
    font-size: 14px;
  }
}

.wrapper-shop {
  transition: all 0.3s ease-in-out;
  animation: fadeShop 0.5s ease-in-out;
  gap: 30px;
}
@media (max-width: 575px) {
  .wrapper-shop {
    column-gap: 12px;
    row-gap: 32px;
  }
}

.wrapper-control-shop {
  position: relative;
}
.wrapper-control-shop.loading-shop * {
  display: none !important;
}
.wrapper-control-shop.loading-shop::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border: 2px solid transparent;
  border-top: 2px solid var(--black);
  border-right: 2px solid var(--black);
  border-radius: 50%;
  animation: spin 0.5s linear infinite;
  transform: translate(-50%, -50%);
  z-index: 10000;
}
@media (min-width: 1200px) {
  .wrapper-control-shop .tf-grid-layout .wg-pagination {
    margin-top: 16px;
    gap: 40px 20px;
  }
}

@keyframes fadeShop {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.listLayout-wrapper #product-count-grid {
  display: none;
}
.listLayout-wrapper #product-count-list {
  display: block;
}

.gridLayout-wrapper #product-count-grid {
  display: block;
}
.gridLayout-wrapper #product-count-list {
  display: none;
}

.widget-facet {
  overflow: hidden;
}
.widget-facet .facet-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--primary);
}
.widget-facet .facet-title .icon {
  transform: rotate(0deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-facet .facet-title.collapsed {
  margin-bottom: 0px;
}
.widget-facet .facet-title.collapsed .icon {
  transform: rotate(180deg);
}

.filter-group-check.group-category a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--text);
}
.filter-group-check .rate-list li:last-child {
  margin-left: 8px;
}
.filter-group-check .list-item {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
.filter-group-check .list-item:not(:last-child) {
  margin-bottom: 12px;
}
.filter-group-check .label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter-group-check .tf-check {
  min-width: unset;
  aspect-ratio: 1;
}
.filter-group-check .tf-check:checked + label {
  color: var(--primary);
}

.filter-size-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.filter-size-box .size-item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  background-color: var(--white);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  border-radius: 50%;
  color: var(--text);
}
.filter-size-box .size-item.active, .filter-size-box .size-item:hover {
  background-color: var(--black);
  color: var(--white);
}
.filter-size-box .size-item.disabled {
  color: var(--black-4);
  pointer-events: none;
}
.filter-size-box .size-item.disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 53.568px;
  height: 1px;
  background-color: var(--black-4);
  transform: rotate(45deg);
  transform-origin: top left;
}
.filter-size-box .size-item.over-size {
  width: 120px;
  border-radius: 999px;
}
@media (min-width: 1200px) {
  .filter-size-box .size-item {
    width: 56px;
    height: 56px;
  }
}

.filter-color-box {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.filter-color-box .color-item {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
  border: 1px solid var(--line);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: var(--white);
  cursor: pointer;
  padding: 4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter-color-box .color-item .color {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.filter-color-box .color-item.active {
  border-color: var(--dark) !important;
}
.filter-color-box .color-text {
  display: none;
}
@media (min-width: 1200px) {
  .filter-color-box .color-item {
    width: 40px;
    height: 40px;
  }
}

.meta-filter-shop {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}
.meta-filter-shop #applied-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.meta-filter-shop .filter-tag,
.meta-filter-shop .remove-all-filters {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  gap: 8px;
  padding: 3px 15px;
  border-radius: 100px;
  color: var(--black);
  border: 1px solid var(--line);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.meta-filter-shop .filter-tag .icon,
.meta-filter-shop .remove-all-filters .icon {
  font-size: 8px;
  aspect-ratio: 1;
}
.meta-filter-shop .filter-tag:hover,
.meta-filter-shop .remove-all-filters:hover {
  border-color: var(--primary);
  color: var(--white);
  background-color: var(--primary);
}
@media (max-width: 575px) {
  .meta-filter-shop .filter-tag,
  .meta-filter-shop .remove-all-filters {
    gap: 6px;
    padding: 6px 12px;
  }
}
.meta-filter-shop.type-drop {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .meta-filter-shop {
    margin-bottom: 30px;
  }
}

.overlay-filter {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: url(../images/cursor-close.svg), auto;
}
.overlay-filter.show {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1200px) {
  .overlay-filter.type-drawer {
    display: none;
  }
}

.widget-price {
  display: grid;
  gap: 16px;
}
.widget-price .price-val-range {
  padding: 0px 8px;
  margin: 6px 0px;
}
.widget-price .price-box {
  gap: 20px;
}
.widget-price .price-val {
  font-weight: 600;
  color: var(--primary);
  position: relative;
}
.widget-price .price-val::before {
  content: attr(data-currency);
}
.widget-price .price-val_wrap {
  padding: 11px 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.widget-price .box-wrap {
  display: grid;
  gap: 4px;
}

.tf-list-layout {
  display: grid;
  gap: 24px;
}
@media (min-width: 1200px) {
  .tf-list-layout {
    gap: 40px;
  }
}

.tf-grid-layout.tf-col-5 .countdown__item {
  font-size: 20px;
  line-height: 27px;
}
.tf-grid-layout.tf-col-5 .variant-box {
  right: 15px;
  left: 15px;
}
.tf-grid-layout.tf-col-5 .product-size_list {
  padding: 12px 24px;
  gap: 6px;
}
.tf-grid-layout.tf-col-5 .product-size_list .size-item:not(:last-child) {
  min-width: 32px;
  padding-right: 6px;
}
.tf-grid-layout.tf-col-5 .card-product.style-2 .hover-tooltip .tooltip, .tf-grid-layout.tf-col-5 .card-product.style-4 .hover-tooltip .tooltip {
  display: none;
}
.tf-grid-layout.tf-col-6 .product-countdown {
  transform: unset;
  left: 7px;
  right: 7px;
  bottom: 7px;
  padding: 12px 16px;
}
.tf-grid-layout.tf-col-6 .countdown__item {
  font-size: 18px;
  line-height: 24px;
}
.tf-grid-layout.tf-col-6 .variant-box:not(.bot) {
  bottom: 7px;
  right: 7px;
  left: 7px;
}
.tf-grid-layout.tf-col-6 .product-action_list,
.tf-grid-layout.tf-col-6 .product-action_bot {
  display: none;
}
.tf-grid-layout.tf-col-6 .product-size_list {
  padding: 12px 16px;
  gap: 6px;
}
.tf-grid-layout.tf-col-6 .product-size_list .size-item {
  min-width: 22px;
}
.tf-grid-layout.tf-col-6 .product-size_list .size-item:not(:last-child) {
  min-width: 28px;
  padding-right: 6px;
}
.shop-sale-text {
  display: flex;
  align-items: center;
  gap: 12px;
}
.shop-sale-text label {
  cursor: pointer;
}

.tf-filter-dropdown,
.meta-dropdown-filter {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.tf-shop-change {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1200px) {
  .tf-shop-change {
    gap: 32px;
  }
}
@media (max-width: 991px) {
  .tf-shop-change {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 1199px) {
  .tf-group-filter {
    margin-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .filter-drawer-wrap {
    max-width: 100%;
    position: absolute;
    z-index: 90;
    padding: 32px;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
  }
  .filter-drawer-wrap .tf-group-filter {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .filter-drawer-wrap .collapse-body {
    padding-bottom: 0 !important;
  }
  .filter-drawer-wrap .widget-facet {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
  }
  .filter-drawer-wrap .widget-facet .collapse:not(.show) {
    display: block;
  }
  .filter-drawer-wrap .widget-facet .collapsing {
    height: auto;
    transition: unset;
  }
  .filter-drawer-wrap .facet-title {
    padding: 0px;
    margin-bottom: 24px !important;
  }
  .filter-drawer-wrap .facet-title .icon {
    display: none;
  }
  .filter-drawer-wrap .filter-color-box {
    padding-right: 0;
  }
  .filter-drawer-wrap .canvas-body {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    overflow-y: unset;
    gap: 32px;
  }
  .filter-drawer-wrap.show {
    margin-top: 10px;
    opacity: 1;
    visibility: visible;
  }
}

.sb-banner {
  position: relative;
}
.sb-banner .image {
  border-radius: 12px;
  overflow: hidden;
}
.sb-banner .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sb-banner .content {
  position: absolute;
  top: 26px;
  left: 20px;
  right: 20px;
  text-align: center;
}
.sb-banner .title {
  margin-bottom: 8px;
}
.sb-banner .sub-title {
  margin-bottom: 16px;
}
.sb-banner .btn-action {
  height: 38px;
  padding-left: 16px;
  padding-right: 16px;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.card-product {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.card-product::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 2px solid var(--line);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 12px;
  z-index: 21;
}
.card-product::before {
  content: "";
  position: absolute;
  inset: 0px;
  border-radius: 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 21;
  border: 1px solid var(--line);
}
.card-product:hover::after {
  border-color: var(--primary);
  opacity: 1;
  visibility: visible;
}
.card-product .product-img {
  overflow: hidden;
  border-radius: 12px;
}
.card-product .card-product_info {
  padding: 20px 15px;
  display: grid;
  gap: 16px;
}
.card-product .rate-product {
  display: flex;
  align-items: center;
}
.card-product .product_info_wrap {
  display: grid;
  gap: 8px;
}
.card-product .product-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.card-product.style-large {
  background-color: var(--surface);
  border-radius: 0;
  border: 0;
  justify-content: space-between;
}
.card-product.style-large::after, .card-product.style-large::before {
  display: none;
}
.card-product.style-large .card-product_wrapper {
  aspect-ratio: unset;
  display: flex;
  justify-content: center;
}
.card-product.style-large .product-img {
  max-width: 526px;
  margin: 0 auto;
}
.card-product.style-large .btn-add-to-card {
  background: var(--white);
}
@media (min-width: 992px) {
  .card-product.style-large .card-product_info {
    padding: 0px 40px 40px;
  }
  .card-product.style-large .card-product_info .btn-add-to-card {
    min-width: 260px;
  }
  .card-product.style-large .product-action_list .box-icon {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1200px) {
  .card-product.style-large .card-product_wrapper {
    padding-top: 40px;
  }
  .card-product.style-large .card-product_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .card-product.style-large .btn-add-to-card {
    height: 46px;
  }
  .card-product .card-product_info {
    padding: 20px;
  }
  .card-product:hover .product-action_list li {
    opacity: 1;
    visibility: visible;
  }
  .card-product:hover .product-action_list li:nth-child(1) {
    transform: translateX(0px);
  }
  .card-product:hover .product-action_list li:nth-child(2) {
    transform: translateX(0px);
    transition-delay: 0.1s;
  }
  .card-product:hover .product-action_list li:nth-child(3) {
    transform: translateX(0px);
    transition-delay: 0.2s;
  }
  .card-product:hover .product-action_list li:nth-child(4) {
    transform: translateX(0px);
    transition-delay: 0.3s;
  }
}
@media (max-width: 575px) {
  .card-product .name-product {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}

.price-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.price-wrap .price-old {
  color: var(--text-2);
  text-decoration: line-through;
}

.rate-list {
  display: flex;
  align-items: center;
  color: var(--line);
}
.rate-list li {
  display: flex;
}
.rate-list .icon {
  font-size: 12px;
  aspect-ratio: 1;
}
.rate-list.type-2 li {
  padding: 2px;
}
.rate-list.rate-click li {
  color: var(--line);
}
.rate-list.rate-click li.hover, .rate-list.rate-click li.active {
  color: var(--primary);
}

.card-product_wrapper {
  aspect-ratio: 1;
  z-index: 20;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.card-product_wrapper .product-img {
  overflow: hidden;
  position: relative;
}
.card-product_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: opacity 0.5s ease, transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.card-product_wrapper:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.product-action_list {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  top: 8px;
  right: 8px;
  z-index: 6;
}
.product-action_list .box-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--white);
  border: 1px solid var(--line);
  color: var(--primary);
}
.product-action_list .box-icon:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.product-action_list .icon {
  font-size: 18px;
}
@media (min-width: 1200px) {
  .product-action_list {
    top: 12px;
    right: 12px;
  }
  .product-action_list .box-icon {
    width: 40px;
    height: 40px;
  }
  .product-action_list .icon {
    font-size: 24px;
  }
  .product-action_list li {
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

.btn-add-to-card {
  height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--primary);
  border-radius: 1000px;
  color: var(--primary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.btn-add-to-card .text {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-add-to-card .text.text-1 {
  opacity: 1;
  visibility: visible;
}
.btn-add-to-card .text.text-2 {
  position: absolute;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
}
.btn-add-to-card .list-option {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-add-to-card .list-option .item-option {
  font-weight: 500;
  border-radius: 99px;
  min-width: 58px;
  padding: 4px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
}
.btn-add-to-card .list-option .item-option:hover {
  color: var(--white);
  background-color: var(--primary);
}
.btn-add-to-card.active {
  background-color: var(--white);
  color: var(--white);
}
.btn-add-to-card.active .list-option {
  opacity: 1;
  visibility: visible;
}
.btn-add-to-card:hover .text.text-1 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
}
.btn-add-to-card:hover .text.text-2 {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}
.btn-add-to-card.not-size .text.text-1 {
  opacity: 1;
  visibility: visible;
  transform: unset;
}
.btn-add-to-card.not-size .text.text-2 {
  display: none;
}
.btn-add-to-card.not-size:hover {
  background-color: var(--primary);
}
.btn-add-to-card.not-size:hover .text {
  color: var(--white);
}
@media (max-width: 1199px) {
  .btn-add-to-card:not(.not-size) {
    background-color: var(--white);
    color: var(--white);
    pointer-events: none;
  }
  .btn-add-to-card .list-option {
    opacity: 1;
    visibility: visible;
    inset: 7px 8px 7px 8px;
    justify-content: space-around;
    gap: 4px;
  }
  .btn-add-to-card .list-option li {
    pointer-events: all;
  }
  .btn-add-to-card .list-option .item-option {
    min-width: unset;
    padding: 4px 8px;
  }
}
@media (max-width: 575px) {
  .btn-add-to-card .list-option li {
    display: none;
  }
  .btn-add-to-card .list-option li:last-child {
    display: block;
  }
  .btn-add-to-card .list-option li:nth-last-child(2) {
    display: block;
  }
}

.list-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.badge-sale {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  background-color: var(--secondary);
  color: var(--primary);
}

@media (min-width: 576px) {
  .product-list {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 20px 15px;
  }
  .product-list .card-product_wrapper {
    max-width: 260px;
  }
  .product-list .btn-add-to-card {
    max-width: 260px;
  }
  .product-list .product_info_wrap {
    gap: 12px;
  }
  .product-list .card-product_info {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .product-list {
    gap: 40px;
    padding: 20px;
  }
}

/* Product Single */
.product-thumbs-slider {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.product-thumbs-slider .tf-product-media-thumbs .item {
  border-radius: 4px;
  border: 1px solid var(--line);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-thumbs-slider .tf-product-media-thumbs .swiper-slide.swiper-slide-thumb-active .item {
  border-color: var(--primary);
}
.product-thumbs-slider .tf-product-media-main {
  border-radius: 16px;
  border: 1px solid var(--line);
  overflow: hidden;
}
.product-thumbs-slider .tf-product-media-main .item {
  display: flex;
  justify-content: center;
}
@media (min-width: 1200px) {
  .product-thumbs-slider.style-row {
    flex-direction: row;
  }
  .product-thumbs-slider.style-row .flat-wrap-media-product {
    width: calc(100% - 100px);
    aspect-ratio: 1;
  }
  .product-thumbs-slider.style-row .tf-product-media-thumbs {
    width: 80px;
  }
  .product-thumbs-slider.style-row .tf-product-media-thumbs .swiper-slide {
    max-height: 80px;
  }
  .product-thumbs-slider.style-row.row_left .flat-wrap-media-product {
    order: 1;
  }
}

@media (min-width: 1200px) {
  .tf-product-media-wrap {
    padding-right: 15px;
  }
}

.tf-product-media-thumbs {
  flex-shrink: 0;
  margin: 0;
  width: 100%;
}
.tf-product-media-thumbs .swiper-slide {
  aspect-ratio: 1;
  max-width: 80px;
}
.tf-product-media-thumbs .swiper-slide .item {
  width: 100%;
}
.tf-product-media-thumbs .swiper-slide .item img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tf-product-info-wrap {
  display: grid;
  gap: 20px;
}
.tf-product-info-wrap .tf-product-info-heading {
  padding-bottom: 19px;
  border-bottom: 1px solid var(--line);
}
.tf-product-info-wrap .tf-product-info-heading .product-info-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-info-heading .infor_rate,
.tf-product-info-wrap .tf-product-info-heading .infor_sold {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tf-product-info-wrap .tf-product-info-heading .product-infor-price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tf-product-info-wrap .tf-product-info-heading .badge-sale {
  margin-left: 8px;
  border-radius: 144px;
}
.tf-product-info-wrap .tf-product-info-heading .product-infor-name {
  margin-bottom: 20px;
}
.tf-product-info-wrap .tf-product-info-heading .product-infor-price {
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-variant {
  display: grid;
  gap: 28px;
}
.tf-product-info-wrap .tf-product-variant .variant-picker-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-variant .variant-picker-values {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tf-product-info-wrap .tf-product-variant .unit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  height: 50px;
  border: 1px solid var(--line);
  padding-left: 20px;
  padding-right: 20px;
  color: var(--text-2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 12px;
  cursor: pointer;
}
.tf-product-info-wrap .tf-product-variant .unit-btn:hover {
  color: var(--primary);
}
.tf-product-info-wrap .tf-product-variant .unit-btn.active {
  background-color: var(--primary);
  color: var(--white);
}
.tf-product-info-wrap .tf-product-variant .variant-picker-label-value {
  font-weight: normal;
  font-size: 16px;
}
.tf-product-info-wrap .tf-product-total-btn {
  display: grid;
  gap: 10px;
}
.tf-product-info-wrap .tf-product-total-btn .group-btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tf-product-info-wrap .tf-product-total-btn .btn-add-wishlist,
.tf-product-info-wrap .tf-product-total-btn .btn-action_compare {
  flex-shrink: 0;
}
.tf-product-info-wrap .tf-product-more-info {
  display: grid;
  gap: 12px;
  padding-bottom: 19px;
  border-bottom: 1px solid var(--line);
}
.tf-product-info-wrap .tf-product-more-info .has-icon {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tf-product-info-wrap .tf-product-more-info .has-icon .icon {
  font-size: 20px;
  color: var(--primary);
}
.tf-product-info-wrap .tf-product-more-info .tf-extra-link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.tf-product-info-wrap .tf-product-additional {
  display: grid;
  gap: 4px;
  padding-bottom: 19px;
  border-bottom: 1px solid var(--line);
}
.tf-product-info-wrap .tf-product-additional li {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tf-product-info-wrap .tf-product-how-payment {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  flex-wrap: wrap;
}
.tf-product-info-wrap .tf-product-how-payment .payment-method-list {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.tf-product-info-wrap .tf-product-offer-end {
  display: grid;
  gap: 16px;
  padding-bottom: 19px;
  border-bottom: 1px solid var(--line);
}
.tf-product-info-wrap .tf-product-offer-end .hurry-up-offer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.tf-product-info-wrap .tf-product-offer-end .sold-progress {
  display: flex;
  justify-content: space-between;
}
.tf-product-info-wrap .tf-product-offer-end .sold-it-progress {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.tf-product-info-wrap .tf-product-offer-end .sold-it {
  padding-top: 5px;
  display: grid;
  gap: 8px;
  max-width: 380px;
  width: 100%;
}
@media (min-width: 1200px) {
  .tf-product-info-wrap {
    padding-left: 15px;
  }
  .tf-product-info-wrap .tf-product-total-btn .btn-add-wishlist,
  .tf-product-info-wrap .tf-product-total-btn .btn-action_compare {
    width: 50px;
    height: 50px;
  }
}

.sold-it .progress {
  height: 8px;
  background-color: var(--line);
  border-radius: 100px;
}
.sold-it .progress-bar {
  background-color: var(--secondary);
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.3) 10px, transparent 10px, transparent 20px);
  animation: move-stripes 50s linear infinite;
}

.flat-single-grid {
  display: grid;
  gap: 20px;
}
.flat-single-grid .item {
  border-radius: 16px;
  border: 1px solid var(--line);
  overflow: hidden;
}
.flat-single-grid .item img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}

.tf-product-check-bundle .bundle-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.tf-product-check-bundle .total-bundle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.tf-product-check-bundle .total-bundle .badge-sale {
  border-radius: 144px;
}
.tf-product-check-bundle .total-bundle .price-wrap {
  gap: 8px;
}

.bundle-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.bundle-item .wg-quantity {
  min-width: 140px;
}
.bundle-item .prd-image {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--line);
  max-width: 100px;
}
.bundle-item .prd-info {
  flex: 1;
}
.bundle-item .prd-info .name {
  margin-bottom: 8px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
@media (max-width: 575px) {
  .bundle-item .wg-quantity {
    min-width: 110px;
  }
}

@media (max-width: 991px) {
  .section-product-single .tf-product-info-wrap {
    margin-top: 40px;
  }
}

.write-cancel-review-wrap .write-review-wrap,
.write-cancel-review-wrap .btn-cancel-review {
  display: none;
}
.write-cancel-review-wrap.write-review .cancel-review-wrap,
.write-cancel-review-wrap.write-review .btn-write-review {
  display: none;
}
.write-cancel-review-wrap.write-review .write-review-wrap,
.write-cancel-review-wrap.write-review .btn-cancel-review {
  display: block;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.drift-bounding-box.drift-open {
  background: rgba(255, 255, 255, 0.2509803922);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
  z-index: 5000;
}

.drift-zoom-pane {
  z-index: 5000;
}

@media (min-width: 1200px) {
  .section-image-zoom .other-image-zoom {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section-image-zoom.zoom-active .other-image-zoom {
    opacity: 0.3;
  }
}

.pswp__bg {
  background: var(--white);
}

.pswp__icn {
  fill: rgb(34, 34, 34);
  color: var(--white);
}
.pswp__icn .pswp__icn-shadow {
  stroke: var(--white);
  stroke-width: 1px;
  fill: none;
}

.pswp__counter {
  color: #222;
  text-shadow: 1px 1px 3px #ffffff;
}

.tf-model-viewer {
  width: 100%;
  height: 100%;
  position: relative;
}
.tf-model-viewer model-viewer {
  display: block;
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.tf-model-viewer model-viewer.disabled {
  pointer-events: none;
}
.tf-model-viewer.active model-viewer {
  pointer-events: all;
}
.tf-model-viewer.active .wrap-btn-viewer {
  display: none;
}

.tf-zoom-main1,
.tf-zoom-main {
  position: sticky;
  top: 30px;
  z-index: 100;
}
.tf-zoom-main1 .drift-zoom-pane,
.tf-zoom-main .drift-zoom-pane {
  top: 0;
  left: 0;
  height: 520px;
  max-width: 520px;
  width: 100%;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  box-shadow: 0 1px 5px rgba(127, 127, 127, 0.0196078431), 0 5px 18px rgba(127, 127, 127, 0.2);
  z-index: 3;
}
.tf-zoom-main1 .drift-zoom-pane img,
.tf-zoom-main .drift-zoom-pane img {
  object-fit: cover;
}

.drift-bounding-box.drift-open {
  background: rgba(255, 255, 255, 0.2509803922);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
  z-index: 5000;
}

.drift-zoom-pane {
  z-index: 5000;
}

.pswp__bg {
  background: var(--white);
}

.pswp__icn {
  fill: rgb(34, 34, 34);
  color: var(--white);
}
.pswp__icn .pswp__icn-shadow {
  stroke: var(--white);
  stroke-width: 1px;
  fill: none;
}

.pswp__counter {
  color: #222;
  text-shadow: 1px 1px 3px #ffffff;
}

.tf-model-viewer {
  width: 100%;
  height: 100%;
  position: relative;
}
.tf-model-viewer model-viewer {
  display: block;
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.tf-model-viewer model-viewer.disabled {
  pointer-events: none;
}
.tf-model-viewer.active model-viewer {
  pointer-events: all;
}
.tf-model-viewer.active .wrap-btn-viewer {
  display: none;
}

.icv__label {
  border-radius: 999px;
  padding: 8px 32px;
  background-color: var(--black);
}

.icv__label {
  border-radius: 100px;
  padding: 6px 20px;
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 600;
  background-color: var(--main);
  color: var(--white);
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .icv__control-line {
    width: 4px !important;
    background: #FAFAFA !important;
  }
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.ic-accordion-custom {
  position: relative;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.35s linear;
}
.ic-accordion-custom::after, .ic-accordion-custom::before {
  content: "";
  position: absolute;
  background-color: var(--primary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 2px;
}
.ic-accordion-custom::before {
  height: 100%;
  width: 2px;
}
.ic-accordion-custom::after {
  height: 2px;
  width: 100%;
}

.accordion-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 32px;
  padding-bottom: 0;
  margin-bottom: 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.accordion-action .icon::before {
  transform: rotate(90deg);
}
.accordion-action .icon::after {
  transform: rotate(180deg);
}
.accordion-action .ic-ar {
  display: block;
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.accordion-action.collapsed {
  margin-bottom: 0px;
  padding-bottom: 32px;
}
.accordion-action.collapsed .ic-ar {
  transform: rotate(0deg);
}
.accordion-action.collapsed .icon::before {
  transform: rotate(0deg);
}
.accordion-action.collapsed .icon::after {
  transform: rotate(0deg);
}
@media (max-width: 991px) {
  .accordion-action {
    padding-top: 20px;
  }
  .accordion-action.collapsed {
    padding-bottom: 20px;
  }
}

.product-accordion-item {
  border-bottom: 1px solid var(--line);
}
.product-accordion-item .desc-list {
  display: grid;
  gap: 24px;
  max-width: 548px;
  width: 100%;
}
.product-accordion-item .desc-list .desc_title {
  color: var(--primary);
  margin-bottom: 8px;
}
.product-accordion-item:first-child {
  border-top: 1px solid var(--line);
}

.accordion-faq {
  border-bottom: 1px solid var(--line);
}
.accordion-faq .accordion-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 19px;
  color: var(--primary);
}
.accordion-faq .accordion-action:not(.collapsed) {
  margin-bottom: 0;
  padding-bottom: 8px;
}
.accordion-faq .accordion-body {
  padding-bottom: 19px;
  display: grid;
  gap: 12px;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.tf-cart-sold {
  margin-bottom: 36px;
}
.tf-cart-sold .notification-sold {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: var(--surface);
  border-radius: 4px;
}
.tf-cart-sold .time-count {
  display: inline-block;
  font-weight: 600;
  color: var(--secondary);
}
@media (min-width: 1200px) {
  .tf-cart-sold {
    margin-bottom: 44px;
  }
}

.notification-progress .text {
  margin-bottom: 16px;
}
.notification-progress .progress-cart {
  width: 100%;
  background-color: var(--line);
  height: 8px;
  position: relative;
  border-radius: 100px;
}
.notification-progress .value {
  position: relative;
  height: 100%;
  background-color: var(--primary);
  transition: width 2s ease;
  border-radius: 100px 0px 0px 100px;
}
.notification-progress .round {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-color: var(--white);
  border: 2px solid var(--primary);
  border-radius: 50%;
}
.notification-progress .round::after {
  content: "\e937";
  position: absolute;
  font-family: "icomoon";
  font-size: 20px;
  color: var(--primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tf-table-page-cart {
  overflow: auto;
  margin-bottom: 28px;
}
.tf-table-page-cart td {
  padding-top: 28px;
  padding-bottom: 27px;
  border-bottom: 1px solid var(--line);
}
.tf-table-page-cart th {
  font-weight: 600;
  color: var(--primary);
  border-bottom: 1px solid var(--line);
}
.tf-table-page-cart .wg-quantity {
  min-width: 140px;
}
@media (min-width: 576px) {
  .tf-table-page-cart td:nth-child(1),
  .tf-table-page-cart th:nth-child(1) {
    min-width: 357.5px;
  }
  .tf-table-page-cart td:nth-child(2),
  .tf-table-page-cart th:nth-child(2) {
    min-width: 145px;
  }
  .tf-table-page-cart td:nth-child(3),
  .tf-table-page-cart th:nth-child(3) {
    min-width: 175px;
  }
  .tf-table-page-cart td:nth-child(4),
  .tf-table-page-cart th:nth-child(4) {
    min-width: 135px;
  }
  .tf-table-page-cart td:nth-child(5),
  .tf-table-page-cart th:nth-child(5) {
    min-width: 37.5p;
  }
}
@media (max-width: 767px) {
  .tf-table-page-cart thead {
    display: none;
  }
}

.tf-cart_item .img-prd {
  border-radius: 8px;
  border: 1px solid var(--line);
  overflow: hidden;
  flex-shrink: 0;
  max-width: 100px;
}
.tf-cart_item .cart_product {
  display: flex;
  align-items: center;
  gap: 24px;
}
.tf-cart_item .cart_remove .icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: var(--secondary);
  border: 1px solid var(--secondary);
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-cart_item .cart_remove .icon:hover {
  background-color: var(--secondary);
  color: var(--white);
}
.tf-cart_item .cart_total {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 767px) {
  .tf-cart_item {
    margin-bottom: 15px;
    padding-inline-start: 94px;
    min-height: 140px;
    display: block;
    font-weight: 500;
    position: relative;
  }
  .tf-cart_item .wg-quantity {
    min-width: 110px;
    padding: 6px 10px;
  }
  .tf-cart_item .img-prd {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    width: 80px;
    flex-shrink: 0;
    border: 1px solid var(--line);
  }
  .tf-cart_item .img-prd img {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tf-cart_item td {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 0;
    margin: 0;
  }
  .tf-cart_item td:not(:last-child) {
    border-bottom: 1px solid var(--line);
  }
  .tf-cart_item td[data-cart-title]:before {
    content: attr(data-cart-title);
    color: var(--primary);
    text-align: start;
    flex: 1 1 auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
}

.fl-sidebar-cart {
  margin-top: 30px;
}
.fl-sidebar-cart .title {
  margin-bottom: 30px;
}

.box-order-summary {
  padding: 23px;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.box-order-summary .subtotal,
.box-order-summary .discount,
.box-order-summary .ship {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.box-order-summary .ship {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}
.box-order-summary .ship .box-check-payment {
  max-width: 200px;
  width: 100%;
}
.box-order-summary .ship-item:not(:last-child) {
  margin-bottom: 4px;
}
.box-order-summary .ship-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.box-order-summary .ship-item label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  color: var(--text);
  cursor: pointer;
}
.box-order-summary .ship-item input:checked ~ label {
  color: var(--primary);
}
.box-order-summary .box-progress-checkout {
  display: grid;
  gap: 12px;
}
.box-order-summary .check-agree {
  display: flex;
  gap: 8px;
  align-items: center;
}
.box-order-summary .check-agree label a {
  font-weight: 600;
  text-decoration: underline;
  text-transform: capitalize;
}
.box-order-summary .total-order {
  margin-bottom: 20px;
}
.box-order-summary .action-checkout {
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .box-order-summary {
    max-width: 380px;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .box-order-summary .subtotal,
  .box-order-summary .discount,
  .box-order-summary .ship {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

.wrap-quick-login .title {
  padding: 11px 16px;
  border-radius: 4px;
  background-color: var(--surface);
  margin-bottom: 20px;
}

.payment_accordion {
  border: 1px solid var(--line);
  padding: 19px 19px;
  border-radius: 8px;
}
.payment_accordion .text-payment {
  padding-top: 8px;
}
.payment_accordion:not(:last-child) {
  margin-bottom: 20px;
}

.payment_check .pay-title {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--black);
  cursor: pointer;
}
.payment_check .tf-check-rounded:checked ~ .pay-title {
  color: var(--primary);
}
.payment_check .tf-check-rounded:checked ~ .icon {
  color: var(--primary);
}

.ip-card {
  position: relative;
}
.ip-card .card-logo {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 12px;
}
@media (min-width: 576px) {
  .ip-card input {
    padding-right: 196px !important;
  }
}

.box-ip-payment .checkbox-wrap {
  gap: 8px;
}

.list-order-product .order-item {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 19px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 20px;
}
.list-order-product .order-item .infor-prd {
  flex: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.list-order-product .img-prd {
  border-radius: 8px;
  border: 1px solid var(--line);
  overflow: hidden;
  max-width: 100px;
}
.list-order-product .img-prd img {
  aspect-ratio: 1;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .list-order-product .order-item {
    gap: 12px;
  }
}

.quantity-price {
  display: flex;
  align-items: center;
  gap: 4px;
}

.box-your-order .list-order-product {
  margin-bottom: 32px;
}
.box-your-order .ip-discount-code {
  margin-bottom: 32px;
}
.box-your-order .last-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-total {
  margin-bottom: 20px;
  padding: 19px 0px;
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
}
.list-total .total-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-total .total-item:not(:last-child) {
  margin-bottom: 18px;
}

.tf-checkout-cart-main {
  display: grid;
  gap: 40px;
}
.tf-checkout-cart-main .tf-grid-layout {
  gap: 16px;
}
.tf-checkout-cart-main .title {
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .tf-checkout-cart-main {
    gap: 24px;
  }
}

.mini-product-cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.mini-product-cart .prd_image {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--line);
  max-width: 100px;
  width: 100%;
}
.mini-product-cart .prd_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mini-product-cart .prd-wrap {
  gap: 24px;
  display: flex;
  align-items: center;
}
.mini-product-cart .prd-action {
  display: grid;
  place-items: end;
  gap: 4px;
}
@media (min-width: 576px) {
  .mini-product-cart .prd-action {
    max-width: 100px;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .mini-product-cart {
    gap: 12px;
  }
  .mini-product-cart .prd-wrap {
    gap: 12px;
  }
}

.list-mini-product .mini-product-cart {
  padding-bottom: 19px;
  border-bottom: 1px solid var(--line);
}
.list-mini-product .mini-product-cart:not(:last-child) {
  margin-bottom: 20px;
}

/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.tf-pin-btn {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.tf-pin-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: transparent;
  border: 8px solid var(--white);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-pin-btn span::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px var(--white);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-pin-btn span::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px var(--white);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-pin-btn span::before, .tf-pin-btn span::after {
  animation: ripple-line 2s linear infinite;
}

.banner-image-lookbook {
  position: relative;
  display: flex;
}
.banner-image-lookbook .lookbook-image {
  overflow: hidden;
  width: 100%;
}
.banner-image-lookbook .lookbook-image img {
  min-height: 350px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-image-lookbook .lookbook-item {
  position: absolute;
}
.banner-image-lookbook .lookbook-item.position1 {
  top: 26.5%;
  left: 27.3%;
}
.banner-image-lookbook .lookbook-item.position2 {
  top: 82%;
  left: 64%;
}
.banner-image-lookbook .lookbook-item.position3 {
  top: 50%;
  left: 50%;
}
.banner-image-lookbook .lookbook-item:hover .loobook-product-wrap {
  bottom: 42px;
  opacity: 1;
  visibility: visible;
}

.loobook-product-wrap {
  position: absolute;
  bottom: 50px;
  min-width: max-content;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.loobook-product-wrap .loobook-product {
  background-color: var(--white);
  padding: 12px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.loobook-product-wrap .loobook-product .img-style {
  width: 108px;
}
.loobook-product-wrap .loobook-product .img-style img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.loobook-product-wrap .loobook-product .info {
  display: grid;
  gap: 4px;
}
@media (max-width: 575px) {
  .loobook-product-wrap {
    position: fixed;
    inset: 0 !important;
    transform: unset;
    z-index: 1000;
    pointer-events: none;
    display: flex;
    align-items: end;
    background: rgba(0, 0, 0, 0.5);
  }
  .loobook-product-wrap .loobook-product {
    pointer-events: all;
    width: 100%;
  }
}

/*------------ Footer ---------------- */
/* ---------------------------------------------------------
    * Name: Orvana - Organic & Food Store HTML Template
    * Version: 1.0.0
    * Author: Themesflat
    * Author URI: http://themesflat.com 

	* Abstracts variable

    * Core CSS

    * Components

 ------------------------------------------------------------------------------ */
/*--------- Abstracts variable ---------- */
.tf-footer {
  background-color: var(--primary);
}
.tf-footer .footer-inner-wrap {
  padding-top: 80px;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .tf-footer .footer-inner-wrap {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .tf-footer .footer-inner-wrap {
    padding-bottom: 30px;
  }
}

.footer-inner {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 30px;
}
.footer-inner .form-subcribe {
  max-width: 410px;
}
.footer-inner .inner-center {
  display: flex;
  gap: 40px;
}
.footer-inner .logo-site {
  margin-bottom: 40px;
}
.footer-inner .title {
  margin-bottom: 8px;
}
.footer-inner .sub-title {
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .footer-inner {
    justify-content: space-between;
  }
  .footer-inner .inner-left {
    max-width: 410px;
  }
  .footer-inner .inner-center {
    max-width: 335px;
  }
  .footer-inner .inner-right {
    max-width: 272px;
  }
}
@media (min-width: 1440px) {
  .footer-inner .inner-center,
  .footer-inner .inner-right,
  .footer-inner .inner-left {
    width: 100%;
  }
  .footer-inner .inner-center {
    gap: 80px;
  }
}
@media (min-width: 576px) and (max-width: 1024px) {
  .footer-inner {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "aa cc" "bb bb";
  }
  .footer-inner .inner-left {
    grid-area: aa;
  }
  .footer-inner .inner-center {
    grid-area: bb;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .footer-inner .inner-right {
    grid-area: cc;
  }
  .footer-inner .inner-left {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .footer-inner {
    display: grid;
    gap: 0;
  }
  .footer-inner .inner-center {
    display: grid;
    gap: 0;
  }
  .footer-inner .inner-left {
    margin-bottom: 30px;
  }
}

.footer-menu-list {
  display: grid;
  gap: 12px;
}
.footer-menu-list a {
  color: var(--white);
}

.footer-heading {
  color: var(--secondary);
  margin-bottom: 16px;
}

.footer-info {
  display: grid;
}
.footer-info a {
  color: var(--white);
}
.footer-info .infor-address,
.footer-info .infor-email {
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
}
.footer-info .infor-address {
  margin-bottom: 8px;
}
.footer-info .infor-phone {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 12px;
}
.footer-info .infor-email {
  margin-bottom: 40px;
}
.footer-info .social-list {
  font-size: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.footer-info .social-list li,
.footer-info .social-list a {
  display: flex;
}
.footer-info .social-list .icon {
  aspect-ratio: 1;
}

.footer-bottom .text-copy {
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
}

@media (max-width: 575px) {
  .footer-heading-mobile {
    display: block;
    position: relative;
    padding-right: 20px;
    line-height: 24px;
  }
  .footer-heading-mobile::after {
    position: absolute;
    content: "";
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 2px;
    background-color: var(--secondary);
    transition: 0.25s ease-in-out;
  }
  .footer-heading-mobile::before {
    position: absolute;
    content: "";
    right: 5px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 14px;
    background-color: var(--secondary);
    transition: 0.25s ease-in-out;
  }
  .footer-heading-mobile.text-white::after, .footer-heading-mobile.text-white::before {
    background-color: var(--white);
  }
  .inner-right .footer-col-block .tf-collapse-content {
    margin-top: 20px;
  }
  .inner-right .footer-col-block .footer-heading {
    margin-bottom: 0px;
  }
  .inner-center .footer-col-block .tf-collapse-content {
    margin-bottom: 20px;
  }
  .footer-col-block.open .footer-heading-mobile::before {
    opacity: 0;
  }
  .footer-col-block.open .footer-heading-mobile::after {
    transform: translate(0%, -50%) rotate(180deg);
  }
  .footer-col-block .tf-collapse-content {
    display: none;
  }
}

/*# sourceMappingURL=styles.css.map */


/* Store Custom */
/* Zeytinyağı E-Ticaret v1.4.0 - Orvana uyarlama ve dinamik mağaza katmanı */
:root {
    --primary: #3f612d;
    --primary-dark: #28421d;
    --primary-light: #72945b;
    --accent: #c4a24a;
    --cream: #f8f4e8;
    --ink: #20271c;
    --muted-olive: #66725f;
    --line-olive: #dfe6db;
}

body { color: var(--ink); }
.bg-primary,
.tf-topbar.bg-primary { background-color: var(--primary-dark) !important; }
.logo-site img { height: var(--store-logo-desktop-height, 48px); max-height: none; max-width: var(--store-logo-desktop-max-width, 220px); width: auto; object-fit: contain; }
.btn-primary,
.tf-btn.btn-primary,
.tf-btn.animate-btn { background: var(--primary) !important; border-color: var(--primary) !important; }
.btn-primary:hover,
.tf-btn.btn-primary:hover,
.tf-btn.animate-btn:hover { background: var(--primary-dark) !important; border-color: var(--primary-dark) !important; }
a:hover,
.link:hover { color: var(--primary) !important; }
.section-products,
.flat-spacing { background-color: #fff; }
.product-card,
.card-product { border-radius: 12px; overflow: hidden; }
.product-card:hover,
.card-product:hover { box-shadow: 0 18px 44px rgba(40, 66, 29, .12); }
.footer,
.tf-footer { background-color: var(--primary-dark); }

.store-header .header-top { padding-block: var(--store-header-vertical-padding, 10px); background: var(--primary); }
.store-header .logo-site { display: inline-flex; align-items: center; flex: 0 0 auto; }
.store-brand-logo-mobile { height: var(--store-logo-mobile-height, 42px); max-width: var(--store-logo-mobile-max-width, 180px); width: auto; object-fit: contain; }
.store-header .header-bottom { border-bottom: 1px solid var(--line-olive); background: #fff; }
.store-header .store-navigation .item-link { padding-block: 18px; }
.store-header .form_search-product { background: #fff; border-color: rgba(255, 255, 255, .35); }
.store-topbar { border-bottom: 1px solid rgba(255, 255, 255, .1); }

.store-page-hero {
    padding: 64px 0 58px;
    background:
        radial-gradient(circle at 84% 30%, rgba(196, 162, 74, .22), transparent 28%),
        linear-gradient(135deg, #eef3e9, var(--cream));
}

.store-product-hero { padding: 22px 0; }
.store-page-hero h1 { margin: 12px 0 10px; color: var(--primary-dark); font-size: clamp(36px, 5vw, 62px); }
.store-page-hero p { max-width: 720px; margin: 0; color: var(--muted-olive); font-size: 17px; line-height: 1.7; }
.store-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; color: #71806b; font-size: 14px; }
.store-breadcrumb a { color: var(--primary); }

.store-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 34px;
}

.store-section-heading .sect-head { margin: 0; }
.store-eyebrow { margin: 0 0 7px; color: var(--accent); font-weight: 700; font-size: 12px; letter-spacing: .14em; }
.store-all-link { display: inline-flex; align-items: center; gap: 8px; color: var(--primary-dark); font-weight: 600; }
.store-all-link span { font-size: 20px; }

.store-home-products { background: #fbfcfa; }
.store-product-card { height: 100%; border: 1px solid var(--line-olive); background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.store-product-card:hover { transform: translateY(-4px); }
.store-product-card .card-product_wrapper { background: #f7f9f5; aspect-ratio: 1 / 1; }
.store-product-card .product-img,
.store-product-card .product-img img { width: 100%; height: 100%; }
.store-product-card .product-img img { object-fit: cover; }
.store-product-card .card-product_info { padding: 18px; }
.store-product-card .product_info_wrap { min-height: 122px; }
.store-product-card .product-cate { margin-bottom: 5px; color: var(--accent); text-transform: uppercase; letter-spacing: .05em; }
.store-product-card .name-product { display: block; min-height: 56px; }
.store-price-wrap { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.store-price-wrap .price-new { font-size: 18px; }
.store-price-wrap .price-old { color: #9aa294; font-size: 13px; text-decoration: line-through; }
.store-view-button { display: flex !important; align-items: center; justify-content: center; min-height: 44px; color: #fff !important; background: var(--primary); border-radius: 7px; }
.store-view-button:hover { color: #fff !important; background: var(--primary-dark); }
.store-stock-badge { position: absolute; right: 12px; top: 12px; z-index: 2; padding: 6px 9px; color: #6b5118; background: #f5e6b2; border-radius: 5px; font-size: 11px; font-weight: 700; }
.store-stock-badge.is-empty { color: #fff; background: #78372f; }

.store-empty-message {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 30px;
    border: 1px dashed #cbd6c5;
    border-radius: 10px;
    background: #f9fbf8;
    color: var(--muted-olive);
    text-align: left;
}
.store-empty-message strong,
.store-empty-message span { display: block; }
.store-empty-message strong { color: var(--primary-dark); margin-bottom: 4px; }
.store-empty-large { min-height: 260px; flex-direction: column; text-align: center; }

.store-filter-card,
.store-detail-card {
    padding: 24px;
    border: 1px solid var(--line-olive);
    border-radius: 10px;
    background: #fff;
}
.store-filter-card + .store-filter-card { margin-top: 20px; }
.store-filter-card h5 { margin-bottom: 18px; color: var(--primary-dark); }
.store-category-list { margin: 0; padding: 0; list-style: none; }
.store-category-list li + li { border-top: 1px solid #edf1ea; }
.store-category-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; color: #4c5847; }
.store-category-list a.active { color: var(--primary); font-weight: 700; }
.store-category-list a span { min-width: 28px; padding: 2px 7px; border-radius: 999px; background: #edf3e9; color: var(--primary); font-size: 12px; text-align: center; }
.store-quality-card { background: var(--primary-dark); color: rgba(255, 255, 255, .72); }
.store-quality-card h6 { color: #fff; }
.store-quality-card p { margin: 0; line-height: 1.65; }
.store-quality-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 14px; border-radius: 50%; color: var(--primary-dark); background: var(--accent); font-weight: 800; }

.store-catalog-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line-olive); }
.store-catalog-toolbar span { margin-left: 6px; color: #7b8576; }
.store-sort-form { display: flex; align-items: center; gap: 10px; }
.store-sort-form label { font-size: 13px; color: #6d7868; }
.store-sort-form select { min-width: 210px; padding: 10px 36px 10px 12px; border: 1px solid var(--line-olive); border-radius: 7px; background: #fff; }
.store-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.store-product-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.store-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 34px; }
.store-pagination a { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--line-olive); border-radius: 7px; color: var(--primary-dark); }
.store-pagination a.active,
.store-pagination a:hover { color: #fff !important; background: var(--primary); border-color: var(--primary); }

.store-product-detail { padding-top: 44px; }
.store-product-image-wrap { position: relative; overflow: hidden; border: 1px solid var(--line-olive); border-radius: 12px; background: #f6f8f4; }
.store-product-image-wrap img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }
.store-detail-discount { position: absolute; z-index: 2; left: 18px; top: 18px; padding: 9px 12px; border-radius: 6px; color: #fff; background: var(--accent); font-weight: 700; }
.store-product-category { margin-bottom: 10px; color: var(--accent); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.store-product-title { margin-bottom: 18px; color: var(--primary-dark); font-size: clamp(34px, 4vw, 54px); line-height: 1.1; }
.store-detail-price { display: flex; align-items: baseline; gap: 12px; margin-bottom: 22px; }
.store-detail-price span { color: var(--primary); font-size: 29px; font-weight: 700; }
.store-detail-price del { color: #9aa294; font-size: 17px; }
.store-product-summary { color: #596354; font-size: 16px; line-height: 1.8; }
.store-stock-line { display: flex; align-items: center; gap: 9px; margin: 22px 0; font-weight: 600; }
.store-stock-line span { width: 10px; height: 10px; border-radius: 50%; }
.store-stock-line.is-in { color: #3f6b32; }
.store-stock-line.is-in span { background: #69a556; }
.store-stock-line.is-out { color: #873d36; }
.store-stock-line.is-out span { background: #873d36; }
.store-purchase-box { display: flex; gap: 12px; margin-top: 22px; }
.store-quantity-control { display: flex; align-items: stretch; border: 1px solid var(--line-olive); border-radius: 8px; overflow: hidden; }
.store-quantity-control button { width: 42px; border: 0; background: #f3f6f1; color: var(--primary-dark); font-size: 20px; }
.store-quantity-control input { width: 54px; border: 0; text-align: center; }
.store-cart-button { flex: 1; min-height: 52px; }
.store-cart-button:disabled { opacity: .55; cursor: not-allowed; }
.store-module-note { margin: 10px 0 0; color: #879080; font-size: 12px; }
.store-product-meta { margin-top: 25px; border-top: 1px solid var(--line-olive); }
.store-product-meta div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--line-olive); }
.store-product-meta span { color: #798374; }
.store-detail-card h3 { margin-bottom: 20px; color: var(--primary-dark); }
.store-description { color: #596354; line-height: 1.9; }
.store-spec-list { margin: 0; }
.store-spec-list div { display: flex; justify-content: space-between; gap: 18px; padding: 11px 0; border-bottom: 1px solid #edf1ea; }
.store-spec-list div:last-child { border-bottom: 0; }
.store-spec-list dt { color: #7d8678; font-weight: 500; }
.store-spec-list dd { margin: 0; color: var(--primary-dark); font-weight: 600; text-align: right; }
.store-related-products { background: #f8faf6; }

.store-footer { padding-top: 54px; }
.store-footer-copy { max-width: 480px; line-height: 1.8; }
.store-footer-links { margin: 0; padding: 0; list-style: none; }
.store-footer-links li + li { margin-top: 10px; }
.store-footer-links a { color: rgba(255, 255, 255, .66); }
.store-footer-links a:hover { color: #fff !important; }
.store-footer-bottom { margin-top: 38px; padding: 22px 0; border-top: 1px solid rgba(255, 255, 255, .1); }

@media (max-width: 1199.98px) {
    .store-product-grid-four { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
    .store-product-grid,
    .store-product-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .store-filter-card { position: static; }
}

@media (max-width: 767.98px) {
    .logo-site img { max-width: min(var(--store-logo-desktop-max-width, 220px), 158px); }
    .store-section-heading { align-items: flex-start; flex-direction: column; }
    .store-page-hero { padding: 46px 0; }
    .store-product-grid,
    .store-product-grid-four { gap: 12px; }
    .store-product-card .card-product_info { padding: 13px; }
    .store-product-card .name-product { min-height: 48px; font-size: 14px; line-height: 1.45; }
    .store-catalog-toolbar { align-items: stretch; flex-direction: column; }
    .store-sort-form { justify-content: space-between; }
    .store-sort-form select { min-width: 0; flex: 1; }
    .store-purchase-box { align-items: stretch; flex-direction: column; }
    .store-product-title { font-size: 36px; }
}

@media (max-width: 479.98px) {
    .store-product-grid,
    .store-product-grid-four { grid-template-columns: 1fr; }
}

.store-home-categories { background: #fff; }
.store-category-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.store-category-card { display: block; padding: 18px 12px; border: 1px solid var(--line-olive); border-radius: 12px; background: #f9fbf8; text-align: center; transition: transform .2s ease, box-shadow .2s ease; }
.store-category-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(40, 66, 29, .1); }
.store-category-card .cate-image { width: 100%; aspect-ratio: 1 / 1; margin-bottom: 12px; }
.store-category-card .cate-image img { width: 100%; height: 100%; object-fit: contain; }
.store-category-card .info_name { margin-bottom: 4px; }
.store-category-card .info_quanity { margin: 0; color: var(--muted-olive); }

.store-home-story { background: #f7f9f5; }
.store-story-shell { overflow: hidden; border-radius: 14px; background: var(--primary-dark); box-shadow: 0 22px 60px rgba(40, 66, 29, .14); }
.store-story-image { height: 100%; min-height: 560px; }
.store-story-image img { width: 100%; height: 100%; object-fit: cover; }
.store-story-content { height: 100%; padding: clamp(38px, 6vw, 78px); color: rgba(255, 255, 255, .72); }
.store-story-content h2 { margin-bottom: 22px; color: #fff; font-size: clamp(34px, 4vw, 52px); line-height: 1.12; }
.store-story-content > p:not(.store-eyebrow) { font-size: 16px; line-height: 1.8; }
.store-story-points { display: grid; gap: 15px; margin: 30px 0; }
.store-story-points div { display: grid; grid-template-columns: 42px 1fr; column-gap: 13px; align-items: center; }
.store-story-points span { grid-row: span 2; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: var(--primary-dark); background: var(--accent); font-weight: 700; }
.store-story-points strong { color: #fff; }
.store-story-points small { color: rgba(255, 255, 255, .58); }

.store-quality-strip { padding-top: 0; background: #f7f9f5; }
.store-quality-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line-olive); border-radius: 12px; background: #fff; }
.store-quality-grid > div { padding: 28px; border-right: 1px solid var(--line-olive); }
.store-quality-grid > div:last-child { border-right: 0; }
.store-quality-grid i { display: inline-grid; place-items: center; width: 46px; height: 46px; margin-bottom: 15px; border-radius: 10px; color: var(--primary); background: var(--olive-soft, #e8f0e3); font-size: 23px; }
.store-quality-grid h5 { margin-bottom: 8px; color: var(--primary-dark); }
.store-quality-grid p { margin: 0; color: var(--muted-olive); line-height: 1.65; }
.store-home-catalog { background: #fff; }

@media (max-width: 1199.98px) {
    .store-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .store-quality-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .store-quality-grid > div:nth-child(2) { border-right: 0; }
    .store-quality-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--line-olive); }
}

@media (max-width: 767.98px) {
    .store-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .store-story-image { min-height: 360px; }
    .store-quality-grid { grid-template-columns: 1fr; }
    .store-quality-grid > div { border-right: 0; border-bottom: 1px solid var(--line-olive); }
    .store-quality-grid > div:last-child { border-bottom: 0; }
}

/* v1.2.0 — cart, checkout and order flow */
.store-add-button { border: 0; cursor: pointer; }
.store-add-button:disabled, .store-cart-button:disabled { opacity: .55; cursor: not-allowed; }
.is-loading { position: relative; pointer-events: none; opacity: .7; }
.store-cart-toast { position: fixed; right: 24px; bottom: 24px; z-index: 99999; max-width: 380px; padding: 15px 20px; border-radius: 12px; background: #173d2b; color: #fff; box-shadow: 0 18px 55px rgba(0,0,0,.2); transform: translateY(25px); opacity: 0; visibility: hidden; transition: .25s ease; font-weight: 600; }
.store-cart-toast.is-visible { transform: translateY(0); opacity: 1; visibility: visible; }
.store-cart-toast.is-error { background: #a12c2c; }
.store-cart-page, .store-checkout-page { background: #fbfaf5; }
.store-empty-state { max-width: 720px; margin: 0 auto; padding: 70px 30px; text-align: center; border: 1px solid #e4e0d2; border-radius: 22px; background: #fff; }
.store-empty-state > i { display: block; font-size: 58px; color: var(--primary); margin-bottom: 18px; }
.store-empty-state h2 { margin-bottom: 12px; color: #193b2b; }
.store-empty-state p { margin-bottom: 25px; color: #6c746f; }
.store-shipping-notice { padding: 15px 18px; margin-bottom: 16px; border: 1px solid #e5d4a5; border-radius: 12px; background: #fff9e8; color: #665221; }
.store-shipping-notice.is-success { border-color: #b9d7c4; background: #eef8f1; color: #1e6339; }
.store-cart-list { border: 1px solid #e6e2d7; border-radius: 18px; overflow: hidden; background: #fff; }
.store-cart-item { position: relative; display: grid; grid-template-columns: 105px minmax(0,1fr) 90px 125px 32px; gap: 18px; align-items: center; padding: 20px; border-bottom: 1px solid #eeeae0; }
.store-cart-item:last-child { border-bottom: 0; }
.store-cart-image { display: block; border-radius: 12px; overflow: hidden; background: #f5f3ec; aspect-ratio: 1; }
.store-cart-image img { width: 100%; height: 100%; object-fit: cover; }
.store-cart-main { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.store-cart-name { color: #173d2b; font-size: 17px; font-weight: 700; line-height: 1.35; }
.store-cart-sku { color: #89908b; font-size: 12px; }
.store-cart-unit { color: #5d675f; font-size: 14px; }
.store-cart-quantity label { display: block; color: #788078; font-size: 12px; margin-bottom: 5px; }
.store-cart-quantity input { width: 75px; padding: 9px 8px; border: 1px solid #dcd8ce; border-radius: 9px; text-align: center; }
.store-cart-line-total { color: #173d2b; font-size: 17px; font-weight: 700; text-align: right; }
.store-cart-remove { width: 32px; height: 32px; border: 0; border-radius: 50%; background: #f8eeee; color: #a33; cursor: pointer; }
.store-order-summary { top: 105px; padding: 28px; border: 1px solid #e3dfd2; border-radius: 18px; background: #fff; box-shadow: 0 14px 45px rgba(30,60,40,.06); }
.store-order-summary h3, .store-checkout-card h3 { margin-bottom: 22px; color: #173d2b; }
.store-summary-row { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid #ece9e0; color: #667069; }
.store-summary-row strong { color: #173d2b; }
.store-summary-row.is-total { padding-top: 19px; border-bottom: 0; font-size: 20px; }
.store-summary-row.is-total strong { color: #a37c24; }
.store-checkout-button { margin-top: 18px; }
.store-secure-note { margin: 14px 0 0; text-align: center; color: #7a817d; font-size: 12px; }
.store-secure-note i { margin-right: 4px; }
.store-text-link { color: #173d2b; font-weight: 700; }
.store-checkout-card { padding: 28px; border: 1px solid #e3dfd2; border-radius: 18px; background: #fff; }
.store-checkout-card label:not(.form-check):not(.store-payment-option) { display: block; margin-bottom: 7px; color: #35483d; font-weight: 600; }
.store-checkout-card .form-control { min-height: 48px; border-color: #dad7ce; border-radius: 9px; }
.store-payment-methods { display: grid; gap: 12px; }
.store-payment-option { display: flex; align-items: flex-start; gap: 14px; padding: 17px; border: 1px solid #ddd9ce; border-radius: 12px; cursor: pointer; transition: .2s ease; }
.store-payment-option:has(input:checked) { border-color: #507c55; background: #f1f7f1; }
.store-payment-option input { margin-top: 5px; accent-color: #376a42; }
.store-payment-option span { display: flex; flex-direction: column; gap: 3px; }
.store-payment-option strong { color: #173d2b; }
.store-payment-option small { color: #737b75; line-height: 1.45; }
.store-checkout-products { display: grid; gap: 12px; margin-bottom: 15px; }
.store-checkout-product { display: grid; grid-template-columns: 56px minmax(0,1fr) auto; gap: 11px; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #ece9e0; }
.store-checkout-product img { width: 56px; height: 56px; object-fit: cover; border-radius: 9px; background: #f5f3ec; }
.store-checkout-product span { min-width: 0; }
.store-checkout-product span strong { display: block; color: #173d2b; font-size: 13px; line-height: 1.35; }
.store-checkout-product span small { display: block; margin-top: 3px; color: #7a817d; }
.store-checkout-product > b { color: #173d2b; font-size: 13px; white-space: nowrap; }
.store-order-success { background: #fbfaf5; min-height: 65vh; }
.store-success-card { max-width: 850px; margin: 0 auto; padding: 50px; border: 1px solid #e3dfd2; border-radius: 24px; background: #fff; text-align: center; box-shadow: 0 20px 60px rgba(30,60,40,.07); }
.store-success-icon { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 20px; border-radius: 50%; background: #e7f4ea; color: #26713d; font-size: 38px; font-weight: 700; }
.store-order-number { display: inline-block; padding: 12px 22px; margin: 15px 0; border-radius: 10px; background: #173d2b; color: #fff; font-size: 20px; font-weight: 800; letter-spacing: 1px; }
.store-success-info { height: 100%; padding: 16px; border: 1px solid #ece8de; border-radius: 12px; }
.store-success-info span { display: block; margin-bottom: 5px; color: #7a817d; font-size: 12px; }
.store-success-info strong { color: #173d2b; }
.store-bank-box { margin: 24px 0; padding: 20px; border: 1px solid #e6d7a8; border-radius: 14px; background: #fff9e8; }
.store-bank-box h3 { margin-bottom: 10px; color: #5c4a1b; }
.store-bank-box p { margin-bottom: 5px; }
.store-success-products { margin: 22px 0; padding: 15px 0; border-top: 1px solid #ece8de; border-bottom: 1px solid #ece8de; text-align: left; }
.store-success-products > div { display: flex; justify-content: space-between; gap: 20px; padding: 7px 0; }

@media (max-width: 767px) {
    .store-cart-toast { left: 16px; right: 16px; bottom: 16px; max-width: none; }
    .store-cart-item { grid-template-columns: 78px minmax(0,1fr) 30px; gap: 12px; }
    .store-cart-image { grid-row: span 2; }
    .store-cart-quantity { grid-column: 2; }
    .store-cart-line-total { grid-column: 2; text-align: left; }
    .store-cart-remove { grid-column: 3; grid-row: 1; }
    .store-success-card { padding: 32px 20px; }
    .store-checkout-card, .store-order-summary { padding: 20px; }
}

/* v1.3.0 — customer accounts, wishlists and coupons */
.store-wishlist-button { position: absolute; top: 14px; right: 14px; z-index: 5; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(29,61,43,.12); border-radius: 50%; background: rgba(255,255,255,.94); color: #365b43; box-shadow: 0 8px 22px rgba(27,55,38,.10); cursor: pointer; transition: .2s ease; }
.store-wishlist-button:hover, .store-wishlist-button.is-active { color: #fff; border-color: #a77925; background: #a77925; transform: translateY(-2px); }
.store-wishlist-button:disabled { opacity: .55; cursor: wait; }
.store-detail-wishlist { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 18px; border: 1px solid #d9d4c6; border-radius: 8px; background: #fff; color: #173d2b; font-weight: 700; cursor: pointer; transition: .2s ease; }
.store-detail-wishlist:hover, .store-detail-wishlist.is-active { border-color: #a77925; background: #fff8e9; color: #8a651f; }
.store-detail-wishlist i { font-size: 20px; }
.store-auth-page, .store-account-page { background: #fbfaf5; }
.store-auth-card { max-width: 520px; margin: 0 auto; padding: 34px; border: 1px solid #e2ded2; border-radius: 20px; background: #fff; box-shadow: 0 18px 55px rgba(30,60,40,.07); }
.store-auth-card.is-wide { max-width: 760px; }
.store-auth-card .form-label, .store-account-card .form-label { color: #35483d; font-weight: 700; }
.store-auth-card .form-control, .store-account-card .form-control { min-height: 48px; border-color: #d9d5ca; border-radius: 9px; }
.store-auth-links { display: flex; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #eeeae1; color: #747c77; font-size: 14px; }
.store-auth-links a { color: #173d2b; font-weight: 800; }
.store-account-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; padding: 10px; border: 1px solid #e2ded2; border-radius: 14px; background: #fff; }
.store-account-nav a, .store-account-nav button { display: inline-flex; align-items: center; min-height: 42px; padding: 0 17px; border: 0; border-radius: 9px; background: transparent; color: #4d5b52; font-weight: 700; cursor: pointer; }
.store-account-nav a:hover, .store-account-nav a.is-active { background: #173d2b; color: #fff; }
.store-account-nav form { margin-left: auto; }
.store-account-nav button { color: #a43b35; }
.store-account-nav button:hover { background: #fff0ef; }
.store-account-stat { height: 100%; padding: 25px; border: 1px solid #e1ddd1; border-radius: 16px; background: #fff; }
.store-account-stat span { display: block; color: #7b837e; font-size: 13px; }
.store-account-stat strong { display: block; margin: 7px 0 11px; color: #173d2b; font-size: 32px; line-height: 1; }
.store-account-stat a { color: #9a7023; font-weight: 800; }
.store-account-card { padding: 28px; border: 1px solid #e1ddd1; border-radius: 18px; background: #fff; }
.store-account-card h3 { margin-bottom: 22px; color: #173d2b; }
.store-account-table th { color: #536158; font-size: 13px; white-space: nowrap; }
.store-account-table td { color: #425047; vertical-align: middle; }
.store-account-table td a { color: #8a651f; font-weight: 800; }
.store-empty-state.compact { padding: 32px 20px; border: 0; box-shadow: none; }
.store-address-card { height: 100%; padding: 22px; border: 1px solid #e1ddd1; border-radius: 16px; background: #fff; }
.store-address-card.is-default { border-color: #8ca984; box-shadow: inset 0 0 0 1px #8ca984; }
.store-address-card h4 { margin-bottom: 14px; color: #173d2b; font-size: 18px; }
.store-address-card h4 + span { height: fit-content; padding: 4px 8px; border-radius: 20px; background: #eaf5ea; color: #2f6e3f; font-size: 11px; font-weight: 800; }
.store-address-card p { min-height: 78px; margin: 8px 0; color: #68716b; line-height: 1.55; }
.store-address-card small { color: #505d55; }
.store-address-actions { display: flex; align-items: center; gap: 14px; margin-top: 17px; padding-top: 14px; border-top: 1px solid #eeeae1; }
.store-address-actions a, .store-address-actions button { border: 0; background: transparent; color: #173d2b; font-weight: 800; cursor: pointer; }
.store-address-actions button { color: #a43b35; }
.store-coupon-box { margin: 4px 0 16px; padding: 16px; border: 1px dashed #cfc7ae; border-radius: 12px; background: #fffdf6; }
.store-coupon-box label { display: block; margin-bottom: 8px; color: #35483d; font-size: 13px; font-weight: 800; }
.store-coupon-input { display: flex; gap: 8px; }
.store-coupon-input input { min-width: 0; flex: 1; height: 43px; padding: 0 12px; border: 1px solid #d9d4c5; border-radius: 8px; text-transform: uppercase; }
.store-coupon-input button { padding: 0 14px; border: 0; border-radius: 8px; background: #173d2b; color: #fff; font-weight: 800; cursor: pointer; }
.store-coupon-status { min-height: 18px; margin-top: 8px; color: #347044; font-size: 12px; font-weight: 700; }
.store-coupon-remove { margin-top: 5px; padding: 0; border: 0; background: transparent; color: #a43b35; font-size: 12px; font-weight: 800; cursor: pointer; }
.store-discount-row strong { color: #26713d; }
.nav-icon-item.has-num .number-count { min-width: 18px; text-align: center; }

@media (max-width: 767px) {
    .store-auth-card { padding: 24px 18px; }
    .store-auth-links { flex-direction: column; gap: 5px; }
    .store-account-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .store-account-nav form { margin-left: 0; }
    .store-account-nav a, .store-account-nav button { width: 100%; justify-content: center; }
    .store-detail-wishlist { width: 100%; }
}


/* v1.4.0 - Dinamik sayfalar ve bannerlar */
.store-home-banners .sld_image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(19, 42, 31, .72), rgba(19, 42, 31, .12));
    pointer-events: none;
}
.store-home-banners .sld_image { position: relative; }
.store-page-hero {
    padding: 74px 0 56px;
    background: linear-gradient(135deg, #f5f0e4 0%, #e8efe6 100%);
}
.store-page-hero h1 { margin: 14px 0 10px; color: var(--primary, #244f38); }
.store-page-hero p { max-width: 760px; margin: 0; font-size: 18px; color: #526158; }
.store-breadcrumb { display: flex; gap: 9px; align-items: center; font-size: 14px; color: #6c786f; }
.store-breadcrumb a { color: #244f38; }
.store-page-section { padding: 72px 0 92px; }
.store-page-content { max-width: 900px; margin: 0 auto; font-size: 18px; line-height: 1.9; color: #39453e; }
.store-page-content p { margin-bottom: 24px; }
@media (max-width: 767px) {
    .store-page-hero { padding: 48px 0 38px; }
    .store-page-section { padding: 46px 0 64px; }
    .store-page-content { font-size: 16px; }
}

/* v1.4.1 - Blog ve tarifler */
.store-content-section { padding: 64px 0 90px; background: #fbfaf5; }
.store-content-filter { display: grid; grid-template-columns: minmax(0,1fr) 250px auto auto; gap: 10px; margin-bottom: 30px; padding: 16px; border: 1px solid #e2ded2; border-radius: 14px; background: #fff; }
.store-content-filter input, .store-content-filter select { min-height: 48px; padding: 0 14px; border: 1px solid #d8d4c8; border-radius: 9px; background: #fff; }
.store-content-filter button, .store-content-filter a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 0; border-radius: 9px; background: #244f38; color: #fff; font-weight: 700; }
.store-content-filter a { background: #ede9de; color: #425047; }
.store-content-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.store-content-card { overflow: hidden; border: 1px solid #e2ded2; border-radius: 18px; background: #fff; box-shadow: 0 13px 36px rgba(30,60,40,.05); }
.store-content-image { display: block; aspect-ratio: 16/10; overflow: hidden; background: #edf1ea; }
.store-content-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.store-content-card:hover .store-content-image img { transform: scale(1.045); }
.store-content-card-body { padding: 23px; }
.store-content-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 16px; color: #7b837e; font-size: 13px; }
.store-content-meta span:first-child { color: #926d26; font-weight: 800; }
.store-content-card h2 { margin: 12px 0 10px; font-size: 22px; line-height: 1.3; }
.store-content-card h2 a { color: #173d2b; }
.store-content-card p { min-height: 72px; margin-bottom: 15px; color: #68716b; line-height: 1.6; }
.store-content-more { color: #244f38; font-weight: 800; }
.store-recipe-mini-meta { display: flex; gap: 12px; margin: 0 0 14px; color: #69736c; font-size: 13px; }
.store-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 38px; }
.store-pagination a { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #dcd7ca; border-radius: 9px; background: #fff; color: #425047; font-weight: 800; }
.store-pagination a.is-active { border-color: #244f38; background: #244f38; color: #fff; }
.store-content-detail-hero { padding: 70px 0 46px; background: linear-gradient(135deg,#f5f0e4,#e8efe6); }
.store-content-detail-heading { max-width: 930px; margin-top: 24px; }
.store-content-detail-heading h1 { margin: 12px 0; color: #173d2b; font-size: clamp(38px,5vw,62px); line-height: 1.1; }
.store-content-detail-heading > p { max-width: 790px; color: #59675f; font-size: 18px; line-height: 1.7; }
.store-content-detail-section { padding: 58px 0 90px; background: #fbfaf5; }
.store-content-detail { max-width: 1040px; margin: 0 auto; }
.store-content-cover { width: 100%; max-height: 580px; margin-bottom: 42px; border-radius: 20px; object-fit: cover; background: #edf1ea; }
.store-recipe-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 30px; }
.store-recipe-facts > div { padding: 18px; border: 1px solid #ddd8cb; border-radius: 12px; background: #fff; }
.store-recipe-facts span { display: block; color: #7d857f; font-size: 12px; text-transform: uppercase; }
.store-recipe-facts strong { display: block; margin-top: 4px; color: #173d2b; }
.store-recipe-layout { display: grid; grid-template-columns: 320px minmax(0,1fr); gap: 38px; align-items: start; }
.store-ingredients { padding: 26px; border: 1px solid #ddd8cb; border-radius: 16px; background: #fffdf6; }
.store-ingredients h2, .store-recipe-layout .store-page-content h2 { margin-bottom: 20px; color: #173d2b; }
.store-ingredients ul { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }
.store-ingredients li { position: relative; padding-left: 22px; color: #56635b; line-height: 1.5; }
.store-ingredients li::before { content: "•"; position: absolute; left: 3px; color: #a77925; font-weight: 900; }
.store-content-back { margin-top: 42px; padding-top: 24px; border-top: 1px solid #dfdbcf; }
.store-content-back a { color: #244f38; font-weight: 800; }
@media (max-width: 991px) { .store-content-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .store-content-filter { grid-template-columns: 1fr 1fr; } .store-recipe-layout { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .store-content-grid, .store-content-filter, .store-recipe-facts { grid-template-columns: 1fr; } .store-content-card p { min-height: 0; } .store-content-detail-heading h1 { font-size: 36px; } }


/* v1.4.2 - Dinamik sayfa görseli */
.store-page-featured { margin:0 0 36px; border-radius:18px; overflow:hidden; background:#f4f2e9; box-shadow:0 18px 50px rgba(42,55,31,.10); }
.store-page-featured img { display:block; width:100%; max-height:620px; object-fit:cover; }

/* v1.5.3 — Ana sayfa yerleşimi ve yönetilebilir içerikler */
.store-header .nav-icon-item,
.store-header .nav-icon-item > i,
.store-header .nav-icon-item .text {
    color: #fff !important;
}
.store-header .nav-icon-item:hover,
.store-header .nav-icon-item:focus,
.store-header .nav-icon-item:hover > i,
.store-header .nav-icon-item:focus > i,
.store-header .nav-icon-item:hover .text,
.store-header .nav-icon-item:focus .text {
    color: #f3d57b !important;
}
.store-header .nav-icon-item:hover .number-count,
.store-header .nav-icon-item:focus .number-count {
    color: var(--primary-dark) !important;
    background: #f3d57b !important;
}


.store-featured-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}
.store-featured-item { min-width: 0; }
.store-featured-item .store-product-card { width: 100%; max-width: none; }
.store-featured-swiper .swiper-slide { height: auto; }

.store-category-card .cate-image img { object-fit: cover; border-radius: 10px; }

.store-quality-strip {
    width: 100%;
    padding: 0;
    background: #fff;
    border-top: 1px solid var(--line-olive);
    border-bottom: 1px solid var(--line-olive);
}
.store-quality-grid {
    width: 100%;
    max-width: none;
    border: 0;
    border-radius: 0;
    background: #fff;
}
.store-quality-item {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 150px;
    padding: 30px clamp(22px, 3.2vw, 56px);
    border-right: 1px solid var(--line-olive);
}
.store-quality-item:last-child { border-right: 0; }
.store-quality-svg {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    color: var(--primary);
    background: #edf3e9;
}
.store-quality-svg svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.store-quality-item h5 { margin: 0 0 7px; color: var(--primary-dark); }
.store-quality-item p { margin: 0; color: var(--muted-olive); line-height: 1.55; }

@media (max-width: 1199.98px) {
    .store-featured-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .store-quality-item:nth-child(2) { border-right: 0; }
    .store-quality-item:nth-child(-n+2) { border-bottom: 1px solid var(--line-olive); }
}

@media (max-width: 991.98px) {
    .store-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .store-home-banners .title_sld { font-size: clamp(32px, 10vw, 48px); }
    .store-quality-grid { grid-template-columns: 1fr; }
    .store-quality-item,
    .store-quality-item:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid var(--line-olive);
    }
    .store-quality-item:last-child { border-bottom: 0; }
}

@media (max-width: 479.98px) {
    .store-featured-grid { grid-template-columns: 1fr; }
    .store-featured-item .store-product-card { max-width: 360px; margin-inline: auto; }
}


/* v1.5.4 — Yeni Hasat Ürünler: tek ürünün tam genişliğe büyümesini kesin olarak engeller */
.store-featured-grid-fixed {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: start !important;
    width: 100% !important;
}
.store-featured-grid-fixed > .store-featured-item {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
}
.store-featured-grid-fixed .store-product-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
.store-featured-grid-fixed .card-product_wrapper,
.store-featured-grid-fixed .product-img {
    width: 100% !important;
}
@media (max-width: 991.98px) {
    .store-featured-grid-fixed { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 575.98px) {
    .store-featured-grid-fixed { grid-template-columns: 1fr !important; }
    .store-featured-grid-fixed .store-product-card {
        max-width: 360px !important;
        margin-inline: auto !important;
    }
}

/* v1.5.5 — Yönetilebilir ürün dizilimi */
.store-configurable-product-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--grid-desktop, 4), minmax(0, 1fr)) !important;
    gap: 20px;
    align-items: stretch;
    width: 100%;
}
.store-configurable-product-grid > .store-grid-product-item,
.store-configurable-product-grid > .store-product-card {
    min-width: 0;
    width: 100%;
}
.store-configurable-product-grid .store-product-card {
    width: 100%;
    max-width: none;
    margin: 0;
}
.store-product-card.store-card-ratio-square .card-product_wrapper { aspect-ratio: 1 / 1; }
.store-product-card.store-card-ratio-portrait .card-product_wrapper { aspect-ratio: 4 / 5; }
.store-product-card.store-card-ratio-landscape .card-product_wrapper { aspect-ratio: 4 / 3; }
.store-product-card.store-card-fit-cover .product-img img { object-fit: cover; }
.store-product-card.store-card-fit-contain .product-img img { object-fit: contain; padding: 8px; }

@media (max-width: 991.98px) {
    .store-configurable-product-grid {
        grid-template-columns: repeat(var(--grid-tablet, 2), minmax(0, 1fr)) !important;
    }
}
@media (max-width: 575.98px) {
    .store-configurable-product-grid {
        grid-template-columns: repeat(var(--grid-mobile, 1), minmax(0, 1fr)) !important;
        gap: 12px;
    }
}

/* v1.5.7 — Kare görselli, belirgin bilgi panelli kategori vitrini */
.store-home-categories-showcase {
    overflow: hidden;
    background: #fff;
}
.store-category-heading {
    align-items: flex-end;
}
.store-category-showcase-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(14px, 1.6vw, 24px);
    align-items: stretch;
}
.store-category-showcase-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(116, 106, 49, .16);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(37, 55, 29, .10);
    isolation: isolate;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.store-category-showcase-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    border: 2px solid transparent;
    border-radius: inherit;
    pointer-events: none;
    transition: border-color .28s ease, box-shadow .28s ease;
}
.store-category-showcase-card:hover,
.store-category-showcase-card:focus-visible {
    transform: translateY(-7px);
    border-color: rgba(167, 143, 61, .55);
    box-shadow: 0 20px 44px rgba(37, 55, 29, .18);
}
.store-category-showcase-card:hover::after,
.store-category-showcase-card:focus-visible::after {
    border-color: rgba(189, 157, 68, .72);
    box-shadow: inset 0 0 0 3px rgba(255, 248, 221, .72);
}
.store-category-showcase-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #eee9db;
}
.store-category-showcase-media::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 16%;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 252, 242, 0), rgba(255, 252, 242, .24));
}
.store-category-showcase-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .48s ease, filter .35s ease;
}
.store-category-showcase-card:hover .store-category-showcase-media img,
.store-category-showcase-card:focus-visible .store-category-showcase-media img {
    transform: scale(1.055);
    filter: saturate(1.06) contrast(1.02);
}
.store-category-showcase-caption {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 190px;
    padding: 19px 18px 21px;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(231, 212, 146, .20), transparent 42%),
        linear-gradient(180deg, #fffdf6 0%, #fbf6e8 100%);
    border-top: 1px solid rgba(119, 102, 45, .13);
    transition: background .28s ease;
}
.store-category-showcase-card:hover .store-category-showcase-caption,
.store-category-showcase-card:focus-visible .store-category-showcase-caption {
    background:
        radial-gradient(circle at 50% 0%, rgba(225, 201, 113, .29), transparent 46%),
        linear-gradient(180deg, #fffdf6 0%, #f8efd5 100%);
}
.store-category-showcase-icon {
    display: grid;
    width: 36px;
    height: 36px;
    margin: -4px 0 7px;
    place-items: center;
    color: #8f873f;
    transition: transform .28s ease, color .28s ease;
}
.store-category-showcase-icon svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.store-category-showcase-card:hover .store-category-showcase-icon,
.store-category-showcase-card:focus-visible .store-category-showcase-icon {
    color: #31532c;
    transform: translateY(-2px) scale(1.06);
}
.store-category-showcase-caption strong {
    display: block;
    color: #354b2a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(21px, 1.55vw, 29px);
    font-weight: 600;
    line-height: 1.12;
    text-transform: none;
    letter-spacing: -.025em;
}
.store-category-showcase-description {
    display: -webkit-box;
    min-height: 38px;
    margin-top: 7px;
    overflow: hidden;
    color: #66644f;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.store-category-showcase-link {
    display: inline-flex;
    margin-top: auto;
    padding-top: 15px;
    align-items: center;
    gap: 8px;
    color: #314c29;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .01em;
    text-transform: none;
    transition: color .25s ease, gap .25s ease;
}
.store-category-showcase-link > span {
    display: inline-grid;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(49, 76, 41, .28);
    border-radius: 999px;
    place-items: center;
    font-size: 15px;
    transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}
.store-category-showcase-card:hover .store-category-showcase-link,
.store-category-showcase-card:focus-visible .store-category-showcase-link {
    color: #23441e;
    gap: 11px;
}
.store-category-showcase-card:hover .store-category-showcase-link > span,
.store-category-showcase-card:focus-visible .store-category-showcase-link > span {
    color: #fff;
    border-color: #31532c;
    background: #31532c;
    transform: translateX(2px);
}

@media (max-width: 991.98px) {
    .store-category-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 575.98px) {
    .store-category-showcase-grid {
        gap: 10px;
    }
    .store-category-showcase-card {
        border-radius: 9px;
    }
    .store-category-showcase-caption {
        min-height: 160px;
        padding: 14px 9px 16px;
    }
    .store-category-showcase-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 5px;
    }
    .store-category-showcase-icon svg {
        width: 24px;
        height: 24px;
    }
    .store-category-showcase-caption strong {
        font-size: clamp(17px, 5vw, 22px);
    }
    .store-category-showcase-description {
        min-height: 34px;
        margin-top: 5px;
        font-size: 11px;
        line-height: 1.4;
    }
    .store-category-showcase-link {
        padding-top: 10px;
        gap: 5px;
        font-size: 11px;
    }
    .store-category-showcase-link > span {
        width: 22px;
        height: 22px;
        font-size: 13px;
    }
}


/* v1.5.9 — ürün türüne göre dinamik açıklama ve teknik bilgi görünümü */
.store-description p { margin: 0 0 14px; }
.store-description p:last-child { margin-bottom: 0; }
.store-description ul,
.store-description ol {
    margin: 0 0 14px;
    padding-left: 22px;
}
.store-description li { margin-bottom: 7px; }
.store-description li::marker { color: #b79532; }
.store-spec-list:empty::after {
    content: "Ürün bilgileri hazırlanıyor.";
    display: block;
    color: #7a8375;
    font-size: 14px;
}

/* v1.5.9 — ürün detay sayfası merkezleme ve sabit kolon düzeni */
.store-product-detail > .container,
.store-related-products > .container,
.store-product-hero > .container {
    width: min(100% - 32px, 1320px);
    max-width: 1320px;
    margin-inline: auto;
    padding-inline: 0;
}
.store-product-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(34px, 5vw, 72px);
    width: 100%;
}
.store-product-gallery-column,
.store-product-info-column,
.store-product-lower-grid > div {
    min-width: 0;
}
.store-product-gallery-column {
    display: flex;
    justify-content: flex-end;
}
.store-product-image-wrap {
    width: 100%;
    max-width: 620px;
}
.store-product-info-column {
    width: 100%;
    max-width: 620px;
    padding-top: 8px;
}
.store-product-lower-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .85fr);
    align-items: stretch;
    gap: 24px;
    width: 100%;
    margin-top: 36px;
}
.store-product-lower-grid .store-detail-card {
    height: 100%;
}
.store-related-products .store-section-heading,
.store-related-products .store-product-grid {
    width: 100%;
}
@media (max-width: 991.98px) {
    .store-product-layout,
    .store-product-lower-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .store-product-gallery-column,
    .store-product-info-column {
        justify-content: center;
        max-width: none;
    }
    .store-product-image-wrap,
    .store-product-info-column {
        max-width: 760px;
        margin-inline: auto;
    }
}
@media (max-width: 575.98px) {
    .store-product-detail > .container,
    .store-related-products > .container,
    .store-product-hero > .container {
        width: min(100% - 24px, 1320px);
    }
    .store-product-detail { padding-top: 28px; }
    .store-product-layout { gap: 26px; }
    .store-product-lower-grid { margin-top: 26px; }
}

/* v1.6.1 — Blog, tarif ve hızlı iletişim düzeni */
.store-content-list-hero {
    padding: 34px 0 30px;
}
.store-content-list-hero h1 {
    margin: 10px 0 6px;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.08;
}
.store-content-list-hero p {
    font-size: 16px;
    line-height: 1.55;
}
.store-content-filter-simple {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 12px;
    margin-bottom: 28px;
    padding: 12px;
    border: 1px solid #dedacc;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(36,79,56,.04);
}
.store-content-search {
    position: relative;
    display: block;
    margin: 0;
}
.store-content-search i {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 2;
    color: #718077;
    font-size: 20px;
    transform: translateY(-50%);
}
.store-content-filter-simple input,
.store-content-filter-simple select {
    width: 100%;
    min-height: 50px;
    border: 1px solid #d8d4c8;
    border-radius: 11px;
    background: #fff;
    color: #2d4939;
}
.store-content-filter-simple input {
    padding: 0 16px 0 46px;
}
.store-content-filter-simple select {
    padding: 0 42px 0 15px;
    cursor: pointer;
}
.store-content-list {
    display: grid;
    gap: 20px;
}
.store-content-list-card {
    display: grid;
    grid-template-columns: 310px minmax(0,1fr);
    min-height: 210px;
    overflow: hidden;
    border: 1px solid #dedacc;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(33,68,46,.05);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.store-content-list-card:hover {
    border-color: #a8b99d;
    box-shadow: 0 18px 42px rgba(33,68,46,.09);
    transform: translateY(-2px);
}
.store-content-list-image {
    display: block;
    min-height: 210px;
    overflow: hidden;
    background: #edf1ea;
}
.store-content-list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
.store-content-list-card:hover .store-content-list-image img {
    transform: scale(1.04);
}
.store-content-list-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px 32px;
}
.store-content-list-body h2 {
    margin: 10px 0 10px;
    font-size: 27px;
    line-height: 1.22;
}
.store-content-list-body h2 a {
    color: #173d2b;
}
.store-content-list-body p {
    max-width: 760px;
    margin: 0 0 14px;
    color: #647168;
    line-height: 1.65;
}
.store-content-list-body .store-content-more {
    align-self: flex-start;
    margin-top: 3px;
}
.store-content-list-body .store-content-more span {
    display: inline-block;
    margin-left: 5px;
    transition: transform .2s ease;
}
.store-content-list-body .store-content-more:hover span {
    transform: translateX(4px);
}
.store-content-detail-hero {
    padding: 34px 0 28px;
}
.store-content-detail-heading {
    max-width: 980px;
    margin-top: 15px;
}
.store-content-detail-heading h1 {
    margin-bottom: 0;
    font-size: clamp(34px,4.3vw,54px);
}
.store-content-detail-section {
    padding: 46px 0 84px;
}
.store-content-detail-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 300px;
    gap: 38px;
    align-items: start;
}
.store-content-detail-layout .store-content-detail {
    min-width: 0;
    max-width: none;
    margin: 0;
}
.store-content-detail-layout .store-page-content {
    max-width: none;
    margin: 0;
}
.store-content-sidebar {
    position: sticky;
    top: 112px;
    display: grid;
    gap: 22px;
}
.store-sidebar-block {
    padding: 20px;
    border: 1px solid #ddd9cd;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(34,65,45,.05);
}
.store-sidebar-heading {
    margin-bottom: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ece8df;
}
.store-sidebar-heading > span {
    display: block;
    margin-bottom: 3px;
    color: #a77b2c;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.store-sidebar-heading h2 {
    margin: 0;
    color: #173d2b;
    font-size: 21px;
}
.store-sidebar-list {
    display: grid;
    gap: 12px;
}
.store-sidebar-post,
.store-sidebar-product {
    display: grid;
    grid-template-columns: 70px minmax(0,1fr);
    gap: 12px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeae2;
}
.store-sidebar-post:last-child,
.store-sidebar-product:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.store-sidebar-post img,
.store-sidebar-product img {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    object-fit: cover;
    background: #eef1ea;
}
.store-sidebar-post span,
.store-sidebar-product span {
    min-width: 0;
}
.store-sidebar-post strong,
.store-sidebar-product strong {
    display: -webkit-box;
    overflow: hidden;
    color: #294b38;
    font-size: 13px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.store-sidebar-post small,
.store-sidebar-product small {
    display: block;
    margin-top: 5px;
    color: #879087;
    font-size: 11px;
}
.store-sidebar-product small {
    color: #2d6942;
    font-size: 12px;
    font-weight: 800;
}
.store-sidebar-empty {
    margin: 0;
    color: #7b847d;
    font-size: 13px;
}
.store-content-detail-layout .store-content-cover {
    margin-bottom: 0;
}
.store-content-excerpt {
    margin: 0 0 30px;
    padding: 22px 24px;
    border: 1px solid #ded9cb;
    border-top: 0;
    border-radius: 0 0 16px 16px;
    background: #fffdf7;
    color: #56655b;
    font-size: 17px;
    line-height: 1.75;
}
.store-content-excerpt + .store-recipe-facts,
.store-content-excerpt + .store-page-content {
    margin-top: 0;
}
.store-quick-contact {
    position: fixed;
    right: 22px;
    bottom: 82px;
    z-index: 999;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 19px 0 13px;
    border: 2px solid rgba(255,255,255,.8);
    border-radius: 999px;
    background: #2f6b3f;
    color: #fff !important;
    font-weight: 800;
    box-shadow: 0 16px 36px rgba(27,69,40,.25);
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.store-quick-contact i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
    font-size: 21px;
}
.store-quick-contact:hover {
    background: #214f31;
    box-shadow: 0 18px 40px rgba(27,69,40,.34);
    transform: translateY(-2px);
}
@media (max-width: 991px) {
    .store-content-list-card { grid-template-columns: 240px minmax(0,1fr); }
    .store-content-detail-layout { grid-template-columns: 1fr; }
    .store-content-detail { order: 1; }
    .store-content-sidebar { position: static; top: auto; order: 2; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
    .store-content-list-hero { padding: 28px 0 24px; }
    .store-content-filter-simple { grid-template-columns: 1fr; }
    .store-content-list-card { grid-template-columns: 1fr; }
    .store-content-list-image { min-height: 0; aspect-ratio: 16/10; }
    .store-content-list-body { padding: 22px; }
    .store-content-list-body h2 { font-size: 23px; }
    .store-content-sidebar { grid-template-columns: 1fr; }
    .store-content-excerpt { padding: 18px; font-size: 15px; line-height: 1.65; }
    .store-quick-contact { right: 14px; bottom: 74px; width: 54px; padding: 0; justify-content: center; }
    .store-quick-contact span { display: none; }
}


/* v1.6.7 - Tarif kart düzeni */
.store-content-excerpt {
    background: #fff;
    border-color: #dfe6dc;
    box-shadow: 0 12px 34px rgba(34,65,45,.055);
}
.store-recipe-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
    margin-top: 28px;
}
.store-recipe-card {
    width: 100%;
    padding: 30px 32px;
    border: 1px solid #dfe6dc;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(34,65,45,.055);
}
.store-recipe-card h2 {
    margin: 0 0 22px !important;
    color: #173d2b;
}
.store-ingredients {
    padding: 30px 32px !important;
    border: 1px solid #dfe6dc !important;
    border-radius: 18px !important;
    background: #fff !important;
}
.store-ingredients ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 28px;
}
.store-preparation {
    max-width: none !important;
    margin: 0 !important;
    font-size: 17px;
    line-height: 1.9;
}
.store-preparation p:last-child { margin-bottom: 0; }
@media (max-width: 767.98px) {
    .store-recipe-card,
    .store-ingredients { padding: 22px 20px !important; }
    .store-ingredients ul { grid-template-columns: 1fr; }
}

/* v1.6.9 — Tüm iç sayfalarda kompakt başlık alanı */
.store-page-hero,
.store-content-detail-hero {
    min-height: 0 !important;
    padding: 26px 0 22px !important;
}
.store-product-hero {
    padding: 17px 0 !important;
}
.store-page-hero > .container,
.store-content-detail-hero > .container,
.store-content-detail-heading {
    min-height: 0 !important;
}
.store-page-hero h1,
.store-content-detail-heading h1 {
    margin: 7px 0 5px !important;
    font-size: clamp(30px, 3.4vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em;
}
.store-page-hero p,
.store-content-detail-heading > p {
    max-width: 820px;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}
.store-breadcrumb {
    gap: 7px !important;
    font-size: 13px !important;
    line-height: 1.35;
}
.store-content-detail-heading {
    max-width: 1040px;
    margin-top: 9px !important;
}
.store-content-detail-heading .store-content-meta {
    gap: 7px 13px;
    font-size: 12px;
}
@media (max-width: 767.98px) {
    .store-page-hero,
    .store-content-detail-hero,
    .store-content-list-hero {
        padding: 20px 0 17px !important;
    }
    .store-product-hero {
        padding: 14px 0 !important;
    }
    .store-page-hero h1,
    .store-content-detail-heading h1,
    .store-content-list-hero h1 {
        margin: 6px 0 4px !important;
        font-size: clamp(28px, 9vw, 36px) !important;
    }
    .store-page-hero p,
    .store-content-detail-heading > p,
    .store-content-list-hero p {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
    .store-breadcrumb {
        font-size: 12px !important;
    }
}

/* v1.6.14 — dört kolonlu, logosuz ve yönetilebilir footer */
.store-footer {
    padding-top: 52px;
}

.store-footer-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(28px, 4vw, 72px);
    align-items: start;
}

.store-footer-column {
    min-width: 0;
}

.store-footer-column h6 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.25;
}

.store-footer-links,
.store-footer-contact-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.store-footer-links li + li,
.store-footer-contact-list li + li {
    margin-top: 11px;
}

.store-footer-links a,
.store-footer-contact-list a,
.store-footer-contact-list span {
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.store-footer-links a {
    display: inline-flex;
    align-items: center;
    transition: color .18s ease, transform .18s ease;
}

.store-footer-links a:hover {
    color: #fff !important;
    transform: translateX(3px);
}

.store-footer-contact-list li {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.store-footer-contact-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    color: #fff !important;
    font-size: 15px !important;
}

.store-footer-address > span:last-child {
    line-height: 1.65;
}

.store-footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
}

.store-footer-socials a {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    color: #fff;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.store-footer-socials a:hover {
    background: #fff;
    color: #24491f !important;
    transform: translateY(-2px);
}

.store-footer-bottom {
    margin-top: 44px;
}

@media (max-width: 991.98px) {
    .store-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 38px 48px;
    }
}

@media (max-width: 575.98px) {
    .store-footer {
        padding-top: 42px;
    }

    .store-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .store-footer-column {
        padding-bottom: 24px;
        border-bottom: 1px solid rgba(255, 255, 255, .10);
    }

    .store-footer-column:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .store-footer-bottom {
        margin-top: 32px;
    }
}

/* v1.6.15 — premium ve geniş footer iletişim alanı */
.store-footer {
    position: relative;
    padding-top: 64px;
    background:
        radial-gradient(circle at 82% 16%, rgba(194, 169, 84, .08), transparent 28%),
        #21451d;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.store-footer .container {
    max-width: 1320px;
}

.store-footer-grid.store-footer-contact-right {
    grid-template-columns: repeat(3, minmax(145px, .78fr)) minmax(350px, 1.5fr);
    gap: clamp(34px, 4.2vw, 76px);
}

.store-footer-grid.store-footer-contact-left {
    grid-template-columns: minmax(350px, 1.5fr) repeat(3, minmax(145px, .78fr));
    gap: clamp(34px, 4.2vw, 76px);
}

.store-footer-menu-column {
    padding-top: 12px;
}

.store-footer-column h6 {
    position: relative;
    display: inline-flex;
    margin-bottom: 24px;
    font-size: 19px;
    letter-spacing: -.01em;
}

.store-footer-column h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 30px;
    height: 2px;
    border-radius: 99px;
    background: #c6a956;
}

.store-footer-links li + li {
    margin-top: 12px;
}

.store-footer-links a {
    position: relative;
    color: rgba(255, 255, 255, .76);
    font-size: 15.5px;
    line-height: 1.45;
}

.store-footer-links a::before {
    content: "";
    width: 0;
    height: 1px;
    margin-right: 0;
    background: #c6a956;
    transition: width .18s ease, margin-right .18s ease;
}

.store-footer-links a:hover::before {
    width: 12px;
    margin-right: 7px;
}

.store-footer-contact-column {
    min-width: 0;
    padding: 28px 30px 30px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 20px;
    background: rgba(255, 255, 255, .055);
    box-shadow: 0 18px 50px rgba(10, 35, 15, .16);
    backdrop-filter: blur(4px);
}

.store-footer-contact-column h6 {
    margin-bottom: 28px;
}

.store-footer-contact-list li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 42px;
}

.store-footer-contact-list li + li {
    margin-top: 13px;
}

.store-footer-contact-icon {
    width: 42px;
    height: 42px;
    border-color: rgba(198, 169, 86, .38);
    background: rgba(198, 169, 86, .10);
    color: #f3e2a8 !important;
}

.store-footer-contact-icon svg {
    width: 19px;
    height: 19px;
    fill: currentColor;
}

.store-footer-contact-list a,
.store-footer-contact-list li > span:last-child {
    color: rgba(255, 255, 255, .84);
    font-size: 15.5px;
    line-height: 1.55;
    overflow-wrap: normal;
    word-break: normal;
}

.store-footer-contact-list a[href^="mailto:"] {
    white-space: nowrap;
}

.store-footer-address {
    align-items: start !important;
}

.store-footer-address .store-footer-contact-icon {
    margin-top: 1px;
}

.store-footer-address > span:last-child {
    max-width: 360px;
    line-height: 1.65;
}

.store-footer-socials {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.store-footer-socials a {
    width: 38px;
    height: 38px;
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .04);
}

.store-footer-bottom {
    margin-top: 52px;
    padding: 24px 0 28px;
    border-top: 1px solid rgba(255, 255, 255, .10);
}

@media (max-width: 1199.98px) {
    .store-footer-grid.store-footer-contact-right,
    .store-footer-grid.store-footer-contact-left {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 38px 46px;
    }

    .store-footer-contact-column {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(180px, .55fr) minmax(0, 1.45fr);
        column-gap: 34px;
        align-items: start;
    }

    .store-footer-contact-column h6 {
        grid-column: 1;
        margin-bottom: 0;
    }

    .store-footer-contact-list,
    .store-footer-socials {
        grid-column: 2;
    }

    .store-footer-socials {
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    .store-footer {
        padding-top: 46px;
    }

    .store-footer-grid.store-footer-contact-right,
    .store-footer-grid.store-footer-contact-left {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px 28px;
    }

    .store-footer-contact-column {
        grid-column: 1 / -1;
        display: block;
        padding: 24px 22px;
    }

    .store-footer-contact-column h6 {
        margin-bottom: 28px;
    }

    .store-footer-contact-list a[href^="mailto:"] {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 575.98px) {
    .store-footer-grid.store-footer-contact-right,
    .store-footer-grid.store-footer-contact-left {
        grid-template-columns: 1fr;
    }

    .store-footer-menu-column {
        padding: 0 0 22px;
    }

    .store-footer-contact-column {
        border-bottom: 1px solid rgba(255, 255, 255, .11) !important;
    }
}

/* v1.6.16 — açık yeşil, kart içermeyen dengeli footer */
.store-footer {
    padding-top: 58px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.035), transparent 42%),
        linear-gradient(120deg, #4b7449 0%, #3f6a43 52%, #466f47 100%);
    border-top: 1px solid rgba(255,255,255,.16);
}

.store-footer .container {
    max-width: 1360px;
}

.store-footer-grid.store-footer-contact-right {
    grid-template-columns: repeat(3, minmax(145px, .82fr)) minmax(360px, 1.45fr);
    gap: clamp(30px, 3.4vw, 58px);
}

.store-footer-grid.store-footer-contact-left {
    grid-template-columns: minmax(360px, 1.45fr) repeat(3, minmax(145px, .82fr));
    gap: clamp(30px, 3.4vw, 58px);
}

.store-footer-menu-column {
    padding-top: 4px;
}

.store-footer-column h6 {
    margin-bottom: 25px;
    color: #fff;
    font-size: 19px;
}

.store-footer-column h6::after {
    bottom: -9px;
    width: 34px;
    background: #e3c86b;
}

.store-footer-links a {
    color: rgba(255,255,255,.82);
}

.store-footer-links a:hover {
    color: #fff !important;
}

/* İletişim alanı artık ayrı bir kart değildir. */
.store-footer-contact-column {
    min-width: 0;
    padding: 4px 0 4px clamp(26px, 2.5vw, 42px);
    border: 0;
    border-left: 1px solid rgba(255,255,255,.22);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.store-footer-contact-left .store-footer-contact-column {
    padding-right: clamp(26px, 2.5vw, 42px);
    padding-left: 0;
    border-right: 1px solid rgba(255,255,255,.22);
    border-left: 0;
}

.store-footer-contact-column h6 {
    margin-bottom: 25px;
}

.store-footer-contact-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 24px;
}

.store-footer-contact-list li,
.store-footer-contact-list li + li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    min-height: 28px;
    margin-top: 0;
}

.store-footer-contact-list .store-footer-address {
    grid-column: 1 / -1;
}

.store-footer-contact-icon {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #f2d97d !important;
}

.store-footer-contact-icon svg {
    width: 20px;
    height: 20px;
}

.store-footer-contact-list a,
.store-footer-contact-list li > span:last-child {
    color: rgba(255,255,255,.88);
    font-size: 15.5px;
    line-height: 1.55;
}

.store-footer-contact-list a[href^="mailto:"] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.store-footer-address > span:last-child {
    max-width: 560px;
    line-height: 1.65;
}

.store-footer-socials {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.16);
}

.store-footer-socials a {
    width: 36px;
    height: 36px;
    border-color: rgba(255,255,255,.24);
    background: rgba(255,255,255,.07);
}

.store-footer-bottom {
    margin-top: 46px;
    padding: 22px 0 26px;
    border-top-color: rgba(255,255,255,.16);
}

.store-footer-bottom p {
    color: rgba(255,255,255,.72) !important;
}

@media (max-width: 1199.98px) {
    .store-footer-grid.store-footer-contact-right,
    .store-footer-grid.store-footer-contact-left {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 38px 42px;
    }

    .store-footer-contact-column,
    .store-footer-contact-left .store-footer-contact-column {
        grid-column: 1 / -1;
        display: block;
        padding: 30px 0 0;
        border: 0;
        border-top: 1px solid rgba(255,255,255,.20);
    }

    .store-footer-contact-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 900px;
    }
}

@media (max-width: 767.98px) {
    .store-footer {
        padding-top: 44px;
    }

    .store-footer-grid.store-footer-contact-right,
    .store-footer-grid.store-footer-contact-left {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 26px;
    }

    .store-footer-contact-column,
    .store-footer-contact-left .store-footer-contact-column {
        padding-top: 26px;
    }

    .store-footer-contact-list {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .store-footer-contact-list .store-footer-address {
        grid-column: auto;
    }
}

@media (max-width: 575.98px) {
    .store-footer-grid.store-footer-contact-right,
    .store-footer-grid.store-footer-contact-left {
        grid-template-columns: 1fr;
    }

    .store-footer-menu-column {
        padding: 0 0 20px;
    }

    .store-footer-contact-column,
    .store-footer-contact-left .store-footer-contact-column {
        padding: 24px 0 0;
        border-bottom: 0 !important;
    }
}


/* v1.6.19 — Footer payment and security badge strip */
.store-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}
.store-footer-payments {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    margin-left: auto;
}
.store-footer-payments img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(640px, 52vw);
    object-fit: contain;
}
@media (max-width: 767.98px) {
    .store-footer-bottom-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    .store-footer-payments {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }
    .store-footer-payments img {
        max-width: 100%;
    }
}

/* v1.6.20 - Ürün bilgi sekmeleri ve üye yorumları */
.store-product-tabs { margin-top: 34px; }
.store-product-tab-nav { display: flex; align-items: flex-end; gap: 8px; padding: 0 10px; border-bottom: 1px solid var(--line-olive); overflow-x: auto; scrollbar-width: thin; }
.store-product-tab-button { position: relative; flex: 0 0 auto; min-height: 54px; padding: 14px 22px; border: 0; border-radius: 12px 12px 0 0; background: transparent; color: #66705f; font-weight: 700; font-size: 15px; transition: color .2s ease, background .2s ease; }
.store-product-tab-button:hover { color: var(--primary-dark); background: #f4f7f1; }
.store-product-tab-button.is-active { color: #fff; background: var(--primary); }
.store-product-tab-button span { display: inline-grid; place-items: center; min-width: 23px; height: 23px; margin-left: 6px; padding: 0 6px; border-radius: 999px; background: rgba(255,255,255,.18); font-size: 12px; }
.store-product-tab-panel { padding-top: 22px; }
.store-product-tab-panel[hidden] { display: none !important; }
.store-tab-card { min-height: 260px; background: #fff; box-shadow: 0 16px 42px rgba(42,65,32,.06); }
.store-spec-list-tab { max-width: 820px; }
.store-review-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); gap: 22px; align-items: start; }
.store-review-list-card, .store-review-form-card { background: #fff; box-shadow: 0 16px 42px rgba(42,65,32,.06); }
.store-review-form-card { position: sticky; top: 96px; }
.store-review-heading { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding-bottom: 20px; border-bottom: 1px solid #e8ede4; }
.store-review-heading h3 { margin: 0; }
.store-review-summary { min-width: 130px; text-align: right; }
.store-review-summary > strong { display: block; color: var(--primary-dark); font-size: 30px; line-height: 1; }
.store-review-summary small { display: block; margin-top: 3px; color: #788171; font-size: 12px; }
.store-review-stars { display: flex; gap: 2px; color: #d9ddcc; font-size: 18px; line-height: 1; }
.store-review-summary .store-review-stars { justify-content: flex-end; margin-top: 6px; }
.store-review-stars .is-filled { color: #c39b28; }
.store-review-list { display: grid; gap: 0; }
.store-review-item { padding: 22px 0; border-bottom: 1px solid #edf0e9; }
.store-review-item:last-child { border-bottom: 0; padding-bottom: 0; }
.store-review-item-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 9px; }
.store-review-item-top strong { color: var(--primary-dark); }
.store-review-item-top time { color: #8a9285; font-size: 12px; white-space: nowrap; }
.store-review-item h4 { margin: 10px 0 6px; color: var(--primary-dark); font-size: 16px; }
.store-review-item p { margin: 0; color: #596354; line-height: 1.75; }
.store-verified-badge { display: inline-flex; align-items: center; margin-left: 8px; padding: 3px 8px; border-radius: 999px; background: #edf6e8; color: #3c6a2f; font-size: 11px; font-weight: 700; }
.store-review-empty { padding: 34px 0 8px; text-align: center; color: #6c7567; }
.store-review-empty strong { display: block; margin-bottom: 6px; color: var(--primary-dark); }
.store-review-alert { margin: 18px 0 0; padding: 12px 14px; border-radius: 9px; font-size: 14px; }
.store-review-alert.is-success { background: #edf7e9; color: #305c27; border: 1px solid #cce4c4; }
.store-review-alert.is-error { background: #fff0ee; color: #943e34; border: 1px solid #f2c8c2; }
.store-review-status { margin-bottom: 18px; padding: 12px 14px; border-radius: 9px; background: #f5f7f2; color: #596354; }
.store-review-status strong { color: var(--primary-dark); }
.store-review-status small { display: block; margin-top: 4px; }
.store-review-form { display: grid; gap: 16px; }
.store-review-form label, .store-rating-field legend { display: block; margin-bottom: 7px; color: var(--primary-dark); font-weight: 700; }
.store-review-form label small { color: #8b9386; font-weight: 500; }
.store-review-form input[type="text"], .store-review-form textarea { width: 100%; border: 1px solid var(--line-olive); border-radius: 9px; padding: 12px 13px; background: #fff; color: #30382d; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
.store-review-form input[type="text"]:focus, .store-review-form textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(54,99,40,.1); }
.store-rating-field { margin: 0; padding: 0; border: 0; }
.store-star-input { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 3px; }
.store-star-input input { position: absolute; opacity: 0; pointer-events: none; }
.store-star-input label { margin: 0; color: #d9ddcc; cursor: pointer; font-size: 30px; line-height: 1; transition: color .15s ease, transform .15s ease; }
.store-star-input label:hover, .store-star-input label:hover ~ label, .store-star-input input:checked ~ label { color: #c39b28; }
.store-star-input label:hover { transform: scale(1.08); }
.store-review-login-box { display: grid; gap: 12px; }
.store-review-login-box p { margin: 0 0 4px; color: #596354; line-height: 1.7; }
.store-review-register-link { color: var(--primary); text-align: center; font-weight: 700; }
@media (max-width: 991.98px) {
    .store-review-layout { grid-template-columns: 1fr; }
    .store-review-form-card { position: static; }
}
@media (max-width: 575.98px) {
    .store-product-tab-nav { padding: 0; gap: 4px; }
    .store-product-tab-button { min-height: 48px; padding: 12px 14px; font-size: 13px; }
    .store-review-heading { align-items: flex-start; flex-direction: column; }
    .store-review-summary { text-align: left; }
    .store-review-summary .store-review-stars { justify-content: flex-start; }
    .store-review-item-top { flex-direction: column; }
}


/* v1.6.21 — stabilized product tabs and footer contact behavior */
.store-product-tabs .store-product-tab-nav {
    display: flex !important;
    align-items: flex-end !important;
    gap: 8px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid var(--line-olive) !important;
    overflow-x: auto;
}
.store-product-tabs .store-product-tab-button {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex: 0 0 auto;
    min-height: 54px;
    margin: 0 !important;
    padding: 14px 22px !important;
    border: 0 !important;
    border-radius: 12px 12px 0 0 !important;
    background: transparent !important;
    color: #66705f !important;
    font: inherit;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25;
    cursor: pointer;
    white-space: nowrap;
}
.store-product-tabs .store-product-tab-button:hover,
.store-product-tabs .store-product-tab-button:focus-visible {
    color: var(--primary-dark) !important;
    background: #f1f6ed !important;
    outline: none;
}
.store-product-tabs .store-product-tab-button.is-active {
    color: #fff !important;
    background: var(--primary) !important;
}
.store-product-tabs .store-product-tab-button.is-active span {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
}
.store-product-tabs .store-product-tab-panel[hidden] {
    display: none !important;
}
.store-product-tabs .store-product-tab-panel.is-active {
    display: block !important;
}

.store-footer .store-footer-links a,
.store-footer .store-footer-contact-list a {
    color: rgba(255,255,255,.92) !important;
    background: transparent !important;
    text-decoration: none !important;
}
.store-footer .store-footer-links a:hover,
.store-footer .store-footer-links a:focus,
.store-footer .store-footer-contact-list a:hover,
.store-footer .store-footer-contact-list a:focus {
    color: #fff !important;
    background: transparent !important;
    opacity: 1 !important;
    text-decoration: none !important;
}
.store-footer-contact-list .store-footer-email {
    grid-column: 1 / -1;
}
.store-footer-contact-list .store-footer-email a,
.store-footer-contact-list a[href^="mailto:"] {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    font-size: clamp(12px, 1.05vw, 15.5px);
}
@media (max-width: 767.98px) {
    .store-product-tabs .store-product-tab-nav { padding: 0 !important; gap: 4px !important; }
    .store-product-tabs .store-product-tab-button { min-height: 48px; padding: 12px 14px !important; font-size: 13px !important; }
    .store-footer-contact-list .store-footer-email { grid-column: auto; }
    .store-footer-contact-list .store-footer-email a,
    .store-footer-contact-list a[href^="mailto:"] { font-size: 13px; }
}

/* v1.6.22 — Ürün bilgi sekmeleri: birleşik, kompakt ve premium görünüm */
.store-product-tabs {
    margin-top: 34px !important;
    border: 1px solid #dce5d7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(35, 70, 29, .07);
    overflow: hidden;
}
.store-product-tabs .store-product-tab-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch !important;
    gap: 6px !important;
    padding: 8px !important;
    border-bottom: 1px solid #dfe7da !important;
    background: #f3f7f0;
    overflow: visible;
}
.store-product-tabs .store-product-tab-button {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-width: 0;
    min-height: 50px;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #52604d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.store-product-tabs .store-product-tab-button:hover,
.store-product-tabs .store-product-tab-button:focus-visible {
    color: #294f22 !important;
    background: #e8f0e3 !important;
    border-color: #cddcc5 !important;
    outline: none;
}
.store-product-tabs .store-product-tab-button.is-active {
    color: #fff !important;
    background: #365f2d !important;
    border-color: #365f2d !important;
    box-shadow: 0 7px 18px rgba(54, 95, 45, .2);
}
.store-product-tabs .store-product-tab-button span {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    margin: 0;
    padding: 0 6px;
    border-radius: 999px;
    background: #e5ede0 !important;
    color: #365f2d !important;
    font-size: 11px;
    font-weight: 800;
}
.store-product-tabs .store-product-tab-button.is-active span {
    background: rgba(255,255,255,.2) !important;
    color: #fff !important;
}
.store-product-tabs .store-product-tab-panel {
    padding: 30px !important;
    background: #fff;
}
.store-product-tabs .store-product-tab-panel[hidden] {
    display: none !important;
}
.store-product-tabs .store-product-tab-panel.is-active {
    display: block !important;
}
.store-product-tabs .store-tab-card {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.store-product-tabs .store-tab-card h3,
.store-product-tabs .store-review-list-card h3,
.store-product-tabs .store-review-form-card h3 {
    margin: 0 0 18px !important;
    color: #173f2f;
    font-size: clamp(27px, 2.3vw, 36px);
    line-height: 1.15;
}
.store-product-tabs .store-description {
    max-width: 1050px;
    color: #4d5849;
    font-size: 16px;
    line-height: 1.85;
}
.store-product-tabs .store-description > *:last-child {
    margin-bottom: 0;
}
.store-product-tabs .store-spec-list-tab {
    max-width: none;
    margin: 0;
    border-top: 1px solid #e6ece2;
}
.store-product-tabs .store-spec-list-tab > div {
    padding: 14px 0;
}
.store-product-tabs .store-review-layout {
    gap: 24px;
}
.store-product-tabs .store-review-list-card,
.store-product-tabs .store-review-form-card {
    border-color: #e0e8dc;
    border-radius: 12px;
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .store-product-tabs {
        border-radius: 13px;
    }
    .store-product-tabs .store-product-tab-nav {
        display: flex !important;
        gap: 5px !important;
        padding: 7px !important;
        overflow-x: auto;
        scrollbar-width: thin;
    }
    .store-product-tabs .store-product-tab-button {
        flex: 0 0 auto;
        width: auto;
        min-width: 150px;
        min-height: 46px;
        padding: 10px 13px !important;
        font-size: 13px !important;
        white-space: nowrap;
    }
    .store-product-tabs .store-product-tab-panel {
        padding: 22px 18px !important;
    }
    .store-product-tabs .store-tab-card h3,
    .store-product-tabs .store-review-list-card h3,
    .store-product-tabs .store-review-form-card h3 {
        font-size: 27px;
    }
    .store-product-tabs .store-description {
        font-size: 15px;
        line-height: 1.75;
    }
}


/* v1.6.23 — Ana sayfa sliderı eski doğal tema yerleşimine döndürüldü */
.store-home-banners { height: auto !important; min-height: 0 !important; }
.store-home-banners .slider-wrap { min-height: 0; }
.store-home-banners .sld_image img { display: block; width: 100%; object-fit: cover; }

/* v1.6.24 — Mobil yatay taşma ve dar görünüm düzeltmesi */
.store-footer > .container {
    width: 100% !important;
    max-width: 1360px !important;
}

@media (max-width: 1399.98px) {
    .store-footer > .container {
        max-width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    html,
    body,
    #wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    #wrapper > *,
    .store-footer,
    .store-footer > .container,
    .store-footer-grid,
    .store-footer-column,
    .store-footer-contact-list,
    .store-footer-bottom,
    .store-footer-bottom-inner {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .store-footer-grid.store-footer-contact-right,
    .store-footer-grid.store-footer-contact-left {
        grid-template-columns: 1fr !important;
    }

    .store-footer-contact-list a,
    .store-footer-contact-list span,
    .store-footer-links a {
        max-width: 100%;
    }

    .store-footer-payments img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

/* v1.6.25 — yalnız kategori kart çerçevesi ve üretim hikâyesi yerleşimi */

/* Kategori kartlarının dış çerçevesi ürün kartlarıyla aynı sistemde. */
.store-category-showcase-card {
    border: 1px solid var(--line-olive) !important;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(37, 55, 29, .10);
}
.store-category-showcase-card::after {
    border: 0 !important;
    box-shadow: none !important;
}
.store-category-showcase-card:hover,
.store-category-showcase-card:focus-visible {
    border-color: var(--line-olive) !important;
    transform: translateY(-4px);
    box-shadow: 0 14px 34px rgba(40, 66, 29, .10);
}
.store-category-showcase-card:hover::after,
.store-category-showcase-card:focus-visible::after {
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Üretim hikâyesi: tam genişlik, daha yatay ve daha kompakt. */
.store-home-story {
    padding-block: clamp(28px, 3.2vw, 48px);
    overflow: hidden;
}
.store-home-story > .container {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 0 !important;
}
.store-story-shell {
    width: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}
.store-story-shell > [class*="col-"] {
    min-width: 0;
}
.store-story-image {
    height: 100%;
    min-height: 420px;
    max-height: 460px;
}
.store-story-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.store-story-content {
    display: flex;
    min-height: 420px;
    padding: clamp(28px, 4vw, 54px) clamp(30px, 5vw, 74px);
    flex-direction: column;
    justify-content: center;
}
.store-story-content h2 {
    margin-bottom: 14px;
    font-size: clamp(30px, 3.1vw, 46px);
    line-height: 1.08;
}
.store-story-content > p:not(.store-eyebrow) {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.65;
}
.store-story-points {
    gap: 10px;
    margin: 20px 0;
}
.store-story-points div {
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 11px;
}
.store-story-points span {
    width: 36px;
    height: 36px;
    font-size: 13px;
}
.store-story-points small {
    line-height: 1.35;
}

@media (max-width: 991.98px) {
    .store-home-story {
        padding-block: 24px;
    }
    .store-story-shell {
        display: block;
    }
    .store-story-image {
        min-height: 300px;
        max-height: 340px;
    }
    .store-story-content {
        min-height: auto;
        padding: 30px 24px 34px;
    }
}

@media (max-width: 575.98px) {
    .store-home-story {
        padding-block: 18px;
    }
    .store-story-image {
        min-height: 230px;
        max-height: 260px;
    }
    .store-story-content {
        padding: 24px 18px 28px;
    }
    .store-story-content h2 {
        margin-bottom: 12px;
        font-size: clamp(27px, 9vw, 34px);
    }
    .store-story-content > p:not(.store-eyebrow) {
        font-size: 14px;
        line-height: 1.6;
    }
    .store-story-points {
        margin: 18px 0;
    }
}
/* v1.6.26 — Ana sayfada CTA kaldırıldı, yerine blog ve tarif kartları eklendi */
.store-home-editorial {
    padding: 72px 0;
}
.store-home-editorial-blog {
    background: #f8faf6;
}
.store-home-editorial-recipe {
    background: #fdfaf2;
}
.store-editorial-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 28px;
}
.store-editorial-heading .sub {
    display: inline-block;
    margin-bottom: 6px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #9a7b2f;
    font-weight: 700;
}
.store-editorial-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}
.store-editorial-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid #e4e7df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(33, 54, 22, .06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.store-editorial-card:hover {
    transform: translateY(-4px);
    border-color: #cfd8c8;
    box-shadow: 0 18px 42px rgba(33, 54, 22, .11);
}
.store-editorial-image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f2f3ee;
}
.store-editorial-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}
.store-editorial-card:hover .store-editorial-image img {
    transform: scale(1.03);
}
.store-editorial-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 18px 18px 20px;
}
.store-editorial-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    color: #7c8779;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.store-editorial-meta span {
    color: #9a7b2f;
}
.store-editorial-body h3 {
    margin-bottom: 12px;
    color: #1f3f2d;
    font-size: 24px;
    line-height: 1.3;
}
.store-editorial-body h3 a {
    color: inherit;
}
.store-editorial-body p {
    margin-bottom: 16px;
    color: #576155;
    font-size: 15px;
    line-height: 1.7;
}
.store-editorial-recipe-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    margin-bottom: 14px;
}
.store-editorial-recipe-meta span {
    display: inline-flex;
    align-items: center;
    padding: 7px 11px;
    border-radius: 999px;
    background: #f3f6ef;
    color: #40672b;
    font-size: 12px;
    font-weight: 600;
}
.store-editorial-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #365926;
    font-weight: 700;
}
.store-editorial-link span {
    transition: transform .2s ease;
}
.store-editorial-card:hover .store-editorial-link span {
    transform: translateX(3px);
}

@media (max-width: 1199.98px) {
    .store-editorial-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .store-home-editorial {
        padding: 54px 0;
    }
    .store-editorial-heading {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 22px;
    }
    .store-editorial-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .store-editorial-body {
        padding: 16px 16px 18px;
    }
    .store-editorial-body h3 {
        font-size: 22px;
    }
}

/* v1.6.27 — Üretim hikâyesi tam genişlik/kompakt nihai yerleşim */
.store-home-story {
    width: 100%;
    padding: clamp(24px, 3vw, 42px) 0;
    overflow: hidden;
    background: #f7f9f5;
}
.store-home-story .store-story-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: var(--primary-dark);
    box-shadow: none;
}
.store-home-story .store-story-image {
    min-width: 0;
    min-height: 390px;
    height: 100%;
    max-height: none;
}
.store-home-story .store-story-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.store-home-story .store-story-content {
    display: flex;
    min-width: 0;
    min-height: 390px;
    height: auto;
    padding: clamp(26px, 3.2vw, 48px) clamp(30px, 5vw, 80px);
    flex-direction: column;
    justify-content: center;
    overflow: visible;
}
.store-home-story .store-story-content h2 {
    margin: 0 0 13px;
    max-width: 720px;
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.08;
}
.store-home-story .store-story-content > p:not(.store-eyebrow) {
    max-width: 720px;
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
}
.store-home-story .store-story-points {
    gap: 9px;
    margin: 19px 0;
}
.store-home-story .store-story-points div {
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 11px;
}
.store-home-story .store-story-points span {
    width: 36px;
    height: 36px;
    font-size: 13px;
}
.store-home-story .store-story-points small {
    line-height: 1.35;
}

@media (max-width: 991.98px) {
    .store-home-story .store-story-shell {
        grid-template-columns: 1fr;
    }
    .store-home-story .store-story-image {
        min-height: 290px;
        max-height: 340px;
    }
    .store-home-story .store-story-content {
        min-height: 0;
        padding: 30px 24px 34px;
    }
}

@media (max-width: 575.98px) {
    .store-home-story {
        padding: 16px 0;
    }
    .store-home-story .store-story-image {
        min-height: 225px;
        max-height: 255px;
    }
    .store-home-story .store-story-content {
        padding: 24px 18px 28px;
    }
    .store-home-story .store-story-content h2 {
        font-size: clamp(27px, 9vw, 34px);
    }
}

/* v1.6.28 — Ana sayfa blog ve tarif kartları 3'lü, sade ve kompakt */
.store-editorial-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}
.store-editorial-card {
    border-color: #dfe5d9;
    border-radius: 18px;
}
.store-editorial-image {
    aspect-ratio: 16 / 10;
}
.store-editorial-body {
    gap: 0;
    padding: 18px 18px 18px;
}
.store-editorial-meta {
    margin-bottom: 10px;
}
.store-editorial-body h3 {
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 1.34;
}
.store-editorial-link {
    margin-top: auto;
    font-size: 14px;
}
.store-home-editorial-blog .store-editorial-card,
.store-home-editorial-recipe .store-editorial-card {
    min-height: 100%;
}
@media (max-width: 1199.98px) {
    .store-editorial-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
}
@media (max-width: 767.98px) {
    .store-editorial-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .store-editorial-body h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
}

/* v1.6.29 — story buton hover yazı rengi düzeltmesi */
.btn-primary:hover,
.btn-primary:focus,
.tf-btn.btn-primary:hover,
.tf-btn.btn-primary:focus,
.tf-btn.animate-btn:hover,
.tf-btn.animate-btn:focus,
.store-home-story .tf-btn.animate-btn:hover,
.store-home-story .tf-btn.animate-btn:focus {
    color: #ffffff !important;
    text-decoration: none;
}
.store-home-story .tf-btn.animate-btn,
.store-home-story .tf-btn.animate-btn:visited {
    color: #ffffff !important;
}

/* v1.6.30 — ana sayfa güven barı kutulu ve daha minimal düzen */
.store-quality-strip {
    padding: 14px 0 0;
    background: transparent;
    border-top: 0;
    border-bottom: 0;
}
.store-quality-strip .container {
    max-width: var(--theme-container-width, 1320px);
}
.store-quality-grid {
    width: 100%;
    max-width: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--line-olive);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}
.store-quality-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 118px;
    padding: 22px 24px;
    border-right: 1px solid var(--line-olive);
}
.store-quality-item:last-child { border-right: 0; }
.store-quality-svg {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #eef4ea;
}
.store-quality-svg svg {
    width: 24px;
    height: 24px;
    stroke-width: 2.2;
}
.store-quality-item h5 {
    margin: 0 0 4px;
    color: var(--primary-dark);
    font-size: 17px;
    line-height: 1.25;
}
.store-quality-item p {
    margin: 0;
    color: var(--muted-olive);
    line-height: 1.45;
    font-size: 15px;
}

@media (max-width: 1199.98px) {
    .store-quality-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .store-quality-item:nth-child(2) { border-right: 0; }
    .store-quality-item:nth-child(-n+2) { border-bottom: 1px solid var(--line-olive); }
}

@media (max-width: 767.98px) {
    .store-quality-strip { padding-top: 12px; }
    .store-quality-grid { grid-template-columns: 1fr; }
    .store-quality-item,
    .store-quality-item:nth-child(2) {
        min-height: auto;
        padding: 18px 18px;
        border-right: 0;
        border-bottom: 1px solid var(--line-olive);
    }
    .store-quality-item:last-child { border-bottom: 0; }
}

/* v1.6.31 — güven barı slider altına taşındı, üst boşluk kaldırıldı */
.store-home-banners + .store-quality-strip {
    margin-top: 0;
}
.store-home-banners + .store-quality-strip .container {
    margin-top: 0;
}
.store-home-banners + .store-quality-strip {
    padding-top: 0;
}

/* v1.6.32 — slider ile güven barı arasında 5px boşluk */
.store-home-banners + .store-quality-strip {
    padding-top: 5px !important;
}

/* v1.6.33 — Üretim hikâyesi ile sonraki bölüm arasındaki gereksiz boşluk kaldırıldı */
.store-home-story {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.store-home-story + .store-home-catalog {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* v1.6.34 — güven barı daha geniş, daha düz, daha az satırlı */
.store-quality-strip .container {
    max-width: 1400px;
}
.store-quality-grid {
    border-radius: 0 !important;
}
.store-quality-item {
    gap: 12px;
    min-height: 110px;
    padding: 18px 20px;
}
.store-quality-svg {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    flex: 0 0 42px;
}
.store-quality-svg svg {
    width: 22px;
    height: 22px;
}
.store-quality-item h5 {
    margin: 0 0 3px;
    font-size: 16px;
    line-height: 1.2;
}
.store-quality-item p {
    font-size: 14px;
    line-height: 1.38;
}
@media (max-width: 1399.98px) {
    .store-quality-strip .container {
        max-width: calc(100% - 24px);
    }
}

/* v1.6.35 — üretim hikâyesi ile katalog arasında hafif boşluk */
.store-home-story + .store-home-catalog {
    padding-top: 12px !important;
    margin-top: 0 !important;
}

/* v1.6.36 — ana sayfa üst bağlantıları blog/tarif hover çizgisiyle eşitlendi */
.store-all-link.tf-btn-line {
    font-weight: 600;
}
.store-all-link.tf-btn-line:hover,
.store-all-link.tf-btn-line:focus {
    color: inherit !important;
}

/* v1.6.37 — müşteri yorumu alanı daha kısa ve kompakt */
.section-testimonial {
    overflow: hidden;
}
.testimonial-v01 {
    min-height: 300px;
}
.testimonial-v01 > * {
    min-height: 300px;
}
.testimonial-v01 .tes-image,
.testimonial-v01 .tes-image img {
    min-height: 300px !important;
    height: 300px !important;
}
.testimonial-v01 .tes-image img {
    object-fit: cover;
    object-position: center;
}
.testimonial-v01 .col-right {
    display: flex;
    min-height: 300px;
    padding: 32px clamp(34px, 5vw, 76px) !important;
    flex-direction: column;
    justify-content: center;
}
.testimonial-v01 .content {
    gap: 12px !important;
}
.testimonial-v01 .rate-list .icon {
    font-size: 22px !important;
}
.testimonial-v01 .tes-text {
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1.28;
}
.testimonial-v01 .tes-author {
    font-size: 18px;
}
.testimonial-v01 .sw-main-thumb {
    margin-bottom: 14px !important;
}

@media (max-width: 767.98px) {
    .testimonial-v01 {
        min-height: 0;
    }
    .testimonial-v01 > .sw-thumb {
        display: none;
    }
    .testimonial-v01 > * {
        width: 100%;
        min-height: 0;
    }
    .testimonial-v01 .col-right {
        min-height: 220px;
        padding: 28px 22px !important;
    }
    .testimonial-v01 .tes-text {
        font-size: 23px;
    }
    .testimonial-v01 .tes-author {
        font-size: 16px;
    }
}

/* v1.6.38 — ana sayfa yorum alanı gerçek ürün yorumlarından beslenir */
.store-home-review-section {
    padding: 34px 0;
    background: #f7f9f5;
}
.store-home-review-card {
    display: grid;
    grid-template-columns: minmax(280px, 38%) minmax(0, 1fr);
    min-height: 300px;
    overflow: hidden;
    border: 1px solid var(--line-olive);
    background: #fff;
}
.store-home-review-product {
    position: relative;
    display: block;
    min-height: 300px;
    overflow: hidden;
    background: #f1f3ec;
}
.store-home-review-product img {
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    transition: transform .35s ease;
}
.store-home-review-product:hover img {
    transform: scale(1.025);
}
.store-home-review-product > span {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    padding: 11px 14px;
    background: rgba(255, 255, 255, .94);
    color: var(--primary-dark);
    font-weight: 700;
    line-height: 1.35;
}
.store-home-review-content {
    display: flex;
    min-width: 0;
    padding: clamp(28px, 4vw, 58px);
    flex-direction: column;
    justify-content: center;
    background: var(--primary-dark);
    color: rgba(255, 255, 255, .78);
}
.store-home-review-stars {
    display: flex;
    gap: 5px;
    margin-bottom: 14px;
    color: rgba(255, 255, 255, .34);
    font-size: 22px;
    line-height: 1;
}
.store-home-review-stars .is-filled {
    color: #f4d56d;
}
.store-home-review-content h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(23px, 2vw, 31px);
    line-height: 1.25;
}
.store-home-review-content blockquote {
    max-width: 820px;
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(20px, 2vw, 29px);
    line-height: 1.42;
}
.store-home-review-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    margin-bottom: 18px;
}
.store-home-review-meta strong {
    color: #fff;
}
.store-home-review-meta span {
    color: rgba(255, 255, 255, .66);
    font-size: 14px;
}
.store-home-review-link {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 8px;
    color: #fff !important;
    font-weight: 700;
}
.store-home-review-link:hover,
.store-home-review-link:focus {
    color: #f4d56d !important;
}

@media (max-width: 991.98px) {
    .store-home-review-card {
        grid-template-columns: minmax(220px, 34%) minmax(0, 1fr);
    }
}

@media (max-width: 767.98px) {
    .store-home-review-section {
        padding: 18px 0;
    }
    .store-home-review-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }
    .store-home-review-product,
    .store-home-review-product img {
        min-height: 220px;
        height: 220px;
    }
    .store-home-review-content {
        padding: 24px 20px 28px;
    }
    .store-home-review-content blockquote {
        font-size: 21px;
    }
}

/* v1.6.41 — çoklu ödeme yöntemi ve güvenli sağlayıcı ekranları */
.store-payment-option { position: relative; align-items: center; }
.store-payment-method-icon { flex: 0 0 42px; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: #eef4ea; font-size: 21px; }
.store-payment-option:has(input:checked) .store-payment-method-icon { background: #dfeeda; }
.store-payment-extra { padding: 16px; border: 1px solid #dfe6db; border-radius: 12px; background: #f8faf6; }
.store-payment-extra label { display: block; margin-bottom: 7px; color: #35483d; font-weight: 600; }
.store-payment-extra small { display: block; margin-top: 7px; line-height: 1.45; }
.store-payment-host-page { min-height: 70vh; background: #f7f9f5; }
.store-payment-host-card { max-width: 1020px; margin: 0 auto; overflow: hidden; border: 1px solid #dfe6db; background: #fff; box-shadow: 0 18px 55px rgba(40,66,29,.08); }
.store-payment-host-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 26px; border-bottom: 1px solid #e6ece2; }
.store-payment-host-head span, .store-payment-host-head small { display: block; color: #9a7b2f; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.store-payment-host-head h1 { margin: 3px 0 0; color: var(--primary-dark); font-size: 28px; }
.store-payment-host-head > div:last-child { text-align: right; }
.store-payment-host-head strong, .store-payment-host-head b { display: block; color: var(--primary-dark); }
.store-payment-iframe { display: block; width: 100%; min-height: 650px; border: 0; }
.store-payment-embedded { min-height: 560px; padding: 24px; }
.store-payment-error-icon { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 20px; border-radius: 50%; background: #fff0e8; color: #b9502d; font-size: 38px; font-weight: 800; }
@media (max-width: 767.98px) {
  .store-payment-host-head { align-items: flex-start; flex-direction: column; padding: 18px; }
  .store-payment-host-head > div:last-child { text-align: left; }
  .store-payment-iframe { min-height: 720px; }
}

/* v1.6.48 — Sipariş sonrası çoklu Havale / EFT hesapları */
.store-bank-box__intro { margin-bottom: 14px !important; color: #746335; }
.store-bank-accounts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 15px 0; text-align: left; }
.store-bank-account { padding: 16px; border: 1px solid #eadcb5; border-radius: 12px; background: #fff; }
.store-bank-account__name { display: block; margin-bottom: 10px; color: #4c3e18; font-size: 15px; }
.store-bank-account > div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 8px; padding: 4px 0; }
.store-bank-account > div span { color: #8a7c55; font-size: 12px; }
.store-bank-account > div b { min-width: 0; color: #2f352f; font-size: 12px; overflow-wrap: anywhere; }
.store-bank-account__iban { letter-spacing: .035em; }
@media (max-width: 767px) { .store-bank-accounts { grid-template-columns: 1fr; } }

/* v1.6.49 — Otomatik ve mozaik geçişli ana sayfa sliderı */
.store-home-banners .store-home-slider {
    position: relative;
    isolation: isolate;
}
.store-home-banners .swiper-slide .sld_image img {
    transform: scale(1.035);
    transition: transform 6.5s ease;
}
.store-home-banners .swiper-slide-active .sld_image img {
    transform: scale(1);
}
.store-home-banners .sld_content {
    z-index: 4;
}
.store-home-banners .group-btn,
.store-home-banners .tf-sw-pagination {
    z-index: 6;
}
.store-slider-mosaic {
    position: absolute;
    inset: 0;
    z-index: 3;
    overflow: hidden;
    pointer-events: none;
    perspective: 1000px;
}
.store-slider-mosaic::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(90deg, rgba(19, 42, 31, .58), rgba(19, 42, 31, .08));
}
.store-slider-mosaic__tile {
    position: absolute;
    z-index: 1;
    display: block;
    opacity: 0;
    transform: scale(.42) rotateY(68deg) rotateX(-18deg);
    transform-origin: center;
    backface-visibility: hidden;
    will-change: transform, opacity, filter;
    filter: saturate(.85) brightness(.9);
    transition:
        transform .58s cubic-bezier(.18,.75,.22,1),
        opacity .38s ease,
        filter .55s ease;
}
.store-slider-mosaic.is-visible .store-slider-mosaic__tile {
    opacity: 1;
    transform: scale(1.01) rotateY(0) rotateX(0);
    filter: saturate(1) brightness(1);
}
.store-slider-mosaic.is-finishing {
    opacity: 0;
    transition: opacity .28s ease;
}
.store-home-banners-ready .sw-dot-default .swiper-pagination-bullet-active {
    transform: scale(1.24);
}
@media (prefers-reduced-motion: reduce) {
    .store-slider-mosaic { display: none !important; }
    .store-home-banners .swiper-slide .sld_image img { transition: none; transform: none; }
}
@media (max-width: 767.98px) {
    .store-slider-mosaic__tile {
        transition-duration: .46s, .32s, .46s;
    }
}

/* v1.6.50 — Tek parça yeşil header, ikon tabanlı hesap alanı */
.store-header .header-top {
    padding-top: var(--store-header-vertical-padding, 10px);
    padding-bottom: 0;
    background:
        radial-gradient(circle at 8% 50%, rgba(255,255,255,.055), transparent 25%),
        linear-gradient(180deg, #3f682f 0%, #355b28 100%);
    border-bottom: 1px solid rgba(196, 162, 74, .46);
    box-shadow: 0 8px 24px rgba(29, 55, 21, .16);
}

.store-header .header-top_wrap {
    min-height: 82px;
}

.store-header .store-header-actions {
    gap: 12px;
}

.store-header .store-header-actions li {
    display: flex;
}

.store-header .store-header-actions .nav-icon-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 50%;
    background: rgba(255,255,255,.055);
    color: #fff !important;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.store-header .store-header-actions .nav-icon-item > i {
    margin: 0;
    color: #fff !important;
    font-size: 25px;
}

.store-header .store-header-actions .nav-icon-item:hover,
.store-header .store-header-actions .nav-icon-item:focus {
    transform: translateY(-2px);
    color: #fff !important;
    border-color: rgba(243,213,123,.72);
    background: rgba(196,162,74,.22);
    box-shadow: 0 8px 20px rgba(25,46,19,.2);
}

.store-header .store-header-actions .number-count {
    right: -4px;
    top: -5px;
    min-width: 19px;
    height: 19px;
    padding-inline: 5px;
    color: #355b28 !important;
    background: #f3d57b !important;
    border: 2px solid #3a612d;
    line-height: 15px;
}

.store-header .store-navigation-inline {
    margin-top: 4px;
    border-top: 1px solid rgba(255,255,255,.11);
}

.store-header .store-navigation-inline .box-nav-menu {
    gap: 0;
}

.store-header .store-navigation-inline .menu-item {
    position: relative;
}

.store-header .store-navigation-inline .menu-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,.14);
    transform: translateY(-50%);
}

.store-header .store-navigation-inline .item-link {
    padding: 15px 22px 17px;
    color: rgba(255,255,255,.94) !important;
    font-weight: 600;
    transition: color .2s ease, background-color .2s ease;
}

.store-header .store-navigation-inline .item-link .text {
    color: inherit !important;
}

.store-header .store-navigation-inline .item-link:hover,
.store-header .store-navigation-inline .item-link:focus {
    color: #f3d57b !important;
    background: rgba(255,255,255,.045);
}

@media (max-width: 1199.98px) {
    .store-header .header-top {
        padding-bottom: var(--store-header-vertical-padding, 10px);
    }
    .store-header .header-top_wrap {
        min-height: 64px;
    }
    .store-header .store-header-actions {
        gap: 7px;
    }
    .store-header .store-header-actions .nav-icon-item {
        width: 40px;
        height: 40px;
    }
    .store-header .store-header-actions .nav-icon-item > i {
        font-size: 22px;
    }
}

@media (max-width: 575.98px) {
    .store-header .store-header-actions .nav-icon-item {
        width: 37px;
        height: 37px;
    }
    .store-header .store-header-actions .nav-icon-item > i {
        font-size: 20px;
    }
}


/* v1.6.51 — Ekrana sığan responsive ana sayfa sliderı */
:root {
    --store-hero-desktop-height: min(72vh, 760px);
    --store-hero-mobile-height: min(56svh, 520px);
}
.store-home-banners {
    position: relative;
    overflow: hidden;
}
.store-home-banners .store-home-slider,
.store-home-banners .swiper-wrapper,
.store-home-banners .swiper-slide,
.store-home-banners .slider-wrap,
.store-home-banners .sld_image {
    height: var(--store-hero-desktop-height);
}
.store-home-banners .slider-wrap {
    position: relative;
    min-height: var(--store-hero-desktop-height);
}
.store-home-banners .sld_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.store-home-banners .sld_content {
    display: flex;
    align-items: center;
    min-height: var(--store-hero-desktop-height);
}
.store-home-banners .content-sld_wrap {
    max-width: min(720px, 62vw);
    padding-block: clamp(24px, 4vw, 48px);
}
.store-home-banners .title_sld {
    font-size: clamp(42px, 6.1vw, 88px);
    line-height: .96;
    letter-spacing: -.03em;
    margin-bottom: 16px;
}
.store-home-banners .sub-text_sld {
    max-width: 640px;
    font-size: clamp(16px, 1.6vw, 26px);
    line-height: 1.4;
    margin-bottom: 22px;
}
.store-home-banners .action_sld {
    min-height: 50px;
    padding: 13px 28px;
}
.store-home-banners .group-btn {
    inset-inline: 22px;
}
.store-home-banners .tf-sw-nav {
    width: 58px;
    height: 58px;
    background: rgba(164, 231, 159, .92);
    box-shadow: 0 10px 24px rgba(28, 52, 20, .18);
}
.store-home-banners .tf-sw-nav i {
    color: #355b28;
}
.store-home-banners .tf-sw-pagination {
    bottom: 18px !important;
}

@media (max-width: 1199.98px) {
    :root {
        --store-hero-desktop-height: min(64vh, 680px);
    }
    .store-home-banners .content-sld_wrap {
        max-width: min(640px, 70vw);
    }
    .store-home-banners .title_sld {
        font-size: clamp(36px, 5.6vw, 72px);
    }
}

@media (max-width: 767.98px) {
    .store-home-banners .store-home-slider,
    .store-home-banners .swiper-wrapper,
    .store-home-banners .swiper-slide,
    .store-home-banners .slider-wrap,
    .store-home-banners .sld_image,
    .store-home-banners .sld_content {
        height: var(--store-hero-mobile-height);
        min-height: var(--store-hero-mobile-height);
    }
    .store-home-banners .sld_image img {
        object-position: 68% center;
    }
    .store-home-banners .sld_content {
        align-items: flex-end;
    }
    .store-home-banners .content-sld_wrap {
        max-width: 100%;
        padding: 0 0 74px;
    }
    .store-home-banners .title_sld {
        font-size: clamp(28px, 9vw, 44px);
        line-height: 1.02;
        margin-bottom: 10px;
    }
    .store-home-banners .sub-text_sld {
        max-width: min(100%, 92vw);
        font-size: clamp(13px, 3.8vw, 18px);
        line-height: 1.38;
        margin-bottom: 16px;
    }
    .store-home-banners .action_sld {
        min-height: 44px;
        padding: 11px 18px;
        font-size: 14px;
    }
    .store-home-banners .group-btn {
        inset-inline: 10px;
    }
    .store-home-banners .tf-sw-nav {
        width: 46px;
        height: 46px;
    }
    .store-home-banners .tf-sw-pagination {
        bottom: 10px !important;
    }
}


/* v1.6.52 — Arama ikonlu ve footer tonlarına yakın açık header */
.store-header .header-top {
    padding-top: clamp(10px, 1.2vw, 14px);
    padding-bottom: clamp(10px, 1.2vw, 14px);
    background:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.085), transparent 24%),
        radial-gradient(circle at 88% 20%, rgba(255,255,255,.055), transparent 20%),
        linear-gradient(180deg, #496f35 0%, #567f3e 52%, #608b46 100%);
    border-bottom: 1px solid rgba(230, 212, 151, .26);
    box-shadow: 0 12px 26px rgba(28, 52, 20, .12);
}
.store-header .header-top_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 84px;
}
.store-header .logo-site {
    flex: 0 0 auto;
}
.store-header .store-navigation-inline {
    display: flex !important;
    flex: 1 1 auto;
    justify-content: center;
    margin-top: 0;
    border-top: 0;
    min-width: 0;
}
.store-header .store-navigation-inline .box-nav-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.store-header .store-navigation-inline .item-link {
    padding: 12px 20px;
    font-weight: 600;
    color: rgba(255,255,255,.95) !important;
}
.store-header .store-navigation-inline .menu-item:not(:last-child)::after {
    height: 18px;
    background: rgba(255,255,255,.16);
}
.store-header .inner-right {
    flex: 0 0 auto;
    margin-left: auto;
}
.store-header .store-header-actions {
    gap: 10px;
}
.store-header .store-header-actions .nav-icon-item {
    width: 44px;
    height: 44px;
    border-color: rgba(255,255,255,.22);
    background: rgba(255,255,255,.05);
}
.store-header .store-header-actions .nav-icon-item:hover,
.store-header .store-header-actions .nav-icon-item:focus {
    border-color: rgba(243, 213, 123, .65);
    background: rgba(243, 213, 123, .16);
}
.store-header .store-header-actions .nav-icon-item > i {
    font-size: 24px;
}
.store-header .store-header-actions .number-count {
    border-color: #557d3d;
}
@media (max-width: 1399.98px) {
    .store-header .header-top_wrap {
        gap: 18px;
    }
    .store-header .store-navigation-inline .item-link {
        padding-inline: 14px;
        font-size: 15px;
    }
}
@media (max-width: 1199.98px) {
    .store-header .header-top {
        padding-bottom: 12px;
    }
    .store-header .header-top_wrap {
        min-height: 70px;
        gap: 12px;
    }
}


/* v1.6.53 — Arama ikonu gerçek açılır arama alanı */
.store-header .store-search-menu {
    position: relative;
}
.store-header button.nav-icon-item {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    font: inherit;
    cursor: pointer;
}
.store-header .store-search-dropdown {
    width: min(390px, calc(100vw - 28px));
    margin-top: 12px !important;
    padding: 18px;
    border: 1px solid rgba(67, 104, 48, .16);
    border-radius: 16px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 20px 44px rgba(26, 52, 20, .22);
}
.store-header .store-search-dropdown::before {
    content: "";
    position: absolute;
    right: 18px;
    top: -7px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-left: 1px solid rgba(67, 104, 48, .16);
    border-top: 1px solid rgba(67, 104, 48, .16);
    transform: rotate(45deg);
}
.store-header .store-search-dropdown__form {
    position: relative;
    z-index: 1;
}
.store-header .store-search-dropdown__label {
    display: block;
    margin-bottom: 9px;
    color: #3d6330;
    font-size: 13px;
    font-weight: 700;
}
.store-header .store-search-dropdown__field {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #d8e2d2;
    border-radius: 12px;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.store-header .store-search-dropdown__field:focus-within {
    border-color: #6f9758;
    box-shadow: 0 0 0 4px rgba(92, 132, 67, .12);
}
.store-header .store-search-dropdown__field input {
    flex: 1 1 auto;
    min-width: 0;
    height: 48px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    color: #2e3d2b;
    background: transparent;
    font-size: 14px;
}
.store-header .store-search-dropdown__field input::placeholder {
    color: #98a394;
}
.store-header .store-search-dropdown__field button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    border: 0;
    color: #fff;
    background: linear-gradient(180deg, #6d9852 0%, #557f3e 100%);
    cursor: pointer;
}
.store-header .store-search-dropdown__field button i {
    font-size: 20px;
}
.store-header .store-search-toggle.show,
.store-header .store-search-toggle[aria-expanded="true"] {
    border-color: rgba(243, 213, 123, .75);
    background: rgba(243, 213, 123, .18);
}
@media (max-width: 575.98px) {
    .store-header .store-search-dropdown {
        position: fixed !important;
        left: 14px !important;
        right: 14px !important;
        top: 74px !important;
        width: auto;
        transform: none !important;
    }
    .store-header .store-search-dropdown::before {
        display: none;
    }
}


/* v1.6.54 — Mobil header ve slider düzeltmeleri */
@media (max-width: 1199.98px) {
    .store-header .store-navigation-inline,
    .store-header .store-navigation-inline.d-none,
    .store-header .store-navigation-inline.d-xl-block {
        display: none !important;
    }
    .store-topbar {
        display: none !important;
    }
    .store-header .header-top {
        padding-top: 10px;
        padding-bottom: 10px;
        background:
            radial-gradient(circle at 12% 18%, rgba(255,255,255,.08), transparent 24%),
            linear-gradient(180deg, #577f40 0%, #638d49 100%);
    }
    .store-header .header-top_wrap {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        min-height: 62px;
    }
    .store-header .box-btn-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
    .store-header .logo-site {
        justify-self: center;
        margin: 0;
    }
    .store-header .logo-site img,
    .store-brand-logo.store-brand-logo-desktop {
        height: min(var(--store-logo-mobile-height, 42px), 42px) !important;
        max-width: min(var(--store-logo-mobile-max-width, 180px), 134px) !important;
        width: auto;
    }
    .store-header .inner-right {
        margin-left: 0;
    }
    .store-header .store-header-actions {
        gap: 7px;
    }
    .store-header .store-header-actions .nav-icon-item {
        width: 37px;
        height: 37px;
        border-color: rgba(255,255,255,.18);
        background: rgba(255,255,255,.06);
    }
    .store-header .store-header-actions .nav-icon-item > i {
        font-size: 18px;
    }
    .store-header .store-header-actions .number-count {
        min-width: 16px;
        height: 16px;
        top: -4px;
        right: -4px;
        padding-inline: 3px;
        font-size: 10px;
        line-height: 12px;
    }
    .store-header .store-search-dropdown {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: 74px !important;
        width: auto !important;
        min-width: 0 !important;
        transform: none !important;
        margin-top: 0 !important;
    }
    .store-header .store-search-dropdown::before {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .store-home-banners .store-home-slider,
    .store-home-banners .swiper-wrapper,
    .store-home-banners .swiper-slide,
    .store-home-banners .slider-wrap,
    .store-home-banners .sld_image {
        height: min(50svh, 430px);
        min-height: 340px;
    }
    .store-home-banners .sld_image::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(19, 31, 12, .06) 0%, rgba(19, 31, 12, .22) 58%, rgba(19, 31, 12, .52) 100%);
        z-index: 1;
    }
    .store-home-banners .sld_content {
        display: none !important;
    }
    .store-home-banners .group-btn {
        display: none !important;
    }
    .store-home-banners .tf-sw-pagination {
        bottom: 14px !important;
        z-index: 3;
    }
}


/* v1.6.56 — Doğru hedef: slider altı kalite şeridi sade zeminli */
.store-home-banners + .store-quality-strip,
.store-quality-strip {
    margin: 0 !important;
    padding: 0 !important;
    background: #fbfcfa !important;
    border-top: 1px solid #edf1e9;
    border-bottom: 1px solid #e5eadf;
}
.store-quality-strip .container {
    max-width: 1320px !important;
    padding-inline: 24px;
}
.store-quality-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    padding: 26px 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible;
}
.store-quality-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 72px;
    padding: 0 26px;
    border: 0 !important;
    background: transparent !important;
}
.store-quality-item:first-child {
    padding-left: 0;
}
.store-quality-item:last-child {
    padding-right: 0;
}
.store-quality-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background: #e3e8de;
}
.store-quality-svg {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #55763f;
}
.store-quality-svg svg {
    width: 34px;
    height: 34px;
    stroke: currentColor;
    stroke-width: 2;
}
.store-quality-item h5 {
    margin: 0 0 4px;
    color: #4f703a;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
}
.store-quality-item p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #41453f;
    font-size: 14px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

@media (max-width: 1199.98px) {
    .store-quality-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 18px 0;
    }
    .store-quality-item {
        min-height: 86px;
        padding: 16px 22px;
    }
    .store-quality-item:first-child,
    .store-quality-item:nth-child(3) {
        padding-left: 0;
    }
    .store-quality-item:nth-child(2),
    .store-quality-item:last-child {
        padding-right: 0;
    }
    .store-quality-item:nth-child(2)::after {
        display: none;
    }
    .store-quality-item:nth-child(-n+2) {
        border-bottom: 1px solid #e7ece3 !important;
    }
}

@media (max-width: 575.98px) {
    .store-quality-strip .container {
        padding-inline: 14px;
    }
    .store-quality-grid {
        grid-template-columns: 1fr;
        padding: 8px 0;
    }
    .store-quality-item,
    .store-quality-item:first-child,
    .store-quality-item:nth-child(2),
    .store-quality-item:nth-child(3),
    .store-quality-item:last-child {
        min-height: 72px;
        padding: 13px 4px;
        border-bottom: 1px solid #e7ece3 !important;
    }
    .store-quality-item:last-child {
        border-bottom: 0 !important;
    }
    .store-quality-item::after {
        display: none !important;
    }
    .store-quality-svg {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
    .store-quality-svg svg {
        width: 30px;
        height: 30px;
    }
    .store-quality-item h5 {
        font-size: 15px;
    }
    .store-quality-item p {
        font-size: 13px;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
}


/* v1.6.57 — Slider altı kalite şeridi aynı stil ve tam metin görünümü */
.store-home-banners + .store-quality-strip,
.store-quality-strip {
    margin: 0 !important;
    padding: 0 !important;
    background: #f6f7f2 !important;
    border-top: 1px solid #ecefe7;
    border-bottom: 1px solid #e4e9de;
}
.store-quality-strip .container {
    max-width: 1400px !important;
    padding-inline: 28px;
}
.store-quality-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    padding: 32px 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible;
}
.store-quality-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 90px;
    padding: 0 28px;
    border: 0 !important;
    background: transparent !important;
}
.store-quality-item > div {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
}
.store-quality-item:first-child { padding-left: 0; }
.store-quality-item:last-child { padding-right: 0; }
.store-quality-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: #dde3d7;
}
.store-quality-svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #5f7f47;
}
.store-quality-svg svg {
    width: 30px;
    height: 30px;
    stroke: currentColor;
    stroke-width: 2;
}
.store-quality-item h5 {
    margin: 0 0 6px;
    color: #526f3d;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.22;
}
.store-quality-item p {
    display: block !important;
    margin: 0;
    overflow: visible !important;
    color: #454941;
    font-size: 15px;
    line-height: 1.5;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    white-space: normal !important;
    text-overflow: initial !important;
    max-height: none !important;
}
@media (max-width: 1199.98px) {
    .store-quality-strip .container {
        padding-inline: 22px;
    }
    .store-quality-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 24px 0;
    }
    .store-quality-item {
        min-height: 108px;
        padding: 18px 24px;
    }
    .store-quality-item:first-child,
    .store-quality-item:nth-child(3) { padding-left: 0; }
    .store-quality-item:nth-child(2),
    .store-quality-item:last-child { padding-right: 0; }
    .store-quality-item:nth-child(2)::after { display: none; }
    .store-quality-item:nth-child(-n+2) { border-bottom: 1px solid #dde3d7 !important; }
}
@media (max-width: 575.98px) {
    .store-quality-strip .container {
        padding-inline: 14px;
    }
    .store-quality-grid {
        grid-template-columns: 1fr;
        padding: 10px 0;
    }
    .store-quality-item,
    .store-quality-item:first-child,
    .store-quality-item:nth-child(2),
    .store-quality-item:nth-child(3),
    .store-quality-item:last-child {
        min-height: auto;
        padding: 16px 0;
        border-bottom: 1px solid #dde3d7 !important;
    }
    .store-quality-item:last-child { border-bottom: 0 !important; }
    .store-quality-item::after { display: none !important; }
    .store-quality-svg {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }
    .store-quality-svg svg {
        width: 28px;
        height: 28px;
    }
    .store-quality-item h5 {
        font-size: 16px;
    }
    .store-quality-item p {
        font-size: 14px;
        line-height: 1.45;
    }
}


/* v1.6.58 — Slider altı kalite şeridini footer servis şeridiyle hizala */
.store-quality-strip-clone {
    padding: 0;
    background: #fff;
    border-top: 1px solid #edf1e9;
    border-bottom: 1px solid #edf1e9;
}
.store-quality-strip-clone .flat-spacing-4 {
    padding-top: 22px;
    padding-bottom: 22px;
}
.store-quality-strip-clone .store-quality-clone-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 34px;
    align-items: start;
}
.store-quality-strip-clone .store-quality-clone-item {
    min-width: 0;
}
.store-quality-strip-clone .box-ic-v01 {
    align-items: flex-start;
    gap: 14px;
    max-width: none;
}
.store-quality-strip-clone .store-quality-clone-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    line-height: 1;
}
.store-quality-strip-clone .store-quality-clone-icon svg {
    width: 30px;
    height: 30px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}
.store-quality-strip-clone .title {
    margin-bottom: 4px;
}
.store-quality-strip-clone .sub {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    line-height: 1.45;
    color: var(--text-color);
}
@media (max-width: 1199.98px) {
    .store-quality-strip-clone .store-quality-clone-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 28px;
    }
}
@media (max-width: 575.98px) {
    .store-quality-strip-clone .flat-spacing-4 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .store-quality-strip-clone .store-quality-clone-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .store-quality-strip-clone .box-ic-v01 {
        gap: 12px;
    }
    .store-quality-strip-clone .store-quality-clone-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }
    .store-quality-strip-clone .store-quality-clone-icon svg {
        width: 27px;
        height: 27px;
    }
}


/* v1.6.59 — Slider zoom kapatıldı, tipografi ve buton toparlandı */
.store-home-banners .swiper-slide .sld_image img,
.store-home-banners .swiper-slide-active .sld_image img {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}
.store-home-banners .content-sld_wrap {
    max-width: min(780px, 70vw);
}
.store-home-banners .title_sld {
    font-size: clamp(38px, 5.2vw, 78px);
    line-height: 1.02;
    letter-spacing: -0.035em;
    text-wrap: balance;
}
.store-home-banners .sub-text_sld {
    max-width: 720px;
    font-size: clamp(15px, 1.45vw, 22px);
    line-height: 1.42;
    text-wrap: pretty;
}
.store-home-banners .action_sld {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    min-height: 54px;
    padding: 0 30px;
    border-radius: 999px;
    background: #3f6e2c !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.14);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(35, 57, 23, .16);
}
.store-home-banners .action_sld:hover,
.store-home-banners .action_sld:focus {
    background: #355d24 !important;
    color: #ffffff !important;
}
.store-home-banners .action_sld::after {
    display: none;
}
@media (max-width: 1199.98px) {
    .store-home-banners .content-sld_wrap {
        max-width: min(720px, 76vw);
    }
    .store-home-banners .title_sld {
        font-size: clamp(34px, 4.8vw, 64px);
    }
    .store-home-banners .sub-text_sld {
        font-size: clamp(14px, 1.6vw, 19px);
    }
}


/* v1.6.61 — Slider görsel karartma katmanı kaldırıldı */
.store-home-banners .sld_image::after,
.store-slider-mosaic::after {
    display: none !important;
    background: transparent !important;
}


/* v1.6.62 — İlk alışveriş kampanya popup tasarımı */
.store-promo-modal .modal-dialog {
    max-width: 1200px;
}
.store-promo-modal .modal-content {
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 22px 80px rgba(18, 31, 20, .22);
}
.store-promo-close {
    position: absolute;
    top: 14px;
    right: 16px;
    z-index: 5;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    color: #5f6974;
    font-size: 36px;
    line-height: 1;
}
.store-promo-layout {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(420px, 1fr);
    min-height: 610px;
    background: #fff;
}
.store-promo-visual {
    position: relative;
    background: #f7f2ea;
    min-height: 100%;
}
.store-promo-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.store-promo-visual-copy {
    position: absolute;
    left: 44px;
    top: 80px;
    max-width: 76%;
}
.store-promo-eyebrow {
    margin-bottom: 14px;
    color: #ef7d1a;
    font-size: clamp(28px, 2.5vw, 44px);
    font-weight: 700;
    line-height: 1.02;
}
.store-promo-visual-title {
    color: #0f6b41;
    font-size: clamp(42px, 4vw, 62px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.03em;
}
.store-promo-content {
    padding: 72px 52px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.store-promo-content h3 {
    margin: 0 0 12px;
    color: #0f6b41;
    font-size: clamp(34px, 3vw, 56px);
    line-height: 1.05;
    letter-spacing: -.03em;
    text-align: center;
}
.store-promo-subtitle {
    margin: 0 0 18px;
    color: #263230;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
}
.store-promo-code-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 18px;
    font-size: 18px;
}
.store-promo-code-row span { color: #1d2423; }
.store-promo-code-row strong { color: #ef7d1a; font-size: 32px; font-weight: 800; }
.store-promo-note {
    margin: 0 0 20px;
    color: #e77717;
    text-align: center;
    font-size: 14px;
    line-height: 1.45;
}
.store-promo-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.store-promo-field label {
    display: block;
    margin-bottom: 8px;
    color: #293231;
    font-size: 15px;
    font-weight: 500;
}
.store-promo-form .form-control {
    min-height: 56px;
    border-radius: 10px;
    border: 1px solid #d6ddd4;
    background: #fff;
    padding: 12px 16px;
    font-size: 16px;
}
.store-promo-phone-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    border: 1px solid #d6ddd4;
    border-radius: 10px;
    padding: 0 14px;
}
.store-promo-phone-prefix {
    flex: 0 0 auto;
    font-size: 20px;
    line-height: 1;
}
.store-promo-phone-wrap .form-control {
    border: 0;
    box-shadow: none;
    min-height: 54px;
    padding-left: 0;
}
.store-promo-phone-wrap .form-control:focus {
    box-shadow: none;
}
.store-promo-terms {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #25302d;
    font-size: 15px;
    line-height: 1.45;
}
.store-promo-terms input {
    margin-top: 4px;
}
.store-promo-submit {
    width: 100%;
    min-height: 56px;
    border-radius: 10px;
    background: #056f37 !important;
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
}
.store-promo-submit:hover,
.store-promo-submit:focus {
    background: #045f2f !important;
}
.store-promo-footnote {
    margin: -4px 0 0;
    color: #8b928e;
    font-size: 12px;
    line-height: 1.4;
}
@media (max-width: 991.98px) {
    .store-promo-layout {
        grid-template-columns: 1fr;
    }
    .store-promo-visual {
        min-height: 320px;
    }
    .store-promo-visual-copy {
        left: 26px;
        top: 34px;
        max-width: 72%;
    }
    .store-promo-content {
        padding: 36px 26px 28px;
    }
}
@media (max-width: 575.98px) {
    .store-promo-modal .modal-dialog {
        margin: 10px;
    }
    .store-promo-visual {
        min-height: 250px;
    }
    .store-promo-visual-copy {
        left: 18px;
        top: 24px;
        max-width: 78%;
    }
    .store-promo-content {
        padding: 28px 18px 22px;
    }
    .store-promo-code-row {
        flex-direction: column;
        gap: 2px;
    }
    .store-promo-code-row strong {
        font-size: 28px;
    }
}

/* v1.6.66 — Çoklu kargo firması seçimi */
.store-shipping-options{display:grid;grid-template-columns:1fr;gap:12px}.store-shipping-option{position:relative;display:grid;grid-template-columns:22px 112px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid #dfe6dc;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s}.store-shipping-option:hover,.store-shipping-option.is-selected{border-color:#6f8f59;background:#fbfdf9;box-shadow:0 7px 22px rgba(50,83,39,.08)}.store-shipping-option input{width:18px;height:18px;accent-color:#446d32}.store-shipping-logo{display:flex;align-items:center;justify-content:center;width:112px;height:54px;padding:5px;border-radius:9px;background:#fff}.store-shipping-logo img{max-width:100%;max-height:100%;object-fit:contain}.store-shipping-copy{display:flex;flex-direction:column;min-width:0}.store-shipping-copy strong{color:#2f4f28;font-size:16px}.store-shipping-copy small{margin-top:3px;color:#70786f}.store-shipping-price{color:#2f642d;font-size:16px;font-weight:700;white-space:nowrap}@media(max-width:575.98px){.store-shipping-option{grid-template-columns:20px 86px minmax(0,1fr);gap:10px;padding:12px}.store-shipping-logo{width:86px;height:46px}.store-shipping-price{grid-column:3;margin-top:2px}}

/* v1.6.69 — İade / iptal talep fotoğrafları */
.store-return-attachments {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.store-return-attachments a {
    display: block;
    overflow: hidden;
    border: 1px solid #e3e8df;
    border-radius: 10px;
    background: #fff;
    color: var(--primary);
    text-decoration: none;
}
.store-return-attachments img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.store-return-attachments span {
    display: block;
    padding: 9px 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
}
@media (max-width: 767.98px) {
    .store-return-attachments { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .store-return-attachments img { height: 145px; }
}

/* v1.7.3 — PageSpeed: hafif ana sayfa çalışma zamanı */
.store-home-banners-lite,
.store-home-banners-lite .store-home-slider-lite,
.store-home-banners-lite .store-home-slide,
.store-home-banners-lite .slider-wrap,
.store-home-banners-lite .sld_image {
    height: var(--store-hero-desktop-height);
}
.store-home-banners-lite .store-home-slider-lite {
    position: relative;
    overflow: hidden;
    background: #edf1e9;
}
.store-home-banners-lite .store-home-slide {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .48s ease, visibility .48s ease;
}
.store-home-banners-lite .store-home-slide.is-active {
    z-index: 2;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.store-home-banners-lite .store-home-slide .sld_image img {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}
.store-home-banners-lite .store-home-dots {
    position: absolute;
    z-index: 8;
    left: 50%;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    transform: translateX(-50%);
}
.store-home-banners-lite .store-home-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 50%;
    background: rgba(255,255,255,.35);
    transition: width .18s ease, border-radius .18s ease, background-color .18s ease;
}
.store-home-banners-lite .store-home-dot.is-active {
    width: 24px;
    border-radius: 99px;
    background: #fff;
}
.store-home-banners-lite .store-home-controls {
    z-index: 8;
}
.store-home-banners-lite .store-home-controls button {
    border: 0;
}

/* Swiper yerine JS gerektirmeyen yatay kaydırma */
.store-home-products .store-featured-swiper,
.store-home-catalog .store-featured-swiper,
.section-box-icon .tf-swiper {
    overflow: visible;
}
.store-home-products .store-featured-swiper .swiper-wrapper,
.store-home-catalog .store-featured-swiper .swiper-wrapper {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - (20px * (var(--slide-desktop, 4) - 1))) / var(--slide-desktop, 4));
    gap: 20px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
    padding-bottom: 12px;
}
.store-home-products .store-featured-swiper .swiper-slide,
.store-home-catalog .store-featured-swiper .swiper-slide {
    width: auto !important;
    min-width: 0;
    scroll-snap-align: start;
}
.store-home-products .store-featured-swiper .tf-sw-pagination,
.store-home-catalog .store-featured-swiper .tf-sw-pagination {
    display: none !important;
}
.section-box-icon .tf-swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
}
.section-box-icon .tf-swiper .swiper-slide {
    width: auto !important;
}
.section-box-icon .tf-sw-pagination {
    display: none !important;
}

/* İlk ekran dışındaki bölümlerde ilk render yükünü düşür */
.store-home-categories,
.store-home-products,
.store-home-story,
.store-home-catalog,
.store-home-reviews,
.store-home-editorial,
.section-box-icon,
.store-footer {
    content-visibility: auto;
    contain-intrinsic-size: 1px 720px;
}

@media (max-width: 991.98px) {
    .store-home-products .store-featured-swiper .swiper-wrapper,
    .store-home-catalog .store-featured-swiper .swiper-wrapper {
        grid-auto-columns: calc((100% - (16px * (var(--slide-tablet, 2) - 1))) / var(--slide-tablet, 2));
        gap: 16px;
    }
    .section-box-icon .tf-swiper .swiper-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }
}
@media (max-width: 767.98px) {
    .store-home-banners-lite,
    .store-home-banners-lite .store-home-slider-lite,
    .store-home-banners-lite .store-home-slide,
    .store-home-banners-lite .slider-wrap,
    .store-home-banners-lite .sld_image,
    .store-home-banners-lite .sld_content {
        height: var(--store-hero-mobile-height);
        min-height: var(--store-hero-mobile-height);
    }
    .store-home-banners-lite .store-home-dots {
        bottom: 10px;
    }
}
@media (max-width: 575.98px) {
    .store-home-products .store-featured-swiper .swiper-wrapper,
    .store-home-catalog .store-featured-swiper .swiper-wrapper {
        grid-auto-columns: calc((100% - (12px * (var(--slide-mobile, 1) - 1))) / var(--slide-mobile, 1));
        gap: 12px;
    }
    .section-box-icon .tf-swiper .swiper-wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .store-home-banners-lite .store-home-slide {
        transition: none;
    }
}

/* v1.7.4 — Fatura bilgileri kartı */
.store-invoice-type-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.store-invoice-type-option {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px solid #dfe5dc;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
}
.store-invoice-type-option:has(input:checked) {
    border-color: #24344d;
    box-shadow: 0 0 0 2px rgba(36,52,77,.08);
}
.store-invoice-type-option input {
    margin-top: 4px;
}
.store-invoice-type-option span {
    display: grid;
    gap: 3px;
}
.store-invoice-type-option strong {
    color: #24344d;
}
.store-invoice-type-option small {
    color: #6d7680;
    line-height: 1.35;
}
@media (max-width: 575.98px) {
    .store-invoice-type-grid {
        grid-template-columns: 1fr;
    }
}


/* v1.7.7 — Erişilebilirlik, kontrast ve dokunma hedefi düzeltmeleri */
.store-eyebrow {
    color: #745b12;
}
.store-product-card .product-cate,
.store-home-catalog .product-cate {
    color: #5f4a0d !important;
}
.store-editorial-meta {
    color: #576354;
}
.store-editorial-meta span {
    color: #725719;
}
.store-promo-eyebrow,
.store-promo-code-row strong {
    color: #a54200;
}
.store-promo-note {
    color: #934000;
}
.store-promo-footnote {
    color: #5f6964;
}
.store-promo-content h2 {
    margin: 0 0 12px;
    color: #0f6b41;
    font-size: clamp(34px, 3vw, 56px);
    line-height: 1.05;
    letter-spacing: -.03em;
    text-align: center;
}

/* Tek ve açıklayıcı bağlantı: kartın tamamı başlık bağlantısıyla açılır. */
.store-editorial-card {
    position: relative;
}
.store-editorial-card-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}
.store-editorial-card-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}
.store-editorial-card:focus-within {
    outline: 3px solid #28421d;
    outline-offset: 3px;
    box-shadow: 0 18px 42px rgba(33, 54, 22, .14);
}
.store-editorial-link {
    min-height: 44px;
}

/* Küçük metin bağlantıları için en az 44px dokunma alanı. */
.tf-btn-line,
.store-all-link,
.store-editorial-heading > a,
.store-footer-links a,
.store-footer-contact-list a,
.store-footer-socials a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}
.tf-btn-line,
.store-all-link,
.store-editorial-heading > a {
    padding-block: 8px;
}

/* Ürün görseli ile favori butonunun hedefleri artık üst üste gelmez. */
.store-product-card .card-product_info {
    position: relative;
}
.store-product-card.has-wishlist .product_info_wrap {
    padding-right: 54px;
}
.store-product-card .store-wishlist-button {
    top: 14px;
    right: 14px;
    width: 44px;
    height: 44px;
}
.store-product-card .product-img {
    display: block;
    min-width: 44px;
    min-height: 44px;
}
.store-product-card .name-product,
.store-product-card .btn-add-to-card {
    min-height: 44px;
}

/* Modal kontrolleri */
.store-promo-close {
    width: 44px;
    height: 44px;
}
.store-promo-terms input {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

/* Footer başlıkları hiyerarşik h2 olarak kullanılmaktadır. */
.store-footer-column .store-footer-title {
    position: relative;
    display: inline-flex;
    margin: 0 0 25px;
    color: #fff;
    font-size: 19px;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.01em;
}
.store-footer-column .store-footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 34px;
    height: 2px;
    border-radius: 99px;
    background: #e3c86b;
}

/* Klavye odağı tüm etkileşimli öğelerde net görünür. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #28421d;
    outline-offset: 3px;
}
.store-header a:focus-visible,
.store-header button:focus-visible,
.store-footer a:focus-visible,
.store-promo-close:focus-visible {
    outline-color: #fff;
}

@media (max-width: 575.98px) {
    .store-home-products .store-featured-swiper .swiper-wrapper,
    .store-home-catalog .store-featured-swiper .swiper-wrapper {
        gap: 16px;
    }
}

/* v1.7.8 — Lighthouse kalan erişilebilirlik ve ilk ekran performans düzeltmeleri */

/* Beyaz zemin üzerinde ikincil metinler WCAG AA kontrastına taşındı. */
.store-eyebrow {
    color: #493800 !important;
}
.store-product-card .product-cate,
.store-home-catalog .product-cate {
    color: #493800 !important;
}
.store-editorial-meta,
.store-editorial-meta span,
.store-editorial-meta time {
    color: #37423c !important;
}
.store-promo-eyebrow,
.store-promo-code-row strong {
    color: #7a2c00 !important;
}
.store-promo-note {
    color: #702800 !important;
}
.store-promo-footnote {
    color: #414b46 !important;
}
.store-promo-visual-copy {
    padding: 18px 20px;
    border-radius: 12px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 10px 30px rgba(18,31,20,.14);
}


/* Dokunma hedefleri ve aralarındaki güvenli boşluk. */
.tf-btn-line,
.store-all-link,
.store-editorial-heading > a,
.store-editorial-card-link,
.store-footer-links a,
.store-footer-contact-list a,
.store-footer-socials a,
.store-cookie-btn,
.store-promo-close,
.store-promo-submit,
.btn-mobile-menu,
#goTop {
    min-width: 48px;
    min-height: 48px;
}
.tf-btn-line,
.store-all-link,
.store-editorial-heading > a {
    padding: 10px 12px;
}
.store-editorial-heading {
    gap: 16px;
}
.store-editorial-card-link {
    padding-block: 6px;
}
.store-footer-links,
.store-footer-contact-list {
    row-gap: 4px;
}

/* Açılır pencere ilk ekranı karartmadan önce erişilebilir bir yüzey sunar. */
.store-promo-modal[aria-hidden="true"] {
    display: none !important;
}
.store-promo-modal[aria-hidden="false"] {
    display: block;
}

/* İlk ekran dışındaki büyük bölümlerin ilk çizim maliyetini azalt. */
.store-home-story,
.store-home-catalog,
.store-home-reviews,
.store-home-editorial,
.section-box-icon,
.store-footer {
    content-visibility: auto;
    contain-intrinsic-size: 1px 760px;
}

@media (max-width: 767.98px) {
    .store-promo-visual-copy {
        padding: 14px 16px;
    }
    .store-product-card .card-product_info {
        row-gap: 12px;
    }
}


/* v1.7.10 — Banner görsellerini bozmadan tam göster */
.store-home-banners-lite .sld_image,
.store-home-banners-lite .store-home-slider-lite {
    background: #f2efe5;
}
.store-home-banners-lite .store-home-slide .sld_image img,
.store-home-banners .sld_image img {
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    animation: none !important;
}
@media (max-width: 767.98px) {
    .store-home-banners-lite .store-home-slide .sld_image img,
    .store-home-banners .sld_image img {
        object-fit: contain !important;
        object-position: center center !important;
    }
}


/* v1.7.11 — Ürün kartı görünümünü orijinal tasarıma geri döndür */
html, body, button, input, select, textarea {
    font-family: "Poppins", sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .font-sora, .text-display {
    font-family: "Sora", sans-serif !important;
}
.store-product-card .card-product_info {
    display: block;
    position: relative;
    row-gap: initial;
}
.store-product-card .product_info_wrap {
    display: block;
    padding-right: 0;
}
.store-product-card .product-img {
    display: block;
    pointer-events: auto;
}
.store-product-card .name-product {
    display: block;
    align-items: initial;
    min-height: 56px;
    padding-block: 0;
}
.store-product-card .store-wishlist-button {
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}
@media (max-width: 575.98px) {
    .store-product-card .name-product {
        min-height: 48px;
    }
}


/* Contact Widget */
:root { --dw-contact-mobile-reserve: 0px; }

.dw-contact, .dw-contact * { box-sizing: border-box; }
.dw-contact ul { list-style: none; margin: 0; padding: 0; }
.dw-contact a { text-decoration: none !important; }
.dw-contact-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.dw-contact-icon svg { display: block; width: 23px; height: 23px; }

.dw-contact-desktop {
    position: fixed;
    top: var(--dw-contact-top, 50%);
    transform: var(--dw-contact-transform, translateY(-50%));
    z-index: 99990;
    filter: drop-shadow(0 12px 24px rgba(19, 48, 43, .15));
}
.dw-contact-left { left: 0; }
.dw-contact-right { right: 0; }
.dw-contact-list { width: 56px; overflow: visible; }
.dw-contact-item { width: 56px; margin-top: -1px; }
.dw-contact-item:first-child { margin-top: 0; }
.dw-contact-item a {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    overflow: hidden;
    white-space: nowrap;
    color: var(--dw-contact-icon) !important;
    background: linear-gradient(180deg, var(--dw-contact-bg-top), var(--dw-contact-bg-bottom));
    border: 1px solid var(--dw-contact-border);
    transition: width .22s ease, padding .22s ease, background .18s ease, box-shadow .18s ease;
}
.dw-contact-item a::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 999px;
    background: var(--dw-contact-accent);
}
.dw-contact-left .dw-contact-item a { border-left: 0; }
.dw-contact-left .dw-contact-item a::before { left: 0; }
.dw-contact-left .dw-contact-item:first-child a { border-radius: 0 16px 0 0; }
.dw-contact-left .dw-contact-item:last-child a { border-radius: 0 0 16px 0; }
.dw-contact-right .dw-contact-item a { border-right: 0; flex-direction: row-reverse; }
.dw-contact-right .dw-contact-item a::before { right: 0; }
.dw-contact-right .dw-contact-item:first-child a { border-radius: 16px 0 0 0; }
.dw-contact-right .dw-contact-item:last-child a { border-radius: 0 0 0 16px; }
.dw-contact-label {
    display: block;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    color: currentColor;
    transition: max-width .22s ease, opacity .16s ease, margin .22s ease;
}
.dw-contact-left .dw-contact-item a:hover,
.dw-contact-left .dw-contact-item a:focus-visible {
    width: 154px;
    justify-content: flex-start;
    padding: 0 16px 0 18px;
    box-shadow: 0 14px 30px rgba(19, 48, 43, .18);
}
.dw-contact-left .dw-contact-item a:hover .dw-contact-label,
.dw-contact-left .dw-contact-item a:focus-visible .dw-contact-label { max-width: 98px; margin-left: 11px; opacity: 1; }
.dw-contact-right .dw-contact-item a:hover,
.dw-contact-right .dw-contact-item a:focus-visible {
    width: 154px;
    justify-content: flex-start;
    padding: 0 18px 0 16px;
    box-shadow: 0 14px 30px rgba(19, 48, 43, .18);
}
.dw-contact-right .dw-contact-item a:hover .dw-contact-label,
.dw-contact-right .dw-contact-item a:focus-visible .dw-contact-label { max-width: 98px; margin-right: 11px; opacity: 1; }
.dw-contact-item a:hover, .dw-contact-item a:focus-visible { color: #173f38 !important; background: #fff !important; }

.dw-contact-mobile {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: min(100%, 560px);
    transform: translateX(-50%);
    z-index: 99990;
    padding-bottom: env(safe-area-inset-bottom);
}
.dw-contact-mobile-list {
    display: flex;
    overflow: hidden;
    border: 1px solid var(--dw-contact-border);
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
    background: var(--dw-contact-bg-top);
    box-shadow: 0 -12px 30px rgba(19, 48, 43, .18);
}
.dw-contact-mobile-item { flex: 1 1 0; min-width: 0; }
.dw-contact-mobile-item + .dw-contact-mobile-item { border-left: 1px solid var(--dw-contact-border); }
.dw-contact-mobile-item a {
    position: relative;
    display: flex !important;
    min-height: 66px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 6px 8px;
    color: var(--dw-contact-icon) !important;
    background: linear-gradient(180deg, var(--dw-contact-bg-top), var(--dw-contact-bg-bottom));
}
.dw-contact-mobile-item a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: var(--dw-contact-accent);
}
.dw-contact-mobile .dw-contact-label { max-width: 100%; opacity: 1; font-size: 11px; line-height: 1.1; }
.dw-contact-mobile .dw-contact-icon svg { width: 20px; height: 20px; }
.dw-contact-mobile-item a:hover, .dw-contact-mobile-item a:focus-visible { background: #fff; color: #173f38 !important; }

@media (max-width: 767px) {
    .dw-contact-desktop { display: none !important; }
    body.dw-contact-mobile-active { padding-bottom: var(--dw-contact-mobile-reserve) !important; }
}
@media (min-width: 768px) { .dw-contact-mobile { display: none !important; } }
@media (max-width: 420px) {
    .dw-contact-mobile-list { border-radius: 14px 14px 0 0; }
    .dw-contact-mobile-item a { min-height: 60px; padding-inline: 3px; }
    .dw-contact-mobile .dw-contact-label { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .dw-contact-item a, .dw-contact-label { transition: none !important; }
}


/* v1.6.54 — Dar ekranlarda masaüstü iletişim çubuğunu kapat */
@media (max-width: 1199.98px) {
    .dw-contact-desktop { display: none !important; }
}


/* Cookie Consent */
.store-cookie-consent {
    position: fixed;
    inset: auto 0 0;
    z-index: 1090;
    padding: 12px 16px;
    pointer-events: none;
}
.store-cookie-consent[hidden] { display: none !important; }
.store-cookie-banner {
    width: min(1240px, calc(100vw - 32px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid rgba(36, 52, 77, .14);
    border-radius: 12px;
    background: rgba(255, 255, 255, .985);
    box-shadow: 0 12px 34px rgba(21, 36, 55, .16);
    pointer-events: auto;
}
.store-cookie-banner__content {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.store-cookie-banner__icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #eef3f8;
    font-size: 20px;
}
.store-cookie-banner h2,
.store-cookie-panel h2,
.store-cookie-category h3 {
    color: #24344d;
}
.store-cookie-banner h2 {
    margin: 0 0 2px;
    font-size: 17px;
    line-height: 1.25;
}
.store-cookie-banner p {
    max-width: 650px;
    margin: 0;
    color: #657080;
    font-size: 12.5px;
    line-height: 1.45;
}
.store-cookie-banner a,
.store-cookie-policy-link {
    color: #243f67;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.store-cookie-banner__actions,
.store-cookie-panel__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.store-cookie-banner__actions {
    flex-wrap: nowrap;
}
.store-cookie-btn {
    min-height: 38px;
    padding: 8px 13px;
    border-radius: 8px;
    border: 1px solid transparent;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.store-cookie-btn:hover { box-shadow: 0 5px 14px rgba(25, 42, 63, .10); }
.store-cookie-btn.is-primary {
    background: #243f67;
    color: #fff;
}
.store-cookie-btn.is-primary:hover { background: #1d3456; }
.store-cookie-btn.is-outline {
    border-color: #243f67;
    background: #fff;
    color: #243f67;
}
.store-cookie-btn.is-light {
    border-color: #d9e1ea;
    background: #eef3f8;
    color: #24344d;
}
@media (max-width: 1199.98px) {
    .store-cookie-banner {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .store-cookie-banner__actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
.store-cookie-panel {
    position: fixed;
    inset: 0;
    z-index: 1110;
    display: grid;
    place-items: center;
    padding: 24px;
    pointer-events: auto;
}
.store-cookie-panel[hidden] { display: none !important; }
.store-cookie-panel__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(12, 23, 37, .62);
    backdrop-filter: blur(3px);
}
.store-cookie-panel__dialog {
    position: relative;
    z-index: 1;
    width: min(720px, 100%);
    max-height: min(820px, calc(100vh - 48px));
    overflow: auto;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 30px 90px rgba(10, 24, 42, .32);
    padding: 28px;
}
.store-cookie-panel__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}
.store-cookie-panel__eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #6f7c8c;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.store-cookie-panel h2 {
    margin: 0;
    font-size: 27px;
    line-height: 1.2;
}
.store-cookie-panel__close {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid #dce4ec;
    border-radius: 50%;
    background: #f7f9fb;
    color: #24344d;
    font-size: 28px;
    line-height: 1;
}
.store-cookie-panel__intro {
    margin: 18px 0 20px;
    color: #687280;
    line-height: 1.65;
}
.store-cookie-categories {
    border-top: 1px solid #e5eaf0;
}
.store-cookie-category {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 19px 0;
    border-bottom: 1px solid #e5eaf0;
}
.store-cookie-category h3 {
    margin: 0 0 5px;
    font-size: 17px;
}
.store-cookie-category p {
    margin: 0;
    color: #6d7682;
    font-size: 14px;
    line-height: 1.55;
}
.store-cookie-switch {
    position: relative;
    flex: 0 0 50px;
    width: 50px;
    height: 28px;
    margin-top: 2px;
}
.store-cookie-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.store-cookie-switch > span[aria-hidden="true"] {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: #cfd6df;
    cursor: pointer;
    transition: background .2s ease;
}
.store-cookie-switch > span[aria-hidden="true"]::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(24, 38, 55, .2);
    transition: transform .2s ease;
}
.store-cookie-switch input:checked + span[aria-hidden="true"] { background: #243f67; }
.store-cookie-switch input:checked + span[aria-hidden="true"]::after { transform: translateX(22px); }
.store-cookie-switch input:disabled + span[aria-hidden="true"] { opacity: .68; cursor: not-allowed; }
.store-cookie-panel__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-top: 22px;
}
.store-cookie-settings-trigger {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 1075;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 13px;
    border: 1px solid rgba(36, 63, 103, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    color: #243f67;
    box-shadow: 0 8px 26px rgba(20, 35, 54, .15);
    font-size: 12px;
    font-weight: 800;
}
.store-cookie-panel-open { overflow: hidden; }
@media (max-width: 575.98px) {
    .store-cookie-consent { padding: 8px; }
    .store-cookie-banner { width: 100%; gap: 10px; padding: 13px; border-radius: 11px; }
    .store-cookie-banner__content { grid-template-columns: 1fr; gap: 0; }
    .store-cookie-banner__icon { display: none; }
    .store-cookie-banner h2 { font-size: 16px; }
    .store-cookie-banner p { font-size: 12px; }
    .store-cookie-banner__actions { display: grid; grid-template-columns: 1fr; width: 100%; }
    .store-cookie-btn { width: 100%; min-height: 36px; }
    .store-cookie-panel { padding: 10px; }
    .store-cookie-panel__dialog { max-height: calc(100vh - 20px); padding: 20px 17px; border-radius: 14px; }
    .store-cookie-panel__footer { align-items: stretch; flex-direction: column; }
    .store-cookie-panel__buttons { display: grid; grid-template-columns: 1fr; width: 100%; }
    .store-cookie-settings-trigger span { display: none; }
}




/* v1.7.12 — Yalnız slider ve ürün kartları v1.7.5 görünümüne döndürüldü */
.store-home-banners-lite .sld_image,
.store-home-banners-lite .store-home-slider-lite {
    background: #edf1e9;
}
.store-home-banners-lite .store-home-slide .sld_image img,
.store-home-banners .sld_image img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    animation: none !important;
}

.store-product-card .card-product_wrapper {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background: #f7f9f5;
}
.store-product-card .product-img,
.store-product-card .product-img img {
    display: block;
    width: 100%;
    height: 100%;
}
.store-product-card .product-img img {
    object-fit: cover;
}
.store-product-card .card-product_info {
    display: grid;
    gap: 16px;
    position: static;
    padding: 18px;
}
.store-product-card .product_info_wrap {
    display: grid;
    gap: 8px;
    min-height: 122px;
    padding-right: 0;
}
.store-product-card .product-cate {
    margin-bottom: 5px;
    color: var(--accent) !important;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.store-product-card .name-product {
    display: block;
    min-height: 56px;
    padding-block: 0;
}
.store-product-card .store-wishlist-button {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}
.store-product-card .btn-add-to-card {
    min-height: 0;
    height: 38px;
}
@media (max-width: 767.98px) {
    .store-home-banners-lite .store-home-slide .sld_image img,
    .store-home-banners .sld_image img {
        object-fit: cover !important;
        object-position: 68% center !important;
    }
}
@media (max-width: 575.98px) {
    .store-product-card .card-product_info {
        display: grid;
        gap: 16px;
        padding: 13px;
    }
    .store-product-card .product_info_wrap {
        min-height: 112px;
    }
    .store-product-card .name-product {
        min-height: 48px;
        font-size: 14px;
        line-height: 1.45;
    }
}


/* v1.7.13 — Sabit header ve footer çerez bağlantısı */
.store-header {
    position: sticky;
    top: 0;
    z-index: 1040;
    transition: transform .24s ease, box-shadow .24s ease;
    will-change: transform;
}
.store-header.header-sticky {
    box-shadow: 0 8px 24px rgba(21, 36, 18, .14);
}
.store-header.store-header-hidden {
    transform: translateY(-105%);
}
.store-footer-legal-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.store-cookie-footer-link {
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
.store-cookie-footer-link:hover,
.store-cookie-footer-link:focus-visible {
    color: #fff;
}

.store-cookie-settings-trigger { display: none !important; }


/* v1.7.16 — Mobil erişilebilirlik: kontrast, dokunma hedefleri ve çakışmayan ürün görseli bağlantısı */
.store-product-card .product-cate,
.store-home-catalog .product-cate {
    color: #3d4a2c !important;
}
.store-home-story .store-eyebrow,
.store-story-content .store-eyebrow {
    color: #3f4b2f !important;
}

/* Görsel aynı kalır; tıklama alanı üstteki kalp/stok kontrollerinden ayrılır. */
.store-product-card .product-img {
    position: relative;
}
.store-product-card .product-img-hit-area {
    position: absolute;
    z-index: 3;
    inset: 62px 0 0;
    display: block;
    min-width: 48px;
    min-height: 48px;
    touch-action: manipulation;
}
.store-product-card .product-img-hit-area:focus-visible {
    outline: 3px solid #28421d;
    outline-offset: -5px;
}
.store-product-card .store-wishlist-button,
.store-product-card .store-stock-badge,
.store-product-card .list-badge {
    z-index: 6;
}

@media (max-width: 767.98px) {
    .tf-btn-line,
    .store-section-heading > a.tf-btn-line,
    .store-all-link {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 48px !important;
        min-height: 48px !important;
        padding: 11px 12px !important;
        touch-action: manipulation;
    }

    .store-footer-links {
        display: grid;
        gap: 4px;
    }
    .store-footer-links li,
    .store-footer-links li + li {
        margin-top: 0 !important;
    }
    .store-footer-links a {
        display: flex !important;
        align-items: center;
        width: 100%;
        min-height: 48px !important;
        padding: 10px 4px !important;
        line-height: 1.45;
        touch-action: manipulation;
    }
    .store-footer-contact-list li {
        min-height: 48px !important;
        align-items: center !important;
    }
    .store-footer-contact-list a {
        display: inline-flex !important;
        align-items: center;
        min-height: 48px !important;
        padding-block: 9px !important;
        touch-action: manipulation;
    }
    .store-footer-contact-icon {
        flex: 0 0 auto;
    }
}