@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: 1400px) {
    .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: 1400px;
}

.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: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xxl-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 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: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    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: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-dark,
.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: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }

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

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

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

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

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

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

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

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

.list-group-item-primary {
    --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: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }

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

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

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: 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-primary {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(
        var(--bs-primary-rgb),
        var(--bs-link-underline-opacity, 1)
    ) !important;
    text-decoration-color: RGBA(
        var(--bs-primary-rgb),
        var(--bs-link-underline-opacity, 1)
    ) !important;
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(
        10,
        88,
        202,
        var(--bs-link-underline-opacity, 1)
    ) !important;
    text-decoration-color: RGBA(
        10,
        88,
        202,
        var(--bs-link-underline-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: 1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }

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

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

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

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    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 {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(
        var(--bs-link-color-rgb),
        var(--bs-link-underline-opacity, 1)
    ) !important;
    text-decoration-color: rgba(
        var(--bs-link-color-rgb),
        var(--bs-link-underline-opacity, 1)
    ) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 1400px) {
    .float-xxl-start {
        float: left !important;
    }

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

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

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

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

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

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

    .object-fit-xxl-none {
        -o-object-fit: none !important;
        object-fit: none !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        justify-content: space-around !important;
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xxl-start {
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-between {
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .order-xxl-first {
        order: -1 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-last {
        order: 6 !important;
    }

    .m-xxl-0 {
        margin: 0 !important;
    }

    .m-xxl-1 {
        margin: 0.25rem !important;
    }

    .m-xxl-2 {
        margin: 0.5rem !important;
    }

    .m-xxl-3 {
        margin: 1rem !important;
    }

    .m-xxl-4 {
        margin: 1.5rem !important;
    }

    .m-xxl-5 {
        margin: 3rem !important;
    }

    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xxl-0 {
        margin-top: 0 !important;
    }

    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xxl-3 {
        margin-top: 1rem !important;
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xxl-5 {
        margin-top: 3rem !important;
    }

    .mt-xxl-auto {
        margin-top: auto !important;
    }

    .me-xxl-0 {
        margin-right: 0 !important;
    }

    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xxl-3 {
        margin-right: 1rem !important;
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xxl-5 {
        margin-right: 3rem !important;
    }

    .me-xxl-auto {
        margin-right: auto !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xxl-3 {
        margin-left: 1rem !important;
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xxl-5 {
        margin-left: 3rem !important;
    }

    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .p-xxl-0 {
        padding: 0 !important;
    }

    .p-xxl-1 {
        padding: 0.25rem !important;
    }

    .p-xxl-2 {
        padding: 0.5rem !important;
    }

    .p-xxl-3 {
        padding: 1rem !important;
    }

    .p-xxl-4 {
        padding: 1.5rem !important;
    }

    .p-xxl-5 {
        padding: 3rem !important;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xxl-3 {
        padding-top: 1rem !important;
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xxl-5 {
        padding-top: 3rem !important;
    }

    .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xxl-3 {
        padding-right: 1rem !important;
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xxl-5 {
        padding-right: 3rem !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xxl-3 {
        padding-left: 1rem !important;
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xxl-5 {
        padding-left: 3rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-xxl-start {
        text-align: left !important;
    }

    .text-xxl-end {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }
}

@media (min-width: 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 Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */

@font-face {
    font-display: block;
    font-family: "bootstrap-icons";
    src: url("./../fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6")
            format("woff2"),
        url("./../fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6")
            format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bi-123::before {
    content: "\f67f";
}
.bi-alarm-fill::before {
    content: "\f101";
}
.bi-alarm::before {
    content: "\f102";
}
.bi-align-bottom::before {
    content: "\f103";
}
.bi-align-center::before {
    content: "\f104";
}
.bi-align-end::before {
    content: "\f105";
}
.bi-align-middle::before {
    content: "\f106";
}
.bi-align-start::before {
    content: "\f107";
}
.bi-align-top::before {
    content: "\f108";
}
.bi-alt::before {
    content: "\f109";
}
.bi-app-indicator::before {
    content: "\f10a";
}
.bi-app::before {
    content: "\f10b";
}
.bi-archive-fill::before {
    content: "\f10c";
}
.bi-archive::before {
    content: "\f10d";
}
.bi-arrow-90deg-down::before {
    content: "\f10e";
}
.bi-arrow-90deg-left::before {
    content: "\f10f";
}
.bi-arrow-90deg-right::before {
    content: "\f110";
}
.bi-arrow-90deg-up::before {
    content: "\f111";
}
.bi-arrow-bar-down::before {
    content: "\f112";
}
.bi-arrow-bar-left::before {
    content: "\f113";
}
.bi-arrow-bar-right::before {
    content: "\f114";
}
.bi-arrow-bar-up::before {
    content: "\f115";
}
.bi-arrow-clockwise::before {
    content: "\f116";
}
.bi-arrow-counterclockwise::before {
    content: "\f117";
}
.bi-arrow-down-circle-fill::before {
    content: "\f118";
}
.bi-arrow-down-circle::before {
    content: "\f119";
}
.bi-arrow-down-left-circle-fill::before {
    content: "\f11a";
}
.bi-arrow-down-left-circle::before {
    content: "\f11b";
}
.bi-arrow-down-left-square-fill::before {
    content: "\f11c";
}
.bi-arrow-down-left-square::before {
    content: "\f11d";
}
.bi-arrow-down-left::before {
    content: "\f11e";
}
.bi-arrow-down-right-circle-fill::before {
    content: "\f11f";
}
.bi-arrow-down-right-circle::before {
    content: "\f120";
}
.bi-arrow-down-right-square-fill::before {
    content: "\f121";
}
.bi-arrow-down-right-square::before {
    content: "\f122";
}
.bi-arrow-down-right::before {
    content: "\f123";
}
.bi-arrow-down-short::before {
    content: "\f124";
}
.bi-arrow-down-square-fill::before {
    content: "\f125";
}
.bi-arrow-down-square::before {
    content: "\f126";
}
.bi-arrow-down-up::before {
    content: "\f127";
}
.bi-arrow-down::before {
    content: "\f128";
}
.bi-arrow-left-circle-fill::before {
    content: "\f129";
}
.bi-arrow-left-circle::before {
    content: "\f12a";
}
.bi-arrow-left-right::before {
    content: "\f12b";
}
.bi-arrow-left-short::before {
    content: "\f12c";
}
.bi-arrow-left-square-fill::before {
    content: "\f12d";
}
.bi-arrow-left-square::before {
    content: "\f12e";
}
.bi-arrow-left::before {
    content: "\f12f";
}
.bi-arrow-repeat::before {
    content: "\f130";
}
.bi-arrow-return-left::before {
    content: "\f131";
}
.bi-arrow-return-right::before {
    content: "\f132";
}
.bi-arrow-right-circle-fill::before {
    content: "\f133";
}
.bi-arrow-right-circle::before {
    content: "\f134";
}
.bi-arrow-right-short::before {
    content: "\f135";
}
.bi-arrow-right-square-fill::before {
    content: "\f136";
}
.bi-arrow-right-square::before {
    content: "\f137";
}
.bi-arrow-right::before {
    content: "\f138";
}
.bi-arrow-up-circle-fill::before {
    content: "\f139";
}
.bi-arrow-up-circle::before {
    content: "\f13a";
}
.bi-arrow-up-left-circle-fill::before {
    content: "\f13b";
}
.bi-arrow-up-left-circle::before {
    content: "\f13c";
}
.bi-arrow-up-left-square-fill::before {
    content: "\f13d";
}
.bi-arrow-up-left-square::before {
    content: "\f13e";
}
.bi-arrow-up-left::before {
    content: "\f13f";
}
.bi-arrow-up-right-circle-fill::before {
    content: "\f140";
}
.bi-arrow-up-right-circle::before {
    content: "\f141";
}
.bi-arrow-up-right-square-fill::before {
    content: "\f142";
}
.bi-arrow-up-right-square::before {
    content: "\f143";
}
.bi-arrow-up-right::before {
    content: "\f144";
}
.bi-arrow-up-short::before {
    content: "\f145";
}
.bi-arrow-up-square-fill::before {
    content: "\f146";
}
.bi-arrow-up-square::before {
    content: "\f147";
}
.bi-arrow-up::before {
    content: "\f148";
}
.bi-arrows-angle-contract::before {
    content: "\f149";
}
.bi-arrows-angle-expand::before {
    content: "\f14a";
}
.bi-arrows-collapse::before {
    content: "\f14b";
}
.bi-arrows-expand::before {
    content: "\f14c";
}
.bi-arrows-fullscreen::before {
    content: "\f14d";
}
.bi-arrows-move::before {
    content: "\f14e";
}
.bi-aspect-ratio-fill::before {
    content: "\f14f";
}
.bi-aspect-ratio::before {
    content: "\f150";
}
.bi-asterisk::before {
    content: "\f151";
}
.bi-at::before {
    content: "\f152";
}
.bi-award-fill::before {
    content: "\f153";
}
.bi-award::before {
    content: "\f154";
}
.bi-back::before {
    content: "\f155";
}
.bi-backspace-fill::before {
    content: "\f156";
}
.bi-backspace-reverse-fill::before {
    content: "\f157";
}
.bi-backspace-reverse::before {
    content: "\f158";
}
.bi-backspace::before {
    content: "\f159";
}
.bi-badge-3d-fill::before {
    content: "\f15a";
}
.bi-badge-3d::before {
    content: "\f15b";
}
.bi-badge-4k-fill::before {
    content: "\f15c";
}
.bi-badge-4k::before {
    content: "\f15d";
}
.bi-badge-8k-fill::before {
    content: "\f15e";
}
.bi-badge-8k::before {
    content: "\f15f";
}
.bi-badge-ad-fill::before {
    content: "\f160";
}
.bi-badge-ad::before {
    content: "\f161";
}
.bi-badge-ar-fill::before {
    content: "\f162";
}
.bi-badge-ar::before {
    content: "\f163";
}
.bi-badge-cc-fill::before {
    content: "\f164";
}
.bi-badge-cc::before {
    content: "\f165";
}
.bi-badge-hd-fill::before {
    content: "\f166";
}
.bi-badge-hd::before {
    content: "\f167";
}
.bi-badge-tm-fill::before {
    content: "\f168";
}
.bi-badge-tm::before {
    content: "\f169";
}
.bi-badge-vo-fill::before {
    content: "\f16a";
}
.bi-badge-vo::before {
    content: "\f16b";
}
.bi-badge-vr-fill::before {
    content: "\f16c";
}
.bi-badge-vr::before {
    content: "\f16d";
}
.bi-badge-wc-fill::before {
    content: "\f16e";
}
.bi-badge-wc::before {
    content: "\f16f";
}
.bi-bag-check-fill::before {
    content: "\f170";
}
.bi-bag-check::before {
    content: "\f171";
}
.bi-bag-dash-fill::before {
    content: "\f172";
}
.bi-bag-dash::before {
    content: "\f173";
}
.bi-bag-fill::before {
    content: "\f174";
}
.bi-bag-plus-fill::before {
    content: "\f175";
}
.bi-bag-plus::before {
    content: "\f176";
}
.bi-bag-x-fill::before {
    content: "\f177";
}
.bi-bag-x::before {
    content: "\f178";
}
.bi-bag::before {
    content: "\f179";
}
.bi-bar-chart-fill::before {
    content: "\f17a";
}
.bi-bar-chart-line-fill::before {
    content: "\f17b";
}
.bi-bar-chart-line::before {
    content: "\f17c";
}
.bi-bar-chart-steps::before {
    content: "\f17d";
}
.bi-bar-chart::before {
    content: "\f17e";
}
.bi-basket-fill::before {
    content: "\f17f";
}
.bi-basket::before {
    content: "\f180";
}
.bi-basket2-fill::before {
    content: "\f181";
}
.bi-basket2::before {
    content: "\f182";
}
.bi-basket3-fill::before {
    content: "\f183";
}
.bi-basket3::before {
    content: "\f184";
}
.bi-battery-charging::before {
    content: "\f185";
}
.bi-battery-full::before {
    content: "\f186";
}
.bi-battery-half::before {
    content: "\f187";
}
.bi-battery::before {
    content: "\f188";
}
.bi-bell-fill::before {
    content: "\f189";
}
.bi-bell::before {
    content: "\f18a";
}
.bi-bezier::before {
    content: "\f18b";
}
.bi-bezier2::before {
    content: "\f18c";
}
.bi-bicycle::before {
    content: "\f18d";
}
.bi-binoculars-fill::before {
    content: "\f18e";
}
.bi-binoculars::before {
    content: "\f18f";
}
.bi-blockquote-left::before {
    content: "\f190";
}
.bi-blockquote-right::before {
    content: "\f191";
}
.bi-book-fill::before {
    content: "\f192";
}
.bi-book-half::before {
    content: "\f193";
}
.bi-book::before {
    content: "\f194";
}
.bi-bookmark-check-fill::before {
    content: "\f195";
}
.bi-bookmark-check::before {
    content: "\f196";
}
.bi-bookmark-dash-fill::before {
    content: "\f197";
}
.bi-bookmark-dash::before {
    content: "\f198";
}
.bi-bookmark-fill::before {
    content: "\f199";
}
.bi-bookmark-heart-fill::before {
    content: "\f19a";
}
.bi-bookmark-heart::before {
    content: "\f19b";
}
.bi-bookmark-plus-fill::before {
    content: "\f19c";
}
.bi-bookmark-plus::before {
    content: "\f19d";
}
.bi-bookmark-star-fill::before {
    content: "\f19e";
}
.bi-bookmark-star::before {
    content: "\f19f";
}
.bi-bookmark-x-fill::before {
    content: "\f1a0";
}
.bi-bookmark-x::before {
    content: "\f1a1";
}
.bi-bookmark::before {
    content: "\f1a2";
}
.bi-bookmarks-fill::before {
    content: "\f1a3";
}
.bi-bookmarks::before {
    content: "\f1a4";
}
.bi-bookshelf::before {
    content: "\f1a5";
}
.bi-bootstrap-fill::before {
    content: "\f1a6";
}
.bi-bootstrap-reboot::before {
    content: "\f1a7";
}
.bi-bootstrap::before {
    content: "\f1a8";
}
.bi-border-all::before {
    content: "\f1a9";
}
.bi-border-bottom::before {
    content: "\f1aa";
}
.bi-border-center::before {
    content: "\f1ab";
}
.bi-border-inner::before {
    content: "\f1ac";
}
.bi-border-left::before {
    content: "\f1ad";
}
.bi-border-middle::before {
    content: "\f1ae";
}
.bi-border-outer::before {
    content: "\f1af";
}
.bi-border-right::before {
    content: "\f1b0";
}
.bi-border-style::before {
    content: "\f1b1";
}
.bi-border-top::before {
    content: "\f1b2";
}
.bi-border-width::before {
    content: "\f1b3";
}
.bi-border::before {
    content: "\f1b4";
}
.bi-bounding-box-circles::before {
    content: "\f1b5";
}
.bi-bounding-box::before {
    content: "\f1b6";
}
.bi-box-arrow-down-left::before {
    content: "\f1b7";
}
.bi-box-arrow-down-right::before {
    content: "\f1b8";
}
.bi-box-arrow-down::before {
    content: "\f1b9";
}
.bi-box-arrow-in-down-left::before {
    content: "\f1ba";
}
.bi-box-arrow-in-down-right::before {
    content: "\f1bb";
}
.bi-box-arrow-in-down::before {
    content: "\f1bc";
}
.bi-box-arrow-in-left::before {
    content: "\f1bd";
}
.bi-box-arrow-in-right::before {
    content: "\f1be";
}
.bi-box-arrow-in-up-left::before {
    content: "\f1bf";
}
.bi-box-arrow-in-up-right::before {
    content: "\f1c0";
}
.bi-box-arrow-in-up::before {
    content: "\f1c1";
}
.bi-box-arrow-left::before {
    content: "\f1c2";
}
.bi-box-arrow-right::before {
    content: "\f1c3";
}
.bi-box-arrow-up-left::before {
    content: "\f1c4";
}
.bi-box-arrow-up-right::before {
    content: "\f1c5";
}
.bi-box-arrow-up::before {
    content: "\f1c6";
}
.bi-box-seam::before {
    content: "\f1c7";
}
.bi-box::before {
    content: "\f1c8";
}
.bi-braces::before {
    content: "\f1c9";
}
.bi-bricks::before {
    content: "\f1ca";
}
.bi-briefcase-fill::before {
    content: "\f1cb";
}
.bi-briefcase::before {
    content: "\f1cc";
}
.bi-brightness-alt-high-fill::before {
    content: "\f1cd";
}
.bi-brightness-alt-high::before {
    content: "\f1ce";
}
.bi-brightness-alt-low-fill::before {
    content: "\f1cf";
}
.bi-brightness-alt-low::before {
    content: "\f1d0";
}
.bi-brightness-high-fill::before {
    content: "\f1d1";
}
.bi-brightness-high::before {
    content: "\f1d2";
}
.bi-brightness-low-fill::before {
    content: "\f1d3";
}
.bi-brightness-low::before {
    content: "\f1d4";
}
.bi-broadcast-pin::before {
    content: "\f1d5";
}
.bi-broadcast::before {
    content: "\f1d6";
}
.bi-brush-fill::before {
    content: "\f1d7";
}
.bi-brush::before {
    content: "\f1d8";
}
.bi-bucket-fill::before {
    content: "\f1d9";
}
.bi-bucket::before {
    content: "\f1da";
}
.bi-bug-fill::before {
    content: "\f1db";
}
.bi-bug::before {
    content: "\f1dc";
}
.bi-building::before {
    content: "\f1dd";
}
.bi-bullseye::before {
    content: "\f1de";
}
.bi-calculator-fill::before {
    content: "\f1df";
}
.bi-calculator::before {
    content: "\f1e0";
}
.bi-calendar-check-fill::before {
    content: "\f1e1";
}
.bi-calendar-check::before {
    content: "\f1e2";
}
.bi-calendar-date-fill::before {
    content: "\f1e3";
}
.bi-calendar-date::before {
    content: "\f1e4";
}
.bi-calendar-day-fill::before {
    content: "\f1e5";
}
.bi-calendar-day::before {
    content: "\f1e6";
}
.bi-calendar-event-fill::before {
    content: "\f1e7";
}
.bi-calendar-event::before {
    content: "\f1e8";
}
.bi-calendar-fill::before {
    content: "\f1e9";
}
.bi-calendar-minus-fill::before {
    content: "\f1ea";
}
.bi-calendar-minus::before {
    content: "\f1eb";
}
.bi-calendar-month-fill::before {
    content: "\f1ec";
}
.bi-calendar-month::before {
    content: "\f1ed";
}
.bi-calendar-plus-fill::before {
    content: "\f1ee";
}
.bi-calendar-plus::before {
    content: "\f1ef";
}
.bi-calendar-range-fill::before {
    content: "\f1f0";
}
.bi-calendar-range::before {
    content: "\f1f1";
}
.bi-calendar-week-fill::before {
    content: "\f1f2";
}
.bi-calendar-week::before {
    content: "\f1f3";
}
.bi-calendar-x-fill::before {
    content: "\f1f4";
}
.bi-calendar-x::before {
    content: "\f1f5";
}
.bi-calendar::before {
    content: "\f1f6";
}
.bi-calendar2-check-fill::before {
    content: "\f1f7";
}
.bi-calendar2-check::before {
    content: "\f1f8";
}
.bi-calendar2-date-fill::before {
    content: "\f1f9";
}
.bi-calendar2-date::before {
    content: "\f1fa";
}
.bi-calendar2-day-fill::before {
    content: "\f1fb";
}
.bi-calendar2-day::before {
    content: "\f1fc";
}
.bi-calendar2-event-fill::before {
    content: "\f1fd";
}
.bi-calendar2-event::before {
    content: "\f1fe";
}
.bi-calendar2-fill::before {
    content: "\f1ff";
}
.bi-calendar2-minus-fill::before {
    content: "\f200";
}
.bi-calendar2-minus::before {
    content: "\f201";
}
.bi-calendar2-month-fill::before {
    content: "\f202";
}
.bi-calendar2-month::before {
    content: "\f203";
}
.bi-calendar2-plus-fill::before {
    content: "\f204";
}
.bi-calendar2-plus::before {
    content: "\f205";
}
.bi-calendar2-range-fill::before {
    content: "\f206";
}
.bi-calendar2-range::before {
    content: "\f207";
}
.bi-calendar2-week-fill::before {
    content: "\f208";
}
.bi-calendar2-week::before {
    content: "\f209";
}
.bi-calendar2-x-fill::before {
    content: "\f20a";
}
.bi-calendar2-x::before {
    content: "\f20b";
}
.bi-calendar2::before {
    content: "\f20c";
}
.bi-calendar3-event-fill::before {
    content: "\f20d";
}
.bi-calendar3-event::before {
    content: "\f20e";
}
.bi-calendar3-fill::before {
    content: "\f20f";
}
.bi-calendar3-range-fill::before {
    content: "\f210";
}
.bi-calendar3-range::before {
    content: "\f211";
}
.bi-calendar3-week-fill::before {
    content: "\f212";
}
.bi-calendar3-week::before {
    content: "\f213";
}
.bi-calendar3::before {
    content: "\f214";
}
.bi-calendar4-event::before {
    content: "\f215";
}
.bi-calendar4-range::before {
    content: "\f216";
}
.bi-calendar4-week::before {
    content: "\f217";
}
.bi-calendar4::before {
    content: "\f218";
}
.bi-camera-fill::before {
    content: "\f219";
}
.bi-camera-reels-fill::before {
    content: "\f21a";
}
.bi-camera-reels::before {
    content: "\f21b";
}
.bi-camera-video-fill::before {
    content: "\f21c";
}
.bi-camera-video-off-fill::before {
    content: "\f21d";
}
.bi-camera-video-off::before {
    content: "\f21e";
}
.bi-camera-video::before {
    content: "\f21f";
}
.bi-camera::before {
    content: "\f220";
}
.bi-camera2::before {
    content: "\f221";
}
.bi-capslock-fill::before {
    content: "\f222";
}
.bi-capslock::before {
    content: "\f223";
}
.bi-card-checklist::before {
    content: "\f224";
}
.bi-card-heading::before {
    content: "\f225";
}
.bi-card-image::before {
    content: "\f226";
}
.bi-card-list::before {
    content: "\f227";
}
.bi-card-text::before {
    content: "\f228";
}
.bi-caret-down-fill::before {
    content: "\f229";
}
.bi-caret-down-square-fill::before {
    content: "\f22a";
}
.bi-caret-down-square::before {
    content: "\f22b";
}
.bi-caret-down::before {
    content: "\f22c";
}
.bi-caret-left-fill::before {
    content: "\f22d";
}
.bi-caret-left-square-fill::before {
    content: "\f22e";
}
.bi-caret-left-square::before {
    content: "\f22f";
}
.bi-caret-left::before {
    content: "\f230";
}
.bi-caret-right-fill::before {
    content: "\f231";
}
.bi-caret-right-square-fill::before {
    content: "\f232";
}
.bi-caret-right-square::before {
    content: "\f233";
}
.bi-caret-right::before {
    content: "\f234";
}
.bi-caret-up-fill::before {
    content: "\f235";
}
.bi-caret-up-square-fill::before {
    content: "\f236";
}
.bi-caret-up-square::before {
    content: "\f237";
}
.bi-caret-up::before {
    content: "\f238";
}
.bi-cart-check-fill::before {
    content: "\f239";
}
.bi-cart-check::before {
    content: "\f23a";
}
.bi-cart-dash-fill::before {
    content: "\f23b";
}
.bi-cart-dash::before {
    content: "\f23c";
}
.bi-cart-fill::before {
    content: "\f23d";
}
.bi-cart-plus-fill::before {
    content: "\f23e";
}
.bi-cart-plus::before {
    content: "\f23f";
}
.bi-cart-x-fill::before {
    content: "\f240";
}
.bi-cart-x::before {
    content: "\f241";
}
.bi-cart::before {
    content: "\f242";
}
.bi-cart2::before {
    content: "\f243";
}
.bi-cart3::before {
    content: "\f244";
}
.bi-cart4::before {
    content: "\f245";
}
.bi-cash-stack::before {
    content: "\f246";
}
.bi-cash::before {
    content: "\f247";
}
.bi-cast::before {
    content: "\f248";
}
.bi-chat-dots-fill::before {
    content: "\f249";
}
.bi-chat-dots::before {
    content: "\f24a";
}
.bi-chat-fill::before {
    content: "\f24b";
}
.bi-chat-left-dots-fill::before {
    content: "\f24c";
}
.bi-chat-left-dots::before {
    content: "\f24d";
}
.bi-chat-left-fill::before {
    content: "\f24e";
}
.bi-chat-left-quote-fill::before {
    content: "\f24f";
}
.bi-chat-left-quote::before {
    content: "\f250";
}
.bi-chat-left-text-fill::before {
    content: "\f251";
}
.bi-chat-left-text::before {
    content: "\f252";
}
.bi-chat-left::before {
    content: "\f253";
}
.bi-chat-quote-fill::before {
    content: "\f254";
}
.bi-chat-quote::before {
    content: "\f255";
}
.bi-chat-right-dots-fill::before {
    content: "\f256";
}
.bi-chat-right-dots::before {
    content: "\f257";
}
.bi-chat-right-fill::before {
    content: "\f258";
}
.bi-chat-right-quote-fill::before {
    content: "\f259";
}
.bi-chat-right-quote::before {
    content: "\f25a";
}
.bi-chat-right-text-fill::before {
    content: "\f25b";
}
.bi-chat-right-text::before {
    content: "\f25c";
}
.bi-chat-right::before {
    content: "\f25d";
}
.bi-chat-square-dots-fill::before {
    content: "\f25e";
}
.bi-chat-square-dots::before {
    content: "\f25f";
}
.bi-chat-square-fill::before {
    content: "\f260";
}
.bi-chat-square-quote-fill::before {
    content: "\f261";
}
.bi-chat-square-quote::before {
    content: "\f262";
}
.bi-chat-square-text-fill::before {
    content: "\f263";
}
.bi-chat-square-text::before {
    content: "\f264";
}
.bi-chat-square::before {
    content: "\f265";
}
.bi-chat-text-fill::before {
    content: "\f266";
}
.bi-chat-text::before {
    content: "\f267";
}
.bi-chat::before {
    content: "\f268";
}
.bi-check-all::before {
    content: "\f269";
}
.bi-check-circle-fill::before {
    content: "\f26a";
}
.bi-check-circle::before {
    content: "\f26b";
}
.bi-check-square-fill::before {
    content: "\f26c";
}
.bi-check-square::before {
    content: "\f26d";
}
.bi-check::before {
    content: "\f26e";
}
.bi-check2-all::before {
    content: "\f26f";
}
.bi-check2-circle::before {
    content: "\f270";
}
.bi-check2-square::before {
    content: "\f271";
}
.bi-check2::before {
    content: "\f272";
}
.bi-chevron-bar-contract::before {
    content: "\f273";
}
.bi-chevron-bar-down::before {
    content: "\f274";
}
.bi-chevron-bar-expand::before {
    content: "\f275";
}
.bi-chevron-bar-left::before {
    content: "\f276";
}
.bi-chevron-bar-right::before {
    content: "\f277";
}
.bi-chevron-bar-up::before {
    content: "\f278";
}
.bi-chevron-compact-down::before {
    content: "\f279";
}
.bi-chevron-compact-left::before {
    content: "\f27a";
}
.bi-chevron-compact-right::before {
    content: "\f27b";
}
.bi-chevron-compact-up::before {
    content: "\f27c";
}
.bi-chevron-contract::before {
    content: "\f27d";
}
.bi-chevron-double-down::before {
    content: "\f27e";
}
.bi-chevron-double-left::before {
    content: "\f27f";
}
.bi-chevron-double-right::before {
    content: "\f280";
}
.bi-chevron-double-up::before {
    content: "\f281";
}
.bi-chevron-down::before {
    content: "\f282";
}
.bi-chevron-expand::before {
    content: "\f283";
}
.bi-chevron-left::before {
    content: "\f284";
}
.bi-chevron-right::before {
    content: "\f285";
}
.bi-chevron-up::before {
    content: "\f286";
}
.bi-circle-fill::before {
    content: "\f287";
}
.bi-circle-half::before {
    content: "\f288";
}
.bi-circle-square::before {
    content: "\f289";
}
.bi-circle::before {
    content: "\f28a";
}
.bi-clipboard-check::before {
    content: "\f28b";
}
.bi-clipboard-data::before {
    content: "\f28c";
}
.bi-clipboard-minus::before {
    content: "\f28d";
}
.bi-clipboard-plus::before {
    content: "\f28e";
}
.bi-clipboard-x::before {
    content: "\f28f";
}
.bi-clipboard::before {
    content: "\f290";
}
.bi-clock-fill::before {
    content: "\f291";
}
.bi-clock-history::before {
    content: "\f292";
}
.bi-clock::before {
    content: "\f293";
}
.bi-cloud-arrow-down-fill::before {
    content: "\f294";
}
.bi-cloud-arrow-down::before {
    content: "\f295";
}
.bi-cloud-arrow-up-fill::before {
    content: "\f296";
}
.bi-cloud-arrow-up::before {
    content: "\f297";
}
.bi-cloud-check-fill::before {
    content: "\f298";
}
.bi-cloud-check::before {
    content: "\f299";
}
.bi-cloud-download-fill::before {
    content: "\f29a";
}
.bi-cloud-download::before {
    content: "\f29b";
}
.bi-cloud-drizzle-fill::before {
    content: "\f29c";
}
.bi-cloud-drizzle::before {
    content: "\f29d";
}
.bi-cloud-fill::before {
    content: "\f29e";
}
.bi-cloud-fog-fill::before {
    content: "\f29f";
}
.bi-cloud-fog::before {
    content: "\f2a0";
}
.bi-cloud-fog2-fill::before {
    content: "\f2a1";
}
.bi-cloud-fog2::before {
    content: "\f2a2";
}
.bi-cloud-hail-fill::before {
    content: "\f2a3";
}
.bi-cloud-hail::before {
    content: "\f2a4";
}
.bi-cloud-haze-fill::before {
    content: "\f2a6";
}
.bi-cloud-haze::before {
    content: "\f2a7";
}
.bi-cloud-haze2-fill::before {
    content: "\f2a8";
}
.bi-cloud-lightning-fill::before {
    content: "\f2a9";
}
.bi-cloud-lightning-rain-fill::before {
    content: "\f2aa";
}
.bi-cloud-lightning-rain::before {
    content: "\f2ab";
}
.bi-cloud-lightning::before {
    content: "\f2ac";
}
.bi-cloud-minus-fill::before {
    content: "\f2ad";
}
.bi-cloud-minus::before {
    content: "\f2ae";
}
.bi-cloud-moon-fill::before {
    content: "\f2af";
}
.bi-cloud-moon::before {
    content: "\f2b0";
}
.bi-cloud-plus-fill::before {
    content: "\f2b1";
}
.bi-cloud-plus::before {
    content: "\f2b2";
}
.bi-cloud-rain-fill::before {
    content: "\f2b3";
}
.bi-cloud-rain-heavy-fill::before {
    content: "\f2b4";
}
.bi-cloud-rain-heavy::before {
    content: "\f2b5";
}
.bi-cloud-rain::before {
    content: "\f2b6";
}
.bi-cloud-slash-fill::before {
    content: "\f2b7";
}
.bi-cloud-slash::before {
    content: "\f2b8";
}
.bi-cloud-sleet-fill::before {
    content: "\f2b9";
}
.bi-cloud-sleet::before {
    content: "\f2ba";
}
.bi-cloud-snow-fill::before {
    content: "\f2bb";
}
.bi-cloud-snow::before {
    content: "\f2bc";
}
.bi-cloud-sun-fill::before {
    content: "\f2bd";
}
.bi-cloud-sun::before {
    content: "\f2be";
}
.bi-cloud-upload-fill::before {
    content: "\f2bf";
}
.bi-cloud-upload::before {
    content: "\f2c0";
}
.bi-cloud::before {
    content: "\f2c1";
}
.bi-clouds-fill::before {
    content: "\f2c2";
}
.bi-clouds::before {
    content: "\f2c3";
}
.bi-cloudy-fill::before {
    content: "\f2c4";
}
.bi-cloudy::before {
    content: "\f2c5";
}
.bi-code-slash::before {
    content: "\f2c6";
}
.bi-code-square::before {
    content: "\f2c7";
}
.bi-code::before {
    content: "\f2c8";
}
.bi-collection-fill::before {
    content: "\f2c9";
}
.bi-collection-play-fill::before {
    content: "\f2ca";
}
.bi-collection-play::before {
    content: "\f2cb";
}
.bi-collection::before {
    content: "\f2cc";
}
.bi-columns-gap::before {
    content: "\f2cd";
}
.bi-columns::before {
    content: "\f2ce";
}
.bi-command::before {
    content: "\f2cf";
}
.bi-compass-fill::before {
    content: "\f2d0";
}
.bi-compass::before {
    content: "\f2d1";
}
.bi-cone-striped::before {
    content: "\f2d2";
}
.bi-cone::before {
    content: "\f2d3";
}
.bi-controller::before {
    content: "\f2d4";
}
.bi-cpu-fill::before {
    content: "\f2d5";
}
.bi-cpu::before {
    content: "\f2d6";
}
.bi-credit-card-2-back-fill::before {
    content: "\f2d7";
}
.bi-credit-card-2-back::before {
    content: "\f2d8";
}
.bi-credit-card-2-front-fill::before {
    content: "\f2d9";
}
.bi-credit-card-2-front::before {
    content: "\f2da";
}
.bi-credit-card-fill::before {
    content: "\f2db";
}
.bi-credit-card::before {
    content: "\f2dc";
}
.bi-crop::before {
    content: "\f2dd";
}
.bi-cup-fill::before {
    content: "\f2de";
}
.bi-cup-straw::before {
    content: "\f2df";
}
.bi-cup::before {
    content: "\f2e0";
}
.bi-cursor-fill::before {
    content: "\f2e1";
}
.bi-cursor-text::before {
    content: "\f2e2";
}
.bi-cursor::before {
    content: "\f2e3";
}
.bi-dash-circle-dotted::before {
    content: "\f2e4";
}
.bi-dash-circle-fill::before {
    content: "\f2e5";
}
.bi-dash-circle::before {
    content: "\f2e6";
}
.bi-dash-square-dotted::before {
    content: "\f2e7";
}
.bi-dash-square-fill::before {
    content: "\f2e8";
}
.bi-dash-square::before {
    content: "\f2e9";
}
.bi-dash::before {
    content: "\f2ea";
}
.bi-diagram-2-fill::before {
    content: "\f2eb";
}
.bi-diagram-2::before {
    content: "\f2ec";
}
.bi-diagram-3-fill::before {
    content: "\f2ed";
}
.bi-diagram-3::before {
    content: "\f2ee";
}
.bi-diamond-fill::before {
    content: "\f2ef";
}
.bi-diamond-half::before {
    content: "\f2f0";
}
.bi-diamond::before {
    content: "\f2f1";
}
.bi-dice-1-fill::before {
    content: "\f2f2";
}
.bi-dice-1::before {
    content: "\f2f3";
}
.bi-dice-2-fill::before {
    content: "\f2f4";
}
.bi-dice-2::before {
    content: "\f2f5";
}
.bi-dice-3-fill::before {
    content: "\f2f6";
}
.bi-dice-3::before {
    content: "\f2f7";
}
.bi-dice-4-fill::before {
    content: "\f2f8";
}
.bi-dice-4::before {
    content: "\f2f9";
}
.bi-dice-5-fill::before {
    content: "\f2fa";
}
.bi-dice-5::before {
    content: "\f2fb";
}
.bi-dice-6-fill::before {
    content: "\f2fc";
}
.bi-dice-6::before {
    content: "\f2fd";
}
.bi-disc-fill::before {
    content: "\f2fe";
}
.bi-disc::before {
    content: "\f2ff";
}
.bi-discord::before {
    content: "\f300";
}
.bi-display-fill::before {
    content: "\f301";
}
.bi-display::before {
    content: "\f302";
}
.bi-distribute-horizontal::before {
    content: "\f303";
}
.bi-distribute-vertical::before {
    content: "\f304";
}
.bi-door-closed-fill::before {
    content: "\f305";
}
.bi-door-closed::before {
    content: "\f306";
}
.bi-door-open-fill::before {
    content: "\f307";
}
.bi-door-open::before {
    content: "\f308";
}
.bi-dot::before {
    content: "\f309";
}
.bi-download::before {
    content: "\f30a";
}
.bi-droplet-fill::before {
    content: "\f30b";
}
.bi-droplet-half::before {
    content: "\f30c";
}
.bi-droplet::before {
    content: "\f30d";
}
.bi-earbuds::before {
    content: "\f30e";
}
.bi-easel-fill::before {
    content: "\f30f";
}
.bi-easel::before {
    content: "\f310";
}
.bi-egg-fill::before {
    content: "\f311";
}
.bi-egg-fried::before {
    content: "\f312";
}
.bi-egg::before {
    content: "\f313";
}
.bi-eject-fill::before {
    content: "\f314";
}
.bi-eject::before {
    content: "\f315";
}
.bi-emoji-angry-fill::before {
    content: "\f316";
}
.bi-emoji-angry::before {
    content: "\f317";
}
.bi-emoji-dizzy-fill::before {
    content: "\f318";
}
.bi-emoji-dizzy::before {
    content: "\f319";
}
.bi-emoji-expressionless-fill::before {
    content: "\f31a";
}
.bi-emoji-expressionless::before {
    content: "\f31b";
}
.bi-emoji-frown-fill::before {
    content: "\f31c";
}
.bi-emoji-frown::before {
    content: "\f31d";
}
.bi-emoji-heart-eyes-fill::before {
    content: "\f31e";
}
.bi-emoji-heart-eyes::before {
    content: "\f31f";
}
.bi-emoji-laughing-fill::before {
    content: "\f320";
}
.bi-emoji-laughing::before {
    content: "\f321";
}
.bi-emoji-neutral-fill::before {
    content: "\f322";
}
.bi-emoji-neutral::before {
    content: "\f323";
}
.bi-emoji-smile-fill::before {
    content: "\f324";
}
.bi-emoji-smile-upside-down-fill::before {
    content: "\f325";
}
.bi-emoji-smile-upside-down::before {
    content: "\f326";
}
.bi-emoji-smile::before {
    content: "\f327";
}
.bi-emoji-sunglasses-fill::before {
    content: "\f328";
}
.bi-emoji-sunglasses::before {
    content: "\f329";
}
.bi-emoji-wink-fill::before {
    content: "\f32a";
}
.bi-emoji-wink::before {
    content: "\f32b";
}
.bi-envelope-fill::before {
    content: "\f32c";
}
.bi-envelope-open-fill::before {
    content: "\f32d";
}
.bi-envelope-open::before {
    content: "\f32e";
}
.bi-envelope::before {
    content: "\f32f";
}
.bi-eraser-fill::before {
    content: "\f330";
}
.bi-eraser::before {
    content: "\f331";
}
.bi-exclamation-circle-fill::before {
    content: "\f332";
}
.bi-exclamation-circle::before {
    content: "\f333";
}
.bi-exclamation-diamond-fill::before {
    content: "\f334";
}
.bi-exclamation-diamond::before {
    content: "\f335";
}
.bi-exclamation-octagon-fill::before {
    content: "\f336";
}
.bi-exclamation-octagon::before {
    content: "\f337";
}
.bi-exclamation-square-fill::before {
    content: "\f338";
}
.bi-exclamation-square::before {
    content: "\f339";
}
.bi-exclamation-triangle-fill::before {
    content: "\f33a";
}
.bi-exclamation-triangle::before {
    content: "\f33b";
}
.bi-exclamation::before {
    content: "\f33c";
}
.bi-exclude::before {
    content: "\f33d";
}
.bi-eye-fill::before {
    content: "\f33e";
}
.bi-eye-slash-fill::before {
    content: "\f33f";
}
.bi-eye-slash::before {
    content: "\f340";
}
.bi-eye::before {
    content: "\f341";
}
.bi-eyedropper::before {
    content: "\f342";
}
.bi-eyeglasses::before {
    content: "\f343";
}
.bi-facebook::before {
    content: "\f344";
}
.bi-file-arrow-down-fill::before {
    content: "\f345";
}
.bi-file-arrow-down::before {
    content: "\f346";
}
.bi-file-arrow-up-fill::before {
    content: "\f347";
}
.bi-file-arrow-up::before {
    content: "\f348";
}
.bi-file-bar-graph-fill::before {
    content: "\f349";
}
.bi-file-bar-graph::before {
    content: "\f34a";
}
.bi-file-binary-fill::before {
    content: "\f34b";
}
.bi-file-binary::before {
    content: "\f34c";
}
.bi-file-break-fill::before {
    content: "\f34d";
}
.bi-file-break::before {
    content: "\f34e";
}
.bi-file-check-fill::before {
    content: "\f34f";
}
.bi-file-check::before {
    content: "\f350";
}
.bi-file-code-fill::before {
    content: "\f351";
}
.bi-file-code::before {
    content: "\f352";
}
.bi-file-diff-fill::before {
    content: "\f353";
}
.bi-file-diff::before {
    content: "\f354";
}
.bi-file-earmark-arrow-down-fill::before {
    content: "\f355";
}
.bi-file-earmark-arrow-down::before {
    content: "\f356";
}
.bi-file-earmark-arrow-up-fill::before {
    content: "\f357";
}
.bi-file-earmark-arrow-up::before {
    content: "\f358";
}
.bi-file-earmark-bar-graph-fill::before {
    content: "\f359";
}
.bi-file-earmark-bar-graph::before {
    content: "\f35a";
}
.bi-file-earmark-binary-fill::before {
    content: "\f35b";
}
.bi-file-earmark-binary::before {
    content: "\f35c";
}
.bi-file-earmark-break-fill::before {
    content: "\f35d";
}
.bi-file-earmark-break::before {
    content: "\f35e";
}
.bi-file-earmark-check-fill::before {
    content: "\f35f";
}
.bi-file-earmark-check::before {
    content: "\f360";
}
.bi-file-earmark-code-fill::before {
    content: "\f361";
}
.bi-file-earmark-code::before {
    content: "\f362";
}
.bi-file-earmark-diff-fill::before {
    content: "\f363";
}
.bi-file-earmark-diff::before {
    content: "\f364";
}
.bi-file-earmark-easel-fill::before {
    content: "\f365";
}
.bi-file-earmark-easel::before {
    content: "\f366";
}
.bi-file-earmark-excel-fill::before {
    content: "\f367";
}
.bi-file-earmark-excel::before {
    content: "\f368";
}
.bi-file-earmark-fill::before {
    content: "\f369";
}
.bi-file-earmark-font-fill::before {
    content: "\f36a";
}
.bi-file-earmark-font::before {
    content: "\f36b";
}
.bi-file-earmark-image-fill::before {
    content: "\f36c";
}
.bi-file-earmark-image::before {
    content: "\f36d";
}
.bi-file-earmark-lock-fill::before {
    content: "\f36e";
}
.bi-file-earmark-lock::before {
    content: "\f36f";
}
.bi-file-earmark-lock2-fill::before {
    content: "\f370";
}
.bi-file-earmark-lock2::before {
    content: "\f371";
}
.bi-file-earmark-medical-fill::before {
    content: "\f372";
}
.bi-file-earmark-medical::before {
    content: "\f373";
}
.bi-file-earmark-minus-fill::before {
    content: "\f374";
}
.bi-file-earmark-minus::before {
    content: "\f375";
}
.bi-file-earmark-music-fill::before {
    content: "\f376";
}
.bi-file-earmark-music::before {
    content: "\f377";
}
.bi-file-earmark-person-fill::before {
    content: "\f378";
}
.bi-file-earmark-person::before {
    content: "\f379";
}
.bi-file-earmark-play-fill::before {
    content: "\f37a";
}
.bi-file-earmark-play::before {
    content: "\f37b";
}
.bi-file-earmark-plus-fill::before {
    content: "\f37c";
}
.bi-file-earmark-plus::before {
    content: "\f37d";
}
.bi-file-earmark-post-fill::before {
    content: "\f37e";
}
.bi-file-earmark-post::before {
    content: "\f37f";
}
.bi-file-earmark-ppt-fill::before {
    content: "\f380";
}
.bi-file-earmark-ppt::before {
    content: "\f381";
}
.bi-file-earmark-richtext-fill::before {
    content: "\f382";
}
.bi-file-earmark-richtext::before {
    content: "\f383";
}
.bi-file-earmark-ruled-fill::before {
    content: "\f384";
}
.bi-file-earmark-ruled::before {
    content: "\f385";
}
.bi-file-earmark-slides-fill::before {
    content: "\f386";
}
.bi-file-earmark-slides::before {
    content: "\f387";
}
.bi-file-earmark-spreadsheet-fill::before {
    content: "\f388";
}
.bi-file-earmark-spreadsheet::before {
    content: "\f389";
}
.bi-file-earmark-text-fill::before {
    content: "\f38a";
}
.bi-file-earmark-text::before {
    content: "\f38b";
}
.bi-file-earmark-word-fill::before {
    content: "\f38c";
}
.bi-file-earmark-word::before {
    content: "\f38d";
}
.bi-file-earmark-x-fill::before {
    content: "\f38e";
}
.bi-file-earmark-x::before {
    content: "\f38f";
}
.bi-file-earmark-zip-fill::before {
    content: "\f390";
}
.bi-file-earmark-zip::before {
    content: "\f391";
}
.bi-file-earmark::before {
    content: "\f392";
}
.bi-file-easel-fill::before {
    content: "\f393";
}
.bi-file-easel::before {
    content: "\f394";
}
.bi-file-excel-fill::before {
    content: "\f395";
}
.bi-file-excel::before {
    content: "\f396";
}
.bi-file-fill::before {
    content: "\f397";
}
.bi-file-font-fill::before {
    content: "\f398";
}
.bi-file-font::before {
    content: "\f399";
}
.bi-file-image-fill::before {
    content: "\f39a";
}
.bi-file-image::before {
    content: "\f39b";
}
.bi-file-lock-fill::before {
    content: "\f39c";
}
.bi-file-lock::before {
    content: "\f39d";
}
.bi-file-lock2-fill::before {
    content: "\f39e";
}
.bi-file-lock2::before {
    content: "\f39f";
}
.bi-file-medical-fill::before {
    content: "\f3a0";
}
.bi-file-medical::before {
    content: "\f3a1";
}
.bi-file-minus-fill::before {
    content: "\f3a2";
}
.bi-file-minus::before {
    content: "\f3a3";
}
.bi-file-music-fill::before {
    content: "\f3a4";
}
.bi-file-music::before {
    content: "\f3a5";
}
.bi-file-person-fill::before {
    content: "\f3a6";
}
.bi-file-person::before {
    content: "\f3a7";
}
.bi-file-play-fill::before {
    content: "\f3a8";
}
.bi-file-play::before {
    content: "\f3a9";
}
.bi-file-plus-fill::before {
    content: "\f3aa";
}
.bi-file-plus::before {
    content: "\f3ab";
}
.bi-file-post-fill::before {
    content: "\f3ac";
}
.bi-file-post::before {
    content: "\f3ad";
}
.bi-file-ppt-fill::before {
    content: "\f3ae";
}
.bi-file-ppt::before {
    content: "\f3af";
}
.bi-file-richtext-fill::before {
    content: "\f3b0";
}
.bi-file-richtext::before {
    content: "\f3b1";
}
.bi-file-ruled-fill::before {
    content: "\f3b2";
}
.bi-file-ruled::before {
    content: "\f3b3";
}
.bi-file-slides-fill::before {
    content: "\f3b4";
}
.bi-file-slides::before {
    content: "\f3b5";
}
.bi-file-spreadsheet-fill::before {
    content: "\f3b6";
}
.bi-file-spreadsheet::before {
    content: "\f3b7";
}
.bi-file-text-fill::before {
    content: "\f3b8";
}
.bi-file-text::before {
    content: "\f3b9";
}
.bi-file-word-fill::before {
    content: "\f3ba";
}
.bi-file-word::before {
    content: "\f3bb";
}
.bi-file-x-fill::before {
    content: "\f3bc";
}
.bi-file-x::before {
    content: "\f3bd";
}
.bi-file-zip-fill::before {
    content: "\f3be";
}
.bi-file-zip::before {
    content: "\f3bf";
}
.bi-file::before {
    content: "\f3c0";
}
.bi-files-alt::before {
    content: "\f3c1";
}
.bi-files::before {
    content: "\f3c2";
}
.bi-film::before {
    content: "\f3c3";
}
.bi-filter-circle-fill::before {
    content: "\f3c4";
}
.bi-filter-circle::before {
    content: "\f3c5";
}
.bi-filter-left::before {
    content: "\f3c6";
}
.bi-filter-right::before {
    content: "\f3c7";
}
.bi-filter-square-fill::before {
    content: "\f3c8";
}
.bi-filter-square::before {
    content: "\f3c9";
}
.bi-filter::before {
    content: "\f3ca";
}
.bi-flag-fill::before {
    content: "\f3cb";
}
.bi-flag::before {
    content: "\f3cc";
}
.bi-flower1::before {
    content: "\f3cd";
}
.bi-flower2::before {
    content: "\f3ce";
}
.bi-flower3::before {
    content: "\f3cf";
}
.bi-folder-check::before {
    content: "\f3d0";
}
.bi-folder-fill::before {
    content: "\f3d1";
}
.bi-folder-minus::before {
    content: "\f3d2";
}
.bi-folder-plus::before {
    content: "\f3d3";
}
.bi-folder-symlink-fill::before {
    content: "\f3d4";
}
.bi-folder-symlink::before {
    content: "\f3d5";
}
.bi-folder-x::before {
    content: "\f3d6";
}
.bi-folder::before {
    content: "\f3d7";
}
.bi-folder2-open::before {
    content: "\f3d8";
}
.bi-folder2::before {
    content: "\f3d9";
}
.bi-fonts::before {
    content: "\f3da";
}
.bi-forward-fill::before {
    content: "\f3db";
}
.bi-forward::before {
    content: "\f3dc";
}
.bi-front::before {
    content: "\f3dd";
}
.bi-fullscreen-exit::before {
    content: "\f3de";
}
.bi-fullscreen::before {
    content: "\f3df";
}
.bi-funnel-fill::before {
    content: "\f3e0";
}
.bi-funnel::before {
    content: "\f3e1";
}
.bi-gear-fill::before {
    content: "\f3e2";
}
.bi-gear-wide-connected::before {
    content: "\f3e3";
}
.bi-gear-wide::before {
    content: "\f3e4";
}
.bi-gear::before {
    content: "\f3e5";
}
.bi-gem::before {
    content: "\f3e6";
}
.bi-geo-alt-fill::before {
    content: "\f3e7";
}
.bi-geo-alt::before {
    content: "\f3e8";
}
.bi-geo-fill::before {
    content: "\f3e9";
}
.bi-geo::before {
    content: "\f3ea";
}
.bi-gift-fill::before {
    content: "\f3eb";
}
.bi-gift::before {
    content: "\f3ec";
}
.bi-github::before {
    content: "\f3ed";
}
.bi-globe::before {
    content: "\f3ee";
}
.bi-globe2::before {
    content: "\f3ef";
}
.bi-google::before {
    content: "\f3f0";
}
.bi-graph-down::before {
    content: "\f3f1";
}
.bi-graph-up::before {
    content: "\f3f2";
}
.bi-grid-1x2-fill::before {
    content: "\f3f3";
}
.bi-grid-1x2::before {
    content: "\f3f4";
}
.bi-grid-3x2-gap-fill::before {
    content: "\f3f5";
}
.bi-grid-3x2-gap::before {
    content: "\f3f6";
}
.bi-grid-3x2::before {
    content: "\f3f7";
}
.bi-grid-3x3-gap-fill::before {
    content: "\f3f8";
}
.bi-grid-3x3-gap::before {
    content: "\f3f9";
}
.bi-grid-3x3::before {
    content: "\f3fa";
}
.bi-grid-fill::before {
    content: "\f3fb";
}
.bi-grid::before {
    content: "\f3fc";
}
.bi-grip-horizontal::before {
    content: "\f3fd";
}
.bi-grip-vertical::before {
    content: "\f3fe";
}
.bi-hammer::before {
    content: "\f3ff";
}
.bi-hand-index-fill::before {
    content: "\f400";
}
.bi-hand-index-thumb-fill::before {
    content: "\f401";
}
.bi-hand-index-thumb::before {
    content: "\f402";
}
.bi-hand-index::before {
    content: "\f403";
}
.bi-hand-thumbs-down-fill::before {
    content: "\f404";
}
.bi-hand-thumbs-down::before {
    content: "\f405";
}
.bi-hand-thumbs-up-fill::before {
    content: "\f406";
}
.bi-hand-thumbs-up::before {
    content: "\f407";
}
.bi-handbag-fill::before {
    content: "\f408";
}
.bi-handbag::before {
    content: "\f409";
}
.bi-hash::before {
    content: "\f40a";
}
.bi-hdd-fill::before {
    content: "\f40b";
}
.bi-hdd-network-fill::before {
    content: "\f40c";
}
.bi-hdd-network::before {
    content: "\f40d";
}
.bi-hdd-rack-fill::before {
    content: "\f40e";
}
.bi-hdd-rack::before {
    content: "\f40f";
}
.bi-hdd-stack-fill::before {
    content: "\f410";
}
.bi-hdd-stack::before {
    content: "\f411";
}
.bi-hdd::before {
    content: "\f412";
}
.bi-headphones::before {
    content: "\f413";
}
.bi-headset::before {
    content: "\f414";
}
.bi-heart-fill::before {
    content: "\f415";
}
.bi-heart-half::before {
    content: "\f416";
}
.bi-heart::before {
    content: "\f417";
}
.bi-heptagon-fill::before {
    content: "\f418";
}
.bi-heptagon-half::before {
    content: "\f419";
}
.bi-heptagon::before {
    content: "\f41a";
}
.bi-hexagon-fill::before {
    content: "\f41b";
}
.bi-hexagon-half::before {
    content: "\f41c";
}
.bi-hexagon::before {
    content: "\f41d";
}
.bi-hourglass-bottom::before {
    content: "\f41e";
}
.bi-hourglass-split::before {
    content: "\f41f";
}
.bi-hourglass-top::before {
    content: "\f420";
}
.bi-hourglass::before {
    content: "\f421";
}
.bi-house-door-fill::before {
    content: "\f422";
}
.bi-house-door::before {
    content: "\f423";
}
.bi-house-fill::before {
    content: "\f424";
}
.bi-house::before {
    content: "\f425";
}
.bi-hr::before {
    content: "\f426";
}
.bi-hurricane::before {
    content: "\f427";
}
.bi-image-alt::before {
    content: "\f428";
}
.bi-image-fill::before {
    content: "\f429";
}
.bi-image::before {
    content: "\f42a";
}
.bi-images::before {
    content: "\f42b";
}
.bi-inbox-fill::before {
    content: "\f42c";
}
.bi-inbox::before {
    content: "\f42d";
}
.bi-inboxes-fill::before {
    content: "\f42e";
}
.bi-inboxes::before {
    content: "\f42f";
}
.bi-info-circle-fill::before {
    content: "\f430";
}
.bi-info-circle::before {
    content: "\f431";
}
.bi-info-square-fill::before {
    content: "\f432";
}
.bi-info-square::before {
    content: "\f433";
}
.bi-info::before {
    content: "\f434";
}
.bi-input-cursor-text::before {
    content: "\f435";
}
.bi-input-cursor::before {
    content: "\f436";
}
.bi-instagram::before {
    content: "\f437";
}
.bi-intersect::before {
    content: "\f438";
}
.bi-journal-album::before {
    content: "\f439";
}
.bi-journal-arrow-down::before {
    content: "\f43a";
}
.bi-journal-arrow-up::before {
    content: "\f43b";
}
.bi-journal-bookmark-fill::before {
    content: "\f43c";
}
.bi-journal-bookmark::before {
    content: "\f43d";
}
.bi-journal-check::before {
    content: "\f43e";
}
.bi-journal-code::before {
    content: "\f43f";
}
.bi-journal-medical::before {
    content: "\f440";
}
.bi-journal-minus::before {
    content: "\f441";
}
.bi-journal-plus::before {
    content: "\f442";
}
.bi-journal-richtext::before {
    content: "\f443";
}
.bi-journal-text::before {
    content: "\f444";
}
.bi-journal-x::before {
    content: "\f445";
}
.bi-journal::before {
    content: "\f446";
}
.bi-journals::before {
    content: "\f447";
}
.bi-joystick::before {
    content: "\f448";
}
.bi-justify-left::before {
    content: "\f449";
}
.bi-justify-right::before {
    content: "\f44a";
}
.bi-justify::before {
    content: "\f44b";
}
.bi-kanban-fill::before {
    content: "\f44c";
}
.bi-kanban::before {
    content: "\f44d";
}
.bi-key-fill::before {
    content: "\f44e";
}
.bi-key::before {
    content: "\f44f";
}
.bi-keyboard-fill::before {
    content: "\f450";
}
.bi-keyboard::before {
    content: "\f451";
}
.bi-ladder::before {
    content: "\f452";
}
.bi-lamp-fill::before {
    content: "\f453";
}
.bi-lamp::before {
    content: "\f454";
}
.bi-laptop-fill::before {
    content: "\f455";
}
.bi-laptop::before {
    content: "\f456";
}
.bi-layer-backward::before {
    content: "\f457";
}
.bi-layer-forward::before {
    content: "\f458";
}
.bi-layers-fill::before {
    content: "\f459";
}
.bi-layers-half::before {
    content: "\f45a";
}
.bi-layers::before {
    content: "\f45b";
}
.bi-layout-sidebar-inset-reverse::before {
    content: "\f45c";
}
.bi-layout-sidebar-inset::before {
    content: "\f45d";
}
.bi-layout-sidebar-reverse::before {
    content: "\f45e";
}
.bi-layout-sidebar::before {
    content: "\f45f";
}
.bi-layout-split::before {
    content: "\f460";
}
.bi-layout-text-sidebar-reverse::before {
    content: "\f461";
}
.bi-layout-text-sidebar::before {
    content: "\f462";
}
.bi-layout-text-window-reverse::before {
    content: "\f463";
}
.bi-layout-text-window::before {
    content: "\f464";
}
.bi-layout-three-columns::before {
    content: "\f465";
}
.bi-layout-wtf::before {
    content: "\f466";
}
.bi-life-preserver::before {
    content: "\f467";
}
.bi-lightbulb-fill::before {
    content: "\f468";
}
.bi-lightbulb-off-fill::before {
    content: "\f469";
}
.bi-lightbulb-off::before {
    content: "\f46a";
}
.bi-lightbulb::before {
    content: "\f46b";
}
.bi-lightning-charge-fill::before {
    content: "\f46c";
}
.bi-lightning-charge::before {
    content: "\f46d";
}
.bi-lightning-fill::before {
    content: "\f46e";
}
.bi-lightning::before {
    content: "\f46f";
}
.bi-link-45deg::before {
    content: "\f470";
}
.bi-link::before {
    content: "\f471";
}
.bi-linkedin::before {
    content: "\f472";
}
.bi-list-check::before {
    content: "\f473";
}
.bi-list-nested::before {
    content: "\f474";
}
.bi-list-ol::before {
    content: "\f475";
}
.bi-list-stars::before {
    content: "\f476";
}
.bi-list-task::before {
    content: "\f477";
}
.bi-list-ul::before {
    content: "\f478";
}
.bi-list::before {
    content: "\f479";
}
.bi-lock-fill::before {
    content: "\f47a";
}
.bi-lock::before {
    content: "\f47b";
}
.bi-mailbox::before {
    content: "\f47c";
}
.bi-mailbox2::before {
    content: "\f47d";
}
.bi-map-fill::before {
    content: "\f47e";
}
.bi-map::before {
    content: "\f47f";
}
.bi-markdown-fill::before {
    content: "\f480";
}
.bi-markdown::before {
    content: "\f481";
}
.bi-mask::before {
    content: "\f482";
}
.bi-megaphone-fill::before {
    content: "\f483";
}
.bi-megaphone::before {
    content: "\f484";
}
.bi-menu-app-fill::before {
    content: "\f485";
}
.bi-menu-app::before {
    content: "\f486";
}
.bi-menu-button-fill::before {
    content: "\f487";
}
.bi-menu-button-wide-fill::before {
    content: "\f488";
}
.bi-menu-button-wide::before {
    content: "\f489";
}
.bi-menu-button::before {
    content: "\f48a";
}
.bi-menu-down::before {
    content: "\f48b";
}
.bi-menu-up::before {
    content: "\f48c";
}
.bi-mic-fill::before {
    content: "\f48d";
}
.bi-mic-mute-fill::before {
    content: "\f48e";
}
.bi-mic-mute::before {
    content: "\f48f";
}
.bi-mic::before {
    content: "\f490";
}
.bi-minecart-loaded::before {
    content: "\f491";
}
.bi-minecart::before {
    content: "\f492";
}
.bi-moisture::before {
    content: "\f493";
}
.bi-moon-fill::before {
    content: "\f494";
}
.bi-moon-stars-fill::before {
    content: "\f495";
}
.bi-moon-stars::before {
    content: "\f496";
}
.bi-moon::before {
    content: "\f497";
}
.bi-mouse-fill::before {
    content: "\f498";
}
.bi-mouse::before {
    content: "\f499";
}
.bi-mouse2-fill::before {
    content: "\f49a";
}
.bi-mouse2::before {
    content: "\f49b";
}
.bi-mouse3-fill::before {
    content: "\f49c";
}
.bi-mouse3::before {
    content: "\f49d";
}
.bi-music-note-beamed::before {
    content: "\f49e";
}
.bi-music-note-list::before {
    content: "\f49f";
}
.bi-music-note::before {
    content: "\f4a0";
}
.bi-music-player-fill::before {
    content: "\f4a1";
}
.bi-music-player::before {
    content: "\f4a2";
}
.bi-newspaper::before {
    content: "\f4a3";
}
.bi-node-minus-fill::before {
    content: "\f4a4";
}
.bi-node-minus::before {
    content: "\f4a5";
}
.bi-node-plus-fill::before {
    content: "\f4a6";
}
.bi-node-plus::before {
    content: "\f4a7";
}
.bi-nut-fill::before {
    content: "\f4a8";
}
.bi-nut::before {
    content: "\f4a9";
}
.bi-octagon-fill::before {
    content: "\f4aa";
}
.bi-octagon-half::before {
    content: "\f4ab";
}
.bi-octagon::before {
    content: "\f4ac";
}
.bi-option::before {
    content: "\f4ad";
}
.bi-outlet::before {
    content: "\f4ae";
}
.bi-paint-bucket::before {
    content: "\f4af";
}
.bi-palette-fill::before {
    content: "\f4b0";
}
.bi-palette::before {
    content: "\f4b1";
}
.bi-palette2::before {
    content: "\f4b2";
}
.bi-paperclip::before {
    content: "\f4b3";
}
.bi-paragraph::before {
    content: "\f4b4";
}
.bi-patch-check-fill::before {
    content: "\f4b5";
}
.bi-patch-check::before {
    content: "\f4b6";
}
.bi-patch-exclamation-fill::before {
    content: "\f4b7";
}
.bi-patch-exclamation::before {
    content: "\f4b8";
}
.bi-patch-minus-fill::before {
    content: "\f4b9";
}
.bi-patch-minus::before {
    content: "\f4ba";
}
.bi-patch-plus-fill::before {
    content: "\f4bb";
}
.bi-patch-plus::before {
    content: "\f4bc";
}
.bi-patch-question-fill::before {
    content: "\f4bd";
}
.bi-patch-question::before {
    content: "\f4be";
}
.bi-pause-btn-fill::before {
    content: "\f4bf";
}
.bi-pause-btn::before {
    content: "\f4c0";
}
.bi-pause-circle-fill::before {
    content: "\f4c1";
}
.bi-pause-circle::before {
    content: "\f4c2";
}
.bi-pause-fill::before {
    content: "\f4c3";
}
.bi-pause::before {
    content: "\f4c4";
}
.bi-peace-fill::before {
    content: "\f4c5";
}
.bi-peace::before {
    content: "\f4c6";
}
.bi-pen-fill::before {
    content: "\f4c7";
}
.bi-pen::before {
    content: "\f4c8";
}
.bi-pencil-fill::before {
    content: "\f4c9";
}
.bi-pencil-square::before {
    content: "\f4ca";
}
.bi-pencil::before {
    content: "\f4cb";
}
.bi-pentagon-fill::before {
    content: "\f4cc";
}
.bi-pentagon-half::before {
    content: "\f4cd";
}
.bi-pentagon::before {
    content: "\f4ce";
}
.bi-people-fill::before {
    content: "\f4cf";
}
.bi-people::before {
    content: "\f4d0";
}
.bi-percent::before {
    content: "\f4d1";
}
.bi-person-badge-fill::before {
    content: "\f4d2";
}
.bi-person-badge::before {
    content: "\f4d3";
}
.bi-person-bounding-box::before {
    content: "\f4d4";
}
.bi-person-check-fill::before {
    content: "\f4d5";
}
.bi-person-check::before {
    content: "\f4d6";
}
.bi-person-circle::before {
    content: "\f4d7";
}
.bi-person-dash-fill::before {
    content: "\f4d8";
}
.bi-person-dash::before {
    content: "\f4d9";
}
.bi-person-fill::before {
    content: "\f4da";
}
.bi-person-lines-fill::before {
    content: "\f4db";
}
.bi-person-plus-fill::before {
    content: "\f4dc";
}
.bi-person-plus::before {
    content: "\f4dd";
}
.bi-person-square::before {
    content: "\f4de";
}
.bi-person-x-fill::before {
    content: "\f4df";
}
.bi-person-x::before {
    content: "\f4e0";
}
.bi-person::before {
    content: "\f4e1";
}
.bi-phone-fill::before {
    content: "\f4e2";
}
.bi-phone-landscape-fill::before {
    content: "\f4e3";
}
.bi-phone-landscape::before {
    content: "\f4e4";
}
.bi-phone-vibrate-fill::before {
    content: "\f4e5";
}
.bi-phone-vibrate::before {
    content: "\f4e6";
}
.bi-phone::before {
    content: "\f4e7";
}
.bi-pie-chart-fill::before {
    content: "\f4e8";
}
.bi-pie-chart::before {
    content: "\f4e9";
}
.bi-pin-angle-fill::before {
    content: "\f4ea";
}
.bi-pin-angle::before {
    content: "\f4eb";
}
.bi-pin-fill::before {
    content: "\f4ec";
}
.bi-pin::before {
    content: "\f4ed";
}
.bi-pip-fill::before {
    content: "\f4ee";
}
.bi-pip::before {
    content: "\f4ef";
}
.bi-play-btn-fill::before {
    content: "\f4f0";
}
.bi-play-btn::before {
    content: "\f4f1";
}
.bi-play-circle-fill::before {
    content: "\f4f2";
}
.bi-play-circle::before {
    content: "\f4f3";
}
.bi-play-fill::before {
    content: "\f4f4";
}
.bi-play::before {
    content: "\f4f5";
}
.bi-plug-fill::before {
    content: "\f4f6";
}
.bi-plug::before {
    content: "\f4f7";
}
.bi-plus-circle-dotted::before {
    content: "\f4f8";
}
.bi-plus-circle-fill::before {
    content: "\f4f9";
}
.bi-plus-circle::before {
    content: "\f4fa";
}
.bi-plus-square-dotted::before {
    content: "\f4fb";
}
.bi-plus-square-fill::before {
    content: "\f4fc";
}
.bi-plus-square::before {
    content: "\f4fd";
}
.bi-plus::before {
    content: "\f4fe";
}
.bi-power::before {
    content: "\f4ff";
}
.bi-printer-fill::before {
    content: "\f500";
}
.bi-printer::before {
    content: "\f501";
}
.bi-puzzle-fill::before {
    content: "\f502";
}
.bi-puzzle::before {
    content: "\f503";
}
.bi-question-circle-fill::before {
    content: "\f504";
}
.bi-question-circle::before {
    content: "\f505";
}
.bi-question-diamond-fill::before {
    content: "\f506";
}
.bi-question-diamond::before {
    content: "\f507";
}
.bi-question-octagon-fill::before {
    content: "\f508";
}
.bi-question-octagon::before {
    content: "\f509";
}
.bi-question-square-fill::before {
    content: "\f50a";
}
.bi-question-square::before {
    content: "\f50b";
}
.bi-question::before {
    content: "\f50c";
}
.bi-rainbow::before {
    content: "\f50d";
}
.bi-receipt-cutoff::before {
    content: "\f50e";
}
.bi-receipt::before {
    content: "\f50f";
}
.bi-reception-0::before {
    content: "\f510";
}
.bi-reception-1::before {
    content: "\f511";
}
.bi-reception-2::before {
    content: "\f512";
}
.bi-reception-3::before {
    content: "\f513";
}
.bi-reception-4::before {
    content: "\f514";
}
.bi-record-btn-fill::before {
    content: "\f515";
}
.bi-record-btn::before {
    content: "\f516";
}
.bi-record-circle-fill::before {
    content: "\f517";
}
.bi-record-circle::before {
    content: "\f518";
}
.bi-record-fill::before {
    content: "\f519";
}
.bi-record::before {
    content: "\f51a";
}
.bi-record2-fill::before {
    content: "\f51b";
}
.bi-record2::before {
    content: "\f51c";
}
.bi-reply-all-fill::before {
    content: "\f51d";
}
.bi-reply-all::before {
    content: "\f51e";
}
.bi-reply-fill::before {
    content: "\f51f";
}
.bi-reply::before {
    content: "\f520";
}
.bi-rss-fill::before {
    content: "\f521";
}
.bi-rss::before {
    content: "\f522";
}
.bi-rulers::before {
    content: "\f523";
}
.bi-save-fill::before {
    content: "\f524";
}
.bi-save::before {
    content: "\f525";
}
.bi-save2-fill::before {
    content: "\f526";
}
.bi-save2::before {
    content: "\f527";
}
.bi-scissors::before {
    content: "\f528";
}
.bi-screwdriver::before {
    content: "\f529";
}
.bi-search::before {
    content: "\f52a";
}
.bi-segmented-nav::before {
    content: "\f52b";
}
.bi-server::before {
    content: "\f52c";
}
.bi-share-fill::before {
    content: "\f52d";
}
.bi-share::before {
    content: "\f52e";
}
.bi-shield-check::before {
    content: "\f52f";
}
.bi-shield-exclamation::before {
    content: "\f530";
}
.bi-shield-fill-check::before {
    content: "\f531";
}
.bi-shield-fill-exclamation::before {
    content: "\f532";
}
.bi-shield-fill-minus::before {
    content: "\f533";
}
.bi-shield-fill-plus::before {
    content: "\f534";
}
.bi-shield-fill-x::before {
    content: "\f535";
}
.bi-shield-fill::before {
    content: "\f536";
}
.bi-shield-lock-fill::before {
    content: "\f537";
}
.bi-shield-lock::before {
    content: "\f538";
}
.bi-shield-minus::before {
    content: "\f539";
}
.bi-shield-plus::before {
    content: "\f53a";
}
.bi-shield-shaded::before {
    content: "\f53b";
}
.bi-shield-slash-fill::before {
    content: "\f53c";
}
.bi-shield-slash::before {
    content: "\f53d";
}
.bi-shield-x::before {
    content: "\f53e";
}
.bi-shield::before {
    content: "\f53f";
}
.bi-shift-fill::before {
    content: "\f540";
}
.bi-shift::before {
    content: "\f541";
}
.bi-shop-window::before {
    content: "\f542";
}
.bi-shop::before {
    content: "\f543";
}
.bi-shuffle::before {
    content: "\f544";
}
.bi-signpost-2-fill::before {
    content: "\f545";
}
.bi-signpost-2::before {
    content: "\f546";
}
.bi-signpost-fill::before {
    content: "\f547";
}
.bi-signpost-split-fill::before {
    content: "\f548";
}
.bi-signpost-split::before {
    content: "\f549";
}
.bi-signpost::before {
    content: "\f54a";
}
.bi-sim-fill::before {
    content: "\f54b";
}
.bi-sim::before {
    content: "\f54c";
}
.bi-skip-backward-btn-fill::before {
    content: "\f54d";
}
.bi-skip-backward-btn::before {
    content: "\f54e";
}
.bi-skip-backward-circle-fill::before {
    content: "\f54f";
}
.bi-skip-backward-circle::before {
    content: "\f550";
}
.bi-skip-backward-fill::before {
    content: "\f551";
}
.bi-skip-backward::before {
    content: "\f552";
}
.bi-skip-end-btn-fill::before {
    content: "\f553";
}
.bi-skip-end-btn::before {
    content: "\f554";
}
.bi-skip-end-circle-fill::before {
    content: "\f555";
}
.bi-skip-end-circle::before {
    content: "\f556";
}
.bi-skip-end-fill::before {
    content: "\f557";
}
.bi-skip-end::before {
    content: "\f558";
}
.bi-skip-forward-btn-fill::before {
    content: "\f559";
}
.bi-skip-forward-btn::before {
    content: "\f55a";
}
.bi-skip-forward-circle-fill::before {
    content: "\f55b";
}
.bi-skip-forward-circle::before {
    content: "\f55c";
}
.bi-skip-forward-fill::before {
    content: "\f55d";
}
.bi-skip-forward::before {
    content: "\f55e";
}
.bi-skip-start-btn-fill::before {
    content: "\f55f";
}
.bi-skip-start-btn::before {
    content: "\f560";
}
.bi-skip-start-circle-fill::before {
    content: "\f561";
}
.bi-skip-start-circle::before {
    content: "\f562";
}
.bi-skip-start-fill::before {
    content: "\f563";
}
.bi-skip-start::before {
    content: "\f564";
}
.bi-slack::before {
    content: "\f565";
}
.bi-slash-circle-fill::before {
    content: "\f566";
}
.bi-slash-circle::before {
    content: "\f567";
}
.bi-slash-square-fill::before {
    content: "\f568";
}
.bi-slash-square::before {
    content: "\f569";
}
.bi-slash::before {
    content: "\f56a";
}
.bi-sliders::before {
    content: "\f56b";
}
.bi-smartwatch::before {
    content: "\f56c";
}
.bi-snow::before {
    content: "\f56d";
}
.bi-snow2::before {
    content: "\f56e";
}
.bi-snow3::before {
    content: "\f56f";
}
.bi-sort-alpha-down-alt::before {
    content: "\f570";
}
.bi-sort-alpha-down::before {
    content: "\f571";
}
.bi-sort-alpha-up-alt::before {
    content: "\f572";
}
.bi-sort-alpha-up::before {
    content: "\f573";
}
.bi-sort-down-alt::before {
    content: "\f574";
}
.bi-sort-down::before {
    content: "\f575";
}
.bi-sort-numeric-down-alt::before {
    content: "\f576";
}
.bi-sort-numeric-down::before {
    content: "\f577";
}
.bi-sort-numeric-up-alt::before {
    content: "\f578";
}
.bi-sort-numeric-up::before {
    content: "\f579";
}
.bi-sort-up-alt::before {
    content: "\f57a";
}
.bi-sort-up::before {
    content: "\f57b";
}
.bi-soundwave::before {
    content: "\f57c";
}
.bi-speaker-fill::before {
    content: "\f57d";
}
.bi-speaker::before {
    content: "\f57e";
}
.bi-speedometer::before {
    content: "\f57f";
}
.bi-speedometer2::before {
    content: "\f580";
}
.bi-spellcheck::before {
    content: "\f581";
}
.bi-square-fill::before {
    content: "\f582";
}
.bi-square-half::before {
    content: "\f583";
}
.bi-square::before {
    content: "\f584";
}
.bi-stack::before {
    content: "\f585";
}
.bi-star-fill::before {
    content: "\f586";
}
.bi-star-half::before {
    content: "\f587";
}
.bi-star::before {
    content: "\f588";
}
.bi-stars::before {
    content: "\f589";
}
.bi-stickies-fill::before {
    content: "\f58a";
}
.bi-stickies::before {
    content: "\f58b";
}
.bi-sticky-fill::before {
    content: "\f58c";
}
.bi-sticky::before {
    content: "\f58d";
}
.bi-stop-btn-fill::before {
    content: "\f58e";
}
.bi-stop-btn::before {
    content: "\f58f";
}
.bi-stop-circle-fill::before {
    content: "\f590";
}
.bi-stop-circle::before {
    content: "\f591";
}
.bi-stop-fill::before {
    content: "\f592";
}
.bi-stop::before {
    content: "\f593";
}
.bi-stoplights-fill::before {
    content: "\f594";
}
.bi-stoplights::before {
    content: "\f595";
}
.bi-stopwatch-fill::before {
    content: "\f596";
}
.bi-stopwatch::before {
    content: "\f597";
}
.bi-subtract::before {
    content: "\f598";
}
.bi-suit-club-fill::before {
    content: "\f599";
}
.bi-suit-club::before {
    content: "\f59a";
}
.bi-suit-diamond-fill::before {
    content: "\f59b";
}
.bi-suit-diamond::before {
    content: "\f59c";
}
.bi-suit-heart-fill::before {
    content: "\f59d";
}
.bi-suit-heart::before {
    content: "\f59e";
}
.bi-suit-spade-fill::before {
    content: "\f59f";
}
.bi-suit-spade::before {
    content: "\f5a0";
}
.bi-sun-fill::before {
    content: "\f5a1";
}
.bi-sun::before {
    content: "\f5a2";
}
.bi-sunglasses::before {
    content: "\f5a3";
}
.bi-sunrise-fill::before {
    content: "\f5a4";
}
.bi-sunrise::before {
    content: "\f5a5";
}
.bi-sunset-fill::before {
    content: "\f5a6";
}
.bi-sunset::before {
    content: "\f5a7";
}
.bi-symmetry-horizontal::before {
    content: "\f5a8";
}
.bi-symmetry-vertical::before {
    content: "\f5a9";
}
.bi-table::before {
    content: "\f5aa";
}
.bi-tablet-fill::before {
    content: "\f5ab";
}
.bi-tablet-landscape-fill::before {
    content: "\f5ac";
}
.bi-tablet-landscape::before {
    content: "\f5ad";
}
.bi-tablet::before {
    content: "\f5ae";
}
.bi-tag-fill::before {
    content: "\f5af";
}
.bi-tag::before {
    content: "\f5b0";
}
.bi-tags-fill::before {
    content: "\f5b1";
}
.bi-tags::before {
    content: "\f5b2";
}
.bi-telegram::before {
    content: "\f5b3";
}
.bi-telephone-fill::before {
    content: "\f5b4";
}
.bi-telephone-forward-fill::before {
    content: "\f5b5";
}
.bi-telephone-forward::before {
    content: "\f5b6";
}
.bi-telephone-inbound-fill::before {
    content: "\f5b7";
}
.bi-telephone-inbound::before {
    content: "\f5b8";
}
.bi-telephone-minus-fill::before {
    content: "\f5b9";
}
.bi-telephone-minus::before {
    content: "\f5ba";
}
.bi-telephone-outbound-fill::before {
    content: "\f5bb";
}
.bi-telephone-outbound::before {
    content: "\f5bc";
}
.bi-telephone-plus-fill::before {
    content: "\f5bd";
}
.bi-telephone-plus::before {
    content: "\f5be";
}
.bi-telephone-x-fill::before {
    content: "\f5bf";
}
.bi-telephone-x::before {
    content: "\f5c0";
}
.bi-telephone::before {
    content: "\f5c1";
}
.bi-terminal-fill::before {
    content: "\f5c2";
}
.bi-terminal::before {
    content: "\f5c3";
}
.bi-text-center::before {
    content: "\f5c4";
}
.bi-text-indent-left::before {
    content: "\f5c5";
}
.bi-text-indent-right::before {
    content: "\f5c6";
}
.bi-text-left::before {
    content: "\f5c7";
}
.bi-text-paragraph::before {
    content: "\f5c8";
}
.bi-text-right::before {
    content: "\f5c9";
}
.bi-textarea-resize::before {
    content: "\f5ca";
}
.bi-textarea-t::before {
    content: "\f5cb";
}
.bi-textarea::before {
    content: "\f5cc";
}
.bi-thermometer-half::before {
    content: "\f5cd";
}
.bi-thermometer-high::before {
    content: "\f5ce";
}
.bi-thermometer-low::before {
    content: "\f5cf";
}
.bi-thermometer-snow::before {
    content: "\f5d0";
}
.bi-thermometer-sun::before {
    content: "\f5d1";
}
.bi-thermometer::before {
    content: "\f5d2";
}
.bi-three-dots-vertical::before {
    content: "\f5d3";
}
.bi-three-dots::before {
    content: "\f5d4";
}
.bi-toggle-off::before {
    content: "\f5d5";
}
.bi-toggle-on::before {
    content: "\f5d6";
}
.bi-toggle2-off::before {
    content: "\f5d7";
}
.bi-toggle2-on::before {
    content: "\f5d8";
}
.bi-toggles::before {
    content: "\f5d9";
}
.bi-toggles2::before {
    content: "\f5da";
}
.bi-tools::before {
    content: "\f5db";
}
.bi-tornado::before {
    content: "\f5dc";
}
.bi-trash-fill::before {
    content: "\f5dd";
}
.bi-trash::before {
    content: "\f5de";
}
.bi-trash2-fill::before {
    content: "\f5df";
}
.bi-trash2::before {
    content: "\f5e0";
}
.bi-tree-fill::before {
    content: "\f5e1";
}
.bi-tree::before {
    content: "\f5e2";
}
.bi-triangle-fill::before {
    content: "\f5e3";
}
.bi-triangle-half::before {
    content: "\f5e4";
}
.bi-triangle::before {
    content: "\f5e5";
}
.bi-trophy-fill::before {
    content: "\f5e6";
}
.bi-trophy::before {
    content: "\f5e7";
}
.bi-tropical-storm::before {
    content: "\f5e8";
}
.bi-truck-flatbed::before {
    content: "\f5e9";
}
.bi-truck::before {
    content: "\f5ea";
}
.bi-tsunami::before {
    content: "\f5eb";
}
.bi-tv-fill::before {
    content: "\f5ec";
}
.bi-tv::before {
    content: "\f5ed";
}
.bi-twitch::before {
    content: "\f5ee";
}
.bi-twitter::before {
    content: "\f5ef";
}
.bi-type-bold::before {
    content: "\f5f0";
}
.bi-type-h1::before {
    content: "\f5f1";
}
.bi-type-h2::before {
    content: "\f5f2";
}
.bi-type-h3::before {
    content: "\f5f3";
}
.bi-type-italic::before {
    content: "\f5f4";
}
.bi-type-strikethrough::before {
    content: "\f5f5";
}
.bi-type-underline::before {
    content: "\f5f6";
}
.bi-type::before {
    content: "\f5f7";
}
.bi-ui-checks-grid::before {
    content: "\f5f8";
}
.bi-ui-checks::before {
    content: "\f5f9";
}
.bi-ui-radios-grid::before {
    content: "\f5fa";
}
.bi-ui-radios::before {
    content: "\f5fb";
}
.bi-umbrella-fill::before {
    content: "\f5fc";
}
.bi-umbrella::before {
    content: "\f5fd";
}
.bi-union::before {
    content: "\f5fe";
}
.bi-unlock-fill::before {
    content: "\f5ff";
}
.bi-unlock::before {
    content: "\f600";
}
.bi-upc-scan::before {
    content: "\f601";
}
.bi-upc::before {
    content: "\f602";
}
.bi-upload::before {
    content: "\f603";
}
.bi-vector-pen::before {
    content: "\f604";
}
.bi-view-list::before {
    content: "\f605";
}
.bi-view-stacked::before {
    content: "\f606";
}
.bi-vinyl-fill::before {
    content: "\f607";
}
.bi-vinyl::before {
    content: "\f608";
}
.bi-voicemail::before {
    content: "\f609";
}
.bi-volume-down-fill::before {
    content: "\f60a";
}
.bi-volume-down::before {
    content: "\f60b";
}
.bi-volume-mute-fill::before {
    content: "\f60c";
}
.bi-volume-mute::before {
    content: "\f60d";
}
.bi-volume-off-fill::before {
    content: "\f60e";
}
.bi-volume-off::before {
    content: "\f60f";
}
.bi-volume-up-fill::before {
    content: "\f610";
}
.bi-volume-up::before {
    content: "\f611";
}
.bi-vr::before {
    content: "\f612";
}
.bi-wallet-fill::before {
    content: "\f613";
}
.bi-wallet::before {
    content: "\f614";
}
.bi-wallet2::before {
    content: "\f615";
}
.bi-watch::before {
    content: "\f616";
}
.bi-water::before {
    content: "\f617";
}
.bi-whatsapp::before {
    content: "\f618";
}
.bi-wifi-1::before {
    content: "\f619";
}
.bi-wifi-2::before {
    content: "\f61a";
}
.bi-wifi-off::before {
    content: "\f61b";
}
.bi-wifi::before {
    content: "\f61c";
}
.bi-wind::before {
    content: "\f61d";
}
.bi-window-dock::before {
    content: "\f61e";
}
.bi-window-sidebar::before {
    content: "\f61f";
}
.bi-window::before {
    content: "\f620";
}
.bi-wrench::before {
    content: "\f621";
}
.bi-x-circle-fill::before {
    content: "\f622";
}
.bi-x-circle::before {
    content: "\f623";
}
.bi-x-diamond-fill::before {
    content: "\f624";
}
.bi-x-diamond::before {
    content: "\f625";
}
.bi-x-octagon-fill::before {
    content: "\f626";
}
.bi-x-octagon::before {
    content: "\f627";
}
.bi-x-square-fill::before {
    content: "\f628";
}
.bi-x-square::before {
    content: "\f629";
}
.bi-x::before {
    content: "\f62a";
}
.bi-youtube::before {
    content: "\f62b";
}
.bi-zoom-in::before {
    content: "\f62c";
}
.bi-zoom-out::before {
    content: "\f62d";
}
.bi-bank::before {
    content: "\f62e";
}
.bi-bank2::before {
    content: "\f62f";
}
.bi-bell-slash-fill::before {
    content: "\f630";
}
.bi-bell-slash::before {
    content: "\f631";
}
.bi-cash-coin::before {
    content: "\f632";
}
.bi-check-lg::before {
    content: "\f633";
}
.bi-coin::before {
    content: "\f634";
}
.bi-currency-bitcoin::before {
    content: "\f635";
}
.bi-currency-dollar::before {
    content: "\f636";
}
.bi-currency-euro::before {
    content: "\f637";
}
.bi-currency-exchange::before {
    content: "\f638";
}
.bi-currency-pound::before {
    content: "\f639";
}
.bi-currency-yen::before {
    content: "\f63a";
}
.bi-dash-lg::before {
    content: "\f63b";
}
.bi-exclamation-lg::before {
    content: "\f63c";
}
.bi-file-earmark-pdf-fill::before {
    content: "\f63d";
}
.bi-file-earmark-pdf::before {
    content: "\f63e";
}
.bi-file-pdf-fill::before {
    content: "\f63f";
}
.bi-file-pdf::before {
    content: "\f640";
}
.bi-gender-ambiguous::before {
    content: "\f641";
}
.bi-gender-female::before {
    content: "\f642";
}
.bi-gender-male::before {
    content: "\f643";
}
.bi-gender-trans::before {
    content: "\f644";
}
.bi-headset-vr::before {
    content: "\f645";
}
.bi-info-lg::before {
    content: "\f646";
}
.bi-mastodon::before {
    content: "\f647";
}
.bi-messenger::before {
    content: "\f648";
}
.bi-piggy-bank-fill::before {
    content: "\f649";
}
.bi-piggy-bank::before {
    content: "\f64a";
}
.bi-pin-map-fill::before {
    content: "\f64b";
}
.bi-pin-map::before {
    content: "\f64c";
}
.bi-plus-lg::before {
    content: "\f64d";
}
.bi-question-lg::before {
    content: "\f64e";
}
.bi-recycle::before {
    content: "\f64f";
}
.bi-reddit::before {
    content: "\f650";
}
.bi-safe-fill::before {
    content: "\f651";
}
.bi-safe2-fill::before {
    content: "\f652";
}
.bi-safe2::before {
    content: "\f653";
}
.bi-sd-card-fill::before {
    content: "\f654";
}
.bi-sd-card::before {
    content: "\f655";
}
.bi-skype::before {
    content: "\f656";
}
.bi-slash-lg::before {
    content: "\f657";
}
.bi-translate::before {
    content: "\f658";
}
.bi-x-lg::before {
    content: "\f659";
}
.bi-safe::before {
    content: "\f65a";
}
.bi-apple::before {
    content: "\f65b";
}
.bi-microsoft::before {
    content: "\f65d";
}
.bi-windows::before {
    content: "\f65e";
}
.bi-behance::before {
    content: "\f65c";
}
.bi-dribbble::before {
    content: "\f65f";
}
.bi-line::before {
    content: "\f660";
}
.bi-medium::before {
    content: "\f661";
}
.bi-paypal::before {
    content: "\f662";
}
.bi-pinterest::before {
    content: "\f663";
}
.bi-signal::before {
    content: "\f664";
}
.bi-snapchat::before {
    content: "\f665";
}
.bi-spotify::before {
    content: "\f666";
}
.bi-stack-overflow::before {
    content: "\f667";
}
.bi-strava::before {
    content: "\f668";
}
.bi-wordpress::before {
    content: "\f669";
}
.bi-vimeo::before {
    content: "\f66a";
}
.bi-activity::before {
    content: "\f66b";
}
.bi-easel2-fill::before {
    content: "\f66c";
}
.bi-easel2::before {
    content: "\f66d";
}
.bi-easel3-fill::before {
    content: "\f66e";
}
.bi-easel3::before {
    content: "\f66f";
}
.bi-fan::before {
    content: "\f670";
}
.bi-fingerprint::before {
    content: "\f671";
}
.bi-graph-down-arrow::before {
    content: "\f672";
}
.bi-graph-up-arrow::before {
    content: "\f673";
}
.bi-hypnotize::before {
    content: "\f674";
}
.bi-magic::before {
    content: "\f675";
}
.bi-person-rolodex::before {
    content: "\f676";
}
.bi-person-video::before {
    content: "\f677";
}
.bi-person-video2::before {
    content: "\f678";
}
.bi-person-video3::before {
    content: "\f679";
}
.bi-person-workspace::before {
    content: "\f67a";
}
.bi-radioactive::before {
    content: "\f67b";
}
.bi-webcam-fill::before {
    content: "\f67c";
}
.bi-webcam::before {
    content: "\f67d";
}
.bi-yin-yang::before {
    content: "\f67e";
}
.bi-bandaid-fill::before {
    content: "\f680";
}
.bi-bandaid::before {
    content: "\f681";
}
.bi-bluetooth::before {
    content: "\f682";
}
.bi-body-text::before {
    content: "\f683";
}
.bi-boombox::before {
    content: "\f684";
}
.bi-boxes::before {
    content: "\f685";
}
.bi-dpad-fill::before {
    content: "\f686";
}
.bi-dpad::before {
    content: "\f687";
}
.bi-ear-fill::before {
    content: "\f688";
}
.bi-ear::before {
    content: "\f689";
}
.bi-envelope-check-fill::before {
    content: "\f68b";
}
.bi-envelope-check::before {
    content: "\f68c";
}
.bi-envelope-dash-fill::before {
    content: "\f68e";
}
.bi-envelope-dash::before {
    content: "\f68f";
}
.bi-envelope-exclamation-fill::before {
    content: "\f691";
}
.bi-envelope-exclamation::before {
    content: "\f692";
}
.bi-envelope-plus-fill::before {
    content: "\f693";
}
.bi-envelope-plus::before {
    content: "\f694";
}
.bi-envelope-slash-fill::before {
    content: "\f696";
}
.bi-envelope-slash::before {
    content: "\f697";
}
.bi-envelope-x-fill::before {
    content: "\f699";
}
.bi-envelope-x::before {
    content: "\f69a";
}
.bi-explicit-fill::before {
    content: "\f69b";
}
.bi-explicit::before {
    content: "\f69c";
}
.bi-git::before {
    content: "\f69d";
}
.bi-infinity::before {
    content: "\f69e";
}
.bi-list-columns-reverse::before {
    content: "\f69f";
}
.bi-list-columns::before {
    content: "\f6a0";
}
.bi-meta::before {
    content: "\f6a1";
}
.bi-nintendo-switch::before {
    content: "\f6a4";
}
.bi-pc-display-horizontal::before {
    content: "\f6a5";
}
.bi-pc-display::before {
    content: "\f6a6";
}
.bi-pc-horizontal::before {
    content: "\f6a7";
}
.bi-pc::before {
    content: "\f6a8";
}
.bi-playstation::before {
    content: "\f6a9";
}
.bi-plus-slash-minus::before {
    content: "\f6aa";
}
.bi-projector-fill::before {
    content: "\f6ab";
}
.bi-projector::before {
    content: "\f6ac";
}
.bi-qr-code-scan::before {
    content: "\f6ad";
}
.bi-qr-code::before {
    content: "\f6ae";
}
.bi-quora::before {
    content: "\f6af";
}
.bi-quote::before {
    content: "\f6b0";
}
.bi-robot::before {
    content: "\f6b1";
}
.bi-send-check-fill::before {
    content: "\f6b2";
}
.bi-send-check::before {
    content: "\f6b3";
}
.bi-send-dash-fill::before {
    content: "\f6b4";
}
.bi-send-dash::before {
    content: "\f6b5";
}
.bi-send-exclamation-fill::before {
    content: "\f6b7";
}
.bi-send-exclamation::before {
    content: "\f6b8";
}
.bi-send-fill::before {
    content: "\f6b9";
}
.bi-send-plus-fill::before {
    content: "\f6ba";
}
.bi-send-plus::before {
    content: "\f6bb";
}
.bi-send-slash-fill::before {
    content: "\f6bc";
}
.bi-send-slash::before {
    content: "\f6bd";
}
.bi-send-x-fill::before {
    content: "\f6be";
}
.bi-send-x::before {
    content: "\f6bf";
}
.bi-send::before {
    content: "\f6c0";
}
.bi-steam::before {
    content: "\f6c1";
}
.bi-terminal-dash::before {
    content: "\f6c3";
}
.bi-terminal-plus::before {
    content: "\f6c4";
}
.bi-terminal-split::before {
    content: "\f6c5";
}
.bi-ticket-detailed-fill::before {
    content: "\f6c6";
}
.bi-ticket-detailed::before {
    content: "\f6c7";
}
.bi-ticket-fill::before {
    content: "\f6c8";
}
.bi-ticket-perforated-fill::before {
    content: "\f6c9";
}
.bi-ticket-perforated::before {
    content: "\f6ca";
}
.bi-ticket::before {
    content: "\f6cb";
}
.bi-tiktok::before {
    content: "\f6cc";
}
.bi-window-dash::before {
    content: "\f6cd";
}
.bi-window-desktop::before {
    content: "\f6ce";
}
.bi-window-fullscreen::before {
    content: "\f6cf";
}
.bi-window-plus::before {
    content: "\f6d0";
}
.bi-window-split::before {
    content: "\f6d1";
}
.bi-window-stack::before {
    content: "\f6d2";
}
.bi-window-x::before {
    content: "\f6d3";
}
.bi-xbox::before {
    content: "\f6d4";
}
.bi-ethernet::before {
    content: "\f6d5";
}
.bi-hdmi-fill::before {
    content: "\f6d6";
}
.bi-hdmi::before {
    content: "\f6d7";
}
.bi-usb-c-fill::before {
    content: "\f6d8";
}
.bi-usb-c::before {
    content: "\f6d9";
}
.bi-usb-fill::before {
    content: "\f6da";
}
.bi-usb-plug-fill::before {
    content: "\f6db";
}
.bi-usb-plug::before {
    content: "\f6dc";
}
.bi-usb-symbol::before {
    content: "\f6dd";
}
.bi-usb::before {
    content: "\f6de";
}
.bi-boombox-fill::before {
    content: "\f6df";
}
.bi-displayport::before {
    content: "\f6e1";
}
.bi-gpu-card::before {
    content: "\f6e2";
}
.bi-memory::before {
    content: "\f6e3";
}
.bi-modem-fill::before {
    content: "\f6e4";
}
.bi-modem::before {
    content: "\f6e5";
}
.bi-motherboard-fill::before {
    content: "\f6e6";
}
.bi-motherboard::before {
    content: "\f6e7";
}
.bi-optical-audio-fill::before {
    content: "\f6e8";
}
.bi-optical-audio::before {
    content: "\f6e9";
}
.bi-pci-card::before {
    content: "\f6ea";
}
.bi-router-fill::before {
    content: "\f6eb";
}
.bi-router::before {
    content: "\f6ec";
}
.bi-thunderbolt-fill::before {
    content: "\f6ef";
}
.bi-thunderbolt::before {
    content: "\f6f0";
}
.bi-usb-drive-fill::before {
    content: "\f6f1";
}
.bi-usb-drive::before {
    content: "\f6f2";
}
.bi-usb-micro-fill::before {
    content: "\f6f3";
}
.bi-usb-micro::before {
    content: "\f6f4";
}
.bi-usb-mini-fill::before {
    content: "\f6f5";
}
.bi-usb-mini::before {
    content: "\f6f6";
}
.bi-cloud-haze2::before {
    content: "\f6f7";
}
.bi-device-hdd-fill::before {
    content: "\f6f8";
}
.bi-device-hdd::before {
    content: "\f6f9";
}
.bi-device-ssd-fill::before {
    content: "\f6fa";
}
.bi-device-ssd::before {
    content: "\f6fb";
}
.bi-displayport-fill::before {
    content: "\f6fc";
}
.bi-mortarboard-fill::before {
    content: "\f6fd";
}
.bi-mortarboard::before {
    content: "\f6fe";
}
.bi-terminal-x::before {
    content: "\f6ff";
}
.bi-arrow-through-heart-fill::before {
    content: "\f700";
}
.bi-arrow-through-heart::before {
    content: "\f701";
}
.bi-badge-sd-fill::before {
    content: "\f702";
}
.bi-badge-sd::before {
    content: "\f703";
}
.bi-bag-heart-fill::before {
    content: "\f704";
}
.bi-bag-heart::before {
    content: "\f705";
}
.bi-balloon-fill::before {
    content: "\f706";
}
.bi-balloon-heart-fill::before {
    content: "\f707";
}
.bi-balloon-heart::before {
    content: "\f708";
}
.bi-balloon::before {
    content: "\f709";
}
.bi-box2-fill::before {
    content: "\f70a";
}
.bi-box2-heart-fill::before {
    content: "\f70b";
}
.bi-box2-heart::before {
    content: "\f70c";
}
.bi-box2::before {
    content: "\f70d";
}
.bi-braces-asterisk::before {
    content: "\f70e";
}
.bi-calendar-heart-fill::before {
    content: "\f70f";
}
.bi-calendar-heart::before {
    content: "\f710";
}
.bi-calendar2-heart-fill::before {
    content: "\f711";
}
.bi-calendar2-heart::before {
    content: "\f712";
}
.bi-chat-heart-fill::before {
    content: "\f713";
}
.bi-chat-heart::before {
    content: "\f714";
}
.bi-chat-left-heart-fill::before {
    content: "\f715";
}
.bi-chat-left-heart::before {
    content: "\f716";
}
.bi-chat-right-heart-fill::before {
    content: "\f717";
}
.bi-chat-right-heart::before {
    content: "\f718";
}
.bi-chat-square-heart-fill::before {
    content: "\f719";
}
.bi-chat-square-heart::before {
    content: "\f71a";
}
.bi-clipboard-check-fill::before {
    content: "\f71b";
}
.bi-clipboard-data-fill::before {
    content: "\f71c";
}
.bi-clipboard-fill::before {
    content: "\f71d";
}
.bi-clipboard-heart-fill::before {
    content: "\f71e";
}
.bi-clipboard-heart::before {
    content: "\f71f";
}
.bi-clipboard-minus-fill::before {
    content: "\f720";
}
.bi-clipboard-plus-fill::before {
    content: "\f721";
}
.bi-clipboard-pulse::before {
    content: "\f722";
}
.bi-clipboard-x-fill::before {
    content: "\f723";
}
.bi-clipboard2-check-fill::before {
    content: "\f724";
}
.bi-clipboard2-check::before {
    content: "\f725";
}
.bi-clipboard2-data-fill::before {
    content: "\f726";
}
.bi-clipboard2-data::before {
    content: "\f727";
}
.bi-clipboard2-fill::before {
    content: "\f728";
}
.bi-clipboard2-heart-fill::before {
    content: "\f729";
}
.bi-clipboard2-heart::before {
    content: "\f72a";
}
.bi-clipboard2-minus-fill::before {
    content: "\f72b";
}
.bi-clipboard2-minus::before {
    content: "\f72c";
}
.bi-clipboard2-plus-fill::before {
    content: "\f72d";
}
.bi-clipboard2-plus::before {
    content: "\f72e";
}
.bi-clipboard2-pulse-fill::before {
    content: "\f72f";
}
.bi-clipboard2-pulse::before {
    content: "\f730";
}
.bi-clipboard2-x-fill::before {
    content: "\f731";
}
.bi-clipboard2-x::before {
    content: "\f732";
}
.bi-clipboard2::before {
    content: "\f733";
}
.bi-emoji-kiss-fill::before {
    content: "\f734";
}
.bi-emoji-kiss::before {
    content: "\f735";
}
.bi-envelope-heart-fill::before {
    content: "\f736";
}
.bi-envelope-heart::before {
    content: "\f737";
}
.bi-envelope-open-heart-fill::before {
    content: "\f738";
}
.bi-envelope-open-heart::before {
    content: "\f739";
}
.bi-envelope-paper-fill::before {
    content: "\f73a";
}
.bi-envelope-paper-heart-fill::before {
    content: "\f73b";
}
.bi-envelope-paper-heart::before {
    content: "\f73c";
}
.bi-envelope-paper::before {
    content: "\f73d";
}
.bi-filetype-aac::before {
    content: "\f73e";
}
.bi-filetype-ai::before {
    content: "\f73f";
}
.bi-filetype-bmp::before {
    content: "\f740";
}
.bi-filetype-cs::before {
    content: "\f741";
}
.bi-filetype-css::before {
    content: "\f742";
}
.bi-filetype-csv::before {
    content: "\f743";
}
.bi-filetype-doc::before {
    content: "\f744";
}
.bi-filetype-docx::before {
    content: "\f745";
}
.bi-filetype-exe::before {
    content: "\f746";
}
.bi-filetype-gif::before {
    content: "\f747";
}
.bi-filetype-heic::before {
    content: "\f748";
}
.bi-filetype-html::before {
    content: "\f749";
}
.bi-filetype-java::before {
    content: "\f74a";
}
.bi-filetype-jpg::before {
    content: "\f74b";
}
.bi-filetype-js::before {
    content: "\f74c";
}
.bi-filetype-jsx::before {
    content: "\f74d";
}
.bi-filetype-key::before {
    content: "\f74e";
}
.bi-filetype-m4p::before {
    content: "\f74f";
}
.bi-filetype-md::before {
    content: "\f750";
}
.bi-filetype-mdx::before {
    content: "\f751";
}
.bi-filetype-mov::before {
    content: "\f752";
}
.bi-filetype-mp3::before {
    content: "\f753";
}
.bi-filetype-mp4::before {
    content: "\f754";
}
.bi-filetype-otf::before {
    content: "\f755";
}
.bi-filetype-pdf::before {
    content: "\f756";
}
.bi-filetype-php::before {
    content: "\f757";
}
.bi-filetype-png::before {
    content: "\f758";
}
.bi-filetype-ppt::before {
    content: "\f75a";
}
.bi-filetype-psd::before {
    content: "\f75b";
}
.bi-filetype-py::before {
    content: "\f75c";
}
.bi-filetype-raw::before {
    content: "\f75d";
}
.bi-filetype-rb::before {
    content: "\f75e";
}
.bi-filetype-sass::before {
    content: "\f75f";
}
.bi-filetype-scss::before {
    content: "\f760";
}
.bi-filetype-sh::before {
    content: "\f761";
}
.bi-filetype-svg::before {
    content: "\f762";
}
.bi-filetype-tiff::before {
    content: "\f763";
}
.bi-filetype-tsx::before {
    content: "\f764";
}
.bi-filetype-ttf::before {
    content: "\f765";
}
.bi-filetype-txt::before {
    content: "\f766";
}
.bi-filetype-wav::before {
    content: "\f767";
}
.bi-filetype-woff::before {
    content: "\f768";
}
.bi-filetype-xls::before {
    content: "\f76a";
}
.bi-filetype-xml::before {
    content: "\f76b";
}
.bi-filetype-yml::before {
    content: "\f76c";
}
.bi-heart-arrow::before {
    content: "\f76d";
}
.bi-heart-pulse-fill::before {
    content: "\f76e";
}
.bi-heart-pulse::before {
    content: "\f76f";
}
.bi-heartbreak-fill::before {
    content: "\f770";
}
.bi-heartbreak::before {
    content: "\f771";
}
.bi-hearts::before {
    content: "\f772";
}
.bi-hospital-fill::before {
    content: "\f773";
}
.bi-hospital::before {
    content: "\f774";
}
.bi-house-heart-fill::before {
    content: "\f775";
}
.bi-house-heart::before {
    content: "\f776";
}
.bi-incognito::before {
    content: "\f777";
}
.bi-magnet-fill::before {
    content: "\f778";
}
.bi-magnet::before {
    content: "\f779";
}
.bi-person-heart::before {
    content: "\f77a";
}
.bi-person-hearts::before {
    content: "\f77b";
}
.bi-phone-flip::before {
    content: "\f77c";
}
.bi-plugin::before {
    content: "\f77d";
}
.bi-postage-fill::before {
    content: "\f77e";
}
.bi-postage-heart-fill::before {
    content: "\f77f";
}
.bi-postage-heart::before {
    content: "\f780";
}
.bi-postage::before {
    content: "\f781";
}
.bi-postcard-fill::before {
    content: "\f782";
}
.bi-postcard-heart-fill::before {
    content: "\f783";
}
.bi-postcard-heart::before {
    content: "\f784";
}
.bi-postcard::before {
    content: "\f785";
}
.bi-search-heart-fill::before {
    content: "\f786";
}
.bi-search-heart::before {
    content: "\f787";
}
.bi-sliders2-vertical::before {
    content: "\f788";
}
.bi-sliders2::before {
    content: "\f789";
}
.bi-trash3-fill::before {
    content: "\f78a";
}
.bi-trash3::before {
    content: "\f78b";
}
.bi-valentine::before {
    content: "\f78c";
}
.bi-valentine2::before {
    content: "\f78d";
}
.bi-wrench-adjustable-circle-fill::before {
    content: "\f78e";
}
.bi-wrench-adjustable-circle::before {
    content: "\f78f";
}
.bi-wrench-adjustable::before {
    content: "\f790";
}
.bi-filetype-json::before {
    content: "\f791";
}
.bi-filetype-pptx::before {
    content: "\f792";
}
.bi-filetype-xlsx::before {
    content: "\f793";
}
.bi-1-circle-fill::before {
    content: "\f796";
}
.bi-1-circle::before {
    content: "\f797";
}
.bi-1-square-fill::before {
    content: "\f798";
}
.bi-1-square::before {
    content: "\f799";
}
.bi-2-circle-fill::before {
    content: "\f79c";
}
.bi-2-circle::before {
    content: "\f79d";
}
.bi-2-square-fill::before {
    content: "\f79e";
}
.bi-2-square::before {
    content: "\f79f";
}
.bi-3-circle-fill::before {
    content: "\f7a2";
}
.bi-3-circle::before {
    content: "\f7a3";
}
.bi-3-square-fill::before {
    content: "\f7a4";
}
.bi-3-square::before {
    content: "\f7a5";
}
.bi-4-circle-fill::before {
    content: "\f7a8";
}
.bi-4-circle::before {
    content: "\f7a9";
}
.bi-4-square-fill::before {
    content: "\f7aa";
}
.bi-4-square::before {
    content: "\f7ab";
}
.bi-5-circle-fill::before {
    content: "\f7ae";
}
.bi-5-circle::before {
    content: "\f7af";
}
.bi-5-square-fill::before {
    content: "\f7b0";
}
.bi-5-square::before {
    content: "\f7b1";
}
.bi-6-circle-fill::before {
    content: "\f7b4";
}
.bi-6-circle::before {
    content: "\f7b5";
}
.bi-6-square-fill::before {
    content: "\f7b6";
}
.bi-6-square::before {
    content: "\f7b7";
}
.bi-7-circle-fill::before {
    content: "\f7ba";
}
.bi-7-circle::before {
    content: "\f7bb";
}
.bi-7-square-fill::before {
    content: "\f7bc";
}
.bi-7-square::before {
    content: "\f7bd";
}
.bi-8-circle-fill::before {
    content: "\f7c0";
}
.bi-8-circle::before {
    content: "\f7c1";
}
.bi-8-square-fill::before {
    content: "\f7c2";
}
.bi-8-square::before {
    content: "\f7c3";
}
.bi-9-circle-fill::before {
    content: "\f7c6";
}
.bi-9-circle::before {
    content: "\f7c7";
}
.bi-9-square-fill::before {
    content: "\f7c8";
}
.bi-9-square::before {
    content: "\f7c9";
}
.bi-airplane-engines-fill::before {
    content: "\f7ca";
}
.bi-airplane-engines::before {
    content: "\f7cb";
}
.bi-airplane-fill::before {
    content: "\f7cc";
}
.bi-airplane::before {
    content: "\f7cd";
}
.bi-alexa::before {
    content: "\f7ce";
}
.bi-alipay::before {
    content: "\f7cf";
}
.bi-android::before {
    content: "\f7d0";
}
.bi-android2::before {
    content: "\f7d1";
}
.bi-box-fill::before {
    content: "\f7d2";
}
.bi-box-seam-fill::before {
    content: "\f7d3";
}
.bi-browser-chrome::before {
    content: "\f7d4";
}
.bi-browser-edge::before {
    content: "\f7d5";
}
.bi-browser-firefox::before {
    content: "\f7d6";
}
.bi-browser-safari::before {
    content: "\f7d7";
}
.bi-c-circle-fill::before {
    content: "\f7da";
}
.bi-c-circle::before {
    content: "\f7db";
}
.bi-c-square-fill::before {
    content: "\f7dc";
}
.bi-c-square::before {
    content: "\f7dd";
}
.bi-capsule-pill::before {
    content: "\f7de";
}
.bi-capsule::before {
    content: "\f7df";
}
.bi-car-front-fill::before {
    content: "\f7e0";
}
.bi-car-front::before {
    content: "\f7e1";
}
.bi-cassette-fill::before {
    content: "\f7e2";
}
.bi-cassette::before {
    content: "\f7e3";
}
.bi-cc-circle-fill::before {
    content: "\f7e6";
}
.bi-cc-circle::before {
    content: "\f7e7";
}
.bi-cc-square-fill::before {
    content: "\f7e8";
}
.bi-cc-square::before {
    content: "\f7e9";
}
.bi-cup-hot-fill::before {
    content: "\f7ea";
}
.bi-cup-hot::before {
    content: "\f7eb";
}
.bi-currency-rupee::before {
    content: "\f7ec";
}
.bi-dropbox::before {
    content: "\f7ed";
}
.bi-escape::before {
    content: "\f7ee";
}
.bi-fast-forward-btn-fill::before {
    content: "\f7ef";
}
.bi-fast-forward-btn::before {
    content: "\f7f0";
}
.bi-fast-forward-circle-fill::before {
    content: "\f7f1";
}
.bi-fast-forward-circle::before {
    content: "\f7f2";
}
.bi-fast-forward-fill::before {
    content: "\f7f3";
}
.bi-fast-forward::before {
    content: "\f7f4";
}
.bi-filetype-sql::before {
    content: "\f7f5";
}
.bi-fire::before {
    content: "\f7f6";
}
.bi-google-play::before {
    content: "\f7f7";
}
.bi-h-circle-fill::before {
    content: "\f7fa";
}
.bi-h-circle::before {
    content: "\f7fb";
}
.bi-h-square-fill::before {
    content: "\f7fc";
}
.bi-h-square::before {
    content: "\f7fd";
}
.bi-indent::before {
    content: "\f7fe";
}
.bi-lungs-fill::before {
    content: "\f7ff";
}
.bi-lungs::before {
    content: "\f800";
}
.bi-microsoft-teams::before {
    content: "\f801";
}
.bi-p-circle-fill::before {
    content: "\f804";
}
.bi-p-circle::before {
    content: "\f805";
}
.bi-p-square-fill::before {
    content: "\f806";
}
.bi-p-square::before {
    content: "\f807";
}
.bi-pass-fill::before {
    content: "\f808";
}
.bi-pass::before {
    content: "\f809";
}
.bi-prescription::before {
    content: "\f80a";
}
.bi-prescription2::before {
    content: "\f80b";
}
.bi-r-circle-fill::before {
    content: "\f80e";
}
.bi-r-circle::before {
    content: "\f80f";
}
.bi-r-square-fill::before {
    content: "\f810";
}
.bi-r-square::before {
    content: "\f811";
}
.bi-repeat-1::before {
    content: "\f812";
}
.bi-repeat::before {
    content: "\f813";
}
.bi-rewind-btn-fill::before {
    content: "\f814";
}
.bi-rewind-btn::before {
    content: "\f815";
}
.bi-rewind-circle-fill::before {
    content: "\f816";
}
.bi-rewind-circle::before {
    content: "\f817";
}
.bi-rewind-fill::before {
    content: "\f818";
}
.bi-rewind::before {
    content: "\f819";
}
.bi-train-freight-front-fill::before {
    content: "\f81a";
}
.bi-train-freight-front::before {
    content: "\f81b";
}
.bi-train-front-fill::before {
    content: "\f81c";
}
.bi-train-front::before {
    content: "\f81d";
}
.bi-train-lightrail-front-fill::before {
    content: "\f81e";
}
.bi-train-lightrail-front::before {
    content: "\f81f";
}
.bi-truck-front-fill::before {
    content: "\f820";
}
.bi-truck-front::before {
    content: "\f821";
}
.bi-ubuntu::before {
    content: "\f822";
}
.bi-unindent::before {
    content: "\f823";
}
.bi-unity::before {
    content: "\f824";
}
.bi-universal-access-circle::before {
    content: "\f825";
}
.bi-universal-access::before {
    content: "\f826";
}
.bi-virus::before {
    content: "\f827";
}
.bi-virus2::before {
    content: "\f828";
}
.bi-wechat::before {
    content: "\f829";
}
.bi-yelp::before {
    content: "\f82a";
}
.bi-sign-stop-fill::before {
    content: "\f82b";
}
.bi-sign-stop-lights-fill::before {
    content: "\f82c";
}
.bi-sign-stop-lights::before {
    content: "\f82d";
}
.bi-sign-stop::before {
    content: "\f82e";
}
.bi-sign-turn-left-fill::before {
    content: "\f82f";
}
.bi-sign-turn-left::before {
    content: "\f830";
}
.bi-sign-turn-right-fill::before {
    content: "\f831";
}
.bi-sign-turn-right::before {
    content: "\f832";
}
.bi-sign-turn-slight-left-fill::before {
    content: "\f833";
}
.bi-sign-turn-slight-left::before {
    content: "\f834";
}
.bi-sign-turn-slight-right-fill::before {
    content: "\f835";
}
.bi-sign-turn-slight-right::before {
    content: "\f836";
}
.bi-sign-yield-fill::before {
    content: "\f837";
}
.bi-sign-yield::before {
    content: "\f838";
}
.bi-ev-station-fill::before {
    content: "\f839";
}
.bi-ev-station::before {
    content: "\f83a";
}
.bi-fuel-pump-diesel-fill::before {
    content: "\f83b";
}
.bi-fuel-pump-diesel::before {
    content: "\f83c";
}
.bi-fuel-pump-fill::before {
    content: "\f83d";
}
.bi-fuel-pump::before {
    content: "\f83e";
}
.bi-0-circle-fill::before {
    content: "\f83f";
}
.bi-0-circle::before {
    content: "\f840";
}
.bi-0-square-fill::before {
    content: "\f841";
}
.bi-0-square::before {
    content: "\f842";
}
.bi-rocket-fill::before {
    content: "\f843";
}
.bi-rocket-takeoff-fill::before {
    content: "\f844";
}
.bi-rocket-takeoff::before {
    content: "\f845";
}
.bi-rocket::before {
    content: "\f846";
}
.bi-stripe::before {
    content: "\f847";
}
.bi-subscript::before {
    content: "\f848";
}
.bi-superscript::before {
    content: "\f849";
}
.bi-trello::before {
    content: "\f84a";
}
.bi-envelope-at-fill::before {
    content: "\f84b";
}
.bi-envelope-at::before {
    content: "\f84c";
}
.bi-regex::before {
    content: "\f84d";
}
.bi-text-wrap::before {
    content: "\f84e";
}
.bi-sign-dead-end-fill::before {
    content: "\f84f";
}
.bi-sign-dead-end::before {
    content: "\f850";
}
.bi-sign-do-not-enter-fill::before {
    content: "\f851";
}
.bi-sign-do-not-enter::before {
    content: "\f852";
}
.bi-sign-intersection-fill::before {
    content: "\f853";
}
.bi-sign-intersection-side-fill::before {
    content: "\f854";
}
.bi-sign-intersection-side::before {
    content: "\f855";
}
.bi-sign-intersection-t-fill::before {
    content: "\f856";
}
.bi-sign-intersection-t::before {
    content: "\f857";
}
.bi-sign-intersection-y-fill::before {
    content: "\f858";
}
.bi-sign-intersection-y::before {
    content: "\f859";
}
.bi-sign-intersection::before {
    content: "\f85a";
}
.bi-sign-merge-left-fill::before {
    content: "\f85b";
}
.bi-sign-merge-left::before {
    content: "\f85c";
}
.bi-sign-merge-right-fill::before {
    content: "\f85d";
}
.bi-sign-merge-right::before {
    content: "\f85e";
}
.bi-sign-no-left-turn-fill::before {
    content: "\f85f";
}
.bi-sign-no-left-turn::before {
    content: "\f860";
}
.bi-sign-no-parking-fill::before {
    content: "\f861";
}
.bi-sign-no-parking::before {
    content: "\f862";
}
.bi-sign-no-right-turn-fill::before {
    content: "\f863";
}
.bi-sign-no-right-turn::before {
    content: "\f864";
}
.bi-sign-railroad-fill::before {
    content: "\f865";
}
.bi-sign-railroad::before {
    content: "\f866";
}
.bi-building-add::before {
    content: "\f867";
}
.bi-building-check::before {
    content: "\f868";
}
.bi-building-dash::before {
    content: "\f869";
}
.bi-building-down::before {
    content: "\f86a";
}
.bi-building-exclamation::before {
    content: "\f86b";
}
.bi-building-fill-add::before {
    content: "\f86c";
}
.bi-building-fill-check::before {
    content: "\f86d";
}
.bi-building-fill-dash::before {
    content: "\f86e";
}
.bi-building-fill-down::before {
    content: "\f86f";
}
.bi-building-fill-exclamation::before {
    content: "\f870";
}
.bi-building-fill-gear::before {
    content: "\f871";
}
.bi-building-fill-lock::before {
    content: "\f872";
}
.bi-building-fill-slash::before {
    content: "\f873";
}
.bi-building-fill-up::before {
    content: "\f874";
}
.bi-building-fill-x::before {
    content: "\f875";
}
.bi-building-fill::before {
    content: "\f876";
}
.bi-building-gear::before {
    content: "\f877";
}
.bi-building-lock::before {
    content: "\f878";
}
.bi-building-slash::before {
    content: "\f879";
}
.bi-building-up::before {
    content: "\f87a";
}
.bi-building-x::before {
    content: "\f87b";
}
.bi-buildings-fill::before {
    content: "\f87c";
}
.bi-buildings::before {
    content: "\f87d";
}
.bi-bus-front-fill::before {
    content: "\f87e";
}
.bi-bus-front::before {
    content: "\f87f";
}
.bi-ev-front-fill::before {
    content: "\f880";
}
.bi-ev-front::before {
    content: "\f881";
}
.bi-globe-americas::before {
    content: "\f882";
}
.bi-globe-asia-australia::before {
    content: "\f883";
}
.bi-globe-central-south-asia::before {
    content: "\f884";
}
.bi-globe-europe-africa::before {
    content: "\f885";
}
.bi-house-add-fill::before {
    content: "\f886";
}
.bi-house-add::before {
    content: "\f887";
}
.bi-house-check-fill::before {
    content: "\f888";
}
.bi-house-check::before {
    content: "\f889";
}
.bi-house-dash-fill::before {
    content: "\f88a";
}
.bi-house-dash::before {
    content: "\f88b";
}
.bi-house-down-fill::before {
    content: "\f88c";
}
.bi-house-down::before {
    content: "\f88d";
}
.bi-house-exclamation-fill::before {
    content: "\f88e";
}
.bi-house-exclamation::before {
    content: "\f88f";
}
.bi-house-gear-fill::before {
    content: "\f890";
}
.bi-house-gear::before {
    content: "\f891";
}
.bi-house-lock-fill::before {
    content: "\f892";
}
.bi-house-lock::before {
    content: "\f893";
}
.bi-house-slash-fill::before {
    content: "\f894";
}
.bi-house-slash::before {
    content: "\f895";
}
.bi-house-up-fill::before {
    content: "\f896";
}
.bi-house-up::before {
    content: "\f897";
}
.bi-house-x-fill::before {
    content: "\f898";
}
.bi-house-x::before {
    content: "\f899";
}
.bi-person-add::before {
    content: "\f89a";
}
.bi-person-down::before {
    content: "\f89b";
}
.bi-person-exclamation::before {
    content: "\f89c";
}
.bi-person-fill-add::before {
    content: "\f89d";
}
.bi-person-fill-check::before {
    content: "\f89e";
}
.bi-person-fill-dash::before {
    content: "\f89f";
}
.bi-person-fill-down::before {
    content: "\f8a0";
}
.bi-person-fill-exclamation::before {
    content: "\f8a1";
}
.bi-person-fill-gear::before {
    content: "\f8a2";
}
.bi-person-fill-lock::before {
    content: "\f8a3";
}
.bi-person-fill-slash::before {
    content: "\f8a4";
}
.bi-person-fill-up::before {
    content: "\f8a5";
}
.bi-person-fill-x::before {
    content: "\f8a6";
}
.bi-person-gear::before {
    content: "\f8a7";
}
.bi-person-lock::before {
    content: "\f8a8";
}
.bi-person-slash::before {
    content: "\f8a9";
}
.bi-person-up::before {
    content: "\f8aa";
}
.bi-scooter::before {
    content: "\f8ab";
}
.bi-taxi-front-fill::before {
    content: "\f8ac";
}
.bi-taxi-front::before {
    content: "\f8ad";
}
.bi-amd::before {
    content: "\f8ae";
}
.bi-database-add::before {
    content: "\f8af";
}
.bi-database-check::before {
    content: "\f8b0";
}
.bi-database-dash::before {
    content: "\f8b1";
}
.bi-database-down::before {
    content: "\f8b2";
}
.bi-database-exclamation::before {
    content: "\f8b3";
}
.bi-database-fill-add::before {
    content: "\f8b4";
}
.bi-database-fill-check::before {
    content: "\f8b5";
}
.bi-database-fill-dash::before {
    content: "\f8b6";
}
.bi-database-fill-down::before {
    content: "\f8b7";
}
.bi-database-fill-exclamation::before {
    content: "\f8b8";
}
.bi-database-fill-gear::before {
    content: "\f8b9";
}
.bi-database-fill-lock::before {
    content: "\f8ba";
}
.bi-database-fill-slash::before {
    content: "\f8bb";
}
.bi-database-fill-up::before {
    content: "\f8bc";
}
.bi-database-fill-x::before {
    content: "\f8bd";
}
.bi-database-fill::before {
    content: "\f8be";
}
.bi-database-gear::before {
    content: "\f8bf";
}
.bi-database-lock::before {
    content: "\f8c0";
}
.bi-database-slash::before {
    content: "\f8c1";
}
.bi-database-up::before {
    content: "\f8c2";
}
.bi-database-x::before {
    content: "\f8c3";
}
.bi-database::before {
    content: "\f8c4";
}
.bi-houses-fill::before {
    content: "\f8c5";
}
.bi-houses::before {
    content: "\f8c6";
}
.bi-nvidia::before {
    content: "\f8c7";
}
.bi-person-vcard-fill::before {
    content: "\f8c8";
}
.bi-person-vcard::before {
    content: "\f8c9";
}
.bi-sina-weibo::before {
    content: "\f8ca";
}
.bi-tencent-qq::before {
    content: "\f8cb";
}
.bi-wikipedia::before {
    content: "\f8cc";
}
.bi-alphabet-uppercase::before {
    content: "\f2a5";
}
.bi-alphabet::before {
    content: "\f68a";
}
.bi-amazon::before {
    content: "\f68d";
}
.bi-arrows-collapse-vertical::before {
    content: "\f690";
}
.bi-arrows-expand-vertical::before {
    content: "\f695";
}
.bi-arrows-vertical::before {
    content: "\f698";
}
.bi-arrows::before {
    content: "\f6a2";
}
.bi-ban-fill::before {
    content: "\f6a3";
}
.bi-ban::before {
    content: "\f6b6";
}
.bi-bing::before {
    content: "\f6c2";
}
.bi-cake::before {
    content: "\f6e0";
}
.bi-cake2::before {
    content: "\f6ed";
}
.bi-cookie::before {
    content: "\f6ee";
}
.bi-copy::before {
    content: "\f759";
}
.bi-crosshair::before {
    content: "\f769";
}
.bi-crosshair2::before {
    content: "\f794";
}
.bi-emoji-astonished-fill::before {
    content: "\f795";
}
.bi-emoji-astonished::before {
    content: "\f79a";
}
.bi-emoji-grimace-fill::before {
    content: "\f79b";
}
.bi-emoji-grimace::before {
    content: "\f7a0";
}
.bi-emoji-grin-fill::before {
    content: "\f7a1";
}
.bi-emoji-grin::before {
    content: "\f7a6";
}
.bi-emoji-surprise-fill::before {
    content: "\f7a7";
}
.bi-emoji-surprise::before {
    content: "\f7ac";
}
.bi-emoji-tear-fill::before {
    content: "\f7ad";
}
.bi-emoji-tear::before {
    content: "\f7b2";
}
.bi-envelope-arrow-down-fill::before {
    content: "\f7b3";
}
.bi-envelope-arrow-down::before {
    content: "\f7b8";
}
.bi-envelope-arrow-up-fill::before {
    content: "\f7b9";
}
.bi-envelope-arrow-up::before {
    content: "\f7be";
}
.bi-feather::before {
    content: "\f7bf";
}
.bi-feather2::before {
    content: "\f7c4";
}
.bi-floppy-fill::before {
    content: "\f7c5";
}
.bi-floppy::before {
    content: "\f7d8";
}
.bi-floppy2-fill::before {
    content: "\f7d9";
}
.bi-floppy2::before {
    content: "\f7e4";
}
.bi-gitlab::before {
    content: "\f7e5";
}
.bi-highlighter::before {
    content: "\f7f8";
}
.bi-marker-tip::before {
    content: "\f802";
}
.bi-nvme-fill::before {
    content: "\f803";
}
.bi-nvme::before {
    content: "\f80c";
}
.bi-opencollective::before {
    content: "\f80d";
}
.bi-pci-card-network::before {
    content: "\f8cd";
}
.bi-pci-card-sound::before {
    content: "\f8ce";
}
.bi-radar::before {
    content: "\f8cf";
}
.bi-send-arrow-down-fill::before {
    content: "\f8d0";
}
.bi-send-arrow-down::before {
    content: "\f8d1";
}
.bi-send-arrow-up-fill::before {
    content: "\f8d2";
}
.bi-send-arrow-up::before {
    content: "\f8d3";
}
.bi-sim-slash-fill::before {
    content: "\f8d4";
}
.bi-sim-slash::before {
    content: "\f8d5";
}
.bi-sourceforge::before {
    content: "\f8d6";
}
.bi-substack::before {
    content: "\f8d7";
}
.bi-threads-fill::before {
    content: "\f8d8";
}
.bi-threads::before {
    content: "\f8d9";
}
.bi-transparency::before {
    content: "\f8da";
}
.bi-twitter-x::before {
    content: "\f8db";
}
.bi-type-h4::before {
    content: "\f8dc";
}
.bi-type-h5::before {
    content: "\f8dd";
}
.bi-type-h6::before {
    content: "\f8de";
}
.bi-backpack-fill::before {
    content: "\f8df";
}
.bi-backpack::before {
    content: "\f8e0";
}
.bi-backpack2-fill::before {
    content: "\f8e1";
}
.bi-backpack2::before {
    content: "\f8e2";
}
.bi-backpack3-fill::before {
    content: "\f8e3";
}
.bi-backpack3::before {
    content: "\f8e4";
}
.bi-backpack4-fill::before {
    content: "\f8e5";
}
.bi-backpack4::before {
    content: "\f8e6";
}
.bi-brilliance::before {
    content: "\f8e7";
}
.bi-cake-fill::before {
    content: "\f8e8";
}
.bi-cake2-fill::before {
    content: "\f8e9";
}
.bi-duffle-fill::before {
    content: "\f8ea";
}
.bi-duffle::before {
    content: "\f8eb";
}
.bi-exposure::before {
    content: "\f8ec";
}
.bi-gender-neuter::before {
    content: "\f8ed";
}
.bi-highlights::before {
    content: "\f8ee";
}
.bi-luggage-fill::before {
    content: "\f8ef";
}
.bi-luggage::before {
    content: "\f8f0";
}
.bi-mailbox-flag::before {
    content: "\f8f1";
}
.bi-mailbox2-flag::before {
    content: "\f8f2";
}
.bi-noise-reduction::before {
    content: "\f8f3";
}
.bi-passport-fill::before {
    content: "\f8f4";
}
.bi-passport::before {
    content: "\f8f5";
}
.bi-person-arms-up::before {
    content: "\f8f6";
}
.bi-person-raised-hand::before {
    content: "\f8f7";
}
.bi-person-standing-dress::before {
    content: "\f8f8";
}
.bi-person-standing::before {
    content: "\f8f9";
}
.bi-person-walking::before {
    content: "\f8fa";
}
.bi-person-wheelchair::before {
    content: "\f8fb";
}
.bi-shadows::before {
    content: "\f8fc";
}
.bi-suitcase-fill::before {
    content: "\f8fd";
}
.bi-suitcase-lg-fill::before {
    content: "\f8fe";
}
.bi-suitcase-lg::before {
    content: "\f8ff";
}
.bi-suitcase::before {
    content: "\f900";
}
.bi-suitcase2-fill::before {
    content: "\f901";
}
.bi-suitcase2::before {
    content: "\f902";
}
.bi-vignette::before {
    content: "\f903";
}

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

:root {
    --swiper-theme-color: #007aff;
}

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

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

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

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

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

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

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

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

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

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

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

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

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

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

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

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

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

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

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

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

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

:root {
    --swiper-navigation-size: 44px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-cube {
    overflow: visible;
}

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

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

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible;
}

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

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

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

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

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

.swiper-cards {
    overflow: visible;
}

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

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}
.nice-select:hover {
    border-color: #dbdbdb;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999;
}
.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    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;
    width: 5px;
}
.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    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: #fff;
    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;
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6;
}
.nice-select .option.selected {
    font-weight: bold;
}
.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;

    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInStable {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    33.333% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    66.666666% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes zoomInStable {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    33.333% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    66.666666% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.zoomInStable {
    -webkit-animation-name: zoomInStable;
    animation-name: zoomInStable;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}

@-webkit-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}

@-moz-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}

@-o-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}

@-ms-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity 0.25s ease, visibility 0s ease 0.25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image:before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing;
}

.fancybox-container [data-selectable="true"] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

.fancybox-caption {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.85) 0,
        rgba(0, 0, 0, 0.3) 50%,
        rgba(0, 0, 0, 0.15) 65%,
        rgba(0, 0, 0, 0.075) 75.5%,
        rgba(0, 0, 0, 0.037) 82.85%,
        rgba(0, 0, 0, 0.019) 88%,
        transparent
    );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right))
            max(25px, env(safe-area-inset-bottom))
            max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes a {
    to {
        transform: rotate(1turn);
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1);
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
    opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1;
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

@font-face {
    font-family: boxicons;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/boxicons.eot);
    src: url(../fonts/boxicons.eot) format("embedded-opentype"),
        url(../fonts/boxicons.woff2) format("woff2"),
        url(../fonts/boxicons.woff) format("woff"),
        url(../fonts/boxicons.ttf) format("truetype"),
        url(../fonts/boxicons.svg?#boxicons) format("svg");
}

.bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bx-ul {
    margin-left: 2em;
    padding-left: 0;
    list-style: none;
}

.bx-ul > li {
    position: relative;
}

.bx-ul .bx {
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    left: -2em;
    width: 2em;
    text-align: center;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes flashing {
    0% {
        opacity: 1;
    }

    45% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }
}

@keyframes flashing {
    0% {
        opacity: 1;
    }

    45% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}

@keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}

@-webkit-keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}

@keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}

@-webkit-keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}

@-webkit-keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}

@keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bx-spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.bx-spin-hover:hover {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.bx-tada {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite;
}

.bx-tada-hover:hover {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite;
}

.bx-flashing {
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear;
}

.bx-flashing-hover:hover {
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear;
}

.bx-burst {
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear;
}

.bx-burst-hover:hover {
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear;
}

.bx-fade-up {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear;
}

.bx-fade-up-hover:hover {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear;
}

.bx-fade-down {
    -webkit-animation: fade-down 1.5s infinite linear;
    animation: fade-down 1.5s infinite linear;
}

.bx-fade-down-hover:hover {
    -webkit-animation: fade-down 1.5s infinite linear;
    animation: fade-down 1.5s infinite linear;
}

.bx-fade-left {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear;
}

.bx-fade-left-hover:hover {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear;
}

.bx-fade-right {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear;
}

.bx-fade-right-hover:hover {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear;
}

.bx-xs {
    font-size: 1rem !important;
}

.bx-sm {
    font-size: 1.55rem !important;
}

.bx-md {
    font-size: 2.25rem !important;
}

.bx-lg {
    font-size: 3rem !important;
}

.bx-fw {
    font-size: 1.2857142857em;
    line-height: 0.8em;
    width: 1.2857142857em;
    height: 0.8em;
    margin-top: -0.2em !important;
    vertical-align: middle;
}

.bx-pull-left {
    float: left;
    margin-right: 0.3em !important;
}

.bx-pull-right {
    float: right;
    margin-left: 0.3em !important;
}

.bx-rotate-90 {
    transform: rotate(90deg);
}

.bx-rotate-180 {
    transform: rotate(180deg);
}

.bx-rotate-270 {
    transform: rotate(270deg);
}

.bx-flip-horizontal {
    transform: scaleX(-1);
}

.bx-flip-vertical {
    transform: scaleY(-1);
}

.bx-border {
    padding: 0.25em;
    border: 0.07em solid rgba(0, 0, 0, 0.1);
    border-radius: 0.25em;
}

.bx-border-circle {
    padding: 0.25em;
    border: 0.07em solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}

.bxs-balloon:before {
    content: "\eb60";
}

.bxs-castle:before {
    content: "\eb79";
}

.bxs-coffee-bean:before {
    content: "\eb92";
}

.bxs-objects-horizontal-center:before {
    content: "\ebab";
}

.bxs-objects-horizontal-left:before {
    content: "\ebc4";
}

.bxs-objects-horizontal-right:before {
    content: "\ebdd";
}

.bxs-objects-vertical-bottom:before {
    content: "\ebf6";
}

.bxs-objects-vertical-center:before {
    content: "\ef40";
}

.bxs-objects-vertical-top:before {
    content: "\ef41";
}

.bxs-pear:before {
    content: "\ef42";
}

.bxs-shield-minus:before {
    content: "\ef43";
}

.bxs-shield-plus:before {
    content: "\ef44";
}

.bxs-shower:before {
    content: "\ef45";
}

.bxs-sushi:before {
    content: "\ef46";
}

.bxs-universal-access:before {
    content: "\ef47";
}

.bx-child:before {
    content: "\ef48";
}

.bx-horizontal-left:before {
    content: "\ef49";
}

.bx-horizontal-right:before {
    content: "\ef4a";
}

.bx-objects-horizontal-center:before {
    content: "\ef4b";
}

.bx-objects-horizontal-left:before {
    content: "\ef4c";
}

.bx-objects-horizontal-right:before {
    content: "\ef4d";
}

.bx-objects-vertical-bottom:before {
    content: "\ef4e";
}

.bx-objects-vertical-center:before {
    content: "\ef4f";
}

.bx-objects-vertical-top:before {
    content: "\ef50";
}

.bx-rfid:before {
    content: "\ef51";
}

.bx-shield-minus:before {
    content: "\ef52";
}

.bx-shield-plus:before {
    content: "\ef53";
}

.bx-shower:before {
    content: "\ef54";
}

.bx-sushi:before {
    content: "\ef55";
}

.bx-universal-access:before {
    content: "\ef56";
}

.bx-vertical-bottom:before {
    content: "\ef57";
}

.bx-vertical-top:before {
    content: "\ef58";
}

.bxl-graphql:before {
    content: "\ef59";
}

.bxl-typescript:before {
    content: "\ef5a";
}

.bxs-color:before {
    content: "\ef39";
}

.bx-reflect-horizontal:before {
    content: "\ef3a";
}

.bx-reflect-vertical:before {
    content: "\ef3b";
}

.bx-color:before {
    content: "\ef3c";
}

.bxl-mongodb:before {
    content: "\ef3d";
}

.bxl-postgresql:before {
    content: "\ef3e";
}

.bxl-deezer:before {
    content: "\ef3f";
}

.bxs-hard-hat:before {
    content: "\ef2a";
}

.bxs-home-alt-2:before {
    content: "\ef2b";
}

.bxs-cheese:before {
    content: "\ef2c";
}

.bx-home-alt-2:before {
    content: "\ef2d";
}

.bx-hard-hat:before {
    content: "\ef2e";
}

.bx-cheese:before {
    content: "\ef2f";
}

.bx-cart-add:before {
    content: "\ef30";
}

.bx-cart-download:before {
    content: "\ef31";
}

.bx-no-signal:before {
    content: "\ef32";
}

.bx-signal-1:before {
    content: "\ef33";
}

.bx-signal-2:before {
    content: "\ef34";
}

.bx-signal-3:before {
    content: "\ef35";
}

.bx-signal-4:before {
    content: "\ef36";
}

.bx-signal-5:before {
    content: "\ef37";
}

.bxl-xing:before {
    content: "\ef38";
}

.bxl-meta:before {
    content: "\ef27";
}

.bx-lemon:before {
    content: "\ef28";
}

.bxs-lemon:before {
    content: "\ef29";
}

.bx-cricket-ball:before {
    content: "\ef0c";
}

.bx-baguette:before {
    content: "\ef0d";
}

.bx-bowl-hot:before {
    content: "\ef0e";
}

.bx-bowl-rice:before {
    content: "\ef0f";
}

.bx-cable-car:before {
    content: "\ef10";
}

.bx-candles:before {
    content: "\ef11";
}

.bx-circle-half:before {
    content: "\ef12";
}

.bx-circle-quarter:before {
    content: "\ef13";
}

.bx-circle-three-quarter:before {
    content: "\ef14";
}

.bx-cross:before {
    content: "\ef15";
}

.bx-fork:before {
    content: "\ef16";
}

.bx-knife:before {
    content: "\ef17";
}

.bx-money-withdraw:before {
    content: "\ef18";
}

.bx-popsicle:before {
    content: "\ef19";
}

.bx-scatter-chart:before {
    content: "\ef1a";
}

.bxs-baguette:before {
    content: "\ef1b";
}

.bxs-bowl-hot:before {
    content: "\ef1c";
}

.bxs-bowl-rice:before {
    content: "\ef1d";
}

.bxs-cable-car:before {
    content: "\ef1e";
}

.bxs-circle-half:before {
    content: "\ef1f";
}

.bxs-circle-quarter:before {
    content: "\ef20";
}

.bxs-circle-three-quarter:before {
    content: "\ef21";
}

.bxs-cricket-ball:before {
    content: "\ef22";
}

.bxs-invader:before {
    content: "\ef23";
}

.bx-male-female:before {
    content: "\ef24";
}

.bxs-popsicle:before {
    content: "\ef25";
}

.bxs-tree-alt:before {
    content: "\ef26";
}

.bxl-venmo:before {
    content: "\e900";
}

.bxl-upwork:before {
    content: "\e901";
}

.bxl-netlify:before {
    content: "\e902";
}

.bxl-java:before {
    content: "\e903";
}

.bxl-heroku:before {
    content: "\e904";
}

.bxl-go-lang:before {
    content: "\e905";
}

.bxl-gmail:before {
    content: "\e906";
}

.bxl-flask:before {
    content: "\e907";
}

.bxl-99designs:before {
    content: "\e908";
}

.bxl-500px:before {
    content: "\e909";
}

.bxl-adobe:before {
    content: "\e90a";
}

.bxl-airbnb:before {
    content: "\e90b";
}

.bxl-algolia:before {
    content: "\e90c";
}

.bxl-amazon:before {
    content: "\e90d";
}

.bxl-android:before {
    content: "\e90e";
}

.bxl-angular:before {
    content: "\e90f";
}

.bxl-apple:before {
    content: "\e910";
}

.bxl-audible:before {
    content: "\e911";
}

.bxl-aws:before {
    content: "\e912";
}

.bxl-baidu:before {
    content: "\e913";
}

.bxl-behance:before {
    content: "\e914";
}

.bxl-bing:before {
    content: "\e915";
}

.bxl-bitcoin:before {
    content: "\e916";
}

.bxl-blender:before {
    content: "\e917";
}

.bxl-blogger:before {
    content: "\e918";
}

.bxl-bootstrap:before {
    content: "\e919";
}

.bxl-chrome:before {
    content: "\e91a";
}

.bxl-codepen:before {
    content: "\e91b";
}

.bxl-c-plus-plus:before {
    content: "\e91c";
}

.bxl-creative-commons:before {
    content: "\e91d";
}

.bxl-css3:before {
    content: "\e91e";
}

.bxl-dailymotion:before {
    content: "\e91f";
}

.bxl-deviantart:before {
    content: "\e920";
}

.bxl-dev-to:before {
    content: "\e921";
}

.bxl-digg:before {
    content: "\e922";
}

.bxl-digitalocean:before {
    content: "\e923";
}

.bxl-discord:before {
    content: "\e924";
}

.bxl-discord-alt:before {
    content: "\e925";
}

.bxl-discourse:before {
    content: "\e926";
}

.bxl-django:before {
    content: "\e927";
}

.bxl-docker:before {
    content: "\e928";
}

.bxl-dribbble:before {
    content: "\e929";
}

.bxl-dropbox:before {
    content: "\e92a";
}

.bxl-drupal:before {
    content: "\e92b";
}

.bxl-ebay:before {
    content: "\e92c";
}

.bxl-edge:before {
    content: "\e92d";
}

.bxl-etsy:before {
    content: "\e92e";
}

.bxl-facebook:before {
    content: "\e92f";
}

.bxl-facebook-circle:before {
    content: "\e930";
}

.bxl-facebook-square:before {
    content: "\e931";
}

.bxl-figma:before {
    content: "\e932";
}

.bxl-firebase:before {
    content: "\e933";
}

.bxl-firefox:before {
    content: "\e934";
}

.bxl-flickr:before {
    content: "\e935";
}

.bxl-flickr-square:before {
    content: "\e936";
}

.bxl-flutter:before {
    content: "\e937";
}

.bxl-foursquare:before {
    content: "\e938";
}

.bxl-git:before {
    content: "\e939";
}

.bxl-github:before {
    content: "\e93a";
}

.bxl-gitlab:before {
    content: "\e93b";
}

.bxl-google:before {
    content: "\e93c";
}

.bxl-google-cloud:before {
    content: "\e93d";
}

.bxl-google-plus:before {
    content: "\e93e";
}

.bxl-google-plus-circle:before {
    content: "\e93f";
}

.bxl-html5:before {
    content: "\e940";
}

.bxl-imdb:before {
    content: "\e941";
}

.bxl-instagram:before {
    content: "\e942";
}

.bxl-instagram-alt:before {
    content: "\e943";
}

.bxl-internet-explorer:before {
    content: "\e944";
}

.bxl-invision:before {
    content: "\e945";
}

.bxl-javascript:before {
    content: "\e946";
}

.bxl-joomla:before {
    content: "\e947";
}

.bxl-jquery:before {
    content: "\e948";
}

.bxl-jsfiddle:before {
    content: "\e949";
}

.bxl-kickstarter:before {
    content: "\e94a";
}

.bxl-kubernetes:before {
    content: "\e94b";
}

.bxl-less:before {
    content: "\e94c";
}

.bxl-linkedin:before {
    content: "\e94d";
}

.bxl-linkedin-square:before {
    content: "\e94e";
}

.bxl-magento:before {
    content: "\e94f";
}

.bxl-mailchimp:before {
    content: "\e950";
}

.bxl-markdown:before {
    content: "\e951";
}

.bxl-mastercard:before {
    content: "\e952";
}

.bxl-mastodon:before {
    content: "\e953";
}

.bxl-medium:before {
    content: "\e954";
}

.bxl-medium-old:before {
    content: "\e955";
}

.bxl-medium-square:before {
    content: "\e956";
}

.bxl-messenger:before {
    content: "\e957";
}

.bxl-microsoft:before {
    content: "\e958";
}

.bxl-microsoft-teams:before {
    content: "\e959";
}

.bxl-nodejs:before {
    content: "\e95a";
}

.bxl-ok-ru:before {
    content: "\e95b";
}

.bxl-opera:before {
    content: "\e95c";
}

.bxl-patreon:before {
    content: "\e95d";
}

.bxl-paypal:before {
    content: "\e95e";
}

.bxl-periscope:before {
    content: "\e95f";
}

.bxl-php:before {
    content: "\e960";
}

.bxl-pinterest:before {
    content: "\e961";
}

.bxl-pinterest-alt:before {
    content: "\e962";
}

.bxl-play-store:before {
    content: "\e963";
}

.bxl-pocket:before {
    content: "\e964";
}

.bxl-product-hunt:before {
    content: "\e965";
}

.bxl-python:before {
    content: "\e966";
}

.bxl-quora:before {
    content: "\e967";
}

.bxl-react:before {
    content: "\e968";
}

.bxl-redbubble:before {
    content: "\e969";
}

.bxl-reddit:before {
    content: "\e96a";
}

.bxl-redux:before {
    content: "\e96b";
}

.bxl-sass:before {
    content: "\e96c";
}

.bxl-shopify:before {
    content: "\e96d";
}

.bxl-sketch:before {
    content: "\e96e";
}

.bxl-skype:before {
    content: "\e96f";
}

.bxl-slack:before {
    content: "\e970";
}

.bxl-slack-old:before {
    content: "\e971";
}

.bxl-snapchat:before {
    content: "\e972";
}

.bxl-soundcloud:before {
    content: "\e973";
}

.bxl-spotify:before {
    content: "\e974";
}

.bxl-spring-boot:before {
    content: "\e975";
}

.bxl-squarespace:before {
    content: "\e976";
}

.bxl-stack-overflow:before {
    content: "\e977";
}

.bxl-steam:before {
    content: "\e978";
}

.bxl-stripe:before {
    content: "\e979";
}

.bxl-tailwind-css:before {
    content: "\e97a";
}

.bxl-telegram:before {
    content: "\e97b";
}

.bxl-tiktok:before {
    content: "\e97c";
}

.bxl-trello:before {
    content: "\e97d";
}

.bxl-trip-advisor:before {
    content: "\e97e";
}

.bxl-tumblr:before {
    content: "\e97f";
}

.bxl-tux:before {
    content: "\e980";
}

.bxl-twitch:before {
    content: "\e981";
}

.bxl-twitter:before {
    content: "\e982";
}

.bxl-unity:before {
    content: "\e983";
}

.bxl-unsplash:before {
    content: "\e984";
}

.bxl-vimeo:before {
    content: "\e985";
}

.bxl-visa:before {
    content: "\e986";
}

.bxl-visual-studio:before {
    content: "\e987";
}

.bxl-vk:before {
    content: "\e988";
}

.bxl-vuejs:before {
    content: "\e989";
}

.bxl-whatsapp:before {
    content: "\e98a";
}

.bxl-whatsapp-square:before {
    content: "\e98b";
}

.bxl-wikipedia:before {
    content: "\e98c";
}

.bxl-windows:before {
    content: "\e98d";
}

.bxl-wix:before {
    content: "\e98e";
}

.bxl-wordpress:before {
    content: "\e98f";
}

.bxl-yahoo:before {
    content: "\e990";
}

.bxl-yelp:before {
    content: "\e991";
}

.bxl-youtube:before {
    content: "\e992";
}

.bxl-zoom:before {
    content: "\e993";
}

.bx-collapse-alt:before {
    content: "\e994";
}

.bx-collapse-horizontal:before {
    content: "\e995";
}

.bx-collapse-vertical:before {
    content: "\e996";
}

.bx-expand-horizontal:before {
    content: "\e997";
}

.bx-expand-vertical:before {
    content: "\e998";
}

.bx-injection:before {
    content: "\e999";
}

.bx-leaf:before {
    content: "\e99a";
}

.bx-math:before {
    content: "\e99b";
}

.bx-party:before {
    content: "\e99c";
}

.bx-abacus:before {
    content: "\e99d";
}

.bx-accessibility:before {
    content: "\e99e";
}

.bx-add-to-queue:before {
    content: "\e99f";
}

.bx-adjust:before {
    content: "\e9a0";
}

.bx-alarm:before {
    content: "\e9a1";
}

.bx-alarm-add:before {
    content: "\e9a2";
}

.bx-alarm-exclamation:before {
    content: "\e9a3";
}

.bx-alarm-off:before {
    content: "\e9a4";
}

.bx-alarm-snooze:before {
    content: "\e9a5";
}

.bx-album:before {
    content: "\e9a6";
}

.bx-align-justify:before {
    content: "\e9a7";
}

.bx-align-left:before {
    content: "\e9a8";
}

.bx-align-middle:before {
    content: "\e9a9";
}

.bx-align-right:before {
    content: "\e9aa";
}

.bx-analyse:before {
    content: "\e9ab";
}

.bx-anchor:before {
    content: "\e9ac";
}

.bx-angry:before {
    content: "\e9ad";
}

.bx-aperture:before {
    content: "\e9ae";
}

.bx-arch:before {
    content: "\e9af";
}

.bx-archive:before {
    content: "\e9b0";
}

.bx-archive-in:before {
    content: "\e9b1";
}

.bx-archive-out:before {
    content: "\e9b2";
}

.bx-area:before {
    content: "\e9b3";
}

.bx-arrow-back:before {
    content: "\e9b4";
}

.bx-arrow-from-bottom:before {
    content: "\e9b5";
}

.bx-arrow-from-left:before {
    content: "\e9b6";
}

.bx-arrow-from-right:before {
    content: "\e9b7";
}

.bx-arrow-from-top:before {
    content: "\e9b8";
}

.bx-arrow-to-bottom:before {
    content: "\e9b9";
}

.bx-arrow-to-left:before {
    content: "\e9ba";
}

.bx-arrow-to-right:before {
    content: "\e9bb";
}

.bx-arrow-to-top:before {
    content: "\e9bc";
}

.bx-at:before {
    content: "\e9bd";
}

.bx-atom:before {
    content: "\e9be";
}

.bx-award:before {
    content: "\e9bf";
}

.bx-badge:before {
    content: "\e9c0";
}

.bx-badge-check:before {
    content: "\e9c1";
}

.bx-ball:before {
    content: "\e9c2";
}

.bx-band-aid:before {
    content: "\e9c3";
}

.bx-bar-chart:before {
    content: "\e9c4";
}

.bx-bar-chart-alt:before {
    content: "\e9c5";
}

.bx-bar-chart-alt-2:before {
    content: "\e9c6";
}

.bx-bar-chart-square:before {
    content: "\e9c7";
}

.bx-barcode:before {
    content: "\e9c8";
}

.bx-barcode-reader:before {
    content: "\e9c9";
}

.bx-baseball:before {
    content: "\e9ca";
}

.bx-basket:before {
    content: "\e9cb";
}

.bx-basketball:before {
    content: "\e9cc";
}

.bx-bath:before {
    content: "\e9cd";
}

.bx-battery:before {
    content: "\e9ce";
}

.bx-bed:before {
    content: "\e9cf";
}

.bx-been-here:before {
    content: "\e9d0";
}

.bx-beer:before {
    content: "\e9d1";
}

.bx-bell:before {
    content: "\e9d2";
}

.bx-bell-minus:before {
    content: "\e9d3";
}

.bx-bell-off:before {
    content: "\e9d4";
}

.bx-bell-plus:before {
    content: "\e9d5";
}

.bx-bible:before {
    content: "\e9d6";
}

.bx-bitcoin:before {
    content: "\e9d7";
}

.bx-blanket:before {
    content: "\e9d8";
}

.bx-block:before {
    content: "\e9d9";
}

.bx-bluetooth:before {
    content: "\e9da";
}

.bx-body:before {
    content: "\e9db";
}

.bx-bold:before {
    content: "\e9dc";
}

.bx-bolt-circle:before {
    content: "\e9dd";
}

.bx-bomb:before {
    content: "\e9de";
}

.bx-bone:before {
    content: "\e9df";
}

.bx-bong:before {
    content: "\e9e0";
}

.bx-book:before {
    content: "\e9e1";
}

.bx-book-add:before {
    content: "\e9e2";
}

.bx-book-alt:before {
    content: "\e9e3";
}

.bx-book-bookmark:before {
    content: "\e9e4";
}

.bx-book-content:before {
    content: "\e9e5";
}

.bx-book-heart:before {
    content: "\e9e6";
}

.bx-bookmark:before {
    content: "\e9e7";
}

.bx-bookmark-alt:before {
    content: "\e9e8";
}

.bx-bookmark-alt-minus:before {
    content: "\e9e9";
}

.bx-bookmark-alt-plus:before {
    content: "\e9ea";
}

.bx-bookmark-heart:before {
    content: "\e9eb";
}

.bx-bookmark-minus:before {
    content: "\e9ec";
}

.bx-bookmark-plus:before {
    content: "\e9ed";
}

.bx-bookmarks:before {
    content: "\e9ee";
}

.bx-book-open:before {
    content: "\e9ef";
}

.bx-book-reader:before {
    content: "\e9f0";
}

.bx-border-all:before {
    content: "\e9f1";
}

.bx-border-bottom:before {
    content: "\e9f2";
}

.bx-border-inner:before {
    content: "\e9f3";
}

.bx-border-left:before {
    content: "\e9f4";
}

.bx-border-none:before {
    content: "\e9f5";
}

.bx-border-outer:before {
    content: "\e9f6";
}

.bx-border-radius:before {
    content: "\e9f7";
}

.bx-border-right:before {
    content: "\e9f8";
}

.bx-border-top:before {
    content: "\e9f9";
}

.bx-bot:before {
    content: "\e9fa";
}

.bx-bowling-ball:before {
    content: "\e9fb";
}

.bx-box:before {
    content: "\e9fc";
}

.bx-bracket:before {
    content: "\e9fd";
}

.bx-braille:before {
    content: "\e9fe";
}

.bx-brain:before {
    content: "\e9ff";
}

.bx-briefcase:before {
    content: "\ea00";
}

.bx-briefcase-alt:before {
    content: "\ea01";
}

.bx-briefcase-alt-2:before {
    content: "\ea02";
}

.bx-brightness:before {
    content: "\ea03";
}

.bx-brightness-half:before {
    content: "\ea04";
}

.bx-broadcast:before {
    content: "\ea05";
}

.bx-brush:before {
    content: "\ea06";
}

.bx-brush-alt:before {
    content: "\ea07";
}

.bx-bug:before {
    content: "\ea08";
}

.bx-bug-alt:before {
    content: "\ea09";
}

.bx-building:before {
    content: "\ea0a";
}

.bx-building-house:before {
    content: "\ea0b";
}

.bx-buildings:before {
    content: "\ea0c";
}

.bx-bulb:before {
    content: "\ea0d";
}

.bx-bullseye:before {
    content: "\ea0e";
}

.bx-buoy:before {
    content: "\ea0f";
}

.bx-bus:before {
    content: "\ea10";
}

.bx-bus-school:before {
    content: "\ea11";
}

.bx-cabinet:before {
    content: "\ea12";
}

.bx-cake:before {
    content: "\ea13";
}

.bx-calculator:before {
    content: "\ea14";
}

.bx-calendar:before {
    content: "\ea15";
}

.bx-calendar-alt:before {
    content: "\ea16";
}

.bx-calendar-check:before {
    content: "\ea17";
}

.bx-calendar-edit:before {
    content: "\ea18";
}

.bx-calendar-event:before {
    content: "\ea19";
}

.bx-calendar-exclamation:before {
    content: "\ea1a";
}

.bx-calendar-heart:before {
    content: "\ea1b";
}

.bx-calendar-minus:before {
    content: "\ea1c";
}

.bx-calendar-plus:before {
    content: "\ea1d";
}

.bx-calendar-star:before {
    content: "\ea1e";
}

.bx-calendar-week:before {
    content: "\ea1f";
}

.bx-calendar-x:before {
    content: "\ea20";
}

.bx-camera:before {
    content: "\ea21";
}

.bx-camera-home:before {
    content: "\ea22";
}

.bx-camera-movie:before {
    content: "\ea23";
}

.bx-camera-off:before {
    content: "\ea24";
}

.bx-capsule:before {
    content: "\ea25";
}

.bx-captions:before {
    content: "\ea26";
}

.bx-car:before {
    content: "\ea27";
}

.bx-card:before {
    content: "\ea28";
}

.bx-caret-down:before {
    content: "\ea29";
}

.bx-caret-down-circle:before {
    content: "\ea2a";
}

.bx-caret-down-square:before {
    content: "\ea2b";
}

.bx-caret-left:before {
    content: "\ea2c";
}

.bx-caret-left-circle:before {
    content: "\ea2d";
}

.bx-caret-left-square:before {
    content: "\ea2e";
}

.bx-caret-right:before {
    content: "\ea2f";
}

.bx-caret-right-circle:before {
    content: "\ea30";
}

.bx-caret-right-square:before {
    content: "\ea31";
}

.bx-caret-up:before {
    content: "\ea32";
}

.bx-caret-up-circle:before {
    content: "\ea33";
}

.bx-caret-up-square:before {
    content: "\ea34";
}

.bx-carousel:before {
    content: "\ea35";
}

.bx-cart:before {
    content: "\ea36";
}

.bx-cart-alt:before {
    content: "\ea37";
}

.bx-cast:before {
    content: "\ea38";
}

.bx-category:before {
    content: "\ea39";
}

.bx-category-alt:before {
    content: "\ea3a";
}

.bx-cctv:before {
    content: "\ea3b";
}

.bx-certification:before {
    content: "\ea3c";
}

.bx-chair:before {
    content: "\ea3d";
}

.bx-chalkboard:before {
    content: "\ea3e";
}

.bx-chart:before {
    content: "\ea3f";
}

.bx-chat:before {
    content: "\ea40";
}

.bx-check:before {
    content: "\ea41";
}

.bx-checkbox:before {
    content: "\ea42";
}

.bx-checkbox-checked:before {
    content: "\ea43";
}

.bx-checkbox-minus:before {
    content: "\ea44";
}

.bx-checkbox-square:before {
    content: "\ea45";
}

.bx-check-circle:before {
    content: "\ea46";
}

.bx-check-double:before {
    content: "\ea47";
}

.bx-check-shield:before {
    content: "\ea48";
}

.bx-check-square:before {
    content: "\ea49";
}

.bx-chevron-down:before {
    content: "\ea4a";
}

.bx-chevron-down-circle:before {
    content: "\ea4b";
}

.bx-chevron-down-square:before {
    content: "\ea4c";
}

.bx-chevron-left:before {
    content: "\ea4d";
}

.bx-chevron-left-circle:before {
    content: "\ea4e";
}

.bx-chevron-left-square:before {
    content: "\ea4f";
}

.bx-chevron-right:before {
    content: "\ea50";
}

.bx-chevron-right-circle:before {
    content: "\ea51";
}

.bx-chevron-right-square:before {
    content: "\ea52";
}

.bx-chevrons-down:before {
    content: "\ea53";
}

.bx-chevrons-left:before {
    content: "\ea54";
}

.bx-chevrons-right:before {
    content: "\ea55";
}

.bx-chevrons-up:before {
    content: "\ea56";
}

.bx-chevron-up:before {
    content: "\ea57";
}

.bx-chevron-up-circle:before {
    content: "\ea58";
}

.bx-chevron-up-square:before {
    content: "\ea59";
}

.bx-chip:before {
    content: "\ea5a";
}

.bx-church:before {
    content: "\ea5b";
}

.bx-circle:before {
    content: "\ea5c";
}

.bx-clinic:before {
    content: "\ea5d";
}

.bx-clipboard:before {
    content: "\ea5e";
}

.bx-closet:before {
    content: "\ea5f";
}

.bx-cloud:before {
    content: "\ea60";
}

.bx-cloud-download:before {
    content: "\ea61";
}

.bx-cloud-drizzle:before {
    content: "\ea62";
}

.bx-cloud-lightning:before {
    content: "\ea63";
}

.bx-cloud-light-rain:before {
    content: "\ea64";
}

.bx-cloud-rain:before {
    content: "\ea65";
}

.bx-cloud-snow:before {
    content: "\ea66";
}

.bx-cloud-upload:before {
    content: "\ea67";
}

.bx-code:before {
    content: "\ea68";
}

.bx-code-alt:before {
    content: "\ea69";
}

.bx-code-block:before {
    content: "\ea6a";
}

.bx-code-curly:before {
    content: "\ea6b";
}

.bx-coffee:before {
    content: "\ea6c";
}

.bx-coffee-togo:before {
    content: "\ea6d";
}

.bx-cog:before {
    content: "\ea6e";
}

.bx-coin:before {
    content: "\ea6f";
}

.bx-coin-stack:before {
    content: "\ea70";
}

.bx-collapse:before {
    content: "\ea71";
}

.bx-collection:before {
    content: "\ea72";
}

.bx-color-fill:before {
    content: "\ea73";
}

.bx-columns:before {
    content: "\ea74";
}

.bx-command:before {
    content: "\ea75";
}

.bx-comment:before {
    content: "\ea76";
}

.bx-comment-add:before {
    content: "\ea77";
}

.bx-comment-check:before {
    content: "\ea78";
}

.bx-comment-detail:before {
    content: "\ea79";
}

.bx-comment-dots:before {
    content: "\ea7a";
}

.bx-comment-edit:before {
    content: "\ea7b";
}

.bx-comment-error:before {
    content: "\ea7c";
}

.bx-comment-minus:before {
    content: "\ea7d";
}

.bx-comment-x:before {
    content: "\ea7e";
}

.bx-compass:before {
    content: "\ea7f";
}

.bx-confused:before {
    content: "\ea80";
}

.bx-conversation:before {
    content: "\ea81";
}

.bx-cookie:before {
    content: "\ea82";
}

.bx-cool:before {
    content: "\ea83";
}

.bx-copy:before {
    content: "\ea84";
}

.bx-copy-alt:before {
    content: "\ea85";
}

.bx-copyright:before {
    content: "\ea86";
}

.bx-credit-card:before {
    content: "\ea87";
}

.bx-credit-card-alt:before {
    content: "\ea88";
}

.bx-credit-card-front:before {
    content: "\ea89";
}

.bx-crop:before {
    content: "\ea8a";
}

.bx-crosshair:before {
    content: "\ea8b";
}

.bx-crown:before {
    content: "\ea8c";
}

.bx-cube:before {
    content: "\ea8d";
}

.bx-cube-alt:before {
    content: "\ea8e";
}

.bx-cuboid:before {
    content: "\ea8f";
}

.bx-current-location:before {
    content: "\ea90";
}

.bx-customize:before {
    content: "\ea91";
}

.bx-cut:before {
    content: "\ea92";
}

.bx-cycling:before {
    content: "\ea93";
}

.bx-cylinder:before {
    content: "\ea94";
}

.bx-data:before {
    content: "\ea95";
}

.bx-desktop:before {
    content: "\ea96";
}

.bx-detail:before {
    content: "\ea97";
}

.bx-devices:before {
    content: "\ea98";
}

.bx-dialpad:before {
    content: "\ea99";
}

.bx-dialpad-alt:before {
    content: "\ea9a";
}

.bx-diamond:before {
    content: "\ea9b";
}

.bx-dice-1:before {
    content: "\ea9c";
}

.bx-dice-2:before {
    content: "\ea9d";
}

.bx-dice-3:before {
    content: "\ea9e";
}

.bx-dice-4:before {
    content: "\ea9f";
}

.bx-dice-5:before {
    content: "\eaa0";
}

.bx-dice-6:before {
    content: "\eaa1";
}

.bx-directions:before {
    content: "\eaa2";
}

.bx-disc:before {
    content: "\eaa3";
}

.bx-dish:before {
    content: "\eaa4";
}

.bx-dislike:before {
    content: "\eaa5";
}

.bx-dizzy:before {
    content: "\eaa6";
}

.bx-dna:before {
    content: "\eaa7";
}

.bx-dock-bottom:before {
    content: "\eaa8";
}

.bx-dock-left:before {
    content: "\eaa9";
}

.bx-dock-right:before {
    content: "\eaaa";
}

.bx-dock-top:before {
    content: "\eaab";
}

.bx-dollar:before {
    content: "\eaac";
}

.bx-dollar-circle:before {
    content: "\eaad";
}

.bx-donate-blood:before {
    content: "\eaae";
}

.bx-donate-heart:before {
    content: "\eaaf";
}

.bx-door-open:before {
    content: "\eab0";
}

.bx-dots-horizontal:before {
    content: "\eab1";
}

.bx-dots-horizontal-rounded:before {
    content: "\eab2";
}

.bx-dots-vertical:before {
    content: "\eab3";
}

.bx-dots-vertical-rounded:before {
    content: "\eab4";
}

.bx-doughnut-chart:before {
    content: "\eab5";
}

.bx-down-arrow:before {
    content: "\eab6";
}

.bx-down-arrow-alt:before {
    content: "\eab7";
}

.bx-down-arrow-circle:before {
    content: "\eab8";
}

.bx-download:before {
    content: "\eab9";
}

.bx-downvote:before {
    content: "\eaba";
}

.bx-drink:before {
    content: "\eabb";
}

.bx-droplet:before {
    content: "\eabc";
}

.bx-dumbbell:before {
    content: "\eabd";
}

.bx-duplicate:before {
    content: "\eabe";
}

.bx-edit:before {
    content: "\eabf";
}

.bx-edit-alt:before {
    content: "\eac0";
}

.bx-envelope:before {
    content: "\eac1";
}

.bx-envelope-open:before {
    content: "\eac2";
}

.bx-equalizer:before {
    content: "\eac3";
}

.bx-eraser:before {
    content: "\eac4";
}

.bx-error:before {
    content: "\eac5";
}

.bx-error-alt:before {
    content: "\eac6";
}

.bx-error-circle:before {
    content: "\eac7";
}

.bx-euro:before {
    content: "\eac8";
}

.bx-exclude:before {
    content: "\eac9";
}

.bx-exit:before {
    content: "\eaca";
}

.bx-exit-fullscreen:before {
    content: "\eacb";
}

.bx-expand:before {
    content: "\eacc";
}

.bx-expand-alt:before {
    content: "\eacd";
}

.bx-export:before {
    content: "\eace";
}

.bx-extension:before {
    content: "\eacf";
}

.bx-face:before {
    content: "\ead0";
}

.bx-fast-forward:before {
    content: "\ead1";
}

.bx-fast-forward-circle:before {
    content: "\ead2";
}

.bx-female:before {
    content: "\ead3";
}

.bx-female-sign:before {
    content: "\ead4";
}

.bx-file:before {
    content: "\ead5";
}

.bx-file-blank:before {
    content: "\ead6";
}

.bx-file-find:before {
    content: "\ead7";
}

.bx-film:before {
    content: "\ead8";
}

.bx-filter:before {
    content: "\ead9";
}

.bx-filter-alt:before {
    content: "\eada";
}

.bx-fingerprint:before {
    content: "\eadb";
}

.bx-first-aid:before {
    content: "\eadc";
}

.bx-first-page:before {
    content: "\eadd";
}

.bx-flag:before {
    content: "\eade";
}

.bx-folder:before {
    content: "\eadf";
}

.bx-folder-minus:before {
    content: "\eae0";
}

.bx-folder-open:before {
    content: "\eae1";
}

.bx-folder-plus:before {
    content: "\eae2";
}

.bx-font:before {
    content: "\eae3";
}

.bx-font-color:before {
    content: "\eae4";
}

.bx-font-family:before {
    content: "\eae5";
}

.bx-font-size:before {
    content: "\eae6";
}

.bx-food-menu:before {
    content: "\eae7";
}

.bx-food-tag:before {
    content: "\eae8";
}

.bx-football:before {
    content: "\eae9";
}

.bx-fridge:before {
    content: "\eaea";
}

.bx-fullscreen:before {
    content: "\eaeb";
}

.bx-game:before {
    content: "\eaec";
}

.bx-gas-pump:before {
    content: "\eaed";
}

.bx-ghost:before {
    content: "\eaee";
}

.bx-gift:before {
    content: "\eaef";
}

.bx-git-branch:before {
    content: "\eaf0";
}

.bx-git-commit:before {
    content: "\eaf1";
}

.bx-git-compare:before {
    content: "\eaf2";
}

.bx-git-merge:before {
    content: "\eaf3";
}

.bx-git-pull-request:before {
    content: "\eaf4";
}

.bx-git-repo-forked:before {
    content: "\eaf5";
}

.bx-glasses:before {
    content: "\eaf6";
}

.bx-glasses-alt:before {
    content: "\eaf7";
}

.bx-globe:before {
    content: "\eaf8";
}

.bx-globe-alt:before {
    content: "\eaf9";
}

.bx-grid:before {
    content: "\eafa";
}

.bx-grid-alt:before {
    content: "\eafb";
}

.bx-grid-horizontal:before {
    content: "\eafc";
}

.bx-grid-small:before {
    content: "\eafd";
}

.bx-grid-vertical:before {
    content: "\eafe";
}

.bx-group:before {
    content: "\eaff";
}

.bx-handicap:before {
    content: "\eb00";
}

.bx-happy:before {
    content: "\eb01";
}

.bx-happy-alt:before {
    content: "\eb02";
}

.bx-happy-beaming:before {
    content: "\eb03";
}

.bx-happy-heart-eyes:before {
    content: "\eb04";
}

.bx-hash:before {
    content: "\eb05";
}

.bx-hdd:before {
    content: "\eb06";
}

.bx-heading:before {
    content: "\eb07";
}

.bx-headphone:before {
    content: "\eb08";
}

.bx-health:before {
    content: "\eb09";
}

.bx-heart:before {
    content: "\eb0a";
}

.bx-heart-circle:before {
    content: "\eb0b";
}

.bx-heart-square:before {
    content: "\eb0c";
}

.bx-help-circle:before {
    content: "\eb0d";
}

.bx-hide:before {
    content: "\eb0e";
}

.bx-highlight:before {
    content: "\eb0f";
}

.bx-history:before {
    content: "\eb10";
}

.bx-hive:before {
    content: "\eb11";
}

.bx-home:before {
    content: "\eb12";
}

.bx-home-alt:before {
    content: "\eb13";
}

.bx-home-circle:before {
    content: "\eb14";
}

.bx-home-heart:before {
    content: "\eb15";
}

.bx-home-smile:before {
    content: "\eb16";
}

.bx-horizontal-center:before {
    content: "\eb17";
}

.bx-hotel:before {
    content: "\eb18";
}

.bx-hourglass:before {
    content: "\eb19";
}

.bx-id-card:before {
    content: "\eb1a";
}

.bx-image:before {
    content: "\eb1b";
}

.bx-image-add:before {
    content: "\eb1c";
}

.bx-image-alt:before {
    content: "\eb1d";
}

.bx-images:before {
    content: "\eb1e";
}

.bx-import:before {
    content: "\eb1f";
}

.bx-infinite:before {
    content: "\eb20";
}

.bx-info-circle:before {
    content: "\eb21";
}

.bx-info-square:before {
    content: "\eb22";
}

.bx-intersect:before {
    content: "\eb23";
}

.bx-italic:before {
    content: "\eb24";
}

.bx-joystick:before {
    content: "\eb25";
}

.bx-joystick-alt:before {
    content: "\eb26";
}

.bx-joystick-button:before {
    content: "\eb27";
}

.bx-key:before {
    content: "\eb28";
}

.bx-label:before {
    content: "\eb29";
}

.bx-landscape:before {
    content: "\eb2a";
}

.bx-laptop:before {
    content: "\eb2b";
}

.bx-last-page:before {
    content: "\eb2c";
}

.bx-laugh:before {
    content: "\eb2d";
}

.bx-layer:before {
    content: "\eb2e";
}

.bx-layer-minus:before {
    content: "\eb2f";
}

.bx-layer-plus:before {
    content: "\eb30";
}

.bx-layout:before {
    content: "\eb31";
}

.bx-left-arrow:before {
    content: "\eb32";
}

.bx-left-arrow-alt:before {
    content: "\eb33";
}

.bx-left-arrow-circle:before {
    content: "\eb34";
}

.bx-left-down-arrow-circle:before {
    content: "\eb35";
}

.bx-left-indent:before {
    content: "\eb36";
}

.bx-left-top-arrow-circle:before {
    content: "\eb37";
}

.bx-library:before {
    content: "\eb38";
}

.bx-like:before {
    content: "\eb39";
}

.bx-line-chart:before {
    content: "\eb3a";
}

.bx-line-chart-down:before {
    content: "\eb3b";
}

.bx-link:before {
    content: "\eb3c";
}

.bx-link-alt:before {
    content: "\eb3d";
}

.bx-link-external:before {
    content: "\eb3e";
}

.bx-lira:before {
    content: "\eb3f";
}

.bx-list-check:before {
    content: "\eb40";
}

.bx-list-minus:before {
    content: "\eb41";
}

.bx-list-ol:before {
    content: "\eb42";
}

.bx-list-plus:before {
    content: "\eb43";
}

.bx-list-ul:before {
    content: "\eb44";
}

.bx-loader:before {
    content: "\eb45";
}

.bx-loader-alt:before {
    content: "\eb46";
}

.bx-loader-circle:before {
    content: "\eb47";
}

.bx-location-plus:before {
    content: "\eb48";
}

.bx-lock:before {
    content: "\eb49";
}

.bx-lock-alt:before {
    content: "\eb4a";
}

.bx-lock-open:before {
    content: "\eb4b";
}

.bx-lock-open-alt:before {
    content: "\eb4c";
}

.bx-log-in:before {
    content: "\eb4d";
}

.bx-log-in-circle:before {
    content: "\eb4e";
}

.bx-log-out:before {
    content: "\eb4f";
}

.bx-log-out-circle:before {
    content: "\eb50";
}

.bx-low-vision:before {
    content: "\eb51";
}

.bx-magnet:before {
    content: "\eb52";
}

.bx-mail-send:before {
    content: "\eb53";
}

.bx-male:before {
    content: "\eb54";
}

.bx-male-sign:before {
    content: "\eb55";
}

.bx-map:before {
    content: "\eb56";
}

.bx-map-alt:before {
    content: "\eb57";
}

.bx-map-pin:before {
    content: "\eb58";
}

.bx-mask:before {
    content: "\eb59";
}

.bx-medal:before {
    content: "\eb5a";
}

.bx-meh:before {
    content: "\eb5b";
}

.bx-meh-alt:before {
    content: "\eb5c";
}

.bx-meh-blank:before {
    content: "\eb5d";
}

.bx-memory-card:before {
    content: "\eb5e";
}

.bx-menu:before {
    content: "\eb5f";
}

.bx-menu-alt-left:before {
    content: "\ef5b";
}

.bx-menu-alt-right:before {
    content: "\eb61";
}

.bx-merge:before {
    content: "\eb62";
}

.bx-message:before {
    content: "\eb63";
}

.bx-message-add:before {
    content: "\eb64";
}

.bx-message-alt:before {
    content: "\eb65";
}

.bx-message-alt-add:before {
    content: "\eb66";
}

.bx-message-alt-check:before {
    content: "\eb67";
}

.bx-message-alt-detail:before {
    content: "\eb68";
}

.bx-message-alt-dots:before {
    content: "\eb69";
}

.bx-message-alt-edit:before {
    content: "\eb6a";
}

.bx-message-alt-error:before {
    content: "\eb6b";
}

.bx-message-alt-minus:before {
    content: "\eb6c";
}

.bx-message-alt-x:before {
    content: "\eb6d";
}

.bx-message-check:before {
    content: "\eb6e";
}

.bx-message-detail:before {
    content: "\eb6f";
}

.bx-message-dots:before {
    content: "\eb70";
}

.bx-message-edit:before {
    content: "\eb71";
}

.bx-message-error:before {
    content: "\eb72";
}

.bx-message-minus:before {
    content: "\eb73";
}

.bx-message-rounded:before {
    content: "\eb74";
}

.bx-message-rounded-add:before {
    content: "\eb75";
}

.bx-message-rounded-check:before {
    content: "\eb76";
}

.bx-message-rounded-detail:before {
    content: "\eb77";
}

.bx-message-rounded-dots:before {
    content: "\eb78";
}

.bx-message-rounded-edit:before {
    content: "\ef5c";
}

.bx-message-rounded-error:before {
    content: "\eb7a";
}

.bx-message-rounded-minus:before {
    content: "\eb7b";
}

.bx-message-rounded-x:before {
    content: "\eb7c";
}

.bx-message-square:before {
    content: "\eb7d";
}

.bx-message-square-add:before {
    content: "\eb7e";
}

.bx-message-square-check:before {
    content: "\eb7f";
}

.bx-message-square-detail:before {
    content: "\eb80";
}

.bx-message-square-dots:before {
    content: "\eb81";
}

.bx-message-square-edit:before {
    content: "\eb82";
}

.bx-message-square-error:before {
    content: "\eb83";
}

.bx-message-square-minus:before {
    content: "\eb84";
}

.bx-message-square-x:before {
    content: "\eb85";
}

.bx-message-x:before {
    content: "\eb86";
}

.bx-meteor:before {
    content: "\eb87";
}

.bx-microchip:before {
    content: "\eb88";
}

.bx-microphone:before {
    content: "\eb89";
}

.bx-microphone-off:before {
    content: "\eb8a";
}

.bx-minus:before {
    content: "\eb8b";
}

.bx-minus-back:before {
    content: "\eb8c";
}

.bx-minus-circle:before {
    content: "\eb8d";
}

.bx-minus-front:before {
    content: "\eb8e";
}

.bx-mobile:before {
    content: "\eb8f";
}

.bx-mobile-alt:before {
    content: "\eb90";
}

.bx-mobile-landscape:before {
    content: "\eb91";
}

.bx-mobile-vibration:before {
    content: "\ef5d";
}

.bx-money:before {
    content: "\eb93";
}

.bx-moon:before {
    content: "\eb94";
}

.bx-mouse:before {
    content: "\eb95";
}

.bx-mouse-alt:before {
    content: "\eb96";
}

.bx-move:before {
    content: "\eb97";
}

.bx-move-horizontal:before {
    content: "\eb98";
}

.bx-move-vertical:before {
    content: "\eb99";
}

.bx-movie:before {
    content: "\eb9a";
}

.bx-movie-play:before {
    content: "\eb9b";
}

.bx-music:before {
    content: "\eb9c";
}

.bx-navigation:before {
    content: "\eb9d";
}

.bx-network-chart:before {
    content: "\eb9e";
}

.bx-news:before {
    content: "\eb9f";
}

.bx-no-entry:before {
    content: "\eba0";
}

.bx-note:before {
    content: "\eba1";
}

.bx-notepad:before {
    content: "\eba2";
}

.bx-notification:before {
    content: "\eba3";
}

.bx-notification-off:before {
    content: "\eba4";
}

.bx-outline:before {
    content: "\eba5";
}

.bx-package:before {
    content: "\eba6";
}

.bx-paint:before {
    content: "\eba7";
}

.bx-paint-roll:before {
    content: "\eba8";
}

.bx-palette:before {
    content: "\eba9";
}

.bx-paperclip:before {
    content: "\ebaa";
}

.bx-paper-plane:before {
    content: "\ef61";
}

.bx-paragraph:before {
    content: "\ebac";
}

.bx-paste:before {
    content: "\ebad";
}

.bx-pause:before {
    content: "\ebae";
}

.bx-pause-circle:before {
    content: "\ebaf";
}

.bx-pen:before {
    content: "\ebb0";
}

.bx-pencil:before {
    content: "\ebb1";
}

.bx-phone:before {
    content: "\ebb2";
}

.bx-phone-call:before {
    content: "\ebb3";
}

.bx-phone-incoming:before {
    content: "\ebb4";
}

.bx-phone-off:before {
    content: "\ebb5";
}

.bx-phone-outgoing:before {
    content: "\ebb6";
}

.bx-photo-album:before {
    content: "\ebb7";
}

.bx-pie-chart:before {
    content: "\ebb8";
}

.bx-pie-chart-alt:before {
    content: "\ebb9";
}

.bx-pie-chart-alt-2:before {
    content: "\ebba";
}

.bx-pin:before {
    content: "\ebbb";
}

.bx-planet:before {
    content: "\ebbc";
}

.bx-play:before {
    content: "\ebbd";
}

.bx-play-circle:before {
    content: "\ebbe";
}

.bx-plug:before {
    content: "\ebbf";
}

.bx-plus:before {
    content: "\ebc0";
}

.bx-plus-circle:before {
    content: "\ebc1";
}

.bx-plus-medical:before {
    content: "\ebc2";
}

.bx-podcast:before {
    content: "\ebc3";
}

.bx-pointer:before {
    content: "\ef5e";
}

.bx-poll:before {
    content: "\ebc5";
}

.bx-polygon:before {
    content: "\ebc6";
}

.bx-pound:before {
    content: "\ebc7";
}

.bx-power-off:before {
    content: "\ebc8";
}

.bx-printer:before {
    content: "\ebc9";
}

.bx-pulse:before {
    content: "\ebca";
}

.bx-purchase-tag:before {
    content: "\ebcb";
}

.bx-purchase-tag-alt:before {
    content: "\ebcc";
}

.bx-pyramid:before {
    content: "\ebcd";
}

.bx-qr:before {
    content: "\ebce";
}

.bx-qr-scan:before {
    content: "\ebcf";
}

.bx-question-mark:before {
    content: "\ebd0";
}

.bx-radar:before {
    content: "\ebd1";
}

.bx-radio:before {
    content: "\ebd2";
}

.bx-radio-circle:before {
    content: "\ebd3";
}

.bx-radio-circle-marked:before {
    content: "\ebd4";
}

.bx-receipt:before {
    content: "\ebd5";
}

.bx-rectangle:before {
    content: "\ebd6";
}

.bx-recycle:before {
    content: "\ebd7";
}

.bx-redo:before {
    content: "\ebd8";
}

.bx-refresh:before {
    content: "\ebd9";
}

.bx-registered:before {
    content: "\ebda";
}

.bx-rename:before {
    content: "\ebdb";
}

.bx-repeat:before {
    content: "\ebdc";
}

.bx-reply:before {
    content: "\ef5f";
}

.bx-reply-all:before {
    content: "\ebde";
}

.bx-repost:before {
    content: "\ebdf";
}

.bx-reset:before {
    content: "\ebe0";
}

.bx-restaurant:before {
    content: "\ebe1";
}

.bx-revision:before {
    content: "\ebe2";
}

.bx-rewind:before {
    content: "\ebe3";
}

.bx-rewind-circle:before {
    content: "\ebe4";
}

.bx-right-arrow:before {
    content: "\ebe5";
}

.bx-right-arrow-alt:before {
    content: "\ebe6";
}

.bx-right-arrow-circle:before {
    content: "\ebe7";
}

.bx-right-down-arrow-circle:before {
    content: "\ebe8";
}

.bx-right-indent:before {
    content: "\ebe9";
}

.bx-right-top-arrow-circle:before {
    content: "\ebea";
}

.bx-rocket:before {
    content: "\ebeb";
}

.bx-rotate-left:before {
    content: "\ebec";
}

.bx-rotate-right:before {
    content: "\ebed";
}

.bx-rss:before {
    content: "\ebee";
}

.bx-ruble:before {
    content: "\ebef";
}

.bx-ruler:before {
    content: "\ebf0";
}

.bx-run:before {
    content: "\ebf1";
}

.bx-rupee:before {
    content: "\ebf2";
}

.bx-sad:before {
    content: "\ebf3";
}

.bx-save:before {
    content: "\ebf4";
}

.bx-scan:before {
    content: "\ebf5";
}

.bx-screenshot:before {
    content: "\ef60";
}

.bx-search:before {
    content: "\ebf7";
}

.bx-search-alt:before {
    content: "\ebf8";
}

.bx-search-alt-2:before {
    content: "\ebf9";
}

.bx-selection:before {
    content: "\ebfa";
}

.bx-select-multiple:before {
    content: "\ebfb";
}

.bx-send:before {
    content: "\ebfc";
}

.bx-server:before {
    content: "\ebfd";
}

.bx-shape-circle:before {
    content: "\ebfe";
}

.bx-shape-polygon:before {
    content: "\ebff";
}

.bx-shape-square:before {
    content: "\ec00";
}

.bx-shape-triangle:before {
    content: "\ec01";
}

.bx-share:before {
    content: "\ec02";
}

.bx-share-alt:before {
    content: "\ec03";
}

.bx-shekel:before {
    content: "\ec04";
}

.bx-shield:before {
    content: "\ec05";
}

.bx-shield-alt:before {
    content: "\ec06";
}

.bx-shield-alt-2:before {
    content: "\ec07";
}

.bx-shield-quarter:before {
    content: "\ec08";
}

.bx-shield-x:before {
    content: "\ec09";
}

.bx-shocked:before {
    content: "\ec0a";
}

.bx-shopping-bag:before {
    content: "\ec0b";
}

.bx-show:before {
    content: "\ec0c";
}

.bx-show-alt:before {
    content: "\ec0d";
}

.bx-shuffle:before {
    content: "\ec0e";
}

.bx-sidebar:before {
    content: "\ec0f";
}

.bx-sitemap:before {
    content: "\ec10";
}

.bx-skip-next:before {
    content: "\ec11";
}

.bx-skip-next-circle:before {
    content: "\ec12";
}

.bx-skip-previous:before {
    content: "\ec13";
}

.bx-skip-previous-circle:before {
    content: "\ec14";
}

.bx-sleepy:before {
    content: "\ec15";
}

.bx-slider:before {
    content: "\ec16";
}

.bx-slider-alt:before {
    content: "\ec17";
}

.bx-slideshow:before {
    content: "\ec18";
}

.bx-smile:before {
    content: "\ec19";
}

.bx-sort:before {
    content: "\ec1a";
}

.bx-sort-alt-2:before {
    content: "\ec1b";
}

.bx-sort-a-z:before {
    content: "\ec1c";
}

.bx-sort-down:before {
    content: "\ec1d";
}

.bx-sort-up:before {
    content: "\ec1e";
}

.bx-sort-z-a:before {
    content: "\ec1f";
}

.bx-spa:before {
    content: "\ec20";
}

.bx-space-bar:before {
    content: "\ec21";
}

.bx-speaker:before {
    content: "\ec22";
}

.bx-spray-can:before {
    content: "\ec23";
}

.bx-spreadsheet:before {
    content: "\ec24";
}

.bx-square:before {
    content: "\ec25";
}

.bx-square-rounded:before {
    content: "\ec26";
}

.bx-star:before {
    content: "\ec27";
}

.bx-station:before {
    content: "\ec28";
}

.bx-stats:before {
    content: "\ec29";
}

.bx-sticker:before {
    content: "\ec2a";
}

.bx-stop:before {
    content: "\ec2b";
}

.bx-stop-circle:before {
    content: "\ec2c";
}

.bx-stopwatch:before {
    content: "\ec2d";
}

.bx-store:before {
    content: "\ec2e";
}

.bx-store-alt:before {
    content: "\ec2f";
}

.bx-street-view:before {
    content: "\ec30";
}

.bx-strikethrough:before {
    content: "\ec31";
}

.bx-subdirectory-left:before {
    content: "\ec32";
}

.bx-subdirectory-right:before {
    content: "\ec33";
}

.bx-sun:before {
    content: "\ec34";
}

.bx-support:before {
    content: "\ec35";
}

.bx-swim:before {
    content: "\ec36";
}

.bx-sync:before {
    content: "\ec37";
}

.bx-tab:before {
    content: "\ec38";
}

.bx-table:before {
    content: "\ec39";
}

.bx-tachometer:before {
    content: "\ec3a";
}

.bx-tag:before {
    content: "\ec3b";
}

.bx-tag-alt:before {
    content: "\ec3c";
}

.bx-target-lock:before {
    content: "\ec3d";
}

.bx-task:before {
    content: "\ec3e";
}

.bx-task-x:before {
    content: "\ec3f";
}

.bx-taxi:before {
    content: "\ec40";
}

.bx-tennis-ball:before {
    content: "\ec41";
}

.bx-terminal:before {
    content: "\ec42";
}

.bx-test-tube:before {
    content: "\ec43";
}

.bx-text:before {
    content: "\ec44";
}

.bx-time:before {
    content: "\ec45";
}

.bx-time-five:before {
    content: "\ec46";
}

.bx-timer:before {
    content: "\ec47";
}

.bx-tired:before {
    content: "\ec48";
}

.bx-toggle-left:before {
    content: "\ec49";
}

.bx-toggle-right:before {
    content: "\ec4a";
}

.bx-tone:before {
    content: "\ec4b";
}

.bx-traffic-cone:before {
    content: "\ec4c";
}

.bx-train:before {
    content: "\ec4d";
}

.bx-transfer:before {
    content: "\ec4e";
}

.bx-transfer-alt:before {
    content: "\ec4f";
}

.bx-trash:before {
    content: "\ec50";
}

.bx-trash-alt:before {
    content: "\ec51";
}

.bx-trending-down:before {
    content: "\ec52";
}

.bx-trending-up:before {
    content: "\ec53";
}

.bx-trim:before {
    content: "\ec54";
}

.bx-trip:before {
    content: "\ec55";
}

.bx-trophy:before {
    content: "\ec56";
}

.bx-tv:before {
    content: "\ec57";
}

.bx-underline:before {
    content: "\ec58";
}

.bx-undo:before {
    content: "\ec59";
}

.bx-unite:before {
    content: "\ec5a";
}

.bx-unlink:before {
    content: "\ec5b";
}

.bx-up-arrow:before {
    content: "\ec5c";
}

.bx-up-arrow-alt:before {
    content: "\ec5d";
}

.bx-up-arrow-circle:before {
    content: "\ec5e";
}

.bx-upload:before {
    content: "\ec5f";
}

.bx-upside-down:before {
    content: "\ec60";
}

.bx-upvote:before {
    content: "\ec61";
}

.bx-usb:before {
    content: "\ec62";
}

.bx-user:before {
    content: "\ec63";
}

.bx-user-check:before {
    content: "\ec64";
}

.bx-user-circle:before {
    content: "\ec65";
}

.bx-user-minus:before {
    content: "\ec66";
}

.bx-user-pin:before {
    content: "\ec67";
}

.bx-user-plus:before {
    content: "\ec68";
}

.bx-user-voice:before {
    content: "\ec69";
}

.bx-user-x:before {
    content: "\ec6a";
}

.bx-vector:before {
    content: "\ec6b";
}

.bx-vertical-center:before {
    content: "\ec6c";
}

.bx-vial:before {
    content: "\ec6d";
}

.bx-video:before {
    content: "\ec6e";
}

.bx-video-off:before {
    content: "\ec6f";
}

.bx-video-plus:before {
    content: "\ec70";
}

.bx-video-recording:before {
    content: "\ec71";
}

.bx-voicemail:before {
    content: "\ec72";
}

.bx-volume:before {
    content: "\ec73";
}

.bx-volume-full:before {
    content: "\ec74";
}

.bx-volume-low:before {
    content: "\ec75";
}

.bx-volume-mute:before {
    content: "\ec76";
}

.bx-walk:before {
    content: "\ec77";
}

.bx-wallet:before {
    content: "\ec78";
}

.bx-wallet-alt:before {
    content: "\ec79";
}

.bx-water:before {
    content: "\ec7a";
}

.bx-webcam:before {
    content: "\ec7b";
}

.bx-wifi:before {
    content: "\ec7c";
}

.bx-wifi-0:before {
    content: "\ec7d";
}

.bx-wifi-1:before {
    content: "\ec7e";
}

.bx-wifi-2:before {
    content: "\ec7f";
}

.bx-wifi-off:before {
    content: "\ec80";
}

.bx-wind:before {
    content: "\ec81";
}

.bx-window:before {
    content: "\ec82";
}

.bx-window-alt:before {
    content: "\ec83";
}

.bx-window-close:before {
    content: "\ec84";
}

.bx-window-open:before {
    content: "\ec85";
}

.bx-windows:before {
    content: "\ec86";
}

.bx-wine:before {
    content: "\ec87";
}

.bx-wink-smile:before {
    content: "\ec88";
}

.bx-wink-tongue:before {
    content: "\ec89";
}

.bx-won:before {
    content: "\ec8a";
}

.bx-world:before {
    content: "\ec8b";
}

.bx-wrench:before {
    content: "\ec8c";
}

.bx-x:before {
    content: "\ec8d";
}

.bx-x-circle:before {
    content: "\ec8e";
}

.bx-yen:before {
    content: "\ec8f";
}

.bx-zoom-in:before {
    content: "\ec90";
}

.bx-zoom-out:before {
    content: "\ec91";
}

.bxs-party:before {
    content: "\ec92";
}

.bxs-hot:before {
    content: "\ec93";
}

.bxs-droplet:before {
    content: "\ec94";
}

.bxs-cat:before {
    content: "\ec95";
}

.bxs-dog:before {
    content: "\ec96";
}

.bxs-injection:before {
    content: "\ec97";
}

.bxs-leaf:before {
    content: "\ec98";
}

.bxs-add-to-queue:before {
    content: "\ec99";
}

.bxs-adjust:before {
    content: "\ec9a";
}

.bxs-adjust-alt:before {
    content: "\ec9b";
}

.bxs-alarm:before {
    content: "\ec9c";
}

.bxs-alarm-add:before {
    content: "\ec9d";
}

.bxs-alarm-exclamation:before {
    content: "\ec9e";
}

.bxs-alarm-off:before {
    content: "\ec9f";
}

.bxs-alarm-snooze:before {
    content: "\eca0";
}

.bxs-album:before {
    content: "\eca1";
}

.bxs-ambulance:before {
    content: "\eca2";
}

.bxs-analyse:before {
    content: "\eca3";
}

.bxs-angry:before {
    content: "\eca4";
}

.bxs-arch:before {
    content: "\eca5";
}

.bxs-archive:before {
    content: "\eca6";
}

.bxs-archive-in:before {
    content: "\eca7";
}

.bxs-archive-out:before {
    content: "\eca8";
}

.bxs-area:before {
    content: "\eca9";
}

.bxs-arrow-from-bottom:before {
    content: "\ecaa";
}

.bxs-arrow-from-left:before {
    content: "\ecab";
}

.bxs-arrow-from-right:before {
    content: "\ecac";
}

.bxs-arrow-from-top:before {
    content: "\ecad";
}

.bxs-arrow-to-bottom:before {
    content: "\ecae";
}

.bxs-arrow-to-left:before {
    content: "\ecaf";
}

.bxs-arrow-to-right:before {
    content: "\ecb0";
}

.bxs-arrow-to-top:before {
    content: "\ecb1";
}

.bxs-award:before {
    content: "\ecb2";
}

.bxs-baby-carriage:before {
    content: "\ecb3";
}

.bxs-backpack:before {
    content: "\ecb4";
}

.bxs-badge:before {
    content: "\ecb5";
}

.bxs-badge-check:before {
    content: "\ecb6";
}

.bxs-badge-dollar:before {
    content: "\ecb7";
}

.bxs-ball:before {
    content: "\ecb8";
}

.bxs-band-aid:before {
    content: "\ecb9";
}

.bxs-bank:before {
    content: "\ecba";
}

.bxs-bar-chart-alt-2:before {
    content: "\ecbb";
}

.bxs-bar-chart-square:before {
    content: "\ecbc";
}

.bxs-barcode:before {
    content: "\ecbd";
}

.bxs-baseball:before {
    content: "\ecbe";
}

.bxs-basket:before {
    content: "\ecbf";
}

.bxs-basketball:before {
    content: "\ecc0";
}

.bxs-bath:before {
    content: "\ecc1";
}

.bxs-battery:before {
    content: "\ecc2";
}

.bxs-battery-charging:before {
    content: "\ecc3";
}

.bxs-battery-full:before {
    content: "\ecc4";
}

.bxs-battery-low:before {
    content: "\ecc5";
}

.bxs-bed:before {
    content: "\ecc6";
}

.bxs-been-here:before {
    content: "\ecc7";
}

.bxs-beer:before {
    content: "\ecc8";
}

.bxs-bell:before {
    content: "\ecc9";
}

.bxs-bell-minus:before {
    content: "\ecca";
}

.bxs-bell-off:before {
    content: "\eccb";
}

.bxs-bell-plus:before {
    content: "\eccc";
}

.bxs-bell-ring:before {
    content: "\eccd";
}

.bxs-bible:before {
    content: "\ecce";
}

.bxs-binoculars:before {
    content: "\eccf";
}

.bxs-blanket:before {
    content: "\ecd0";
}

.bxs-bolt:before {
    content: "\ecd1";
}

.bxs-bolt-circle:before {
    content: "\ecd2";
}

.bxs-bomb:before {
    content: "\ecd3";
}

.bxs-bone:before {
    content: "\ecd4";
}

.bxs-bong:before {
    content: "\ecd5";
}

.bxs-book:before {
    content: "\ecd6";
}

.bxs-book-add:before {
    content: "\ecd7";
}

.bxs-book-alt:before {
    content: "\ecd8";
}

.bxs-book-bookmark:before {
    content: "\ecd9";
}

.bxs-book-content:before {
    content: "\ecda";
}

.bxs-book-heart:before {
    content: "\ecdb";
}

.bxs-bookmark:before {
    content: "\ecdc";
}

.bxs-bookmark-alt:before {
    content: "\ecdd";
}

.bxs-bookmark-alt-minus:before {
    content: "\ecde";
}

.bxs-bookmark-alt-plus:before {
    content: "\ecdf";
}

.bxs-bookmark-heart:before {
    content: "\ece0";
}

.bxs-bookmark-minus:before {
    content: "\ece1";
}

.bxs-bookmark-plus:before {
    content: "\ece2";
}

.bxs-bookmarks:before {
    content: "\ece3";
}

.bxs-bookmark-star:before {
    content: "\ece4";
}

.bxs-book-open:before {
    content: "\ece5";
}

.bxs-book-reader:before {
    content: "\ece6";
}

.bxs-bot:before {
    content: "\ece7";
}

.bxs-bowling-ball:before {
    content: "\ece8";
}

.bxs-box:before {
    content: "\ece9";
}

.bxs-brain:before {
    content: "\ecea";
}

.bxs-briefcase:before {
    content: "\eceb";
}

.bxs-briefcase-alt:before {
    content: "\ecec";
}

.bxs-briefcase-alt-2:before {
    content: "\eced";
}

.bxs-brightness:before {
    content: "\ecee";
}

.bxs-brightness-half:before {
    content: "\ecef";
}

.bxs-brush:before {
    content: "\ecf0";
}

.bxs-brush-alt:before {
    content: "\ecf1";
}

.bxs-bug:before {
    content: "\ecf2";
}

.bxs-bug-alt:before {
    content: "\ecf3";
}

.bxs-building:before {
    content: "\ecf4";
}

.bxs-building-house:before {
    content: "\ecf5";
}

.bxs-buildings:before {
    content: "\ecf6";
}

.bxs-bulb:before {
    content: "\ecf7";
}

.bxs-bullseye:before {
    content: "\ecf8";
}

.bxs-buoy:before {
    content: "\ecf9";
}

.bxs-bus:before {
    content: "\ecfa";
}

.bxs-business:before {
    content: "\ecfb";
}

.bxs-bus-school:before {
    content: "\ecfc";
}

.bxs-cabinet:before {
    content: "\ecfd";
}

.bxs-cake:before {
    content: "\ecfe";
}

.bxs-calculator:before {
    content: "\ecff";
}

.bxs-calendar:before {
    content: "\ed00";
}

.bxs-calendar-alt:before {
    content: "\ed01";
}

.bxs-calendar-check:before {
    content: "\ed02";
}

.bxs-calendar-edit:before {
    content: "\ed03";
}

.bxs-calendar-event:before {
    content: "\ed04";
}

.bxs-calendar-exclamation:before {
    content: "\ed05";
}

.bxs-calendar-heart:before {
    content: "\ed06";
}

.bxs-calendar-minus:before {
    content: "\ed07";
}

.bxs-calendar-plus:before {
    content: "\ed08";
}

.bxs-calendar-star:before {
    content: "\ed09";
}

.bxs-calendar-week:before {
    content: "\ed0a";
}

.bxs-calendar-x:before {
    content: "\ed0b";
}

.bxs-camera:before {
    content: "\ed0c";
}

.bxs-camera-home:before {
    content: "\ed0d";
}

.bxs-camera-movie:before {
    content: "\ed0e";
}

.bxs-camera-off:before {
    content: "\ed0f";
}

.bxs-camera-plus:before {
    content: "\ed10";
}

.bxs-capsule:before {
    content: "\ed11";
}

.bxs-captions:before {
    content: "\ed12";
}

.bxs-car:before {
    content: "\ed13";
}

.bxs-car-battery:before {
    content: "\ed14";
}

.bxs-car-crash:before {
    content: "\ed15";
}

.bxs-card:before {
    content: "\ed16";
}

.bxs-caret-down-circle:before {
    content: "\ed17";
}

.bxs-caret-down-square:before {
    content: "\ed18";
}

.bxs-caret-left-circle:before {
    content: "\ed19";
}

.bxs-caret-left-square:before {
    content: "\ed1a";
}

.bxs-caret-right-circle:before {
    content: "\ed1b";
}

.bxs-caret-right-square:before {
    content: "\ed1c";
}

.bxs-caret-up-circle:before {
    content: "\ed1d";
}

.bxs-caret-up-square:before {
    content: "\ed1e";
}

.bxs-car-garage:before {
    content: "\ed1f";
}

.bxs-car-mechanic:before {
    content: "\ed20";
}

.bxs-carousel:before {
    content: "\ed21";
}

.bxs-cart:before {
    content: "\ed22";
}

.bxs-cart-add:before {
    content: "\ed23";
}

.bxs-cart-alt:before {
    content: "\ed24";
}

.bxs-cart-download:before {
    content: "\ed25";
}

.bxs-car-wash:before {
    content: "\ed26";
}

.bxs-category:before {
    content: "\ed27";
}

.bxs-category-alt:before {
    content: "\ed28";
}

.bxs-cctv:before {
    content: "\ed29";
}

.bxs-certification:before {
    content: "\ed2a";
}

.bxs-chalkboard:before {
    content: "\ed2b";
}

.bxs-chart:before {
    content: "\ed2c";
}

.bxs-chat:before {
    content: "\ed2d";
}

.bxs-checkbox:before {
    content: "\ed2e";
}

.bxs-checkbox-checked:before {
    content: "\ed2f";
}

.bxs-checkbox-minus:before {
    content: "\ed30";
}

.bxs-check-circle:before {
    content: "\ed31";
}

.bxs-check-shield:before {
    content: "\ed32";
}

.bxs-check-square:before {
    content: "\ed33";
}

.bxs-chess:before {
    content: "\ed34";
}

.bxs-chevron-down:before {
    content: "\ed35";
}

.bxs-chevron-down-circle:before {
    content: "\ed36";
}

.bxs-chevron-down-square:before {
    content: "\ed37";
}

.bxs-chevron-left:before {
    content: "\ed38";
}

.bxs-chevron-left-circle:before {
    content: "\ed39";
}

.bxs-chevron-left-square:before {
    content: "\ed3a";
}

.bxs-chevron-right:before {
    content: "\ed3b";
}

.bxs-chevron-right-circle:before {
    content: "\ed3c";
}

.bxs-chevron-right-square:before {
    content: "\ed3d";
}

.bxs-chevrons-down:before {
    content: "\ed3e";
}

.bxs-chevrons-left:before {
    content: "\ed3f";
}

.bxs-chevrons-right:before {
    content: "\ed40";
}

.bxs-chevrons-up:before {
    content: "\ed41";
}

.bxs-chevron-up:before {
    content: "\ed42";
}

.bxs-chevron-up-circle:before {
    content: "\ed43";
}

.bxs-chevron-up-square:before {
    content: "\ed44";
}

.bxs-chip:before {
    content: "\ed45";
}

.bxs-church:before {
    content: "\ed46";
}

.bxs-circle:before {
    content: "\ed47";
}

.bxs-city:before {
    content: "\ed48";
}

.bxs-clinic:before {
    content: "\ed49";
}

.bxs-cloud:before {
    content: "\ed4a";
}

.bxs-cloud-download:before {
    content: "\ed4b";
}

.bxs-cloud-lightning:before {
    content: "\ed4c";
}

.bxs-cloud-rain:before {
    content: "\ed4d";
}

.bxs-cloud-upload:before {
    content: "\ed4e";
}

.bxs-coffee:before {
    content: "\ed4f";
}

.bxs-coffee-alt:before {
    content: "\ed50";
}

.bxs-coffee-togo:before {
    content: "\ed51";
}

.bxs-cog:before {
    content: "\ed52";
}

.bxs-coin:before {
    content: "\ed53";
}

.bxs-coin-stack:before {
    content: "\ed54";
}

.bxs-collection:before {
    content: "\ed55";
}

.bxs-color-fill:before {
    content: "\ed56";
}

.bxs-comment:before {
    content: "\ed57";
}

.bxs-comment-add:before {
    content: "\ed58";
}

.bxs-comment-check:before {
    content: "\ed59";
}

.bxs-comment-detail:before {
    content: "\ed5a";
}

.bxs-comment-dots:before {
    content: "\ed5b";
}

.bxs-comment-edit:before {
    content: "\ed5c";
}

.bxs-comment-error:before {
    content: "\ed5d";
}

.bxs-comment-minus:before {
    content: "\ed5e";
}

.bxs-comment-x:before {
    content: "\ed5f";
}

.bxs-compass:before {
    content: "\ed60";
}

.bxs-component:before {
    content: "\ed61";
}

.bxs-confused:before {
    content: "\ed62";
}

.bxs-contact:before {
    content: "\ed63";
}

.bxs-conversation:before {
    content: "\ed64";
}

.bxs-cookie:before {
    content: "\ed65";
}

.bxs-cool:before {
    content: "\ed66";
}

.bxs-copy:before {
    content: "\ed67";
}

.bxs-copy-alt:before {
    content: "\ed68";
}

.bxs-copyright:before {
    content: "\ed69";
}

.bxs-coupon:before {
    content: "\ed6a";
}

.bxs-credit-card:before {
    content: "\ed6b";
}

.bxs-credit-card-alt:before {
    content: "\ed6c";
}

.bxs-credit-card-front:before {
    content: "\ed6d";
}

.bxs-crop:before {
    content: "\ed6e";
}

.bxs-crown:before {
    content: "\ed6f";
}

.bxs-cube:before {
    content: "\ed70";
}

.bxs-cube-alt:before {
    content: "\ed71";
}

.bxs-cuboid:before {
    content: "\ed72";
}

.bxs-customize:before {
    content: "\ed73";
}

.bxs-cylinder:before {
    content: "\ed74";
}

.bxs-dashboard:before {
    content: "\ed75";
}

.bxs-data:before {
    content: "\ed76";
}

.bxs-detail:before {
    content: "\ed77";
}

.bxs-devices:before {
    content: "\ed78";
}

.bxs-diamond:before {
    content: "\ed79";
}

.bxs-dice-1:before {
    content: "\ed7a";
}

.bxs-dice-2:before {
    content: "\ed7b";
}

.bxs-dice-3:before {
    content: "\ed7c";
}

.bxs-dice-4:before {
    content: "\ed7d";
}

.bxs-dice-5:before {
    content: "\ed7e";
}

.bxs-dice-6:before {
    content: "\ed7f";
}

.bxs-direction-left:before {
    content: "\ed80";
}

.bxs-direction-right:before {
    content: "\ed81";
}

.bxs-directions:before {
    content: "\ed82";
}

.bxs-disc:before {
    content: "\ed83";
}

.bxs-discount:before {
    content: "\ed84";
}

.bxs-dish:before {
    content: "\ed85";
}

.bxs-dislike:before {
    content: "\ed86";
}

.bxs-dizzy:before {
    content: "\ed87";
}

.bxs-dock-bottom:before {
    content: "\ed88";
}

.bxs-dock-left:before {
    content: "\ed89";
}

.bxs-dock-right:before {
    content: "\ed8a";
}

.bxs-dock-top:before {
    content: "\ed8b";
}

.bxs-dollar-circle:before {
    content: "\ed8c";
}

.bxs-donate-blood:before {
    content: "\ed8d";
}

.bxs-donate-heart:before {
    content: "\ed8e";
}

.bxs-door-open:before {
    content: "\ed8f";
}

.bxs-doughnut-chart:before {
    content: "\ed90";
}

.bxs-down-arrow:before {
    content: "\ed91";
}

.bxs-down-arrow-alt:before {
    content: "\ed92";
}

.bxs-down-arrow-circle:before {
    content: "\ed93";
}

.bxs-down-arrow-square:before {
    content: "\ed94";
}

.bxs-download:before {
    content: "\ed95";
}

.bxs-downvote:before {
    content: "\ed96";
}

.bxs-drink:before {
    content: "\ed97";
}

.bxs-droplet-half:before {
    content: "\ed98";
}

.bxs-dryer:before {
    content: "\ed99";
}

.bxs-duplicate:before {
    content: "\ed9a";
}

.bxs-edit:before {
    content: "\ed9b";
}

.bxs-edit-alt:before {
    content: "\ed9c";
}

.bxs-edit-location:before {
    content: "\ed9d";
}

.bxs-eject:before {
    content: "\ed9e";
}

.bxs-envelope:before {
    content: "\ed9f";
}

.bxs-envelope-open:before {
    content: "\eda0";
}

.bxs-eraser:before {
    content: "\eda1";
}

.bxs-error:before {
    content: "\eda2";
}

.bxs-error-alt:before {
    content: "\eda3";
}

.bxs-error-circle:before {
    content: "\eda4";
}

.bxs-ev-station:before {
    content: "\eda5";
}

.bxs-exit:before {
    content: "\eda6";
}

.bxs-extension:before {
    content: "\eda7";
}

.bxs-eyedropper:before {
    content: "\eda8";
}

.bxs-face:before {
    content: "\eda9";
}

.bxs-face-mask:before {
    content: "\edaa";
}

.bxs-factory:before {
    content: "\edab";
}

.bxs-fast-forward-circle:before {
    content: "\edac";
}

.bxs-file:before {
    content: "\edad";
}

.bxs-file-archive:before {
    content: "\edae";
}

.bxs-file-blank:before {
    content: "\edaf";
}

.bxs-file-css:before {
    content: "\edb0";
}

.bxs-file-doc:before {
    content: "\edb1";
}

.bxs-file-export:before {
    content: "\edb2";
}

.bxs-file-find:before {
    content: "\edb3";
}

.bxs-file-gif:before {
    content: "\edb4";
}

.bxs-file-html:before {
    content: "\edb5";
}

.bxs-file-image:before {
    content: "\edb6";
}

.bxs-file-import:before {
    content: "\edb7";
}

.bxs-file-jpg:before {
    content: "\edb8";
}

.bxs-file-js:before {
    content: "\edb9";
}

.bxs-file-json:before {
    content: "\edba";
}

.bxs-file-md:before {
    content: "\edbb";
}

.bxs-file-pdf:before {
    content: "\edbc";
}

.bxs-file-plus:before {
    content: "\edbd";
}

.bxs-file-png:before {
    content: "\edbe";
}

.bxs-file-txt:before {
    content: "\edbf";
}

.bxs-film:before {
    content: "\edc0";
}

.bxs-filter-alt:before {
    content: "\edc1";
}

.bxs-first-aid:before {
    content: "\edc2";
}

.bxs-flag:before {
    content: "\edc3";
}

.bxs-flag-alt:before {
    content: "\edc4";
}

.bxs-flag-checkered:before {
    content: "\edc5";
}

.bxs-flame:before {
    content: "\edc6";
}

.bxs-flask:before {
    content: "\edc7";
}

.bxs-florist:before {
    content: "\edc8";
}

.bxs-folder:before {
    content: "\edc9";
}

.bxs-folder-minus:before {
    content: "\edca";
}

.bxs-folder-open:before {
    content: "\edcb";
}

.bxs-folder-plus:before {
    content: "\edcc";
}

.bxs-food-menu:before {
    content: "\edcd";
}

.bxs-fridge:before {
    content: "\edce";
}

.bxs-game:before {
    content: "\edcf";
}

.bxs-gas-pump:before {
    content: "\edd0";
}

.bxs-ghost:before {
    content: "\edd1";
}

.bxs-gift:before {
    content: "\edd2";
}

.bxs-graduation:before {
    content: "\edd3";
}

.bxs-grid:before {
    content: "\edd4";
}

.bxs-grid-alt:before {
    content: "\edd5";
}

.bxs-group:before {
    content: "\edd6";
}

.bxs-guitar-amp:before {
    content: "\edd7";
}

.bxs-hand:before {
    content: "\edd8";
}

.bxs-hand-down:before {
    content: "\edd9";
}

.bxs-hand-left:before {
    content: "\edda";
}

.bxs-hand-right:before {
    content: "\eddb";
}

.bxs-hand-up:before {
    content: "\eddc";
}

.bxs-happy:before {
    content: "\eddd";
}

.bxs-happy-alt:before {
    content: "\edde";
}

.bxs-happy-beaming:before {
    content: "\eddf";
}

.bxs-happy-heart-eyes:before {
    content: "\ede0";
}

.bxs-hdd:before {
    content: "\ede1";
}

.bxs-heart:before {
    content: "\ede2";
}

.bxs-heart-circle:before {
    content: "\ede3";
}

.bxs-heart-square:before {
    content: "\ede4";
}

.bxs-help-circle:before {
    content: "\ede5";
}

.bxs-hide:before {
    content: "\ede6";
}

.bxs-home:before {
    content: "\ede7";
}

.bxs-home-circle:before {
    content: "\ede8";
}

.bxs-home-heart:before {
    content: "\ede9";
}

.bxs-home-smile:before {
    content: "\edea";
}

.bxs-hotel:before {
    content: "\edeb";
}

.bxs-hourglass:before {
    content: "\edec";
}

.bxs-hourglass-bottom:before {
    content: "\eded";
}

.bxs-hourglass-top:before {
    content: "\edee";
}

.bxs-id-card:before {
    content: "\edef";
}

.bxs-image:before {
    content: "\edf0";
}

.bxs-image-add:before {
    content: "\edf1";
}

.bxs-image-alt:before {
    content: "\edf2";
}

.bxs-inbox:before {
    content: "\edf3";
}

.bxs-info-circle:before {
    content: "\edf4";
}

.bxs-info-square:before {
    content: "\edf5";
}

.bxs-institution:before {
    content: "\edf6";
}

.bxs-joystick:before {
    content: "\edf7";
}

.bxs-joystick-alt:before {
    content: "\edf8";
}

.bxs-joystick-button:before {
    content: "\edf9";
}

.bxs-key:before {
    content: "\edfa";
}

.bxs-keyboard:before {
    content: "\edfb";
}

.bxs-label:before {
    content: "\edfc";
}

.bxs-landmark:before {
    content: "\edfd";
}

.bxs-landscape:before {
    content: "\edfe";
}

.bxs-laugh:before {
    content: "\edff";
}

.bxs-layer:before {
    content: "\ee00";
}

.bxs-layer-minus:before {
    content: "\ee01";
}

.bxs-layer-plus:before {
    content: "\ee02";
}

.bxs-layout:before {
    content: "\ee03";
}

.bxs-left-arrow:before {
    content: "\ee04";
}

.bxs-left-arrow-alt:before {
    content: "\ee05";
}

.bxs-left-arrow-circle:before {
    content: "\ee06";
}

.bxs-left-arrow-square:before {
    content: "\ee07";
}

.bxs-left-down-arrow-circle:before {
    content: "\ee08";
}

.bxs-left-top-arrow-circle:before {
    content: "\ee09";
}

.bxs-like:before {
    content: "\ee0a";
}

.bxs-location-plus:before {
    content: "\ee0b";
}

.bxs-lock:before {
    content: "\ee0c";
}

.bxs-lock-alt:before {
    content: "\ee0d";
}

.bxs-lock-open:before {
    content: "\ee0e";
}

.bxs-lock-open-alt:before {
    content: "\ee0f";
}

.bxs-log-in:before {
    content: "\ee10";
}

.bxs-log-in-circle:before {
    content: "\ee11";
}

.bxs-log-out:before {
    content: "\ee12";
}

.bxs-log-out-circle:before {
    content: "\ee13";
}

.bxs-low-vision:before {
    content: "\ee14";
}

.bxs-magic-wand:before {
    content: "\ee15";
}

.bxs-magnet:before {
    content: "\ee16";
}

.bxs-map:before {
    content: "\ee17";
}

.bxs-map-alt:before {
    content: "\ee18";
}

.bxs-map-pin:before {
    content: "\ee19";
}

.bxs-mask:before {
    content: "\ee1a";
}

.bxs-medal:before {
    content: "\ee1b";
}

.bxs-megaphone:before {
    content: "\ee1c";
}

.bxs-meh:before {
    content: "\ee1d";
}

.bxs-meh-alt:before {
    content: "\ee1e";
}

.bxs-meh-blank:before {
    content: "\ee1f";
}

.bxs-memory-card:before {
    content: "\ee20";
}

.bxs-message:before {
    content: "\ee21";
}

.bxs-message-add:before {
    content: "\ee22";
}

.bxs-message-alt:before {
    content: "\ee23";
}

.bxs-message-alt-add:before {
    content: "\ee24";
}

.bxs-message-alt-check:before {
    content: "\ee25";
}

.bxs-message-alt-detail:before {
    content: "\ee26";
}

.bxs-message-alt-dots:before {
    content: "\ee27";
}

.bxs-message-alt-edit:before {
    content: "\ee28";
}

.bxs-message-alt-error:before {
    content: "\ee29";
}

.bxs-message-alt-minus:before {
    content: "\ee2a";
}

.bxs-message-alt-x:before {
    content: "\ee2b";
}

.bxs-message-check:before {
    content: "\ee2c";
}

.bxs-message-detail:before {
    content: "\ee2d";
}

.bxs-message-dots:before {
    content: "\ee2e";
}

.bxs-message-edit:before {
    content: "\ee2f";
}

.bxs-message-error:before {
    content: "\ee30";
}

.bxs-message-minus:before {
    content: "\ee31";
}

.bxs-message-rounded:before {
    content: "\ee32";
}

.bxs-message-rounded-add:before {
    content: "\ee33";
}

.bxs-message-rounded-check:before {
    content: "\ee34";
}

.bxs-message-rounded-detail:before {
    content: "\ee35";
}

.bxs-message-rounded-dots:before {
    content: "\ee36";
}

.bxs-message-rounded-edit:before {
    content: "\ee37";
}

.bxs-message-rounded-error:before {
    content: "\ee38";
}

.bxs-message-rounded-minus:before {
    content: "\ee39";
}

.bxs-message-rounded-x:before {
    content: "\ee3a";
}

.bxs-message-square:before {
    content: "\ee3b";
}

.bxs-message-square-add:before {
    content: "\ee3c";
}

.bxs-message-square-check:before {
    content: "\ee3d";
}

.bxs-message-square-detail:before {
    content: "\ee3e";
}

.bxs-message-square-dots:before {
    content: "\ee3f";
}

.bxs-message-square-edit:before {
    content: "\ee40";
}

.bxs-message-square-error:before {
    content: "\ee41";
}

.bxs-message-square-minus:before {
    content: "\ee42";
}

.bxs-message-square-x:before {
    content: "\ee43";
}

.bxs-message-x:before {
    content: "\ee44";
}

.bxs-meteor:before {
    content: "\ee45";
}

.bxs-microchip:before {
    content: "\ee46";
}

.bxs-microphone:before {
    content: "\ee47";
}

.bxs-microphone-alt:before {
    content: "\ee48";
}

.bxs-microphone-off:before {
    content: "\ee49";
}

.bxs-minus-circle:before {
    content: "\ee4a";
}

.bxs-minus-square:before {
    content: "\ee4b";
}

.bxs-mobile:before {
    content: "\ee4c";
}

.bxs-mobile-vibration:before {
    content: "\ee4d";
}

.bxs-moon:before {
    content: "\ee4e";
}

.bxs-mouse:before {
    content: "\ee4f";
}

.bxs-mouse-alt:before {
    content: "\ee50";
}

.bxs-movie:before {
    content: "\ee51";
}

.bxs-movie-play:before {
    content: "\ee52";
}

.bxs-music:before {
    content: "\ee53";
}

.bxs-navigation:before {
    content: "\ee54";
}

.bxs-network-chart:before {
    content: "\ee55";
}

.bxs-news:before {
    content: "\ee56";
}

.bxs-no-entry:before {
    content: "\ee57";
}

.bxs-note:before {
    content: "\ee58";
}

.bxs-notepad:before {
    content: "\ee59";
}

.bxs-notification:before {
    content: "\ee5a";
}

.bxs-notification-off:before {
    content: "\ee5b";
}

.bxs-offer:before {
    content: "\ee5c";
}

.bxs-package:before {
    content: "\ee5d";
}

.bxs-paint:before {
    content: "\ee5e";
}

.bxs-paint-roll:before {
    content: "\ee5f";
}

.bxs-palette:before {
    content: "\ee60";
}

.bxs-paper-plane:before {
    content: "\ee61";
}

.bxs-parking:before {
    content: "\ee62";
}

.bxs-paste:before {
    content: "\ee63";
}

.bxs-pen:before {
    content: "\ee64";
}

.bxs-pencil:before {
    content: "\ee65";
}

.bxs-phone:before {
    content: "\ee66";
}

.bxs-phone-call:before {
    content: "\ee67";
}

.bxs-phone-incoming:before {
    content: "\ee68";
}

.bxs-phone-off:before {
    content: "\ee69";
}

.bxs-phone-outgoing:before {
    content: "\ee6a";
}

.bxs-photo-album:before {
    content: "\ee6b";
}

.bxs-piano:before {
    content: "\ee6c";
}

.bxs-pie-chart:before {
    content: "\ee6d";
}

.bxs-pie-chart-alt:before {
    content: "\ee6e";
}

.bxs-pie-chart-alt-2:before {
    content: "\ee6f";
}

.bxs-pin:before {
    content: "\ee70";
}

.bxs-pizza:before {
    content: "\ee71";
}

.bxs-plane:before {
    content: "\ee72";
}

.bxs-plane-alt:before {
    content: "\ee73";
}

.bxs-plane-land:before {
    content: "\ee74";
}

.bxs-planet:before {
    content: "\ee75";
}

.bxs-plane-take-off:before {
    content: "\ee76";
}

.bxs-playlist:before {
    content: "\ee77";
}

.bxs-plug:before {
    content: "\ee78";
}

.bxs-plus-circle:before {
    content: "\ee79";
}

.bxs-plus-square:before {
    content: "\ee7a";
}

.bxs-pointer:before {
    content: "\ee7b";
}

.bxs-polygon:before {
    content: "\ee7c";
}

.bxs-printer:before {
    content: "\ee7d";
}

.bxs-purchase-tag:before {
    content: "\ee7e";
}

.bxs-purchase-tag-alt:before {
    content: "\ee7f";
}

.bxs-pyramid:before {
    content: "\ee80";
}

.bxs-quote-alt-left:before {
    content: "\ee81";
}

.bxs-quote-alt-right:before {
    content: "\ee82";
}

.bxs-quote-left:before {
    content: "\ee83";
}

.bxs-quote-right:before {
    content: "\ee84";
}

.bxs-quote-single-left:before {
    content: "\ee85";
}

.bxs-quote-single-right:before {
    content: "\ee86";
}

.bxs-radiation:before {
    content: "\ee87";
}

.bxs-radio:before {
    content: "\ee88";
}

.bxs-receipt:before {
    content: "\ee89";
}

.bxs-rectangle:before {
    content: "\ee8a";
}

.bxs-registered:before {
    content: "\ee8b";
}

.bxs-rename:before {
    content: "\ee8c";
}

.bxs-report:before {
    content: "\ee8d";
}

.bxs-rewind-circle:before {
    content: "\ee8e";
}

.bxs-right-arrow:before {
    content: "\ee8f";
}

.bxs-right-arrow-alt:before {
    content: "\ee90";
}

.bxs-right-arrow-circle:before {
    content: "\ee91";
}

.bxs-right-arrow-square:before {
    content: "\ee92";
}

.bxs-right-down-arrow-circle:before {
    content: "\ee93";
}

.bxs-right-top-arrow-circle:before {
    content: "\ee94";
}

.bxs-rocket:before {
    content: "\ee95";
}

.bxs-ruler:before {
    content: "\ee96";
}

.bxs-sad:before {
    content: "\ee97";
}

.bxs-save:before {
    content: "\ee98";
}

.bxs-school:before {
    content: "\ee99";
}

.bxs-search:before {
    content: "\ee9a";
}

.bxs-search-alt-2:before {
    content: "\ee9b";
}

.bxs-select-multiple:before {
    content: "\ee9c";
}

.bxs-send:before {
    content: "\ee9d";
}

.bxs-server:before {
    content: "\ee9e";
}

.bxs-shapes:before {
    content: "\ee9f";
}

.bxs-share:before {
    content: "\eea0";
}

.bxs-share-alt:before {
    content: "\eea1";
}

.bxs-shield:before {
    content: "\eea2";
}

.bxs-shield-alt-2:before {
    content: "\eea3";
}

.bxs-shield-x:before {
    content: "\eea4";
}

.bxs-ship:before {
    content: "\eea5";
}

.bxs-shocked:before {
    content: "\eea6";
}

.bxs-shopping-bag:before {
    content: "\eea7";
}

.bxs-shopping-bag-alt:before {
    content: "\eea8";
}

.bxs-shopping-bags:before {
    content: "\eea9";
}

.bxs-show:before {
    content: "\eeaa";
}

.bxs-skip-next-circle:before {
    content: "\eeab";
}

.bxs-skip-previous-circle:before {
    content: "\eeac";
}

.bxs-skull:before {
    content: "\eead";
}

.bxs-sleepy:before {
    content: "\eeae";
}

.bxs-slideshow:before {
    content: "\eeaf";
}

.bxs-smile:before {
    content: "\eeb0";
}

.bxs-sort-alt:before {
    content: "\eeb1";
}

.bxs-spa:before {
    content: "\eeb2";
}

.bxs-speaker:before {
    content: "\eeb3";
}

.bxs-spray-can:before {
    content: "\eeb4";
}

.bxs-spreadsheet:before {
    content: "\eeb5";
}

.bxs-square:before {
    content: "\eeb6";
}

.bxs-square-rounded:before {
    content: "\eeb7";
}

.bxs-star:before {
    content: "\eeb8";
}

.bxs-star-half:before {
    content: "\eeb9";
}

.bxs-sticker:before {
    content: "\eeba";
}

.bxs-stopwatch:before {
    content: "\eebb";
}

.bxs-store:before {
    content: "\eebc";
}

.bxs-store-alt:before {
    content: "\eebd";
}

.bxs-sun:before {
    content: "\eebe";
}

.bxs-tachometer:before {
    content: "\eebf";
}

.bxs-tag:before {
    content: "\eec0";
}

.bxs-tag-alt:before {
    content: "\eec1";
}

.bxs-tag-x:before {
    content: "\eec2";
}

.bxs-taxi:before {
    content: "\eec3";
}

.bxs-tennis-ball:before {
    content: "\eec4";
}

.bxs-terminal:before {
    content: "\eec5";
}

.bxs-thermometer:before {
    content: "\eec6";
}

.bxs-time:before {
    content: "\eec7";
}

.bxs-time-five:before {
    content: "\eec8";
}

.bxs-timer:before {
    content: "\eec9";
}

.bxs-tired:before {
    content: "\eeca";
}

.bxs-toggle-left:before {
    content: "\eecb";
}

.bxs-toggle-right:before {
    content: "\eecc";
}

.bxs-tone:before {
    content: "\eecd";
}

.bxs-torch:before {
    content: "\eece";
}

.bxs-to-top:before {
    content: "\eecf";
}

.bxs-traffic:before {
    content: "\eed0";
}

.bxs-traffic-barrier:before {
    content: "\eed1";
}

.bxs-traffic-cone:before {
    content: "\eed2";
}

.bxs-train:before {
    content: "\eed3";
}

.bxs-trash:before {
    content: "\eed4";
}

.bxs-trash-alt:before {
    content: "\eed5";
}

.bxs-tree:before {
    content: "\eed6";
}

.bxs-trophy:before {
    content: "\eed7";
}

.bxs-truck:before {
    content: "\eed8";
}

.bxs-t-shirt:before {
    content: "\eed9";
}

.bxs-tv:before {
    content: "\eeda";
}

.bxs-up-arrow:before {
    content: "\eedb";
}

.bxs-up-arrow-alt:before {
    content: "\eedc";
}

.bxs-up-arrow-circle:before {
    content: "\eedd";
}

.bxs-up-arrow-square:before {
    content: "\eede";
}

.bxs-upside-down:before {
    content: "\eedf";
}

.bxs-upvote:before {
    content: "\eee0";
}

.bxs-user:before {
    content: "\eee1";
}

.bxs-user-account:before {
    content: "\eee2";
}

.bxs-user-badge:before {
    content: "\eee3";
}

.bxs-user-check:before {
    content: "\eee4";
}

.bxs-user-circle:before {
    content: "\eee5";
}

.bxs-user-detail:before {
    content: "\eee6";
}

.bxs-user-minus:before {
    content: "\eee7";
}

.bxs-user-pin:before {
    content: "\eee8";
}

.bxs-user-plus:before {
    content: "\eee9";
}

.bxs-user-rectangle:before {
    content: "\eeea";
}

.bxs-user-voice:before {
    content: "\eeeb";
}

.bxs-user-x:before {
    content: "\eeec";
}

.bxs-vector:before {
    content: "\eeed";
}

.bxs-vial:before {
    content: "\eeee";
}

.bxs-video:before {
    content: "\eeef";
}

.bxs-video-off:before {
    content: "\eef0";
}

.bxs-video-plus:before {
    content: "\eef1";
}

.bxs-video-recording:before {
    content: "\eef2";
}

.bxs-videos:before {
    content: "\eef3";
}

.bxs-virus:before {
    content: "\eef4";
}

.bxs-virus-block:before {
    content: "\eef5";
}

.bxs-volume:before {
    content: "\eef6";
}

.bxs-volume-full:before {
    content: "\eef7";
}

.bxs-volume-low:before {
    content: "\eef8";
}

.bxs-volume-mute:before {
    content: "\eef9";
}

.bxs-wallet:before {
    content: "\eefa";
}

.bxs-wallet-alt:before {
    content: "\eefb";
}

.bxs-washer:before {
    content: "\eefc";
}

.bxs-watch:before {
    content: "\eefd";
}

.bxs-watch-alt:before {
    content: "\eefe";
}

.bxs-webcam:before {
    content: "\eeff";
}

.bxs-widget:before {
    content: "\ef00";
}

.bxs-window-alt:before {
    content: "\ef01";
}

.bxs-wine:before {
    content: "\ef02";
}

.bxs-wink-smile:before {
    content: "\ef03";
}

.bxs-wink-tongue:before {
    content: "\ef04";
}

.bxs-wrench:before {
    content: "\ef05";
}

.bxs-x-circle:before {
    content: "\ef06";
}

.bxs-x-square:before {
    content: "\ef07";
}

.bxs-yin-yang:before {
    content: "\ef08";
}

.bxs-zap:before {
    content: "\ef09";
}

.bxs-zoom-in:before {
    content: "\ef0a";
}

.bxs-zoom-out:before {
    content: "\ef0b";
}

/*===========================
Project Name: Probid- Multi Vendor Auction and Bidding HTML Template
Author: Egens Lab --> (https://www.egenslab.com/)
Support: https://egenslab.desky.support/
Developer: Abid Hossain Chowdhury --> hello@egenslab.com
Version: 1.0

01.COMMON CSS
02. Header CSS
03. Banner Section 
04. Live Auction Section 
05. Home1 Category Section 
06. Home1 Banner2 Section 
07. Home1 About Section 
08. Home1 Upcoming Auction Section 
09. Home1 Process Section 
10. Home1 Logo Section 
11. Home1 Faq Section 
12. Home1 Testimonial Section 
13. Home1 Blog Section 
14. Home1 Footer Section 
15. Home2 Banner Section 
16. Home2 Category Section
17. Home2 Banner2 Section
18. Home2 Upcoming Section
19. Home2 Banner3 Section 
20. Home2 Popular Auction Section
21. Home2 Process Section
22. Home2 Testimonial Section
23. Home2 Footer Top Section
24. Home3 Banner3 Section
25. Home3 Banner2 Section 
26. Home3 Highest Bidding Section
27. Home3 Category Section
28. Home3 Banner3 Section 
29. Home3 Popular Auction Section 
30. Home3 Faq Section 
31. Home3 Testimonial Section 
32. Home3 Feature Section
33. Home3 Blog Section
34. Home4 Banner Section 
35. Home4 Category Section 
36. Home4 Trending Auction Section 
37. Home4 Offer Banners Section
38. Home4 Process Section 
39. Home4 Auction Close Section
40. Home4 Feature Section 
41. Home4 Testimonial Section 
42. Home4 Blog Section 
43. Home5 Banner Section 
44. Home5 Auction-with-tab Section 
45. Home5 Category Section 
46. Home5 Auction Card Tab Section 
47. Home5 Upcoming Auction Section 
48. Home5 Testimonial Section 
49. Home5 Blog Section 
50. Home5 Feature Section 
51. Home5 Process Section
52. Home5 Banner2 Section 
53. Home5 About Section
54. Home6 Banner Section
55. Home6 Category Section
56. Home6 Process Section 
57. Home6 Highlight Auction Section 
58. Home6 Banner2 Section 
59. Home6 Testimonial Section 
60. Home6 Blog Section
61. Home6 Partner Logo Section 
62. Home7 Banner Section 
63. Home7 Category Section
64. Home7 Featured Auction Tab Section
65. Home7 Auction win Section 
66. Home7 Banner2 Slider Section 
67. Home7 Process Section
68. Home7 Testimonial Section
69. Blog Grid Page
70. Blog Details Page
71. Blog Standard Page
72. Dashboard Page
73. How To Sell Page
74. Auction Grid Page
75. Auction Grid Sidebar Page
76. Auction Details Page
77. Category Grid Page
78. Contact Page
79. Terms and Conditions Page
80. Error Page
81. Support Center Page
82. Store List Page
83. Store Details Page

/*===========================
     01.COMMON CSS 
===========================*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
:root {
    --font-dmsans: "DM Sans", sans-serif;
    --font-playfair: "Playfair Display", sans-serif;
    --primary-color: #00296b;
    --primary-color-opc: 1, 170, 133;
    --primary-color2: #0b0c0c;
    --primary-color2-opc: 11, 12, 12;
    --primary-color3: #d8762d;
    --primary-color3-opc: 216, 118, 45;
    --primary-color4: #2453d4;
    --primary-color4-opc: 36, 83, 212;
    --primary-color5: #dcf263;
    --primary-color5-opc: 220, 242, 99;
    --primary-color6: #3c5037;
    --primary-color6-opc: 60, 80, 55;
    --primary-color7: #63ab45;
    --primary-color7-opc: 99, 171, 69;
    --title-color: #0b0c0c;
    --title-color-opc: 11, 12, 12;
    --title-color2: #3c5037;
    --title-color2-opc: 60, 80, 55;
    --white-color: #fff;
    --paragraph-color: #23291fbb;
    --paragraph-color2: #5e5e5e;
    --border-color: #e6e6e6;
    --border-color-opc: 230, 230, 230;
    --border-color2: #eeeeee;
}

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

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: 0 solid;
    box-shadow: unset;
}

input,
textarea {
    border-radius: 0px;
}

html,
body {
    height: 100%;
}

body {
    font-size: 16px;
    font-family: var(--font-dmsans);
    font-weight: 400;
    overflow-x: hidden;
}
body.eg-antique-home {
    --primary-color: #d8762d;
    --primary-color-opc: 216, 118, 45;
}
body.eg-gadget-home {
    --primary-color: #2453d4;
    --primary-color-opc: 36, 83, 212;
}
body.eg-book-and-comic-home {
    --primary-color: #dcf263;
    --primary-color-opc: 220, 242, 99;
}
body.eg-book-and-comic-home.category-page-bg {
    background-color: #eaf4e7;
}
body.eg-book-and-comic-home .primary-btn {
    color: var(--title-color2);
}
body.eg-book-and-comic-home .primary-btn svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home .primary-btn:hover {
    color: var(--white-color);
}
body.eg-book-and-comic-home .primary-btn:hover svg {
    fill: var(--white-color);
}
body.eg-book-and-comic-home .primary-btn.black-bg {
    color: var(--white-color);
}
body.eg-book-and-comic-home .primary-btn.black-bg svg {
    fill: var(--white-color);
}
body.eg-book-and-comic-home .primary-btn.black-bg:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home .primary-btn.black-bg:hover svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home .view-button2.four:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home .view-button2.four:hover .arrow {
    background-color: var(--primary-color6);
}
body.eg-book-and-comic-home
    .inner-pagination-area
    .paginations
    .page-item.active
    a {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .inner-pagination-area
    .paginations
    .page-item
    a:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .inner-pagination-area
    .paginations
    .page-item
    a:hover
    svg {
    stroke: var(--title-color2);
}
body.eg-book-and-comic-home
    .auction-grid-title-section
    .filter-selector
    .filter:hover
    .filter-icon
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home
    .auction-grid-title-section
    .filter-selector
    .filter:hover
    span {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .auction-sidebar
    .single-widget
    .checkbox-container
    ul
    li
    .containerss
    input:checked
    ~ .checkmark::after {
    content: url(../img/inner-pages/icon/checkbox-check-dark-green.svg);
}
body.eg-book-and-comic-home
    .auction-details-section
    .auction-details-content
    .batch
    span {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .auction-details-section
    .auction-details-content
    .question-and-wishlist-area
    li
    a:hover {
    color: var(--primary-color6);
}
body.eg-book-and-comic-home
    .auction-details-section
    .auction-details-content
    .question-and-wishlist-area
    li
    a:hover
    span
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home .sidebar-area .single-widget .search-box input {
    border: 1px solid rgba(var(--primary-color-opc), 0.8);
}
body.eg-book-and-comic-home .sidebar-area .single-widget .search-box button i {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .sidebar-area
    .single-widget
    .search-box
    button:hover
    i {
    color: var(--white-color);
}
body.eg-book-and-comic-home
    .sidebar-area
    .single-widget
    .category-list
    li:hover
    a {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .sidebar-area
    .single-widget
    .recent-post-widget
    .recent-post-content
    h6
    a:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .sidebar-area
    .single-widget
    .recent-post-widget
    .recent-post-content
    > a:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home .sidebar-area .single-widget .tag-list li:hover a {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .sidebar-area
    .single-widget
    .social-list
    li:hover
    a
    i {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .sidebar-area
    .single-widget
    .social-list
    li:hover
    a
    span {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .blog-card
    .card-content
    .blog-meta
    .category
    li
    a:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home .blog-card .card-content h4 a:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .blog-details-page
    .blog-details-author-meta
    .author-area
    .author-content
    h6
    a {
    color: var(--title-color2);
}
body.eg-book-and-comic-home .blog-details-page .blog-tag ul li a:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    .replay-btn:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    .replay-btn:hover
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home .contact-page .single-contact .icon svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home .contact-page .single-contact .content h6 a:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .home1-about-section
    .about-top-area
    .about-content
    > ul
    li
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home
    .home2-process-section
    .process-wrapper
    .single-process-wrap
    .process-card
    .process-card-top
    .icon
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home
    .faq-contact-wrap
    .contact-address-area
    .contact-area
    .icon {
    border: 1px solid rgba(var(--primary-color6-opc), 0.4);
}
body.eg-book-and-comic-home
    .faq-contact-wrap
    .contact-address-area
    .contact-area
    .icon
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home
    .faq-wrappper
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .faq-wrappper
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:hover::after {
    color: var(--title-color2);
}
body.eg-book-and-comic-home .category-card6 {
    background-color: #eaf4e7;
}
body.eg-book-and-comic-home
    .store-card
    .store-card-content
    .contact-area
    .single-contact
    .icon
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home
    .store-card
    .store-card-content
    .contact-area
    .single-contact
    .content
    h6
    a:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .store-card
    .store-card-content
    .contact-area
    .single-contact::before {
    background: linear-gradient(
        90deg,
        rgba(var(--primary-color6-opc), 0.7) 0%,
        rgba(0, 255, 199, 0) 75.77%
    );
}
body.eg-book-and-comic-home .store-card .store-card-content .primary-btn:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .store-card
    .store-card-content
    .primary-btn:hover
    i {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .single-contact
    .icon
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home
    .store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .single-contact
    .content
    h6
    a:hover {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .how-to-sell-section
    .how-to-sell-wrap
    .single-step:hover
    span {
    background-color: var(--primary-color);
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .how-to-sell-section
    .how-to-sell-wrap
    .single-step:hover
    .arrow
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home
    .faq-contact-wrap
    .faq-nav-btn-area
    .nav-pills
    .nav-link.active {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .support-center-section
    .single-support
    .content
    ul
    li
    i {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table
    tbody
    tr
    td
    span {
    color: var(--title-color2);
    background-color: rgba(var(--primary-color-opc), 0.4);
}
body.eg-book-and-comic-home
    .dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table
    tbody
    tr
    td
    span.cancel {
    color: #dd344a;
    background-color: rgba(221, 52, 74, 0.15);
}
body.eg-book-and-comic-home
    .dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .my-auction-wrap
    .nav-pills
    .nav-item
    .nav-link.active {
    color: var(--title-color2);
}
body.eg-book-and-comic-home
    .dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .my-auction-wrap
    .nav-pills
    .nav-item
    .nav-link.active
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home
    .dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .add-payment-area
    .add-btn
    svg {
    fill: var(--title-color2);
}
body.eg-book-and-comic-home
    .dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-profile-img-area
    .upload-img-area
    .upload-filed
    input::file-selector-button {
    color: var(--title-color2);
}
body.eg-multipurpose2-home {
    --primary-color: #63ab45;
    --primary-color-opc: 99, 171, 69;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-dmsans);
    font-weight: 500;
    margin-bottom: 15px;
}

img {
    max-width: 100%;
}

p {
    margin: 0;
    color: var(--paragraph-color);
}

a {
    text-decoration: none;
}

input,
select,
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

.pt-130 {
    padding-top: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pt-130 {
        padding-top: 100px;
    }
}
@media (max-width: 991px) {
    .pt-130 {
        padding-top: 90px;
    }
    .company-logo.d-lg-none img {
        width: 200px;
    }
}

.pb-130 {
    padding-bottom: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pb-130 {
        padding-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .pb-130 {
        padding-bottom: 90px;
    }
}

.pt-110 {
    padding-top: 110px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pt-110 {
        padding-top: 90px;
    }
}
@media (max-width: 991px) {
    .pt-110 {
        padding-top: 70px;
    }
}

.pt-90 {
    padding-top: 90px;
}
@media (max-width: 991px) {
    .pt-90 {
        padding-top: 80px;
    }
}
@media (max-width: 767px) {
    .pt-90 {
        padding-top: 70px;
    }
}

.pb-90 {
    padding-bottom: 90px;
}
@media (max-width: 991px) {
    .pb-90 {
        padding-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .pb-90 {
        padding-bottom: 70px;
    }
}

.pb-80 {
    padding-bottom: 80px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pb-80 {
        padding-bottom: 60px;
    }
}

.pb-65 {
    padding-bottom: 65px;
}

.mt-130 {
    margin-top: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .mt-130 {
        margin-top: 100px;
    }
}
@media (max-width: 991px) {
    .mt-130 {
        margin-top: 90px;
    }
}

.mt-120 {
    margin-top: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .mt-120 {
        margin-top: 100px;
    }
}
@media (max-width: 991px) {
    .mt-120 {
        margin-top: 90px;
    }
}

.mb-130 {
    margin-bottom: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .mb-130 {
        margin-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .mb-130 {
        margin-bottom: 90px;
    }
}

.mb-120 {
    margin-bottom: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .mb-120 {
        margin-bottom: 90px;
    }
}
@media (max-width: 991px) {
    .mb-120 {
        margin-bottom: 80px;
    }
}

.mb-110 {
    margin-bottom: 110px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .mb-110 {
        margin-bottom: 90px;
    }
}
@media (max-width: 991px) {
    .mb-110 {
        margin-bottom: 80px;
    }
}

.mb-100 {
    margin-bottom: 110px;
}
@media (max-width: 991px) {
    .mb-100 {
        margin-bottom: 80px;
    }
}

.mt-100 {
    margin-top: 110px !important;
}
@media (max-width: 991px) {
    .mt-100 {
        margin-top: 80px !important;
    }
}

.mb-90 {
    margin-bottom: 90px;
}
@media (max-width: 991px) {
    .mb-90 {
        margin-bottom: 70px;
    }
}
@media (max-width: 767px) {
    .mb-90 {
        margin-bottom: 50px;
    }
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-60 {
    padding-bottom: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}
@media (max-width: 1199px) {
    .mb-60 {
        margin-bottom: 50px;
    }
}
@media (max-width: 991px) {
    .mb-60 {
        margin-bottom: 40px;
    }
}

.mb-70 {
    margin-bottom: 70px;
}
@media (max-width: 767px) {
    .mb-70 {
        margin-bottom: 40px;
    }
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-44 {
    margin-bottom: 44px;
}
@media (max-width: 991px) {
    .mb-44 {
        margin-bottom: 0px;
    }
}

.mb-40 {
    margin-bottom: 40px;
}
@media (max-width: 991px) {
    .mb-40 {
        margin-bottom: 30px;
    }
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-35 {
    margin-top: 35px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-50 {
    margin-bottom: 50px;
}
@media (max-width: 767px) {
    .mb-50 {
        margin-bottom: 40px;
    }
}
@media (max-width: 576px) {
    .mb-50 {
        margin-bottom: 30px;
    }
}

.mt-60 {
    margin-top: 60px;
}
@media (max-width: 767px) {
    .mt-60 {
        margin-top: 40px;
    }
}

.mt-70 {
    margin-top: 70px;
}
@media (max-width: 767px) {
    .mt-70 {
        margin-top: 40px;
    }
}

.circle-container {
    background: transparent;
    position: fixed;
    right: 30px;
    bottom: 55px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    border: 2px solid var(--primary-color);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 200ms linear;
}
@media (max-width: 576px) {
    .circle-container {
        bottom: 30px;
    }
}
.circle-container.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.circle-container svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: var(--primary-color);
}
.circle-container:hover {
    background-color: var(--primary-color);
}
.circle-container:hover svg {
    fill: var(--white-color);
}
.circle-container.two {
    border-color: var(--primary-color3);
}
.circle-container.two svg {
    fill: var(--primary-color3);
}
.circle-container.two:hover {
    background-color: var(--primary-color3);
}
.circle-container.two:hover svg {
    fill: var(--white-color);
}
.circle-container.three {
    border-color: var(--primary-color4);
}
.circle-container.three svg {
    fill: var(--primary-color4);
}
.circle-container.three:hover {
    background-color: var(--primary-color4);
}
.circle-container.three:hover svg {
    fill: var(--white-color);
}
.circle-container.four {
    border-color: var(--primary-color6);
}
.circle-container.four svg {
    fill: var(--primary-color6);
}
.circle-container.four:hover {
    background-color: var(--primary-color5);
    border-color: var(--primary-color5);
}
.circle-container.four:hover svg {
    fill: var(--primary-color6);
}
.circle-container.five {
    border-color: var(--primary-color7);
}
.circle-container.five svg {
    fill: var(--primary-color7);
}
.circle-container.five:hover {
    background-color: var(--primary-color7);
}
.circle-container.five:hover svg {
    fill: var(--white-color);
}

.primary-btn {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 600;
    background-color: var(--primary-color);
    padding: 17px 32px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    gap: 7px;
}
.primary-btn svg {
    fill: var(--white-color);
    transition: all 0.6s;
}
.primary-btn span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 36px;
    background-color: var(--primary-color2);
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.primary-btn:hover {
    color: var(--white-color);
}
.primary-btn:hover svg {
    fill: var(--white-color);
}
.primary-btn:hover span {
    width: 225%;
    height: 1000.5px;
}
.primary-btn.white-bg {
    color: var(--title-color);
    background-color: var(--white-color);
}
.primary-btn.white-bg svg {
    fill: var(--title-color);
}
.primary-btn.white-bg span {
    background-color: var(--primary-color);
}
.primary-btn.white-bg:hover {
    color: var(--white-color);
}
.primary-btn.white-bg:hover svg {
    fill: var(--white-color);
}
.primary-btn.black-bg {
    color: var(--white-color);
    background-color: var(--primary-color2);
}
.primary-btn.black-bg svg {
    fill: var(--white-color);
}
.primary-btn.black-bg span {
    background-color: var(--primary-color);
}
.primary-btn.black-bg:hover {
    color: var(--white-color);
}
.primary-btn.black-bg:hover svg {
    fill: var(--white-color);
}
.primary-btn.two {
    border-radius: 5px;
}

.primary-btn2 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 600;
    background-color: var(--primary-color3);
    padding: 18px 32px;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    gap: 7px;
}
.primary-btn2 svg {
    fill: var(--white-color);
    transition: all 0.6s;
}
.primary-btn2 span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 36px;
    background-color: var(--primary-color2);
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.primary-btn2:hover {
    color: var(--white-color);
}
.primary-btn2:hover svg {
    fill: var(--white-color);
}
.primary-btn2:hover span {
    width: 225%;
    height: 1000.5px;
}
.primary-btn2.white-bg {
    color: var(--title-color);
    background-color: var(--white-color);
}
.primary-btn2.white-bg svg {
    fill: var(--title-color);
}
.primary-btn2.white-bg span {
    background-color: var(--primary-color3);
}
.primary-btn2.white-bg:hover {
    color: var(--white-color);
}
.primary-btn2.white-bg:hover svg {
    fill: var(--white-color);
}
.primary-btn2.black-bg {
    color: var(--white-color);
    background-color: var(--primary-color2);
}
.primary-btn2.black-bg svg {
    fill: var(--white-color);
}
.primary-btn2.black-bg span {
    background-color: var(--primary-color3);
}
.primary-btn2.black-bg:hover {
    color: var(--white-color);
}
.primary-btn2.black-bg:hover svg {
    fill: var(--white-color);
}

.primary-btn3 {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid var(--primary-color);
    border-bottom: 4px solid var(--primary-color);
    border-right: 4px solid var(--primary-color);
    padding: 15px 32px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    gap: 10px;
}
@media (max-width: 576px) {
    .primary-btn3 {
        padding: 13px 20px;
    }
}
.primary-btn3 svg {
    fill: var(--primary-color);
    transition: all 0.6s;
}
.primary-btn3 span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 36px;
    background-color: var(--primary-color);
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.primary-btn3:hover {
    color: var(--white-color);
}
.primary-btn3:hover svg {
    fill: var(--white-color);
}
.primary-btn3:hover span {
    width: 225%;
    height: 1000.5px;
}
.primary-btn3.white-bg {
    color: var(--title-color);
    background-color: var(--white-color);
}
.primary-btn3.white-bg svg {
    fill: var(--title-color);
}
.primary-btn3.white-bg span {
    background-color: var(--primary-color);
}
.primary-btn3.white-bg:hover {
    color: var(--white-color);
}
.primary-btn3.white-bg:hover svg {
    fill: var(--white-color);
}
.primary-btn3.black-bg {
    color: var(--white-color);
    background-color: var(--primary-color2);
}
.primary-btn3.black-bg svg {
    fill: var(--white-color);
}
.primary-btn3.black-bg span {
    background-color: var(--primary-color);
}
.primary-btn3.black-bg:hover {
    color: var(--white-color);
}
.primary-btn3.black-bg:hover svg {
    fill: var(--white-color);
}

.primary-btn4 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 600;
    background-color: var(--primary-color4);
    padding: 18px 32px;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    gap: 7px;
}
.primary-btn4 svg {
    fill: var(--white-color);
    transition: all 0.6s;
}
.primary-btn4 span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 36px;
    background-color: var(--primary-color2);
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.primary-btn4:hover {
    color: var(--white-color);
}
.primary-btn4:hover svg {
    fill: var(--white-color);
}
.primary-btn4:hover span {
    width: 225%;
    height: 1000.5px;
}
.primary-btn4.white-bg {
    color: var(--title-color);
    background-color: var(--white-color);
}
.primary-btn4.white-bg svg {
    fill: var(--title-color);
}
.primary-btn4.white-bg span {
    background-color: var(--primary-color3);
}
.primary-btn4.white-bg:hover {
    color: var(--white-color);
}
.primary-btn4.white-bg:hover svg {
    fill: var(--white-color);
}
.primary-btn4.black-bg {
    color: var(--white-color);
    background-color: var(--primary-color2);
}
.primary-btn4.black-bg svg {
    fill: var(--white-color);
}
.primary-btn4.black-bg span {
    background-color: var(--primary-color4);
}
.primary-btn4.black-bg:hover {
    color: var(--white-color);
}
.primary-btn4.black-bg:hover svg {
    fill: var(--white-color);
}

.primary-btn5 {
    color: var(--title-color2);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 600;
    background-color: var(--primary-color5);
    padding: 18px 32px;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    gap: 7px;
}
.primary-btn5 svg {
    fill: var(--title-color2);
    transition: all 0.6s;
}
.primary-btn5 span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 36px;
    background-color: var(--primary-color2);
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.primary-btn5:hover {
    color: var(--white-color);
}
.primary-btn5:hover svg {
    fill: var(--white-color);
}
.primary-btn5:hover span {
    width: 225%;
    height: 1000.5px;
}
.primary-btn5.white-bg {
    color: var(--title-color2);
    background-color: var(--white-color);
}
.primary-btn5.white-bg svg {
    fill: var(--title-color2);
}
.primary-btn5.white-bg span {
    background-color: var(--primary-color5);
}
.primary-btn5.black-bg {
    color: var(--white-color);
    background-color: var(--primary-color2);
}
.primary-btn5.black-bg svg {
    fill: var(--white-color);
}
.primary-btn5.black-bg span {
    background-color: var(--primary-color5);
}
.primary-btn5.black-bg:hover {
    color: var(--title-color2);
}
.primary-btn5.black-bg:hover svg {
    fill: var(--title-color2);
}

.primary-btn6 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 600;
    background-color: var(--primary-color7);
    padding: 15px 22px;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    gap: 7px;
}
.primary-btn6 svg {
    fill: var(--white-color);
    transition: all 0.6s;
}
.primary-btn6 span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 36px;
    background-color: var(--primary-color2);
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.primary-btn6:hover {
    color: var(--white-color);
}
.primary-btn6:hover svg {
    fill: var(--white-color);
}
.primary-btn6:hover span {
    width: 225%;
    height: 1000.5px;
}
.primary-btn6.white-bg {
    color: var(--title-color);
    background-color: var(--white-color);
}
.primary-btn6.white-bg svg {
    fill: var(--title-color);
}
.primary-btn6.white-bg span {
    background-color: var(--primary-color7);
}
.primary-btn6.white-bg:hover {
    color: var(--white-color);
}
.primary-btn6.white-bg:hover svg {
    fill: var(--white-color);
}
.primary-btn6.black-bg {
    color: var(--white-color);
    background-color: var(--primary-color2);
}
.primary-btn6.black-bg svg {
    fill: var(--white-color);
}
.primary-btn6.black-bg span {
    background-color: var(--primary-color7);
}
.primary-btn6.black-bg:hover {
    color: var(--white-color);
}
.primary-btn6.black-bg:hover svg {
    fill: var(--white-color);
}
.primary-btn6.transparent {
    color: var(--primary-color7);
    background-color: unset;
    border: 1px solid var(--primary-color7);
}
.primary-btn6.transparent svg {
    fill: var(--primary-color7);
}
.primary-btn6.transparent span {
    background-color: var(--primary-color7);
}
.primary-btn6.transparent:hover {
    color: var(--white-color);
}
.primary-btn6.transparent:hover svg {
    fill: var(--white-color);
}

.view-button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    outline: none;
    padding: 0 1.375em 0.0625em 0;
    cursor: pointer;
    background-color: transparent;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: var(--background-size, 100%) 0.0625em;
    transition: background-size 0.2s linear var(--background-delay, 0.15s);
    transform: translateZ(0);
    border: none;
    background-image: linear-gradient(0deg, #0b0c0c 0%, #0b0c0c 100%);
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}
.view-button::after {
    content: "\f123";
    font-family: "bootstrap-icons";
    display: block;
    position: absolute;
    right: 0;
    left: initial;
    top: 0;
    opacity: 1;
    transition: opacity 0.3s 0.15s;
    color: var(--title-color);
}
.view-button svg {
    position: absolute;
    display: block;
    line-height: 1.8125em;
    width: 1.375em;
    height: 1.8125em;
    right: 0;
    left: initial;
    top: 50%;
    margin: -0.92em 0 0;
    fill: none;
    stroke: var(--title-color);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1px;
    stroke-dasharray: 7.95 30;
    stroke-dashoffset: var(--stroke-dashoffset, 46);
    transition: stroke-dashoffset var(--stroke-duration, 0.15s)
        var(--stroke-easing, linear) var(--stroke-delay, 0s);
}
.view-button:hover {
    --background-size: 0%;
    --stroke-dashoffset: 26;
    --stroke-duration: 0.3s;
    --stroke-easing: cubic-bezier(0.3, 1.5, 0.5, 1);
    --stroke-delay: 0.195s;
}
.view-button:hover::after {
    opacity: 0;
    transition-delay: 0s;
}

.view-button2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    white-space: nowrap;
    transition: 0.5s;
}
.view-button2 .arrow {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.5s;
}
.view-button2 .arrow svg {
    fill: var(--title-color);
    transition: 0.5s;
}
.view-button2:hover {
    color: var(--primary-color3);
}
.view-button2:hover .arrow {
    background-color: var(--primary-color3);
}
.view-button2:hover .arrow svg {
    transform: rotate(-45deg);
    fill: var(--white-color);
}
.view-button2.two:hover {
    color: var(--primary-color4);
}
.view-button2.two:hover .arrow {
    background-color: var(--primary-color4);
}
.view-button2.three:hover {
    color: var(--primary-color6);
}
.view-button2.three:hover .arrow {
    background-color: var(--primary-color6);
}
.view-button2.four:hover {
    color: var(--primary-color);
}
.view-button2.four:hover .arrow {
    background-color: var(--primary-color);
}

.form-inner {
    position: relative;
    line-height: 1;
}
.form-inner label {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}
.form-inner input {
    background: var(--white-color);
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    height: 52px;
    width: 100%;
    padding: 10px 20px;
    outline: none;
    border: 1px solid var(--white-color);
}
.form-inner input::-moz-placeholder {
    color: #7c7c7c;
}
.form-inner input::placeholder {
    color: #7c7c7c;
}
.form-inner input:focus {
    border: 1px solid var(--primary-color);
}
.form-inner textarea {
    background: var(--white-color);
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding: 20px 20px;
    outline: none;
    border: 1px solid var(--white-color);
    min-height: 120px;
}
.form-inner textarea::-moz-placeholder {
    color: #7c7c7c;
}
.form-inner textarea::placeholder {
    color: #7c7c7c;
}
.form-inner textarea:focus {
    border: 1px solid var(--primary-color);
}

.section-title > span {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    display: block;
}
.section-title h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 45px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .section-title h2 {
        font-size: 40px;
    }
}
@media (max-width: 576px) {
    .section-title h2 {
        font-size: 35px;
    }
}
.section-title h2 span {
    color: var(--paragraph-color);
    font-family: var(--font-playfair);
    font-style: italic;
    font-weight: 400;
}
.section-title p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0;
    padding-top: 10px;
}

.section-title2 > span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 8px;
    background-color: rgba(var(--primary-color3-opc), 0.1);
    border: 1px solid rgba(63, 68, 75, 0.05);
    border-radius: 5px;
    margin-bottom: 5px;
}
.section-title2 h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 45px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 576px) {
    .section-title2 h2 {
        font-size: 40px;
    }
}
.section-title2 h2 span {
    color: var(--paragraph-color);
    font-weight: 400;
}
.section-title2 p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0;
    padding-top: 10px;
}
.section-title2.two > span {
    background-color: rgba(var(--primary-color7-opc), 0.1);
    border-radius: 100px;
}
.section-title2.two.white > span {
    border: 1px solid rgba(63, 68, 75, 0.05);
    border-radius: 100px;
    background-color: rgba(var(--primary-color7-opc), 0.2);
    color: var(--white-color);
}
.section-title2.two.white h2 {
    color: var(--white-color);
}
.section-title2.two.white h2 span {
    color: rgba(255, 255, 255, 0.6);
}

.section-title3 h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
}
.section-title3 p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0;
    padding-top: 10px;
}
.section-title3.text-white h2 {
    color: var(--white-color);
}
.section-title3.text-white p {
    color: rgba(255, 255, 255, 0.7);
}

.section-title4 > span {
    color: var(--primary-color4);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.section-title4 h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 45px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 576px) {
    .section-title4 h2 {
        font-size: 38px;
    }
}
.section-title4 h2 span {
    color: rgba(var(--title-color-opc), 0.6);
    font-style: italic;
    font-weight: 500;
}
.section-title4 p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.03em;
    margin-bottom: 0;
    margin-top: 10px;
}
.section-title4.two > span {
    color: var(--title-color2);
    font-size: 17px;
    font-style: italic;
    text-transform: capitalize;
}
.section-title4.two h2 span {
    font-style: normal;
}
.section-title4.two.white > span {
    color: var(--primary-color5);
}
.section-title4.two.white h2 {
    color: var(--white-color);
}
.section-title4.two.white h2 span {
    color: rgba(255, 255, 255, 0.6);
}

.slider-btn-grp {
    display: flex;
    align-items: center;
    gap: 20px;
}
.slider-btn-grp .slider-btn {
    width: 35px;
    height: 35px;
    border: 1px solid var(--title-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.slider-btn-grp .slider-btn svg {
    fill: var(--title-color);
    transition: 0.5s;
}
.slider-btn-grp .slider-btn i {
    color: var(--title-color);
    line-height: 1;
    transition: 0.5s;
}
.slider-btn-grp .slider-btn:hover {
    background-color: var(--primary-color2);
}
.slider-btn-grp .slider-btn:hover svg {
    fill: var(--white-color);
}
.slider-btn-grp .slider-btn:hover i {
    color: var(--white-color);
}
.slider-btn-grp .slider-btn.swiper-button-disabled {
    opacity: 0.2;
}
.slider-btn-grp.white .slider-btn {
    border-color: var(--white-color);
}
.slider-btn-grp.white .slider-btn svg {
    fill: var(--white-color);
}
.slider-btn-grp.white .slider-btn i {
    color: var(--white-color);
}
.slider-btn-grp.white .slider-btn:hover {
    background-color: var(--white-color);
}
.slider-btn-grp.white .slider-btn:hover i {
    color: var(--title-color);
}
.slider-btn-grp.white .slider-btn:hover svg {
    fill: var(--title-color);
}
.slider-btn-grp.two {
    gap: 50px;
}
.slider-btn-grp.three .slider-btn {
    border: 1px solid var(--primary-color6);
}
.slider-btn-grp.three .slider-btn svg {
    fill: var(--title-color2);
    transition: 0.5s;
}
.slider-btn-grp.three .slider-btn i {
    color: var(--title-color2);
    transition: 0.5s;
}
.slider-btn-grp.three .slider-btn:hover {
    background-color: var(--primary-color6);
}
.slider-btn-grp.three .slider-btn:hover svg {
    fill: var(--white-color);
}
.slider-btn-grp.three .slider-btn:hover i {
    color: var(--white-color);
}
.slider-btn-grp.three .slider-btn.swiper-button-disabled {
    opacity: 0.2;
}
.slider-btn-grp.four {
    gap: 50px;
}
@media (max-width: 576px) {
    .slider-btn-grp.four {
        gap: 35px;
    }
}
.slider-btn-grp.four .slider-btn {
    border: 1px solid var(--title-color);
}
.slider-btn-grp.four .slider-btn svg {
    fill: var(--title-color);
    transition: 0.5s;
}
.slider-btn-grp.four .slider-btn i {
    color: var(--title-color);
    transition: 0.5s;
}
.slider-btn-grp.four .slider-btn:hover {
    background-color: var(--primary-color7);
    border-color: var(--primary-color7);
}
.slider-btn-grp.four .slider-btn:hover svg {
    fill: var(--white-color);
    transform: rotate(-45deg);
}
.slider-btn-grp.four .slider-btn:hover i {
    color: var(--white-color);
}
.slider-btn-grp.four .slider-btn:first-child:hover svg {
    transform: rotate(45deg);
}
.slider-btn-grp.four .slider-btn.swiper-button-disabled {
    opacity: 0.2;
}

.container-one {
    width: 100%;
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 1799px) {
    .container-one {
        max-width: 1600px;
    }
}
@media (max-width: 1699px) {
    .container-one {
        max-width: 1550px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .container-one {
        max-width: 1395px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .container-one {
        max-width: 1190px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container-one {
        max-width: 980px;
    }
}
@media (max-width: 991px) {
    .container-one {
        max-width: 720px;
    }
}
@media (max-width: 767px) {
    .container-one {
        max-width: 540px;
    }
}
@media (max-width: 576px) {
    .container-one {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*=====================================
 02. Header CSS 
========================================*/
@keyframes fade-down {
    0% {
        opacity: 0;
        transform: scaleY(0);
        visibility: hidden;
    }
    100% {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }
}
.header-topbar-area {
    padding: 0 70px;
}
@media (max-width: 1699px) {
    .header-topbar-area {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .header-topbar-area {
        padding: 0 40px;
    }
}
@media (max-width: 1399px) {
    .header-topbar-area {
        padding: 0 30px;
    }
}
@media (max-width: 991px) {
    .header-topbar-area {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .header-topbar-area {
        padding: 0;
    }
}
.header-topbar-area.two {
    padding: 0 100px;
}
@media (max-width: 1699px) {
    .header-topbar-area.two {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .header-topbar-area.two {
        padding: 0 40px;
    }
}
@media (max-width: 1399px) {
    .header-topbar-area.two {
        padding: 0 30px;
    }
}
@media (max-width: 991px) {
    .header-topbar-area.two {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .header-topbar-area.two {
        padding: 0;
    }
}
.header-topbar-area.three {
    position: absolute;
    width: 100%;
    padding: 0;
}
.header-topbar-area.black-bg {
    background-color: var(--primary-color2);
    width: 100%;
    padding: 0;
}
.header-topbar-area.book-home-bg {
    background-color: var(--primary-color6);
    width: 100%;
    padding: 0;
}
.header-topbar-area.inner-page {
    position: absolute;
    width: 100%;
    z-index: 9;
}
.header-topbar-area.border-btm {
    border-bottom: 1px solid rgba(var(--primary-color2-opc), 0.09);
}

.topbar-area {
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color2);
    position: relative;
    width: 100%;
    z-index: 999;
}
@media (max-width: 991px) {
    .topbar-area {
        display: none;
    }
}
.topbar-area .topbar-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.topbar-area .topbar-wrap .topbar-left .contact-area {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 60px;
}
.topbar-area .topbar-wrap .topbar-left .contact-area li {
    position: relative;
}
.topbar-area .topbar-wrap .topbar-left .contact-area li::before {
    content: "";
    width: 1px;
    height: 20px;
    background-color: rgba(34, 34, 34, 0.2);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
}
.topbar-area .topbar-wrap .topbar-left .contact-area li:first-child::before {
    display: none;
}
.topbar-area .topbar-wrap .topbar-left .contact-area li a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.5s;
}
.topbar-area .topbar-wrap .topbar-left .contact-area li a svg {
    fill: var(--title-color);
    transition: 0.5s;
}
.topbar-area .topbar-wrap .topbar-left .contact-area li a:hover {
    color: var(--primary-color);
}
.topbar-area .topbar-wrap .topbar-left .contact-area li a:hover svg {
    fill: var(--primary-color);
}
.topbar-area .topbar-wrap .topbar-right {
    display: flex;
    align-items: center;
    gap: 40px;
}
.topbar-area .topbar-wrap .topbar-right > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
.topbar-area .topbar-wrap .topbar-right > ul li a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
    white-space: nowrap;
    padding: 5px 20px;
    border: 1px solid rgba(var(--title-color-opc), 0.3);
    border-radius: 50px;
    transition: 0.5s;
}
.topbar-area .topbar-wrap .topbar-right > ul li a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}
.topbar-area .topbar-wrap .topbar-right .language-area {
    position: relative;
}
.topbar-area .topbar-wrap .topbar-right .language-area .language-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
.topbar-area .topbar-wrap .topbar-right .language-area .language-btn svg {
    fill: var(--title-color);
    transition: 0.5s;
}
.topbar-area .topbar-wrap .topbar-right .language-area .language-btn span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    transition: 0.5s;
}
.topbar-area .topbar-wrap .topbar-right .language-area .language-list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 35px;
    left: 50%;
    z-index: 9999;
    width: 180px;
    background-color: var(--white-color);
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    display: none;
    transform: scaleY(0) translateX(-50%);
    transform-origin: top;
}
.topbar-area .topbar-wrap .topbar-right .language-area .language-list.active {
    display: block;
    transform: scaleY(1) translateX(-50%);
    animation: fade-up2 0.5s linear;
}
@keyframes fade-up2 {
    0% {
        opacity: 0;
        transform: translateY(10px) translateX(-50%);
        visibility: hidden;
    }
    100% {
        opacity: 1;
        transform: translateY(0px) translateX(-50%);
        visibility: visible;
    }
}
.topbar-area .topbar-wrap .topbar-right .language-area .language-list li a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-weight: 600;
    text-transform: capitalize;
    font-size: 12px;
    padding: 12px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    transition: 0.35s;
}
.topbar-area
    .topbar-wrap
    .topbar-right
    .language-area
    .language-list
    li
    a:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
}
.topbar-area.style-2 {
    padding: 12px 120px;
}
@media (max-width: 1699px) {
    .topbar-area.style-2 {
        padding: 12px 80px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .topbar-area.style-2 {
        padding: 12px 50px;
    }
}
@media (max-width: 1399px) {
    .topbar-area.style-2 {
        padding: 12px 40px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .topbar-area.style-2 {
        padding: 12px 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .topbar-area.style-2 .topbar-wrap .topbar-left .contact-area {
        gap: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .topbar-area.style-2 .topbar-wrap .topbar-left .contact-area li::before {
        left: -15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .topbar-area.style-2 .topbar-wrap .topbar-right {
        gap: 25px;
    }
}
.topbar-area.style-3 .topbar-wrap .topbar-left .contact-area li a:hover {
    color: var(--primary-color3);
}
.topbar-area.style-3 .topbar-wrap .topbar-left .contact-area li a:hover svg {
    fill: var(--primary-color3);
}
.topbar-area.style-3 .topbar-wrap .topbar-right > ul li a:hover {
    background-color: var(--primary-color3);
    border-color: var(--primary-color3);
    color: var(--white-color);
}
.topbar-area.style-3
    .topbar-wrap
    .topbar-right
    .language-area
    .language-list
    li
    a:hover {
    color: var(--white-color);
    background-color: var(--primary-color3);
}
.topbar-area.style-4 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 999;
}
.topbar-area.style-4 .topbar-wrap .topbar-left .contact-area li::before {
    background-color: rgba(255, 255, 255, 0.2);
}
.topbar-area.style-4 .topbar-wrap .topbar-left .contact-area li a {
    color: var(--white-color);
}
.topbar-area.style-4 .topbar-wrap .topbar-left .contact-area li a svg {
    fill: var(--white-color);
}
.topbar-area.style-4 .topbar-wrap .topbar-left .contact-area li a:hover {
    color: var(--primary-color4);
}
.topbar-area.style-4 .topbar-wrap .topbar-left .contact-area li a:hover svg {
    fill: var(--primary-color4);
}
.topbar-area.style-4 .topbar-wrap .topbar-right > ul li a {
    color: var(--white-color);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.topbar-area.style-4 .topbar-wrap .topbar-right > ul li a:hover {
    background-color: var(--primary-color4);
    border-color: var(--primary-color4);
    color: var(--white-color);
}
.topbar-area.style-4
    .topbar-wrap
    .topbar-right
    .language-area
    .language-btn
    svg {
    fill: var(--white-color);
}
.topbar-area.style-4
    .topbar-wrap
    .topbar-right
    .language-area
    .language-btn
    span {
    color: var(--white-color);
}
.topbar-area.style-4
    .topbar-wrap
    .topbar-right
    .language-area
    .language-btn:hover
    svg {
    fill: var(--primary-color4);
}
.topbar-area.style-4
    .topbar-wrap
    .topbar-right
    .language-area
    .language-btn:hover
    span {
    color: var(--primary-color4);
}
.topbar-area.style-4 .topbar-wrap .topbar-right .language-area .language-list {
    background-color: var(--white-color);
}
.topbar-area.style-4
    .topbar-wrap
    .topbar-right
    .language-area
    .language-list
    li
    a {
    color: var(--title-color);
}
.topbar-area.style-4
    .topbar-wrap
    .topbar-right
    .language-area
    .language-list
    li
    a:hover {
    color: var(--white-color);
    background-color: var(--primary-color4);
}
.topbar-area.style-5 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    position: relative;
    z-index: 9999;
    padding: 0;
}
@media (max-width: 991px) {
    .topbar-area.style-5 {
        display: block;
        padding: 15px 0;
    }
}
.topbar-area.style-5 .topbar-wrap .main-menu {
    display: inline-block;
    position: relative;
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li {
    display: inline-block;
    position: relative;
    padding: 0 25px;
}
@media (max-width: 1399px) {
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li {
        padding: 0 20px;
    }
}
@media (max-width: 991px) {
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li {
        padding: 0px 12px;
    }
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li:hover i {
    color: var(--black-color2);
    font-size: 20px;
}
@media (min-width: 992px) {
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li:first-child {
        padding-left: 0;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li:first-child a {
        padding-left: 0;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li:last-child {
        padding-right: 0;
    }
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li > a {
    color: var(--white-color);
    display: block;
    letter-spacing: 0.4px;
    padding: 16px 0px;
    position: relative;
    font-family: var(--font-dmsans);
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
    position: relative;
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li i {
    font-size: 20px;
    text-align: center;
    color: var(--title-color);
    font-style: normal;
    position: absolute;
    right: -5px;
    top: 35px;
    z-index: 999;
    cursor: pointer;
    display: none;
    transition: all 0.5s ease-out 0s;
    opacity: 0;
}
@media (max-width: 991px) {
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li i {
        opacity: 1;
    }
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li i.active {
    color: var(--white-color);
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li i.active::before {
    content: "\f2ea";
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li ul.sub-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    margin: 0;
    display: none;
    min-width: 200px;
    background: #607e59;
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    text-align: left;
    transform-origin: top;
}
@media (max-width: 1199px) {
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li ul.sub-menu {
        box-shadow: none;
    }
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li ul.sub-menu > li {
    padding: 0;
    display: block;
    position: relative;
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li ul.sub-menu > li i {
    position: absolute;
    top: 14px;
    right: 6px;
    display: block;
    color: var(--title-color);
    font-size: 14px;
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li
    .dropdown-icon {
    color: var(--white-color);
    opacity: 1;
    top: 14px;
    font-size: 14px;
    right: 10px;
}
@media (max-width: 991px) {
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        > ul
        > li
        ul.sub-menu
        > li
        .dropdown-icon {
        right: 0;
        top: 8px;
        font-size: 20px;
    }
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li ul.sub-menu > li > a {
    display: block;
    padding: 15px 15px;
    color: var(--white-color);
    font-weight: 600;
    font-family: var(--font-dmsans);
    text-transform: capitalize;
    font-size: 14px;
    line-height: 1.3;
    transition: all 0.4s ease-out 0s;
    position: relative;
    border-bottom: 1px solid #5a7155;
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li
    > a::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: linear-gradient(90deg, var(--primary-color5), #3c5037);
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.4s ease-in;
    z-index: 1;
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li
    > a:hover {
    color: var(--primary-color);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li
    > a:hover::before {
    transform: scale(1);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li
    > a.active {
    color: var(--primary-color);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li
    > a.active::before {
    transform: scale(1);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    a {
    border-bottom: none;
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    a::before {
    display: none;
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li
    a {
    border-bottom: 1px solid var(--border-color);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li
    a::before {
    display: block;
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a {
    border-bottom: none;
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a::before {
    display: none;
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:hover
    > a {
    color: var(--primary-color5);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:hover
    .dropdown-icon {
    color: var(--primary-color5);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li.active
    > a {
    color: var(--primary-color5);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li.active
    .dropdown-icon {
    color: var(--primary-color);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li
    .sub-menu {
    left: 200px;
    position: absolute;
    max-width: 230px;
    min-width: 215px;
    background: #607e59;
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    top: 0;
}
@media (max-width: 1199px) {
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        > ul
        > li
        ul.sub-menu
        > li
        .sub-menu {
        box-shadow: none;
    }
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li
    .sub-menu::before {
    display: none;
    visibility: hidden;
}
@media only screen and (max-width: 991px) {
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        > ul
        > li
        ul.sub-menu
        > li
        .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: transparent;
        top: 0;
    }
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li
    .sub-menu
    > li
    i {
    display: block;
}
@media (min-width: 992px) {
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        > ul
        > li
        ul.sub-menu
        > li:hover
        > .sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li.menu-item-has-children {
    transition: all 0.55s ease-in-out;
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li.menu-item-has-children::after {
    content: "\f282";
    font-family: "bootstrap-icons";
    font-weight: 600;
    position: absolute;
    top: 19px;
    right: 10px;
    font-size: 10px;
    color: var(--white-color);
    transition: all 0.55s ease-in-out;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        > ul
        > li.menu-item-has-children::after {
        right: 5px;
    }
}
@media (max-width: 1199px) {
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        > ul
        > li.menu-item-has-children::after {
        right: 5px;
    }
}
@media (max-width: 991px) {
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        > ul
        > li.menu-item-has-children::after {
        display: none;
        visibility: hidden;
    }
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li.menu-item-has-children:hover::after {
    content: "\f286";
}
@media (min-width: 992px) {
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li:hover > ul.sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
@keyframes fade-up {
    0% {
        opacity: 0;
        transform: scaleY(0);
        visibility: hidden;
    }
    100% {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li:hover > a {
    color: var(--primary-color5);
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li:hover::after {
    color: var(--primary-color5);
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li:hover .dropdown-icon2 {
    color: var(--primary-color);
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li.active > a {
    color: var(--primary-color5);
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li.active::after {
    color: var(--primary-color5);
}
.topbar-area.style-5 .topbar-wrap .main-menu > ul > li.active .dropdown-icon2 {
    color: var(--primary-color5);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    > li.active.position-inherit
    > a::after {
    color: var(--primary-color5);
}
.topbar-area.style-5
    .topbar-wrap
    .main-menu
    > ul
    li.menu-item-has-children
    > i {
    display: block;
}
@media (max-width: 991px) {
    .topbar-area.style-5 .topbar-wrap .topbar-right {
        display: none;
    }
}
.topbar-area.style-5 .topbar-wrap .topbar-right > ul li a {
    color: var(--white-color);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.topbar-area.style-5 .topbar-wrap .topbar-right > ul li a:hover {
    background-color: var(--primary-color5);
    border-color: var(--primary-color5);
    color: var(--title-color);
}
.topbar-area.style-5
    .topbar-wrap
    .topbar-right
    .language-area
    .language-btn
    svg {
    fill: var(--white-color);
}
.topbar-area.style-5
    .topbar-wrap
    .topbar-right
    .language-area
    .language-btn
    span {
    color: var(--white-color);
}
.topbar-area.style-5
    .topbar-wrap
    .topbar-right
    .language-area
    .language-btn:hover
    svg {
    fill: var(--primary-color5);
}
.topbar-area.style-5
    .topbar-wrap
    .topbar-right
    .language-area
    .language-btn:hover
    span {
    color: var(--primary-color5);
}
.topbar-area.style-5 .topbar-wrap .topbar-right .language-area .language-list {
    background-color: var(--white-color);
}
.topbar-area.style-5
    .topbar-wrap
    .topbar-right
    .language-area
    .language-list
    li
    a {
    color: var(--title-color);
}
.topbar-area.style-5
    .topbar-wrap
    .topbar-right
    .language-area
    .language-list
    li
    a:hover {
    color: var(--title-color);
    background-color: var(--primary-color5);
}
.topbar-area.style-5 .topbar-wrap .mobile-menu-btn {
    display: none;
    visibility: hidden;
}
@media (max-width: 991px) {
    .topbar-area.style-5 .topbar-wrap .mobile-menu-btn {
        display: flex;
        margin-left: 50px;
        flex-direction: column;
        align-items: end;
        visibility: visible;
        justify-content: center;
        position: relative;
    }
    .topbar-area.style-5 .topbar-wrap .mobile-menu-btn span {
        height: 3px;
        width: 25px;
        background-color: var(--white-color);
        display: flex;
        transition: transform 0.5s ease-in;
        position: absolute;
        top: 0px;
    }
    .topbar-area.style-5 .topbar-wrap .mobile-menu-btn span::before {
        transition-duration: 0.5s;
        position: absolute;
        width: 35px;
        height: 3px;
        background-color: var(--white-color);
        content: "";
        top: -10px;
        right: 0;
    }
    .topbar-area.style-5 .topbar-wrap .mobile-menu-btn span::after {
        transition-duration: 0.5s;
        position: absolute;
        width: 15px;
        height: 3px;
        right: 0;
        background-color: var(--white-color);
        content: "";
        top: 10px;
    }
    .topbar-area.style-5 .topbar-wrap .mobile-menu-btn.active span {
        background-color: transparent;
    }
    .topbar-area.style-5 .topbar-wrap .mobile-menu-btn.active span::before {
        transform: rotateZ(45deg) translate(8px, 6px);
        width: 35px;
    }
    .topbar-area.style-5 .topbar-wrap .mobile-menu-btn.active span::after {
        transform: rotateZ(-45deg) translate(8px, -6px);
        width: 35px;
    }
}
@media only screen and (max-width: 991px) {
    .topbar-area.style-5 .topbar-wrap .mobile-logo-area .menu-close-btn {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid var(--title-color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.35s;
    }
    .topbar-area.style-5 .topbar-wrap .mobile-logo-area .menu-close-btn i {
        font-size: 26px;
        line-height: 1;
        margin-top: 2px;
        color: var(--title-color);
        transition: 0.35s;
    }
    .topbar-area.style-5 .topbar-wrap .mobile-logo-area .menu-close-btn:hover {
        background-color: var(--title-color);
    }
    .topbar-area.style-5
        .topbar-wrap
        .mobile-logo-area
        .menu-close-btn:hover
        i {
        color: var(--white-color);
    }
    .topbar-area.style-5 .topbar-wrap .dropdown-icon {
        color: var(--white-color);
    }
    .topbar-area.style-5 .topbar-wrap .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 30px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: #607e59;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
    }
    .topbar-area.style-5 .topbar-wrap .main-menu.show-menu {
        transform: translateX(0);
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul {
        float: none;
        text-align: left;
        padding: 5px 0px 20px 0;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li {
        display: block;
        position: relative;
        padding: 0 5px;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li i {
        display: block;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li a {
        padding: 10px 0;
        display: block;
        color: var(--white-color);
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li ul.sub-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        transform: none;
        transition: none;
        display: none;
        margin-top: 0 !important;
        transform: translateY(0px);
        padding-left: 10px;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li ul.sub-menu > li {
        border-bottom: 1px solid transparent;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li ul.sub-menu > li a {
        padding: 12px 0px;
    }
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        > ul
        > li
        ul.sub-menu
        > li
        a:hover {
        color: var(--primary-color5);
        margin-left: 10px;
    }
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        > ul
        > li
        ul.sub-menu
        > li
        a.active {
        color: var(--primary-color5);
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li ul.sub-menu > li i {
        color: var(--primary-color5);
        right: -13px;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu > ul > li .bi {
        top: 8px;
        font-size: 20px;
        color: var(--white-color);
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .contact-area {
        padding: 0;
        margin: 0;
        list-style: none;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .contact-area li {
        position: relative;
    }
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        .contact-area
        li:first-child::before {
        display: none;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .contact-area li > a {
        color: var(--white-color);
        font-family: var(--font-dmsans);
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
        text-transform: capitalize;
        transition: 0.5s;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .contact-area li > a svg {
        fill: var(--white-color);
        transition: 0.5s;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .contact-area li > a:hover {
        color: var(--primary-color5);
    }
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        .contact-area
        li
        > a:hover
        svg {
        fill: var(--primary-color5);
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .form-inner {
        display: flex;
        border: 1px solid var(--border-color);
        background-color: var(--white-color);
        width: 100%;
        height: 43px;
        border-radius: 100px;
        margin-bottom: 20px;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .form-inner input {
        border: none;
        height: 41px;
        background-color: transparent;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .form-inner input:focus {
        border: none;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .form-inner .search-btn {
        padding: 15px 20px;
        background-color: var(--primary-color5);
        border: unset;
        overflow: hidden;
        z-index: 1;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 100px 100px 0;
        transition: 0.5s;
    }
}
@media only screen and (max-width: 991px) and (max-width: 1399px) {
    .topbar-area.style-5 .topbar-wrap .main-menu .form-inner .search-btn {
        padding: 15px 25px;
    }
}
@media only screen and (max-width: 991px) {
    .topbar-area.style-5 .topbar-wrap .main-menu .form-inner .search-btn i {
        color: var(--title-color2);
        font-size: 15px;
        transition: 0.5s;
    }
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        .form-inner
        .search-btn::after {
        position: absolute;
        content: "";
        display: block;
        left: 15%;
        right: -20%;
        top: -4%;
        height: 160%;
        width: 160%;
        bottom: 0;
        border-radius: 2px;
        background-color: var(--white-color);
        transform: skewX(45deg) scale(0, 1);
        z-index: -1;
        transition: all 0.5s ease-out 0s;
    }
    .topbar-area.style-5
        .topbar-wrap
        .main-menu
        .form-inner
        .search-btn:hover::after {
        transform: skewX(45deg) scale(1, 1);
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .primary-btn5 {
        border-radius: 100px;
        width: 100%;
        justify-content: center;
        padding: 12px 32px;
    }
    .topbar-area.style-5 .topbar-wrap .main-menu .primary-btn5 svg {
        fill: none;
        stroke: var(--title-color2);
    }
}
.topbar-area.style-6 .topbar-wrap .topbar-left .contact-area li a:hover {
    color: var(--primary-color7);
}
.topbar-area.style-6 .topbar-wrap .topbar-left .contact-area li a:hover svg {
    fill: var(--primary-color7);
}
.topbar-area.style-6 .topbar-wrap .topbar-right > ul li a:hover {
    background-color: var(--primary-color7);
    border-color: var(--primary-color7);
    color: var(--white-color);
}
.topbar-area.style-6
    .topbar-wrap
    .topbar-right
    .language-area
    .language-list
    li
    a:hover {
    color: var(--white-color);
    background-color: var(--primary-color7);
}
.topbar-area.border-btm {
    border-bottom: 1px solid rgba(var(--primary-color2-opc), 0.09);
}

.home2-header-logo {
    padding: 10px 10px 10px 10px;
    background-color: var(--primary-color2);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1399px) {
    .home2-header-logo {
        padding: 40px 20px 40px 30px;
    }
}

header.style-1 {
    position: relative;
    width: 100%;
    z-index: 99;
    transition: all 0.8s ease-out 0s;
    background-color: transparent;
}
@media (max-width: 576px) {
    header.style-1 {
        padding: 0 15px;
    }
}
header.style-1.border-btm {
    position: relative;
    border-bottom: 1px solid var(--border-color2);
}
header.style-1.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
    background-color: var(--dark-white-color);
    z-index: 999;
}
@keyframes smooth-header {
    0% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0px);
    }
}
@media (max-width: 991px) {
    header.style-1 .company-logo {
        padding: 15px 0;
    }
}
header.style-1 .company-logo .logo-dark {
    display: block;
}
header.style-1 .company-logo .logo-light {
    display: none;
}
header.style-1 .nav-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-1 .nav-left {
        gap: 50px;
    }
}
@media (max-width: 1399px) {
    header.style-1 .nav-left {
        gap: 40px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    header.style-1 .nav-left {
        gap: 90px;
    }
}
header.style-1 .nav-right {
    display: flex;
    align-items: center;
    gap: 155px;
}
@media (max-width: 1699px) {
    header.style-1 .nav-right {
        gap: 115px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-1 .nav-right {
        gap: 40px;
    }
}
@media (max-width: 1399px) {
    header.style-1 .nav-right {
        gap: 30px;
    }
}
@media (max-width: 991px) {
    header.style-1 .nav-right {
        gap: 10px;
    }
}
header.style-1 .nav-right .form-inner {
    display: flex;
    min-width: 468px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-1 .nav-right .form-inner {
        min-width: 400px;
    }
}
@media (max-width: 1399px) {
    header.style-1 .nav-right .form-inner {
        min-width: 320px;
    }
}
header.style-1 .nav-right .form-inner input {
    border: 1px solid var(--border-color);
    height: 48px;
}
header.style-1 .nav-right .form-inner .search-btn {
    padding: 14px 33px;
    background-color: var(--primary-color);
    border: none;
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
@media (max-width: 1399px) {
    header.style-1 .nav-right .form-inner .search-btn {
        padding: 15px 25px;
    }
}
header.style-1 .nav-right .form-inner .search-btn i {
    color: var(--white-color);
    font-size: 16px;
    transition: 0.5s;
}
header.style-1 .nav-right .form-inner .search-btn::after {
    position: absolute;
    content: "";
    display: block;
    left: 15%;
    right: -20%;
    top: -4%;
    height: 160%;
    width: 160%;
    bottom: 0;
    border-radius: 2px;
    background-color: var(--primary-color2);
    transform: skewX(45deg) scale(0, 1);
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}
header.style-1 .nav-right .form-inner .search-btn:hover i {
    color: var(--white-color);
}
header.style-1 .nav-right .form-inner .search-btn:hover::after {
    transform: skewX(45deg) scale(1, 1);
}
header.style-1 .nav-right .mobile-menu-btn {
    display: none;
    visibility: hidden;
}
@media (max-width: 991px) {
    header.style-1 .nav-right .mobile-menu-btn {
        display: flex;
        margin-left: 50px;
        flex-direction: column;
        align-items: end;
        visibility: visible;
        justify-content: center;
        position: relative;
    }
    header.style-1 .nav-right .mobile-menu-btn span {
        height: 3px;
        width: 25px;
        background-color: var(--title-color);
        display: flex;
        transition: transform 0.5s ease-in;
        position: absolute;
        top: 0px;
    }
    header.style-1 .nav-right .mobile-menu-btn span::before {
        transition-duration: 0.5s;
        position: absolute;
        width: 35px;
        height: 3px;
        background-color: var(--title-color);
        content: "";
        top: -10px;
        right: 0;
    }
    header.style-1 .nav-right .mobile-menu-btn span::after {
        transition-duration: 0.5s;
        position: absolute;
        width: 15px;
        height: 3px;
        right: 0;
        background-color: var(--title-color);
        content: "";
        top: 10px;
    }
    header.style-1 .nav-right .mobile-menu-btn.active span {
        background-color: transparent;
    }
    header.style-1 .nav-right .mobile-menu-btn.active span::before {
        transform: rotateZ(45deg) translate(8px, 6px);
        width: 35px;
    }
    header.style-1 .nav-right .mobile-menu-btn.active span::after {
        transform: rotateZ(-45deg) translate(8px, -6px);
        width: 35px;
    }
}
header.style-1 .login-btn {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: var(--primary-color2);
    padding: 12px 19px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
}
header.style-1 .login-btn svg {
    fill: var(--white-color);
    transition: all 0.6s;
}
header.style-1 .login-btn span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 36px;
    background-color: var(--primary-color);
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    z-index: -1;
}
header.style-1 .login-btn:hover span {
    width: 225%;
    height: 1000.5px;
}
header.style-1 .main-menu {
    display: inline-block;
    position: relative;
}
header.style-1 .main-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
header.style-1 .main-menu > ul > li {
    display: inline-block;
    position: relative;
    padding: 0 25px;
}
@media (max-width: 1399px) {
    header.style-1 .main-menu > ul > li {
        padding: 0 20px;
    }
}
@media (max-width: 991px) {
    header.style-1 .main-menu > ul > li {
        padding: 0px 12px;
    }
}
header.style-1 .main-menu > ul > li:hover i {
    color: var(--black-color2);
    font-size: 20px;
}
@media (min-width: 992px) {
    header.style-1 .main-menu > ul > li:first-child {
        padding-left: 0;
    }
    header.style-1 .main-menu > ul > li:first-child a {
        padding-left: 0;
    }
    header.style-1 .main-menu > ul > li:last-child {
        padding-right: 0;
    }
}
header.style-1 .main-menu > ul > li > a {
    color: var(--title-color);
    display: block;
    letter-spacing: 0.4px;
    padding: 25px 0px;
    position: relative;
    font-family: var(--font-dmsans);
    font-weight: 600;
    font-size: 16px;
    transition: all 0.5s ease-out 0s;
    position: relative;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-1 .main-menu > ul > li > a {
        padding: 22px 0;
    }
}
header.style-1 .main-menu > ul > li i {
    font-size: 20px;
    text-align: center;
    color: var(--title-color);
    font-style: normal;
    position: absolute;
    right: -5px;
    top: 35px;
    z-index: 999;
    cursor: pointer;
    display: none;
    transition: all 0.5s ease-out 0s;
    opacity: 0;
}
@media (max-width: 991px) {
    header.style-1 .main-menu > ul > li i {
        opacity: 1;
    }
}
header.style-1 .main-menu > ul > li i.active {
    color: var(--title-color);
}
header.style-1 .main-menu > ul > li i.active::before {
    content: "\f2ea";
}
header.style-1 .main-menu > ul > li ul.sub-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    margin: 0;
    display: none;
    min-width: 200px;
    background: var(--white-color);
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    text-align: left;
    transform-origin: top;
}
@media (max-width: 1199px) {
    header.style-1 .main-menu > ul > li ul.sub-menu {
        box-shadow: none;
    }
}
header.style-1 .main-menu > ul > li ul.sub-menu > li {
    padding: 0;
    display: block;
    position: relative;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li i {
    position: absolute;
    top: 14px;
    right: 6px;
    display: block;
    color: var(--title-color);
    font-size: 14px;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
    color: var(--title-color);
    opacity: 1;
    top: 18px;
    font-size: 14px;
    right: 10px;
}
@media (max-width: 991px) {
    header.style-1 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
        right: 0;
        top: 8px;
        font-size: 20px;
    }
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a {
    display: block;
    padding: 15px 15px;
    color: var(--title-color);
    font-weight: 600;
    font-family: var(--font-dmsans);
    text-transform: capitalize;
    font-size: 14px;
    line-height: 1.3;
    transition: all 0.4s ease-out 0s;
    position: relative;
    border-bottom: 1px solid var(--border-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: linear-gradient(90deg, #fff, var(--primary-color), #fff);
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.4s ease-in;
    z-index: 1;
}
@media (max-width: 991px) {
    header.style-1 .main-menu > ul > li ul.sub-menu > li > a {
        border-color: rgba(233, 228, 228, 0.5);
    }
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a:hover {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a:hover::before {
    transform: scale(1);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a.active {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a.active::before {
    transform: scale(1);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li:last-child a {
    border-bottom: none;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li:last-child a::before {
    display: none;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li:last-child .sub-menu li a {
    border-bottom: 1px solid var(--border-color);
}
header.style-1
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li
    a::before {
    display: block;
}
header.style-1
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a {
    border-bottom: none;
}
header.style-1
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a::before {
    display: none;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li:hover > a {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li.active > a {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu {
    left: 200px;
    position: absolute;
    max-width: 230px;
    min-width: 215px;
    background: var(--white-color);
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    top: 0;
}
@media (max-width: 1199px) {
    header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu {
        box-shadow: none;
    }
}
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu::before {
    display: none;
    visibility: hidden;
}
@media only screen and (max-width: 991px) {
    header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: transparent;
        top: 0;
    }
}
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i {
    display: block;
}
@media (min-width: 992px) {
    header.style-1 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
header.style-1 .main-menu > ul > li.menu-item-has-children {
    transition: all 0.55s ease-in-out;
}
header.style-1 .main-menu > ul > li.menu-item-has-children::after {
    content: "\f282";
    font-family: "bootstrap-icons";
    font-weight: 600;
    position: absolute;
    top: 28px;
    right: 6px;
    font-size: 12px;
    color: var(--title-color);
    transition: all 0.55s ease-in-out;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-1 .main-menu > ul > li.menu-item-has-children::after {
        right: 0px;
        top: 23px;
    }
}
@media (max-width: 1199px) {
    header.style-1 .main-menu > ul > li.menu-item-has-children::after {
        right: 0;
    }
}
@media (max-width: 991px) {
    header.style-1 .main-menu > ul > li.menu-item-has-children::after {
        display: none;
        visibility: hidden;
    }
}
header.style-1 .main-menu > ul > li.menu-item-has-children:hover::after {
    content: "\f286";
}
@media (min-width: 992px) {
    header.style-1 .main-menu > ul > li:hover > ul.sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
@keyframes fade-up {
    0% {
        opacity: 0;
        transform: scaleY(0);
        visibility: hidden;
    }
    100% {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }
}
header.style-1 .main-menu > ul > li:hover > a {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li:hover::after {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li:hover .dropdown-icon2 {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li.active > a {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li.active > a::before {
    content: "";
    position: absolute;
    bottom: 26px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-color);
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-1 .main-menu > ul > li.active > a::before {
        bottom: 22px;
    }
}
@media (max-width: 991px) {
    header.style-1 .main-menu > ul > li.active > a::before {
        display: none;
    }
}
header.style-1 .main-menu > ul > li.active::after {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li.active .dropdown-icon2 {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul > li.active.position-inherit > a::after {
    color: var(--primary-color);
}
header.style-1 .main-menu > ul li.menu-item-has-children > i {
    display: block;
}
header.style-1 .search-bar {
    position: relative;
    z-index: 9999;
}
header.style-1 .search-bar .search-btn i {
    color: var(--title-color);
    font-size: 18px;
    cursor: pointer;
}
header.style-1 .search-bar .search-input {
    position: absolute;
    top: 49px;
    right: 0;
    z-index: 99;
    width: 350px;
    background-color: var(--white-color);
    padding: 40px 20px 20px;
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    display: none;
    transform: scaleY(0);
    transform-origin: top;
}
header.style-1 .search-bar .search-input.active {
    display: block;
    transform: scaleY(1);
    animation: fade-up 0.5s linear;
}
header.style-1 .search-bar .search-input .search-close {
    position: absolute;
    top: 5px;
    right: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--white-color);
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1);
    height: 28px;
    width: 28px;
    cursor: pointer;
    z-index: 1;
}
header.style-1 .search-bar .search-input .search-close::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    left: calc(50% - 7px);
    display: block;
    height: 1px;
    width: 12px;
    background-color: var(--primary-color2);
    transition: all 0.3s ease-out;
}
header.style-1 .search-bar .search-input .search-close::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
    left: calc(50% - 7px);
    display: block;
    height: 1px;
    width: 12px;
    background-color: var(--primary-color2);
    transition: all 0.3s ease-out;
}
header.style-1 .search-bar .search-input .search-close:hover::after {
    transform: rotate(0);
}
header.style-1 .search-bar .search-input .search-close:hover::before {
    transform: rotate(0);
}
header.style-1 .search-bar .search-input .search-group {
    display: flex;
    gap: 50px;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 2px;
}
header.style-1 .search-bar .search-input .search-group .form-inner2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
header.style-1 .search-bar .search-input .search-group .form-inner2 input {
    width: 100%;
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--title-color);
    padding-right: 10px;
}
header.style-1
    .search-bar
    .search-input
    .search-group
    .form-inner2
    input::-moz-placeholder {
    color: var(--paragraph-color2);
}
header.style-1
    .search-bar
    .search-input
    .search-group
    .form-inner2
    input::placeholder {
    color: var(--paragraph-color2);
}
header.style-1 .search-bar .search-input .search-group .form-inner2 button {
    background-color: transparent;
    border: none;
    outline: none;
}
header.style-1 .search-bar .search-input .search-group .form-inner2 button svg {
    fill: var(--primary-color2);
}
@media only screen and (max-width: 991px) {
    header.style-1 .mobile-logo-area .menu-close-btn {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid var(--title-color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.35s;
    }
    header.style-1 .mobile-logo-area .menu-close-btn i {
        font-size: 26px;
        line-height: 1;
        margin-top: 2px;
        color: var(--title-color);
        transition: 0.35s;
    }
    header.style-1 .mobile-logo-area .menu-close-btn:hover {
        background-color: var(--title-color);
    }
    header.style-1 .mobile-logo-area .menu-close-btn:hover i {
        color: var(--white-color);
    }
    header.style-1 .dropdown-icon {
        color: var(--white-color);
    }
    header.style-1 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 30px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: #fff;
        border-right: 1px solid #eee;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
    }
    header.style-1 .main-menu.show-menu {
        transform: translateX(0);
    }
    header.style-1 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px;
    }
    header.style-1 .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    header.style-1 .main-menu > ul {
        float: none;
        text-align: left;
        padding: 5px 0px 20px 0;
    }
    header.style-1 .main-menu > ul > li {
        display: block;
        position: relative;
        padding: 0 5px;
    }
    header.style-1 .main-menu > ul > li i {
        display: block;
    }
    header.style-1 .main-menu > ul > li a {
        padding: 10px 0;
        display: block;
    }
    header.style-1 .main-menu > ul > li ul.sub-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        transform: none;
        transition: none;
        display: none;
        margin-top: 0 !important;
        transform: translateY(0px);
        padding-left: 10px;
    }
    header.style-1 .main-menu > ul > li ul.sub-menu > li {
        border-bottom: 1px solid transparent;
    }
    header.style-1 .main-menu > ul > li ul.sub-menu > li a {
        color: var(--title-color);
        padding: 12px 0px;
    }
    header.style-1 .main-menu > ul > li ul.sub-menu > li a:hover {
        color: var(--primary-color);
        margin-left: 10px;
    }
    header.style-1 .main-menu > ul > li ul.sub-menu > li a.active {
        color: var(--primary-color);
    }
    header.style-1 .main-menu > ul > li ul.sub-menu > li i {
        color: var(--primary-color);
        right: -13px;
    }
    header.style-1 .main-menu > ul > li .bi {
        top: 8px;
        font-size: 20px;
        color: var(--title-color);
    }
    header.style-1 .main-menu .contact-area {
        padding: 0;
        margin: 0;
        list-style: none;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    header.style-1 .main-menu .contact-area li {
        position: relative;
    }
    header.style-1 .main-menu .contact-area li:first-child::before {
        display: none;
    }
    header.style-1 .main-menu .contact-area li a {
        color: var(--title-color);
        font-family: var(--font-dmsans);
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: 0.5s;
    }
    header.style-1 .main-menu .contact-area li a svg {
        fill: var(--title-color);
        transition: 0.5s;
    }
    header.style-1 .main-menu .contact-area li a:hover {
        color: var(--primary-color);
    }
    header.style-1 .main-menu .contact-area li a:hover svg {
        fill: var(--primary-color);
    }
    header.style-1 .main-menu .login-btn {
        display: inline-flex;
        width: 100%;
        justify-content: center;
        padding: 13px 19px;
    }
    header.style-1 .main-menu .form-inner {
        display: flex;
        border: 1px solid var(--border-color);
        margin-bottom: 20px;
    }
    header.style-1 .main-menu .form-inner input {
        border: none;
        height: 44px;
        padding: 10px 12px;
    }
    header.style-1 .main-menu .form-inner input:focus {
        border: none;
    }
    header.style-1 .main-menu .form-inner .search-btn {
        padding: 13px 25px;
        background-color: var(--primary-color);
        border: unset;
        overflow: hidden;
        z-index: 1;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s;
    }
    header.style-1 .main-menu .form-inner .search-btn i {
        color: var(--white-color);
        font-size: 16px;
        transition: 0.5s;
    }
    header.style-1 .main-menu .form-inner .search-btn::after {
        position: absolute;
        content: "";
        display: block;
        left: 15%;
        right: -20%;
        top: -4%;
        height: 160%;
        width: 160%;
        bottom: 0;
        border-radius: 2px;
        background-color: var(--primary-color2);
        transform: skewX(45deg) scale(0, 1);
        z-index: -1;
        transition: all 0.5s ease-out 0s;
    }
    header.style-1 .main-menu .form-inner .search-btn:hover i {
        color: var(--white-color);
    }
    header.style-1 .main-menu .form-inner .search-btn:hover::after {
        transform: skewX(45deg) scale(1, 1);
    }
}
header.style-1.two .main-menu > ul > li ul.sub-menu > li > a::before {
    background: linear-gradient(90deg, #fff, var(--primary-color3), #fff);
}
header.style-1.two .main-menu > ul > li ul.sub-menu > li > a:hover {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li ul.sub-menu > li > a.active {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li ul.sub-menu > li:hover > a {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li ul.sub-menu > li.active > a {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li:hover > a {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li:hover::after {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li:hover .dropdown-icon2 {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li.active > a {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li.active > a::before {
    background-color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li.active::after {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li.active .dropdown-icon2 {
    color: var(--primary-color3);
}
header.style-1.two .main-menu > ul > li.active.position-inherit > a::after {
    color: var(--primary-color3);
}
header.style-1.two .nav-right .form-inner input {
    border-radius: 5px 0 0 5px;
}
header.style-1.two .nav-right .form-inner .search-btn {
    background-color: var(--primary-color3);
    border-radius: 0 5px 5px 0;
}
header.style-1.two .nav-right .form-inner .search-btn::after {
    position: absolute;
    content: "";
    display: block;
    left: 15%;
    right: -20%;
    top: -4%;
    height: 160%;
    width: 160%;
    bottom: 0;
    border-radius: 2px;
    background-color: var(--primary-color2);
    transform: skewX(45deg) scale(0, 1);
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}
header.style-1.two .nav-right .form-inner .search-btn:hover i {
    color: var(--white-color);
}
header.style-1.two .nav-right .form-inner .search-btn:hover::after {
    transform: skewX(45deg) scale(1, 1);
}
header.style-1.two .login-btn {
    border-radius: 5px;
}
header.style-1.two .login-btn span {
    background-color: var(--primary-color3);
}
@media only screen and (max-width: 991px) {
    header.style-1.two .main-menu .contact-area li a:hover {
        color: var(--primary-color3);
    }
    header.style-1.two .main-menu .contact-area li a:hover svg {
        fill: var(--primary-color3);
    }
    header.style-1.two .form-inner {
        border-radius: 5px;
    }
    header.style-1.two .form-inner input {
        border-radius: 5px;
    }
    header.style-1.two .form-inner .search-btn {
        background-color: var(--primary-color3);
        border-radius: 0 5px 5px 0;
    }
    header.style-1.two .form-inner .search-btn::after {
        position: absolute;
        content: "";
        display: block;
        left: 15%;
        right: -20%;
        top: -4%;
        height: 160%;
        width: 160%;
        bottom: 0;
        border-radius: 2px;
        background-color: var(--primary-color2);
        transform: skewX(45deg) scale(0, 1);
        z-index: -1;
        transition: all 0.5s ease-out 0s;
    }
    header.style-1.two .form-inner .search-btn:hover i {
        color: var(--white-color);
    }
    header.style-1.two .form-inner .search-btn:hover::after {
        transform: skewX(45deg) scale(1, 1);
    }
}
header.style-1.three .main-menu > ul > li ul.sub-menu > li > a::before {
    background: linear-gradient(90deg, #fff, var(--primary-color7), #fff);
}
header.style-1.three .main-menu > ul > li ul.sub-menu > li > a:hover {
    color: var(--primary-color7);
}
header.style-1.three .main-menu > ul > li ul.sub-menu > li > a.active {
    color: var(--primary-color7);
}
header.style-1.three .main-menu > ul > li ul.sub-menu > li:hover > a {
    color: var(--primary-color7);
}
header.style-1.three
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:hover
    .dropdown-icon {
    color: var(--primary-color3);
}
header.style-1.three .main-menu > ul > li ul.sub-menu > li.active > a {
    color: var(--primary-color7);
}
header.style-1.three
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li.active
    .dropdown-icon {
    color: var(--primary-color7);
}
header.style-1.three .main-menu > ul > li:hover > a {
    color: var(--primary-color7);
}
header.style-1.three .main-menu > ul > li:hover::after {
    color: var(--primary-color7);
}
header.style-1.three .main-menu > ul > li:hover .dropdown-icon2 {
    color: var(--primary-color7);
}
header.style-1.three .main-menu > ul > li.active > a {
    color: var(--primary-color7);
}
header.style-1.three .main-menu > ul > li.active > a::before {
    background-color: var(--primary-color7);
}
header.style-1.three .main-menu > ul > li.active::after {
    color: var(--primary-color7);
}
header.style-1.three .main-menu > ul > li.active .dropdown-icon2 {
    color: var(--primary-color7);
}
header.style-1.three .nav-right .form-inner input {
    border-radius: 5px 0 0 5px;
}
header.style-1.three .nav-right .form-inner .search-btn {
    background-color: var(--primary-color7);
    border-radius: 0 5px 5px 0;
}
header.style-1.three .login-btn {
    border-radius: 5px;
}
header.style-1.three .login-btn span {
    background-color: var(--primary-color7);
}
@media only screen and (max-width: 991px) {
    header.style-1.three .main-menu .contact-area li a:hover {
        color: var(--primary-color7);
    }
    header.style-1.three .main-menu .contact-area li a:hover svg {
        fill: var(--primary-color7);
    }
    header.style-1.three .form-inner {
        border-radius: 5px;
    }
    header.style-1.three .form-inner input {
        border-radius: 5px;
    }
    header.style-1.three .form-inner .search-btn {
        background-color: var(--primary-color7);
        border-radius: 0 5px 5px 0;
    }
}

header.style-2 {
    position: relative;
    width: 100%;
    z-index: 99;
    transition: all 0.8s ease-out 0s;
    background-color: transparent;
    padding: 0 120px;
}
@media (max-width: 1699px) {
    header.style-2 {
        padding: 0 80px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-2 {
        padding: 0 50px;
    }
}
@media (max-width: 1399px) {
    header.style-2 {
        padding: 0 40px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    header.style-2 {
        padding: 0 30px;
    }
}
@media (max-width: 991px) {
    header.style-2 {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    header.style-2 {
        padding: 0 15px;
    }
}
header.style-2.border-btm {
    position: relative;
    border-bottom: 1px solid var(--border-color2);
}
header.style-2.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
    background-color: var(--dark-white-color);
    z-index: 999;
}
@keyframes smooth-header {
    0% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0px);
    }
}
@media (max-width: 991px) {
    header.style-2 .company-logo {
        padding: 15px 0;
    }
}
header.style-2 .company-logo .logo-dark {
    display: block;
}
header.style-2 .company-logo .logo-light {
    display: none;
}
header.style-2 .nav-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-2 .nav-left {
        gap: 50px;
    }
}
@media (max-width: 1399px) {
    header.style-2 .nav-left {
        gap: 40px;
    }
}
header.style-2 .nav-left .form-inner {
    display: flex;
    align-items: center;
    min-width: 468px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-2 .nav-left .form-inner {
        min-width: 360px;
    }
}
@media (max-width: 1399px) {
    header.style-2 .nav-left .form-inner {
        min-width: 300px;
    }
}
header.style-2 .nav-left .form-inner input {
    border: 1px solid var(--border-color);
    border-radius: 5px 0 0 5px;
    height: 43px;
    padding-left: 20px;
}
header.style-2 .nav-left .form-inner .search-btn {
    padding: 13px 33px;
    background-color: var(--primary-color2);
    border: unset;
    border-radius: 0 5px 5px 0;
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
@media (max-width: 1399px) {
    header.style-2 .nav-left .form-inner .search-btn {
        padding: 15px 25px;
    }
}
header.style-2 .nav-left .form-inner .search-btn i {
    color: var(--white-color);
    font-size: 16px;
    transition: 0.5s;
}
header.style-2 .nav-left .form-inner .search-btn::after {
    position: absolute;
    content: "";
    display: block;
    left: 15%;
    right: -20%;
    top: -4%;
    height: 160%;
    width: 160%;
    bottom: 0;
    border-radius: 2px;
    background-color: var(--primary-color);
    transform: skewX(45deg) scale(0, 1);
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}
header.style-2 .nav-left .form-inner .search-btn:hover i {
    color: var(--white-color);
}
header.style-2 .nav-left .form-inner .search-btn:hover::after {
    transform: skewX(45deg) scale(1, 1);
}
header.style-2 .nav-right {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 75px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-2 .nav-right {
        gap: 40px;
    }
}
@media (max-width: 1399px) {
    header.style-2 .nav-right {
        gap: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    header.style-2 .nav-right {
        justify-content: space-between;
        width: 100%;
    }
}
@media (max-width: 991px) {
    header.style-2 .nav-right {
        gap: 10px;
    }
}
header.style-2 .nav-right .mobile-menu-btn {
    display: none;
    visibility: hidden;
}
@media (max-width: 991px) {
    header.style-2 .nav-right .mobile-menu-btn {
        display: flex;
        margin-left: 50px;
        flex-direction: column;
        align-items: end;
        visibility: visible;
        justify-content: center;
        position: relative;
    }
    header.style-2 .nav-right .mobile-menu-btn span {
        height: 3px;
        width: 25px;
        background-color: var(--title-color);
        display: flex;
        transition: transform 0.5s ease-in;
        position: absolute;
        top: 0px;
    }
    header.style-2 .nav-right .mobile-menu-btn span::before {
        transition-duration: 0.5s;
        position: absolute;
        width: 35px;
        height: 3px;
        background-color: var(--title-color);
        content: "";
        top: -10px;
        right: 0;
    }
    header.style-2 .nav-right .mobile-menu-btn span::after {
        transition-duration: 0.5s;
        position: absolute;
        width: 15px;
        height: 3px;
        right: 0;
        background-color: var(--title-color);
        content: "";
        top: 10px;
    }
    header.style-2 .nav-right .mobile-menu-btn.active span {
        background-color: transparent;
    }
    header.style-2 .nav-right .mobile-menu-btn.active span::before {
        transform: rotateZ(45deg) translate(8px, 6px);
        width: 35px;
    }
    header.style-2 .nav-right .mobile-menu-btn.active span::after {
        transform: rotateZ(-45deg) translate(8px, -6px);
        width: 35px;
    }
}
header.style-2 .login-btn {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: var(--primary-color);
    border-radius: 5px;
    padding: 12px 19px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
}
header.style-2 .login-btn i {
    color: var(--white-color);
}
header.style-2 .login-btn span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 36px;
    background-color: var(--primary-color2);
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    z-index: -1;
}
header.style-2 .login-btn:hover span {
    width: 225%;
    height: 1000.5px;
}
header.style-2 .main-menu {
    display: inline-block;
    position: relative;
}
header.style-2 .main-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
header.style-2 .main-menu > ul > li {
    display: inline-block;
    position: relative;
    padding: 0 17px;
}
@media (max-width: 1399px) {
    header.style-2 .main-menu > ul > li {
        padding: 0 20px;
    }
}
@media (max-width: 991px) {
    header.style-2 .main-menu > ul > li {
        padding: 0px 12px;
    }
}
header.style-2 .main-menu > ul > li:hover i {
    color: var(--black-color2);
    font-size: 20px;
}
@media (min-width: 992px) {
    header.style-2 .main-menu > ul > li:first-child {
        padding-left: 0;
    }
    header.style-2 .main-menu > ul > li:first-child a {
        padding-left: 0;
    }
    header.style-2 .main-menu > ul > li:last-child {
        padding-right: 0;
    }
}
header.style-2 .main-menu > ul > li > a {
    color: var(--title-color);
    display: block;
    letter-spacing: 0.4px;
    padding: 25px 0px;
    position: relative;
    font-family: var(--font-dmsans);
    font-weight: 600;
    font-size: 16px;
    transition: all 0.5s ease-out 0s;
    position: relative;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-2 .main-menu > ul > li > a {
        padding: 22px 0;
    }
}
header.style-2 .main-menu > ul > li i {
    font-size: 20px;
    text-align: center;
    color: var(--title-color);
    font-style: normal;
    position: absolute;
    right: -18px;
    top: 35px;
    z-index: 999;
    cursor: pointer;
    display: none;
    transition: all 0.5s ease-out 0s;
    opacity: 0;
}
@media (max-width: 991px) {
    header.style-2 .main-menu > ul > li i {
        opacity: 1;
    }
}
header.style-2 .main-menu > ul > li i.active {
    color: var(--title-color);
}
header.style-2 .main-menu > ul > li i.active::before {
    content: "\f2ea";
}
header.style-2 .main-menu > ul > li ul.sub-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    margin: 0;
    display: none;
    min-width: 200px;
    background: var(--white-color);
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    text-align: left;
    transform-origin: top;
}
@media (max-width: 1199px) {
    header.style-2 .main-menu > ul > li ul.sub-menu {
        box-shadow: none;
    }
}
header.style-2 .main-menu > ul > li ul.sub-menu > li {
    padding: 0;
    display: block;
    position: relative;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li i {
    position: absolute;
    top: 14px;
    right: 6px;
    display: block;
    color: var(--title-color);
    font-size: 14px;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
    color: var(--title-color);
    opacity: 1;
    top: 14px;
    font-size: 14px;
    right: 10px;
}
@media (max-width: 991px) {
    header.style-2 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
        right: 0;
        top: 8px;
        font-size: 20px;
    }
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a {
    display: block;
    padding: 15px 15px;
    color: var(--title-color);
    font-weight: 600;
    font-family: var(--font-dmsans);
    text-transform: capitalize;
    font-size: 14px;
    line-height: 1.3;
    transition: all 0.4s ease-out 0s;
    position: relative;
    border-bottom: 1px solid var(--border-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: linear-gradient(90deg, #fff, var(--primary-color), #fff);
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.4s ease-in;
    z-index: 1;
}
@media (max-width: 991px) {
    header.style-2 .main-menu > ul > li ul.sub-menu > li > a {
        border-color: rgba(233, 228, 228, 0.5);
    }
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a:hover {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a:hover::before {
    transform: scale(1);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a.active {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a.active::before {
    transform: scale(1);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li:last-child a {
    border-bottom: none;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li:last-child a::before {
    display: none;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li:last-child .sub-menu li a {
    border-bottom: 1px solid var(--border-color);
}
header.style-2
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li
    a::before {
    display: block;
}
header.style-2
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a {
    border-bottom: none;
}
header.style-2
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a::before {
    display: none;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li:hover > a {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li.active > a {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu {
    left: 200px;
    position: absolute;
    max-width: 230px;
    min-width: 215px;
    background: var(--white-color);
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    top: 0;
}
@media (max-width: 1199px) {
    header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu {
        box-shadow: none;
    }
}
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu::before {
    display: none;
    visibility: hidden;
}
@media only screen and (max-width: 991px) {
    header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: transparent;
        top: 0;
    }
}
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i {
    display: block;
}
@media (min-width: 992px) {
    header.style-2 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
header.style-2 .main-menu > ul > li.menu-item-has-children {
    transition: all 0.55s ease-in-out;
}
header.style-2 .main-menu > ul > li.menu-item-has-children::after {
    content: "\f282";
    font-family: "bootstrap-icons";
    font-weight: 600;
    position: absolute;
    top: 28px;
    right: 6px;
    font-size: 12px;
    color: var(--title-color);
    transition: all 0.55s ease-in-out;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-2 .main-menu > ul > li.menu-item-has-children::after {
        right: 0px;
        top: 23px;
    }
}
@media (max-width: 1199px) {
    header.style-2 .main-menu > ul > li.menu-item-has-children::after {
        right: 0;
    }
}
@media (max-width: 991px) {
    header.style-2 .main-menu > ul > li.menu-item-has-children::after {
        display: none;
        visibility: hidden;
    }
}
header.style-2 .main-menu > ul > li.menu-item-has-children:hover::after {
    content: "\f286";
}
@media (min-width: 992px) {
    header.style-2 .main-menu > ul > li:hover > ul.sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
@keyframes fade-up {
    0% {
        opacity: 0;
        transform: scaleY(0);
        visibility: hidden;
    }
    100% {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }
}
header.style-2 .main-menu > ul > li:hover > a {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li:hover::after {
    color: var(--title-color);
}
header.style-2 .main-menu > ul > li:hover .dropdown-icon2 {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li.active > a {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li.active > a::before {
    content: "";
    position: absolute;
    bottom: 26px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-color);
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-2 .main-menu > ul > li.active > a::before {
        bottom: 22px;
    }
}
@media (max-width: 991px) {
    header.style-2 .main-menu > ul > li.active > a::before {
        display: none;
    }
}
header.style-2 .main-menu > ul > li.active::after {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li.active .dropdown-icon2 {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul > li.active.position-inherit > a::after {
    color: var(--primary-color);
}
header.style-2 .main-menu > ul li.menu-item-has-children > i {
    display: block;
}
header.style-2 .btn-area {
    display: flex;
    align-items: center;
    gap: 30px;
}
header.style-2 .search-bar {
    position: relative;
    z-index: 9999;
}
header.style-2 .search-bar .search-btn i {
    color: var(--title-color);
    font-size: 18px;
    cursor: pointer;
}
header.style-2 .search-bar .search-input {
    position: absolute;
    top: 49px;
    right: 0;
    z-index: 99;
    width: 350px;
    background-color: var(--white-color);
    padding: 40px 20px 20px;
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    display: none;
    transform: scaleY(0);
    transform-origin: top;
}
header.style-2 .search-bar .search-input.active {
    display: block;
    transform: scaleY(1);
    animation: fade-up 0.5s linear;
}
header.style-2 .search-bar .search-input .search-close {
    position: absolute;
    top: 5px;
    right: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--white-color);
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1);
    height: 28px;
    width: 28px;
    cursor: pointer;
    z-index: 1;
}
header.style-2 .search-bar .search-input .search-close::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    left: calc(50% - 7px);
    display: block;
    height: 1px;
    width: 12px;
    background-color: var(--primary-color2);
    transition: all 0.3s ease-out;
}
header.style-2 .search-bar .search-input .search-close::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
    left: calc(50% - 7px);
    display: block;
    height: 1px;
    width: 12px;
    background-color: var(--primary-color2);
    transition: all 0.3s ease-out;
}
header.style-2 .search-bar .search-input .search-close:hover::after {
    transform: rotate(0);
}
header.style-2 .search-bar .search-input .search-close:hover::before {
    transform: rotate(0);
}
header.style-2 .search-bar .search-input .search-group {
    display: flex;
    gap: 50px;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 2px;
}
header.style-2 .search-bar .search-input .search-group .form-inner2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
header.style-2 .search-bar .search-input .search-group .form-inner2 input {
    width: 100%;
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--title-color);
    padding-right: 10px;
}
header.style-2
    .search-bar
    .search-input
    .search-group
    .form-inner2
    input::-moz-placeholder {
    color: var(--paragraph-color2);
}
header.style-2
    .search-bar
    .search-input
    .search-group
    .form-inner2
    input::placeholder {
    color: var(--paragraph-color2);
}
header.style-2 .search-bar .search-input .search-group .form-inner2 button {
    background-color: transparent;
    border: none;
    outline: none;
}
header.style-2 .search-bar .search-input .search-group .form-inner2 button svg {
    fill: var(--primary-color2);
}
@media only screen and (max-width: 991px) {
    header.style-2 .mobile-logo-area .menu-close-btn {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid var(--title-color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.35s;
    }
    header.style-2 .mobile-logo-area .menu-close-btn i {
        font-size: 26px;
        line-height: 1;
        margin-top: 2px;
        color: var(--title-color);
        transition: 0.35s;
    }
    header.style-2 .mobile-logo-area .menu-close-btn:hover {
        background-color: var(--title-color);
    }
    header.style-2 .mobile-logo-area .menu-close-btn:hover i {
        color: var(--white-color);
    }
    header.style-2 .dropdown-icon {
        color: var(--white-color);
    }
    header.style-2 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 30px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: #fff;
        border-right: 1px solid #eee;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
    }
    header.style-2 .main-menu.show-menu {
        transform: translateX(0);
    }
    header.style-2 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px;
    }
    header.style-2 .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    header.style-2 .main-menu > ul {
        float: none;
        text-align: left;
        padding: 5px 0px 20px 0;
    }
    header.style-2 .main-menu > ul > li {
        display: block;
        position: relative;
        padding: 0 5px;
    }
    header.style-2 .main-menu > ul > li i {
        display: block;
    }
    header.style-2 .main-menu > ul > li a {
        padding: 10px 0;
        display: block;
    }
    header.style-2 .main-menu > ul > li ul.sub-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        transform: none;
        transition: none;
        display: none;
        margin-top: 0 !important;
        transform: translateY(0px);
        padding-left: 10px;
    }
    header.style-2 .main-menu > ul > li ul.sub-menu > li {
        border-bottom: 1px solid transparent;
    }
    header.style-2 .main-menu > ul > li ul.sub-menu > li a {
        color: var(--title-color);
        padding: 12px 0px;
    }
    header.style-2 .main-menu > ul > li ul.sub-menu > li a:hover {
        color: var(--primary-color);
        margin-left: 10px;
    }
    header.style-2 .main-menu > ul > li ul.sub-menu > li a.active {
        color: var(--primary-color);
    }
    header.style-2 .main-menu > ul > li ul.sub-menu > li i {
        color: var(--primary-color);
        right: -13px;
    }
    header.style-2 .main-menu > ul > li .bi {
        top: 8px;
        font-size: 20px;
        color: var(--title-color);
    }
    header.style-2 .main-menu .contact-area {
        padding: 0;
        margin: 0;
        list-style: none;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    header.style-2 .main-menu .contact-area li {
        position: relative;
    }
    header.style-2 .main-menu .contact-area li:first-child::before {
        display: none;
    }
    header.style-2 .main-menu .contact-area li a {
        color: var(--title-color);
        font-family: var(--font-dmsans);
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: 0.5s;
    }
    header.style-2 .main-menu .contact-area li a svg {
        fill: var(--title-color);
        transition: 0.5s;
    }
    header.style-2 .main-menu .contact-area li a:hover {
        color: var(--primary-color);
    }
    header.style-2 .main-menu .contact-area li a:hover svg {
        fill: var(--primary-color);
    }
    header.style-2 .main-menu .login-btn {
        display: inline-flex;
    }
    header.style-2 .form-inner {
        display: flex;
        border: 1px solid var(--border-color);
        height: 42px;
        border-radius: 5px;
        padding-left: 10px;
        margin-bottom: 20px;
    }
    header.style-2 .form-inner input {
        border: none;
        height: unset;
        padding-left: 0;
    }
    header.style-2 .form-inner input:focus {
        border: none;
    }
    header.style-2 .form-inner .search-btn {
        padding: 15px 33px;
        background-color: var(--primary-color2);
        border: unset;
        border-radius: 0 5px 5px 0;
        overflow: hidden;
        z-index: 1;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s;
    }
}
@media only screen and (max-width: 991px) and (max-width: 1399px) {
    header.style-2 .form-inner .search-btn {
        padding: 15px 25px;
    }
}
@media only screen and (max-width: 991px) {
    header.style-2 .form-inner .search-btn i {
        color: var(--white-color);
        font-size: 16px;
        transition: 0.5s;
    }
    header.style-2 .form-inner .search-btn::after {
        position: absolute;
        content: "";
        display: block;
        left: 15%;
        right: -20%;
        top: -4%;
        height: 160%;
        width: 160%;
        bottom: 0;
        border-radius: 2px;
        background-color: var(--primary-color);
        transform: skewX(45deg) scale(0, 1);
        z-index: -1;
        transition: all 0.5s ease-out 0s;
    }
    header.style-2 .form-inner .search-btn:hover i {
        color: var(--white-color);
    }
    header.style-2 .form-inner .search-btn:hover::after {
        transform: skewX(45deg) scale(1, 1);
    }
    header.style-2 .login-btn {
        width: 100%;
        justify-content: center;
    }
}

header.style-3 {
    position: absolute;
    width: 100%;
    z-index: 999;
    transition: all 0.8s ease-out 0s;
    background-color: transparent;
    padding: 0 100px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1699px) {
    header.style-3 {
        padding: 0 80px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-3 {
        padding: 0 50px;
    }
}
@media (max-width: 1399px) {
    header.style-3 {
        padding: 0 30px;
    }
}
@media (max-width: 576px) {
    header.style-3 {
        padding: 0 15px;
    }
}
header.style-3.inner-page {
    position: relative;
    background-color: var(--primary-color2);
}
header.style-3.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
    background-color: var(--dark-white-color);
    z-index: 999;
}
@keyframes smooth-header {
    0% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0px);
    }
}
@media (max-width: 991px) {
    header.style-3 .company-logo {
        padding: 15px 0;
    }
}
header.style-3 .company-logo .logo-dark {
    display: block;
}
header.style-3 .company-logo .logo-light {
    display: none;
}
header.style-3 .nav-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
}
@media (max-width: 1799px) {
    header.style-3 .nav-left {
        gap: 70px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-3 .nav-left {
        gap: 50px;
    }
}
@media (max-width: 1399px) {
    header.style-3 .nav-left {
        gap: 40px;
    }
}
header.style-3 .nav-right {
    display: flex;
    align-items: center;
    gap: 155px;
}
@media (max-width: 1799px) {
    header.style-3 .nav-right {
        gap: 110px;
    }
}
@media (max-width: 1699px) {
    header.style-3 .nav-right {
        gap: 90px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-3 .nav-right {
        gap: 40px;
    }
}
@media (max-width: 1399px) {
    header.style-3 .nav-right {
        gap: 30px;
    }
}
@media (max-width: 991px) {
    header.style-3 .nav-right {
        gap: 10px;
    }
}
header.style-3 .nav-right .mobile-menu-btn {
    display: none;
    visibility: hidden;
}
@media (max-width: 991px) {
    header.style-3 .nav-right .mobile-menu-btn {
        display: flex;
        margin-left: 50px;
        flex-direction: column;
        align-items: end;
        visibility: visible;
        justify-content: center;
        position: relative;
    }
    header.style-3 .nav-right .mobile-menu-btn span {
        height: 3px;
        width: 25px;
        background-color: var(--white-color);
        display: flex;
        transition: transform 0.5s ease-in;
        position: absolute;
        top: 0px;
    }
    header.style-3 .nav-right .mobile-menu-btn span::before {
        transition-duration: 0.5s;
        position: absolute;
        width: 35px;
        height: 3px;
        background-color: var(--white-color);
        content: "";
        top: -10px;
        right: 0;
    }
    header.style-3 .nav-right .mobile-menu-btn span::after {
        transition-duration: 0.5s;
        position: absolute;
        width: 15px;
        height: 3px;
        right: 0;
        background-color: var(--white-color);
        content: "";
        top: 10px;
    }
    header.style-3 .nav-right .mobile-menu-btn.active span {
        background-color: transparent;
    }
    header.style-3 .nav-right .mobile-menu-btn.active span::before {
        transform: rotateZ(45deg) translate(8px, 6px);
        width: 35px;
    }
    header.style-3 .nav-right .mobile-menu-btn.active span::after {
        transform: rotateZ(-45deg) translate(8px, -6px);
        width: 35px;
    }
}
header.style-3 .form-inner {
    display: flex;
    background-color: var(--primary-color2);
    min-width: 468px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-3 .form-inner {
        min-width: 360px;
    }
}
@media (max-width: 1399px) {
    header.style-3 .form-inner {
        min-width: 300px;
    }
}
header.style-3 .form-inner input {
    border: 1px solid rgba(230, 230, 230, 0.2);
    border-radius: 5px 0 0 5px;
    background-color: transparent;
    height: 48px;
    color: var(--white-color);
}
header.style-3 .form-inner .search-btn {
    padding: 15px 32px;
    background-color: var(--primary-color);
    border-radius: 0 5px 5px 0;
    border: unset;
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
@media (max-width: 1399px) {
    header.style-3 .form-inner .search-btn {
        padding: 15px 25px;
    }
}
header.style-3 .form-inner .search-btn i {
    color: var(--white-color);
    font-size: 16px;
    transition: 0.5s;
}
header.style-3 .form-inner .search-btn::after {
    position: absolute;
    content: "";
    display: block;
    left: 15%;
    right: -20%;
    top: -4%;
    height: 160%;
    width: 160%;
    bottom: 0;
    border-radius: 2px;
    background-color: var(--white-color);
    transform: skewX(45deg) scale(0, 1);
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}
header.style-3 .form-inner .search-btn:hover i {
    color: var(--title-color);
}
header.style-3 .form-inner .search-btn:hover::after {
    transform: skewX(45deg) scale(1, 1);
}
header.style-3 .login-btn {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: var(--primary-color2);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    border-bottom: 4px solid var(--primary-color);
    border-right: 4px solid var(--primary-color);
    padding: 12px 19px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
}
header.style-3 .login-btn svg {
    fill: var(--white-color);
    transition: all 0.6s;
}
header.style-3 .login-btn span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 36px;
    background-color: var(--primary-color);
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    z-index: -1;
}
header.style-3 .login-btn:hover span {
    width: 225%;
    height: 1000.5px;
}
header.style-3 .main-menu {
    display: inline-block;
    position: relative;
}
header.style-3 .main-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
header.style-3 .main-menu > ul > li {
    display: inline-block;
    position: relative;
    padding: 0 25px;
}
@media (max-width: 1399px) {
    header.style-3 .main-menu > ul > li {
        padding: 0 20px;
    }
}
@media (max-width: 991px) {
    header.style-3 .main-menu > ul > li {
        padding: 0px 12px;
    }
}
header.style-3 .main-menu > ul > li:hover i {
    color: var(--black-color2);
    font-size: 20px;
}
@media (min-width: 992px) {
    header.style-3 .main-menu > ul > li:first-child {
        padding-left: 0;
    }
    header.style-3 .main-menu > ul > li:first-child a {
        padding-left: 0;
    }
    header.style-3 .main-menu > ul > li:last-child {
        padding-right: 0;
    }
}
header.style-3 .main-menu > ul > li > a {
    color: var(--white-color);
    display: block;
    letter-spacing: 0.4px;
    padding: 32px 0px;
    position: relative;
    font-family: var(--font-dmsans);
    font-weight: 500;
    font-size: 16px;
    transition: all 0.5s ease-out 0s;
    position: relative;
}
header.style-3 .main-menu > ul > li i {
    font-size: 20px;
    text-align: center;
    color: var(--title-color);
    font-style: normal;
    position: absolute;
    right: -5px;
    top: 35px;
    z-index: 999;
    cursor: pointer;
    display: none;
    transition: all 0.5s ease-out 0s;
    opacity: 0;
}
@media (max-width: 991px) {
    header.style-3 .main-menu > ul > li i {
        opacity: 1;
    }
}
header.style-3 .main-menu > ul > li i.active {
    color: var(--title-color);
}
header.style-3 .main-menu > ul > li i.active::before {
    content: "\f2ea";
}
header.style-3 .main-menu > ul > li ul.sub-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    margin: 0;
    display: none;
    min-width: 200px;
    background: var(--white-color);
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    text-align: left;
    transform-origin: top;
}
@media (max-width: 1199px) {
    header.style-3 .main-menu > ul > li ul.sub-menu {
        box-shadow: none;
    }
}
header.style-3 .main-menu > ul > li ul.sub-menu > li {
    padding: 0;
    display: block;
    position: relative;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li i {
    position: absolute;
    top: 14px;
    right: 6px;
    display: block;
    color: var(--title-color);
    font-size: 14px;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
    color: var(--title-color);
    opacity: 1;
    top: 14px;
    font-size: 14px;
    right: 10px;
}
@media (max-width: 991px) {
    header.style-3 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
        right: 0;
        top: 8px;
        font-size: 20px;
    }
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a {
    display: block;
    padding: 15px 15px;
    color: var(--title-color);
    font-weight: 600;
    font-family: var(--font-dmsans);
    text-transform: capitalize;
    font-size: 14px;
    line-height: 1.3;
    transition: all 0.4s ease-out 0s;
    position: relative;
    border-bottom: 1px solid var(--border-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: linear-gradient(90deg, #fff, var(--primary-color), #fff);
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.4s ease-in;
    z-index: 1;
}
@media (max-width: 991px) {
    header.style-3 .main-menu > ul > li ul.sub-menu > li > a {
        border-color: rgba(233, 228, 228, 0.5);
    }
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a:hover {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a:hover::before {
    transform: scale(1);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a.active {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a.active::before {
    transform: scale(1);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li:last-child a {
    border-bottom: none;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li:last-child a::before {
    display: none;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li:last-child .sub-menu li a {
    border-bottom: 1px solid var(--border-color);
}
header.style-3
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li
    a::before {
    display: block;
}
header.style-3
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a {
    border-bottom: none;
}
header.style-3
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a::before {
    display: none;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li:hover > a {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li.active > a {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu {
    left: 200px;
    position: absolute;
    max-width: 230px;
    min-width: 215px;
    background: var(--white-color);
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    top: 0;
}
@media (max-width: 1199px) {
    header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu {
        box-shadow: none;
    }
}
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu::before {
    display: none;
    visibility: hidden;
}
@media only screen and (max-width: 991px) {
    header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: transparent;
        top: 0;
    }
}
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i {
    display: block;
}
@media (min-width: 992px) {
    header.style-3 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
header.style-3 .main-menu > ul > li.menu-item-has-children {
    transition: all 0.55s ease-in-out;
}
header.style-3 .main-menu > ul > li.menu-item-has-children::after {
    content: "\f282";
    font-family: "bootstrap-icons";
    font-weight: 600;
    position: absolute;
    top: 35px;
    right: 6px;
    font-size: 12px;
    color: var(--white-color);
    transition: all 0.55s ease-in-out;
}
@media (max-width: 1199px) {
    header.style-3 .main-menu > ul > li.menu-item-has-children::after {
        right: 0;
    }
}
@media (max-width: 991px) {
    header.style-3 .main-menu > ul > li.menu-item-has-children::after {
        display: none;
        visibility: hidden;
    }
}
header.style-3 .main-menu > ul > li.menu-item-has-children:hover::after {
    content: "\f286";
}
@media (min-width: 992px) {
    header.style-3 .main-menu > ul > li:hover > ul.sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
@keyframes fade-up {
    0% {
        opacity: 0;
        transform: scaleY(0);
        visibility: hidden;
    }
    100% {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }
}
header.style-3 .main-menu > ul > li:hover > a {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li:hover::after {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li:hover .dropdown-icon2 {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li.active > a {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li.active > a::before {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-color);
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-3 .main-menu > ul > li.active > a::before {
        bottom: 22px;
    }
}
@media (max-width: 991px) {
    header.style-3 .main-menu > ul > li.active > a::before {
        display: none;
    }
}
header.style-3 .main-menu > ul > li.active::after {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li.active .dropdown-icon2 {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul > li.active.position-inherit > a::after {
    color: var(--primary-color);
}
header.style-3 .main-menu > ul li.menu-item-has-children > i {
    display: block;
}
header.style-3 .search-bar {
    position: relative;
    z-index: 9999;
}
header.style-3 .search-bar .search-btn i {
    color: var(--white-color);
    font-size: 18px;
    cursor: pointer;
}
header.style-3 .search-bar .search-input {
    position: absolute;
    top: 49px;
    right: 0;
    z-index: 99;
    width: 350px;
    background-color: var(--white-color);
    padding: 40px 20px 20px;
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    display: none;
    transform: scaleY(0);
    transform-origin: top;
}
header.style-3 .search-bar .search-input.active {
    display: block;
    transform: scaleY(1);
    animation: fade-up 0.5s linear;
}
header.style-3 .search-bar .search-input .search-close {
    position: absolute;
    top: 5px;
    right: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--white-color);
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1);
    height: 28px;
    width: 28px;
    cursor: pointer;
    z-index: 1;
}
header.style-3 .search-bar .search-input .search-close::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    left: calc(50% - 7px);
    display: block;
    height: 1px;
    width: 12px;
    background-color: var(--primary-color2);
    transition: all 0.3s ease-out;
}
header.style-3 .search-bar .search-input .search-close::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
    left: calc(50% - 7px);
    display: block;
    height: 1px;
    width: 12px;
    background-color: var(--primary-color2);
    transition: all 0.3s ease-out;
}
header.style-3 .search-bar .search-input .search-close:hover::after {
    transform: rotate(0);
}
header.style-3 .search-bar .search-input .search-close:hover::before {
    transform: rotate(0);
}
header.style-3 .search-bar .search-input .search-group {
    display: flex;
    gap: 50px;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 2px;
}
header.style-3 .search-bar .search-input .search-group .form-inner2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
header.style-3 .search-bar .search-input .search-group .form-inner2 input {
    width: 100%;
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--title-color);
    padding-right: 10px;
}
header.style-3
    .search-bar
    .search-input
    .search-group
    .form-inner2
    input::-moz-placeholder {
    color: var(--paragraph-color2);
}
header.style-3
    .search-bar
    .search-input
    .search-group
    .form-inner2
    input::placeholder {
    color: var(--paragraph-color2);
}
header.style-3 .search-bar .search-input .search-group .form-inner2 button {
    background-color: transparent;
    border: none;
    outline: none;
}
header.style-3 .search-bar .search-input .search-group .form-inner2 button svg {
    fill: var(--primary-color2);
}
@media only screen and (max-width: 991px) {
    header.style-3 .mobile-logo-area .menu-close-btn {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid var(--title-color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.35s;
    }
    header.style-3 .mobile-logo-area .menu-close-btn i {
        font-size: 26px;
        line-height: 1;
        margin-top: 2px;
        color: var(--title-color);
        transition: 0.35s;
    }
    header.style-3 .mobile-logo-area .menu-close-btn:hover {
        background-color: var(--title-color);
    }
    header.style-3 .mobile-logo-area .menu-close-btn:hover i {
        color: var(--white-color);
    }
    header.style-3 .dropdown-icon {
        color: var(--white-color);
    }
    header.style-3 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 30px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: #fff;
        border-right: 1px solid #eee;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
    }
    header.style-3 .main-menu.show-menu {
        transform: translateX(0);
    }
    header.style-3 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px;
    }
    header.style-3 .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    header.style-3 .main-menu > ul {
        float: none;
        text-align: left;
        padding: 5px 0px 20px 0;
    }
    header.style-3 .main-menu > ul > li {
        display: block;
        position: relative;
        padding: 0 5px;
    }
    header.style-3 .main-menu > ul > li i {
        display: block;
    }
    header.style-3 .main-menu > ul > li a {
        padding: 10px 0;
        display: block;
        color: var(--title-color);
    }
    header.style-3 .main-menu > ul > li ul.sub-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        transform: none;
        transition: none;
        display: none;
        margin-top: 0 !important;
        transform: translateY(0px);
        padding-left: 10px;
    }
    header.style-3 .main-menu > ul > li ul.sub-menu > li {
        border-bottom: 1px solid transparent;
    }
    header.style-3 .main-menu > ul > li ul.sub-menu > li a {
        color: var(--title-color);
        padding: 12px 0px;
    }
    header.style-3 .main-menu > ul > li ul.sub-menu > li a:hover {
        color: var(--primary-color);
        margin-left: 10px;
    }
    header.style-3 .main-menu > ul > li ul.sub-menu > li a.active {
        color: var(--primary-color);
    }
    header.style-3 .main-menu > ul > li ul.sub-menu > li i {
        color: var(--primary-color);
        right: -13px;
    }
    header.style-3 .main-menu > ul > li .bi {
        top: 8px;
        font-size: 20px;
        color: var(--title-color);
    }
    header.style-3 .main-menu .contact-area {
        padding: 0;
        margin: 0;
        list-style: none;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    header.style-3 .main-menu .contact-area li {
        position: relative;
    }
    header.style-3 .main-menu .contact-area li:first-child::before {
        display: none;
    }
    header.style-3 .main-menu .contact-area li a {
        color: var(--title-color);
        font-family: var(--font-dmsans);
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: 0.5s;
    }
    header.style-3 .main-menu .contact-area li a svg {
        fill: var(--title-color);
        transition: 0.5s;
    }
    header.style-3 .main-menu .contact-area li a:hover {
        color: var(--primary-color);
    }
    header.style-3 .main-menu .contact-area li a:hover svg {
        fill: var(--primary-color);
    }
    header.style-3 .main-menu .login-btn {
        width: 100%;
        justify-content: center;
    }
    header.style-3 .form-inner {
        min-width: unset;
        margin-bottom: 20px;
        border: unset;
    }
    header.style-3 .form-inner input {
        height: 44px;
        padding: 10px 12px;
    }
    header.style-3 .form-inner .search-btn {
        padding: 13px 25px;
    }
    header.style-3 .form-inner .search-btn::after {
        background-color: var(--primary-color2);
    }
    header.style-3 .form-inner .search-btn:hover i {
        color: var(--white-color);
    }
}

header.style-4 {
    position: relative;
    width: 100%;
    z-index: 99;
    transition: all 0.8s ease-out 0s;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 100px;
}
@media (max-width: 1799px) {
    header.style-4 {
        padding: 0 80px;
    }
}
@media (max-width: 1699px) {
    header.style-4 {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-4 {
        padding: 0 40px;
    }
}
@media (max-width: 1399px) {
    header.style-4 {
        padding: 0 30px;
    }
}
@media (max-width: 991px) {
    header.style-4 {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    header.style-4 {
        padding: 0 15px;
    }
}
header.style-4.inner-page {
    position: relative;
    background-color: var(--dark-white-color);
}
header.style-4.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
    background-color: var(--dark-white-color);
    z-index: 999;
}
@keyframes smooth-header {
    0% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0px);
    }
}
@media (max-width: 991px) {
    header.style-4 .company-logo {
        padding: 15px 0;
    }
}
header.style-4 .company-logo .logo-dark {
    display: block;
}
header.style-4 .company-logo .logo-light {
    display: none;
}
header.style-4 .nav-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-4 .nav-left {
        gap: 50px;
    }
}
@media (max-width: 1399px) {
    header.style-4 .nav-left {
        gap: 40px;
    }
}
header.style-4 .nav-right {
    display: flex;
    align-items: center;
    gap: 155px;
}
@media (max-width: 1799px) {
    header.style-4 .nav-right {
        gap: 120px;
    }
}
@media (max-width: 1699px) {
    header.style-4 .nav-right {
        gap: 100px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-4 .nav-right {
        gap: 40px;
    }
}
@media (max-width: 1399px) {
    header.style-4 .nav-right {
        gap: 30px;
    }
}
@media (max-width: 991px) {
    header.style-4 .nav-right {
        gap: 10px;
    }
}
header.style-4 .nav-right .mobile-menu-btn {
    display: none;
    visibility: hidden;
}
@media (max-width: 991px) {
    header.style-4 .nav-right .mobile-menu-btn {
        display: flex;
        margin-left: 50px;
        flex-direction: column;
        align-items: end;
        visibility: visible;
        justify-content: center;
        position: relative;
    }
    header.style-4 .nav-right .mobile-menu-btn span {
        height: 3px;
        width: 25px;
        background-color: var(--white-color);
        display: flex;
        transition: transform 0.5s ease-in;
        position: absolute;
        top: 0px;
    }
    header.style-4 .nav-right .mobile-menu-btn span::before {
        transition-duration: 0.5s;
        position: absolute;
        width: 35px;
        height: 3px;
        background-color: var(--white-color);
        content: "";
        top: -10px;
        right: 0;
    }
    header.style-4 .nav-right .mobile-menu-btn span::after {
        transition-duration: 0.5s;
        position: absolute;
        width: 15px;
        height: 3px;
        right: 0;
        background-color: var(--white-color);
        content: "";
        top: 10px;
    }
    header.style-4 .nav-right .mobile-menu-btn.active span {
        background-color: transparent;
    }
    header.style-4 .nav-right .mobile-menu-btn.active span::before {
        transform: rotateZ(45deg) translate(8px, 6px);
        width: 35px;
    }
    header.style-4 .nav-right .mobile-menu-btn.active span::after {
        transform: rotateZ(-45deg) translate(8px, -6px);
        width: 35px;
    }
}
header.style-4 .form-inner {
    display: flex;
    border: 1px solid var(--border-color);
    background-color: var(--white-color);
    min-width: 468px;
    height: 48px;
    border-radius: 100px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    header.style-4 .form-inner {
        min-width: 360px;
    }
}
@media (max-width: 1399px) {
    header.style-4 .form-inner {
        min-width: 300px;
    }
}
header.style-4 .form-inner input {
    border: none;
    height: 46px;
    background-color: transparent;
}
header.style-4 .form-inner input:focus {
    border: none;
}
header.style-4 .form-inner .search-btn {
    padding: 15px 33px;
    background-color: var(--primary-color4);
    border: unset;
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 100px 100px 0;
    transition: 0.5s;
}
@media (max-width: 1399px) {
    header.style-4 .form-inner .search-btn {
        padding: 15px 25px;
    }
}
header.style-4 .form-inner .search-btn i {
    color: var(--white-color);
    font-size: 16px;
    transition: 0.5s;
}
header.style-4 .form-inner .search-btn::after {
    position: absolute;
    content: "";
    display: block;
    left: 15%;
    right: -20%;
    top: -4%;
    height: 160%;
    width: 160%;
    bottom: 0;
    border-radius: 2px;
    background-color: var(--primary-color2);
    transform: skewX(45deg) scale(0, 1);
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}
header.style-4 .form-inner .search-btn:hover i {
    color: var(--white-color);
}
header.style-4 .form-inner .search-btn:hover::after {
    transform: skewX(45deg) scale(1, 1);
}
header.style-4 .login-btn {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 13px;
    background-color: var(--white-color);
    border: 1px solid #fff;
    padding-right: 15px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
}
header.style-4 .login-btn .icon {
    padding: 8px 7px;
    border-radius: 4px;
    background-color: var(--primary-color2);
}
header.style-4 .login-btn .icon svg {
    fill: none;
    stroke: var(--white-color);
    transition: all 0.6s;
}
header.style-4 .login-btn span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    transition: 0.5s;
}
header.style-4 .login-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color2);
    transform-origin: left;
    transform: scalex(0);
    z-index: -1;
    transition: transform 0.7s;
}
header.style-4 .login-btn:hover span {
    color: var(--white-color);
}
header.style-4 .login-btn:hover::before {
    transform: scalex(1);
}
header.style-4 .main-menu {
    display: inline-block;
    position: relative;
}
header.style-4 .main-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
header.style-4 .main-menu > ul > li {
    display: inline-block;
    position: relative;
    padding: 0 25px;
}
@media (max-width: 1399px) {
    header.style-4 .main-menu > ul > li {
        padding: 0 20px;
    }
}
@media (max-width: 991px) {
    header.style-4 .main-menu > ul > li {
        padding: 0px 12px;
    }
}
header.style-4 .main-menu > ul > li:hover i {
    color: var(--black-color2);
    font-size: 20px;
}
@media (min-width: 992px) {
    header.style-4 .main-menu > ul > li:first-child {
        padding-left: 0;
    }
    header.style-4 .main-menu > ul > li:first-child a {
        padding-left: 0;
    }
    header.style-4 .main-menu > ul > li:last-child {
        padding-right: 0;
    }
}
header.style-4 .main-menu > ul > li > a {
    color: var(--white-color);
    display: block;
    letter-spacing: 0.4px;
    padding: 25px 0px;
    position: relative;
    font-family: var(--font-dmsans);
    font-weight: 600;
    font-size: 16px;
    transition: all 0.5s ease-out 0s;
    position: relative;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-4 .main-menu > ul > li > a {
        padding: 22px 0;
    }
}
header.style-4 .main-menu > ul > li i {
    font-size: 20px;
    text-align: center;
    color: var(--title-color);
    font-style: normal;
    position: absolute;
    right: -5px;
    top: 35px;
    z-index: 999;
    cursor: pointer;
    display: none;
    transition: all 0.5s ease-out 0s;
    opacity: 0;
}
@media (max-width: 991px) {
    header.style-4 .main-menu > ul > li i {
        opacity: 1;
    }
}
header.style-4 .main-menu > ul > li i.active {
    color: var(--title-color);
}
header.style-4 .main-menu > ul > li i.active::before {
    content: "\f2ea";
}
header.style-4 .main-menu > ul > li ul.sub-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    margin: 0;
    display: none;
    min-width: 200px;
    background: var(--white-color);
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    text-align: left;
    transform-origin: top;
}
@media (max-width: 1199px) {
    header.style-4 .main-menu > ul > li ul.sub-menu {
        box-shadow: none;
    }
}
header.style-4 .main-menu > ul > li ul.sub-menu > li {
    padding: 0;
    display: block;
    position: relative;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li i {
    position: absolute;
    top: 14px;
    right: 6px;
    display: block;
    color: var(--title-color);
    font-size: 14px;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
    color: var(--title-color);
    opacity: 1;
    top: 14px;
    font-size: 14px;
    right: 10px;
}
@media (max-width: 991px) {
    header.style-4 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
        right: 0;
        top: 8px;
        font-size: 20px;
    }
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a {
    display: block;
    padding: 15px 15px;
    color: var(--title-color);
    font-weight: 600;
    font-family: var(--font-dmsans);
    text-transform: capitalize;
    font-size: 14px;
    line-height: 1.3;
    transition: all 0.4s ease-out 0s;
    position: relative;
    border-bottom: 1px solid var(--border-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: linear-gradient(90deg, #fff, var(--primary-color4), #fff);
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.4s ease-in;
    z-index: 1;
}
@media (max-width: 991px) {
    header.style-4 .main-menu > ul > li ul.sub-menu > li > a {
        border-color: rgba(233, 228, 228, 0.5);
    }
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a:hover {
    color: var(--primary-color4);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a:hover::before {
    transform: scale(1);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a.active {
    color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a.active::before {
    transform: scale(1);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li:last-child a {
    border-bottom: none;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li:last-child a::before {
    display: none;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li:last-child .sub-menu li a {
    border-bottom: 1px solid var(--border-color);
}
header.style-4
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li
    a::before {
    display: block;
}
header.style-4
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a {
    border-bottom: none;
}
header.style-4
    .main-menu
    > ul
    > li
    ul.sub-menu
    > li:last-child
    .sub-menu
    li:last-child
    a::before {
    display: none;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li:hover > a {
    color: var(--primary-color4);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon {
    color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li.active > a {
    color: var(--primary-color4);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon {
    color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu {
    left: 200px;
    position: absolute;
    max-width: 230px;
    min-width: 215px;
    background: var(--white-color);
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    top: 0;
}
@media (max-width: 1199px) {
    header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu {
        box-shadow: none;
    }
}
header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu::before {
    display: none;
    visibility: hidden;
}
@media only screen and (max-width: 991px) {
    header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu {
        position: unset;
        max-width: 230px;
        min-width: 215px;
        background: transparent;
        top: 0;
    }
}
header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i {
    display: block;
}
@media (min-width: 992px) {
    header.style-4 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
header.style-4 .main-menu > ul > li.menu-item-has-children {
    transition: all 0.55s ease-in-out;
}
header.style-4 .main-menu > ul > li.menu-item-has-children::after {
    content: "\f282";
    font-family: "bootstrap-icons";
    font-weight: 600;
    position: absolute;
    top: 28px;
    right: 6px;
    font-size: 12px;
    color: var(--white-color);
    transition: all 0.55s ease-in-out;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-4 .main-menu > ul > li.menu-item-has-children::after {
        right: 0px;
        top: 23px;
    }
}
@media (max-width: 1199px) {
    header.style-4 .main-menu > ul > li.menu-item-has-children::after {
        right: 0;
    }
}
@media (max-width: 991px) {
    header.style-4 .main-menu > ul > li.menu-item-has-children::after {
        display: none;
        visibility: hidden;
    }
}
header.style-4 .main-menu > ul > li.menu-item-has-children:hover::after {
    content: "\f286";
}
@media (min-width: 992px) {
    header.style-4 .main-menu > ul > li:hover > ul.sub-menu {
        display: block;
        animation: fade-down 0.45s linear;
    }
}
@keyframes fade-up {
    0% {
        opacity: 0;
        transform: scaleY(0);
        visibility: hidden;
    }
    100% {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }
}
header.style-4 .main-menu > ul > li:hover > a {
    color: var(--primary-color4);
}
header.style-4 .main-menu > ul > li:hover::after {
    color: var(--primary-color4);
}
header.style-4 .main-menu > ul > li:hover .dropdown-icon2 {
    color: var(--primary-color);
}
header.style-4 .main-menu > ul > li.active > a {
    color: var(--primary-color4);
}
header.style-4 .main-menu > ul > li.active > a::before {
    content: "";
    position: absolute;
    bottom: 26px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-color4);
}
@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-4 .main-menu > ul > li.active > a::before {
        bottom: 22px;
    }
}
@media (max-width: 991px) {
    header.style-4 .main-menu > ul > li.active > a::before {
        display: none;
    }
}
header.style-4 .main-menu > ul > li.active::after {
    color: var(--primary-color4);
}
header.style-4 .main-menu > ul > li.active .dropdown-icon2 {
    color: var(--primary-color);
}
header.style-4 .main-menu > ul > li.active.position-inherit > a::after {
    color: var(--primary-color);
}
header.style-4 .main-menu > ul li.menu-item-has-children > i {
    display: block;
}
header.style-4 .search-bar {
    position: relative;
    z-index: 9999;
}
header.style-4 .search-bar .search-btn i {
    color: var(--white-color);
    font-size: 18px;
    cursor: pointer;
}
header.style-4 .search-bar .search-input {
    position: absolute;
    top: 49px;
    right: 0;
    z-index: 99;
    width: 350px;
    background-color: var(--white-color);
    padding: 40px 20px 20px;
    box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
    display: none;
    transform: scaleY(0);
    transform-origin: top;
}
header.style-4 .search-bar .search-input.active {
    display: block;
    transform: scaleY(1);
    animation: fade-up 0.5s linear;
}
header.style-4 .search-bar .search-input .search-close {
    position: absolute;
    top: 5px;
    right: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--white-color);
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1);
    height: 28px;
    width: 28px;
    cursor: pointer;
    z-index: 1;
}
header.style-4 .search-bar .search-input .search-close::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    left: calc(50% - 7px);
    display: block;
    height: 1px;
    width: 12px;
    background-color: var(--primary-color2);
    transition: all 0.3s ease-out;
}
header.style-4 .search-bar .search-input .search-close::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
    left: calc(50% - 7px);
    display: block;
    height: 1px;
    width: 12px;
    background-color: var(--primary-color2);
    transition: all 0.3s ease-out;
}
header.style-4 .search-bar .search-input .search-close:hover::after {
    transform: rotate(0);
}
header.style-4 .search-bar .search-input .search-close:hover::before {
    transform: rotate(0);
}
header.style-4 .search-bar .search-input .search-group {
    display: flex;
    gap: 50px;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 2px;
}
header.style-4 .search-bar .search-input .search-group .form-inner2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
header.style-4 .search-bar .search-input .search-group .form-inner2 input {
    width: 100%;
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--title-color);
    padding-right: 10px;
}
header.style-4
    .search-bar
    .search-input
    .search-group
    .form-inner2
    input::-moz-placeholder {
    color: var(--paragraph-color2);
}
header.style-4
    .search-bar
    .search-input
    .search-group
    .form-inner2
    input::placeholder {
    color: var(--paragraph-color2);
}
header.style-4 .search-bar .search-input .search-group .form-inner2 button {
    background-color: transparent;
    border: none;
    outline: none;
}
header.style-4 .search-bar .search-input .search-group .form-inner2 button svg {
    fill: var(--primary-color2);
}
@media only screen and (max-width: 991px) {
    header.style-4 .mobile-logo-area .menu-close-btn {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid var(--title-color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.35s;
    }
    header.style-4 .mobile-logo-area .menu-close-btn i {
        font-size: 26px;
        line-height: 1;
        margin-top: 2px;
        color: var(--title-color);
        transition: 0.35s;
    }
    header.style-4 .mobile-logo-area .menu-close-btn:hover {
        background-color: var(--title-color);
    }
    header.style-4 .mobile-logo-area .menu-close-btn:hover i {
        color: var(--white-color);
    }
    header.style-4 .dropdown-icon {
        color: var(--white-color);
    }
    header.style-4 .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        padding: 30px 20px !important;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: #fff;
        border-right: 1px solid #eee;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in;
        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
    }
    header.style-4 .main-menu.show-menu {
        transform: translateX(0);
    }
    header.style-4 .main-menu .mobile-menu-logo {
        text-align: left;
        padding-top: 20px;
        display: block;
        padding-bottom: 8px;
    }
    header.style-4 .main-menu .menu-list {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    header.style-4 .main-menu > ul {
        float: none;
        text-align: left;
        padding: 5px 0px 20px 0;
    }
    header.style-4 .main-menu > ul > li {
        display: block;
        position: relative;
        padding: 0 5px;
    }
    header.style-4 .main-menu > ul > li i {
        display: block;
    }
    header.style-4 .main-menu > ul > li a {
        padding: 10px 0;
        display: block;
        color: var(--title-color);
    }
    header.style-4 .main-menu > ul > li ul.sub-menu {
        position: static;
        min-width: 200px;
        background: 0 0;
        border: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        transform: none;
        transition: none;
        display: none;
        margin-top: 0 !important;
        transform: translateY(0px);
        padding-left: 10px;
    }
    header.style-4 .main-menu > ul > li ul.sub-menu > li {
        border-bottom: 1px solid transparent;
    }
    header.style-4 .main-menu > ul > li ul.sub-menu > li a {
        color: var(--title-color);
        padding: 12px 0px;
    }
    header.style-4 .main-menu > ul > li ul.sub-menu > li a:hover {
        margin-left: 10px;
    }
    header.style-4 .main-menu > ul > li ul.sub-menu > li a.active {
        color: var(--primary-color);
    }
    header.style-4 .main-menu > ul > li ul.sub-menu > li i {
        color: var(--primary-color);
        right: -13px;
    }
    header.style-4 .main-menu > ul > li .bi {
        top: 8px;
        font-size: 20px;
        color: var(--title-color);
    }
    header.style-4 .main-menu .contact-area {
        padding: 0;
        margin: 0;
        list-style: none;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    header.style-4 .main-menu .contact-area li {
        position: relative;
    }
    header.style-4 .main-menu .contact-area li:first-child::before {
        display: none;
    }
    header.style-4 .main-menu .contact-area li a {
        color: var(--title-color);
        font-family: var(--font-dmsans);
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: 0.5s;
    }
    header.style-4 .main-menu .contact-area li a svg {
        fill: var(--title-color);
        transition: 0.5s;
    }
    header.style-4 .main-menu .contact-area li a:hover {
        color: var(--primary-color4);
    }
    header.style-4 .main-menu .contact-area li a:hover svg {
        fill: var(--primary-color4);
    }
    header.style-4 .main-menu .login-btn {
        display: inline-flex;
    }
    header.style-4 .primary-btn4 {
        width: 100%;
        justify-content: center;
        padding: 14px 32px;
    }
    header.style-4 .primary-btn4 svg {
        fill: none;
        stroke: var(--white-color);
    }
    header.style-4 .primary-btn4:hover svg {
        fill: none;
    }
    header.style-4 .form-inner {
        min-width: unset;
        margin-bottom: 20px;
        height: 44px;
    }
    header.style-4 .form-inner input {
        height: 42px;
    }
}
header.style-4.two {
    padding: 15px 0;
    z-index: 99;
}
header.style-4.two .form-inner {
    border: unset;
    background-color: #50644b;
    min-width: 468px;
}
@media (max-width: 1199px) {
    header.style-4.two .form-inner {
        min-width: 400px;
    }
}
header.style-4.two .form-inner input {
    color: var(--white-color);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 100px 0 0 100px;
    border-right: unset;
    height: 48px;
}
header.style-4.two .form-inner input::-moz-placeholder {
    color: var(--white-color);
}
header.style-4.two .form-inner input::placeholder {
    color: var(--white-color);
}
header.style-4.two .form-inner .search-btn {
    padding: 15px 31px;
    background-color: var(--primary-color5);
}
@media (max-width: 1399px) {
    header.style-4.two .form-inner .search-btn {
        padding: 15px 25px;
    }
}
header.style-4.two .form-inner .search-btn i {
    color: var(--title-color2);
}
header.style-4.two .form-inner .search-btn::after {
    background-color: var(--white-color);
}
header.style-4.two .login-btn {
    background-color: var(--white-color);
    border-radius: 100px;
}
header.style-4.two .login-btn .icon {
    padding: 8px 9px;
    border-radius: 100px 4px 4px 100px;
    background-color: var(--primary-color5);
}
header.style-4.two .login-btn .icon svg {
    fill: none;
    stroke: var(--title-color2);
}
header.style-4.two .login-btn span {
    color: var(--title-color2);
    font-weight: 600;
}
header.style-4.two .login-btn::before {
    background-color: var(--primary-color5);
}

/*=====================================
 03. Banner Section 
========================================*/
.home1-banner-section {
    padding: 0 70px;
}
@media (max-width: 1699px) {
    .home1-banner-section {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-banner-section {
        padding: 0 40px;
    }
}
@media (max-width: 1399px) {
    .home1-banner-section {
        padding: 0 30px;
    }
}
@media (max-width: 991px) {
    .home1-banner-section {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .home1-banner-section {
        padding: 0 0px;
    }
}
.home1-banner-section .banner-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.home1-banner-section .banner-wrapper .banner-content {
    padding: 180px 0;
    max-width: 636px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-banner-section .banner-wrapper .banner-content {
        padding: 120px 0;
    }
}
@media (max-width: 1399px) {
    .home1-banner-section .banner-wrapper .banner-content {
        padding: 120px 0;
    }
}
@media (max-width: 576px) {
    .home1-banner-section .banner-wrapper .banner-content {
        padding: 90px 0;
    }
}
.home1-banner-section .banner-wrapper .banner-content .sub-title {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 7px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .home1-banner-section .banner-wrapper .banner-content .sub-title {
        margin-bottom: 10px;
    }
}
.home1-banner-section .banner-wrapper .banner-content .sub-title svg {
    fill: var(--white-color);
}
.home1-banner-section .banner-wrapper .banner-content h1 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 70px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .home1-banner-section .banner-wrapper .banner-content h1 {
        font-size: 65px;
    }
}
@media (max-width: 767px) {
    .home1-banner-section .banner-wrapper .banner-content h1 {
        font-size: 55px;
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home1-banner-section .banner-wrapper .banner-content h1 {
        font-size: 45px;
    }
}
.home1-banner-section .banner-wrapper .banner-content h1 span {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-playfair);
    font-style: italic;
}
.home1-banner-section .banner-wrapper .banner-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-bottom: 60px;
}
@media (max-width: 767px) {
    .home1-banner-section .banner-wrapper .banner-content ul {
        gap: 18px;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
}
.home1-banner-section .banner-wrapper .banner-content ul li {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 7px;
    padding-left: 15px;
}
.home1-banner-section .banner-wrapper .banner-content ul li svg path {
    fill: #52d900;
}
.home1-banner-section
    .banner-wrapper
    .banner-content
    ul
    li
    svg
    path:last-child {
    fill: var(--title-color);
}
.home1-banner-section .banner-wrapper .banner-content ul li:first-child {
    padding-left: 0;
}
.home1-banner-section .banner-wrapper .banner-content .button-area {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
@media (max-width: 767px) {
    .home1-banner-section .banner-wrapper .banner-content .button-area {
        gap: 20px;
        flex-wrap: wrap;
    }
}
@media (max-width: 576px) {
    .home1-banner-section
        .banner-wrapper
        .banner-content
        .button-area
        .primary-btn {
        padding: 16px 20px;
    }
}

/*=====================================
 04. Live Auction Section 
========================================*/
.auction-card-detail {
    padding: 20px 20px;
    border: 1px solid rgba(var(--border-color-opc), 0.6);
    background-color: #00296b;
    border-radius: 12px;
    margin-top: 1rem;
}
.auction-card-detail .auction-card-img-wrap {
    position: relative;
}
.auction-card-detail .auction-card-img-wrap .card-img {
    position: relative;
    overflow: hidden;
    display: block;
}
.auction-card .auction-card-img-wrap .card-img img {
    transition: all 0.5s ease-out;
}
.auction-card .auction-card-img-wrap .card-img::after {
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    z-index: 1;
}
.auction-card .auction-card-img-wrap .batch {
    position: absolute;
    top: 10px;
    left: 10px;
}
.auction-card .auction-card-img-wrap .batch span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #b90101;
    border-radius: 3px;
    padding: 6px 10px;
    margin-bottom: 5px;
}
.auction-card .auction-card-img-wrap .batch span:last-child {
    margin-bottom: 0;
}
.auction-card .auction-card-img-wrap .batch span svg {
    fill: var(--white-color);
}
.auction-card .auction-card-img-wrap .batch span.upcoming {
    background-color: #2092e4;
}
.auction-card .auction-card-img-wrap .batch span.code {
    background-color: #747474;
    font-size: 11px;
}
.auction-card .auction-card-img-wrap .batch span.win {
    background-color: #fcb543;
    color: var(--title-color);
}
.auction-card .auction-card-img-wrap .batch span.win svg {
    fill: var(--title-color);
}
.auction-card .auction-card-img-wrap .batch span.close {
    background-color: #ff2147;
}
.auction-card .auction-card-img-wrap .view-and-favorite-area {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 12px;
    right: 10px;
    transform-origin: right;
    opacity: 0;
    transition: 0.5s;
    z-index: 1;
}
.auction-card .auction-card-img-wrap .view-and-favorite-area li {
    margin-bottom: 8px;
}
.auction-card .auction-card-img-wrap .view-and-favorite-area li:last-child {
    margin-bottom: 0;
}
.auction-card .auction-card-img-wrap .view-and-favorite-area li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white-color);
    transition: 0.5s;
}
.auction-card .auction-card-img-wrap .view-and-favorite-area li a svg {
    fill: var(--title-color);
    transition: 0.5s;
}
.auction-card .auction-card-img-wrap .view-and-favorite-area li a:hover {
    background-color: var(--primary-color2);
}
.auction-card .auction-card-img-wrap .view-and-favorite-area li a:hover svg {
    fill: var(--white-color);
}
.auction-card .auction-card-img-wrap .countdown-timer {
    position: absolute;
    left: 50%;
    bottom: 70px;
    transform: translateX(-50%);
    width: 262px;
    height: 53px;
    border-radius: 105px;
    line-height: 1;
    border: 1px solid rgba(var(--title-color-opc), 0.2);
    padding: 0 30px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    opacity: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-card .auction-card-img-wrap .countdown-timer {
        width: 240px;
        height: 48px;
        padding: 0 20px;
    }
}
.auction-card .auction-card-img-wrap .countdown-timer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.auction-card .auction-card-img-wrap .countdown-timer ul li {
    line-height: 1;
    color: var(--title-color);
    text-align: center;
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 700;
    display: block;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-card .auction-card-img-wrap .countdown-timer ul li {
        font-size: 17px;
    }
}
.auction-card .auction-card-img-wrap .countdown-timer ul li span {
    display: block;
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding-top: 3px;
}
.auction-card .auction-card-img-wrap .countdown-timer ul li.colon {
    color: rgba(var(--title-color-opc), 0.15);
}
.auction-card .auction-card-content {
    /* padding: 25px 15px 20px; */
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-card .auction-card-content {
        padding: 25px 10px 20px;
    }
}
.auction-card .auction-card-content h6 {
    margin-bottom: 20px;
}
.auction-card .auction-card-content h6 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-card .auction-card-content h6 a {
        font-size: 17px;
    }
}
.auction-card .auction-card-content h6 a:hover {
    color: var(--primary-color);
}
.auction-card .auction-card-content .price-and-code-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.auction-card .auction-card-content .price-and-code-area .price span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    display: block;
}
.auction-card .auction-card-content .price-and-code-area .price strong {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
}
.auction-card .auction-card-content .price-and-code-area .code span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 7px 14px;
    background-color: rgba(var(--primary-color-opc), 0.1);
}
.auction-card .auction-card-content .author-and-btn-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 12px;
    border-top: 1px solid var(--border-color2);
    margin-top: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-card .auction-card-content .author-and-btn-area {
        gap: 10px;
    }
}
.auction-card .auction-card-content .author-and-btn-area .author-area {
    display: flex;
    align-items: center;
    gap: 5px;
}
.auction-card
    .auction-card-content
    .author-and-btn-area
    .author-area
    .author-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.auction-card
    .auction-card-content
    .author-and-btn-area
    .author-area
    .author-img
    img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.auction-card
    .auction-card-content
    .author-and-btn-area
    .author-area
    .author-content
    h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 0;
}
.auction-card .auction-card-content .bid-btn {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    border-radius: 5px;
    background-color: var(--primary-color2);
    padding: 8px 20px;
    transition: 0.5s;
}
.auction-card .auction-card-content .bid-btn.disabled {
    pointer-events: none;
    cursor: default;
    background-color: var(--primary-color2);
}
.auction-card:hover .auction-card-img-wrap .card-img img {
    transform: scale(1.1);
}
.auction-card:hover .auction-card-img-wrap .card-img::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.auction-card:hover .auction-card-img-wrap .view-and-favorite-area {
    animation: fadeInDown 0.45s linear;
    opacity: 1;
}
.auction-card:hover .auction-card-img-wrap .countdown-timer {
    opacity: 0;
}
.auction-card:hover .auction-card-content .bid-btn {
    background-color: var(--primary-color);
}
.auction-card:hover .auction-card-content .bid-btn.disabled {
    background-color: var(--primary-color2);
}
.auction-card.style-2 {
    border-radius: 10px;
    position: relative;
}
.auction-card.style-2 .auction-card-img-wrap .card-img {
    border-radius: 10px 10px 0 0;
}
.auction-card.style-2 .auction-card-img-wrap .batch span {
    border-radius: 15px;
    padding: 6px 12px;
}
.auction-card.style-2 .auction-card-img-wrap .batch .code-no {
    opacity: 1;
    transition: 0.5s;
}
.auction-card.style-2 .auction-card-content {
    /* padding: 20px 15px; */
}
.auction-card.style-2 .auction-card-content h6 {
    margin-bottom: 15px;
}
.auction-card.style-2 .auction-card-content .price-and-code-area {
    gap: 15px;
}
.auction-card.style-2:hover {
    border-color: rgba(var(--primary-color-opc), 0.2);
}
.auction-card.style-2:hover .auction-card-img-wrap .batch .code-no {
    opacity: 0;
}
.auction-card.style-3 {
    border-radius: 10px;
}
.auction-card.style-3 .auction-card-img-wrap .card-img {
    border-radius: 10px 10px 0 0;
}
.auction-card.style-3 .auction-card-img-wrap .batch span {
    border-radius: 15px;
    padding: 6px 12px;
}
.auction-card.style-3 .auction-card-img-wrap .batch .code-no {
    opacity: 1;
    transition: 0.5s;
}
.auction-card.style-3 .auction-card-content {
    padding: 20px 15px;
}
.auction-card.style-3 .auction-card-content h6 {
    margin-bottom: 15px;
}
.auction-card.style-3 .auction-card-content h6 a:hover {
    color: var(--primary-color3);
}
.auction-card.style-3 .auction-card-content .price-and-code-area {
    gap: 15px;
}
.auction-card.style-3:hover {
    border-color: rgba(var(--primary-color3-opc), 0.3);
}
.auction-card.style-3:hover .auction-card-img-wrap .batch .code-no {
    opacity: 0;
}
.auction-card.style-3:hover .auction-card-content .bid-btn {
    background-color: var(--primary-color3);
}
.auction-card.style-3:hover .auction-card-content .bid-btn.disabled {
    background-color: var(--primary-color2);
}
.auction-card.style-4 {
    border-radius: 5px;
    padding: 0;
}
.auction-card.style-4 .auction-card-img-wrap .card-img {
    border-radius: 5px 5px 0 0;
}
.auction-card.style-4 .auction-card-img-wrap .batch span {
    border-radius: 15px;
    padding: 6px 12px;
}
.auction-card.style-4 .auction-card-img-wrap .batch .code-no {
    opacity: 1;
    transition: 0.5s;
}
.auction-card.style-4 .auction-card-content {
    padding: 20px 15px;
}
.auction-card.style-4 .auction-card-content h6 {
    margin-bottom: 15px;
}
.auction-card.style-4 .auction-card-content .price-and-code-area {
    gap: 15px;
}
.auction-card.style-4:hover {
    border-color: rgba(var(--primary-color-opc), 0.3);
}
.auction-card.style-4:hover .auction-card-img-wrap .batch .code-no {
    opacity: 0;
}
.auction-card.style-4:hover .auction-card-content .bid-btn {
    background-color: var(--primary-color);
}
.auction-card.style-4:hover .auction-card-content .bid-btn.disabled {
    background-color: var(--primary-color2);
}
.auction-card.style-5 {
    border-radius: 5px;
    padding: 0;
}
.auction-card.style-5 .auction-card-img-wrap .card-img {
    border-radius: 5px 5px 0 0;
}
.auction-card.style-5 .auction-card-img-wrap .batch span {
    border-radius: 15px;
    padding: 6px 12px;
}
.auction-card.style-5 .auction-card-img-wrap .batch .code-no {
    opacity: 1;
    transition: 0.5s;
}
.auction-card.style-5 .auction-card-img-wrap .view-and-favorite-area li a {
    border: 1px solid rgba(var(--title-color-opc), 0.1);
}
.auction-card.style-5 .auction-card-content {
    padding: 20px 15px;
}
.auction-card.style-5 .auction-card-content h6 {
    margin-bottom: 15px;
}
.auction-card.style-5 .auction-card-content h6 a:hover {
    color: var(--primary-color4);
}
.auction-card.style-5 .auction-card-content .price-and-code-area {
    gap: 15px;
}
.auction-card.style-5:hover {
    border-color: rgba(var(--primary-color4-opc), 0.3);
}
.auction-card.style-5:hover .auction-card-img-wrap .batch .code-no {
    opacity: 0;
}
.auction-card.style-5:hover .auction-card-content .bid-btn {
    background-color: var(--primary-color4);
}
.auction-card.style-6 {
    border-radius: 10px;
}
.auction-card.style-6 .auction-card-img-wrap .card-img {
    border-radius: 10px 10px 0 0;
}
.auction-card.style-6 .auction-card-img-wrap .batch span {
    border-radius: 15px;
    padding: 6px 12px;
}
.auction-card.style-6 .auction-card-img-wrap .batch .code-no {
    opacity: 1;
    transition: 0.5s;
}
.auction-card.style-6 .auction-card-content {
    padding: 20px 15px;
}
.auction-card.style-6 .auction-card-content h6 {
    margin-bottom: 15px;
}
.auction-card.style-6 .auction-card-content h6 a:hover {
    color: var(--primary-color6);
}
.auction-card.style-6 .auction-card-content .price-and-code-area {
    gap: 15px;
}
.auction-card.style-6 .auction-card-content .bid-btn {
    background-color: var(--primary-color6);
}
.auction-card.style-6:hover {
    border-color: rgba(var(--primary-color5-opc), 0.8);
}
.auction-card.style-6:hover .auction-card-img-wrap .batch .code-no {
    opacity: 0;
}
.auction-card.style-6:hover .auction-card-content .bid-btn {
    background-color: var(--primary-color5);
    color: var(--title-color2);
}
.auction-card.style-7 {
    border-radius: 10px;
}
.auction-card.style-7 .auction-card-img-wrap .card-img {
    border-radius: 10px 10px 0 0;
}
.auction-card.style-7 .auction-card-img-wrap .batch span {
    border-radius: 15px;
    padding: 6px 12px;
}
.auction-card.style-7 .auction-card-img-wrap .batch .code-no {
    opacity: 1;
    transition: 0.5s;
}
.auction-card.style-7 .auction-card-content {
    padding: 20px 15px;
}
.auction-card.style-7 .auction-card-content h6 {
    margin-bottom: 15px;
}
.auction-card.style-7 .auction-card-content h6 a:hover {
    color: var(--primary-color7);
}
.auction-card.style-7 .auction-card-content .price-and-code-area {
    gap: 15px;
}
.auction-card.style-7:hover {
    border-color: rgba(var(--primary-color7-opc), 0.3);
}
.auction-card.style-7:hover .auction-card-img-wrap .batch .code-no {
    opacity: 0;
}
.auction-card.style-7:hover .auction-card-content .bid-btn {
    background-color: var(--primary-color7);
}

/*=====================================
 05. Home1 Category Section 
========================================*/
.category-card .category-img {
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.category-card .category-img img {
    border-radius: 10px;
}
.category-card .category-img::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;
}
.category-card .category-img:hover::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.category-card .category-content {
    padding: 60px 20px 25px;
    background-color: var(--white-color);
    text-align: center;
    margin-top: -40px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .category-card .category-content {
        padding: 60px 15px 25px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .category-card .category-content {
        padding: 60px 15px 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .category-card .category-content {
        padding: 60px 15px 25px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .category-card .category-content {
        padding: 60px 10px 25px;
    }
}
.category-card .category-content h5 {
    margin-bottom: 5px;
}
.category-card .category-content h5 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .category-card .category-content h5 a {
        font-size: 18px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .category-card .category-content h5 a {
        font-size: 19px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .category-card .category-content h5 a {
        font-size: 18px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .category-card .category-content h5 a {
        font-size: 19px;
    }
}
.category-card .category-content h5 a:hover {
    color: var(--primary-color);
}
.category-card .category-content span {
    color: var(--paragraph-color2);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    display: block;
}

.home1-category-section {
    padding: 0 70px;
}
@media (max-width: 1699px) {
    .home1-category-section {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-category-section {
        padding: 0 25px;
    }
}
@media (max-width: 1399px) {
    .home1-category-section {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .home1-category-section {
        padding: 0;
    }
}
.home1-category-section .category-wrapper {
    background-image: url(../img/home1/home1-category-bg.png),
        linear-gradient(180deg, #e6f8ff 0%, #e6f8ff 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0;
}
@media (max-width: 991px) {
    .home1-category-section .category-wrapper {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home1-category-section .category-wrapper {
        padding: 70px 0;
    }
}

/*=====================================
 06. Home1 Banner2 Section 
========================================*/
.home1-banner2-section {
    padding: 0 70px;
    overflow: hidden;
}
@media (max-width: 1699px) {
    .home1-banner2-section {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-banner2-section {
        padding: 0 25px;
    }
}
@media (max-width: 1399px) {
    .home1-banner2-section {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section {
        padding: 0;
    }
}
.home1-banner2-section .banner2-wrapper {
    background-image: url(../img/home1/home1-banner2-bg.png),
        linear-gradient(180deg, #e7f1f1 0%, #e7f1f1 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 110px 8.5%;
}
@media (max-width: 1799px) {
    .home1-banner2-section .banner2-wrapper {
        padding: 110px 4%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-banner2-section .banner2-wrapper {
        padding: 110px 40px;
    }
}
@media (max-width: 1399px) {
    .home1-banner2-section .banner2-wrapper {
        padding: 110px 40px;
    }
}
@media (max-width: 1199px) {
    .home1-banner2-section .banner2-wrapper {
        padding: 90px 70px;
    }
}
@media (max-width: 767px) {
    .home1-banner2-section .banner2-wrapper {
        padding: 70px 20px;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section .banner2-wrapper {
        padding: 50px 10px;
    }
}
.home1-banner2-section .banner2-wrapper .home1-banner2-slider {
    position: relative;
}
.home1-banner2-section
    .banner2-wrapper
    .home1-banner2-slider
    .pagination-area
    .swiper-pagination2 {
    position: absolute;
    bottom: -1px;
    right: -1px;
    -webkit-mask-image: url(../img/home1/icon/home1-banner2-pagi-bg.svg);
    mask-image: url(../img/home1/icon/home1-banner2-pagi-bg.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #e7f1f1;
    z-index: 9;
    padding: 28px 26px 15px 39px;
    top: unset;
    left: unset;
    display: flex;
    align-items: center;
    flex-direction: row;
    width: unset;
    gap: 14px;
}
@media (max-width: 767px) {
    .home1-banner2-section
        .banner2-wrapper
        .home1-banner2-slider
        .pagination-area
        .swiper-pagination2 {
        display: none;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .home1-banner2-slider
    .pagination-area
    .swiper-pagination2
    .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background-color: var(--primary-color2);
    opacity: 1;
    margin: 0;
}
.home1-banner2-section
    .banner2-wrapper
    .home1-banner2-slider
    .pagination-area
    .swiper-pagination2
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
    border: 2px solid var(--primary-color);
    width: 13px;
    height: 13px;
    margin: 0;
}
.home1-banner2-section
    .banner2-wrapper
    .home1-banner2-slider
    .swiper-slide-active
    .price-area {
    animation: fadeInDown 1.7s;
}
.home1-banner2-section
    .banner2-wrapper
    .home1-banner2-slider
    .swiper-slide-active
    h2 {
    animation: fadeInDown 1.7s;
}
.home1-banner2-section
    .banner2-wrapper
    .home1-banner2-slider
    .swiper-slide-active
    .offer-timer {
    animation: fadeInUp 1.7s;
}
.home1-banner2-section
    .banner2-wrapper
    .home1-banner2-slider
    .swiper-slide-active
    .primary-btn {
    animation: fadeInUp 1.7s;
}
.home1-banner2-section .banner2-wrapper .banner2-left-area {
    border-radius: 20px;
    padding: 130px 0px 130px 60px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
@media (max-width: 1699px) {
    .home1-banner2-section .banner2-wrapper .banner2-left-area {
        padding: 120px 20px 120px 40px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-banner2-section .banner2-wrapper .banner2-left-area {
        background-position-x: 70%;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home1-banner2-section .banner2-wrapper .banner2-left-area {
        background-position-x: 70%;
    }
}
@media (max-width: 1399px) {
    .home1-banner2-section .banner2-wrapper .banner2-left-area {
        padding: 100px 20px 100px 30px;
    }
}
@media (max-width: 991px) {
    .home1-banner2-section .banner2-wrapper .banner2-left-area {
        background-position-x: 50%;
    }
}
@media (max-width: 767px) {
    .home1-banner2-section .banner2-wrapper .banner2-left-area {
        flex-wrap: wrap;
        gap: 40px;
        padding: 90px 20px 90px 30px;
        background-position-x: -70%;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section .banner2-wrapper .banner2-left-area {
        padding: 90px 20px 70px 20px;
    }
}
.home1-banner2-section .banner2-wrapper .banner2-left-area .batch {
    position: absolute;
    top: 15px;
    left: 15px;
    -webkit-mask-image: url(../img/home1/icon/home1-banner2-batch-bg.svg);
    mask-image: url(../img/home1/icon/home1-banner2-batch-bg.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #ca6e2c;
    padding: 15px 13px;
    line-height: 1;
}
@media (max-width: 767px) {
    .home1-banner2-section .banner2-wrapper .banner2-left-area .batch {
        top: 10px;
        left: 10px;
    }
}
.home1-banner2-section .banner2-wrapper .banner2-left-area .batch span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-align: center;
    display: block;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content {
    max-width: 390px;
    width: 100%;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .price-area {
    margin-bottom: 25px;
}
@media (max-width: 991px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        .price-area {
        margin-bottom: 20px;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        .price-area {
        margin-bottom: 15px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .price-area
    span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .price-area
    h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 40px;
}
@media (max-width: 991px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        h2 {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .offer-timer {
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        .offer-timer {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        .offer-timer {
        margin-bottom: 30px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .offer-timer
    > span {
    color: var(--title-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 576px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        .offer-timer
        > span {
        margin-bottom: 15px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .offer-timer
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .offer-timer
    .countdown-timer
    ul
    li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-content
        .offer-timer
        .countdown-timer
        ul
        li {
        font-size: 23px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .offer-timer
    .countdown-timer
    ul
    li
    span {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .offer-timer
    .countdown-timer
    ul
    li
    span:first-child {
    display: none;
    visibility: hidden;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .offer-timer
    .countdown-timer
    ul
    svg {
    fill: rgba(var(--title-color-opc), 0.15);
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-left-area
    .banner2-left-content
    .primary-btn {
    font-weight: 500;
    border-radius: 5px;
    padding: 13px 45px;
}
.home1-banner2-section .banner2-wrapper .banner2-left-area .banner2-left-img {
    min-width: 450px;
}
@media (max-width: 1699px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-img {
        min-width: 400px;
    }
}
@media (max-width: 1399px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-left-area
        .banner2-left-img {
        min-width: unset;
    }
}
.home1-banner2-section .banner2-wrapper .banner2-right-area {
    background-color: #e2d1f7;
    border-radius: 20px;
    height: 100%;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content {
    text-align: center;
    padding: 50px 35px 70px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content {
        padding: 50px 25px 70px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content {
        padding: 50px 20px 70px;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content {
        padding: 35px 15px 40px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 30px;
}
@media (max-width: 1199px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content
        h4 {
        font-weight: 700;
        font-size: 28px;
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content
        h4 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    .price-area {
    margin-bottom: 40px;
}
@media (max-width: 1199px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content
        .price-area {
        margin-bottom: 30px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    .price-area
    span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    .price-area
    h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
@media (max-width: 1199px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content
        .countdown-timer
        ul {
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content
        .countdown-timer
        ul {
        gap: 6px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    .countdown-timer
    ul
    li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background-color: var(--white-color);
    padding: 8px 22px;
    border-radius: 5px;
    border: 1px solid var(--border-color2);
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content
        .countdown-timer
        ul
        li {
        font-size: 22px;
        padding: 7px 18px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content
        .countdown-timer
        ul
        li {
        padding: 7px 13px;
        font-size: 22px;
    }
}
@media (max-width: 1199px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content
        .countdown-timer
        ul
        li {
        font-size: 26px;
    }
}
@media (max-width: 576px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-content
        .countdown-timer
        ul
        li {
        font-size: 20px;
        padding: 5px 12px;
    }
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    .countdown-timer
    ul
    li.colon {
    background-color: unset;
    padding: 0;
    border: unset;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    .countdown-timer
    ul
    li
    span {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    .countdown-timer
    ul
    li
    span:first-child {
    display: none;
    visibility: hidden;
}
.home1-banner2-section
    .banner2-wrapper
    .banner2-right-area
    .banner2-right-content
    .countdown-timer
    ul
    svg {
    fill: var(--white-color);
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home1-banner2-section
        .banner2-wrapper
        .banner2-right-area
        .banner2-right-img {
        max-width: 520px;
        width: 100%;
        margin: 0 auto;
    }
}

/*=====================================
 07. Home1 About Section 
========================================*/
.home1-about-section .about-top-area .about-content > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 45px;
    -moz-columns: 2;
    columns: 2;
}
@media (max-width: 1399px) {
    .home1-about-section .about-top-area .about-content > ul {
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .home1-about-section .about-top-area .about-content > ul {
        padding-top: 25px;
    }
}
@media (max-width: 576px) {
    .home1-about-section .about-top-area .about-content > ul {
        -moz-columns: unset;
        columns: unset;
    }
}
.home1-about-section .about-top-area .about-content > ul li {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--paragraph-color2);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .home1-about-section .about-top-area .about-content > ul li {
        margin-bottom: 20px;
    }
}
.home1-about-section .about-top-area .about-content > ul li:last-child {
    margin-bottom: 0;
}
.home1-about-section .about-top-area .about-content > ul li svg {
    fill: var(--primary-color);
}
.home1-about-section .about-top-area .about-content .counter-area {
    padding: 18px 0;
    border-top: 1px solid var(--border-color2);
    border-bottom: 1px solid var(--border-color2);
    margin-top: 35px;
    margin-bottom: 35px;
}
@media (max-width: 1399px) {
    .home1-about-section .about-top-area .about-content .counter-area {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
.home1-about-section .about-top-area .about-content .counter-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 45px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home1-about-section .about-top-area .about-content .counter-area ul {
        gap: 30px;
    }
}
@media (max-width: 767px) {
    .home1-about-section .about-top-area .about-content .counter-area ul {
        gap: 25px;
        flex-wrap: wrap;
    }
}
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home1-about-section
        .about-top-area
        .about-content
        .counter-area
        ul
        .single-counter {
        gap: 10px;
    }
}
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter::before {
    content: "";
    width: 1px;
    height: 35px;
    background-color: rgba(var(--title-color-opc), 0.1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home1-about-section
        .about-top-area
        .about-content
        .counter-area
        ul
        .single-counter::before {
        left: -15px;
    }
}
@media (max-width: 767px) {
    .home1-about-section
        .about-top-area
        .about-content
        .counter-area
        ul
        .single-counter::before {
        display: none;
    }
}
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter:first-child::before {
    display: none;
}
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter
    .icon
    svg {
    fill: rgba(var(--title-color-opc), 0.6);
}
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 5px;
}
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    .number {
    display: flex;
}
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    .number
    h5,
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    .number
    strong {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}
.home1-about-section
    .about-top-area
    .about-content
    .counter-area
    ul
    .single-counter
    .content
    p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 0;
}
.home1-about-section .about-bottom-area .about-author-content {
    position: relative;
}
.home1-about-section .about-bottom-area .about-author-content::before {
    content: "";
    width: 30px;
    height: 188px;
    background-color: rgba(var(--primary-color-opc), 0.15);
    border-radius: 60px 0 0 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}
@media (max-width: 1199px) {
    .home1-about-section .about-bottom-area .about-author-content::before {
        height: 140px;
        border-radius: 30px 0 0 30px;
    }
}
@media (max-width: 991px) {
    .home1-about-section .about-bottom-area .about-author-content::before {
        display: none;
    }
}
.home1-about-section .about-bottom-area .about-author-content p {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 20px;
}
@media (max-width: 1199px) {
    .home1-about-section .about-bottom-area .about-author-content p {
        margin-bottom: 15px;
    }
}
.home1-about-section .about-bottom-area .about-author-content h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
}

/*=====================================
 08. Home1 Upcoming Auction Section 
========================================*/
.home1-upcoming-auction-section {
    padding: 0 70px;
    overflow: hidden;
}
@media (max-width: 1699px) {
    .home1-upcoming-auction-section {
        padding: 0 30px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-upcoming-auction-section {
        padding: 0 15px;
    }
}
@media (max-width: 1399px) {
    .home1-upcoming-auction-section {
        padding: 0 15px;
    }
}
@media (max-width: 576px) {
    .home1-upcoming-auction-section {
        padding: 0;
    }
}
.home1-upcoming-auction-section .upcoming-auction-wrapper {
    background-image: url(../img/home1/home1-upcoming-auction-bg.png),
        linear-gradient(180deg, #fbf8ee 0%, #fbf8ee 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 80px 50px;
}
@media (max-width: 1699px) {
    .home1-upcoming-auction-section .upcoming-auction-wrapper {
        padding: 80px 35px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-upcoming-auction-section .upcoming-auction-wrapper {
        padding: 80px 20px;
    }
}
@media (max-width: 1399px) {
    .home1-upcoming-auction-section .upcoming-auction-wrapper {
        padding: 80px 20px;
    }
}
@media (max-width: 767px) {
    .home1-upcoming-auction-section .upcoming-auction-wrapper {
        padding: 70px 10px;
    }
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-nav {
    margin-bottom: 35px;
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-nav
    .nav-tabs {
    border-bottom: 1px solid #2f2f2f;
    gap: 50px;
}
@media (max-width: 767px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-nav
        .nav-tabs {
        gap: 18px;
        padding-left: 0;
    }
}
@media (max-width: 576px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-nav
        .nav-tabs {
        gap: 20px;
    }
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-nav
    .nav-tabs
    .nav-link {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    border: none;
    background: linear-gradient(
        to bottom,
        rgba(var(--primary-color-opc), 1) 0%,
        rgba(var(--primary-color-opc), 1) 98%
    );
    background-size: 0px 3px;
    background-repeat: no-repeat;
    background-position: right 100%;
    transition: background-size 0.75s;
    padding: 0;
    padding-bottom: 15px;
}
@media (max-width: 576px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-nav
        .nav-tabs
        .nav-link {
        padding-bottom: 5px;
        margin-right: 5px;
        padding: 0;
    }
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-nav
    .nav-tabs
    .nav-link.active {
    color: var(--primary-color);
    font-weight: 500;
    background-size: 100% 3px;
    background-position: 0% 100%;
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-tab-area
    .upcoming-auction-tab-wrap {
    display: grid;
    grid-template-columns: 21.5% 78.5%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .upcoming-auction-tab-wrap {
        grid-template-columns: 19% 81%;
    }
}
@media (max-width: 1399px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .upcoming-auction-tab-wrap {
        display: block;
    }
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-tab-area
    .upcoming-auction-tab-wrap
    .upcoming-auction-banner {
    padding-right: 20px;
    height: 100%;
}
@media (max-width: 1799px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .upcoming-auction-tab-wrap
        .upcoming-auction-banner {
        padding-right: 10px;
    }
}
@media (max-width: 1399px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .upcoming-auction-tab-wrap
        .upcoming-auction-banner {
        display: none;
    }
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-tab-area
    .upcoming-auction-tab-wrap
    .upcoming-auction-banner
    img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-tab-area
    .auction-card {
    display: grid;
    grid-template-columns: 46% 54%;
}
@media (max-width: 1799px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .auction-card {
        grid-template-columns: 48% 52%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .auction-card {
        display: block;
    }
}
@media (max-width: 576px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .auction-card {
        display: block;
    }
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-tab-area
    .auction-card
    .auction-card-img-wrap
    .card-img {
    height: 100%;
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-tab-area
    .auction-card
    .auction-card-img-wrap
    .card-img
    img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 1799px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .auction-card
        .auction-card-img-wrap
        .countdown-timer {
        width: 250px;
        padding: 0 20px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .auction-card
        .auction-card-img-wrap
        .countdown-timer {
        width: 235px;
        padding: 0 15px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .auction-card
        .auction-card-img-wrap
        .countdown-timer {
        width: 230px;
        padding: 0 15px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-upcoming-auction-section
        .upcoming-auction-wrapper
        .upcoming-auction-tab-area
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul {
        gap: 10px;
    }
}
.home1-upcoming-auction-section
    .upcoming-auction-wrapper
    .upcoming-auction-tab-area
    .auction-card
    .auction-card-content {
    padding: 10px 15px 15px;
}

/*=====================================
 09. Home1 Process Section 
========================================*/
.home1-process-section {
    overflow: hidden;
}
.home1-process-section .process-wrapper {
    padding: 0 140px;
    position: relative;
}
@media (max-width: 1799px) {
    .home1-process-section .process-wrapper {
        padding: 0 120px;
    }
}
@media (max-width: 1699px) {
    .home1-process-section .process-wrapper {
        padding: 0 90px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-process-section .process-wrapper {
        padding: 0 25px;
    }
}
@media (max-width: 1399px) {
    .home1-process-section .process-wrapper {
        padding: 0 20px;
    }
}
.home1-process-section .process-wrapper .bg-vector {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
@media (max-width: 1199px) {
    .home1-process-section .process-wrapper .bg-vector {
        display: none;
    }
}
.home1-process-section .process-wrapper .process-card {
    padding: 25px 20px;
    background-color: #fff6ec;
    border-radius: 10px;
    max-width: 312px;
    width: 100%;
}
@media (max-width: 991px) {
    .home1-process-section .process-wrapper .process-card {
        max-width: unset;
    }
}
.home1-process-section .process-wrapper .process-card .process-card-top-area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}
.home1-process-section
    .process-wrapper
    .process-card
    .process-card-top-area
    .icon
    svg {
    fill: var(--paragraph-color);
}
.home1-process-section
    .process-wrapper
    .process-card
    .process-card-top-area
    .number
    span {
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 1.8px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(var(--primary-color-opc), 0.3);
}
.home1-process-section .process-wrapper .process-card .process-card-content h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 30px;
}
.home1-process-section .process-wrapper .process-card .process-card-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.home1-process-section
    .process-wrapper
    .process-card
    .process-card-content
    ul
    li {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 20.83px;
    letter-spacing: 0.02em;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(var(--primary-color-opc), 0.1);
    margin-bottom: 12px;
}
.home1-process-section
    .process-wrapper
    .process-card
    .process-card-content
    ul
    li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset;
}
.home1-process-section
    .process-wrapper
    .process-card
    .process-card-content
    ul
    li
    strong {
    font-size: 17px;
    font-weight: 700;
}
.home1-process-section .process-wrapper .process-card.arrow {
    position: relative;
}
.home1-process-section .process-wrapper .process-card.arrow::before {
    content: url(../img/home1/icon/process-arrow1.svg);
    position: absolute;
    top: 49%;
    right: -98px;
    width: 72px;
    height: 28px;
    background-color: var(--white-color);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1799px) {
    .home1-process-section .process-wrapper .process-card.arrow::before {
        right: -74px;
    }
}
@media (max-width: 1699px) {
    .home1-process-section .process-wrapper .process-card.arrow::before {
        top: 48%;
        right: -53px;
        width: 45px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-process-section .process-wrapper .process-card.arrow::before {
        top: 46%;
        right: -30px;
        width: 30px;
        justify-content: end;
        background-color: transparent;
        width: unset;
    }
}
@media (max-width: 1399px) {
    .home1-process-section .process-wrapper .process-card.arrow::before {
        top: 52%;
        right: -30px;
        width: 30px;
        justify-content: end;
        background-color: transparent;
        width: unset;
    }
}
@media (max-width: 1199px) {
    .home1-process-section .process-wrapper .process-card.arrow::before {
        display: none;
    }
}
.home1-process-section .process-wrapper .process-card.two {
    background-color: #f6fcec;
    margin-top: 48px;
    position: relative;
}
@media (max-width: 1199px) {
    .home1-process-section .process-wrapper .process-card.two {
        margin-top: 0;
    }
}
.home1-process-section .process-wrapper .process-card.two::before {
    content: url(../img/home1/icon/process-arrow2.svg);
    position: absolute;
    top: 57%;
    right: -76px;
    width: 57px;
    height: 28px;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
@media (max-width: 1799px) {
    .home1-process-section .process-wrapper .process-card.two::before {
        top: 55%;
        right: -52px;
        width: 47px;
    }
}
@media (max-width: 1699px) {
    .home1-process-section .process-wrapper .process-card.two::before {
        top: 54%;
        right: -39px;
        width: 30px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-process-section .process-wrapper .process-card.two::before {
        width: unset;
        background-color: transparent;
        top: 52%;
        right: -19px;
        width: 30px;
    }
}
@media (max-width: 1399px) {
    .home1-process-section .process-wrapper .process-card.two::before {
        width: unset;
        background-color: transparent;
        top: 47%;
        right: -15px;
        width: 30px;
    }
}
@media (max-width: 1199px) {
    .home1-process-section .process-wrapper .process-card.two::before {
        display: none;
    }
}
.home1-process-section .process-wrapper .process-card.three {
    background-color: #feeff1;
    position: relative;
}
.home1-process-section .process-wrapper .process-card.three::before {
    content: url(../img/home1/icon/process-arrow3.svg);
    position: absolute;
    top: 23%;
    right: -92px;
    width: 57px;
    height: 28px;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1799px) {
    .home1-process-section .process-wrapper .process-card.three::before {
        top: 25%;
        right: -63px;
    }
}
@media (max-width: 1699px) {
    .home1-process-section .process-wrapper .process-card.three::before {
        right: -58px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-process-section .process-wrapper .process-card.three::before {
        background-color: transparent;
        width: unset;
        height: unset;
        top: 28%;
        right: -31px;
    }
}
@media (max-width: 1399px) {
    .home1-process-section .process-wrapper .process-card.three::before {
        background-color: transparent;
        width: unset;
        height: unset;
        top: 32%;
        right: -31px;
    }
}
@media (max-width: 1199px) {
    .home1-process-section .process-wrapper .process-card.three::before {
        display: none;
    }
}
.home1-process-section .process-wrapper .process-card.four {
    background-color: #f6fbff;
    margin-top: 48px;
}
@media (max-width: 1199px) {
    .home1-process-section .process-wrapper .process-card.four {
        margin-top: 0;
    }
}
.home1-process-section
    .process-wrapper
    .process-card:hover
    .process-card-top-area
    .icon
    svg {
    animation: bounceIn 1s linear;
}

/*=====================================
 10. Home1 Logo Section 
========================================*/
.logo-section {
    padding: 0 70px;
}
@media (max-width: 1699px) {
    .logo-section {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .logo-section {
        padding: 0 25px;
    }
}
@media (max-width: 1399px) {
    .logo-section {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .logo-section {
        padding: 0;
    }
}
.logo-section .logo-wrap {
    background-image: url(../img/home1/home1-category-bg.png),
        linear-gradient(180deg, #e4f1ff 0%, #e4f1ff 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 110px 0;
}
@media (max-width: 1199px) {
    .logo-section .logo-wrap {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .logo-section .logo-wrap {
        padding: 70px 0;
    }
}
.logo-section .logo-wrap .logo-title {
    text-align: center;
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .logo-section .logo-wrap .logo-title {
        margin-bottom: 40px;
    }
}
.logo-section .logo-wrap .logo-title h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.36px;
    margin-bottom: 0;
}
.logo-section .logo-wrap .logo-area {
    overflow: hidden;
}
.logo-section .logo-wrap .logo-area .js-marquee-wrapper {
    display: flex;
    align-items: center;
    gap: 110px;
}
@media (max-width: 1499px) {
    .logo-section .logo-wrap .logo-area .js-marquee-wrapper {
        gap: 70px;
    }
}
@media (max-width: 576px) {
    .logo-section .logo-wrap .logo-area .js-marquee-wrapper {
        gap: 50px;
    }
}
.logo-section .logo-wrap .logo-area .js-marquee-wrapper .js-marquee {
    display: flex;
    align-items: center;
    gap: 110px;
    margin-right: 0 !important;
}
@media (max-width: 1499px) {
    .logo-section .logo-wrap .logo-area .js-marquee-wrapper .js-marquee {
        gap: 70px;
    }
}
@media (max-width: 576px) {
    .logo-section .logo-wrap .logo-area .js-marquee-wrapper .js-marquee {
        gap: 50px;
    }
}
.logo-section.two {
    padding: 0;
}
.logo-section.two .logo-wrap {
    background-image: unset;
    padding: 0;
}
.logo-section.three {
    padding: 0;
}
.logo-section.three .logo-wrap {
    border-radius: 5px;
    padding: 50px 40px;
}
@media (max-width: 991px) {
    .logo-section.three .logo-wrap {
        padding: 50px 20px;
    }
}
.logo-section.four {
    padding: 0;
}
.logo-section.four .logo-wrap {
    border-radius: 5px;
    padding: 0;
    background-image: unset;
}

/*=====================================
 11. Home1 Faq Section 
========================================*/
.faq-wrappper .faq-content .accordion .accordion-item {
    border: 1px solid var(--border-color2);
    border-radius: 20px;
    padding: 0 35px;
    background-color: transparent;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .faq-wrappper .faq-content .accordion .accordion-item {
        padding: 0 15px;
    }
}
@media (max-width: 576px) {
    .faq-wrappper .faq-content .accordion .accordion-item {
        border-radius: 10px;
    }
}
.faq-wrappper .faq-content .accordion .accordion-item:last-child {
    margin-bottom: 0;
}
.faq-wrappper
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button {
    border: none;
    border-radius: unset;
    box-shadow: none;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    background-color: transparent;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    padding: 20px 0;
    border-bottom: 1px solid transparent;
}
@media (max-width: 991px) {
    .faq-wrappper
        .faq-content
        .accordion
        .accordion-item
        .accordion-header
        .accordion-button {
        padding: 15px 0;
    }
}
@media (max-width: 576px) {
    .faq-wrappper
        .faq-content
        .accordion
        .accordion-item
        .accordion-header
        .accordion-button {
        font-size: 18px;
    }
}
.faq-wrappper
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
    width: 34px;
    height: 34px;
    background-color: rgba(var(--primary-color-opc), 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--paragraph-color);
    content: "\f4fe";
    font-family: bootstrap-icons;
    background-image: none;
    font-weight: 600;
    font-size: 24px;
    transition: 0.5s;
}
@media (max-width: 767px) {
    .faq-wrappper
        .faq-content
        .accordion
        .accordion-item
        .accordion-header
        .accordion-button::after {
        width: 26px;
        height: 26px;
        font-size: 20px;
    }
}
.faq-wrappper
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    background-color: unset;
    border-bottom: 1px solid var(--border-color2);
}
.faq-wrappper
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    content: "\f2ea";
    background-color: var(--primary-color);
    color: var(--white-color);
}
.faq-wrappper
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:hover::after {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.faq-wrappper .faq-content .accordion .accordion-item .accordion-body {
    padding: 20px 0;
    padding-bottom: 15px;
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0.48px;
}
@media (max-width: 576px) {
    .faq-wrappper .faq-content .accordion .accordion-item .accordion-body {
        font-size: 14px;
        padding: 15px 0px;
    }
}
.faq-wrappper.two .faq-content .accordion .accordion-item {
    border-radius: 5px;
}
.faq-wrappper.two
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button {
    padding: 16px 0;
}
.faq-wrappper.two
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
    background-color: rgba(var(--primary-color4-opc), 0.2);
}
.faq-wrappper.two
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    background-color: var(--primary-color4);
}
.faq-wrappper.two
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:hover::after {
    background-color: var(--primary-color4);
    color: var(--white-color);
}
.faq-wrappper.three
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
    background-color: rgba(var(--primary-color7-opc), 0.2);
}
.faq-wrappper.three
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    background-color: var(--primary-color7);
}
.faq-wrappper.three
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:hover::after {
    background-color: var(--primary-color7);
}

.faq-contact-wrap {
    background-color: #fdf4eb;
    border-radius: 20px;
}
.faq-contact-wrap .contact-address-area {
    text-align: center;
    padding: 30px 50px 40px;
}
@media (max-width: 1399px) {
    .faq-contact-wrap .contact-address-area {
        padding: 30px 25px 40px;
    }
}
@media (max-width: 576px) {
    .faq-contact-wrap .contact-address-area {
        padding: 30px 20px 40px;
    }
}
.faq-contact-wrap .contact-address-area h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}
.faq-contact-wrap .contact-address-area .contact-area {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.faq-contact-wrap .contact-address-area .contact-area .icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid rgba(var(--primary-color-opc), 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.faq-contact-wrap .contact-address-area .contact-area .icon svg {
    fill: var(--primary-color);
}
.faq-contact-wrap .contact-address-area .contact-area .content {
    position: relative;
}
.faq-contact-wrap .contact-address-area .contact-area .content::before {
    content: "";
    width: 100px;
    height: 1px;
    background-color: rgba(var(--title-color-opc), 0.15);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
}
.faq-contact-wrap .contact-address-area .contact-area .content span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    display: block;
    margin-bottom: 5px;
}
.faq-contact-wrap .contact-address-area .contact-area .content h5 {
    margin-bottom: 0;
}
.faq-contact-wrap .contact-address-area .contact-area .content h5 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}
.faq-contact-wrap .contact-bottom-area {
    background-color: #f1f7fe;
    border-radius: 40px 40px 20px 20px;
    padding: 35px 22px 35px 35px;
}
@media (max-width: 1399px) {
    .faq-contact-wrap .contact-bottom-area {
        padding: 35px 25px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .faq-contact-wrap .contact-bottom-area {
        border-radius: 30px 30px 20px 20px;
        padding: 35px 20px;
    }
}
@media (max-width: 576px) {
    .faq-contact-wrap .contact-bottom-area {
        border-radius: 30px 30px 20px 20px;
        padding: 35px 20px;
    }
}
.faq-contact-wrap .contact-bottom-area h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 20px;
}
.faq-contact-wrap .contact-bottom-area .form-inner input {
    border-radius: 10px;
    border: 1px solid var(--border-color2);
}
.faq-contact-wrap .contact-bottom-area .form-inner textarea {
    border-radius: 10px;
    border: 1px solid var(--border-color2);
}
.faq-contact-wrap .contact-bottom-area .primary-btn {
    margin-top: 25px;
    border-radius: 5px;
    font-size: 14px;
    padding: 12px 26px;
}
.faq-contact-wrap .faq-nav-btn-area {
    padding: 40px 25px;
}
@media (max-width: 767px) {
    .faq-contact-wrap .faq-nav-btn-area {
        padding: 30px 20px;
    }
}
.faq-contact-wrap .faq-nav-btn-area .nav-pills .nav-link {
    background-color: transparent;
    padding: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--white-color);
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}
@media (max-width: 767px) {
    .faq-contact-wrap .faq-nav-btn-area .nav-pills .nav-link {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
.faq-contact-wrap .faq-nav-btn-area .nav-pills .nav-link:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: unset;
}
.faq-contact-wrap .faq-nav-btn-area .nav-pills .nav-link.active {
    color: var(--primary-color);
}
.faq-contact-wrap.two .contact-address-area {
    background-color: #f4ebff;
    padding: 60px 20px;
    border-radius: 10px;
}
@media (max-width: 767px) {
    .faq-contact-wrap.two .contact-address-area {
        padding: 40px 20px;
    }
}
.faq-contact-wrap.two .contact-address-area h4 {
    font-size: 22px;
}
.faq-contact-wrap.three .faq-nav-btn-area .nav-pills .nav-link.active {
    color: var(--primary-color7);
}
.faq-contact-wrap.three .contact-address-area {
    background-color: #f4ebff;
    padding: 60px 20px;
    border-radius: 10px;
}
@media (max-width: 767px) {
    .faq-contact-wrap.three .contact-address-area {
        padding: 40px 20px;
    }
}
.faq-contact-wrap.three .contact-address-area h4 {
    font-size: 22px;
}
.faq-contact-wrap.three .contact-address-area .contact-area .icon {
    border: 1px solid rgba(var(--primary-color7-opc), 0.3);
}
.faq-contact-wrap.three .contact-address-area .contact-area .icon svg {
    fill: var(--primary-color7);
}

/*=====================================
 12. Home1 Testimonial Section 
========================================*/
.home1-tetimonial-section {
    padding: 0 70px;
}
@media (max-width: 1699px) {
    .home1-tetimonial-section {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-tetimonial-section {
        padding: 0 25px;
    }
}
@media (max-width: 1399px) {
    .home1-tetimonial-section {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .home1-tetimonial-section {
        padding: 0;
    }
}
.home1-tetimonial-section .testimonial-wrapper {
    background-image: url(../img/home1/home1-banner2-bg.png),
        linear-gradient(180deg, #eef8f2 0%, #eef8f2 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0;
    position: relative;
}
@media (max-width: 1199px) {
    .home1-tetimonial-section .testimonial-wrapper {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home1-tetimonial-section .testimonial-wrapper {
        padding: 70px 0;
    }
}
.home1-tetimonial-section .testimonial-wrapper .testimonial-slider-wrap {
    position: relative;
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .testimonial-content-wrap {
    text-align: center;
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 1199px) {
    .home1-tetimonial-section
        .testimonial-wrapper
        .testimonial-slider-wrap
        .testimonial-content-wrap {
        max-width: 820px;
    }
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .testimonial-content-wrap
    .quote {
    margin-bottom: 30px;
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .testimonial-content-wrap
    .quote
    svg {
    fill: none;
    stroke: rgba(var(--primary-color-opc), 0.3);
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .testimonial-content-wrap
    span {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 20.83px;
    margin-bottom: 15px;
    display: block;
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .testimonial-content-wrap
    p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .home1-tetimonial-section
        .testimonial-wrapper
        .testimonial-slider-wrap
        .testimonial-content-wrap
        p {
        font-size: 20px;
    }
}
@media (max-width: 576px) {
    .home1-tetimonial-section
        .testimonial-wrapper
        .testimonial-slider-wrap
        .testimonial-content-wrap
        p {
        font-size: 18px;
    }
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .author-area {
    text-align: center;
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .author-area
    .author-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .author-area
    .author-img
    img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .author-area
    .author-content
    h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 2px;
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .author-area
    .author-content
    span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 18.23px;
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .swiper-slide-active
    .quote,
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .swiper-slide-active
    span,
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .swiper-slide-active
    p {
    animation: fadeInDown 1.7s;
}
.home1-tetimonial-section
    .testimonial-wrapper
    .testimonial-slider-wrap
    .swiper-slide-active
    .author-area {
    animation: fadeInUp 1.7s;
}
@media (max-width: 991px) {
    .home1-tetimonial-section .testimonial-wrapper .slider-btn-grp {
        display: none;
    }
}
.home1-tetimonial-section .testimonial-wrapper .slider-btn-grp .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12%;
    z-index: 1;
}
@media (max-width: 1799px) {
    .home1-tetimonial-section .testimonial-wrapper .slider-btn-grp .slider-btn {
        left: -6%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-tetimonial-section .testimonial-wrapper .slider-btn-grp .slider-btn {
        left: 0;
    }
}
@media (max-width: 1399px) {
    .home1-tetimonial-section .testimonial-wrapper .slider-btn-grp .slider-btn {
        left: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home1-tetimonial-section .testimonial-wrapper .slider-btn-grp .slider-btn {
        left: 0;
    }
}
.home1-tetimonial-section
    .testimonial-wrapper
    .slider-btn-grp
    .slider-btn.testimonial-slider-next {
    left: unset;
    right: -12%;
}
@media (max-width: 1799px) {
    .home1-tetimonial-section
        .testimonial-wrapper
        .slider-btn-grp
        .slider-btn.testimonial-slider-next {
        right: -6%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home1-tetimonial-section
        .testimonial-wrapper
        .slider-btn-grp
        .slider-btn.testimonial-slider-next {
        right: 0;
    }
}
@media (max-width: 1399px) {
    .home1-tetimonial-section
        .testimonial-wrapper
        .slider-btn-grp
        .slider-btn.testimonial-slider-next {
        right: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home1-tetimonial-section
        .testimonial-wrapper
        .slider-btn-grp
        .slider-btn.testimonial-slider-next {
        right: 0;
    }
}

/*=====================================
 13. Home1 Blog Section 
========================================*/
.blog-card {
    border: 1px solid var(--border-color2);
}
.blog-card .blog-card-img-wrap {
    position: relative;
    overflow: hidden;
}
.blog-card .blog-card-img-wrap .card-img {
    position: relative;
    overflow: hidden;
    display: block;
    transition: all 0.5s ease-out;
}
.blog-card .blog-card-img-wrap .card-img img {
    transition: all 0.5s ease-out;
}
@media (max-width: 991px) {
    .blog-card .blog-card-img-wrap .card-img img {
        width: 100%;
    }
}
.blog-card .blog-card-img-wrap .card-img::after {
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    z-index: 1;
}
.blog-card .blog-card-img-wrap .batch {
    -webkit-mask-image: url(../img/home1/icon/blog-batch-bg.svg);
    mask-image: url(../img/home1/icon/blog-batch-bg.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--white-color);
    padding: 9px 16px 9px 24px;
    white-space: nowrap;
    display: inline-flex;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.blog-card .blog-card-img-wrap .batch .date {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.blog-card .blog-card-img-wrap .batch .date svg {
    fill: var(--white-color);
}
.blog-card .card-content {
    padding: 30px 25px;
}
@media (max-width: 1399px) {
    .blog-card .card-content {
        padding: 30px 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card .card-content {
        padding: 25px 15px;
    }
}
@media (max-width: 991px) {
    .blog-card .card-content {
        padding: 25px 18px;
    }
}
@media (max-width: 576px) {
    .blog-card .card-content {
        padding: 25px 15px;
    }
}
.blog-card .card-content .blog-meta {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.blog-card .card-content .blog-meta .category {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.blog-card .card-content .blog-meta .category li {
    position: relative;
    line-height: 1;
}
.blog-card .card-content .blog-meta .category li a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    transition: 0.5s;
}
.blog-card .card-content .blog-meta .category li a:hover {
    color: var(--primary-color);
}
.blog-card .card-content .blog-meta .blog-comment {
    position: relative;
    padding-left: 10px;
    line-height: 1;
}
.blog-card .card-content .blog-meta .blog-comment::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background-color: rgba(var(--title-color-opc), 0.2);
    width: 3px;
    height: 3px;
    border-radius: 50%;
}
.blog-card .card-content .blog-meta .blog-comment span {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}
.blog-card .card-content .blog-meta .blog-date {
    position: relative;
    padding-left: 10px;
    line-height: 1;
}
.blog-card .card-content .blog-meta .blog-date::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background-color: rgba(var(--title-color-opc), 0.2);
    width: 3px;
    height: 3px;
    border-radius: 50%;
}
.blog-card .card-content .blog-meta .blog-date a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    transition: 0.5s;
}
.blog-card .card-content .blog-meta .blog-date a:hover {
    color: var(--primary-color);
}
.blog-card .card-content h4 {
    margin-bottom: 0;
}
.blog-card .card-content h4 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .blog-card .card-content h4 a {
        font-size: 21px;
    }
}
@media (max-width: 1199px) {
    .blog-card .card-content h4 a {
        font-size: 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card .card-content h4 a {
        font-size: 17px;
    }
}
@media (max-width: 576px) {
    .blog-card .card-content h4 a {
        font-size: 18px;
    }
}
.blog-card .card-content h4 a:hover {
    color: var(--primary-color);
}
.blog-card .card-content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 0;
    padding-top: 15px;
}
.blog-card .card-content .view-button {
    padding: 0 18px 2px 0;
    margin-top: 25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card .card-content .view-button {
        font-size: 15px;
        margin-top: 20px;
    }
}
@media (max-width: 576px) {
    .blog-card .card-content .view-button {
        margin-top: 20px;
    }
}
.blog-card:hover .blog-card-img-wrap .card-img img {
    transform: scale(1.1);
}
.blog-card:hover .blog-card-img-wrap .card-img::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.blog-card.two {
    border-radius: 10px;
}
.blog-card.two .blog-card-img-wrap {
    margin: 20px 20px 0 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card.two .blog-card-img-wrap {
        margin: 10px 10px 0 10px;
    }
}
@media (max-width: 991px) {
    .blog-card.two .blog-card-img-wrap {
        margin: 15px 15px 0 15px;
    }
}
@media (max-width: 576px) {
    .blog-card.two .blog-card-img-wrap {
        margin: 10px 10px 0 10px;
    }
}
.blog-card.two .blog-card-img-wrap .card-img {
    border-radius: 10px;
}
.blog-card.two .blog-card-img-wrap .card-img img {
    border-radius: 10px;
}
.blog-card.two .blog-card-img-wrap .batch {
    -webkit-mask-image: url(../img/home1/icon/blog-batch-bg2.svg);
    mask-image: url(../img/home1/icon/blog-batch-bg2.svg);
    padding: 9px 24px 9px 16px;
    top: 0;
    left: 0;
    bottom: unset;
    right: unset;
    z-index: 1;
}
.blog-card.two .card-content {
    padding: 30px 22px;
}
@media (max-width: 1399px) {
    .blog-card.two .card-content {
        padding: 30px 20px;
    }
}
@media (max-width: 991px) {
    .blog-card.two .card-content {
        padding: 25px 18px;
    }
}
.blog-card.three {
    border-radius: 5px;
}
.blog-card.three .blog-card-img-wrap .card-img {
    border-radius: 5px 5px 0 0;
}
.blog-card.three .blog-card-img-wrap .card-img img {
    border-radius: 5px 5px 0 0;
}
.blog-card.three .card-content {
    padding: 30px 50px;
}
@media (max-width: 1399px) {
    .blog-card.three .card-content {
        padding: 30px 40px;
    }
}
@media (max-width: 1199px) {
    .blog-card.three .card-content {
        padding: 30px 35px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .blog-card.three .card-content {
        padding: 25px 20px;
    }
}
@media (max-width: 576px) {
    .blog-card.three .card-content {
        padding: 22px 15px;
    }
}
.blog-card.three .card-content .blog-meta .category li a:hover {
    color: var(--primary-color3);
}
.blog-card.three .card-content .blog-meta .blog-date a:hover {
    color: var(--primary-color3);
}
.blog-card.three .card-content h4 a {
    font-size: 28px;
}
@media (max-width: 1199px) {
    .blog-card.three .card-content h4 a {
        font-size: 25px;
    }
}
@media (max-width: 991px) {
    .blog-card.three .card-content h4 a {
        font-size: 20px;
    }
}
@media (max-width: 576px) {
    .blog-card.three .card-content h4 a {
        font-size: 18px;
    }
}
.blog-card.three .card-content h4 a:hover {
    color: var(--primary-color3);
}
.blog-card.three .card-content .view-button2 {
    margin-top: 30px;
}
@media (max-width: 991px) {
    .blog-card.three .card-content .view-button2 {
        margin-top: 20px;
    }
}
.blog-card.four {
    padding: 15px 15px 0 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
    position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card.four {
        padding: 10px 10px 0 10px;
    }
}
@media (max-width: 576px) {
    .blog-card.four {
        padding: 10px 10px 0 10px;
    }
}
.blog-card.four .blog-card-img-wrap .card-img {
    border-radius: 5px;
}
.blog-card.four .blog-card-img-wrap .card-img img {
    border-radius: 5px;
}
.blog-card.four .card-content {
    padding: 25px 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card.four .card-content h4 a {
        font-size: 18px;
    }
}
.blog-card.four .batch {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.blog-card.four .batch .date {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    background-color: var(--primary-color);
    border: 1px solid rgba(var(--title-color-opc), 0.2);
    border-radius: 5px 100px 100px 170px;
    padding: 9px 15px 9px 18px;
    display: inline-block;
}
.blog-card.five {
    padding: 15px 15px 0 15px;
    background-color: #f5f5f5;
    border: unset;
    border-radius: 10px;
    position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card.five {
        padding: 10px 10px 0 10px;
    }
}
@media (max-width: 576px) {
    .blog-card.five {
        padding: 10px 10px 0 10px;
    }
}
.blog-card.five .blog-card-img-wrap .card-img {
    border-radius: 8px;
}
.blog-card.five .blog-card-img-wrap .card-img img {
    border-radius: 8px;
}
.blog-card.five .card-content {
    padding: 25px 10px;
}
.blog-card.five .card-content .blog-meta .category li a:hover {
    color: var(--primary-color6);
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card.five .card-content h4 a {
        font-size: 18px;
    }
}
.blog-card.five .card-content h4 a:hover {
    color: var(--primary-color6);
}
.blog-card.five .batch {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.blog-card.five .batch .date {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    background-color: var(--white-color);
    border: 1px solid rgba(var(--primary-color6-opc), 0.15);
    padding: 9px 15px 9px 18px;
    display: inline-block;
    border-radius: 50px 100px 100px 0;
}

/*=====================================
 14. Home1 Footer Section 
========================================*/
footer {
    padding: 0 70px;
}
@media (max-width: 1699px) {
    footer {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    footer {
        padding: 0 25px;
    }
}
@media (max-width: 1399px) {
    footer {
        padding: 0 20px;
    }
}
@media (max-width: 1199px) {
    footer {
        padding: 0;
    }
}
footer .home1-footer-top-area {
    background-color: #aaaedb;
    padding: 25px;
}
@media (max-width: 1399px) {
    footer .home1-footer-top-area {
        padding: 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    footer .home1-footer-top-area {
        padding: 15px;
    }
}
@media (max-width: 576px) {
    footer .home1-footer-top-area {
        padding: 15px;
    }
}
footer .home1-footer-top-area .footer-top-banner {
    background-image: linear-gradient(
            180deg,
            rgba(11, 12, 12, 0.8) 0%,
            rgba(11, 12, 12, 0.8) 100%
        ),
        url(../img/home1/home1-footer-top-banner-img1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px 14px 40px;
    position: relative;
    overflow: hidden;
}
@media (max-width: 1399px) {
    footer .home1-footer-top-area .footer-top-banner {
        padding: 14px 20px 14px 25px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    footer .home1-footer-top-area .footer-top-banner {
        padding: 14px 20px;
    }
}
@media (max-width: 576px) {
    footer .home1-footer-top-area .footer-top-banner {
        padding: 14px 15px;
    }
}
footer .home1-footer-top-area .footer-top-banner::before {
    content: "";
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: -75%;
    top: 0;
    height: 100%;
    width: 50%;
    transform: skewX(-25deg);
    transform-origin: right;
    transition: transform 0.4s ease-in;
}
footer .home1-footer-top-area .footer-top-banner .banner-content span {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
}
footer .home1-footer-top-area .footer-top-banner .banner-content h2 {
    margin-bottom: 0;
}
footer .home1-footer-top-area .footer-top-banner .banner-content h2 a {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 38px;
    font-weight: 800;
    line-height: 30px;
    transition: 0.5s;
}
@media (max-width: 1399px) {
    footer .home1-footer-top-area .footer-top-banner .banner-content h2 a {
        font-size: 33px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    footer .home1-footer-top-area .footer-top-banner .banner-content h2 a {
        font-size: 32px;
    }
}
@media (max-width: 576px) {
    footer .home1-footer-top-area .footer-top-banner .banner-content h2 a {
        font-size: 28px;
    }
}
footer .home1-footer-top-area .footer-top-banner .banner-content h2 a:hover {
    color: var(--primary-color);
}
footer .home1-footer-top-area .footer-top-banner .arrow svg {
    fill: rgba(255, 255, 255, 0.1);
    transition: 0.5s;
}
@media (max-width: 576px) {
    footer .home1-footer-top-area .footer-top-banner .arrow svg {
        width: 70px;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
footer .home1-footer-top-area .footer-top-banner:hover::before {
    transform-origin: left;
    animation: shine 0.75s;
}
footer .home1-footer-top-area .footer-top-banner:hover .arrow svg {
    fill: rgba(255, 255, 255, 0.3);
}
footer .home1-footer-top-area .footer-top-banner.two {
    background-image: linear-gradient(
            180deg,
            rgba(11, 12, 12, 0.8) 0%,
            rgba(11, 12, 12, 0.8) 100%
        ),
        url(../img/home1/home1-footer-top-banner-img2.jpg);
}
footer .footer-wrapper {
    background-image: url(../img/home1/home1-footer-bg.png),
        linear-gradient(180deg, #d4d6ed 0%, #d4d6ed 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
footer .footer-wrapper .footer-menu-wrap {
    padding: 105px 0;
}
@media (max-width: 1199px) {
    footer .footer-wrapper .footer-menu-wrap {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    footer .footer-wrapper .footer-menu-wrap {
        padding: 70px 0;
    }
}
footer .footer-wrapper .footer-menu-wrap .footer-widget .widget-title {
    margin-bottom: 20px;
}
footer .footer-wrapper .footer-menu-wrap .footer-widget .widget-title h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    margin-bottom: 0;
    padding-bottom: 10px;
    position: relative;
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .widget-title
    h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 107px;
    height: 2px;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        #0b0c0c 0.01%,
        rgba(11, 12, 12, 0) 102.8%
    );
}
footer .footer-wrapper .footer-menu-wrap .footer-widget .menu-container {
    display: flex;
    gap: 30px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    footer .footer-wrapper .footer-menu-wrap .footer-widget .menu-container {
        gap: 20px;
    }
}
@media (max-width: 1199px) {
    footer .footer-wrapper .footer-menu-wrap .footer-widget .menu-container {
        gap: 15px;
    }
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li {
    margin-bottom: 20px;
    line-height: 1;
    transition: 0.5s;
    position: relative;
    transform: translateX(0);
}
@media (max-width: 1199px) {
    footer
        .footer-wrapper
        .footer-menu-wrap
        .footer-widget
        .menu-container
        .widget-list
        li {
        margin-bottom: 15px;
    }
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:last-child {
    margin-bottom: 0;
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li
    a {
    color: rgba(var(--title-color-opc), 0.6);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.34px;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    footer
        .footer-wrapper
        .footer-menu-wrap
        .footer-widget
        .menu-container
        .widget-list
        li
        a {
        font-size: 15px;
    }
}
@media (max-width: 1199px) {
    footer
        .footer-wrapper
        .footer-menu-wrap
        .footer-widget
        .menu-container
        .widget-list
        li
        a {
        font-size: 15px;
    }
}
@media (max-width: 576px) {
    footer
        .footer-wrapper
        .footer-menu-wrap
        .footer-widget
        .menu-container
        .widget-list
        li
        a {
        font-size: 14px;
    }
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li::after {
    content: "";
    width: 10px;
    height: 1px;
    background-color: var(--primary-color);
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.35s;
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover {
    transform: translateX(10px);
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover
    a {
    color: var(--primary-color);
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover::after {
    opacity: 1;
}
footer .footer-wrapper .footer-menu-wrap .footer-logo-area {
    text-align: center;
    position: relative;
    padding: 0 45px;
}
@media (max-width: 1399px) {
    footer .footer-wrapper .footer-menu-wrap .footer-logo-area {
        padding: 0 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    footer .footer-wrapper .footer-menu-wrap .footer-logo-area {
        padding: 0 15px;
    }
}
@media (max-width: 991px) {
    footer .footer-wrapper .footer-menu-wrap .footer-logo-area {
        padding: 0;
    }
}
@media (max-width: 576px) {
    footer .footer-wrapper .footer-menu-wrap .footer-logo-area {
        text-align: start;
    }
}
footer .footer-wrapper .footer-menu-wrap .footer-logo-area::before {
    content: "";
    width: 1px;
    height: 240px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
@media (max-width: 991px) {
    footer .footer-wrapper .footer-menu-wrap .footer-logo-area::before {
        display: none;
    }
}
footer .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
    content: "";
    width: 1px;
    height: 240px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
@media (max-width: 991px) {
    footer .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
        display: none;
    }
}
footer .footer-wrapper .footer-menu-wrap .footer-logo-area .footer-logo {
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    footer .footer-wrapper .footer-menu-wrap .footer-logo-area .footer-logo {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    footer .footer-wrapper .footer-menu-wrap .footer-logo-area .footer-logo {
        margin-bottom: 30px;
    }
}
footer .footer-wrapper .footer-menu-wrap .footer-logo-area .footer-logo img {
    max-width: 171px;
    width: 100%;
}
@media (max-width: 576px) {
    footer
        .footer-wrapper
        .footer-menu-wrap
        .footer-logo-area
        .footer-logo
        img {
        max-width: 150px;
    }
}
footer .footer-wrapper .footer-menu-wrap .footer-logo-area .social-area h5 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0px;
}
footer .footer-wrapper .footer-menu-wrap .footer-logo-area .social-area p {
    color: #868686;
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    footer .footer-wrapper .footer-menu-wrap .footer-logo-area .social-area p {
        margin-bottom: 15px;
    }
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}
@media (max-width: 1199px) {
    footer
        .footer-wrapper
        .footer-menu-wrap
        .footer-logo-area
        .social-area
        .social-list {
        gap: 20px;
    }
}
@media (max-width: 576px) {
    footer
        .footer-wrapper
        .footer-menu-wrap
        .footer-logo-area
        .social-area
        .social-list {
        justify-content: start;
    }
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li {
    display: block;
    text-align: center;
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    i {
    color: var(--title-color);
    transition: 0.5s;
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: block;
    padding-top: 2px;
    transition: 0.5s;
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    i {
    color: var(--primary-color);
}
footer
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    span {
    color: var(--primary-color);
}
footer .footer-wrapper .footer-menu-wrap .newletter-area {
    max-width: 312px;
    width: 100%;
    margin-bottom: 45px;
}
@media (max-width: 991px) {
    footer .footer-wrapper .footer-menu-wrap .newletter-area {
        margin-bottom: 35px;
    }
}
footer .footer-wrapper .footer-menu-wrap .newletter-area h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 27px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    footer .footer-wrapper .footer-menu-wrap .newletter-area h4 {
        margin-bottom: 20px;
        font-size: 25px;
    }
}
footer .footer-wrapper .footer-menu-wrap .newletter-area .form-inner {
    border: 1px solid var(--primary-color2);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}
footer .footer-wrapper .footer-menu-wrap .newletter-area .form-inner input {
    height: 49px;
    background-color: transparent;
    border: unset;
    padding-left: 0;
}
footer .footer-wrapper .footer-menu-wrap .newletter-area .form-inner button {
    background-color: transparent;
    border: unset;
}
footer .footer-wrapper .footer-menu-wrap .newletter-area .form-inner button i {
    color: var(--title-color);
}
footer .footer-wrapper .footer-menu-wrap .payment-area h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 8px;
}
footer .footer-wrapper .footer-menu-wrap .payment-area .payment-options {
    margin: 0;
    list-style: none;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 32px;
    background-color: var(--white-color);
    border-radius: 5px;
}
footer .footer-wrapper .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 991px) {
    footer .footer-wrapper .footer-bottom {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
}
footer .footer-wrapper .footer-bottom .copyright-area p {
    color: rgba(var(--title-color-opc), 0.6);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}
footer .footer-wrapper .footer-bottom .copyright-area p a {
    color: var(--title-color);
    font-weight: 600;
    transition: 0.5s;
}
footer .footer-wrapper .footer-bottom .copyright-area p a:hover {
    color: var(--primary-color);
}
footer .footer-wrapper .footer-bottom .footer-bottom-right ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    line-height: 1;
}
@media (max-width: 991px) {
    footer .footer-wrapper .footer-bottom .footer-bottom-right ul {
        gap: 30px;
    }
}
@media (max-width: 576px) {
    footer .footer-wrapper .footer-bottom .footer-bottom-right ul {
        gap: 20px;
        justify-content: center;
    }
}
footer .footer-wrapper .footer-bottom .footer-bottom-right ul li a {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.3px;
    transition: 0.5s;
}
footer .footer-wrapper .footer-bottom .footer-bottom-right ul li a:hover {
    color: var(--primary-color);
}
footer.style-2 {
    padding: 0;
}
footer.style-2 .footer-wrapper {
    background-image: url(../img/home2-footer-bg.png),
        linear-gradient(180deg, #222222 0%, #222222 100%);
    background-size: cover;
    background-repeat: no-repeat;
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .widget-title
    h4 {
    color: var(--white-color);
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .widget-title
    h4::after {
    background: linear-gradient(90deg, #fff 0.01%, rgba(11, 12, 12, 0) 102.8%);
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li
    a {
    color: rgba(255, 255, 255, 0.6);
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover
    a {
    color: var(--primary-color);
}
footer.style-2 .footer-wrapper .footer-menu-wrap .footer-logo-area::before {
    background-color: rgba(255, 255, 255, 0.05);
}
footer.style-2 .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
    background-color: rgba(255, 255, 255, 0.05);
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    h5 {
    color: var(--white-color);
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    i {
    color: var(--white-color);
    transition: 0.5s;
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    span {
    color: var(--white-color);
    transition: 0.5s;
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    i {
    color: var(--primary-color);
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    span {
    color: var(--primary-color);
}
footer.style-2 .footer-wrapper .footer-menu-wrap .newletter-area h4 {
    color: var(--white-color);
}
footer.style-2 .footer-wrapper .footer-menu-wrap .newletter-area .form-inner {
    border: 1px solid rgba(255, 255, 255, 0.3);
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    input {
    color: var(--white-color);
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    button
    i {
    color: var(--white-color);
}
footer.style-2 .footer-wrapper .footer-menu-wrap .payment-area h6 {
    color: var(--white-color);
}
footer.style-2
    .footer-wrapper
    .footer-menu-wrap
    .payment-area
    .payment-options {
    background-color: rgba(255, 255, 255, 0.2);
}
footer.style-2 .footer-wrapper .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
footer.style-2 .footer-wrapper .footer-bottom .copyright-area p {
    color: rgba(255, 255, 255, 0.63);
}
footer.style-2 .footer-wrapper .footer-bottom .copyright-area p a {
    color: var(--white-color);
}
footer.style-2 .footer-wrapper .footer-bottom .copyright-area p a:hover {
    color: var(--primary-color);
}
footer.style-2 .footer-wrapper .footer-bottom .footer-bottom-right ul li a {
    color: rgba(255, 255, 255, 0.63);
}
footer.style-2
    .footer-wrapper
    .footer-bottom
    .footer-bottom-right
    ul
    li
    a:hover {
    color: var(--primary-color);
}
footer.style-3 {
    padding: 0;
}
footer.style-3 .footer-wrapper {
    background-image: unset;
    background-color: #5b7b47;
    border-radius: 50px 50px 0 0;
}
@media (max-width: 1199px) {
    footer.style-3 .footer-wrapper {
        border-radius: 30px 30px 0 0;
    }
}
@media (max-width: 576px) {
    footer.style-3 .footer-wrapper {
        border-radius: 20px 20px 0 0;
    }
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .widget-title
    h4 {
    color: var(--white-color);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .widget-title
    h4::after {
    background: linear-gradient(90deg, #fff 0.01%, rgba(11, 12, 12, 0) 102.8%);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li
    a {
    color: rgba(255, 255, 255, 0.6);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li::after {
    background-color: var(--primary-color2);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover
    a {
    color: var(--primary-color2);
}
footer.style-3 .footer-wrapper .footer-menu-wrap .footer-logo-area::before {
    background-color: rgba(255, 255, 255, 0.08);
}
footer.style-3 .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
    background-color: rgba(255, 255, 255, 0.05);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    h5 {
    color: var(--white-color);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    p {
    color: #e1e1e1;
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    i {
    color: var(--white-color);
    transition: 0.5s;
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    span {
    color: var(--white-color);
    transition: 0.5s;
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    i {
    color: var(--primary-color2);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    span {
    color: var(--primary-color2);
}
footer.style-3 .footer-wrapper .footer-menu-wrap .newletter-area h4 {
    color: var(--white-color);
}
footer.style-3 .footer-wrapper .footer-menu-wrap .newletter-area .form-inner {
    border: 1px solid rgba(255, 255, 255, 0.3);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    input {
    color: var(--white-color);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}
footer.style-3
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    button
    i {
    color: var(--white-color);
}
footer.style-3 .footer-wrapper .footer-menu-wrap .payment-area h6 {
    color: var(--white-color);
}
footer.style-3 .footer-wrapper .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
footer.style-3 .footer-wrapper .footer-bottom .copyright-area p {
    color: rgba(255, 255, 255, 0.63);
}
footer.style-3 .footer-wrapper .footer-bottom .copyright-area p a {
    color: var(--white-color);
}
footer.style-3 .footer-wrapper .footer-bottom .copyright-area p a:hover {
    color: var(--primary-color2);
}
footer.style-3 .footer-wrapper .footer-bottom .footer-bottom-right ul li a {
    color: rgba(255, 255, 255, 0.63);
}
footer.style-3
    .footer-wrapper
    .footer-bottom
    .footer-bottom-right
    ul
    li
    a:hover {
    color: var(--primary-color2);
}
footer.style-4 {
    padding: 0;
}
footer.style-4 .footer-wrapper {
    background-image: url(../img/home4/home4-footer-bg.png),
        linear-gradient(180deg, #0a0a0a 0%, #0a0a0a 100%);
    background-size: cover;
    background-repeat: no-repeat;
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .widget-title
    h4 {
    color: var(--white-color);
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .widget-title
    h4::after {
    background: linear-gradient(90deg, #fff 0.01%, rgba(11, 12, 12, 0) 102.8%);
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li
    a {
    color: rgba(255, 255, 255, 0.6);
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover
    a {
    color: var(--primary-color);
}
footer.style-4 .footer-wrapper .footer-menu-wrap .footer-logo-area::before {
    background-color: rgba(255, 255, 255, 0.05);
}
footer.style-4 .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
    background-color: rgba(255, 255, 255, 0.05);
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    h5 {
    color: var(--white-color);
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    i {
    color: var(--white-color);
    transition: 0.5s;
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    span {
    color: var(--white-color);
    transition: 0.5s;
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    i {
    color: var(--primary-color);
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    span {
    color: var(--primary-color);
}
footer.style-4 .footer-wrapper .footer-menu-wrap .newletter-area h4 {
    color: var(--white-color);
}
footer.style-4 .footer-wrapper .footer-menu-wrap .newletter-area .form-inner {
    border: 1px solid rgba(255, 255, 255, 0.3);
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    input {
    color: var(--white-color);
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    button
    i {
    color: var(--white-color);
}
footer.style-4 .footer-wrapper .footer-menu-wrap .payment-area h6 {
    color: var(--white-color);
}
footer.style-4
    .footer-wrapper
    .footer-menu-wrap
    .payment-area
    .payment-options {
    background-color: rgba(255, 255, 255, 0.2);
}
footer.style-4 .footer-wrapper .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
footer.style-4 .footer-wrapper .footer-bottom .copyright-area p {
    color: rgba(255, 255, 255, 0.63);
}
footer.style-4 .footer-wrapper .footer-bottom .copyright-area p a {
    color: var(--white-color);
}
footer.style-4 .footer-wrapper .footer-bottom .copyright-area p a:hover {
    color: var(--primary-color);
}
footer.style-4 .footer-wrapper .footer-bottom .footer-bottom-right ul li a {
    color: rgba(255, 255, 255, 0.63);
}
footer.style-4
    .footer-wrapper
    .footer-bottom
    .footer-bottom-right
    ul
    li
    a:hover {
    color: var(--primary-color);
}
footer.style-5 {
    padding: 0;
}
footer.style-5 .footer-wrapper {
    background-image: url(../img/home5/home5-footer-bg.png),
        linear-gradient(180deg, #e4f5f2 0%, #e4f5f2 100%);
}
footer.style-5 .footer-wrapper .footer-menu-wrap {
    padding: 200px 0 110px 0;
}
@media (max-width: 1199px) {
    footer.style-5 .footer-wrapper .footer-menu-wrap {
        padding: 185px 0 90px 0;
    }
}
@media (max-width: 767px) {
    footer.style-5 .footer-wrapper .footer-menu-wrap {
        padding: 165px 0 70px 0;
    }
}
footer.style-5
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li
    a {
    color: var(--paragraph-color);
}
footer.style-5
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li::after {
    background-color: var(--primary-color4);
}
footer.style-5
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover
    a {
    color: var(--primary-color4);
}
footer.style-5
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover::after {
    opacity: 1;
}
footer.style-5 .footer-wrapper .footer-menu-wrap .footer-logo-area::before {
    background-color: rgba(var(--title-color-opc), 0.05);
}
footer.style-5 .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
    background-color: rgba(var(--title-color-opc), 0.05);
}
footer.style-5
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    i {
    color: var(--primary-color4);
}
footer.style-5
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    span {
    color: var(--primary-color4);
}
footer.style-5 .footer-wrapper .footer-bottom {
    border-top: 1px solid rgba(var(--title-color-opc), 0.1);
}
footer.style-5 .footer-wrapper .footer-bottom .copyright-area p a:hover {
    color: var(--primary-color4);
}
footer.style-5
    .footer-wrapper
    .footer-bottom
    .footer-bottom-right
    ul
    li
    a:hover {
    color: var(--primary-color4);
}
footer.style-5 .footer-wrapper.two .footer-menu-wrap {
    padding: 105px 0;
}
@media (max-width: 1199px) {
    footer.style-5 .footer-wrapper.two .footer-menu-wrap {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    footer.style-5 .footer-wrapper.two .footer-menu-wrap {
        padding: 70px 0;
    }
}
footer.style-6 {
    padding: 0;
}
footer.style-6 .footer-wrapper {
    background-image: url(../img/home6/home6-footer-bg.png),
        linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 100%);
    background-size: cover;
    background-repeat: no-repeat;
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .widget-title
    h4 {
    color: var(--white-color);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .widget-title
    h4::after {
    background: linear-gradient(90deg, #fff 0.01%, rgba(11, 12, 12, 0) 102.8%);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li
    a {
    color: rgba(255, 255, 255, 0.6);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li::after {
    background-color: var(--primary-color5);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover
    a {
    color: var(--primary-color5);
}
footer.style-6 .footer-wrapper .footer-menu-wrap .footer-logo-area::before {
    background-color: rgba(255, 255, 255, 0.05);
}
footer.style-6 .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
    background-color: rgba(255, 255, 255, 0.05);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    h5 {
    color: var(--white-color);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    i {
    color: var(--white-color);
    transition: 0.5s;
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li
    a
    span {
    color: var(--white-color);
    transition: 0.5s;
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    i {
    color: var(--primary-color5);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    span {
    color: var(--primary-color5);
}
footer.style-6 .footer-wrapper .footer-menu-wrap .newletter-area h4 {
    color: var(--white-color);
}
footer.style-6 .footer-wrapper .footer-menu-wrap .newletter-area .form-inner {
    border: 1px solid rgba(255, 255, 255, 0.3);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    input {
    color: var(--white-color);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .newletter-area
    .form-inner
    button
    i {
    color: var(--white-color);
}
footer.style-6 .footer-wrapper .footer-menu-wrap .payment-area h6 {
    color: var(--white-color);
}
footer.style-6
    .footer-wrapper
    .footer-menu-wrap
    .payment-area
    .payment-options {
    background-color: rgba(255, 255, 255, 0.2);
}
footer.style-6 .footer-wrapper .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
footer.style-6 .footer-wrapper .footer-bottom .copyright-area p {
    color: rgba(255, 255, 255, 0.63);
}
footer.style-6 .footer-wrapper .footer-bottom .copyright-area p a {
    color: var(--white-color);
}
footer.style-6 .footer-wrapper .footer-bottom .copyright-area p a:hover {
    color: var(--primary-color5);
}
footer.style-6 .footer-wrapper .footer-bottom .footer-bottom-right ul li a {
    color: rgba(255, 255, 255, 0.63);
}
footer.style-6
    .footer-wrapper
    .footer-bottom
    .footer-bottom-right
    ul
    li
    a:hover {
    color: var(--primary-color5);
}
footer.style-7 {
    padding: 0;
}
footer.style-7 .footer-wrapper {
    background-image: url(../img/home7/home7-footer-bg.png),
        linear-gradient(
            214.02deg,
            rgba(255, 255, 255, 0) 8.45%,
            rgba(255, 220, 182, 0.0657769) 35.51%,
            rgba(255, 148, 33, 0.2) 90.72%
        );
    background-color: #f1fcfa;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
}
footer.style-7 .footer-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;
    background-color: var(--white-color);
    -webkit-clip-path: ellipse(52% 70% at 50% 6%);
    clip-path: ellipse(52% 70% at 50% 6%);
    z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    footer.style-7 .footer-wrapper::before {
        height: 100px;
    }
}
@media (max-width: 1399px) {
    footer.style-7 .footer-wrapper::before {
        height: 70px;
    }
}
@media (max-width: 576px) {
    footer.style-7 .footer-wrapper::before {
        height: 25px;
        -webkit-clip-path: ellipse(52% 80% at 50% 5%);
        clip-path: ellipse(52% 80% at 50% 5%);
    }
}
footer.style-7 .footer-wrapper .footer-menu-wrap {
    padding: 200px 0 110px 0;
}
@media (max-width: 1399px) {
    footer.style-7 .footer-wrapper .footer-menu-wrap {
        padding: 170px 0 90px 0;
    }
}
@media (max-width: 1199px) {
    footer.style-7 .footer-wrapper .footer-menu-wrap {
        padding: 160px 0 90px 0;
    }
}
@media (max-width: 767px) {
    footer.style-7 .footer-wrapper .footer-menu-wrap {
        padding: 130px 0 70px 0;
    }
}
footer.style-7
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li
    a {
    color: var(--paragraph-color);
}
footer.style-7
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li::after {
    background-color: var(--primary-color7);
}
footer.style-7
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover
    a {
    color: var(--primary-color7);
}
footer.style-7
    .footer-wrapper
    .footer-menu-wrap
    .footer-widget
    .menu-container
    .widget-list
    li:hover::after {
    opacity: 1;
}
footer.style-7 .footer-wrapper .footer-menu-wrap .footer-logo-area {
    text-align: start;
    padding: 0;
}
footer.style-7 .footer-wrapper .footer-menu-wrap .footer-logo-area::before {
    display: none;
}
footer.style-7 .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
    background-color: rgba(var(--title-color-opc), 0.05);
    right: 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    footer.style-7 .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
        right: -20px;
    }
}
@media (max-width: 1399px) {
    footer.style-7 .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
        right: -20px;
    }
}
@media (max-width: 1199px) {
    footer.style-7 .footer-wrapper .footer-menu-wrap .footer-logo-area::after {
        right: 0;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    footer.style-7
        .footer-wrapper
        .footer-menu-wrap
        .footer-logo-area
        .footer-logo {
        margin-bottom: 40px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    footer.style-7
        .footer-wrapper
        .footer-menu-wrap
        .footer-logo-area
        .footer-logo {
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    footer.style-7
        .footer-wrapper
        .footer-menu-wrap
        .footer-logo-area
        .social-area
        h5 {
        font-size: 20px;
    }
}
footer.style-7
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list {
    justify-content: start;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    footer.style-7
        .footer-wrapper
        .footer-menu-wrap
        .footer-logo-area
        .social-area
        .social-list {
        gap: 20px;
    }
}
footer.style-7
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    i {
    color: var(--primary-color7);
}
footer.style-7
    .footer-wrapper
    .footer-menu-wrap
    .footer-logo-area
    .social-area
    .social-list
    li:hover
    a
    span {
    color: var(--primary-color7);
}
footer.style-7 .footer-wrapper .footer-menu-wrap .payment-area h6 {
    margin-bottom: 15px;
}
footer.style-7
    .footer-wrapper
    .footer-menu-wrap
    .payment-area
    .payment-options {
    padding: 0;
    background-color: transparent;
}
@media (min-width: 992px) and (max-width: 1199px) {
    footer.style-7 .footer-wrapper .footer-menu-wrap .newletter-area h4 {
        font-size: 25px;
    }
}
footer.style-7 .footer-wrapper .footer-menu-wrap .newletter-and-payment-wrap {
    position: relative;
}
footer.style-7
    .footer-wrapper
    .footer-menu-wrap
    .newletter-and-payment-wrap::before {
    content: "";
    width: 1px;
    height: 240px;
    background-color: rgba(var(--title-color-opc), 0.05);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -65px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    footer.style-7
        .footer-wrapper
        .footer-menu-wrap
        .newletter-and-payment-wrap::before {
        left: -50px;
    }
}
@media (max-width: 1399px) {
    footer.style-7
        .footer-wrapper
        .footer-menu-wrap
        .newletter-and-payment-wrap::before {
        left: -28px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    footer.style-7
        .footer-wrapper
        .footer-menu-wrap
        .newletter-and-payment-wrap::before {
        left: -20px;
    }
}
@media (max-width: 991px) {
    footer.style-7
        .footer-wrapper
        .footer-menu-wrap
        .newletter-and-payment-wrap::before {
        display: none;
    }
}
footer.style-7 .footer-wrapper .footer-bottom {
    border-top: 1px solid rgba(var(--title-color-opc), 0.1);
}
footer.style-7 .footer-wrapper .footer-bottom .copyright-area p a:hover {
    color: var(--primary-color7);
}
footer.style-7
    .footer-wrapper
    .footer-bottom
    .footer-bottom-right
    ul
    li
    a:hover {
    color: var(--primary-color7);
}
footer.style-7 .footer-wrapper.two {
    margin-top: 0;
}
footer.style-7 .footer-wrapper.two::before {
    display: none;
}
footer.style-7 .footer-wrapper.two .footer-menu-wrap {
    padding: 105px 0;
}
@media (max-width: 1199px) {
    footer.style-7 .footer-wrapper.two .footer-menu-wrap {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    footer.style-7 .footer-wrapper.two .footer-menu-wrap {
        padding: 70px 0;
    }
}

/*=====================================
 15. Home2 Banner Section 
========================================*/
.home2-scroll-down-and-banner {
    display: grid;
    grid-template-columns: 4% 96%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-scroll-down-and-banner {
        grid-template-columns: 5% 95%;
    }
}
@media (max-width: 1399px) {
    .home2-scroll-down-and-banner {
        grid-template-columns: 5% 95%;
    }
}
@media (max-width: 1199px) {
    .home2-scroll-down-and-banner {
        grid-template-columns: 5.5% 94.5%;
    }
}
@media (max-width: 991px) {
    .home2-scroll-down-and-banner {
        grid-template-columns: 6.5% 93.5%;
    }
}
@media (max-width: 991px) {
    .home2-scroll-down-and-banner {
        grid-template-columns: 9% 91%;
    }
}
@media (max-width: 576px) {
    .home2-scroll-down-and-banner {
        display: block;
    }
}
.home2-scroll-down-and-banner .scroll-down-area {
    height: 100%;
    padding: 15px;
    background-color: var(--primary-color2);
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 1199px) {
    .home2-scroll-down-and-banner .scroll-down-area {
        padding: 15px 10px;
    }
}
@media (max-width: 576px) {
    .home2-scroll-down-and-banner .scroll-down-area {
        display: none;
    }
}
@keyframes up-down2 {
    0% {
        transform: translateY(40px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(40px);
    }
}
.home2-scroll-down-and-banner .scroll-down-area a {
    width: 40px;
    height: 80px;
    border-radius: 110px;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    animation: up-down2 2s linear infinite alternate;
}
.home2-scroll-down-and-banner .scroll-down-area a svg {
    fill: none;
    stroke: var(--title-color);
    transition: 0.5s;
}
.home2-scroll-down-and-banner .scroll-down-area a:hover {
    background-color: var(--primary-color);
}
.home2-scroll-down-and-banner .scroll-down-area a:hover svg {
    stroke: var(--white-color);
}

.home2-banner-section {
    position: relative;
    width: 100%;
}
.home2-banner-section .banner-bg {
    height: 714px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-banner-section .banner-bg {
        height: 650px;
    }
}
@media (max-width: 1399px) {
    .home2-banner-section .banner-bg {
        height: 650px;
    }
}
.home2-banner-section .banner-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    width: 100%;
    left: 0;
    padding-left: 10%;
    padding-right: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-banner-section .banner-wrapper {
        padding: 0px 3%;
    }
}
@media (max-width: 1399px) {
    .home2-banner-section .banner-wrapper {
        padding: 0px 3%;
    }
}
@media (max-width: 991px) {
    .home2-banner-section .banner-wrapper {
        flex-wrap: wrap;
        gap: 50px;
    }
}
.home2-banner-section .banner-wrapper .banner-content {
    max-width: 636px;
    width: 100%;
}
.home2-banner-section .banner-wrapper .banner-content .sub-title {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 7px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .home2-banner-section .banner-wrapper .banner-content .sub-title {
        margin-bottom: 10px;
    }
}
.home2-banner-section .banner-wrapper .banner-content .sub-title svg {
    fill: var(--white-color);
}
.home2-banner-section .banner-wrapper .banner-content h1 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 72px;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 45px;
}
.home2-banner-section .banner-wrapper .banner-content h1 span {
    font-family: var(--font-playfair);
    font-weight: 600;
    font-style: italic;
    position: relative;
}
.home2-banner-section .banner-wrapper .banner-content h1 span::before {
    content: "";
    position: relative;
    width: 100%;
    height: 1px;
    background-color: var(--white-color);
    position: absolute;
    bottom: 10px;
    left: 0;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-banner-section .banner-wrapper .banner-content h1 {
        font-size: 60px;
    }
}
@media (max-width: 1399px) {
    .home2-banner-section .banner-wrapper .banner-content h1 {
        font-size: 60px;
    }
}
@media (max-width: 767px) {
    .home2-banner-section .banner-wrapper .banner-content h1 {
        font-size: 55px;
    }
}
.home2-banner-section .banner-wrapper .banner-content .button-area {
    display: flex;
    align-items: center;
    gap: 30px;
}
@media (max-width: 767px) {
    .home2-banner-section .banner-wrapper .banner-content .button-area {
        gap: 20px;
        flex-wrap: wrap;
    }
}
.home2-banner-section .banner-wrapper .slider-btn-grp {
    flex-direction: column;
}
@media (max-width: 991px) {
    .home2-banner-section .banner-wrapper .slider-btn-grp {
        display: none;
    }
}
.home2-banner-section .banner-wrapper .slider-btn-grp .slider-btn {
    min-width: 34px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5);
}
.home2-banner-section .banner-wrapper .slider-btn-grp .slider-btn svg {
    fill: rgba(255, 255, 255, 0.5);
}
.home2-banner-section .banner-wrapper .slider-btn-grp .slider-btn:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.home2-banner-section .banner-wrapper .slider-btn-grp .paginations1 {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.home2-banner-section
    .banner-wrapper
    .slider-btn-grp
    .swiper-pagination-bullet {
    width: 3px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    opacity: 1;
}
.home2-banner-section
    .banner-wrapper
    .slider-btn-grp
    .swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.text-slider-section {
    background-color: var(--primary-color2);
    padding: 17px 0;
    overflow: hidden;
}
.text-slider-section .marquee {
    display: flex;
    gap: 30px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.text-slider-section .marquee .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 30px;
    min-width: 100%;
    animation: scroll-x 30s linear infinite;
}
.text-slider-section .marquee .marquee__group span {
    display: flex;
    align-items: center;
    gap: 30px;
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-dmsans);
    font-size: 20px;
    font-weight: 500;
}
.text-slider-section .marquee .marquee__group span svg {
    fill: var(--primary-color);
}
@keyframes scroll-x {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/*=====================================
 16. Home2 Category Section 
========================================*/
.category-card2 {
    background-color: var(--white-color);
    border-radius: 10px;
    padding: 30px 25px;
}
@media (max-width: 991px) {
    .category-card2 {
        padding: 25px 15px;
    }
}
.category-card2 .icon {
    display: flex;
    justify-content: center;
}
.category-card2 .category-content {
    padding-top: 20px;
    text-align: center;
}
.category-card2 .category-content h5 {
    margin-bottom: 5px;
}
.category-card2 .category-content h5 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    transition: 0.5s;
}
@media (max-width: 991px) {
    .category-card2 .category-content h5 a {
        font-size: 18px;
    }
}
@media (max-width: 576px) {
    .category-card2 .category-content h5 a {
        font-size: 17px;
    }
}
.category-card2 .category-content h5 a:hover {
    color: var(--primary-color);
}
.category-card2 .category-content span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}
.category-card2.two {
    background-color: #f5f4ff;
}

.home2-category-section {
    background-color: #fbf8ee;
    padding: 110px 0;
}
@media (max-width: 991px) {
    .home2-category-section {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home2-category-section {
        padding: 70px 0;
    }
}

/*=====================================
 17. Home2 Banner2 Section 
========================================*/
.home2-banner2-section {
    position: relative;
}
.home2-banner2-section .banner-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0;
}
@media (max-width: 1199px) {
    .home2-banner2-section .banner-wrapper {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home2-banner2-section .banner-wrapper {
        padding: 70px 0;
    }
}
.home2-banner2-section .banner-wrapper .banner-content {
    max-width: 472px;
    width: 100%;
    padding: 40px;
    background-image: url(../img/home2-banner2-content-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    position: relative;
}
@media (max-width: 576px) {
    .home2-banner2-section .banner-wrapper .banner-content {
        padding: 35px 20px;
    }
}
.home2-banner2-section .banner-wrapper .banner-content .batch {
    position: absolute;
    top: 0;
    right: 0;
}
.home2-banner2-section .banner-wrapper .banner-content .batch span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    display: block;
    border-radius: 0 10px 0 0;
    background-color: #f04054;
    padding: 8px 10px 8px 22px;
    -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%);
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%);
}
.home2-banner2-section .banner-wrapper .banner-content .price-area {
    margin-bottom: 25px;
}
@media (max-width: 991px) {
    .home2-banner2-section .banner-wrapper .banner-content .price-area {
        margin-bottom: 20px;
    }
}
@media (max-width: 576px) {
    .home2-banner2-section .banner-wrapper .banner-content .price-area {
        margin-bottom: 15px;
    }
}
.home2-banner2-section .banner-wrapper .banner-content .price-area span {
    color: #efefef;
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home2-banner2-section .banner-wrapper .banner-content .price-area h3 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home2-banner2-section .banner-wrapper .banner-content h2 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 40px;
}
@media (max-width: 991px) {
    .home2-banner2-section .banner-wrapper .banner-content h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home2-banner2-section .banner-wrapper .banner-content h2 {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home2-banner2-section .banner-wrapper .banner-content h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}
.home2-banner2-section .banner-wrapper .banner-content .offer-timer {
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    .home2-banner2-section .banner-wrapper .banner-content .offer-timer {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .home2-banner2-section .banner-wrapper .banner-content .offer-timer {
        margin-bottom: 30px;
    }
}
.home2-banner2-section .banner-wrapper .banner-content .offer-timer > span {
    color: var(--white-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 576px) {
    .home2-banner2-section .banner-wrapper .banner-content .offer-timer > span {
        margin-bottom: 15px;
    }
}
.home2-banner2-section
    .banner-wrapper
    .banner-content
    .offer-timer
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home2-banner2-section
        .banner-wrapper
        .banner-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home2-banner2-section
        .banner-wrapper
        .banner-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .home2-banner2-section
        .banner-wrapper
        .banner-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
.home2-banner2-section
    .banner-wrapper
    .banner-content
    .offer-timer
    .countdown-timer
    ul
    li {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home2-banner2-section
        .banner-wrapper
        .banner-content
        .offer-timer
        .countdown-timer
        ul
        li {
        font-size: 23px;
    }
}
.home2-banner2-section
    .banner-wrapper
    .banner-content
    .offer-timer
    .countdown-timer
    ul
    li
    span {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.home2-banner2-section
    .banner-wrapper
    .banner-content
    .offer-timer
    .countdown-timer
    ul
    li
    span:first-child {
    display: none;
    visibility: hidden;
}
.home2-banner2-section
    .banner-wrapper
    .banner-content
    .offer-timer
    .countdown-timer
    ul
    svg {
    fill: rgba(255, 255, 255, 0.3);
}
.home2-banner2-section .banner-wrapper .banner-content .primary-btn {
    font-weight: 500;
    border-radius: 5px;
    padding: 13px 45px;
}
.home2-banner2-section .pagination-area .pagination2 {
    position: absolute;
    right: 35px;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    left: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: unset;
    gap: 14px;
}
@media (max-width: 1399px) {
    .home2-banner2-section .pagination-area .pagination2 {
        right: 25px;
    }
}
@media (max-width: 767px) {
    .home2-banner2-section .pagination-area .pagination2 {
        display: none;
    }
}
.home2-banner2-section .pagination-area .pagination2 .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background-color: var(--white-color);
    opacity: 1;
    margin: 0;
}
.home2-banner2-section
    .pagination-area
    .pagination2
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
    border: 2px solid var(--primary-color);
    width: 19px;
    height: 19px;
    margin: 0;
}
.home2-banner2-section .home2-banner2-slider .swiper-slide-active .price-area {
    animation: fadeInDown 1.7s;
}
.home2-banner2-section .home2-banner2-slider .swiper-slide-active h2 {
    animation: fadeInDown 1.7s;
}
.home2-banner2-section .home2-banner2-slider .swiper-slide-active .offer-timer {
    animation: fadeInUp 1.7s;
}
.home2-banner2-section .home2-banner2-slider .swiper-slide-active .primary-btn {
    animation: fadeInUp 1.7s;
}

/*=====================================
 18. Home2 Upcoming Section 
========================================*/
.home2-upcoming-section {
    padding: 0 9.5%;
}
@media (max-width: 1799px) {
    .home2-upcoming-section {
        padding: 0 7%;
    }
}
@media (max-width: 1699px) {
    .home2-upcoming-section {
        padding: 0 4%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-upcoming-section {
        padding: 0 10px;
    }
}
@media (max-width: 1399px) {
    .home2-upcoming-section {
        padding: 0 10px;
    }
}
.home2-upcoming-section .home2-upcoming-section-wrap {
    display: grid;
    grid-template-columns: 22.3% 77.7%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-upcoming-section .home2-upcoming-section-wrap {
        grid-template-columns: 21% 79%;
    }
}
@media (max-width: 1399px) {
    .home2-upcoming-section .home2-upcoming-section-wrap {
        grid-template-columns: 26% 74%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home2-upcoming-section .home2-upcoming-section-wrap {
        grid-template-columns: 34% 66%;
    }
}
@media (max-width: 991px) {
    .home2-upcoming-section .home2-upcoming-section-wrap {
        display: block;
    }
}
.home2-upcoming-section .home2-upcoming-section-wrap .upcoming-section-banner {
    position: relative;
    margin-right: 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner {
        margin-right: 15px;
    }
}
@media (max-width: 991px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner {
        display: none;
    }
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px 20px 38px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap {
        padding: 25px 15px 38px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap {
        padding: 25px 10px 38px;
    }
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .upcoming-banner-content
    .price-area {
    margin-bottom: 15px;
}
@media (max-width: 576px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap
        .upcoming-banner-content
        .price-area {
        margin-bottom: 10px;
    }
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .upcoming-banner-content
    .price-area
    span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .upcoming-banner-content
    .price-area
    h3 {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .upcoming-banner-content
    h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 40px;
}
@media (max-width: 991px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap
        .upcoming-banner-content
        h4 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap
        .upcoming-banner-content
        h4 {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap
        .upcoming-banner-content
        h4 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .countdown-timer {
    margin-bottom: 25px;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .countdown-timer
    ul
    li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    background-color: var(--white-color);
    padding: 8px 14px;
    border-radius: 5px;
    border: 1px solid var(--border-color2);
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap
        .countdown-timer
        ul
        li {
        padding: 6px 10px;
        font-size: 18px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap
        .countdown-timer
        ul
        li {
        padding: 7px 13px;
        font-size: 18px;
    }
}
@media (max-width: 1199px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap
        .countdown-timer
        ul
        li {
        font-size: 20px;
    }
}
@media (max-width: 576px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-section-banner
        .upcoming-banner-content-wrap
        .countdown-timer
        ul
        li {
        font-size: 16px;
        padding: 5px 10px;
    }
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .countdown-timer
    ul
    li.colon {
    background-color: unset;
    padding: 0;
    border: unset;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .countdown-timer
    ul
    li
    span {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .countdown-timer
    ul
    li
    span:last-child {
    display: none;
    visibility: hidden;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .countdown-timer
    ul
    svg {
    fill: var(--white-color);
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .bid-btn {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    border-radius: 5px;
    background-color: var(--primary-color);
    padding: 8px 25px;
    transition: 0.5s;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-section-banner
    .upcoming-banner-content-wrap
    .bid-btn:hover {
    background-color: var(--primary-color2);
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-auction-slider-area
    .section-title
    h2 {
    font-size: 35px;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-auction-slider-area
    .progress-pagination {
    margin-top: 23px;
    position: relative;
    background: #efefef;
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-auction-slider-area
    .progress-pagination
    .swiper-pagination-progressbar-fill {
    background: var(--primary-color);
}
.home2-upcoming-section
    .home2-upcoming-section-wrap
    .upcoming-auction-slider-area
    .auction-card
    .auction-card-img-wrap
    .countdown-timer {
    width: 245px;
    padding: 0 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-auction-slider-area
        .auction-card
        .auction-card-img-wrap
        .countdown-timer {
        width: 235px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-upcoming-section
        .home2-upcoming-section-wrap
        .upcoming-auction-slider-area
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul {
        gap: 10px;
    }
}

/*=====================================
 19. Home2 Banner3 Section 
========================================*/
.home2-banner3-section {
    padding: 0 9.5%;
}
@media (max-width: 1799px) {
    .home2-banner3-section {
        padding: 0 7%;
    }
}
@media (max-width: 1699px) {
    .home2-banner3-section {
        padding: 0 4%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-banner3-section {
        padding: 0 10px;
    }
}
@media (max-width: 1399px) {
    .home2-banner3-section {
        padding: 0 10px;
    }
}
.home2-banner3-section .banner3-wrapper {
    background-image: url(../img/home2-banner3-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    height: 400px;
}
@media (max-width: 1199px) {
    .home2-banner3-section .banner3-wrapper {
        background-position: 40%;
    }
}
@media (max-width: 991px) {
    .home2-banner3-section .banner3-wrapper {
        background-position: 30%;
    }
}
@media (max-width: 767px) {
    .home2-banner3-section .banner3-wrapper {
        background-position: 15%;
    }
}
@media (max-width: 576px) {
    .home2-banner3-section .banner3-wrapper {
        background-position: 21%;
    }
}
.home2-banner3-section .banner3-wrapper .countdown-timer {
    position: absolute;
    bottom: 80px;
    left: 16%;
    transform: rotate(-5.99deg);
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-banner3-section .banner3-wrapper .countdown-timer {
        bottom: 90px;
        left: 14%;
    }
}
@media (max-width: 1399px) {
    .home2-banner3-section .banner3-wrapper .countdown-timer {
        bottom: 90px;
        left: 8%;
    }
}
@media (max-width: 1199px) {
    .home2-banner3-section .banner3-wrapper .countdown-timer {
        left: 4%;
    }
}
@media (max-width: 767px) {
    .home2-banner3-section .banner3-wrapper .countdown-timer {
        left: 18%;
        bottom: 100px;
    }
}
@media (max-width: 576px) {
    .home2-banner3-section .banner3-wrapper .countdown-timer {
        left: 10%;
        bottom: 105px;
    }
}
.home2-banner3-section .banner3-wrapper .countdown-timer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.home2-banner3-section .banner3-wrapper .countdown-timer ul li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 19px;
    font-weight: 900;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    background-color: var(--white-color);
    padding: 8px 18px;
    border-radius: 5px;
    border: 1px solid var(--border-color2);
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home2-banner3-section .banner3-wrapper .countdown-timer ul li {
        padding: 7px 13px;
    }
}
@media (max-width: 1199px) {
    .home2-banner3-section .banner3-wrapper .countdown-timer ul li {
        font-size: 20px;
    }
}
@media (max-width: 576px) {
    .home2-banner3-section .banner3-wrapper .countdown-timer ul li {
        font-size: 18px;
        padding: 7px 13px;
    }
}
.home2-banner3-section .banner3-wrapper .countdown-timer ul li.colon {
    background-color: unset;
    padding: 0;
    border: unset;
}
.home2-banner3-section .banner3-wrapper .countdown-timer ul li span {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}
.home2-banner3-section .banner3-wrapper .countdown-timer ul li span:last-child {
    display: none;
    visibility: hidden;
}
.home2-banner3-section .banner3-wrapper .countdown-timer ul svg {
    fill: var(--white-color);
}

/*=====================================
 20. Home2 Popular Auction Section 
========================================*/
.home2-popular-auction-section {
    padding: 0 9.5%;
}
@media (max-width: 1799px) {
    .home2-popular-auction-section {
        padding: 0 7%;
    }
}
@media (max-width: 1699px) {
    .home2-popular-auction-section {
        padding: 0 4%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-popular-auction-section {
        padding: 0 10px;
    }
}
@media (max-width: 1399px) {
    .home2-popular-auction-section {
        padding: 0 10px;
    }
}
.home2-popular-auction-section .home2-popular-auction-wrap {
    display: grid;
    grid-template-columns: 100%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-popular-auction-section .home2-popular-auction-wrap {
        grid-template-columns: 21% 79%;
    }
}
@media (max-width: 1399px) {
    .home2-popular-auction-section .home2-popular-auction-wrap {
        grid-template-columns: 26% 74%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home2-popular-auction-section .home2-popular-auction-wrap {
        grid-template-columns: 23% 77%;
    }
}
@media (max-width: 991px) {
    .home2-popular-auction-section .home2-popular-auction-wrap {
        display: block;
    }
}
.home2-popular-auction-section .home2-popular-auction-wrap .highest-bidding {
    padding: 25px 20px 20px;
    border: 1px solid rgba(233, 233, 233, 0.7);
    border-radius: 10px;
    margin-right: 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-popular-auction-section
        .home2-popular-auction-wrap
        .highest-bidding {
        margin-right: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home2-popular-auction-section
        .home2-popular-auction-wrap
        .highest-bidding {
        padding: 25px 15px 20px;
        margin-right: 15px;
    }
}
@media (max-width: 991px) {
    .home2-popular-auction-section
        .home2-popular-auction-wrap
        .highest-bidding {
        margin-right: 0;
        margin-bottom: 30px;
    }
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .section-title
    h2 {
    font-size: 22px;
    font-weight: 900;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-img-wrap
    .card-img {
    border-radius: 10px;
    height: 100%;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-img-wrap
    .card-img
    img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-content {
    padding: 5px 10px;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-content
    h6 {
    margin-bottom: 10px;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-content
    h6
    a {
    font-size: 16px;
    line-height: 1.3;
}
@media (max-width: 991px) {
    .home2-popular-auction-section
        .home2-popular-auction-wrap
        .highest-bidding
        .highest-bidding-card-wrap
        .auction-card
        .auction-card-content
        h6
        a {
        font-size: 18px;
    }
}
@media (max-width: 576px) {
    .home2-popular-auction-section
        .home2-popular-auction-wrap
        .highest-bidding
        .highest-bidding-card-wrap
        .auction-card
        .auction-card-content
        h6
        a {
        font-size: 17px;
    }
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-content
    .price-and-code-area
    .price
    span {
    font-size: 10px;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-content
    .price-and-code-area
    .price
    strong {
    font-size: 18px;
    font-weight: 700;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-content
    .price-and-code-area
    .batch
    span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #b90101;
    border-radius: 15px;
    padding: 5px 8px;
    margin-bottom: 5px;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-content
    .price-and-code-area
    .batch
    span:last-child {
    margin-bottom: 0;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .highest-bidding
    .highest-bidding-card-wrap
    .auction-card
    .auction-card-content
    .price-and-code-area
    .batch
    span
    svg {
    fill: var(--white-color);
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .progress-pagination2 {
    margin-top: 23px;
    position: relative;
    background: #efefef;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .progress-pagination2
    .swiper-pagination-progressbar-fill {
    background: var(--primary-color);
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card {
    display: grid;
    grid-template-columns: 35% 65%;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card
    .auction-card-img-wrap
    .card-img {
    border-radius: 10px;
    height: 100%;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card
    .auction-card-img-wrap
    .card-img
    img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card
    .auction-card-img-wrap
    .batch {
    opacity: 1;
    transition: 0.5s;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card
    .auction-card-img-wrap
    .code-no {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transition: 0.5s;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card
    .auction-card-img-wrap
    .code-no
    span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.03em;
    display: block;
    background-color: var(--primary-color2);
    border-radius: 10px 10px 0 0;
    width: 100%;
    padding: 7px 16px;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card
    .auction-card-content {
    padding: 15px 12px;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card
    .auction-card-content
    h6
    a {
    font-size: 16px;
    font-weight: 700;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home2-popular-auction-section
        .home2-popular-auction-wrap
        .popular-auction-slider-area
        .auction-card
        .auction-card-content
        h6
        a {
        font-size: 15px;
    }
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card
    .auction-card-content
    .price-and-code-area
    .price
    strong {
    font-size: 20px;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card:hover
    .auction-card-img-wrap
    .batch {
    opacity: 0;
}
.home2-popular-auction-section
    .home2-popular-auction-wrap
    .popular-auction-slider-area
    .auction-card:hover
    .auction-card-img-wrap
    .code-no {
    opacity: 1;
    transform: scaleX(1);
}

/*=====================================
 21. Home2 Process Section 
========================================*/
.home2-process-section {
    background-color: #f6f0fa;
    padding: 110px 8%;
}
@media (max-width: 1799px) {
    .home2-process-section {
        padding: 110px 5%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-process-section {
        padding: 110px 2%;
    }
}
@media (max-width: 1399px) {
    .home2-process-section {
        padding: 110px 2%;
    }
}
@media (max-width: 1199px) {
    .home2-process-section {
        padding: 90px 2%;
    }
}
@media (max-width: 767px) {
    .home2-process-section {
        padding: 70px 10px;
    }
}
.home2-process-section .process-wrapper {
    position: relative;
}
.home2-process-section .process-wrapper::before {
    content: "";
    background-image: linear-gradient(to right, transparent 50%, #6a6a6a 50%);
    background-size: 10px 100%;
    width: 1199px;
    height: 1px;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-process-section .process-wrapper::before {
        width: 1080px;
    }
}
@media (max-width: 1399px) {
    .home2-process-section .process-wrapper::before {
        width: 918px;
    }
}
@media (max-width: 1199px) {
    .home2-process-section .process-wrapper::before {
        display: none;
    }
}
.home2-process-section .process-wrapper .single-process-wrap {
    max-width: 320px;
    width: 100%;
}
@media (max-width: 1199px) {
    .home2-process-section .process-wrapper .single-process-wrap {
        max-width: unset;
    }
}
.home2-process-section .process-wrapper .single-process-wrap .step {
    padding-bottom: 60px;
    text-align: center;
}
@media (max-width: 1199px) {
    .home2-process-section .process-wrapper .single-process-wrap .step {
        padding-bottom: 50px;
    }
}
.home2-process-section .process-wrapper .single-process-wrap .step span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 5px 27px;
    background-color: #6a6a6a;
    border-radius: 50px;
    position: relative;
    z-index: 1;
}
.home2-process-section .process-wrapper .single-process-wrap .step span .arrow {
    fill: #6a6a6a;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.home2-process-section .process-wrapper .single-process-wrap .step span .dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -150px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #6a6a6a;
}
@media (max-width: 1699px) {
    .home2-process-section
        .process-wrapper
        .single-process-wrap
        .step
        span
        .dot {
        right: -135px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-process-section
        .process-wrapper
        .single-process-wrap
        .step
        span
        .dot {
        right: -118px;
    }
}
@media (max-width: 1399px) {
    .home2-process-section
        .process-wrapper
        .single-process-wrap
        .step
        span
        .dot {
        right: -95px;
    }
}
@media (max-width: 1199px) {
    .home2-process-section
        .process-wrapper
        .single-process-wrap
        .step
        span
        .dot {
        display: none;
    }
}
.home2-process-section
    .process-wrapper
    .single-process-wrap
    .step
    span
    .dot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    border: 1px solid #6a6a6a;
    border-radius: 50%;
    z-index: -1;
}
.home2-process-section .process-wrapper .single-process-wrap .process-card {
    padding: 30px 25px;
    border-radius: 10px;
    background-color: var(--white-color);
}
@media (max-width: 1399px) {
    .home2-process-section .process-wrapper .single-process-wrap .process-card {
        padding: 25px 20px;
    }
}
.home2-process-section
    .process-wrapper
    .single-process-wrap
    .process-card
    .process-card-top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
.home2-process-section
    .process-wrapper
    .single-process-wrap
    .process-card
    .process-card-top
    .icon
    svg {
    fill: var(--primary-color);
}
.home2-process-section
    .process-wrapper
    .single-process-wrap
    .process-card
    .process-card-top
    h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 1399px) {
    .home2-process-section
        .process-wrapper
        .single-process-wrap
        .process-card
        .process-card-top
        h3 {
        font-size: 25px;
    }
}
.home2-process-section
    .process-wrapper
    .single-process-wrap
    .process-card
    .process-content
    p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.03em;
    margin-bottom: 30px;
}
.home2-process-section
    .process-wrapper
    .single-process-wrap
    .process-card
    .process-content
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.home2-process-section
    .process-wrapper
    .single-process-wrap
    .process-card
    .process-content
    ul
    li {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.02em;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(var(--title-color-opc), 0.1);
}
.home2-process-section
    .process-wrapper
    .single-process-wrap
    .process-card
    .process-content
    ul
    li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: unset;
}
.home2-process-section
    .process-wrapper
    .single-process-wrap
    .process-card
    .process-content
    ul
    li
    strong {
    font-size: 17px;
    font-weight: 700;
}
.home2-process-section
    .process-wrapper
    .single-process-wrap:hover
    .process-card
    .process-card-top
    .icon {
    animation: bounceIn 1.2s linear;
}

/*=====================================
 22. Home2 Testimonial Section 
========================================*/
.testimonial-card {
    background-color: var(--white-color);
    border-radius: 10px;
    padding: 40px 35px 20px;
    position: relative;
}
@media (max-width: 1399px) {
    .testimonial-card {
        padding: 40px 25px 20px;
    }
}
@media (max-width: 991px) {
    .testimonial-card {
        padding: 35px 20px 20px;
    }
}
.testimonial-card .quote {
    position: absolute;
    top: 10px;
    right: 25px;
    fill: rgba(var(--title-color-opc), 0.05);
}
.testimonial-card .testimonial-content span {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 20.83px;
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 991px) {
    .testimonial-card .testimonial-content span {
        margin-bottom: 20px;
    }
}
.testimonial-card .testimonial-content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .testimonial-card .testimonial-content p {
        margin-bottom: 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .testimonial-card .testimonial-content p {
        font-size: 17px;
    }
}
.testimonial-card .testimonial-author-wrap {
    padding-top: 20px;
    border-top: 1px solid rgba(var(--title-color-opc), 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}
.testimonial-card .testimonial-author-wrap .author-area {
    display: flex;
    align-items: center;
    gap: 10px;
}
.testimonial-card .testimonial-author-wrap .author-area .author-img img {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    border-radius: 10px;
}
.testimonial-card .testimonial-author-wrap .author-area .author-content {
    line-height: 1;
}
.testimonial-card .testimonial-author-wrap .author-area .author-content h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
}
@media (max-width: 1399px) {
    .testimonial-card .testimonial-author-wrap .author-area .author-content h6 {
        font-size: 18px;
    }
}
@media (max-width: 576px) {
    .testimonial-card .testimonial-author-wrap .author-area .author-content h6 {
        font-size: 16px;
    }
}
.testimonial-card .testimonial-author-wrap .author-area .author-content span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
}
.testimonial-card .testimonial-author-wrap .date-time-area {
    line-height: 1;
    text-align: end;
}
.testimonial-card .testimonial-author-wrap .date-time-area h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px;
}
.testimonial-card .testimonial-author-wrap .date-time-area span {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.testimonial-card.two .testimonial-content span {
    color: var(--primary-color4);
}
.testimonial-card.two .testimonial-author-wrap .author-area .author-img img {
    border-radius: 50%;
}
.testimonial-card.three {
    padding: 30px 35px 40px;
}
@media (max-width: 1399px) {
    .testimonial-card.three {
        padding: 30px 25px 40px;
    }
}
@media (max-width: 991px) {
    .testimonial-card.three {
        padding: 30px 20px 35px;
    }
}
.testimonial-card.three .testimonial-author-wrap {
    padding-top: 0;
    padding-bottom: 20px;
    border-top: unset;
    border-bottom: 1px solid rgba(var(--title-color-opc), 0.05);
    margin-bottom: 25px;
}
@media (max-width: 576px) {
    .testimonial-card.three .testimonial-author-wrap {
        margin-bottom: 20px;
        padding-bottom: 15px;
    }
}
.testimonial-card.three .testimonial-author-wrap .author-area .author-img img {
    border-radius: 50%;
}
.testimonial-card.three .testimonial-content span {
    color: var(--primary-color6);
    margin-bottom: 0;
}

.home2-testimonial-section {
    background-image: linear-gradient(180deg, #e3fbee 0%, #e3fbee 100%),
        url(../img/home2-testimonial-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 110px 7%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-testimonial-section {
        padding: 110px 5%;
    }
}
@media (max-width: 1399px) {
    .home2-testimonial-section {
        padding: 110px 2%;
    }
}
@media (max-width: 1199px) {
    .home2-testimonial-section {
        padding: 90px 20px;
    }
}
@media (max-width: 767px) {
    .home2-testimonial-section {
        padding: 70px 10px;
    }
}
.home2-testimonial-section .testimonial-slider-area {
    position: relative;
}
.home2-testimonial-section .testimonial-slider-area .slider-btn-grp {
    display: block;
}
@media (max-width: 991px) {
    .home2-testimonial-section .testimonial-slider-area .slider-btn-grp {
        display: none;
    }
}
.home2-testimonial-section
    .testimonial-slider-area
    .slider-btn-grp
    .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -80px;
    z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-testimonial-section
        .testimonial-slider-area
        .slider-btn-grp
        .slider-btn {
        left: -50px;
    }
}
@media (max-width: 1399px) {
    .home2-testimonial-section
        .testimonial-slider-area
        .slider-btn-grp
        .slider-btn {
        left: -17px;
    }
}
.home2-testimonial-section
    .testimonial-slider-area
    .slider-btn-grp
    .slider-btn.home2-testimonial-slider-next {
    left: unset;
    right: -80px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home2-testimonial-section
        .testimonial-slider-area
        .slider-btn-grp
        .slider-btn.home2-testimonial-slider-next {
        right: -50px;
    }
}
@media (max-width: 1399px) {
    .home2-testimonial-section
        .testimonial-slider-area
        .slider-btn-grp
        .slider-btn.home2-testimonial-slider-next {
        right: -17px;
    }
}

/*=====================================
 23. Home2 Footer Top Section 
========================================*/
.home2-footer-top-area {
    position: relative;
}
@media (max-width: 991px) {
    .home2-footer-top-area {
        background-image: linear-gradient(180deg, #5bbb7b 0%, #5bbb7b 100%),
            url(../img/home2-footer-top-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 30px 30px 0 0;
    }
}
@media (max-width: 576px) {
    .home2-footer-top-area {
        border-radius: 30px 30px 0 0;
    }
}
.home2-footer-top-area::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../img/home2-footer-top-bg.png),
        linear-gradient(180deg, #5bbb7b 0%, #5bbb7b 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 405px;
    z-index: -1;
    border-radius: 50px 50px 0 0;
}
@media (max-width: 1199px) {
    .home2-footer-top-area::before {
        height: 280px;
        border-radius: 30px 30px 0 0;
    }
}
@media (max-width: 991px) {
    .home2-footer-top-area::before {
        display: none;
    }
}
.home2-footer-top-area .footer-top-wrapper {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.home2-footer-top-area .footer-top-wrapper .footer-top-content {
    max-width: 550px;
    width: 100%;
    padding-bottom: 100px;
}
@media (max-width: 1199px) {
    .home2-footer-top-area .footer-top-wrapper .footer-top-content {
        padding-bottom: 45px;
    }
}
@media (max-width: 991px) {
    .home2-footer-top-area .footer-top-wrapper .footer-top-content {
        padding: 70px 0;
        text-align: center;
        margin: 0 auto;
    }
}
@media (max-width: 576px) {
    .home2-footer-top-area .footer-top-wrapper .footer-top-content {
        padding: 55px 0;
    }
}
.home2-footer-top-area .footer-top-wrapper .footer-top-content h2 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 50px;
}
@media (max-width: 1199px) {
    .home2-footer-top-area .footer-top-wrapper .footer-top-content h2 {
        font-size: 45px;
        margin-bottom: 30px;
    }
}
@media (max-width: 576px) {
    .home2-footer-top-area .footer-top-wrapper .footer-top-content h2 {
        font-size: 38px;
    }
}
.home2-footer-top-area .footer-top-wrapper .footer-top-content h2 span {
    font-family: var(--font-playfair);
    font-style: italic;
    font-weight: 800;
}
.home2-footer-top-area .footer-top-wrapper .footer-top-content .button-grp {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}
@media (max-width: 991px) {
    .home2-footer-top-area .footer-top-wrapper .footer-top-content .button-grp {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }
}
.home2-footer-top-area
    .footer-top-wrapper
    .footer-top-content
    .button-grp
    .primary-btn {
    padding: 18px 31px;
    background-color: transparent;
    border: 1px solid var(--white-color);
}
.home2-footer-top-area
    .footer-top-wrapper
    .footer-top-content
    .button-grp
    .primary-btn
    span {
    background-color: var(--primary-color2);
}
.home2-footer-top-area
    .footer-top-wrapper
    .footer-top-content
    .button-grp
    .primary-btn:hover {
    border-color: var(--primary-color2);
}
.home2-footer-top-area
    .footer-top-wrapper
    .footer-top-content
    .button-grp
    .primary-btn.black-bg {
    background-color: var(--primary-color2);
    border: unset;
}
.home2-footer-top-area
    .footer-top-wrapper
    .footer-top-content
    .button-grp
    .primary-btn.black-bg
    span {
    background-color: var(--white-color);
}
.home2-footer-top-area
    .footer-top-wrapper
    .footer-top-content
    .button-grp
    .primary-btn.black-bg:hover {
    color: var(--title-color);
}
.home2-footer-top-area
    .footer-top-wrapper
    .footer-top-content
    .button-grp
    .primary-btn.black-bg:hover
    svg {
    fill: var(--title-color);
}
.home2-footer-top-area
    .footer-top-wrapper
    .footer-top-content
    .button-grp
    .arrow {
    fill: rgba(255, 255, 255, 0.25);
    position: absolute;
    right: -32%;
    bottom: -30px;
}
@media (max-width: 1399px) {
    .home2-footer-top-area
        .footer-top-wrapper
        .footer-top-content
        .button-grp
        .arrow {
        right: -8%;
        bottom: -30px;
        width: 220px;
    }
}
@media (max-width: 991px) {
    .home2-footer-top-area
        .footer-top-wrapper
        .footer-top-content
        .button-grp
        .arrow {
        display: none;
    }
}
.home2-footer-top-area .footer-top-wrapper .footer-top-img {
    position: relative;
    z-index: 1;
}
.home2-footer-top-area .footer-top-wrapper .footer-top-img::before {
    content: "";
    width: 473px;
    height: 290px;
    background-color: #48a868;
    border-radius: 500px 500px 0 0;
    position: absolute;
    bottom: 0;
    left: 24%;
    z-index: -1;
}
@media (max-width: 1399px) {
    .home2-footer-top-area .footer-top-wrapper .footer-top-img::before {
        width: 450px;
        height: 270px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home2-footer-top-area .footer-top-wrapper .footer-top-img::before {
        width: 315px;
        height: 190px;
    }
}
@media (max-width: 991px) {
    .home2-footer-top-area .footer-top-wrapper .footer-top-img {
        display: none;
    }
}

/*=====================================
 24. Home3 Banner3 Section 
========================================*/
.home3-banner-section {
    padding: 0 100px;
}
@media (max-width: 1699px) {
    .home3-banner-section {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-banner-section {
        padding: 0 25px;
    }
}
@media (max-width: 1399px) {
    .home3-banner-section {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .home3-banner-section {
        padding: 0;
    }
}
.home3-banner-section .banner-wrapper {
    background-image: url(../img/home3/home3-banner-section.png),
        linear-gradient(180deg, #5b7b47 0%, #5b7b47 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 50px 10%;
    border-radius: 0 0 50px 50px;
    position: relative;
}
@media (max-width: 1799px) {
    .home3-banner-section .banner-wrapper {
        padding: 50px 8%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-banner-section .banner-wrapper {
        padding: 50px 5%;
    }
}
@media (max-width: 1399px) {
    .home3-banner-section .banner-wrapper {
        padding: 50px 4%;
    }
}
@media (max-width: 991px) {
    .home3-banner-section .banner-wrapper {
        padding: 130px 5%;
        border-radius: 0 0 30px 30px;
    }
}
@media (max-width: 767px) {
    .home3-banner-section .banner-wrapper {
        padding: 100px 20px;
        border-radius: 0 0 20px 20px;
    }
}
@media (max-width: 576px) {
    .home3-banner-section .banner-wrapper {
        padding: 90px 20px;
        border-radius: 0 0 10px 10px;
    }
}
.home3-banner-section .banner-wrapper .banner-content {
    max-width: 645px;
    width: 100%;
}
.home3-banner-section .banner-wrapper .banner-content h1 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 65px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 10px;
    position: relative;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-banner-section .banner-wrapper .banner-content h1 {
        font-size: 55px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home3-banner-section .banner-wrapper .banner-content h1 {
        font-size: 48px;
    }
}
@media (max-width: 767px) {
    .home3-banner-section .banner-wrapper .banner-content h1 {
        font-size: 53px;
    }
}
.home3-banner-section .banner-wrapper .banner-content h1::before {
    content: url(../img/home3/icon/circle-vector.svg);
    position: absolute;
    top: 0;
    left: -65px;
}
@media (max-width: 1399px) {
    .home3-banner-section .banner-wrapper .banner-content h1::before {
        left: -35px;
    }
}
@media (max-width: 991px) {
    .home3-banner-section .banner-wrapper .banner-content h1::before {
        left: -30px;
    }
}
@media (max-width: 767px) {
    .home3-banner-section .banner-wrapper .banner-content h1::before {
        top: -15px;
        left: -25px;
    }
}
.home3-banner-section .banner-wrapper .banner-content h1 span {
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--font-playfair);
    font-style: italic;
    font-weight: 700;
    text-decoration: underline;
}
.home3-banner-section .banner-wrapper .banner-content p {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home3-banner-section .banner-wrapper .banner-content p {
        margin-bottom: 25px;
    }
}
.home3-banner-section .banner-wrapper .banner-content .button-area {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 45px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home3-banner-section .banner-wrapper .banner-content .button-area {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home3-banner-section .banner-wrapper .banner-content .button-area {
        gap: 20px;
        flex-wrap: wrap;
    }
}
.home3-banner-section .banner-wrapper .banner-content .partner-area h6 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 15px;
}
.home3-banner-section .banner-wrapper .banner-content .partner-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 60px;
}
@media (max-width: 1399px) {
    .home3-banner-section .banner-wrapper .banner-content .partner-area ul {
        gap: 40px;
    }
}
@media (max-width: 767px) {
    .home3-banner-section .banner-wrapper .banner-content .partner-area ul {
        gap: 20px;
        flex-wrap: wrap;
    }
}
.home3-banner-section .banner-wrapper .banner-img {
    position: relative;
}
@media (max-width: 991px) {
    .home3-banner-section .banner-wrapper .banner-img {
        display: none;
    }
}
.home3-banner-section .banner-wrapper .banner-img::before {
    content: url(../img/home3/icon/banner-img-bg-vector.svg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -55px;
}
.home3-banner-section .banner-wrapper .banner-img .banner-left-img img {
    border-radius: 50px 20px 20px 20px;
}
.home3-banner-section
    .banner-wrapper
    .banner-img
    .banner-right-img-grp
    .right-top-img {
    border-radius: 20px;
    margin-bottom: 20px;
}
.home3-banner-section
    .banner-wrapper
    .banner-img
    .banner-right-img-grp
    .right-bottom-img {
    border-radius: 20px 20px 50px 20px;
}
.home3-banner-section .banner-wrapper .social-list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 46px;
    z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-banner-section .banner-wrapper .social-list {
        left: 5px;
    }
}
@media (max-width: 1199px) {
    .home3-banner-section .banner-wrapper .social-list {
        left: 10px;
    }
}
@media (max-width: 1199px) {
    .home3-banner-section .banner-wrapper .social-list {
        display: none;
    }
}
.home3-banner-section .banner-wrapper .social-list li {
    position: relative;
    line-height: 1;
    transition: 0.5s;
}
.home3-banner-section .banner-wrapper .social-list li::before {
    content: "";
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.2);
    width: 3px;
    height: 3px;
    border-radius: 50%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-banner-section .banner-wrapper .social-list li::before {
        top: -15px;
    }
}
.home3-banner-section .banner-wrapper .social-list li:first-child::before {
    display: none;
}
.home3-banner-section .banner-wrapper .social-list li a i {
    color: rgba(255, 255, 255, 0.6);
    font-size: 22px;
    transition: 0.5s;
}
.home3-banner-section .banner-wrapper .social-list li a i.bi-twitter-x {
    font-size: 18px;
}
.home3-banner-section .banner-wrapper .social-list li:hover a i {
    color: var(--primary-color3);
}

/*=====================================
 25. Home3 Banner2 Section 
========================================*/
.home3-banner2-section {
    padding: 0 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-banner2-section {
        padding: 0 20px;
    }
}
@media (max-width: 1399px) {
    .home3-banner2-section {
        padding: 0 20px;
    }
}
@media (max-width: 576px) {
    .home3-banner2-section {
        padding: 0 10px;
    }
}
.home3-banner2-section .single-banner {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 50px 0 50px 55px;
    position: relative;
}
@media (max-width: 1699px) {
    .home3-banner2-section .single-banner {
        padding: 40px 0 40px 35px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-banner2-section .single-banner {
        padding: 45px 0 45px 35px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-banner2-section .single-banner {
        padding: 40px 0 40px 25px;
    }
}
@media (max-width: 991px) {
    .home3-banner2-section .single-banner {
        padding: 30px 0 30px 35px;
    }
}
@media (max-width: 767px) {
    .home3-banner2-section .single-banner {
        padding: 40px 0 40px 35px;
    }
}
@media (max-width: 576px) {
    .home3-banner2-section .single-banner {
        padding: 40px 20px;
    }
}
.home3-banner2-section .single-banner .banner2-content .price-area {
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .home3-banner2-section .single-banner .banner2-content .price-area {
        margin-bottom: 20px;
    }
}
@media (max-width: 576px) {
    .home3-banner2-section .single-banner .banner2-content .price-area {
        margin-bottom: 15px;
    }
}
.home3-banner2-section .single-banner .banner2-content .price-area span {
    color: rgba(255, 255, 255, 0.73);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home3-banner2-section .single-banner .banner2-content .price-area h3 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home3-banner2-section .single-banner .banner2-content h2 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 35px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-banner2-section .single-banner .banner2-content h2 {
        font-size: 32px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-banner2-section .single-banner .banner2-content h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
}
@media (max-width: 991px) {
    .home3-banner2-section .single-banner .banner2-content h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home3-banner2-section .single-banner .banner2-content h2 {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home3-banner2-section .single-banner .banner2-content h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}
.home3-banner2-section .single-banner .banner2-content .offer-timer {
    margin-bottom: 50px;
}
@media (max-width: 1199px) {
    .home3-banner2-section .single-banner .banner2-content .offer-timer {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .home3-banner2-section .single-banner .banner2-content .offer-timer {
        margin-bottom: 30px;
    }
}
.home3-banner2-section .single-banner .banner2-content .offer-timer > span {
    color: var(--white-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 576px) {
    .home3-banner2-section .single-banner .banner2-content .offer-timer > span {
        margin-bottom: 15px;
    }
}
.home3-banner2-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-banner2-section
        .single-banner
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home3-banner2-section
        .single-banner
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .home3-banner2-section
        .single-banner
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
.home3-banner2-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home3-banner2-section
        .single-banner
        .banner2-content
        .offer-timer
        .countdown-timer
        ul
        li {
        font-size: 23px;
    }
}
.home3-banner2-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li
    span {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.home3-banner2-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li
    span:first-child {
    display: none;
    visibility: hidden;
}
.home3-banner2-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    svg {
    fill: rgba(255, 255, 255, 0.15);
}
.home3-banner2-section .single-banner .banner2-content .primary-btn2 {
    font-weight: 500;
    border-radius: 5px;
    padding: 13px 45px;
}
.home3-banner2-section .single-banner .banner2-img {
    padding-right: 120px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-banner2-section .single-banner .banner2-img {
        padding-right: 100px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-banner2-section .single-banner .banner2-img {
        padding-right: 50px;
    }
}
@media (max-width: 991px) {
    .home3-banner2-section .single-banner .banner2-img {
        padding-right: 60px;
    }
}
@media (max-width: 767px) {
    .home3-banner2-section .single-banner .banner2-img {
        display: none;
    }
}
.home3-banner2-section .single-banner .batch {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width: 576px) {
    .home3-banner2-section .single-banner .batch {
        left: unset;
        right: 30px;
        transform: none;
    }
}
.home3-banner2-section .single-banner .batch span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-align: center;
    display: block;
    padding: 26px 17px;
    border-radius: 0 0 50px 50px;
    background-color: var(--primary-color3);
}
.home3-banner2-section .single-banner.two {
    padding: 30px 0 31px 55px;
}
@media (max-width: 1799px) {
    .home3-banner2-section .single-banner.two {
        padding: 36px 0 36px 40px;
    }
}
@media (max-width: 1699px) {
    .home3-banner2-section .single-banner.two {
        padding: 45px 0 45px 35px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-banner2-section .single-banner.two {
        padding: 50px 0 50px 25px;
    }
}
@media (max-width: 991px) {
    .home3-banner2-section .single-banner.two {
        padding: 25px 0 25px 35px;
    }
}
@media (max-width: 767px) {
    .home3-banner2-section .single-banner.two {
        padding: 40px 0 40px 35px;
    }
}
@media (max-width: 576px) {
    .home3-banner2-section .single-banner.two {
        padding: 40px 20px;
    }
}
.home3-banner2-section .single-banner.two .banner2-content .price-area span {
    color: var(--paragraph-color);
}
.home3-banner2-section .single-banner.two .banner2-content .price-area h3 {
    color: var(--primary-color3);
}
.home3-banner2-section .single-banner.two .banner2-content h2 {
    color: var(--title-color);
}
.home3-banner2-section .single-banner.two .banner2-content .offer-timer > span {
    color: var(--title-color);
}
.home3-banner2-section
    .single-banner.two
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li {
    color: var(--title-color);
}
.home3-banner2-section
    .single-banner.two
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li
    span {
    color: rgba(var(--title-color-opc), 0.7);
}
.home3-banner2-section
    .single-banner.two
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    svg {
    fill: rgba(var(--title-color-opc), 0.15);
}

/*=====================================
 26. Home3 Highest Bidding Section 
========================================*/
.home3-highest-Bidding-section .nav-pills {
    gap: 15px;
    flex-wrap: wrap;
}
.home3-highest-Bidding-section .nav-pills .nav-item .nav-link {
    border: 1px solid rgba(var(--title-color-opc), 0.4);
    border-radius: 50px;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    padding: 9px 17px;
    transition: 0.5s;
}
.home3-highest-Bidding-section .nav-pills .nav-item .nav-link.active {
    background-color: var(--primary-color3);
    border-color: var(--primary-color3);
    color: var(--white-color);
    font-weight: 600;
}
.home3-highest-Bidding-section .nav-pills .nav-item .nav-link:hover {
    background-color: var(--primary-color3);
    border-color: var(--primary-color3);
    color: var(--white-color);
}

/*=====================================
 27. Home3 Category Section 
========================================*/
.category-card3 .icon {
    width: 80px;
    height: 80px;
    background-color: #e7efe2;
    border: 1px solid rgba(var(--primary-color3-opc), 0.2);
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -40px;
    z-index: 1;
    position: relative;
}
.category-card3 .icon svg {
    fill: var(--primary-color3);
}
.category-card3 .category-bg {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.category-card3 .category-bg img {
    border-radius: 5px;
    transition: all 0.5s ease-out;
}
.category-card3 .category-bg::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;
}
.category-card3 .category-bg .category-content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--title-color-opc), 0.35);
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: end;
}
.category-card3 .category-bg .category-content-wrap .category-content {
    padding: 9px 20px;
    background-color: var(--white-color);
    border-radius: 5px;
    text-align: center;
    line-height: 1;
    width: 100%;
    transition: 0.5s;
    z-index: 2;
}
.category-card3 .category-bg .category-content-wrap .category-content h5 {
    margin-bottom: 3px;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .category-card3 .category-bg .category-content-wrap .category-content h5 {
        font-size: 19px;
    }
}
.category-card3 .category-bg .category-content-wrap .category-content span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .category-card3 .category-bg .category-content-wrap .category-content span {
        font-size: 14px;
    }
}
.category-card3:hover .category-bg img {
    transform: scale(1.1);
}
.category-card3:hover .category-bg::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.category-card3:hover .category-bg .category-content-wrap .category-content {
    background-color: var(--primary-color3);
}
.category-card3:hover .category-bg .category-content-wrap .category-content h5,
.category-card3:hover
    .category-bg
    .category-content-wrap
    .category-content
    span {
    color: var(--white-color);
}

.home3-category-section {
    background-image: url(../img/home3/home3-category-bg.png),
        linear-gradient(180deg, #daf4d6 0%, #daf4d6 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0;
}
@media (max-width: 991px) {
    .home3-category-section {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home3-category-section {
        padding: 70px 0;
    }
}

/*=====================================
 28. Home3 Banner3 Section 
========================================*/
.home3-banner3-section .single-banner {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px;
}
@media (max-width: 576px) {
    .home3-banner3-section .single-banner {
        border-radius: 20px;
    }
}
@media (max-width: 576px) {
    .home3-banner3-section .single-banner .banner-img {
        display: none;
    }
}
.home3-banner3-section .single-banner .banner-img img {
    border-radius: 0 0 0 30px;
}
.home3-banner3-section .single-banner .banner-content {
    padding: 55px 30px 55px 0;
    position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home3-banner3-section .single-banner .banner-content {
        padding: 40px 20px 40px 0;
    }
}
@media (max-width: 767px) {
    .home3-banner3-section .single-banner .banner-content {
        padding: 40px 20px 40px 0;
    }
}
@media (max-width: 576px) {
    .home3-banner3-section .single-banner .banner-content {
        padding: 40px 25px;
    }
}
.home3-banner3-section .single-banner .banner-content h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 900;
    line-height: 42px;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home3-banner3-section .single-banner .banner-content h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .home3-banner3-section .single-banner .banner-content h2 {
        font-size: 33px;
        margin-bottom: 25px;
    }
}
.home3-banner3-section .single-banner .banner-content h2 span {
    color: var(--primary-color3);
    font-family: var(--font-playfair);
    font-style: italic;
    font-weight: 700;
}
.home3-banner3-section .single-banner .banner-content .primary-btn {
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid var(--primary-color3);
    padding: 14px 25px;
    color: var(--primary-color3);
}
.home3-banner3-section .single-banner .banner-content .primary-btn svg {
    fill: var(--primary-color3);
}
.home3-banner3-section .single-banner .banner-content .primary-btn span {
    background-color: var(--primary-color3);
}
.home3-banner3-section .single-banner .banner-content .primary-btn:hover {
    color: var(--white-color);
}
.home3-banner3-section .single-banner .banner-content .primary-btn:hover svg {
    fill: var(--white-color);
}
.home3-banner3-section .single-banner .banner-content .vector {
    fill: rgba(36, 83, 212, 0.2);
    position: absolute;
    right: 60px;
    bottom: 22%;
}
@media (max-width: 1399px) {
    .home3-banner3-section .single-banner .banner-content .vector {
        right: 45px;
        bottom: 15%;
        width: 80px;
    }
}
@media (max-width: 1199px) {
    .home3-banner3-section .single-banner .banner-content .vector {
        display: none;
    }
}
@media (max-width: 767px) {
    .home3-banner3-section .single-banner.two {
        background-position: right center;
    }
}
.home3-banner3-section .single-banner.two .banner-content .primary-btn {
    border: 1px solid var(--primary-color2);
    padding: 14px 25px;
    color: var(--title-color);
}
.home3-banner3-section .single-banner.two .banner-content .primary-btn svg {
    fill: var(--title-color);
}
.home3-banner3-section .single-banner.two .banner-content .primary-btn span {
    background-color: var(--primary-color2);
}
.home3-banner3-section .single-banner.two .banner-content .primary-btn:hover {
    color: var(--white-color);
}
.home3-banner3-section
    .single-banner.two
    .banner-content
    .primary-btn:hover
    svg {
    fill: var(--white-color);
}
.home3-banner3-section .single-banner.two .banner-content .vector {
    fill: rgba(var(--primary-color3-opc), 0.2);
}

/*=====================================
 29. Home3 Popular Auction Section 
========================================*/
.home3-popular-auction-section .popular-auction-slider-area {
    position: relative;
}
@media (max-width: 991px) {
    .home3-popular-auction-section
        .popular-auction-slider-area
        .slider-btn-grp {
        display: none;
    }
}
.home3-popular-auction-section
    .popular-auction-slider-area
    .slider-btn-grp
    .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -8%;
    z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-popular-auction-section
        .popular-auction-slider-area
        .slider-btn-grp
        .slider-btn {
        left: -40px;
    }
}
@media (max-width: 1399px) {
    .home3-popular-auction-section
        .popular-auction-slider-area
        .slider-btn-grp
        .slider-btn {
        left: -35px;
    }
}
@media (max-width: 1199px) {
    .home3-popular-auction-section
        .popular-auction-slider-area
        .slider-btn-grp
        .slider-btn {
        left: -17px;
    }
}
.home3-popular-auction-section
    .popular-auction-slider-area
    .slider-btn-grp
    .slider-btn.auction-slider-next {
    left: unset;
    right: -8%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-popular-auction-section
        .popular-auction-slider-area
        .slider-btn-grp
        .slider-btn.auction-slider-next {
        right: -40px;
    }
}
@media (max-width: 1399px) {
    .home3-popular-auction-section
        .popular-auction-slider-area
        .slider-btn-grp
        .slider-btn.auction-slider-next {
        right: -35px;
    }
}
@media (max-width: 1199px) {
    .home3-popular-auction-section
        .popular-auction-slider-area
        .slider-btn-grp
        .slider-btn.auction-slider-next {
        right: -17px;
    }
}

/*=====================================
 30. Home3 Faq Section 
========================================*/
.home3-faq-section {
    background-image: url(../img/home3/home3-faq-bg.png),
        linear-gradient(180deg, #f9ece1 0%, #f9ece1 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 105px 0;
}
@media (max-width: 991px) {
    .home3-faq-section {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home3-faq-section {
        padding: 70px 0;
    }
}
.home3-faq-section .faq-wrap .faq-content .accordion .accordion-item {
    border: none;
    background-color: transparent;
}
.home3-faq-section
    .faq-wrap
    .faq-content
    .accordion
    .accordion-item:first-child
    .accordion-header
    .accordion-button {
    padding-top: 0;
}
.home3-faq-section
    .faq-wrap
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button {
    border: none;
    border-radius: unset;
    box-shadow: none;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    background-color: transparent;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    padding: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid rgba(var(--title-color-opc), 0.2);
}
.home3-faq-section
    .faq-wrap
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
    width: unset;
    height: unset;
    content: "\f4fe";
    font-family: bootstrap-icons;
    background-image: none;
    font-weight: 800;
    font-size: 22px;
}
.home3-faq-section
    .faq-wrap
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    background-color: unset;
}
.home3-faq-section
    .faq-wrap
    .faq-content
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    content: "\f2ea";
}
@media (max-width: 767px) {
    .home3-faq-section
        .faq-wrap
        .faq-content
        .accordion
        .accordion-item
        .accordion-header
        .accordion-button {
        font-size: 18px;
    }
}
.home3-faq-section
    .faq-wrap
    .faq-content
    .accordion
    .accordion-item
    .accordion-body {
    padding: 20px;
    padding-bottom: 15px;
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0.48px;
}
@media (max-width: 576px) {
    .home3-faq-section
        .faq-wrap
        .faq-content
        .accordion
        .accordion-item
        .accordion-body {
        font-size: 14px;
        padding: 15px 10px;
    }
}
.home3-faq-section.transparent-bg {
    background-image: unset;
    padding: 0;
    padding-top: 110px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home3-faq-section.transparent-bg {
        padding-top: 90px;
    }
}
@media (max-width: 991px) {
    .home3-faq-section.transparent-bg {
        padding-top: 70px;
    }
}

/*=====================================
 31. Home3 Testimonial Section 
========================================*/
.testimonial-card2 .testimonial-content .quote {
    margin-bottom: 35px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonial-card2 .testimonial-content .quote {
        margin-bottom: 25px;
    }
}
@media (max-width: 767px) {
    .testimonial-card2 .testimonial-content .quote {
        margin-bottom: 25px;
    }
}
.testimonial-card2 .testimonial-content .quote svg {
    fill: none;
    stroke: rgba(var(--primary-color3-opc), 0.3);
}
.testimonial-card2 .testimonial-content > span {
    color: var(--primary-color3);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 500;
    line-height: 23.44px;
    display: block;
    margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonial-card2 .testimonial-content > span {
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .testimonial-card2 .testimonial-content > span {
        margin-bottom: 15px;
    }
}
.testimonial-card2 .testimonial-content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 28px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 60px;
}
@media (max-width: 1399px) {
    .testimonial-card2 .testimonial-content p {
        font-size: 26px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonial-card2 .testimonial-content p {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .testimonial-card2 .testimonial-content p {
        font-size: 24px;
        margin-bottom: 40px;
    }
}
.testimonial-card2 .testimonial-content .author-area {
    display: flex;
    align-items: center;
    gap: 15px;
}
.testimonial-card2 .testimonial-content .author-area .author-img {
    min-width: 75px;
    max-width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 1px solid var(--primary-color3);
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.testimonial-card2 .testimonial-content .author-area .author-img img {
    min-width: 69px;
    max-width: 69px;
    height: 69px;
    border-radius: 50%;
}
.testimonial-card2 .testimonial-content .author-area .author-img::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -17px;
    width: 31px;
    height: 19px;
    background-color: var(--primary-color3);
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    z-index: -1;
}
.testimonial-card2 .testimonial-content .author-area .author-content {
    line-height: 1;
}
.testimonial-card2 .testimonial-content .author-area .author-content h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 23.44px;
    margin-bottom: 5px;
}
.testimonial-card2 .testimonial-content .author-area .author-content span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}
.testimonial-card2.style-2 .testimonial-content .quote svg {
    stroke: rgba(var(--primary-color-opc), 0.3);
}
.testimonial-card2.style-2 .testimonial-content > span {
    color: var(--primary-color);
}
.testimonial-card2.style-2 .testimonial-content p {
    font-size: 25px;
}
@media (max-width: 767px) {
    .testimonial-card2.style-2 .testimonial-content p {
        font-size: 24px;
        margin-bottom: 40px;
    }
}
.testimonial-card2.style-2 .testimonial-content .author-area .author-img {
    border: 1px solid var(--primary-color);
}
.testimonial-card2.style-2
    .testimonial-content
    .author-area
    .author-img::before {
    background-color: var(--primary-color);
}

.home3-testimonial-section .testimonial-slider-area .slider-btn-grp {
    justify-content: end;
    gap: 35px;
    margin-top: -55px;
    position: relative;
    z-index: 1;
}
@media (max-width: 576px) {
    .home3-testimonial-section .testimonial-slider-area .slider-btn-grp {
        display: none;
    }
}
.home3-testimonial-section .testimonial-slider-area .swiper-slide-active .quote,
.home3-testimonial-section .testimonial-slider-area .swiper-slide-active span,
.home3-testimonial-section .testimonial-slider-area .swiper-slide-active p {
    animation: fadeInDown 1.7s;
}
.home3-testimonial-section
    .testimonial-slider-area
    .swiper-slide-active
    .author-area {
    animation: fadeInUp 1.7s;
}
.home3-testimonial-section .testimonial-img-area {
    max-width: 558px;
    width: 100%;
}
@media (max-width: 991px) {
    .home3-testimonial-section .testimonial-img-area {
        display: none;
    }
}

/*=====================================
 32. Home3 Feature Section 
========================================*/
.home3-feature-section {
    background-image: url(../img/home3/home3-faq-bg.png),
        linear-gradient(180deg, #edf8e6 0%, #edf8e6 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 105px 12%;
}
@media (max-width: 1699px) {
    .home3-feature-section {
        padding: 105px 10%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-feature-section {
        padding: 105px 5%;
    }
}
@media (max-width: 1399px) {
    .home3-feature-section {
        padding: 105px 2%;
    }
}
@media (max-width: 991px) {
    .home3-feature-section {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home3-feature-section {
        padding: 70px 0;
    }
}
.home3-feature-section .single-feature .icon {
    margin-bottom: 25px;
}
.home3-feature-section .single-feature .icon svg {
    fill: var(--primary-color3);
}
.home3-feature-section .single-feature .content h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-feature-section .single-feature .content h4 {
        font-size: 22px;
    }
}
.home3-feature-section .single-feature .content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.03em;
    margin-bottom: 0;
}
.home3-feature-section .single-feature:hover .icon svg {
    animation: bounceIn 1.2s linear;
}
.home3-feature-section .divider {
    position: relative;
}
.home3-feature-section .divider .single-feature {
    padding: 0 15px;
}
@media (max-width: 991px) {
    .home3-feature-section .divider .single-feature {
        padding: 0;
    }
}
.home3-feature-section .divider:first-child .single-feature {
    padding-left: 0;
}
.home3-feature-section .divider:last-child .single-feature {
    padding-right: 0;
}
.home3-feature-section .divider:last-child::before {
    display: none;
}
.home3-feature-section .divider::before {
    content: "";
    width: 1px;
    height: 120px;
    background-color: rgba(var(--title-color-opc), 0.08);
    position: absolute;
    bottom: 0;
    right: 0;
}
@media (max-width: 991px) {
    .home3-feature-section .divider::before {
        display: none;
    }
}
.home3-feature-section .counter-area {
    padding: 25px 0;
    border-top: 1px solid var(--white-color);
    margin-top: 110px;
}
@media (max-width: 1199px) {
    .home3-feature-section .counter-area {
        margin-top: 90px;
    }
}
@media (max-width: 767px) {
    .home3-feature-section .counter-area {
        margin-top: 70px;
    }
}
@media (max-width: 576px) {
    .home3-feature-section .counter-area {
        margin-top: 50px;
    }
}
.home3-feature-section .counter-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-feature-section .counter-area ul {
        gap: 30px;
    }
}
@media (max-width: 991px) {
    .home3-feature-section .counter-area ul {
        gap: 25px;
    }
}
@media (max-width: 576px) {
    .home3-feature-section .counter-area ul {
        gap: 36px;
    }
}
.home3-feature-section .counter-area ul .single-counter {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home3-feature-section .counter-area ul .single-counter {
        gap: 10px;
    }
}
.home3-feature-section .counter-area ul .single-counter::before {
    content: "";
    width: 1px;
    height: 35px;
    background-color: var(--white-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -80px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-feature-section .counter-area ul .single-counter::before {
        left: -70px;
    }
}
@media (max-width: 1399px) {
    .home3-feature-section .counter-area ul .single-counter::before {
        left: -50px;
    }
}
@media (max-width: 1199px) {
    .home3-feature-section .counter-area ul .single-counter::before {
        left: -18px;
    }
}
@media (max-width: 991px) {
    .home3-feature-section .counter-area ul .single-counter::before {
        display: none;
    }
}
@media (max-width: 767px) {
    .home3-feature-section .counter-area ul .single-counter::before {
        display: none;
    }
}
.home3-feature-section .counter-area ul .single-counter:first-child::before {
    display: none;
}
.home3-feature-section .counter-area ul .single-counter .icon svg {
    fill: rgba(var(--title-color-opc), 0.6);
}
.home3-feature-section
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 5px;
}
.home3-feature-section
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    .number {
    display: flex;
}
.home3-feature-section
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    .number
    h5,
.home3-feature-section
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    .number
    strong {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}
@media (max-width: 576px) {
    .home3-feature-section
        .counter-area
        ul
        .single-counter
        .content
        .content-top-area
        .number
        h5,
    .home3-feature-section
        .counter-area
        ul
        .single-counter
        .content
        .content-top-area
        .number
        strong {
        font-size: 28px;
    }
}
.home3-feature-section
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
}
.home3-feature-section .counter-area ul .single-counter .content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 0;
}
.home3-feature-section.two {
    background-image: unset;
    background-color: #f3f6fb;
    padding: 105px 12% 164px;
}
@media (max-width: 1699px) {
    .home3-feature-section.two {
        padding: 105px 10% 164px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-feature-section.two {
        padding: 105px 5% 164px;
    }
}
@media (max-width: 1399px) {
    .home3-feature-section.two {
        padding: 105px 2% 164px;
    }
}
@media (max-width: 1199px) {
    .home3-feature-section.two {
        padding: 90px 2% 150px;
    }
}
@media (max-width: 991px) {
    .home3-feature-section.two {
        padding: 70px 0;
    }
}
.home3-feature-section.two .single-feature .icon svg {
    fill: var(--primary-color4);
}
.home3-feature-section.three {
    background-image: url(../img/home7/home7-feature-bg.png),
        linear-gradient(180deg, #181a0f 0%, #181a0f 100%);
    padding: 105px 10.5% 164px;
}
@media (max-width: 1699px) {
    .home3-feature-section.three {
        padding: 105px 10% 164px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home3-feature-section.three {
        padding: 105px 5% 164px;
    }
}
@media (max-width: 1399px) {
    .home3-feature-section.three {
        padding: 105px 2% 164px;
    }
}
@media (max-width: 1199px) {
    .home3-feature-section.three {
        padding: 90px 2% 150px;
    }
}
@media (max-width: 991px) {
    .home3-feature-section.three {
        padding: 70px 0;
    }
}
.home3-feature-section.three .divider::before {
    background-color: rgba(255, 255, 255, 0.08);
}
.home3-feature-section.three .single-feature .icon svg {
    fill: var(--primary-color7);
}
.home3-feature-section.three .single-feature .content h4 {
    color: var(--white-color);
}
.home3-feature-section.three .single-feature .content p {
    color: rgba(255, 255, 255, 0.5);
}

/*=====================================
 33. Home3 Blog Section 
========================================*/
.home3-blog-section .mt-50 {
    margin-top: 50px;
}
@media (max-width: 767px) {
    .home3-blog-section .mt-50 {
        margin-top: 0;
    }
}
.home3-blog-section .blog-card {
    max-width: 613px;
    width: 100%;
}

/*=====================================
 34. Home4 Banner Section 
========================================*/
.home4-banner-section {
    background-image: url(../img/home4/home4-banner-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 90px;
}
@media (max-width: 991px) {
    .home4-banner-section {
        padding-top: 65px;
    }
}
.home4-banner-section .banner-wrapper {
    overflow: hidden;
}
.home4-banner-section .banner-wrapper .banner-content-and-counter-area {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 118px;
}
@media (max-width: 1399px) {
    .home4-banner-section .banner-wrapper .banner-content-and-counter-area {
        padding-top: 100px;
    }
}
@media (max-width: 991px) {
    .home4-banner-section .banner-wrapper .banner-content-and-counter-area {
        border-right: unset;
        padding-top: 70px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .banner-content {
    max-width: 780px;
    width: 100%;
    padding-left: 18%;
    margin-bottom: 150px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content {
        padding-left: 15%;
        padding-right: 10px;
    }
}
@media (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content {
        max-width: 565px;
        padding-left: 8%;
        margin-bottom: 120px;
        padding-right: 10px;
    }
}
@media (max-width: 1199px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content {
        margin-bottom: 100px;
        padding-left: 5%;
    }
}
@media (max-width: 991px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content {
        margin-bottom: 70px;
    }
}
@media (max-width: 576px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content {
        padding-left: 15px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .banner-content
    .sub-title {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 11px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content
        .sub-title {
        margin-bottom: 10px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .banner-content
    .sub-title
    svg {
    fill: var(--white-color);
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .banner-content
    h1 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 70px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 25px;
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .banner-content
    h1
    span {
    font-family: var(--font-playfair);
    font-weight: 600;
    font-style: italic;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content
        h1 {
        font-size: 60px;
    }
}
@media (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content
        h1 {
        font-size: 55px;
    }
}
@media (max-width: 576px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content
        h1 {
        font-size: 45px;
        margin-bottom: 20px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .banner-content
    p {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 40px;
}
@media (max-width: 576px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content
        p {
        margin-bottom: 30px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .banner-content
    .button-area {
    display: flex;
    align-items: center;
    gap: 30px;
}
@media (max-width: 767px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .banner-content
        .button-area {
        gap: 20px;
        flex-wrap: wrap;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .banner-content
    .button-area
    .primary-btn3 {
    padding: 17px 32px;
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area {
    padding: 25px 80px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area {
        padding: 25px 20px;
    }
}
@media (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area {
        padding: 25px 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area {
        padding: 25px 40px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
@media (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul {
        gap: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul {
        gap: 20px;
    }
}
@media (max-width: 576px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul {
        gap: 35px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter {
        gap: 15px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter {
        gap: 10px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter::before {
    content: "";
    width: 1px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter::before {
        left: -20px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter::before {
        left: -13px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter::before {
        display: none;
    }
}
@media (max-width: 991px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter::before {
        left: -38px;
    }
}
@media (max-width: 767px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter::before {
        display: none;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter:first-child::before {
    display: none;
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter
    .icon
    svg {
    fill: rgba(255, 255, 255, 0.6);
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 5px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter
        .content
        .content-top-area {
        gap: 5px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    .number {
    display: flex;
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    .number
    h5,
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    .number
    strong {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter
        .content
        .content-top-area
        .number
        h5,
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter
        .content
        .content-top-area
        .number
        strong {
        font-size: 25px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter
    .content
    .content-top-area
    span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-content-and-counter-area
        .counter-area
        ul
        .single-counter
        .content
        .content-top-area
        span {
        font-size: 14px;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-content-and-counter-area
    .counter-area
    ul
    .single-counter
    .content
    p {
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 0;
}
.home4-banner-section .banner-wrapper .banner-img-wrap {
    height: 100%;
    position: relative;
}
@media (max-width: 1199px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap {
        padding-right: 10px;
    }
}
@media (max-width: 991px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap {
        display: none;
    }
}
.home4-banner-section .banner-wrapper .banner-img-wrap::before {
    content: url(../img/home4/icon/banner-vector1.svg);
    position: absolute;
    top: 0;
    right: 16%;
}
@media (max-width: 1799px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap::before {
        right: 12%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap::before {
        right: 25px;
        top: -10px;
    }
}
@media (max-width: 1399px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap::before {
        right: 5px;
        top: -30px;
    }
}
@media (max-width: 1199px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap::before {
        display: none;
    }
}
.home4-banner-section .banner-wrapper .banner-img-wrap::after {
    content: url(../img/home4/icon/banner-arrow-vector.svg);
    position: absolute;
    top: 90px;
    left: -44px;
}
@media (max-width: 1799px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap::after {
        left: -85px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap::after {
        left: -145px;
    }
}
@media (max-width: 1399px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap::after {
        display: none;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-img-wrap
    .home4-banner-img-slider {
    height: 100%;
}
.home4-banner-section .banner-wrapper .banner-img-wrap .banner-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
@media (max-width: 1399px) {
    .home4-banner-section .banner-wrapper .banner-img-wrap .banner-img {
        justify-content: start;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-img-wrap
    .slider-btn-and-pagination {
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    display: flex;
    align-items: center;
    gap: 25px;
    flex-direction: column;
    padding: 13px 6px;
    border-radius: 100px;
    z-index: 9;
}
@media (max-width: 1399px) {
    .home4-banner-section
        .banner-wrapper
        .banner-img-wrap
        .slider-btn-and-pagination {
        right: 15px;
    }
}
@media (max-width: 1199px) {
    .home4-banner-section
        .banner-wrapper
        .banner-img-wrap
        .slider-btn-and-pagination {
        display: none;
    }
}
.home4-banner-section
    .banner-wrapper
    .banner-img-wrap
    .slider-btn-and-pagination
    .slider-btn
    i {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
}
.home4-banner-section
    .banner-wrapper
    .banner-img-wrap
    .slider-btn-and-pagination
    .paginations1 {
    color: rgba(255, 255, 255, 0.5);
    transform: rotate(90deg);
    line-height: 1;
}
.home4-banner-section
    .banner-wrapper
    .banner-img-wrap
    .slider-btn-and-pagination
    .paginations1
    span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-dmsans);
}

/*=====================================
 35. Home4 Category Section 
========================================*/
.category-card4 {
    padding: 25px 0 0 25px;
    background-color: var(--white-color);
    border-radius: 10px;
    transition: 0.5s;
}
.category-card4 .icon {
    margin-bottom: 15px;
}
.category-card4 .content {
    line-height: 1;
    margin-bottom: 20px;
}
.category-card4 .content h5 {
    margin-bottom: 2px;
}
.category-card4 .content h5 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    transition: 0.5s;
}
.category-card4 .content h5 a:hover {
    color: var(--primary-color);
}
.category-card4 .content span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}
.category-card4 .category-img img {
    border-radius: 10px 0 10px 0;
}
@media (max-width: 767px) {
    .category-card4 .category-img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.category-card4:hover {
    background-color: #e0f0ff;
}
.category-card4.two {
    background-color: #e0f0ff;
}
.category-card4.two:hover {
    background-color: #ffe8de;
}

.home4-category-section {
    background-image: url(../img/home4/home4-live-auction-bg.png),
        linear-gradient(180deg, #506f36 0%, #506f36 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0;
}
@media (max-width: 1199px) {
    .home4-category-section {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home4-category-section {
        padding: 70px 0;
    }
}
.home4-category-section .primary-btn3 {
    border-color: var(--white-color);
    color: var(--white-color);
}
.home4-category-section .primary-btn3 svg {
    fill: var(--white-color);
}
.home4-category-section .primary-btn3 span {
    background-color: var(--white-color);
}
.home4-category-section .primary-btn3:hover {
    color: var(--title-color);
}
.home4-category-section .primary-btn3:hover svg {
    fill: var(--title-color);
}
.home4-category-section .category-slider-wrapper {
    position: relative;
}
.home4-category-section .category-slider-wrapper .slider-btn-grp .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -9%;
    z-index: 1;
    border-color: var(--white-color);
}
.home4-category-section .category-slider-wrapper .slider-btn-grp .slider-btn i {
    color: var(--white-color);
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-category-section
        .category-slider-wrapper
        .slider-btn-grp
        .slider-btn {
        left: -40px;
    }
}
@media (max-width: 1399px) {
    .home4-category-section
        .category-slider-wrapper
        .slider-btn-grp
        .slider-btn {
        left: -40px;
    }
}
@media (max-width: 1199px) {
    .home4-category-section
        .category-slider-wrapper
        .slider-btn-grp
        .slider-btn {
        display: none;
    }
}
.home4-category-section
    .category-slider-wrapper
    .slider-btn-grp
    .slider-btn:hover {
    border-color: var(--primary-color2);
}
.home4-category-section
    .category-slider-wrapper
    .slider-btn-grp
    .slider-btn.category-slider-next {
    left: unset;
    right: -9%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-category-section
        .category-slider-wrapper
        .slider-btn-grp
        .slider-btn.category-slider-next {
        right: -40px;
    }
}
@media (max-width: 1399px) {
    .home4-category-section
        .category-slider-wrapper
        .slider-btn-grp
        .slider-btn.category-slider-next {
        right: -40px;
    }
}
@media (max-width: 1199px) {
    .home4-category-section
        .category-slider-wrapper
        .slider-btn-grp
        .slider-btn.category-slider-next {
        display: none;
    }
}

/*=====================================
 36. Home4 Trending Auction Section 
========================================*/
.home4-trending-auction-section .slider-btn-grp {
    justify-content: space-between;
    width: 100%;
}

/*=====================================
 37. Home4 Offer Banners Section 
========================================*/
.home4-offer-banners-section {
    padding: 0 40px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-offer-banners-section {
        padding: 0 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-offer-banners-section {
        padding: 0 10px;
    }
}
@media (max-width: 576px) {
    .home4-offer-banners-section {
        padding: 0;
    }
}
.home4-offer-banners-section .left-banner-area {
    position: relative;
    height: 100%;
}
.home4-offer-banners-section .left-banner-area img {
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home4-offer-banners-section .left-banner-area img {
        max-height: 625px;
        width: 100%;
    }
}
@media (max-width: 576px) {
    .home4-offer-banners-section .left-banner-area img {
        min-height: 400px;
    }
}
.home4-offer-banners-section .left-banner-area .banner-content-wrap {
    background: linear-gradient(
        180deg,
        rgba(34, 34, 34, 0) 15.29%,
        rgba(34, 34, 34, 0.388889) 20.33%,
        rgba(34, 34, 34, 0.666667) 30.36%,
        rgba(34, 34, 34, 0.824074) 56.04%,
        #222222 67.41%
    );
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 35px;
}
@media (max-width: 576px) {
    .home4-offer-banners-section .left-banner-area .banner-content-wrap {
        padding: 20px;
    }
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content {
    text-align: center;
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .price-area {
    margin-bottom: 15px;
}
@media (max-width: 576px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        .price-area {
        margin-bottom: 15px;
    }
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .price-area
    span {
    color: rgba(255, 255, 255, 0.73);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .price-area
    h3 {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    h2 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 25px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        h2 {
        font-size: 32px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
}
@media (max-width: 991px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        h2 {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .offer-timer {
    margin-bottom: 30px;
}
@media (max-width: 1199px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        .offer-timer {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        .offer-timer {
        margin-bottom: 30px;
    }
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .offer-timer
    > span {
    color: var(--white-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 576px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        .offer-timer
        > span {
        margin-bottom: 15px;
    }
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .offer-timer
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .offer-timer
    .countdown-timer
    ul
    li {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home4-offer-banners-section
        .left-banner-area
        .banner-content-wrap
        .banner-content
        .offer-timer
        .countdown-timer
        ul
        li {
        font-size: 23px;
    }
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .offer-timer
    .countdown-timer
    ul
    li
    span {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .offer-timer
    .countdown-timer
    ul
    li
    span:first-child {
    display: none;
    visibility: hidden;
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .offer-timer
    .countdown-timer
    ul
    svg {
    fill: rgba(255, 255, 255, 0.15);
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .primary-btn {
    font-weight: 500;
    border-radius: 5px;
    padding: 13px 45px;
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .primary-btn
    span {
    background-color: var(--white-color);
}
.home4-offer-banners-section
    .left-banner-area
    .banner-content-wrap
    .banner-content
    .primary-btn:hover {
    color: var(--title-color);
}
.home4-offer-banners-section .single-banner {
    position: relative;
}
.home4-offer-banners-section .single-banner img {
    border-radius: 5px;
}
@media (max-width: 576px) {
    .home4-offer-banners-section .single-banner img {
        min-height: 270px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.home4-offer-banners-section .single-banner .banner-content-wrap {
    background: linear-gradient(
        89.48deg,
        #dbe2e0 42.9%,
        rgba(219, 226, 224, 0) 70.43%
    );
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 30px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-offer-banners-section .single-banner .banner-content-wrap {
        padding: 30px 25px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-offer-banners-section .single-banner .banner-content-wrap {
        padding: 20px;
    }
}
@media (max-width: 1199px) {
    .home4-offer-banners-section .single-banner .banner-content-wrap {
        padding: 25px;
    }
}
@media (max-width: 576px) {
    .home4-offer-banners-section .single-banner .banner-content-wrap {
        padding: 20px;
    }
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .price-area {
    margin-bottom: 10px;
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .price-area
    span {
    color: rgba(var(--title-color-opc), 0.73);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .price-area
    h3 {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        .price-area
        h3 {
        font-size: 28px;
    }
}
@media (max-width: 1399px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        .price-area
        h3 {
        font-size: 26px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        .price-area
        h3 {
        font-size: 30px;
    }
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 25px;
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    h3
    a {
    color: var(--title-color);
    transition: 0.5s;
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    h3
    a:hover {
    color: var(--primary-color);
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        h3 {
        font-size: 30px;
    }
}
@media (max-width: 1399px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        h3 {
        font-size: 32px;
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        h3 {
        max-width: 200px;
    }
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .primary-btn {
    color: var(--title-color);
    font-weight: 500;
    border-radius: 5px;
    padding: 12px 44px;
    background-color: transparent;
    border: 1px solid var(--primary-color2);
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        .primary-btn {
        padding: 8px 30px;
    }
}
@media (max-width: 576px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        .primary-btn {
        padding: 8px 30px;
    }
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .primary-btn
    span {
    background-color: var(--primary-color);
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .primary-btn:hover {
    color: var(--white-color);
    border-color: var(--primary-color);
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 5px;
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .countdown-timer
    ul
    li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    background-color: var(--white-color);
    padding: 6px 12px;
    border-radius: 5px;
    border: 1px solid var(--border-color2);
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        .countdown-timer
        ul
        li {
        padding: 7px 13px;
    }
}
@media (max-width: 1199px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        .countdown-timer
        ul
        li {
        font-size: 20px;
    }
}
@media (max-width: 576px) {
    .home4-offer-banners-section
        .single-banner
        .banner-content-wrap
        .banner-content
        .countdown-timer
        ul
        li {
        font-size: 16px;
        padding: 5px 10px;
    }
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .countdown-timer
    ul
    li.colon {
    background-color: unset;
    padding: 0;
    border: unset;
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .countdown-timer
    ul
    li
    span {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .countdown-timer
    ul
    li
    span:last-child {
    display: none;
    visibility: hidden;
}
.home4-offer-banners-section
    .single-banner
    .banner-content-wrap
    .banner-content
    .countdown-timer
    ul
    svg {
    fill: var(--white-color);
}
.home4-offer-banners-section .single-banner.two .banner-content-wrap {
    background: linear-gradient(
        89.48deg,
        #98daea 42.9%,
        rgba(152, 218, 234, 0) 70.43%
    );
}
.home4-offer-banners-section
    .single-banner.two
    .banner-content-wrap
    .banner-content
    .price-area
    h3 {
    color: var(--primary-color3);
}
.home4-offer-banners-section .single-banner.three .banner-content-wrap {
    background: linear-gradient(
        89.48deg,
        #fdd76f 42.9%,
        rgba(253, 215, 111, 0) 70.43%
    );
}
.home4-offer-banners-section
    .single-banner.three
    .banner-content-wrap
    .banner-content
    .price-area
    h3 {
    color: #d31e2f;
}
.home4-offer-banners-section .single-banner.four .banner-content-wrap {
    background: linear-gradient(
        89.48deg,
        #cde0cc 42.9%,
        rgba(205, 224, 204, 0) 70.43%
    );
}

/*=====================================
 38. Home4 Process Section 
========================================*/
.home4-process-section .single-process .icon-and-step {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.home4-process-section .single-process .icon-and-step svg {
    fill: #3f444b;
}
.home4-process-section .single-process .icon-and-step span {
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2.5px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(var(--primary-color2-opc), 0.3);
    margin-right: 120px;
}
@media (max-width: 1399px) {
    .home4-process-section .single-process .icon-and-step span {
        margin-right: 100px;
    }
}
@media (max-width: 991px) {
    .home4-process-section .single-process .icon-and-step span {
        margin-right: 70px;
    }
}
@media (max-width: 576px) {
    .home4-process-section .single-process .icon-and-step span {
        margin-right: 50px;
    }
}
.home4-process-section .single-process h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 50px;
}
.home4-process-section .single-process .content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.03em;
    margin-bottom: 30px;
}
.home4-process-section .single-process .content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.home4-process-section .single-process .content ul li {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 20.83px;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}
.home4-process-section .single-process .content ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset;
}
.home4-process-section .single-process .content ul li strong {
    font-size: 17px;
    font-weight: 700;
}
.home4-process-section .home4-process-slider-wrap {
    position: relative;
}
.home4-process-section .home4-process-slider-wrap .progress-pagination {
    position: relative;
    background: #cdcdcd;
    position: absolute;
    top: 46%;
    left: 0;
    height: 2px;
}
@media (max-width: 767px) {
    .home4-process-section .home4-process-slider-wrap .progress-pagination {
        top: 50%;
    }
}
@media (max-width: 576px) {
    .home4-process-section .home4-process-slider-wrap .progress-pagination {
        top: 46%;
    }
}
.home4-process-section
    .home4-process-slider-wrap
    .progress-pagination
    .swiper-pagination-progressbar-fill {
    background: var(--primary-color2);
}

/*====================================
 39. Home4 Auction Close Section 
========================================*/
.home4-auction-close-section {
    background-image: url(../img/home4/home4-auction-close-bg.png),
        linear-gradient(180deg, #223035 0%, #223035 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0;
}
@media (max-width: 1199px) {
    .home4-auction-close-section {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home4-auction-close-section {
        padding: 70px 0;
    }
}
.home4-auction-close-section .auction-card {
    background-color: #0e1c21;
    border: unset;
}
.home4-auction-close-section .auction-card .auction-card-content h6 a {
    color: var(--white-color);
}
.home4-auction-close-section .auction-card .auction-card-content h6 a:hover {
    color: var(--primary-color);
}
.home4-auction-close-section
    .auction-card
    .auction-card-content
    .price-and-code-area
    .price
    span {
    color: rgba(255, 255, 255, 0.5);
}
.home4-auction-close-section
    .auction-card
    .auction-card-content
    .price-and-code-area
    .price
    strong {
    color: var(--white-color);
}
.home4-auction-close-section
    .auction-card
    .auction-card-content
    .price-and-code-area
    .bid-btn {
    background-color: var(--white-color);
    color: var(--title-color);
}
.home4-auction-close-section
    .auction-card:hover
    .auction-card-content
    .price-and-code-area
    .bid-btn {
    background-color: var(--primary-color);
    color: var(--white-color);
}

/*=====================================
 40. Home4 Feature Section 
========================================*/
.home4-feature-section {
    padding: 0 12%;
}
@media (max-width: 1699px) {
    .home4-feature-section {
        padding: 0 10%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-feature-section {
        padding: 0 5%;
    }
}
@media (max-width: 1399px) {
    .home4-feature-section {
        padding: 0 2%;
    }
}
@media (max-width: 576px) {
    .home4-feature-section {
        padding: 0;
    }
}
.home4-feature-section .feature-wrapper {
    margin-bottom: 100px;
}
@media (max-width: 1199px) {
    .home4-feature-section .feature-wrapper {
        margin-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .home4-feature-section .feature-wrapper {
        margin-bottom: 70px;
    }
}
.home4-feature-section .feature-wrapper .single-feature .icon {
    margin-bottom: 25px;
}
.home4-feature-section .feature-wrapper .single-feature .icon svg {
    fill: var(--primary-color);
}
.home4-feature-section .feature-wrapper .single-feature .content h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home4-feature-section .feature-wrapper .single-feature .content h4 {
        font-size: 22px;
    }
}
.home4-feature-section .feature-wrapper .single-feature .content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.03em;
    margin-bottom: 0;
}
.home4-feature-section .feature-wrapper .single-feature:hover .icon svg {
    animation: bounceIn 1.2s linear;
}
.home4-feature-section .feature-wrapper .divider {
    position: relative;
}
.home4-feature-section .feature-wrapper .divider .single-feature {
    padding: 0 15px;
}
@media (max-width: 991px) {
    .home4-feature-section .feature-wrapper .divider .single-feature {
        padding: 0;
    }
}
.home4-feature-section .feature-wrapper .divider:first-child .single-feature {
    padding-left: 0;
}
.home4-feature-section .feature-wrapper .divider:last-child .single-feature {
    padding-right: 0;
}
.home4-feature-section .feature-wrapper .divider:last-child::before {
    display: none;
}
.home4-feature-section .feature-wrapper .divider::before {
    content: "";
    width: 1px;
    height: 120px;
    background-color: rgba(var(--title-color-opc), 0.08);
    position: absolute;
    bottom: 0;
    right: 0;
}
@media (max-width: 991px) {
    .home4-feature-section .feature-wrapper .divider::before {
        display: none;
    }
}
.home4-feature-section.two {
    padding: 0 14%;
}
@media (max-width: 1799px) {
    .home4-feature-section.two {
        padding: 0 13%;
    }
}
@media (max-width: 1699px) {
    .home4-feature-section.two {
        padding: 0 10%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-feature-section.two {
        padding: 0 5%;
    }
}
@media (max-width: 1399px) {
    .home4-feature-section.two {
        padding: 0 2%;
    }
}
@media (max-width: 576px) {
    .home4-feature-section.two {
        padding: 0;
    }
}
.home4-feature-section.two .feature-wrapper .single-feature .icon svg {
    fill: var(--primary-color6);
}

.feature-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 20px 14px 40px;
    position: relative;
    overflow: hidden;
}
@media (max-width: 1399px) {
    .feature-banner {
        padding: 14px 20px 14px 25px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner {
        padding: 14px 20px;
    }
}
@media (max-width: 576px) {
    .feature-banner {
        padding: 14px 15px;
    }
}
.feature-banner::before {
    content: "";
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: -75%;
    top: 0;
    height: 100%;
    width: 50%;
    transform: skewX(-25deg);
    transform-origin: right;
    transition: transform 0.4s ease-in;
}
.feature-banner .banner-content span {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
}
.feature-banner .banner-content h2 {
    margin-bottom: 0;
}
.feature-banner .banner-content h2 a {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 38px;
    font-weight: 800;
    line-height: 1.1;
    transition: 0.5s;
}
@media (max-width: 1399px) {
    .feature-banner .banner-content h2 a {
        font-size: 33px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner .banner-content h2 a {
        font-size: 32px;
    }
}
@media (max-width: 576px) {
    .feature-banner .banner-content h2 a {
        font-size: 28px;
    }
}
.feature-banner .banner-content h2 a:hover {
    color: var(--primary-color);
}
.feature-banner .arrow svg {
    fill: rgba(255, 255, 255, 0.1);
    transition: 0.5s;
}
@media (max-width: 576px) {
    .feature-banner .arrow svg {
        width: 70px;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.feature-banner:hover::before {
    transform-origin: left;
    animation: shine 0.75s;
}
.feature-banner:hover .arrow svg {
    fill: rgba(255, 255, 255, 0.3);
}
.feature-banner.two {
    border-radius: 200px;
    padding: 15px 15px 15px 50px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .feature-banner.two {
        padding: 12px 15px 12px 45px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner.two {
        padding: 12px 10px 12px 30px;
    }
}
@media (max-width: 767px) {
    .feature-banner.two {
        padding: 12px 10px 12px 35px;
    }
}
@media (max-width: 576px) {
    .feature-banner.two {
        padding: 8px 10px 8px 30px;
        border-radius: 70px;
    }
}
.feature-banner.two .banner-content span {
    color: #c7c7c7;
    margin-bottom: 5px;
}
@media (max-width: 576px) {
    .feature-banner.two .banner-content span {
        font-size: 14px;
    }
}
.feature-banner.two .banner-content h2 a {
    font-size: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner.two .banner-content h2 a {
        font-size: 27px;
    }
}
@media (max-width: 576px) {
    .feature-banner.two .banner-content h2 a {
        font-size: 22px;
    }
}
.feature-banner.two .banner-content h2 a:hover {
    color: var(--primary-color4);
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner.two .arrow svg {
        width: 80px;
    }
}
.feature-banner.three {
    border-radius: 5px 30px 5px 30px;
    padding: 15px 15px 15px 50px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .feature-banner.three {
        padding: 12px 15px 12px 45px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner.three {
        padding: 12px 10px 12px 25px;
    }
}
@media (max-width: 767px) {
    .feature-banner.three {
        padding: 12px 10px 12px 30px;
    }
}
@media (max-width: 576px) {
    .feature-banner.three {
        padding: 8px 10px 8px 25px;
    }
}
.feature-banner.three .banner-content span {
    color: #c7c7c7;
    margin-bottom: 5px;
}
@media (max-width: 576px) {
    .feature-banner.three .banner-content span {
        font-size: 14px;
    }
}
.feature-banner.three .banner-content h2 a {
    font-size: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner.three .banner-content h2 a {
        font-size: 26px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .feature-banner.three .banner-content h2 a {
        font-size: 28px;
    }
}
@media (max-width: 576px) {
    .feature-banner.three .banner-content h2 a {
        font-size: 22px;
    }
}
.feature-banner.three .banner-content h2 a:hover {
    color: var(--primary-color5);
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner.three .arrow svg {
        width: 80px;
    }
}
.feature-banner.three.sell {
    border-radius: 30px 5px 30px 5px;
}
.feature-banner.four {
    border-radius: 200px;
    padding: 15px 15px 15px 50px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .feature-banner.four {
        padding: 12px 15px 12px 45px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner.four {
        padding: 12px 10px 12px 30px;
    }
}
@media (max-width: 767px) {
    .feature-banner.four {
        padding: 12px 10px 12px 35px;
    }
}
@media (max-width: 576px) {
    .feature-banner.four {
        padding: 8px 10px 8px 30px;
        border-radius: 70px;
    }
}
.feature-banner.four .banner-content span {
    color: #c7c7c7;
    margin-bottom: 5px;
}
@media (max-width: 576px) {
    .feature-banner.four .banner-content span {
        font-size: 14px;
    }
}
.feature-banner.four .banner-content h2 a {
    font-size: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner.four .banner-content h2 a {
        font-size: 27px;
    }
}
@media (max-width: 576px) {
    .feature-banner.four .banner-content h2 a {
        font-size: 22px;
    }
}
.feature-banner.four .banner-content h2 a:hover {
    color: var(--primary-color7);
}
@media (min-width: 992px) and (max-width: 1199px) {
    .feature-banner.four .arrow svg {
        width: 80px;
    }
}

/*=====================================
 41. Home4 Testimonial Section 
========================================*/
.home4-testimonial-section .testimonial-img {
    position: relative;
    height: 100%;
}
@media (max-width: 991px) {
    .home4-testimonial-section .testimonial-img {
        display: none;
    }
}
.home4-testimonial-section .testimonial-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home4-testimonial-section .testimonial-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--title-color-opc), 0.25);
}
.home4-testimonial-section .testimonial-wrap {
    background-image: url(../img/home4/testimonial-bg.png),
        linear-gradient(180deg, #eae7fd 0%, #eae7fd 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 124px 15%;
    height: 100%;
}
@media (max-width: 1799px) {
    .home4-testimonial-section .testimonial-wrap {
        padding: 124px 12%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home4-testimonial-section .testimonial-wrap {
        padding: 100px 8%;
    }
}
@media (max-width: 1399px) {
    .home4-testimonial-section .testimonial-wrap {
        padding: 90px 6%;
    }
}
@media (max-width: 767px) {
    .home4-testimonial-section .testimonial-wrap {
        padding: 70px 20px;
    }
}
.home4-testimonial-section .testimonial-wrap .testimonial-slider-area {
    display: flex;
    align-items: center;
    gap: 50px;
}
.home4-testimonial-section
    .testimonial-wrap
    .testimonial-slider-area
    .swiper-slide-active
    .quote,
.home4-testimonial-section
    .testimonial-wrap
    .testimonial-slider-area
    .swiper-slide-active
    span,
.home4-testimonial-section
    .testimonial-wrap
    .testimonial-slider-area
    .swiper-slide-active
    p {
    animation: fadeInDown 1.7s;
}
.home4-testimonial-section
    .testimonial-wrap
    .testimonial-slider-area
    .swiper-slide-active
    .author-area {
    animation: fadeInUp 1.7s;
}
.home4-testimonial-section .testimonial-wrap .slider-btn-grp {
    flex-direction: column;
    gap: 50px;
}
@media (max-width: 576px) {
    .home4-testimonial-section .testimonial-wrap .slider-btn-grp {
        display: none;
    }
}

/*=====================================
 42. Home4 Blog Section 
========================================*/
.home4-blog-section .mt-40 {
    margin-top: 40px;
}
@media (max-width: 1199px) {
    .home4-blog-section .mt-40 {
        margin-top: 30px;
    }
}
@media (max-width: 991px) {
    .home4-blog-section .mt-40 {
        margin-top: 0;
    }
}
.home4-blog-section .mt-90 {
    margin-top: 90px;
}
@media (max-width: 1199px) {
    .home4-blog-section .mt-90 {
        margin-top: 60px;
    }
}
@media (max-width: 991px) {
    .home4-blog-section .mt-90 {
        margin-top: 0;
    }
}

/*=====================================
 43. Home5 Banner Section 
========================================*/
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.home5-banner-section {
    position: relative;
}
.home5-banner-section .banner-bg {
    height: 880px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-banner-section .banner-bg {
        height: 800px;
    }
}
@media (max-width: 1399px) {
    .home5-banner-section .banner-bg {
        height: 800px;
    }
}
@media (max-width: 1199px) {
    .home5-banner-section .banner-bg {
        height: 780px;
    }
}
@media (max-width: 991px) {
    .home5-banner-section .banner-bg {
        height: 700px;
    }
}
@media (max-width: 767px) {
    .home5-banner-section .banner-bg {
        height: 650px;
    }
}
.home5-banner-section .banner-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding-left: 10%;
    padding-right: 30px;
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 1199px) {
    .home5-banner-section .banner-wrapper {
        padding-top: 0;
        padding-left: 8%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-banner-section .banner-wrapper {
        top: 52%;
    }
}
@media (max-width: 767px) {
    .home5-banner-section .banner-wrapper {
        padding-left: 20px;
        padding-top: 30px;
    }
}
@media (max-width: 576px) {
    .home5-banner-section .banner-wrapper {
        padding: 30px 10px 10px;
    }
}
.home5-banner-section .banner-wrapper .banner-content {
    max-width: 600px;
    width: 100%;
    position: relative;
}
.home5-banner-section .banner-wrapper .banner-content .sub-title {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 11px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .home5-banner-section .banner-wrapper .banner-content .sub-title {
        margin-bottom: 10px;
    }
}
.home5-banner-section .banner-wrapper .banner-content .sub-title svg {
    fill: var(--white-color);
}
.home5-banner-section .banner-wrapper .banner-content h1 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 70px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 25px;
}
.home5-banner-section .banner-wrapper .banner-content h1 span {
    font-weight: 500;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-banner-section .banner-wrapper .banner-content h1 {
        font-size: 60px;
    }
}
@media (max-width: 1399px) {
    .home5-banner-section .banner-wrapper .banner-content h1 {
        font-size: 55px;
        margin-bottom: 20px;
    }
}
@media (max-width: 576px) {
    .home5-banner-section .banner-wrapper .banner-content h1 {
        font-size: 45px;
        margin-bottom: 10px;
    }
}
.home5-banner-section .banner-wrapper .banner-content p {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 45px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-banner-section .banner-wrapper .banner-content p {
        margin-bottom: 35px;
    }
}
@media (max-width: 576px) {
    .home5-banner-section .banner-wrapper .banner-content p {
        margin-bottom: 30px;
    }
}
.home5-banner-section .banner-wrapper .banner-content .button-area {
    display: flex;
    align-items: center;
    gap: 30px;
}
@media (max-width: 767px) {
    .home5-banner-section .banner-wrapper .banner-content .button-area {
        gap: 20px;
        flex-wrap: wrap;
    }
}
.home5-banner-section
    .banner-wrapper
    .banner-content
    .button-area
    .primary-btn2 {
    background-color: transparent;
    border: 1px solid var(--white-color);
    padding: 17px 32px;
}
.home5-banner-section
    .banner-wrapper
    .banner-content
    .button-area
    .primary-btn2
    span {
    background-color: var(--white-color);
}
.home5-banner-section
    .banner-wrapper
    .banner-content
    .button-area
    .primary-btn2:hover {
    color: var(--title-color);
}
.home5-banner-section
    .banner-wrapper
    .banner-content
    .button-area
    .primary-btn2:hover
    svg {
    fill: var(--title-color);
}
@media (max-width: 576px) {
    .home5-banner-section
        .banner-wrapper
        .banner-content
        .button-area
        .primary-btn2 {
        font-size: 14px;
        padding: 15px 27px;
    }
}
.home5-banner-section
    .banner-wrapper
    .banner-content
    .button-area
    .primary-btn4
    span {
    background-color: var(--white-color);
}
.home5-banner-section
    .banner-wrapper
    .banner-content
    .button-area
    .primary-btn4:hover {
    color: var(--title-color);
}
.home5-banner-section .banner-wrapper .banner-content::before {
    position: absolute;
    bottom: 0;
    right: -35%;
    content: url(../img/home5/icon/home5-banner-vector.svg);
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-banner-section .banner-wrapper .banner-content::before {
        right: -25%;
    }
}
@media (max-width: 1399px) {
    .home5-banner-section .banner-wrapper .banner-content::before {
        right: -25%;
    }
}
@media (max-width: 991px) {
    .home5-banner-section .banner-wrapper .banner-content::before {
        display: none;
    }
}
.home5-banner-section .banner-wrapper .slider-btn-grp {
    flex-direction: column;
    gap: 35px;
}
@media (max-width: 991px) {
    .home5-banner-section .banner-wrapper .slider-btn-grp {
        display: none;
    }
}
.home5-banner-section .banner-wrapper .slider-btn-grp .slider-btn {
    width: unset;
    height: unset;
    border: unset;
    background-color: unset;
    border-color: rgba(255, 255, 255, 0.5);
}
.home5-banner-section .banner-wrapper .slider-btn-grp .slider-btn svg {
    fill: var(--white-color);
}
.home5-banner-section .banner-wrapper .slider-btn-grp .slider-btn:hover svg {
    fill: var(--primary-color4);
}
.home5-banner-section .banner-wrapper .slider-btn-grp .paginations1 {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 70px;
    position: relative;
    top: unset;
    bottom: unset;
}
.home5-banner-section .banner-wrapper .slider-btn-grp .paginations1::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 95%;
    background-color: rgba(255, 255, 255, 0.15);
    z-index: -1;
}
.home5-banner-section
    .banner-wrapper
    .slider-btn-grp
    .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background-color: #717575;
    border-radius: 50%;
    opacity: 1;
}
.home5-banner-section
    .banner-wrapper
    .slider-btn-grp
    .swiper-pagination-bullet-active {
    background-color: var(--white-color);
}
.home5-banner-section .social-list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 46px;
    z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home5-banner-section .social-list {
        left: 5px;
    }
}
@media (max-width: 1199px) {
    .home5-banner-section .social-list {
        left: 10px;
    }
}
@media (max-width: 767px) {
    .home5-banner-section .social-list {
        display: none;
    }
}
.home5-banner-section .social-list li {
    position: relative;
    line-height: 1;
    transition: 0.5s;
}
.home5-banner-section .social-list li::before {
    content: "";
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.2);
    width: 3px;
    height: 3px;
    border-radius: 50%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home5-banner-section .social-list li::before {
        top: -15px;
    }
}
.home5-banner-section .social-list li:first-child::before {
    display: none;
}
.home5-banner-section .social-list li a i {
    color: var(--white-color);
    font-size: 22px;
    transition: 0.5s;
}
.home5-banner-section .social-list li a i.bi-twitter-x {
    font-size: 16px;
}
.home5-banner-section .social-list li:hover a i {
    color: var(--primary-color4);
}

/*=====================================
 44. Home5 Auction-with-tab Section 
========================================*/
.home5-auction-with-tab-section {
    padding-top: 110px;
    background-color: var(--white-color);
    border-radius: 70px 70px 0 0;
    display: block;
    margin-top: -65px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1199px) {
    .home5-auction-with-tab-section {
        border-radius: 40px 40px 0 0;
        padding-top: 90px;
    }
}
@media (max-width: 991px) {
    .home5-auction-with-tab-section {
        margin-top: -35px;
    }
}
@media (max-width: 767px) {
    .home5-auction-with-tab-section {
        padding-top: 70px;
        border-radius: 30px 30px 0 0;
    }
}
@media (max-width: 576px) {
    .home5-auction-with-tab-section {
        border-radius: 20px 20px 0 0;
        margin-top: -20px;
    }
}
.home5-auction-with-tab-section .nav-pills {
    gap: 15px;
    flex-wrap: wrap;
}
.home5-auction-with-tab-section .nav-pills .nav-item .nav-link {
    border: 1px solid rgba(var(--title-color-opc), 0.5);
    border-radius: 50px;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    padding: 9px 17px;
    transition: 0.5s;
}
.home5-auction-with-tab-section .nav-pills .nav-item .nav-link.active {
    background-color: var(--primary-color4);
    border-color: var(--primary-color4);
    color: var(--white-color);
    font-weight: 600;
}
.home5-auction-with-tab-section .nav-pills .nav-item .nav-link:hover {
    background-color: var(--primary-color4);
    border-color: var(--primary-color4);
    color: var(--white-color);
}
.home5-auction-with-tab-section .auction-slider-wrap {
    position: relative;
}
.home5-auction-with-tab-section
    .auction-slider-wrap
    .slider-btn-grp
    .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -9%;
    z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-auction-with-tab-section
        .auction-slider-wrap
        .slider-btn-grp
        .slider-btn {
        left: -40px;
    }
}
@media (max-width: 1399px) {
    .home5-auction-with-tab-section
        .auction-slider-wrap
        .slider-btn-grp
        .slider-btn {
        left: -40px;
    }
}
@media (max-width: 1199px) {
    .home5-auction-with-tab-section
        .auction-slider-wrap
        .slider-btn-grp
        .slider-btn {
        display: none;
    }
}
.home5-auction-with-tab-section
    .auction-slider-wrap
    .slider-btn-grp
    .slider-btn.auction-slider-next {
    left: unset;
    right: -9%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-auction-with-tab-section
        .auction-slider-wrap
        .slider-btn-grp
        .slider-btn.auction-slider-next {
        right: -40px;
    }
}
@media (max-width: 1399px) {
    .home5-auction-with-tab-section
        .auction-slider-wrap
        .slider-btn-grp
        .slider-btn.auction-slider-next {
        right: -40px;
    }
}
@media (max-width: 1199px) {
    .home5-auction-with-tab-section
        .auction-slider-wrap
        .slider-btn-grp
        .slider-btn.auction-slider-next {
        display: none;
    }
}

/*=====================================
 45. Home5 Category Section 
========================================*/
.category-card5 .category-card-wrapper {
    background-color: var(--white-color);
    border-radius: 5px;
    padding: 25px 25px 40px;
    transition: 0.5s;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .category-card5 .category-card-wrapper {
        padding: 25px 20px 40px;
    }
}
@media (max-width: 1399px) {
    .category-card5 .category-card-wrapper {
        padding: 25px 20px 40px;
    }
}
.category-card5 .category-card-wrapper .category-img {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.category-card5 .category-card-wrapper .category-content {
    text-align: center;
}
.category-card5 .category-card-wrapper .category-content h5 {
    margin-bottom: 5px;
}
.category-card5 .category-card-wrapper .category-content h5 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .category-card5 .category-card-wrapper .category-content h5 a {
        font-size: 19px;
    }
}
.category-card5 .category-card-wrapper .category-content h5 a:hover {
    color: var(--primary-color4);
}
.category-card5 .category-card-wrapper .category-content span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}
.category-card5 .details-btn {
    display: flex;
    justify-content: center;
    margin-top: -13px;
}
.category-card5 .details-btn a {
    width: 52px;
    height: 27px;
    border-radius: 100px;
    border: 1px solid rgba(var(--title-color-opc), 0.2);
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.category-card5 .details-btn a svg {
    fill: rgba(var(--title-color-opc), 0.2);
    transition: 0.5s;
}
.category-card5:hover .category-card-wrapper {
    background-color: rgba(var(--primary-color4-opc), 0.2);
}
.category-card5:hover .details-btn a {
    background-color: var(--primary-color4);
    border-color: rgba(var(--title-color-opc), 0.4);
}
.category-card5:hover .details-btn a svg {
    fill: var(--white-color);
}
.category-card5.two .category-card-wrapper {
    background-color: #f3f8ff;
}
.category-card5.two:hover .category-card-wrapper {
    background-color: rgba(var(--primary-color4-opc), 0.2);
}

.home5-category-section {
    background-image: url(../img/home5/home5-category-bg.png),
        linear-gradient(180deg, #dae2ed 0%, #dae2ed 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 11.5%;
}
@media (max-width: 1799px) {
    .home5-category-section {
        padding: 100px 9%;
    }
}
@media (max-width: 1699px) {
    .home5-category-section {
        padding: 100px 7%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-category-section {
        padding: 100px 5%;
    }
}
@media (max-width: 1399px) {
    .home5-category-section {
        padding: 100px 3%;
    }
}
@media (max-width: 991px) {
    .home5-category-section {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home5-category-section {
        padding: 70px 0;
    }
}
.home5-category-section .slider-btn-grp {
    gap: 50px;
}
@media (max-width: 991px) {
    .home5-category-section .slider-btn-grp {
        gap: 20px;
    }
}

/*=====================================
 46. Home5 Auction Card Tab Section 
========================================*/
.home5-auction-card-tab-section .auction-nav {
    margin-bottom: 35px;
}
.home5-auction-card-tab-section .auction-nav .nav-tabs {
    border-bottom: 1px solid rgba(47, 47, 47, 0.2);
    gap: 50px;
}
@media (max-width: 767px) {
    .home5-auction-card-tab-section .auction-nav .nav-tabs {
        gap: 18px;
        padding-left: 0;
    }
}
@media (max-width: 576px) {
    .home5-auction-card-tab-section .auction-nav .nav-tabs {
        gap: 15px;
    }
}
.home5-auction-card-tab-section .auction-nav .nav-tabs .nav-link {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    border: none;
    background: linear-gradient(
        to bottom,
        rgba(var(--primary-color4-opc), 1) 0%,
        rgba(var(--primary-color4-opc), 1) 98%
    );
    background-size: 0px 3px;
    background-repeat: no-repeat;
    background-position: right 100%;
    transition: background-size 0.75s;
    padding: 0;
    padding-bottom: 15px;
}
@media (max-width: 576px) {
    .home5-auction-card-tab-section .auction-nav .nav-tabs .nav-link {
        padding-bottom: 5px;
        margin-right: 15px;
        padding: 0;
    }
}
.home5-auction-card-tab-section .auction-nav .nav-tabs .nav-link.active {
    color: var(--primary-color4);
    background-size: 100% 3px;
    background-position: 0% 100%;
}
.home5-auction-card-tab-section .auction-tab-area .auction-card.horizontal-d {
    display: grid;
    grid-template-columns: 31.5% 68.5%;
}
@media (max-width: 1399px) {
    .home5-auction-card-tab-section
        .auction-tab-area
        .auction-card.horizontal-d {
        grid-template-columns: 35% 65%;
    }
}
@media (max-width: 1199px) {
    .home5-auction-card-tab-section
        .auction-tab-area
        .auction-card.horizontal-d {
        align-items: center;
    }
}
@media (max-width: 767px) {
    .home5-auction-card-tab-section
        .auction-tab-area
        .auction-card.horizontal-d {
        grid-template-columns: 40% 60%;
    }
}
@media (max-width: 576px) {
    .home5-auction-card-tab-section
        .auction-tab-area
        .auction-card.horizontal-d {
        display: block;
    }
}
@media (min-width: 577px) {
    .home5-auction-card-tab-section
        .auction-tab-area
        .auction-card.horizontal-d
        .auction-card-img-wrap
        .countdown-timer {
        width: 100%;
        height: 48px;
        border-radius: 0 10px 0 5px;
        bottom: 0;
        border: 1px solid rgba(var(--border-color-opc), 0.6);
        border-left: unset;
        border-bottom: unset;
        padding: 0 15px;
        left: 0;
        transform: translateX(0);
    }
    .home5-auction-card-tab-section
        .auction-tab-area
        .auction-card.horizontal-d
        .auction-card-img-wrap
        .countdown-timer
        ul {
        gap: 8px;
    }
    .home5-auction-card-tab-section
        .auction-tab-area
        .auction-card.horizontal-d
        .auction-card-img-wrap
        .countdown-timer
        ul
        li {
        font-size: 16px;
    }
    .home5-auction-card-tab-section
        .auction-tab-area
        .auction-card.horizontal-d
        .auction-card-img-wrap
        .countdown-timer
        ul
        li
        span {
        font-size: 11px;
    }
}
.home5-auction-card-tab-section
    .auction-tab-area
    .auction-card.horizontal-d
    .auction-card-content {
    padding: 35px 40px;
}
@media (max-width: 767px) {
    .home5-auction-card-tab-section
        .auction-tab-area
        .auction-card.horizontal-d
        .auction-card-content {
        padding: 30px 20px;
    }
}
.home5-auction-card-tab-section
    .auction-tab-area
    .auction-card.horizontal-d
    .auction-card-content
    h6
    a {
    font-size: 21px;
}

/*=====================================
 47. Home5 Upcoming Auction Section 
========================================*/
.home5-upcomig-auction-section {
    background-image: url(../img/home5/home5-upcomig-auction-bg.png),
        linear-gradient(180deg, #e5fae2 0%, #e5fae2 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0;
}
@media (max-width: 1199px) {
    .home5-upcomig-auction-section {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home5-upcomig-auction-section {
        padding: 70px 0;
    }
}
.home5-upcomig-auction-section .slider-btn-grp {
    gap: 50px;
}

/*=====================================
 48. Home5 Testimonial Section 
========================================*/
.home5-testimonial-section {
    background-image: url(../img/home5/home5-testimonial-bg.png),
        linear-gradient(180deg, #f2eed3 0%, #f2eed3 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 110px 7%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-testimonial-section {
        padding: 100px 2%;
    }
}
@media (max-width: 1399px) {
    .home5-testimonial-section {
        padding: 110px 2%;
    }
}
@media (max-width: 1199px) {
    .home5-testimonial-section {
        padding: 90px 20px;
    }
}
@media (max-width: 767px) {
    .home5-testimonial-section {
        padding: 70px 10px;
    }
}
.home5-testimonial-section .testimonial-slider-area {
    position: relative;
}
.home5-testimonial-section .testimonial-slider-area .slider-btn-grp {
    justify-content: space-between;
}
@media (max-width: 991px) {
    .home5-testimonial-section .testimonial-slider-area .slider-btn-grp {
        display: none;
    }
}

/*=====================================
 49. Home5 Blog Section 
========================================*/
.blog-card2 {
    padding: 30px 22px;
    border: 1px solid rgba(233, 233, 233, 0.6);
    border-radius: 5px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .blog-card2 {
        padding: 25px 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card2 {
        padding: 25px 15px;
    }
}
@media (max-width: 991px) {
    .blog-card2 {
        padding: 25px 18px;
    }
}
@media (max-width: 576px) {
    .blog-card2 {
        padding: 25px 15px;
    }
}
.blog-card2 .blog-meta {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card2 .blog-meta {
        margin-bottom: 10px;
    }
}
@media (max-width: 576px) {
    .blog-card2 .blog-meta {
        margin-bottom: 10px;
    }
}
.blog-card2 .blog-meta .category {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.blog-card2 .blog-meta .category li {
    position: relative;
    line-height: 1;
}
.blog-card2 .blog-meta .category li a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    transition: 0.5s;
}
.blog-card2 .blog-meta .category li a:hover {
    color: var(--primary-color4);
}
.blog-card2 .blog-meta .blog-comment {
    position: relative;
    padding-left: 10px;
    line-height: 1;
}
.blog-card2 .blog-meta .blog-comment::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background-color: rgba(var(--title-color-opc), 0.2);
    width: 3px;
    height: 3px;
    border-radius: 50%;
}
.blog-card2 .blog-meta .blog-comment span {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}
.blog-card2 h4 {
    margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card2 h4 {
        margin-bottom: 15px;
    }
}
@media (max-width: 576px) {
    .blog-card2 h4 {
        margin-bottom: 15px;
    }
}
.blog-card2 h4 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .blog-card2 h4 a {
        font-size: 21px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card2 h4 a {
        font-size: 19px;
    }
}
@media (max-width: 991px) {
    .blog-card2 h4 a {
        font-size: 21px;
    }
}
.blog-card2 h4 a:hover {
    color: var(--primary-color4);
}
.blog-card2 .blog-card-img-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card2 .blog-card-img-wrap {
        margin-bottom: 20px;
    }
}
.blog-card2 .blog-card-img-wrap .card-img {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 5px;
    transition: all 0.5s ease-out;
}
.blog-card2 .blog-card-img-wrap .card-img img {
    border-radius: 5px;
    transition: all 0.5s ease-out;
}
@media (max-width: 991px) {
    .blog-card2 .blog-card-img-wrap .card-img img {
        width: 100%;
    }
}
.blog-card2 .blog-card-img-wrap .card-img::after {
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    z-index: 1;
}
.blog-card2 .blog-card-img-wrap .batch {
    -webkit-mask-image: url(../img/home1/icon/blog-batch-bg2.svg);
    mask-image: url(../img/home1/icon/blog-batch-bg2.svg);
    padding: 9px 24px 9px 16px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--white-color);
    white-space: nowrap;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.blog-card2 .blog-card-img-wrap .batch .date {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: 0.5s;
}
.blog-card2 .blog-card-img-wrap .batch .date svg {
    fill: var(--white-color);
}
.blog-card2 .blog-card-img-wrap .batch .date:hover {
    color: var(--primary-color4);
}
.blog-card2 p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card2 p {
        margin-bottom: 20px;
    }
}
.blog-card2 .view-button {
    font-size: 14px;
}
.blog-card2:hover .blog-card-img-wrap .card-img img {
    transform: scale(1.1);
}
.blog-card2:hover .blog-card-img-wrap .card-img::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.blog-card2.two .blog-meta .category li a:hover {
    color: var(--primary-color7);
}
.blog-card2.two h4 a:hover {
    color: var(--primary-color7);
}

.home5-blog-section {
    padding: 110px 0;
    background-color: var(--white-color);
    border-radius: 0 0 70px 70px;
    margin-bottom: -95px;
    position: relative;
}
@media (max-width: 1199px) {
    .home5-blog-section {
        border-radius: 0 0 50px 50px;
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home5-blog-section {
        padding: 70px 0;
        border-radius: 0 0 30px 30px;
    }
}

/*=====================================
 50. Home5 Feature Section 
========================================*/
.home5-feature-bottom-area {
    margin-top: -85px;
    padding: 0 12%;
}
@media (max-width: 1699px) {
    .home5-feature-bottom-area {
        padding: 0 10%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-feature-bottom-area {
        padding: 0 5%;
    }
}
@media (max-width: 1399px) {
    .home5-feature-bottom-area {
        padding: 0 2%;
    }
}
@media (max-width: 991px) {
    .home5-feature-bottom-area {
        padding: 0;
        margin-top: 0;
        padding-top: 50px;
    }
}
@media (max-width: 576px) {
    .home5-feature-bottom-area {
        padding-top: 40px;
    }
}

/*=====================================
 51. Home5 Process Section 
========================================*/
.process-card2 .step-no {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: 7px 27px;
    background-color: var(--primary-color4);
    border-radius: 5px;
    margin-bottom: 70px;
}
@media (max-width: 576px) {
    .process-card2 .step-no {
        margin-bottom: 50px;
    }
}
.process-card2 .process-content h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
}
@media (max-width: 991px) {
    .process-card2 .process-content h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}
@media (max-width: 576px) {
    .process-card2 .process-content h2 {
        margin-bottom: 15px;
    }
}
.process-card2 .process-content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.03em;
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .process-card2 .process-content p {
        margin-bottom: 25px;
    }
}
@media (max-width: 767px) {
    .process-card2 .process-content p {
        margin-bottom: 20px;
    }
}
.process-card2 .process-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.process-card2 .process-content ul li {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 20.83px;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}
.process-card2 .process-content ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset;
}
.process-card2 .process-content ul li strong {
    font-size: 17px;
    font-weight: 700;
}
.process-card2.two .step-no {
    background-color: var(--primary-color5);
    color: var(--title-color);
    margin-bottom: 50px;
}
.process-card2.two .process-content h2 {
    color: var(--white-color);
    font-size: 30px;
    margin-bottom: 10px;
}
.process-card2.two .process-content p {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}

.home5-process-section .home5-process-process-slider-wrap {
    position: relative;
}
.home5-process-section .home5-process-process-slider-wrap .progress-pagination {
    position: relative;
    background: #cdcdcd;
    position: absolute;
    top: 60px;
    left: 0;
    height: 2px;
}
@media (max-width: 576px) {
    .home5-process-section
        .home5-process-process-slider-wrap
        .progress-pagination {
        top: 50px;
    }
}
.home5-process-section
    .home5-process-process-slider-wrap
    .progress-pagination
    .swiper-pagination-progressbar-fill {
    background: var(--primary-color4);
}

/*=====================================
 52. Home5 Banner2 Section 
========================================*/
.home5-banner2-section {
    overflow: hidden;
    position: relative;
}
.home5-banner2-section .home5-banner-slider-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 40px;
}
@media (max-width: 991px) {
    .home5-banner2-section .home5-banner-slider-wrap {
        padding-top: 0;
    }
}
.home5-banner2-section .home5-banner-slider-wrap .banner2-content {
    padding: 20px 0;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content {
        padding-left: 70px;
    }
}
@media (max-width: 1399px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content {
        padding-left: 70px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content {
        padding-left: 30px;
    }
}
@media (max-width: 991px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content {
        padding: 50px 40px;
    }
}
@media (max-width: 767px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content {
        padding: 50px 0;
    }
}
.home5-banner2-section .home5-banner-slider-wrap .banner2-content .price-area {
    margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .price-area {
        margin-bottom: 15px;
    }
}
@media (max-width: 576px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .price-area {
        margin-bottom: 15px;
    }
}
.home5-banner2-section
    .home5-banner-slider-wrap
    .banner2-content
    .price-area
    span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home5-banner2-section
    .home5-banner-slider-wrap
    .banner2-content
    .price-area
    h3 {
    color: var(--primary-color4);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home5-banner2-section .home5-banner-slider-wrap .banner2-content h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 40px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content h2 {
        font-size: 32px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
}
@media (max-width: 1199px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content h2 {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-content h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}
.home5-banner2-section .home5-banner-slider-wrap .banner2-content .offer-timer {
    margin-bottom: 50px;
}
@media (max-width: 1199px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .offer-timer {
        margin-bottom: 40px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .offer-timer {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .offer-timer {
        margin-bottom: 30px;
    }
}
.home5-banner2-section
    .home5-banner-slider-wrap
    .banner2-content
    .offer-timer
    > span {
    color: var(--title-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 1199px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .offer-timer
        > span {
        margin-bottom: 20px;
    }
}
@media (max-width: 576px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .offer-timer
        > span {
        margin-bottom: 15px;
    }
}
.home5-banner2-section
    .home5-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
.home5-banner2-section
    .home5-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-banner2-section
        .home5-banner-slider-wrap
        .banner2-content
        .offer-timer
        .countdown-timer
        ul
        li {
        font-size: 23px;
    }
}
.home5-banner2-section
    .home5-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li
    span {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.home5-banner2-section
    .home5-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li
    span:first-child {
    display: none;
    visibility: hidden;
}
.home5-banner2-section
    .home5-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    svg {
    fill: rgba(var(--title-color-opc), 0.15);
}
.home5-banner2-section
    .home5-banner-slider-wrap
    .banner2-content
    .primary-btn4 {
    font-weight: 500;
    border-radius: 5px;
    padding: 13px 45px;
}
@media (max-width: 991px) {
    .home5-banner2-section .home5-banner-slider-wrap .banner2-img {
        display: none;
    }
}
.home5-banner2-section .home5-banner-slider-wrap .batch {
    position: absolute;
    top: 0;
    left: 40%;
    transform: translateX(0);
}
@media (max-width: 991px) {
    .home5-banner2-section .home5-banner-slider-wrap .batch {
        left: 50%;
    }
}
@media (max-width: 576px) {
    .home5-banner2-section .home5-banner-slider-wrap .batch {
        left: unset;
        right: 30px;
        transform: none;
    }
}
.home5-banner2-section .home5-banner-slider-wrap .batch span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-align: center;
    display: block;
    padding: 26px 17px;
    border-radius: 0 0 50px 50px;
    background-color: #f04054;
}
.home5-banner2-section .slider-btn-grp {
    display: block;
}
@media (max-width: 767px) {
    .home5-banner2-section .slider-btn-grp {
        display: none;
    }
}
.home5-banner2-section .slider-btn-grp .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
    z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-banner2-section .slider-btn-grp .slider-btn {
        left: 30px;
    }
}
@media (max-width: 1399px) {
    .home5-banner2-section .slider-btn-grp .slider-btn {
        left: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-banner2-section .slider-btn-grp .slider-btn {
        left: 10px;
    }
}
@media (max-width: 991px) {
    .home5-banner2-section .slider-btn-grp .slider-btn {
        left: 20px;
    }
}
.home5-banner2-section .slider-btn-grp .slider-btn.home5-banner-slider-next {
    left: unset;
    right: 50px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home5-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 30px;
    }
}
@media (max-width: 1399px) {
    .home5-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 10px;
    }
}
@media (max-width: 991px) {
    .home5-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 20px;
    }
}
.home5-banner2-section .home5-banner-slider .swiper-slide-active .price-area,
.home5-banner2-section .home5-banner-slider .swiper-slide-active h2,
.home5-banner2-section .home5-banner-slider .swiper-slide-active .batch {
    animation: fadeInDown 1.7s;
}
.home5-banner2-section .home5-banner-slider .swiper-slide-active .offer-timer,
.home5-banner2-section .home5-banner-slider .swiper-slide-active .primary-btn4 {
    animation: fadeInUp 1.7s;
}
.home5-banner2-section .home5-banner-slider .swiper-slide-active .banner2-img {
    animation: RightLeft 1.5s;
}
@keyframes RightLeft {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

/*=====================================
 53. Home5 About Section 
========================================*/
.home5-about-section .about-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-about-section .about-content ul {
        padding-top: 30px;
    }
}
@media (max-width: 991px) {
    .home5-about-section .about-content ul {
        padding-top: 40px;
    }
}
.home5-about-section .about-content ul li {
    display: flex;
    gap: 15px;
    margin-bottom: 35px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-about-section .about-content ul li {
        margin-bottom: 20px;
    }
}
@media (max-width: 991px) {
    .home5-about-section .about-content ul li {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home5-about-section .about-content ul li {
        margin-bottom: 20px;
    }
}
.home5-about-section .about-content ul li:last-child {
    margin-bottom: 0;
}
.home5-about-section .about-content ul li .icon {
    min-width: 56px;
    max-width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(var(--primary-color4-opc), 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.home5-about-section .about-content ul li .icon svg {
    fill: #566064;
}
.home5-about-section .about-content ul li .content h5 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-about-section .about-content ul li .content h5 {
        margin-bottom: 5px;
    }
}
@media (max-width: 576px) {
    .home5-about-section .about-content ul li .content h5 {
        margin-bottom: 5px;
    }
}
.home5-about-section .about-content ul li .content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.03em;
    margin-bottom: 0;
}
.home5-about-section .about-img {
    padding-left: 20px;
    position: relative;
}
@media (max-width: 1399px) {
    .home5-about-section .about-img {
        padding-left: 0;
    }
}
@media (max-width: 991px) {
    .home5-about-section .about-img {
        display: none;
    }
}
.home5-about-section .about-img .counter-wrap {
    position: absolute;
    top: 95px;
    right: 20px;
    max-width: 261px;
    width: 100%;
    background-color: var(--white-color);
    border-radius: 20px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.0784313725);
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 31px 22px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home5-about-section .about-img .counter-wrap {
        right: 0;
        top: 50px;
    }
}
.home5-about-section .about-img .counter-wrap .icon svg {
    fill: rgba(var(--title-color-opc), 0.6);
}
.home5-about-section .about-img .counter-wrap .content .content-top-area {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 5px;
}
.home5-about-section
    .about-img
    .counter-wrap
    .content
    .content-top-area
    .number {
    display: flex;
}
.home5-about-section
    .about-img
    .counter-wrap
    .content
    .content-top-area
    .number
    h5,
.home5-about-section
    .about-img
    .counter-wrap
    .content
    .content-top-area
    .number
    strong {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}
.home5-about-section .about-img .counter-wrap .content .content-top-area span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
}
.home5-about-section .about-img .counter-wrap .content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 0;
}

/*=====================================
 54. Home6 Banner Section 
========================================*/
.home6-banner-section {
    background-image: url(../img/home6/home6-banner-bg.png),
        linear-gradient(180deg, #3c5037 0%, #3c5037 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 195px 0 0 16%;
    position: relative;
    overflow: hidden;
}
@media (max-width: 1799px) {
    .home6-banner-section {
        padding: 195px 0 0 12%;
    }
}
@media (max-width: 1699px) {
    .home6-banner-section {
        padding: 195px 0 0 9.5%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home6-banner-section {
        padding: 195px 0 0 4%;
    }
}
@media (max-width: 1399px) {
    .home6-banner-section {
        padding: 185px 0 0 3%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner-section {
        padding: 170px 0 0 3%;
    }
}
@media (max-width: 991px) {
    .home6-banner-section {
        padding: 160px 35px 90px;
    }
}
@media (max-width: 576px) {
    .home6-banner-section {
        padding: 140px 10px 70px;
    }
}
.home6-banner-section .banner-content {
    padding-top: 35px;
}
@media (max-width: 1699px) {
    .home6-banner-section .banner-content {
        padding-bottom: 80px;
    }
}
@media (max-width: 1399px) {
    .home6-banner-section .banner-content {
        padding-bottom: 50px;
    }
}
@media (max-width: 991px) {
    .home6-banner-section .banner-content {
        padding: 0;
    }
}
.home6-banner-section .banner-content .sub-title {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .home6-banner-section .banner-content .sub-title {
        margin-bottom: 10px;
    }
}
.home6-banner-section .banner-content .sub-title svg {
    fill: var(--white-color);
}
.home6-banner-section .banner-content h1 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 70px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 40px;
    position: relative;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home6-banner-section .banner-content h1 {
        font-size: 65px;
        margin-bottom: 25px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home6-banner-section .banner-content h1 {
        font-size: 55px;
        margin-bottom: 25px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner-section .banner-content h1 {
        font-size: 45px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .home6-banner-section .banner-content h1 {
        font-size: 53px;
    }
}
@media (max-width: 576px) {
    .home6-banner-section .banner-content h1 {
        font-size: 48px;
        margin-bottom: 20px;
    }
}
.home6-banner-section .banner-content h1::before {
    content: url(../img/home6/icon/circle-vector.svg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -47px;
    width: 130px;
    height: 130px;
}
@media (max-width: 1399px) {
    .home6-banner-section .banner-content h1::before {
        left: -35px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner-section .banner-content h1::before {
        left: -28px;
    }
}
@media (max-width: 991px) {
    .home6-banner-section .banner-content h1::before {
        left: -30px;
    }
}
@media (max-width: 576px) {
    .home6-banner-section .banner-content h1::before {
        display: none;
    }
}
.home6-banner-section .banner-content h1 span {
    font-weight: 500;
}
.home6-banner-section .banner-content p {
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 40px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home6-banner-section .banner-content p {
        margin-bottom: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner-section .banner-content p {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home6-banner-section .banner-content p {
        margin-bottom: 20px;
    }
}
.home6-banner-section .banner-content .button-area {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 45px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home6-banner-section .banner-content .button-area {
        margin-bottom: 35px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner-section .banner-content .button-area {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home6-banner-section .banner-content .button-area {
        gap: 20px;
        flex-wrap: wrap;
    }
}
@media (max-width: 576px) {
    .home6-banner-section .banner-content .button-area {
        margin-bottom: 25px;
    }
}
.home6-banner-section .banner-content .top-search-area h6 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}
.home6-banner-section .banner-content .top-search-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.home6-banner-section .banner-content .top-search-area ul li {
    padding: 8px 18px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(var(--primary-color2-opc), 0.4);
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    border-radius: 50px;
    line-height: 1;
    transition: 0.5s;
}
.home6-banner-section .banner-content .top-search-area ul li a {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.home6-banner-section .banner-content .top-search-area ul li:hover {
    background-color: var(--primary-color5);
    border-color: var(--primary-color5);
}
.home6-banner-section .banner-content .top-search-area ul li:hover a {
    color: var(--title-color2);
}
.home6-banner-section .banner-img {
    position: relative;
    height: 100%;
}
@media (max-width: 1699px) {
    .home6-banner-section .banner-img img {
        height: 100%;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home6-banner-section .banner-img img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: left;
        object-position: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner-section .banner-img img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: left;
        object-position: left;
    }
}
@media (max-width: 991px) {
    .home6-banner-section .banner-img {
        display: none;
    }
}

/*=====================================
 55. Home6 Category Section 
========================================*/
.category-card6 {
    border-radius: 5px;
}
.category-card6 .category-img img {
    border-radius: 5px 5px 0 0;
}
.category-card6 .category-content {
    background-color: #dbe7d8;
    padding: 18px;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
    transition: 0.5s;
}
@media (max-width: 767px) {
    .category-card6 .category-content {
        padding: 18px 15px;
    }
}
.category-card6 .category-content h5 {
    margin-bottom: 5px;
}
.category-card6 .category-content h5 a {
    color: var(--title-color2);
    font-family: var(--font-dmsans);
    font-size: 20px;
    font-weight: 700;
    line-height: 26.04px;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .category-card6 .category-content h5 a {
        font-size: 19px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .category-card6 .category-content h5 a {
        font-size: 19px;
    }
}
@media (max-width: 767px) {
    .category-card6 .category-content h5 a {
        font-size: 18px;
    }
}
.category-card6 .category-content span {
    color: #909090;
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    transition: 0.5s;
}
.category-card6:hover .category-content {
    background-color: var(--primary-color6);
}
.category-card6:hover .category-content h5 a {
    color: var(--primary-color5);
}
.category-card6:hover .category-content span {
    color: #ebebeb;
}

.home6-category-section {
    background-image: url(../img/home6/home6-category-bg.png),
        linear-gradient(180deg, #eaf4e7 0%, #eaf4e7 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 90px 0;
}
@media (max-width: 767px) {
    .home6-category-section {
        padding: 70px 0;
    }
}

/*=====================================
 56. Home6 Process Section 
========================================*/
.home6-process-section {
    background-image: url(../img/home6/home6-process-bg.png),
        linear-gradient(180deg, #56734e 0%, #56734e 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 90px 0 330px;
}
@media (max-width: 1199px) {
    .home6-process-section {
        padding: 90px 0 270px;
    }
}
@media (max-width: 991px) {
    .home6-process-section {
        padding: 90px 0 230px;
    }
}
@media (max-width: 767px) {
    .home6-process-section {
        padding: 70px 0 180px;
    }
}
@media (max-width: 576px) {
    .home6-process-section {
        padding: 70px 0 120px;
    }
}
.home6-process-section .home6-process-slider-wrap {
    position: relative;
}
.home6-process-section .home6-process-slider-wrap .progress-pagination {
    position: relative;
    background: #cdcdcd;
    position: absolute;
    top: 55px;
    left: 0;
    height: 1px;
}
@media (max-width: 576px) {
    .home6-process-section .home6-process-slider-wrap .progress-pagination {
        top: 50px;
    }
}
.home6-process-section
    .home6-process-slider-wrap
    .progress-pagination
    .swiper-pagination-progressbar-fill {
    background: var(--primary-color5);
}

.process-video-area {
    margin-top: -240px;
}
@media (max-width: 1199px) {
    .process-video-area {
        margin-top: -180px;
    }
}
@media (max-width: 991px) {
    .process-video-area {
        margin-top: -140px;
    }
}
@media (max-width: 767px) {
    .process-video-area {
        margin-top: -120px;
    }
}
@media (max-width: 576px) {
    .process-video-area {
        margin-top: -70px;
    }
}
.process-video-area .video-wrapper {
    position: relative;
}
.process-video-area .video-wrapper img {
    border-radius: 20px;
}
@media (max-width: 576px) {
    .process-video-area .video-wrapper img {
        border-radius: 10px;
        min-height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.process-video-area .video-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: rgba(var(--primary-color2-opc), 0.3);
}
@media (max-width: 576px) {
    .process-video-area .video-wrapper::before {
        border-radius: 10px;
    }
}
.process-video-area .video-wrapper .video-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.process-video-area .video-wrapper .video-area .icon {
    position: relative;
}
.process-video-area .video-wrapper .video-area .icon .video-circle {
    stroke: var(--white-color);
    fill: none;
    transition: 0.5s;
}
@media (max-width: 767px) {
    .process-video-area .video-wrapper .video-area .icon .video-circle {
        width: 50px;
    }
}
.process-video-area .video-wrapper .video-area .icon .video-circle .top-half {
    stroke-dasharray: 320;
    stroke-dashoffset: 320;
    transition: stroke-dashoffset 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.process-video-area .video-wrapper .video-area .icon i {
    color: var(--white-color);
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .process-video-area .video-wrapper .video-area .icon i {
        font-size: 30px;
    }
}
.process-video-area
    .video-wrapper
    .video-area:hover
    .icon
    .video-circle
    .top-half {
    stroke-dashoffset: 0;
}
.process-video-area.two {
    margin-top: 0;
}
.process-video-area.two .video-wrapper {
    position: relative;
}
.process-video-area.two .video-wrapper img {
    border-radius: 20px;
}
@media (max-width: 767px) {
    .process-video-area.two .video-wrapper img {
        min-height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media (max-width: 576px) {
    .process-video-area.two .video-wrapper img {
        border-radius: 10px;
        min-height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.process-video-area.two .video-wrapper::before {
    background-color: rgba(var(--primary-color2-opc), 0.4);
}

/*=====================================
 57. Home6 Highlight Auction Section 
========================================*/
.home6-highlight-auction-section .selector {
    margin-right: 20px;
}
@media (max-width: 767px) {
    .home6-highlight-auction-section .selector {
        margin-right: 0;
    }
}
.home6-highlight-auction-section .selector .nice-select {
    width: 195px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--primary-color2);
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 25px;
    display: flex;
    align-items: center;
}
.home6-highlight-auction-section .selector .nice-select:focus {
    border: 1px solid #ddd;
}
@media (max-width: 576px) {
    .home6-highlight-auction-section .selector .nice-select {
        width: 200px;
        height: 35px;
    }
}
.home6-highlight-auction-section .selector .nice-select::after {
    border-bottom: 2px solid var(--primary-color2);
    border-right: 2px solid var(--primary-color2);
    width: 8px;
    height: 8px;
    right: 28px;
    top: 48%;
}
@media (max-width: 576px) {
    .home6-highlight-auction-section .selector .nice-select::after {
        width: 8px;
        height: 8px;
        top: 45%;
    }
}
.home6-highlight-auction-section .selector .nice-select .option.selected.focus {
    background-color: var(--primary-color5);
}
.home6-highlight-auction-section .selector .nice-select .option:hover {
    background-color: var(--primary-color5);
}
.home6-highlight-auction-section .selector .nice-select.open .list {
    width: 100%;
}
.home6-highlight-auction-section .selector .nice-select.open .list .option {
    padding-left: 25px;
}
.home6-highlight-auction-section .auction-banner-card {
    border-radius: 10px;
    position: relative;
}
.home6-highlight-auction-section .auction-banner-card img {
    border-radius: 10px;
}
.home6-highlight-auction-section .auction-banner-card .banner-content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(
        180deg,
        rgba(34, 34, 34, 0.7) 35.16%,
        rgba(137, 182, 125, 0.29) 74.22%
    );
    padding: 35px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home6-highlight-auction-section .auction-banner-card .banner-content-wrap {
        padding: 35px 15px 20px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .home6-highlight-auction-section .auction-banner-card .banner-content-wrap {
        padding: 45px 20px;
    }
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-top
    .price-area {
    margin-bottom: 10px;
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-top
    .price-area
    span {
    color: rgba(255, 255, 255, 0.73);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-top
    .price-area
    strong {
    color: var(--primary-color5);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 22px;
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-top
    h3 {
    margin-bottom: 0;
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-top
    h3
    a {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home6-highlight-auction-section
        .auction-banner-card
        .banner-content-wrap
        .banner-content-top
        h3
        a {
        font-size: 28px;
    }
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-top
    h3
    a:hover {
    color: var(--primary-color5);
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-bottom
    .countdown-timer {
    transition: 0.5s;
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-bottom
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .home6-highlight-auction-section
        .auction-banner-card
        .banner-content-wrap
        .banner-content-bottom
        .countdown-timer
        ul {
        gap: 15px;
    }
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-bottom
    .countdown-timer
    ul
    li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    background-color: var(--white-color);
    padding: 6px 12px;
    border-radius: 5px;
    border: 1px solid var(--border-color2);
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home6-highlight-auction-section
        .auction-banner-card
        .banner-content-wrap
        .banner-content-bottom
        .countdown-timer
        ul
        li {
        padding: 5px 10px;
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .home6-highlight-auction-section
        .auction-banner-card
        .banner-content-wrap
        .banner-content-bottom
        .countdown-timer
        ul
        li {
        font-size: 20px;
        padding: 6px 20px;
    }
}
@media (max-width: 576px) {
    .home6-highlight-auction-section
        .auction-banner-card
        .banner-content-wrap
        .banner-content-bottom
        .countdown-timer
        ul
        li {
        font-size: 16px;
        padding: 5px 10px;
    }
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-bottom
    .countdown-timer
    ul
    li.colon {
    background-color: unset;
    padding: 0;
    border: unset;
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-bottom
    .countdown-timer
    ul
    li
    span {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-bottom
    .countdown-timer
    ul
    li
    span:last-child {
    display: none;
    visibility: hidden;
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-bottom
    .countdown-timer
    ul
    svg {
    fill: var(--white-color);
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-bottom
    .bid-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) scaleY(0);
    opacity: 0;
    transform-origin: bottom;
    transition: 0.5s;
    color: var(--primary-color5);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    border-radius: 5px;
    background-color: var(--primary-color6);
    padding: 13px 45px;
    transition: 0.5s;
}
@media (min-width: 576px) and (max-width: 767px) {
    .home6-highlight-auction-section
        .auction-banner-card
        .banner-content-wrap
        .banner-content-bottom
        .bid-btn {
        bottom: 45px;
    }
}
.home6-highlight-auction-section
    .auction-banner-card
    .banner-content-wrap
    .banner-content-bottom
    .bid-btn:hover {
    background-color: var(--primary-color5);
    color: var(--title-color);
}
.home6-highlight-auction-section
    .auction-banner-card:hover
    .banner-content-wrap
    .banner-content-bottom
    .countdown-timer {
    opacity: 0;
}
.home6-highlight-auction-section
    .auction-banner-card:hover
    .banner-content-wrap
    .banner-content-bottom
    .bid-btn {
    opacity: 1;
    transform: translateX(-50%) scaleY(1);
}

/*=====================================
 58. Home6 Banner2 Section 
========================================*/
.home6-banner2-section {
    position: relative;
}
.home6-banner2-section .home6-banner-slider-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    padding: 0px 118px 0px 150px;
    position: relative;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home6-banner2-section .home6-banner-slider-wrap {
        padding: 0px 118px 0px 120px;
    }
}
@media (max-width: 1399px) {
    .home6-banner2-section .home6-banner-slider-wrap {
        padding: 0px 100px 0px 110px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner2-section .home6-banner-slider-wrap {
        padding: 0px 50px 0px 60px;
    }
}
@media (max-width: 991px) {
    .home6-banner2-section .home6-banner-slider-wrap {
        padding: 70px 40px;
    }
}
@media (max-width: 576px) {
    .home6-banner2-section .home6-banner-slider-wrap {
        padding: 70px 15px;
    }
}
.home6-banner2-section .home6-banner-slider-wrap .banner2-content .price-area {
    margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner2-section
        .home6-banner-slider-wrap
        .banner2-content
        .price-area {
        margin-bottom: 15px;
    }
}
@media (max-width: 576px) {
    .home6-banner2-section
        .home6-banner-slider-wrap
        .banner2-content
        .price-area {
        margin-bottom: 15px;
    }
}
.home6-banner2-section
    .home6-banner-slider-wrap
    .banner2-content
    .price-area
    span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home6-banner2-section
    .home6-banner-slider-wrap
    .banner2-content
    .price-area
    h3 {
    color: var(--title-color2);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home6-banner2-section .home6-banner-slider-wrap .banner2-content h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 30px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home6-banner2-section .home6-banner-slider-wrap .banner2-content h2 {
        font-size: 32px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home6-banner2-section .home6-banner-slider-wrap .banner2-content h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
}
@media (max-width: 1199px) {
    .home6-banner2-section .home6-banner-slider-wrap .banner2-content h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home6-banner2-section .home6-banner-slider-wrap .banner2-content h2 {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home6-banner2-section .home6-banner-slider-wrap .banner2-content h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}
.home6-banner2-section
    .home6-banner-slider-wrap
    .banner2-content
    .offer-timer
    > span {
    color: var(--title-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 1199px) {
    .home6-banner2-section
        .home6-banner-slider-wrap
        .banner2-content
        .offer-timer
        > span {
        margin-bottom: 20px;
    }
}
@media (max-width: 576px) {
    .home6-banner2-section
        .home6-banner-slider-wrap
        .banner2-content
        .offer-timer
        > span {
        margin-bottom: 15px;
    }
}
.home6-banner2-section
    .home6-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 15px;
}
@media (max-width: 576px) {
    .home6-banner2-section
        .home6-banner-slider-wrap
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 8px;
    }
}
.home6-banner2-section
    .home6-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li {
    color: var(--title-color2);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    background-color: var(--white-color);
    padding: 6px 7px;
    border-radius: 5px;
    border: 1px solid var(--border-color2);
}
@media (max-width: 576px) {
    .home6-banner2-section
        .home6-banner-slider-wrap
        .banner2-content
        .offer-timer
        .countdown-timer
        ul
        li {
        font-size: 22px;
    }
}
.home6-banner2-section
    .home6-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li.colon {
    background-color: unset;
    padding: 0;
    border: unset;
}
.home6-banner2-section
    .home6-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li
    span {
    color: var(--title-color2);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}
.home6-banner2-section
    .home6-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li
    span:first-child {
    display: none;
    visibility: hidden;
}
.home6-banner2-section
    .home6-banner-slider-wrap
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    svg {
    fill: rgba(var(--title-color-opc), 0.15);
}
@media (max-width: 991px) {
    .home6-banner2-section .home6-banner-slider-wrap .banner2-img {
        display: none;
    }
}
.home6-banner2-section .home6-banner-slider-wrap .batch {
    position: absolute;
    top: 0;
    left: 48%;
    transform: translateX(0);
}
@media (max-width: 991px) {
    .home6-banner2-section .home6-banner-slider-wrap .batch {
        left: 50%;
    }
}
@media (max-width: 576px) {
    .home6-banner2-section .home6-banner-slider-wrap .batch {
        left: unset;
        right: 30px;
        transform: none;
    }
}
.home6-banner2-section .home6-banner-slider-wrap .batch span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-align: center;
    display: block;
    padding: 26px 17px;
    border-radius: 0 0 50px 50px;
    background-color: #f04054;
}
.home6-banner2-section .home6-banner-slider-wrap .btn-area {
    position: absolute;
    bottom: -21px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.home6-banner2-section .home6-banner-slider-wrap .btn-area .primary-btn5 {
    padding: 13px 45px;
}
.home6-banner2-section .slider-btn-grp {
    display: block;
}
@media (max-width: 767px) {
    .home6-banner2-section .slider-btn-grp {
        display: none;
    }
}
.home6-banner2-section .slider-btn-grp .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 9%;
    z-index: 1;
}
@media (max-width: 1799px) {
    .home6-banner2-section .slider-btn-grp .slider-btn {
        left: 6%;
    }
}
@media (max-width: 1699px) {
    .home6-banner2-section .slider-btn-grp .slider-btn {
        left: 4%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home6-banner2-section .slider-btn-grp .slider-btn {
        left: 10px;
    }
}
@media (max-width: 1399px) {
    .home6-banner2-section .slider-btn-grp .slider-btn {
        left: 5px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner2-section .slider-btn-grp .slider-btn {
        left: 10px;
    }
}
@media (max-width: 991px) {
    .home6-banner2-section .slider-btn-grp .slider-btn {
        left: 20px;
    }
}
.home6-banner2-section .slider-btn-grp .slider-btn.home5-banner-slider-next {
    left: unset;
    right: 9%;
}
@media (max-width: 1799px) {
    .home6-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 6%;
    }
}
@media (max-width: 1699px) {
    .home6-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 4%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home6-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 10px;
    }
}
@media (max-width: 1399px) {
    .home6-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 5px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home6-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 10px;
    }
}
@media (max-width: 991px) {
    .home6-banner2-section
        .slider-btn-grp
        .slider-btn.home5-banner-slider-next {
        right: 20px;
    }
}
.home6-banner2-section .home5-banner-slider {
    padding-bottom: 20px;
}
.home6-banner2-section .home5-banner-slider .swiper-slide-active .price-area,
.home6-banner2-section .home5-banner-slider .swiper-slide-active h2,
.home6-banner2-section .home5-banner-slider .swiper-slide-active .batch {
    animation: fadeInDown 1.7s;
}
.home6-banner2-section .home5-banner-slider .swiper-slide-active .offer-timer,
.home6-banner2-section .home5-banner-slider .swiper-slide-active .primary-btn4 {
    animation: fadeInUp 1.7s;
}
.home6-banner2-section .home5-banner-slider .swiper-slide-active .banner2-img {
    animation: RightLeft 1.5s;
}
@keyframes RightLeft {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

/*=====================================
 59. Home6 Testimonial Section 
========================================*/
.home6-testimonial-section {
    overflow: hidden;
}
.home6-testimonial-section .testimonial-left-img {
    height: 100%;
}
@media (max-width: 1199px) {
    .home6-testimonial-section .testimonial-left-img {
        display: none;
    }
}
.home6-testimonial-section .testimonial-left-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home6-testimonial-section .testimonial-wrap {
    background-image: url(../img/home6/home6-testimonial-bg.png),
        linear-gradient(180deg, #edf6ea 0%, #edf6ea 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 90px;
    height: 100%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home6-testimonial-section .testimonial-wrap {
        padding: 100px 60px;
    }
}
@media (max-width: 1399px) {
    .home6-testimonial-section .testimonial-wrap {
        padding: 100px 45px;
    }
}
@media (max-width: 1199px) {
    .home6-testimonial-section .testimonial-wrap {
        padding: 90px 45px;
    }
}
@media (max-width: 767px) {
    .home6-testimonial-section .testimonial-wrap {
        padding: 70px 45px;
    }
}
@media (max-width: 576px) {
    .home6-testimonial-section .testimonial-wrap {
        padding: 70px 10px;
    }
}
.home6-testimonial-section .testimonial-wrap .testimonial-slider-area {
    position: relative;
}
@media (max-width: 576px) {
    .home6-testimonial-section
        .testimonial-wrap
        .testimonial-slider-area
        .slider-btn-grp {
        display: none;
    }
}
.home6-testimonial-section
    .testimonial-wrap
    .testimonial-slider-area
    .slider-btn-grp
    .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    left: -55px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home6-testimonial-section
        .testimonial-wrap
        .testimonial-slider-area
        .slider-btn-grp
        .slider-btn {
        left: -30px;
    }
}
@media (max-width: 1399px) {
    .home6-testimonial-section
        .testimonial-wrap
        .testimonial-slider-area
        .slider-btn-grp
        .slider-btn {
        left: -24px;
    }
}
.home6-testimonial-section
    .testimonial-wrap
    .testimonial-slider-area
    .slider-btn-grp
    .slider-btn.home6-testimonial-slider-next {
    left: unset;
    right: -85px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home6-testimonial-section
        .testimonial-wrap
        .testimonial-slider-area
        .slider-btn-grp
        .slider-btn.home6-testimonial-slider-next {
        right: -65px;
    }
}
@media (max-width: 1399px) {
    .home6-testimonial-section
        .testimonial-wrap
        .testimonial-slider-area
        .slider-btn-grp
        .slider-btn.home6-testimonial-slider-next {
        right: -58px;
    }
}

/*=====================================
 60. Home6 Blog Section 
========================================*/
.home6-blog-section .paginations1 {
    position: relative;
    top: unset;
    bottom: unset;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 40px;
}
@media (max-width: 991px) {
    .home6-blog-section .paginations1 {
        padding-top: 30px;
    }
}
.home6-blog-section .paginations1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: rgba(var(--primary-color6-opc), 0.5);
    border-radius: 50%;
    opacity: 1;
}
.home6-blog-section .paginations1 .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background-color: var(--primary-color6);
}

/*=====================================
 61. Home6 Partner Logo Section 
========================================*/
.partner-section {
    padding: 20px 12.5%;
    background-color: #f7f6f1;
}
@media (max-width: 1799px) {
    .partner-section {
        padding: 20px 10%;
    }
}
@media (max-width: 1699px) {
    .partner-section {
        padding: 20px 8%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .partner-section {
        padding: 20px 2%;
    }
}
@media (max-width: 1399px) {
    .partner-section {
        padding: 20px 2%;
    }
}
@media (max-width: 576px) {
    .partner-section {
        padding: 20px 0px;
    }
}
.partner-section .partner-wrap {
    position: relative;
}
.partner-section .partner-wrap .marquee {
    display: flex;
    gap: 80px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (max-width: 1199px) {
    .partner-section .partner-wrap .marquee {
        gap: 60px;
    }
}
.partner-section .partner-wrap .marquee .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 80px;
    min-width: 100%;
    animation: scroll-x 30s linear infinite;
}
@media (max-width: 1199px) {
    .partner-section .partner-wrap .marquee .marquee__group {
        gap: 60px;
    }
}
@media (max-width: 576px) {
    .partner-section .partner-wrap .marquee .marquee__group {
        gap: 30px;
    }
}
@keyframes scroll-x {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/*=====================================
 62. Home7 Banner Section 
========================================*/
.home7-banner-section {
    background-image: url(../img/home7/home7-banner-bg.png),
        linear-gradient(
            211.08deg,
            rgba(255, 255, 255, 0) 7.88%,
            rgba(255, 148, 33, 0.2) 88.5%
        );
    background-color: #f1f4f9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 80px 0 180px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
@media (max-width: 1199px) {
    .home7-banner-section {
        padding: 80px 0 140px;
    }
}
@media (max-width: 991px) {
    .home7-banner-section {
        padding: 80px 0 90px;
    }
}
@media (max-width: 767px) {
    .home7-banner-section {
        padding: 80px 0 90px;
    }
}
.home7-banner-section::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110px;
    background-color: var(--white-color);
    -webkit-clip-path: ellipse(52% 100% at 50% 117%);
    clip-path: ellipse(52% 100% at 50% 117%);
    z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home7-banner-section::before {
        height: 100px;
    }
}
@media (max-width: 1399px) {
    .home7-banner-section::before {
        height: 70px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home7-banner-section::before {
        height: 60px;
        -webkit-clip-path: ellipse(52% 100% at 50% 120%);
        clip-path: ellipse(52% 100% at 50% 120%);
    }
}
@media (max-width: 991px) {
    .home7-banner-section::before {
        height: 50px;
    }
}
@media (max-width: 576px) {
    .home7-banner-section::before {
        height: 20px;
        -webkit-clip-path: ellipse(52% 100% at 49% 110%);
        clip-path: ellipse(52% 100% at 49% 110%);
    }
}
.home7-banner-section .banner-content {
    max-width: 620px;
    width: 100%;
}
.home7-banner-section .banner-content h1 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 70px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 25px;
    position: relative;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home7-banner-section .banner-content h1 {
        font-size: 65px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home7-banner-section .banner-content h1 {
        font-size: 60px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home7-banner-section .banner-content h1 {
        font-size: 55px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .home7-banner-section .banner-content h1 {
        font-size: 55px;
    }
}
@media (max-width: 576px) {
    .home7-banner-section .banner-content h1 {
        font-size: 48px;
        margin-bottom: 20px;
    }
}
.home7-banner-section .banner-content h1 span {
    color: var(--title-color2);
    font-family: var(--font-playfair);
    font-style: italic;
    font-weight: 600;
}
.home7-banner-section .banner-content p {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 40px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home7-banner-section .banner-content p {
        margin-bottom: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home7-banner-section .banner-content p {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home7-banner-section .banner-content p {
        margin-bottom: 20px;
    }
}
.home7-banner-section .banner-content .button-area {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 45px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home7-banner-section .banner-content .button-area {
        margin-bottom: 35px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home7-banner-section .banner-content .button-area {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home7-banner-section .banner-content .button-area {
        gap: 20px;
        flex-wrap: wrap;
    }
}
@media (max-width: 576px) {
    .home7-banner-section .banner-content .button-area {
        margin-bottom: 25px;
    }
}
.home7-banner-section .banner-content .button-area .primary-btn6 {
    padding: 18px 32px;
}
.home7-banner-section .scroll-text {
    writing-mode: vertical-rl;
    position: absolute;
    left: 10px;
    top: 0;
}
@media (max-width: 1199px) {
    .home7-banner-section .scroll-text {
        display: none;
    }
}
.home7-banner-section .scroll-text h2 {
    white-space: nowrap;
    font-family: var(--font-dmsans);
    font-size: 75px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 0;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(var(--title-color2-opc), 0.15);
    animation: marqueeTop 50s linear infinite;
}
@keyframes marqueeTop {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -100%, 0);
    }
}

/*=====================================
 63. Home7 Category Section 
========================================*/
.category-card7 .category-icon {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 1px solid rgba(var(--title-color-opc), 0.2);
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: -38px;
    position: relative;
}
.category-card7 .category-wrap {
    padding: 60px 15px 0;
    border-radius: 10px;
    background-color: var(--white-color);
    text-align: center;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .category-card7 .category-wrap {
        padding: 55px 10px 0;
    }
}
.category-card7 .category-wrap .category-content {
    margin-bottom: 28px;
    line-height: 1;
}
.category-card7 .category-wrap .category-content h4 {
    margin-bottom: 8px;
}
.category-card7 .category-wrap .category-content h4 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    transition: 0.5s;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .category-card7 .category-wrap .category-content h4 a {
        font-size: 22px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .category-card7 .category-wrap .category-content h4 a {
        font-size: 20px;
    }
}
@media (max-width: 1199px) {
    .category-card7 .category-wrap .category-content h4 a {
        font-size: 22px;
    }
}
@media (max-width: 576px) {
    .category-card7 .category-wrap .category-content h4 a {
        font-size: 25px;
    }
}
.category-card7 .category-wrap .category-content h4 a:hover {
    color: var(--primary-color7);
}
.category-card7 .category-wrap .category-content span {
    color: var(--paragraph-color2);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}
.category-card7 .category-wrap .category-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.category-card7 .category-wrap .category-img img {
    border-radius: 10px 10px 0 0;
    transition: all 0.5s ease-out;
}
.category-card7 .category-wrap .category-img::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;
}
.category-card7:hover .category-icon img {
    animation: bounceIn 1.2s linear;
}
.category-card7:hover .category-wrap {
    background-color: #ebf9e6;
}
.category-card7:hover .category-wrap .category-img img {
    transform: scale(1.1);
}
.category-card7:hover .category-wrap .category-img::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.category-card7.two .category-wrap {
    background-color: #e4edf5;
}
.category-card7.two:hover .category-wrap {
    background-color: #ebf9e6;
}

.home7-category-section {
    background-image: url(../img/home7/home7-category-bg.png),
        linear-gradient(180deg, #e4edf5 0%, #e4edf5 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 90px 0;
}
@media (max-width: 991px) {
    .home7-category-section {
        padding: 70px 0;
    }
}

/*=====================================
 64. Home7 Featured Auction Tab Section 
========================================*/
.home7-featured-auction-tab-section .nav-pills {
    gap: 15px;
    flex-wrap: wrap;
}
.home7-featured-auction-tab-section .nav-pills .nav-item .nav-link {
    border: 1px solid rgba(var(--title-color-opc), 0.3);
    border-radius: 50px;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    padding: 9px 17px;
    transition: 0.5s;
}
.home7-featured-auction-tab-section .nav-pills .nav-item .nav-link.active {
    background-color: var(--primary-color7);
    border-color: var(--primary-color7);
    color: var(--white-color);
    font-weight: 600;
}
.home7-featured-auction-tab-section .nav-pills .nav-item .nav-link:hover {
    background-color: var(--primary-color7);
    border-color: var(--primary-color7);
    color: var(--white-color);
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home7-featured-auction-tab-section
        .auction-card
        .auction-card-img-wrap
        .countdown-timer {
        width: 232px;
        height: 48px;
        padding: 0 25px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home7-featured-auction-tab-section
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul
        li {
        font-size: 16px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home7-featured-auction-tab-section .auction-card .auction-card-content {
        padding: 20px 10px;
    }
    .home7-featured-auction-tab-section
        .auction-card
        .auction-card-content
        h6
        a {
        font-size: 17px;
    }
}

/*=====================================
 65. Home7 Auction win Section 
========================================*/
.auction-win-card {
    background-color: #27291e;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    padding: 18px 23px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.5s;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-win-card {
        padding: 25px 10px;
        gap: 8px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-win-card {
        padding: 25px 10px;
        gap: 8px;
    }
}
@media (max-width: 767px) {
    .auction-win-card {
        padding: 24px 15px;
    }
}
.auction-win-card .batch {
    padding: 5px 17px 5px 9px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px 0px 30px 0px;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-win-card .batch {
        padding: 4px 17px 4px 9px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-win-card .batch {
        padding: 4px 17px 4px 9px;
    }
}
@media (max-width: 767px) {
    .auction-win-card .batch {
        padding: 4px 17px 4px 9px;
    }
}
.auction-win-card .batch span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-win-card .batch span {
        font-size: 14px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-win-card .batch span {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .auction-win-card .batch span {
        font-size: 14px;
    }
}
.auction-win-card .auction-win-card-img {
    min-width: 62px;
    max-width: 62px;
    height: 62px;
    border-radius: 50%;
    position: relative;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-win-card .auction-win-card-img {
        min-width: 50px;
        max-width: 50px;
        height: 50px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-win-card .auction-win-card-img {
        min-width: 50px;
        max-width: 50px;
        height: 50px;
    }
}
.auction-win-card .auction-win-card-img .dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #27291e;
    position: absolute;
    bottom: 0;
    right: 0;
    bottom: 4px;
    right: 0px;
}
.auction-win-card .auction-win-card-img .dot:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--primary-color7);
    width: 11px;
    height: 11px;
    border-radius: 50%;
}
.auction-win-card .auction-win-card-img img {
    min-width: 62px;
    max-width: 62px;
    height: 62px;
    border-radius: 50%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-win-card .auction-win-card-img img {
        min-width: 50px;
        max-width: 50px;
        height: 50px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-win-card .auction-win-card-img img {
        min-width: 50px;
        max-width: 50px;
        height: 50px;
    }
}
.auction-win-card .auction-win-card-content h6 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-win-card .auction-win-card-content h6 {
        font-size: 16px;
        margin-bottom: 6px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-win-card .auction-win-card-content h6 {
        font-size: 16px;
        margin-bottom: 6px;
    }
}
.auction-win-card .auction-win-card-content span {
    color: var(--primary-color7);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-win-card .auction-win-card-content span {
        margin-bottom: 15px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-win-card .auction-win-card-content span {
        margin-bottom: 15px;
    }
}
.auction-win-card .auction-win-card-content .auction-win-card-content-bottom {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-win-card
        .auction-win-card-content
        .auction-win-card-content-bottom {
        gap: 10px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-win-card
        .auction-win-card-content
        .auction-win-card-content-bottom {
        gap: 10px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .auction-win-card
        .auction-win-card-content
        .auction-win-card-content-bottom {
        gap: 15px;
    }
}
.auction-win-card
    .auction-win-card-content
    .auction-win-card-content-bottom
    li {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
}
.auction-win-card
    .auction-win-card-content
    .auction-win-card-content-bottom
    li
    svg {
    fill: var(--primary-color7);
}
.auction-win-card:hover {
    background-image: url(../img/home7/auction-win-card-bg.png),
        linear-gradient(#27291e, #27291e);
}
.auction-win-card:hover .batch {
    background-color: var(--primary-color7);
}

.home7-auction-win-section {
    background-image: url(../img/home7/home7-auction-win-section-bg.png),
        linear-gradient(180deg, #181a0f 0%, #181a0f 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0;
}
@media (max-width: 991px) {
    .home7-auction-win-section {
        padding: 70px 0;
    }
}
.home7-auction-win-section .selector {
    margin-right: 20px;
}
@media (max-width: 767px) {
    .home7-auction-win-section .selector {
        margin-right: 0;
    }
}
.home7-auction-win-section .selector .nice-select {
    width: 195px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--white-color);
    background-color: transparent;
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 25px;
    display: flex;
    align-items: center;
}
.home7-auction-win-section .selector .nice-select:focus {
    border: 1px solid #ddd;
}
@media (max-width: 576px) {
    .home7-auction-win-section .selector .nice-select {
        width: 200px;
        height: 35px;
    }
}
.home7-auction-win-section .selector .nice-select::after {
    border-bottom: 2px solid var(--white-color);
    border-right: 2px solid var(--white-color);
    width: 8px;
    height: 8px;
    right: 28px;
    top: 48%;
}
@media (max-width: 576px) {
    .home7-auction-win-section .selector .nice-select::after {
        width: 8px;
        height: 8px;
        top: 45%;
    }
}
.home7-auction-win-section .selector .nice-select .option {
    color: var(--title-color);
}
.home7-auction-win-section .selector .nice-select .option.selected {
    font-weight: 500;
}
.home7-auction-win-section .selector .nice-select .option.selected.focus {
    background-color: var(--primary-color7);
    color: var(--white-color);
}
.home7-auction-win-section .selector .nice-select .option:hover {
    background-color: var(--primary-color7);
}
.home7-auction-win-section .selector .nice-select.open .list {
    width: 100%;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    background-color: rgba(var(--title-color-opc), 0.8);
}
.home7-auction-win-section .selector .nice-select.open .list .option {
    padding-left: 25px;
    color: var(--white-color);
}

/*=====================================
 66. Home7 Banner2 Slider Section 
========================================*/
.home7-banner2-slider-section {
    overflow: hidden;
}
.home7-banner2-slider-section .home7-banner2-slider {
    height: 100%;
}
.home7-banner2-slider-section .single-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 70px 0 70px 45px;
    position: relative;
    height: 100%;
}
@media (max-width: 1699px) {
    .home7-banner2-slider-section .single-banner {
        padding: 40px 0 40px 35px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home7-banner2-slider-section .single-banner {
        padding: 45px 0 45px 35px;
        background-position-x: 30%;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home7-banner2-slider-section .single-banner {
        padding: 40px 0 40px 25px;
    }
}
@media (max-width: 991px) {
    .home7-banner2-slider-section .single-banner {
        padding: 30px 0 30px 35px;
    }
}
@media (max-width: 767px) {
    .home7-banner2-slider-section .single-banner {
        padding: 40px 0 40px 35px;
    }
}
@media (max-width: 576px) {
    .home7-banner2-slider-section .single-banner {
        padding: 50px 20px;
        background-position-x: -30%;
    }
}
.home7-banner2-slider-section .single-banner .banner2-content .price-area {
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .home7-banner2-slider-section .single-banner .banner2-content .price-area {
        margin-bottom: 20px;
    }
}
@media (max-width: 576px) {
    .home7-banner2-slider-section .single-banner .banner2-content .price-area {
        margin-bottom: 15px;
    }
}
.home7-banner2-slider-section .single-banner .banner2-content .price-area span {
    color: rgba(var(--title-color-opc), 0.73);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 5px;
}
.home7-banner2-slider-section .single-banner .banner2-content .price-area h3 {
    color: var(--primary-color7);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.home7-banner2-slider-section .single-banner .banner2-content h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 35px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home7-banner2-slider-section .single-banner .banner2-content h2 {
        font-size: 32px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home7-banner2-slider-section .single-banner .banner2-content h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
}
@media (max-width: 991px) {
    .home7-banner2-slider-section .single-banner .banner2-content h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .home7-banner2-slider-section .single-banner .banner2-content h2 {
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .home7-banner2-slider-section .single-banner .banner2-content h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}
.home7-banner2-slider-section .single-banner .banner2-content .offer-timer {
    margin-bottom: 50px;
}
@media (max-width: 1199px) {
    .home7-banner2-slider-section .single-banner .banner2-content .offer-timer {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .home7-banner2-slider-section .single-banner .banner2-content .offer-timer {
        margin-bottom: 30px;
    }
}
.home7-banner2-slider-section
    .single-banner
    .banner2-content
    .offer-timer
    > span {
    color: var(--title-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 576px) {
    .home7-banner2-slider-section
        .single-banner
        .banner2-content
        .offer-timer
        > span {
        margin-bottom: 15px;
    }
}
.home7-banner2-slider-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .home7-banner2-slider-section
        .single-banner
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 15px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .home7-banner2-slider-section
        .single-banner
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home7-banner2-slider-section
        .single-banner
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .home7-banner2-slider-section
        .single-banner
        .banner2-content
        .offer-timer
        .countdown-timer
        ul {
        gap: 12px;
    }
}
.home7-banner2-slider-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home7-banner2-slider-section
        .single-banner
        .banner2-content
        .offer-timer
        .countdown-timer
        ul
        li {
        font-size: 23px;
    }
}
.home7-banner2-slider-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li
    span {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.home7-banner2-slider-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    li
    span:first-child {
    display: none;
    visibility: hidden;
}
.home7-banner2-slider-section
    .single-banner
    .banner2-content
    .offer-timer
    .countdown-timer
    ul
    svg {
    fill: rgba(var(--title-color-opc), 0.15);
}
.home7-banner2-slider-section .single-banner .banner2-content .primary-btn6 {
    font-weight: 500;
    border-radius: 5px;
    padding: 13px 45px;
}
.home7-banner2-slider-section .paginations1 {
    position: relative;
    top: unset;
    bottom: unset;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 50px;
}
@media (max-width: 991px) {
    .home7-banner2-slider-section .paginations1 {
        padding-top: 30px;
    }
}
.home7-banner2-slider-section .paginations1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: rgba(var(--primary-color6-opc), 0.5);
    border-radius: 50%;
    opacity: 1;
}
.home7-banner2-slider-section .paginations1 .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background-color: var(--primary-color6);
}

/*=====================================
 67. Home7 Process Section 
========================================*/
.process-card3 .step-no {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: 7px 27px;
    background-color: var(--primary-color7);
    border-radius: 100px;
    margin-bottom: 60px;
}
.process-card3 .process-content-wrap {
    display: flex;
    align-items: center;
    gap: 25px;
}
@media (max-width: 1399px) {
    .process-card3 .process-content-wrap {
        gap: 20px;
    }
}
.process-card3 .process-content-wrap .icon {
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    border: 1px solid #3f444b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.process-card3 .process-content-wrap .icon svg {
    fill: #3f444b;
}
.process-card3 .process-content-wrap .process-content {
    max-width: 312px;
    width: 100%;
}
.process-card3 .process-content-wrap .process-content h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}
@media (max-width: 1399px) {
    .process-card3 .process-content-wrap .process-content h3 {
        font-size: 28px;
        margin-bottom: 10px;
    }
}
.process-card3 .process-content-wrap .process-content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.03em;
    margin-bottom: 30px;
    margin-bottom: 0;
}

.home7-process-section {
    margin-bottom: 100px;
}
@media (max-width: 991px) {
    .home7-process-section {
        margin-bottom: 90px;
    }
}
@media (max-width: 767px) {
    .home7-process-section {
        margin-bottom: 70px;
    }
}
.home7-process-section .home7-process-slider-wrap {
    position: relative;
}
.home7-process-section .home7-process-slider-wrap .progress-pagination {
    position: relative;
    background: #cdcdcd;
    position: absolute;
    top: 60px;
    left: 0;
    height: 2px;
}
.home7-process-section
    .home7-process-slider-wrap
    .progress-pagination
    .swiper-pagination-progressbar-fill {
    background: var(--primary-color7);
}

/*=====================================
 68. Home7 Testimonial Section 
========================================*/
.testimonial-card3 {
    background-color: var(--white-color);
    border-radius: 10px;
    padding: 50px 40px;
    position: relative;
}
@media (max-width: 1399px) {
    .testimonial-card3 {
        padding: 40px 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonial-card3 {
        padding: 35px 20px;
    }
}
@media (max-width: 767px) {
    .testimonial-card3 {
        padding: 30px 20px;
    }
}
.testimonial-card3 .quote {
    position: absolute;
    top: 10px;
    right: 25px;
    fill: none;
    stroke: rgba(var(--title-color2-opc), 0.1);
}
.testimonial-card3 .author-and-title-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 45px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonial-card3 .author-and-title-area {
        margin-bottom: 35px;
    }
}
@media (max-width: 767px) {
    .testimonial-card3 .author-and-title-area {
        margin-bottom: 35px;
    }
}
@media (max-width: 576px) {
    .testimonial-card3 .author-and-title-area {
        margin-bottom: 25px;
        gap: 30px;
    }
}
.testimonial-card3 .author-and-title-area .author-area {
    display: flex;
    align-items: center;
    gap: 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonial-card3 .author-and-title-area .author-area {
        gap: 10px;
    }
}
.testimonial-card3 .author-and-title-area .author-area .author-img-wrap {
    position: relative;
    z-index: 1;
}
.testimonial-card3 .author-and-title-area .author-area .author-img-wrap::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 31px;
    height: 20px;
    background-color: var(--primary-color7);
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    z-index: -1;
}
.testimonial-card3
    .author-and-title-area
    .author-area
    .author-img-wrap
    .author-img {
    min-width: 75px;
    max-width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 1px solid var(--primary-color7);
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.testimonial-card3
    .author-and-title-area
    .author-area
    .author-img-wrap
    .author-img
    img {
    min-width: 69px;
    max-width: 69px;
    height: 69px;
    border-radius: 50%;
}
.testimonial-card3 .author-and-title-area .author-area .author-content {
    line-height: 1;
}
.testimonial-card3 .author-and-title-area .author-area .author-content h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
}
@media (max-width: 1399px) {
    .testimonial-card3 .author-and-title-area .author-area .author-content h6 {
        font-size: 18px;
    }
}
@media (max-width: 576px) {
    .testimonial-card3 .author-and-title-area .author-area .author-content h6 {
        font-size: 16px;
    }
}
.testimonial-card3 .author-and-title-area .author-area .author-content span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
}
.testimonial-card3 .author-and-title-area span {
    color: var(--title-color2);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 20.83px;
    display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonial-card3 .author-and-title-area span {
        font-size: 15px;
    }
}
.testimonial-card3 .testimonial-content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 0;
}

.home7-testimonial-section {
    background-image: url(../img/home7/home7-category-bg.png),
        linear-gradient(180deg, #f9ece1 0%, #f9ece1 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0;
}
@media (max-width: 1199px) {
    .home7-testimonial-section {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    .home7-testimonial-section {
        padding: 70px 0;
    }
}

/*=====================================
 69. Blog Grid Page
========================================*/
.breadcrumb-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 155px 0;
    border-bottom: 1px solid rgba(var(--primary-color2-opc), 0.05);
    position: relative;
}
@media (max-width: 1199px) {
    .breadcrumb-section {
        padding: 150px 0;
    }
}
@media (max-width: 991px) {
    .breadcrumb-section {
        padding: 120px 0;
    }
}
.breadcrumb-section .banner-content {
    position: relative;
    z-index: 1;
}
.breadcrumb-section .banner-content h1 {
    color: var(--title-color);
    text-align: center;
    font-family: var(--font-dmsans);
    font-size: 45px;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 10px;
    line-height: 1.2;
}
@media (max-width: 576px) {
    .breadcrumb-section .banner-content h1 {
        font-size: 38px;
    }
}
.breadcrumb-section .banner-content .breadcrumb-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.breadcrumb-section .banner-content .breadcrumb-list li {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    padding-left: 26px;
}
.breadcrumb-section .banner-content .breadcrumb-list li a {
    color: var(--primary-color);
}
.breadcrumb-section .banner-content .breadcrumb-list li::before {
    content: url(../img/inner-pages/icon/arrow.svg);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.breadcrumb-section .banner-content .breadcrumb-list li:first-child {
    padding-left: 0;
}
.breadcrumb-section .banner-content .breadcrumb-list li:first-child::before {
    content: "";
}
.breadcrumb-section.two {
    padding: 170px 0;
    border: unset;
    border-radius: unset;
}
@media (max-width: 1199px) {
    .breadcrumb-section.two {
        padding: 150px 0;
    }
}
@media (max-width: 991px) {
    .breadcrumb-section.two {
        padding: 120px 0;
    }
}
.breadcrumb-section.two::before,
.breadcrumb-section.two::after {
    display: none;
}
.breadcrumb-section.two .banner-content h1 {
    color: var(--white-color);
    text-align: start;
    font-size: 50px;
}
@media (max-width: 1199px) {
    .breadcrumb-section.two .banner-content h1 {
        font-size: 45px;
    }
}
@media (max-width: 576px) {
    .breadcrumb-section.two .banner-content h1 {
        font-size: 38px;
    }
}
.breadcrumb-section.two .banner-content .breadcrumb-list {
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.breadcrumb-section.two .banner-content .breadcrumb-list li {
    color: var(--white-color);
}
.breadcrumb-section.two .banner-content .breadcrumb-list li a {
    color: var(--primary-color);
}
.breadcrumb-section.two .banner-content .breadcrumb-list li::before {
    content: url(../img/inner-pages/icon/breadcrumb-arrow-white.svg);
}
.breadcrumb-section.two .banner-content .breadcrumb-list li:first-child {
    padding-left: 0;
}
.breadcrumb-section.two
    .banner-content
    .breadcrumb-list
    li:first-child::before {
    content: "";
}
.breadcrumb-section.three {
    padding: 140px 0;
    border: unset;
    border-radius: unset;
}
@media (max-width: 1199px) {
    .breadcrumb-section.three {
        padding: 130px 0;
    }
}
@media (max-width: 991px) {
    .breadcrumb-section.three {
        padding: 120px 0;
    }
}
.breadcrumb-section.three::before,
.breadcrumb-section.three::after {
    display: none;
}
.breadcrumb-section.three .banner-content h1 {
    text-align: start;
    font-size: 50px;
    margin-bottom: 0;
}
@media (max-width: 1199px) {
    .breadcrumb-section.three .banner-content h1 {
        font-size: 45px;
    }
}
@media (max-width: 576px) {
    .breadcrumb-section.three .banner-content h1 {
        font-size: 38px;
    }
}
.breadcrumb-section.three .banner-content .breadcrumb-list {
    align-items: center;
    justify-content: start;
    gap: 10px;
    position: relative;
    padding-top: 30px;
    padding-left: 150px;
}
@media (max-width: 576px) {
    .breadcrumb-section.three .banner-content .breadcrumb-list {
        padding-top: 15px;
        padding-left: 0;
    }
}
.breadcrumb-section.three .banner-content .breadcrumb-list::before {
    content: url(../img/inner-pages/icon/breadcrumb-list-before-vector.svg);
    position: absolute;
    top: -8px;
    left: 0;
}
@media (max-width: 576px) {
    .breadcrumb-section.three .banner-content .breadcrumb-list::before {
        display: none;
    }
}
.breadcrumb-section.three .banner-content .breadcrumb-list li a {
    color: var(--primary-color3);
}
.breadcrumb-section.three .banner-content .breadcrumb-list li:first-child {
    padding-left: 0;
}
.breadcrumb-section.three
    .banner-content
    .breadcrumb-list
    li:first-child::before {
    content: "";
}
.breadcrumb-section.four {
    padding: 245px 0 150px;
    border: unset;
    border-radius: unset;
}
@media (max-width: 1399px) {
    .breadcrumb-section.four {
        padding: 225px 0 130px;
    }
}
@media (max-width: 1199px) {
    .breadcrumb-section.four {
        padding: 215px 0 120px;
    }
}
@media (max-width: 991px) {
    .breadcrumb-section.four {
        padding: 190px 0 110px;
    }
}
.breadcrumb-section.four::before,
.breadcrumb-section.four::after {
    display: none;
}
.breadcrumb-section.four .banner-content h1 {
    color: var(--white-color);
    text-align: start;
    font-size: 50px;
    margin-bottom: 0;
}
@media (max-width: 1199px) {
    .breadcrumb-section.four .banner-content h1 {
        font-size: 45px;
    }
}
@media (max-width: 576px) {
    .breadcrumb-section.four .banner-content h1 {
        font-size: 38px;
    }
}
.breadcrumb-section.four .banner-content h1 span {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
}
.breadcrumb-section.four .banner-content .breadcrumb-list {
    display: inline-flex;
    align-items: center;
    justify-content: start;
    gap: 6px;
    line-height: 1;
    padding: 9px 12px;
    background-color: var(--white-color);
    border: 1px solid rgba(var(--primary-color2-opc), 0.1);
    border-radius: 100px;
    position: relative;
    margin-bottom: 10px;
}
.breadcrumb-section.four .banner-content .breadcrumb-list::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%) rotate(3deg);
    border-radius: 100px;
    background: rgba(var(--primary-color-opc), 0.5);
    z-index: -1;
}
.breadcrumb-section.four .banner-content .breadcrumb-list li {
    color: var(--title-color);
    padding-left: 14px;
    text-transform: uppercase;
    font-size: 12px;
}
.breadcrumb-section.four .banner-content .breadcrumb-list li a {
    color: var(--primary-color);
}
.breadcrumb-section.four .banner-content .breadcrumb-list li::before {
    content: "";
    width: 6px;
    height: 1px;
    background-color: var(--title-color);
}
.breadcrumb-section.four .banner-content .breadcrumb-list li:first-child {
    padding-left: 18px;
}
.breadcrumb-section.four
    .banner-content
    .breadcrumb-list
    li:first-child::before {
    content: url(../img/inner-pages/icon/breadcrumb-list-start-icon.svg);
    background-color: unset;
    width: unset;
    height: unset;
}
.breadcrumb-section.five {
    padding: 170px 0;
    border: unset;
    border-radius: unset;
}
@media (max-width: 1199px) {
    .breadcrumb-section.five {
        padding: 150px 0;
    }
}
@media (max-width: 991px) {
    .breadcrumb-section.five {
        padding: 120px 0;
    }
}
.breadcrumb-section.five::before,
.breadcrumb-section.five::after {
    display: none;
}
.breadcrumb-section.five .banner-content h1 {
    font-size: 50px;
}
@media (max-width: 1199px) {
    .breadcrumb-section.five .banner-content h1 {
        font-size: 45px;
    }
}
@media (max-width: 576px) {
    .breadcrumb-section.five .banner-content h1 {
        font-size: 38px;
    }
}
.breadcrumb-section.five .banner-content .breadcrumb-list {
    align-items: center;
    gap: 10px;
}
.breadcrumb-section.five .banner-content .breadcrumb-list li a {
    color: var(--primary-color4);
}
.breadcrumb-section.five .banner-content .breadcrumb-list li:first-child {
    padding-left: 0;
}
.breadcrumb-section.five
    .banner-content
    .breadcrumb-list
    li:first-child::before {
    content: "";
}
.breadcrumb-section.six {
    padding: 275px 0 150px;
    border: unset;
    border-radius: unset;
}
@media (max-width: 1399px) {
    .breadcrumb-section.six {
        padding: 255px 0 130px;
    }
}
@media (max-width: 1199px) {
    .breadcrumb-section.six {
        padding: 240px 0 120px;
    }
}
@media (max-width: 991px) {
    .breadcrumb-section.six {
        padding: 170px 0 110px;
    }
}
.breadcrumb-section.six::before,
.breadcrumb-section.six::after {
    display: none;
}
.breadcrumb-section.six .banner-content h1 {
    color: var(--white-color);
    font-size: 50px;
}
@media (max-width: 1199px) {
    .breadcrumb-section.six .banner-content h1 {
        font-size: 45px;
    }
}
@media (max-width: 576px) {
    .breadcrumb-section.six .banner-content h1 {
        font-size: 38px;
    }
}
.breadcrumb-section.six .banner-content .breadcrumb-list {
    align-items: center;
    gap: 10px;
}
.breadcrumb-section.six .banner-content .breadcrumb-list li {
    color: var(--white-color);
}
.breadcrumb-section.six .banner-content .breadcrumb-list li a {
    color: var(--primary-color5);
}
.breadcrumb-section.six .banner-content .breadcrumb-list li::before {
    content: url(../img/inner-pages/icon/breadcrumb-arrow-white.svg);
}
.breadcrumb-section.six .banner-content .breadcrumb-list li:first-child {
    padding-left: 0;
}
.breadcrumb-section.six
    .banner-content
    .breadcrumb-list
    li:first-child::before {
    content: "";
}
.breadcrumb-section.seven {
    padding: 140px 0;
    border: unset;
    border-radius: unset;
}
@media (max-width: 1199px) {
    .breadcrumb-section.seven {
        padding: 130px 0;
    }
}
@media (max-width: 991px) {
    .breadcrumb-section.seven {
        padding: 120px 0;
    }
}
.breadcrumb-section.seven::before,
.breadcrumb-section.seven::after {
    display: none;
}
.breadcrumb-section.seven .banner-content h1 {
    font-size: 50px;
}
@media (max-width: 1199px) {
    .breadcrumb-section.seven .banner-content h1 {
        font-size: 45px;
    }
}
@media (max-width: 576px) {
    .breadcrumb-section.seven .banner-content h1 {
        font-size: 38px;
    }
}
.breadcrumb-section.seven .banner-content .breadcrumb-list li a {
    color: var(--primary-color7);
}
.breadcrumb-section.seven .banner-content .breadcrumb-list li:first-child {
    padding-left: 0;
}
.breadcrumb-section.seven
    .banner-content
    .breadcrumb-list
    li:first-child::before {
    content: "";
}

.inner-pagination-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.inner-pagination-area .paginations {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.inner-pagination-area .paginations .page-item a {
    color: rgba(63, 68, 75, 0.5);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid rgba(63, 68, 75, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
@media (max-width: 991px) {
    .inner-pagination-area .paginations .page-item a {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }
}
.inner-pagination-area .paginations .page-item a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}
.inner-pagination-area .paginations .page-item.active a {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}
.inner-pagination-area .paginations .page-item.paginations-button a svg {
    fill: none;
    stroke: rgba(63, 68, 75, 0.5);
    transition: 0.5s;
}
.inner-pagination-area .paginations .page-item.paginations-button a:hover svg {
    stroke: var(--white-color);
    transform: rotate(-30deg);
}
.inner-pagination-area.two .paginations .page-item a {
    width: 35px;
    height: 35px;
    font-size: 14px;
}

/*=====================================
 70. Blog Details Page
========================================*/
.blog-details-page .blog-details-author-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.blog-details-page .blog-details-author-meta .author-area {
    display: flex;
    align-items: center;
    gap: 10px;
}
.blog-details-page .blog-details-author-meta .author-area .author-img img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.blog-details-page .blog-details-author-meta .author-area .author-content h6 {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
}
.blog-details-page .blog-details-author-meta .author-area .author-content h6 a {
    color: var(--primary-color);
    text-decoration: underline;
}
.blog-details-page .blog-details-author-meta ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    line-height: 1;
}
.blog-details-page .blog-details-author-meta ul li {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-right: 50px;
    display: flex;
    align-items: center;
    position: relative;
    transition: 0.25s ease;
}
@media (min-width: 576px) and (max-width: 767px) {
    .blog-details-page .blog-details-author-meta ul li {
        font-size: 13px;
        margin-right: 20px;
    }
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-author-meta ul li {
        margin-right: 16px;
        font-size: 12px;
        line-height: 1.2;
    }
}
.blog-details-page .blog-details-author-meta ul li:hover a {
    color: var(--primary-color);
}
.blog-details-page .blog-details-author-meta ul li:hover a svg {
    fill: var(--primary-color);
}
.blog-details-page .blog-details-author-meta ul li::before {
    content: "";
    position: absolute;
    right: -25px;
    top: 3px;
    width: 2px;
    height: 10px;
    line-height: 5px;
    background-color: var(--primary-color);
    border-radius: 4px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .blog-details-page .blog-details-author-meta ul li::before {
        right: -10px;
    }
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-author-meta ul li::before {
        right: -8px;
    }
}
.blog-details-page .blog-details-author-meta ul li:last-child {
    margin-right: 0;
}
.blog-details-page .blog-details-author-meta ul li:last-child::before {
    display: none;
    visibility: hidden;
}
.blog-details-page .blog-details-author-meta ul li svg {
    margin-right: 8px;
    fill: var(--paragraph-color);
    transition: 0.25s ease;
}
@media (max-width: 767px) {
    .blog-details-page .blog-details-author-meta ul li svg {
        width: 14px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .blog-details-page .blog-details-author-meta ul li svg {
        margin-right: 5px;
    }
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-author-meta ul li svg {
        margin-right: 5px;
    }
}
.blog-details-page .blog-details-author-meta ul li a {
    color: var(--paragraph-color);
    display: flex;
    align-items: center;
}
.blog-details-page .blog-details-content .line-break {
    height: 15px;
    display: block;
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-content .line-break {
        height: 10px;
    }
}
.blog-details-page .blog-details-content h1 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 1399px) {
    .blog-details-page .blog-details-content h1 {
        font-size: 42px;
    }
}
@media (max-width: 1199px) {
    .blog-details-page .blog-details-content h1 {
        font-size: 40px;
    }
}
@media (max-width: 991px) {
    .blog-details-page .blog-details-content h1 {
        font-size: 38px;
    }
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-content h1 {
        font-size: 30px;
    }
}
.blog-details-page .blog-details-content h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 1199px) {
    .blog-details-page .blog-details-content h2 {
        font-size: 32px;
    }
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-content h2 {
        font-size: 28px;
    }
}
.blog-details-page .blog-details-content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 0;
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-content p {
        font-size: 17px;
    }
}
.blog-details-page .blog-details-content p.first-para::first-letter {
    font-size: 75px;
    float: left;
    line-height: 1;
    color: var(--title-color);
    font-weight: 500;
    margin-right: 15px;
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-content p.first-para::first-letter {
        font-size: 60px;
        margin-right: 10px;
    }
}
.blog-details-page .blog-details-content blockquote {
    position: relative;
    margin-top: 60px;
    margin-bottom: 70px;
}
@media (max-width: 1199px) {
    .blog-details-page .blog-details-content blockquote {
        margin-top: 50px;
        margin-bottom: 60px;
    }
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-content blockquote {
        margin-top: 30px;
        margin-bottom: 40px;
    }
}
.blog-details-page .blog-details-content blockquote .quotes {
    fill: none;
    stroke: rgba(var(--primary-color-opc), 0.15);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.blog-details-page .blog-details-content blockquote p {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-details-page .blog-details-content blockquote p {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .blog-details-page .blog-details-content blockquote p {
        font-size: 20px;
    }
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-content blockquote p {
        font-size: 18px;
        margin-bottom: 15px;
    }
}
.blog-details-page .blog-details-content blockquote h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}
.blog-details-page .blog-details-content blockquote::before {
    content: "";
    width: 7px;
    height: 188px;
    background-color: rgba(var(--primary-color-opc), 0.2);
    border-radius: 50px 0 0 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}
@media (max-width: 1199px) {
    .blog-details-page .blog-details-content blockquote::before {
        height: 160px;
        border-radius: 30px 0 0 30px;
    }
}
@media (max-width: 991px) {
    .blog-details-page .blog-details-content blockquote::before {
        display: none;
    }
}
.blog-details-page .blog-details-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    -moz-columns: 2;
    columns: 2;
    margin-top: 40px;
}
@media (max-width: 576px) {
    .blog-details-page .blog-details-content ul {
        -moz-columns: unset;
        columns: unset;
        margin-top: 30px;
    }
}
.blog-details-page .blog-details-content ul li {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.34px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .blog-details-page .blog-details-content ul li {
        font-size: 16px;
    }
}
.blog-details-page .blog-details-content ul li:last-child {
    margin-bottom: 0;
}
.blog-details-page .blog-details-content ul li svg {
    fill: var(--primary-color);
}
.blog-details-page .blog-tag {
    line-height: 1;
    display: flex;
    gap: 10px;
    margin-bottom: 40px;
}
.blog-details-page .blog-tag h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}
.blog-details-page .blog-tag ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.blog-details-page .blog-tag ul li a {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    transition: 0.5s;
}
.blog-details-page .blog-tag ul li a:hover {
    color: var(--primary-color);
}
.blog-details-page .comment-area .comment-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 40px;
}
.blog-details-page .comment-area .comment-title h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1;
    white-space: nowrap;
}
.blog-details-page .comment-area .comment-title .dash {
    position: relative;
    width: 100%;
}
.blog-details-page .comment-area .comment-title .dash::after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--border-color2);
}
.blog-details-page .comment-area .comment {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-details-page .comment-area .comment > li {
    margin-bottom: 40px;
}
.blog-details-page .comment-area .comment > li > .single-comment-area {
    margin-bottom: 24px;
}
.blog-details-page .comment-area .comment > li:last-child {
    margin-bottom: 0;
}
.blog-details-page
    .comment-area
    .comment
    > li:last-child
    > .single-comment-area {
    margin-bottom: 0;
}
.blog-details-page .comment-area .comment .single-comment-area {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
@media (max-width: 576px) {
    .blog-details-page .comment-area .comment .single-comment-area {
        gap: 10px;
    }
}
.blog-details-page .comment-area .comment .single-comment-area .author-img img {
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
}
.blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    .author-name-deg {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    .author-name-deg
    h6 {
    line-height: 1;
    margin-bottom: 0;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
}
.blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    .author-name-deg
    span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}
.blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 12px;
}
@media (max-width: 576px) {
    .blog-details-page
        .comment-area
        .comment
        .single-comment-area
        .comment-content
        p {
        font-size: 15px;
    }
}
.blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    .replay-btn {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
    cursor: pointer;
    transition: 0.35s;
}
.blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    .replay-btn
    svg {
    transition: 0.35s;
    fill: var(--title-color);
}
.blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    .replay-btn:hover {
    color: var(--primary-color);
}
.blog-details-page
    .comment-area
    .comment
    .single-comment-area
    .comment-content
    .replay-btn:hover
    svg {
    fill: var(--primary-color);
}
.blog-details-page .comment-area .comment .comment-replay {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 70px;
    border-top: 1px solid var(--border-color2);
    border-bottom: 1px solid var(--border-color2);
    padding: 24px 0;
}
.blog-details-page .comment-area .comment .comment-replay > li {
    margin-bottom: 30px;
}
.blog-details-page .comment-area .comment .comment-replay > li:last-child {
    margin-bottom: 0;
}
.blog-details-page .inquiry-form {
    background: #f1f7fe;
    border: 1px solid rgba(var(--title-color-opc), 0.1);
    padding: 45px 40px 50px;
    margin-top: 100px;
}
@media (max-width: 991px) {
    .blog-details-page .inquiry-form {
        margin-top: 90px;
    }
}
@media (max-width: 767px) {
    .blog-details-page .inquiry-form {
        margin-top: 70px;
    }
}
@media (max-width: 767px) {
    .blog-details-page .inquiry-form {
        padding: 45px 20px 50px;
    }
}
.blog-details-page .inquiry-form .title {
    margin-bottom: 30px;
}
.blog-details-page .inquiry-form .title h4 {
    margin-bottom: 0;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
}
.blog-details-page .inquiry-form button {
    border: unset;
}

.details-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid rgba(var(--title-color-opc), 0.1);
    border-bottom: 1px solid rgba(var(--title-color-opc), 0.1);
}
@media (max-width: 767px) {
    .details-navigation {
        display: block;
    }
}
.details-navigation .single-navigation {
    display: flex;
    align-items: center;
    gap: 25px;
    transition: 0.35s;
}
@media (max-width: 991px) {
    .details-navigation .single-navigation {
        gap: 15px;
    }
}
.details-navigation .single-navigation .nav-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 45px 30px 45px 0;
    border-right: 1px solid rgba(var(--title-color-opc), 0.1);
    color: rgba(var(--title-color-opc), 0.6);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-decoration: underline;
    white-space: nowrap;
    transition: 0.5s;
}
@media (max-width: 1199px) {
    .details-navigation .single-navigation .nav-btn {
        padding: 45px 20px 45px 0;
    }
}
@media (max-width: 767px) {
    .details-navigation .single-navigation .nav-btn {
        border: unset;
    }
}
.details-navigation .single-navigation .nav-btn .arrow {
    min-width: 35px;
    max-width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.details-navigation .single-navigation .nav-btn .arrow svg {
    fill: rgba(var(--title-color-opc), 0.6);
    stroke: rgba(var(--title-color-opc), 0.6);
    transition: 0.5s;
}
.details-navigation .single-navigation .nav-btn:hover {
    color: var(--title-color);
}
.details-navigation .single-navigation .nav-btn:hover .arrow svg {
    fill: var(--title-color);
    stroke: var(--title-color);
}
.details-navigation .single-navigation .content {
    max-width: 301px;
    width: 100%;
    line-height: 1;
    transition: 0.35s;
}
.details-navigation .single-navigation .content h6 {
    margin-bottom: 0;
}
.details-navigation .single-navigation .content h6 a {
    color: rgba(var(--title-color-opc), 0.6);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    transition: 0.5s;
}
.details-navigation .single-navigation .content h6 a:hover {
    color: var(--title-color);
}
@media (max-width: 767px) {
    .details-navigation .single-navigation.two {
        border-top: 1px solid rgba(var(--title-color-opc), 0.1);
        width: 100%;
    }
}
.details-navigation .single-navigation.two .nav-btn {
    padding: 45px 0px 45px 30px;
    border-left: 1px solid rgba(var(--title-color-opc), 0.1);
    border-right: unset;
}
@media (max-width: 1199px) {
    .details-navigation .single-navigation.two .nav-btn {
        padding: 45px 0px 45px 20px;
    }
}
@media (max-width: 767px) {
    .details-navigation .single-navigation.two .nav-btn {
        border: unset;
    }
}

.sidebar-area .widget-title {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 20px;
    font-weight: 700;
    line-height: 0.9;
    letter-spacing: 0.4px;
    border-bottom: 1px solid var(--title-color);
    display: inline-block;
    margin-bottom: 30px;
}
.sidebar-area .single-widget {
    padding: 30px 35px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
}
@media (min-width: 992px) and (max-width: 1199px) {
    .sidebar-area .single-widget {
        padding: 25px 20px;
    }
}
@media (max-width: 576px) {
    .sidebar-area .single-widget {
        padding: 25px 20px;
    }
}
.sidebar-area .single-widget .category-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar-area .single-widget .category-list li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    transition: 0.5s;
}
.sidebar-area .single-widget .category-list li:last-child {
    margin-bottom: 0;
}
.sidebar-area .single-widget .category-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    gap: 5px;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.3px;
    transition: 0.5s;
}
.sidebar-area .single-widget .category-list li:hover a {
    color: var(--primary-color);
}
.sidebar-area .single-widget .recent-post-widget {
    display: flex;
    align-items: center;
    gap: 15px;
}
.sidebar-area .single-widget .recent-post-widget .recent-post-img img {
    min-width: 92px;
    max-width: 92px;
    height: 71px;
}
.sidebar-area .single-widget .recent-post-widget .recent-post-content {
    line-height: 1;
}
.sidebar-area .single-widget .recent-post-widget .recent-post-content > a {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
    transition: 0.5s;
}
@media (max-width: 576px) {
    .sidebar-area .single-widget .recent-post-widget .recent-post-content > a {
        margin-bottom: 5px;
    }
}
.sidebar-area
    .single-widget
    .recent-post-widget
    .recent-post-content
    > a:hover {
    color: var(--primary-color);
}
.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 {
    margin-bottom: 0;
}
.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.32px;
    transition: 0.5s;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
        font-size: 14px;
    }
}
@media (max-width: 576px) {
    .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
        font-size: 16px;
    }
}
.sidebar-area
    .single-widget
    .recent-post-widget
    .recent-post-content
    h6
    a:hover {
    color: var(--primary-color);
}
.sidebar-area .single-widget .tag-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .sidebar-area .single-widget .tag-list {
        gap: 14px;
    }
}
.sidebar-area .single-widget .tag-list li a {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    display: block;
    line-height: 1;
    padding: 9px 14px;
    border-radius: 100px;
    background: #f3f3f3;
    transition: 0.5s;
}
.sidebar-area .single-widget .tag-list li:hover a {
    color: var(--white-color);
    background-color: var(--primary-color);
}
.sidebar-area .single-widget .search-box {
    display: flex;
    align-items: center;
}
.sidebar-area .single-widget .search-box input {
    width: 100%;
    padding: 8px 20px;
    font-size: 12px;
    height: 45px;
    border: 1px solid rgba(var(--primary-color-opc), 0.3);
    border-radius: 5px 0 0 5px;
}
.sidebar-area .single-widget .search-box input:focus {
    border: 1px solid #ddd;
}
.sidebar-area .single-widget .search-box button {
    background-color: var(--primary-color);
    min-width: 90px;
    height: 45px;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 0 5px 5px 0;
    z-index: 1;
}
.sidebar-area .single-widget .search-box button::after {
    position: absolute;
    content: "";
    display: block;
    left: 15%;
    right: -20%;
    top: -4%;
    height: 150%;
    width: 150%;
    bottom: 0;
    border-radius: 2px;
    background-color: var(--primary-color2);
    transform: skewX(45deg) scale(0, 1);
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}
.sidebar-area .single-widget .search-box button i {
    color: var(--white-color);
    font-size: 22px;
    transition: 0.5s;
}
@media (max-width: 576px) {
    .sidebar-area .single-widget .search-box button {
        min-width: 70px;
    }
}
.sidebar-area .single-widget .search-box button:hover {
    color: var(--white-color);
}
.sidebar-area .single-widget .search-box button:hover::after {
    transform: skewX(45deg) scale(1, 1);
}
.sidebar-area .single-widget .social-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 30px;
}
.sidebar-area .single-widget .social-list li {
    display: block;
    text-align: center;
}
.sidebar-area .single-widget .social-list li a i {
    color: var(--paragraph-color);
    transition: 0.5s;
}
.sidebar-area .single-widget .social-list li a span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: block;
    padding-top: 2px;
    transition: 0.5s;
}
.sidebar-area .single-widget .social-list li:hover a i {
    color: var(--primary-color);
}
.sidebar-area .single-widget .social-list li:hover a span {
    color: var(--primary-color);
}

/*=====================================
 71. Blog Standard Page
========================================*/
.blog-standard-page .blog-card .blog-card-img-wrap .batch {
    -webkit-mask-image: url(../img/home1/icon/blog-batch-bg2.svg);
    mask-image: url(../img/home1/icon/blog-batch-bg2.svg);
    padding: 9px 24px 9px 16px;
    top: 0;
    left: 0;
    bottom: unset;
    right: unset;
    z-index: 1;
}
@media (max-width: 576px) {
    .blog-standard-page .blog-card .blog-card-img-wrap .card-img img {
        min-height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.blog-standard-page .blog-card .card-content {
    padding: 30px 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-standard-page .blog-card .card-content {
        padding: 30px 35px;
    }
}
@media (max-width: 767px) {
    .blog-standard-page .blog-card .card-content {
        padding: 30px 25px;
    }
}
@media (max-width: 576px) {
    .blog-standard-page .blog-card .card-content {
        padding: 25px 15px;
    }
}
.blog-standard-page .blog-card .card-content h4 a {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}
@media (max-width: 1399px) {
    .blog-standard-page .blog-card .card-content h4 a {
        font-size: 35px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-standard-page .blog-card .card-content h4 a {
        font-size: 33px;
    }
}
@media (max-width: 767px) {
    .blog-standard-page .blog-card .card-content h4 a {
        font-size: 28px;
    }
}
@media (max-width: 576px) {
    .blog-standard-page .blog-card .card-content h4 a {
        font-size: 25px;
    }
}
.blog-standard-page .blog-card .card-content p {
    font-size: 16px;
}
@media (max-width: 767px) {
    .blog-standard-page .blog-card .card-content p {
        font-size: 15px;
    }
}

/*=====================================
 72. Dashboard Page
========================================*/
.dashboard-section .dashboard-wrapper {
    display: grid;
    grid-template-columns: 24% 76%;
}
@media (max-width: 767px) {
    .dashboard-section .dashboard-wrapper {
        grid-template-columns: 25% 75%;
    }
}
@media (max-width: 576px) {
    .dashboard-section .dashboard-wrapper {
        grid-template-columns: 18% 82%;
    }
}
.dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul {
    margin: 0;
    list-style: none;
    background-color: #111a22;
    padding: 35px 15px;
    border-radius: 10px;
    position: sticky;
    top: 50px;
}
@media (max-width: 767px) {
    .dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul {
        padding: 30px 15px;
    }
}
@media (max-width: 576px) {
    .dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul {
        padding: 20px 10px;
    }
}
.dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li {
    margin-bottom: 20px;
}
.dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li:last-child {
    margin-bottom: 0;
}
.dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a {
    padding: 13px 20px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.5s;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a {
        padding: 13px 15px;
    }
}
@media (max-width: 991px) {
    .dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a {
        flex-direction: column;
        justify-content: center;
    }
}
.dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a svg {
    fill: var(--white-color);
}
.dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a h6 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a h6 {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a h6 {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a h6 {
        font-size: 14px;
    }
}
@media (max-width: 576px) {
    .dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a h6 {
        display: none;
    }
}
.dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li a:hover {
    background-color: rgba(var(--primary-color-opc), 0.2);
}
.dashboard-section .dashboard-wrapper .dashboard-sidebar-menu ul li.active a {
    background-color: rgba(var(--primary-color-opc), 0.2);
}
.dashboard-section .dashboard-wrapper .dashboard-content-wrap {
    padding: 35px 30px;
}
@media (max-width: 1399px) {
    .dashboard-section .dashboard-wrapper .dashboard-content-wrap {
        padding: 30px 15px;
    }
}
@media (max-width: 576px) {
    .dashboard-section .dashboard-wrapper .dashboard-content-wrap {
        padding: 25px 15px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .profile-info-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(17, 26, 34, 0.1);
    margin-bottom: 35px;
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .profile-info-wrap {
        flex-direction: column;
        align-items: start;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .profile-info-wrap
    .profile-img
    img {
    min-width: 63px;
    max-width: 63px;
    height: 63px;
    border-radius: 50%;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .profile-info-wrap
    .profile-content
    h4 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .profile-info-wrap
        .profile-content
        h4 {
        font-size: 23px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .profile-info-wrap
    .profile-content
    p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-bottom: 0;
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .profile-info-wrap
        .profile-content
        p {
        font-size: 15px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .single-counter-card {
    background-color: #6c2eb9;
    border-radius: 5px;
    padding: 37px 25px;
    position: relative;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .single-counter-card
    span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .single-counter-card
    h2 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .single-counter-card
        h2 {
        font-size: 35px;
    }
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .single-counter-card
        h2 {
        font-size: 38px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .single-counter-card::before {
    content: url(../img/inner-pages/icon/dashboard-counter-card-vector.svg);
    position: absolute;
    top: 0;
    right: 0;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .single-counter-card.two {
    background-color: #10b981;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .single-counter-card.three {
    background-color: #dd344a;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap {
    padding-top: 35px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 15px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    border-color: rgba(17, 26, 34, 0.1);
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table
    thead {
    background: #111a22;
    border-radius: 5px !important;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table
    thead
    tr {
    border-width: 1px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table
    thead
    tr
    th {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    padding: 16px 35px;
    vertical-align: top;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        thead
        tr
        th {
        padding: 16px 20px;
    }
}
@media (max-width: 1399px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        thead
        tr
        th {
        padding: 16px 20px;
    }
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        thead
        tr
        th {
        display: none;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table
    tbody
    tr {
    border: 1px solid rgba(17, 26, 34, 0.1);
    border-radius: 5px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table
    tbody
    tr
    td {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
    padding: 16px 35px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        tbody
        tr
        td {
        padding: 16px 20px;
    }
}
@media (max-width: 1399px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        tbody
        tr
        td {
        padding: 16px 20px;
    }
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        tbody
        tr
        td {
        display: block;
        width: 100%;
        text-align: right;
        padding-left: 50%;
        position: relative;
    }
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        tbody
        tr
        td {
        padding: 16px 10px;
        font-size: 12px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table
    tbody
    tr
    td
    span {
    color: var(--primary-color);
    font-size: 12px;
    line-height: 1;
    padding: 7px 24px;
    background-color: rgba(var(--primary-color-opc), 0.15);
    border-radius: 5px;
    min-width: 95px;
    display: inline-flex;
    justify-content: center;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .bidding-summary-wrap
    .bidding-summary-table
    tbody
    tr
    td
    span.cancel {
    color: #dd344a;
    background-color: rgba(221, 52, 74, 0.15);
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        tbody
        tr {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        tbody {
        display: block;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table {
        display: block;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 50%;
        text-align: left;
        padding-left: 15px;
        font-weight: 600;
        color: var(--title-color);
    }
}
@media (max-width: 991px) and (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .bidding-summary-wrap
        .bidding-summary-table
        td:before {
        padding-left: 10px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .my-auction-wrap
    > h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 10px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .my-auction-wrap
    .nav-pills {
    padding: 25px 0;
    border-top: 1px solid rgba(17, 26, 34, 0.1);
    border-bottom: 1px solid rgba(17, 26, 34, 0.1);
    gap: 25px;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .my-auction-wrap
        .nav-pills {
        gap: 12px;
        padding: 20px 0;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .my-auction-wrap
    .nav-pills
    .nav-item
    .nav-link {
    background-color: rgba(var(--title-color-opc), 0.08);
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 13px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
}
@media (max-width: 767px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .my-auction-wrap
        .nav-pills
        .nav-item
        .nav-link {
        font-size: 14px;
        padding: 12px 15px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .my-auction-wrap
    .nav-pills
    .nav-item
    .nav-link
    svg {
    fill: var(--title-color);
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .my-auction-wrap
    .nav-pills
    .nav-item
    .nav-link.active {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .my-auction-wrap
    .nav-pills
    .nav-item
    .nav-link.active
    svg {
    fill: var(--white-color);
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .my-auction-wrap
        .auction-card
        .auction-card-img-wrap
        .countdown-timer {
        width: 210px;
        height: 50px;
        padding: 0 15px;
    }
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .my-auction-wrap
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul {
        gap: 8px;
    }
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .my-auction-wrap
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul
        li {
        font-size: 15px;
    }
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .my-auction-wrap
        .auction-card
        .auction-card-content {
        padding: 20px 10px;
    }
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .my-auction-wrap
        .auction-card
        .auction-card-content
        h6
        a {
        font-size: 17px;
    }
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .my-auction-wrap
        .auction-card
        .auction-card-content
        .price-and-code-area
        .price
        strong {
        font-size: 19px;
    }
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .my-auction-wrap
        .auction-card
        .auction-card-content
        .bid-btn {
        font-size: 13px;
        padding: 8px 20px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    > h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap {
    padding-top: 50px;
}
@media (max-width: 767px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .payment-wrap
        .payment-content-wrap {
        padding-top: 40px;
    }
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .payment-wrap
        .payment-content-wrap {
        padding-top: 30px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .payment-wrap
        .payment-content-wrap
        .saved-card-area {
        gap: 20px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .single-card {
    position: relative;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .single-card
    img {
    border-radius: 10px;
    min-width: 250px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .single-card
    .card-details {
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .single-card
    .card-details
    h6 {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .single-card
    .card-details
    span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.23em;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .add-payment-area {
    padding: 45px 25px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    min-width: 224px;
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .payment-wrap
        .payment-content-wrap
        .saved-card-area
        .add-payment-area {
        padding: 40px 25px;
        min-width: 210px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .add-payment-area
    .add-btn {
    text-align: center;
    cursor: pointer;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .add-payment-area
    .add-btn
    svg {
    fill: var(--primary-color);
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .saved-card-area
    .add-payment-area
    .add-btn
    span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    display: block;
    padding-top: 15px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .payment-options {
    padding-top: 160px;
}
@media (max-width: 767px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .payment-wrap
        .payment-content-wrap
        .payment-options {
        padding-top: 120px;
    }
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .payment-wrap
        .payment-content-wrap
        .payment-options {
        padding-top: 80px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .payment-options
    h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 10px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .payment-options
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .payment-wrap
        .payment-content-wrap
        .payment-options
        ul {
        gap: 10px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .payment-options
    ul
    li {
    position: relative;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .payment-options
    ul
    li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .payment-wrap
    .payment-content-wrap
    .payment-options
    ul
    li
    img {
    border-radius: 5px;
}
.dashboard-section .dashboard-wrapper .dashboard-content-wrap .edit-info-area {
    background-color: #f7f7f7;
    border-radius: 20px;
    padding: 35px 40px;
}
@media (max-width: 1199px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area {
        padding: 35px 30px;
    }
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area {
        padding: 30px 20px;
    }
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area {
        padding: 30px 15px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    > h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(var(--primary-color2-opc), 0.1);
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-profile-img-area {
    padding-top: 20px;
    display: flex;
    gap: 20px;
}
@media (max-width: 767px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area
        .edit-profile-img-area {
        flex-wrap: wrap;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-profile-img-area
    .profile-img
    img {
    min-width: 110px;
    max-width: 110px;
    height: 110px;
    border-radius: 50%;
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area
        .edit-profile-img-area
        .profile-img
        img {
        min-width: 90px;
        max-width: 90px;
        height: 90px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-profile-img-area
    .upload-img-area {
    width: 100%;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-profile-img-area
    .upload-img-area
    h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-profile-img-area
    .upload-img-area
    .upload-filed {
    padding: 9px 10px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    max-width: 395px;
    width: 100%;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-profile-img-area
    .upload-img-area
    .upload-filed
    input {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 700;
    width: 100%;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-profile-img-area
    .upload-img-area
    .upload-filed
    input::-webkit-file-upload-button {
    background-color: var(--primary-color);
    border: unset;
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: 7px;
    margin-right: 12px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-profile-img-area
    .upload-img-area
    span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    display: block;
    padding-top: 10px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-info-form {
    padding-top: 40px;
}
@media (max-width: 767px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area
        .edit-info-form {
        padding-top: 30px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-info-form
    .form-inner {
    width: 100%;
    position: relative;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-info-form
    .form-inner
    label {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-info-form
    .form-inner
    input {
    background-color: transparent;
    height: 48px;
    border: 1px solid rgba(var(--primary-color2-opc), 0.15);
    border-radius: 5px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-info-form
    .form-inner
    input:focus {
    border-color: var(--primary-color);
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-info-form
    .form-inner
    i {
    position: absolute;
    right: 20px;
    bottom: 15px;
    color: var(--paragraph-color);
    cursor: pointer;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-info-form
    .verify-area {
    display: flex;
    align-items: end;
    gap: 30px;
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area
        .edit-info-form
        .verify-area {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area
        .edit-info-form
        .verify-area {
        flex-wrap: wrap;
        gap: 15px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-info-form
    .verify-area
    button {
    border: none;
    padding: 16px 32px;
    width: 100%;
    justify-content: center;
    max-width: 240px;
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area
        .edit-info-form
        .verify-area
        button {
        max-width: 170px;
    }
}
@media (max-width: 767px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .edit-info-area
        .edit-info-form
        .verify-area
        button {
        padding: 14px 32px;
        font-size: 15px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .edit-info-area
    .edit-info-form
    button {
    border: unset;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .help-and-support-wrap
    .title-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 45px;
}
@media (max-width: 1199px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .help-and-support-wrap
        .title-area {
        margin-bottom: 30px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .help-and-support-wrap
    .title-area
    h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .help-and-support-wrap
        .title-area
        h2 {
        font-size: 32px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .help-and-support-wrap
    .title-area
    h2
    span {
    color: var(--paragraph-color);
    font-family: var(--font-playfair);
    font-style: italic;
    font-weight: 400;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .help-and-support-wrap
    .support-center-section
    .single-support {
    transition: 0.5s;
    padding: 40px 30px;
}
@media (max-width: 1399px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .help-and-support-wrap
        .support-center-section
        .single-support {
        padding: 30px 20px;
    }
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .help-and-support-wrap
        .support-center-section
        .single-support {
        border: unset;
    }
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .help-and-support-wrap
        .support-center-section
        .single-support {
        padding: 20px 15px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .help-and-support-wrap
    .support-center-section
    .single-support
    .content
    h3 {
    font-size: 25px;
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .help-and-support-wrap
    .support-center-section
    .single-support
    .content
    h3
    a {
    color: var(--title-color);
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .help-and-support-wrap
        .support-center-section
        .single-support
        .content
        h3 {
        font-size: 23px;
    }
}
@media (max-width: 576px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .help-and-support-wrap
        .support-center-section
        .single-support
        .content
        span {
        font-size: 17px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .help-and-support-wrap
    .support-center-section
    .single-support
    .content
    p {
    padding: 0;
    padding-top: 25px;
}
@media (max-width: 991px) {
    .dashboard-section
        .dashboard-wrapper
        .dashboard-content-wrap
        .help-and-support-wrap
        .support-center-section
        .single-support
        .content
        p {
        padding-top: 20px;
    }
}
.dashboard-section
    .dashboard-wrapper
    .dashboard-content-wrap
    .help-and-support-wrap
    .support-center-section
    .single-support:hover {
    background-color: rgba(var(--primary-color-opc), 0.1);
}
.dashboard-section .dashboard-wrapper .dashboard-content-wrap.two {
    padding: 0;
    padding-left: 24px;
}
@media (max-width: 1399px) {
    .dashboard-section .dashboard-wrapper .dashboard-content-wrap.two {
        padding-left: 15px;
    }
}

.add-payment-modal .modal-dialog {
    max-width: 670px;
    width: 100%;
}
.add-payment-modal .modal-dialog .modal-content {
    border-radius: 10px;
    padding: 50px 35px;
    position: relative;
}
.add-payment-modal .modal-dialog .modal-content .close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--white-color);
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1);
    height: 35px;
    width: 35px;
    cursor: pointer;
    z-index: 1;
}
.add-payment-modal .modal-dialog .modal-content .close-btn::before,
.add-payment-modal .modal-dialog .modal-content .close-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    left: calc(50% - 7px);
    display: block;
    height: 1px;
    width: 15px;
    background-color: var(--primary-color2);
    transition: all 0.3s ease-out;
}
.add-payment-modal .modal-dialog .modal-content .close-btn::after {
    transform: translateY(-50%) rotate(-135deg);
}
.add-payment-modal .modal-dialog .modal-content .close-btn:hover::before,
.add-payment-modal .modal-dialog .modal-content .close-btn:hover::after {
    transform: rotate(0deg);
}
.add-payment-modal .modal-dialog .modal-content .modal-header {
    margin-bottom: 25px;
    padding: 0;
    padding-bottom: 15px;
}
.add-payment-modal .modal-dialog .modal-content .modal-header .modal-title {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 24px;
    font-weight: 700;
}
.add-payment-modal .modal-dialog .modal-content .modal-body .form-inner input {
    border: 1px solid var(--border-color2);
    border-radius: 5px;
    color: var(--title-color);
}
.add-payment-modal
    .modal-dialog
    .modal-content
    .modal-body
    .form-inner
    input:focus {
    border-color: var(--primary-color);
}
.add-payment-modal .modal-dialog .modal-content .modal-body .form-inner button {
    border: unset;
}
.add-payment-modal
    .modal-dialog
    .modal-content
    .modal-body
    .form-inner
    button.primary-btn {
    border-radius: 5px;
}

/*=====================================
 73. How To Sell Page
========================================*/
.how-to-sell-section .how-to-sell-wrap {
    position: relative;
    padding-top: 50px;
}
@media (max-width: 1199px) {
    .how-to-sell-section .how-to-sell-wrap {
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .how-to-sell-section .how-to-sell-wrap {
        padding-top: 0;
    }
}
.how-to-sell-section .how-to-sell-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(var(--primary-color2-opc), 0.2);
    width: 1px;
    height: 100%;
}
@media (max-width: 991px) {
    .how-to-sell-section .how-to-sell-wrap::before {
        left: 48%;
    }
}
@media (max-width: 767px) {
    .how-to-sell-section .how-to-sell-wrap::before {
        display: none;
    }
}
.how-to-sell-section .how-to-sell-wrap .mb-25 {
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .how-to-sell-section .how-to-sell-wrap .mb-25 {
        margin-bottom: 40px;
    }
}
.how-to-sell-section .how-to-sell-wrap .single-step {
    position: relative;
}
.how-to-sell-section .how-to-sell-wrap .single-step span {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: 7px 27px;
    border-radius: 5px;
    background-color: #6a6a6a;
    margin-bottom: 16px;
    transition: 0.5s;
}
.how-to-sell-section .how-to-sell-wrap .single-step h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}
@media (max-width: 1199px) {
    .how-to-sell-section .how-to-sell-wrap .single-step h2 {
        font-size: 32px;
    }
}
@media (max-width: 991px) {
    .how-to-sell-section .how-to-sell-wrap .single-step h2 {
        margin-bottom: 10px;
    }
}
@media (max-width: 576px) {
    .how-to-sell-section .how-to-sell-wrap .single-step h2 {
        font-size: 28px;
    }
}
.how-to-sell-section .how-to-sell-wrap .single-step p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 0;
}
@media (max-width: 576px) {
    .how-to-sell-section .how-to-sell-wrap .single-step p {
        font-size: 16px;
    }
}
.how-to-sell-section .how-to-sell-wrap .single-step .arrow {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid rgba(var(--primary-color2-opc), 0.3);
    background-color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 65px;
    right: -28%;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .how-to-sell-section .how-to-sell-wrap .single-step .arrow {
        right: -29%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .how-to-sell-section .how-to-sell-wrap .single-step .arrow {
        right: -31%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .how-to-sell-section .how-to-sell-wrap .single-step .arrow {
        right: -16px;
    }
}
@media (max-width: 767px) {
    .how-to-sell-section .how-to-sell-wrap .single-step .arrow {
        display: none;
    }
}
.how-to-sell-section .how-to-sell-wrap .single-step .arrow svg {
    fill: rgba(var(--primary-color2-opc), 0.3);
    transition: 0.5s;
}
.how-to-sell-section .how-to-sell-wrap .single-step:hover span {
    background-color: var(--primary-color);
}
.how-to-sell-section .how-to-sell-wrap .single-step:hover .arrow {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.how-to-sell-section .how-to-sell-wrap .single-step:hover .arrow svg {
    fill: var(--white-color);
    transform: rotate(-45deg);
}
.how-to-sell-section .how-to-sell-wrap .single-step.two .arrow {
    right: unset;
    left: -28%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .how-to-sell-section .how-to-sell-wrap .single-step.two .arrow {
        left: -29%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .how-to-sell-section .how-to-sell-wrap .single-step.two .arrow {
        left: -31%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .how-to-sell-section .how-to-sell-wrap .single-step.two .arrow {
        left: -43px;
    }
}
.how-to-sell-section .video-tutorial-area h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 40px;
}
@media (max-width: 1199px) {
    .how-to-sell-section .video-tutorial-area h2 {
        margin-bottom: 30px;
    }
}
@media (max-width: 991px) {
    .how-to-sell-section .video-tutorial-area h2 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .how-to-sell-section .video-tutorial-area h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}
.how-to-sell-section .video-tutorial-area .video-wrapper {
    position: relative;
}
.how-to-sell-section .video-tutorial-area .video-wrapper img {
    border-radius: 10px;
}
@media (max-width: 767px) {
    .how-to-sell-section .video-tutorial-area .video-wrapper img {
        min-height: 220px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.how-to-sell-section .video-tutorial-area .video-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: rgba(var(--primary-color2-opc), 0.3);
}
@media (max-width: 576px) {
    .how-to-sell-section .video-tutorial-area .video-wrapper::before {
        border-radius: 10px;
    }
}
.how-to-sell-section .video-tutorial-area .video-wrapper .video-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.how-to-sell-section .video-tutorial-area .video-wrapper .video-area .icon {
    position: relative;
}
.how-to-sell-section
    .video-tutorial-area
    .video-wrapper
    .video-area
    .icon
    .video-circle {
    stroke: var(--white-color);
    fill: none;
    transition: 0.5s;
}
@media (max-width: 767px) {
    .how-to-sell-section
        .video-tutorial-area
        .video-wrapper
        .video-area
        .icon
        .video-circle {
        width: 50px;
    }
}
.how-to-sell-section
    .video-tutorial-area
    .video-wrapper
    .video-area
    .icon
    .video-circle
    .top-half {
    stroke-dasharray: 320;
    stroke-dashoffset: 320;
    transition: stroke-dashoffset 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.how-to-sell-section .video-tutorial-area .video-wrapper .video-area .icon i {
    color: var(--white-color);
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .how-to-sell-section
        .video-tutorial-area
        .video-wrapper
        .video-area
        .icon
        i {
        font-size: 30px;
    }
}
.how-to-sell-section
    .video-tutorial-area
    .video-wrapper
    .video-area:hover
    .icon
    .video-circle
    .top-half {
    stroke-dashoffset: 0;
}

/*=====================================
 74. Auction Grid Page
========================================*/
.auction-grid-title-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 767px) {
    .auction-grid-title-section {
        flex-wrap: wrap;
        gap: 20px;
    }
}
@media (max-width: 576px) {
    .auction-grid-title-section {
        flex-direction: column;
        align-items: flex-start;
    }
}
.auction-grid-title-section h6 {
    color: rgba(var(--title-color-opc), 0.5);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 0;
}
.auction-grid-title-section .filter-selector {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
@media (min-width: 576px) and (max-width: 767px) {
    .auction-grid-title-section .filter-selector {
        gap: 0;
    }
}
@media (max-width: 576px) {
    .auction-grid-title-section .filter-selector {
        justify-content: space-between;
        width: 100%;
    }
}
.auction-grid-title-section .filter-selector .filter {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 20px;
    cursor: pointer;
}
.auction-grid-title-section .filter-selector .filter .filter-icon {
    cursor: pointer;
    line-height: 1;
    transition: 0.5s;
}
.auction-grid-title-section .filter-selector .filter .filter-icon svg {
    fill: var(--title-color);
    transition: 0.5s;
}
.auction-grid-title-section .filter-selector .filter span {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.3px;
    transition: 0.5s;
}
.auction-grid-title-section .filter-selector .filter:hover .filter-icon svg {
    fill: var(--primary-color);
}
.auction-grid-title-section .filter-selector .filter:hover span {
    color: var(--primary-color);
}
.auction-grid-title-section .filter-selector .selector {
    margin-right: 20px;
}
@media (max-width: 767px) {
    .auction-grid-title-section .filter-selector .selector {
        margin-right: 0;
    }
}
.auction-grid-title-section .filter-selector .selector .nice-select {
    width: 195px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--primary-color2);
    color: var(--primary-color2);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 25px;
    display: flex;
    align-items: center;
}
.auction-grid-title-section .filter-selector .selector .nice-select:focus {
    border: 1px solid #ddd;
}
@media (max-width: 767px) {
    .auction-grid-title-section .filter-selector .selector .nice-select {
        width: 160px;
        height: 35px;
        padding-left: 18px;
        padding-right: 15px;
    }
}
.auction-grid-title-section .filter-selector .selector .nice-select::after {
    border-bottom: 2px solid var(--primary-color2);
    border-right: 2px solid var(--primary-color2);
    width: 8px;
    height: 8px;
    right: 28px;
    top: 48%;
}
@media (max-width: 767px) {
    .auction-grid-title-section .filter-selector .selector .nice-select::after {
        right: 20px;
    }
}
.auction-grid-title-section .filter-selector .selector .nice-select.open .list {
    width: 100%;
}
.auction-grid-title-section
    .filter-selector
    .selector
    .nice-select.open
    .list
    .option {
    padding-left: 25px;
    font-family: var(--font-dmsans);
    font-size: 14px;
}
@media (max-width: 767px) {
    .auction-grid-title-section
        .filter-selector
        .selector
        .nice-select.open
        .list
        .option {
        padding-left: 15px;
    }
}
.auction-grid-title-section .filter-selector .grid-view {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 767px) {
    .auction-grid-title-section .filter-selector .grid-view {
        display: none;
    }
}
.auction-grid-title-section .filter-selector .grid-view li {
    line-height: 1;
    cursor: pointer;
}
.auction-grid-title-section .filter-selector .grid-view li svg {
    fill: rgba(var(--title-color-opc), 0.4);
}
.auction-grid-title-section .filter-selector .grid-view li.active svg {
    fill: var(--title-color);
}
@media (max-width: 1199px) {
    .auction-grid-title-section .filter-selector .grid-view li.column-4 {
        display: none;
    }
}

/*........................ 
 Grid view Css
........................*/
.list-grid-product-wrap.column-2-wrapper .item {
    width: 50%;
}
@media (max-width: 767px) {
    .list-grid-product-wrap.column-2-wrapper .item {
        display: none;
    }
}
.list-grid-product-wrap.column-3-wrapper .item {
    width: 33.33%;
}
@media (max-width: 767px) {
    .list-grid-product-wrap.column-3-wrapper .item {
        display: none;
    }
}
.list-grid-product-wrap.column-4-wrapper .item {
    width: 25%;
}
@media (max-width: 1199px) {
    .list-grid-product-wrap.column-4-wrapper .item {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .list-grid-product-wrap
        .auction-card
        .auction-card-img-wrap
        .countdown-timer {
        width: 200px;
        height: 45px;
        padding: 0 15px;
    }
    .list-grid-product-wrap
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul {
        gap: 8px;
    }
    .list-grid-product-wrap
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul
        li {
        font-size: 15px;
    }
    .list-grid-product-wrap
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul
        li
        span {
        font-size: 11px;
    }
    .list-grid-product-wrap .auction-card .auction-card-content {
        padding: 10px 5px;
    }
    .list-grid-product-wrap .auction-card .auction-card-content h6 {
        margin-bottom: 15px;
    }
    .list-grid-product-wrap .auction-card .auction-card-content h6 a {
        font-size: 16px;
    }
    .list-grid-product-wrap
        .auction-card
        .auction-card-content
        .price-and-code-area {
        gap: 10px;
    }
    .list-grid-product-wrap
        .auction-card
        .auction-card-content
        .price-and-code-area
        .price
        span {
        font-size: 11px;
    }
    .list-grid-product-wrap
        .auction-card
        .auction-card-content
        .price-and-code-area
        .price
        strong {
        font-size: 20px;
    }
    .list-grid-product-wrap
        .auction-card
        .auction-card-content
        .price-and-code-area
        .bid-btn {
        font-size: 12px;
        padding: 7px 14px;
    }
    .list-grid-product-wrap
        .auction-card
        .auction-card-content
        .price-and-code-area
        .code
        span {
        font-size: 10px;
        padding: 7px 10px;
    }
    .list-grid-product-wrap
        .auction-card
        .auction-card-content
        .author-and-btn-area
        .bid-btn {
        font-size: 13px;
        padding: 7px 14px;
    }
}

/*=====================================
 75. Auction Grid Sidebar Page
========================================*/
.auction-sidebar {
    padding: 30px 20px;
    border: 1px solid var(--border-color2);
    border-radius: 5px;
}
.auction-sidebar .widget-title {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.4px;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--title-color);
    display: inline-block;
    margin-bottom: 30px;
}
.auction-sidebar .single-widget .search-box {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-color2);
    border-radius: 5px;
    padding: 0 18px;
}
.auction-sidebar .single-widget .search-box input {
    width: 100%;
    padding: 16px 0;
    font-size: 14px;
    border: unset;
}
.auction-sidebar .single-widget .search-box input:focus {
    border: unset;
}
.auction-sidebar .single-widget .search-box button {
    background-color: unset;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auction-sidebar .single-widget .search-box button i {
    color: var(--paragraph-color);
    font-size: 22px;
    transition: 0.5s;
}
.auction-sidebar .single-widget .search-box button:hover i {
    color: var(--title-color);
}
.auction-sidebar .single-widget .checkbox-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.auction-sidebar .single-widget .checkbox-container ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.auction-sidebar .single-widget .checkbox-container ul li:last-child {
    margin-bottom: 0;
}
.auction-sidebar .single-widget .checkbox-container ul li .containerss {
    display: flex;
    gap: 5px;
    width: 100%;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.auction-sidebar .single-widget .checkbox-container ul li .containerss span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
}
.auction-sidebar .single-widget .checkbox-container ul li .containerss input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.auction-sidebar
    .single-widget
    .checkbox-container
    ul
    li
    .containerss
    input:checked
    ~ .checkmark {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 4px;
}
.auction-sidebar
    .single-widget
    .checkbox-container
    ul
    li
    .containerss
    input:checked
    ~ .checkmark::after {
    content: url(../img/inner-pages/icon/checkbox-check.svg);
    left: 4px;
    top: 0px;
    position: absolute;
}
.auction-sidebar
    .single-widget
    .checkbox-container
    ul
    li
    .containerss
    .checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}
.auction-sidebar .single-widget .single-search-box {
    border: 1px solid var(--border-color2);
    border-radius: 5px;
    padding: 8px 15px;
    position: relative;
}
.auction-sidebar .single-widget .single-search-box .searchbox-input {
    line-height: 1;
}
@media (max-width: 1199px) {
    .auction-sidebar .single-widget .single-search-box .searchbox-input {
        width: 100%;
    }
}
.auction-sidebar .single-widget .single-search-box .searchbox-input label {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .select-input {
    display: flex;
    align-items: center;
    line-height: 1;
    cursor: pointer;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .select-input
    input {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.3px;
    background-color: transparent;
    border: unset;
    width: 100%;
    cursor: pointer;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .select-input
    input::-moz-placeholder {
    color: var(--title-color);
    font-weight: 400;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .select-input
    input::placeholder {
    color: var(--title-color);
    font-weight: 400;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .select-input
    i {
    color: var(--title-color);
    font-weight: 500;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .select-input
    h6 {
    color: var(--title-color);
    font-family: var(--font-rubik);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.3px;
    min-width: 188px;
    width: 100%;
    margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-sidebar
        .single-widget
        .single-search-box
        .searchbox-input
        .custom-select-dropdown
        .select-input
        h6 {
        min-width: 150px;
    }
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap {
    background-color: var(--white-color);
    border-radius: 5px;
    width: 100%;
    max-height: 250px;
    overflow-y: scroll;
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 9;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    display: none;
    transform: scaleY(0);
    transform-origin: top;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap::-webkit-scrollbar {
    width: 5px; /* width of the entire scrollbar */
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap::-webkit-scrollbar-track {
    background: #f5f4f4;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap::-webkit-scrollbar-thumb {
    background-color: #ddd; /* color of the scroll thumb */
    border-radius: 20px; /* creates padding around scroll thumb */
}
@media (max-width: 1199px) {
    .auction-sidebar
        .single-widget
        .single-search-box
        .searchbox-input
        .custom-select-dropdown
        .custom-select-wrap {
        max-width: 100%;
        min-width: 100%;
        top: 75px;
    }
}
@media (max-width: 767px) {
    .auction-sidebar
        .single-widget
        .single-search-box
        .searchbox-input
        .custom-select-dropdown
        .custom-select-wrap {
        top: 65px;
    }
}
@media (max-width: 576px) {
    .auction-sidebar
        .single-widget
        .single-search-box
        .searchbox-input
        .custom-select-dropdown
        .custom-select-wrap {
        left: 50%;
    }
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap
    .option-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap
    .option-list
    li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.5s;
    cursor: pointer;
    padding: 0 10px;
    line-height: 1;
    margin-bottom: 5px;
    position: relative;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap
    .option-list
    li:last-child {
    margin-bottom: 0;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap
    .option-list
    li::before {
    content: "";
    height: 100%;
    width: 3px;
    background-color: var(--title-color);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.5s;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap
    .option-list
    li.single-item {
    padding: 10px 15px;
    border-bottom: 1px solid #f5f4f4;
    margin-bottom: 0;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap
    .option-list
    li.single-item:last-child {
    border-bottom: none;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap
    .option-list
    li.single-item
    h6 {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-dmsans);
    color: var(--title-color);
    margin-bottom: 0;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap
    .option-list
    li:hover {
    background: rgba(211, 211, 211, 0.231372549);
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap
    .option-list
    li:hover::before {
    opacity: 1;
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap.active {
    display: block;
    transform: scaleY(1);
    animation: fade-down 0.3s linear;
}
@keyframes fade-down2 {
    0% {
        opacity: 0;
        transform: scaleY(0) translateX(-50%);
        visibility: hidden;
    }
    100% {
        opacity: 1;
        transform: scaleY(1) translateX(-50%);
        visibility: visible;
    }
}
@media (max-width: 576px) {
    .auction-sidebar
        .single-widget
        .single-search-box
        .searchbox-input
        .custom-select-dropdown
        .custom-select-wrap.active {
        transform: scaleY(1) translateX(-50%);
        animation: fade-down2 0.3s linear;
    }
}
.auction-sidebar
    .single-widget
    .single-search-box
    .searchbox-input
    .custom-select-dropdown
    .custom-select-wrap.no-scroll {
    overflow-y: initial;
    max-width: unset;
}
.auction-sidebar .single-widget .highest-bidding-widget {
    display: flex;
    align-items: center;
    gap: 12px;
}
.auction-sidebar
    .single-widget
    .highest-bidding-widget
    .highest-bidding-img
    img {
    min-width: 81px;
    max-width: 81px;
    height: 73px;
    border-radius: 5px;
}
.auction-sidebar
    .single-widget
    .highest-bidding-widget
    .highest-bidding-content {
    line-height: 1;
}
.auction-sidebar
    .single-widget
    .highest-bidding-widget
    .highest-bidding-content
    h6 {
    margin-bottom: 10px;
}
.auction-sidebar
    .single-widget
    .highest-bidding-widget
    .highest-bidding-content
    h6
    a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.32px;
    transition: 0.5s;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .auction-sidebar
        .single-widget
        .highest-bidding-widget
        .highest-bidding-content
        h6
        a {
        font-size: 14px;
    }
}
@media (max-width: 576px) {
    .auction-sidebar
        .single-widget
        .highest-bidding-widget
        .highest-bidding-content
        h6
        a {
        font-size: 16px;
    }
}
.auction-sidebar
    .single-widget
    .highest-bidding-widget
    .highest-bidding-content
    h6
    a:hover {
    color: var(--primary-color);
}
.auction-sidebar
    .single-widget
    .highest-bidding-widget
    .highest-bidding-content
    .price-area
    span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
}
.auction-sidebar
    .single-widget
    .highest-bidding-widget
    .highest-bidding-content
    .price-area
    strong {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.filter-sidebar {
    max-width: 360px;
    background-color: var(--white-color);
    padding: 30px 20px;
    position: fixed;
    min-height: 100vh;
    height: 100%;
    left: 0;
    z-index: 999;
    top: 0;
    overflow-y: scroll;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.6s ease 0s;
    transform-origin: left;
    transform: translateX(-100%);
}
@media (max-width: 576px) {
    .filter-sidebar {
        max-width: 300px;
        padding: 30px 10px;
    }
}
.filter-sidebar.slide {
    transform: translate(0);
}
.filter-sidebar::-webkit-scrollbar {
    width: 0;
}

/*=======================================
 Range Slider
=======================================*/
.range-wrap .slider-labels {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.range-wrap .slider-labels .caption {
    color: rgba(34, 34, 34, 0.6);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.3px;
}
.range-wrap .noUi-target,
.range-wrap .range-wrap .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    touch-action: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
}
.range-wrap .noUi-target {
    position: relative;
    direction: ltr;
}
.range-wrap .noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    /* Fix 401 */
}
.range-wrap .noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.range-wrap .noUi-handle {
    position: relative;
    z-index: 1;
}
.range-wrap .noUi-stacking .noUi-handle {
    /* This class is applied to the lower origin when
     its values is > 50%. */
    z-index: 10;
}
.range-wrap .noUi-state-tap .noUi-origin {
    transition: left 0.3s, top 0.3s;
}
.range-wrap .noUi-state-drag * {
    cursor: inherit !important;
}
.range-wrap .noUi-base,
.range-wrap .range-wrap .noUi-handle {
    transform: translate3d(0, 0, 0);
}
.range-wrap .noUi-horizontal {
    height: 4px;
}
.range-wrap .noUi-horizontal .noUi-handle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: -2px;
    right: 0px;
    top: -4px;
    background-color: var(--primary-color2);
    cursor: pointer;
}
.range-wrap .noUi-horizontal .noUi-handle::after {
    content: "";
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: var(--white-color);
    position: absolute;
    left: 7px;
    top: 7px;
    transform: translate(-50%, -50%);
}
.range-wrap .noUi-background {
    background: rgba(33, 33, 33, 0.5);
    height: 5px;
    border-radius: 10px;
}
.range-wrap .noUi-connect {
    background: var(--primary-color2);
    transition: background 450ms;
    border-radius: 10px;
    height: 5px;
}
.range-wrap .noUi-target {
    border-radius: 10px;
}

/*=====================================
 76. Auction Details Page
========================================*/
.auction-details-section {
    padding: 110px 60px 0;
}
@media (max-width: 1699px) {
    .auction-details-section {
        padding: 110px 30px 0;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-details-section {
        padding: 110px 20px 0;
    }
}
@media (max-width: 1399px) {
    .auction-details-section {
        padding: 110px 20px 0;
    }
}
@media (max-width: 991px) {
    .auction-details-section {
        padding: 90px 20px 0;
    }
}
@media (max-width: 767px) {
    .auction-details-section {
        padding: 70px 10px 0;
    }
}
@media (max-width: 576px) {
    .auction-details-section {
        padding: 70px 0px 0;
    }
}
.auction-details-section .auction-details-img {
    position: sticky;
    top: 30px;
    margin-right: 35px;
    width: 100%;
    display: block;
}
 /* Auction Details Image Gallery Styles */
    .auction-details-img {
        position: relative;
    }
    
    .auction-details-tab-img {
        height: 500px;
        overflow: hidden;
        border-radius: 10px;
    }
    
    .auction-details-tab-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* Thumbnail Slider Styles */
    .thumbnail-slider-wrapper {
        position: relative;
    }
    
    .thumbnail-slider {
        padding: 10px 0;
    }
    
    .thumbnail-item {
        width: 100%;
        padding: 5px;
        border: 2px solid transparent;
        border-radius: 8px;
        background: transparent;
        transition: all 0.3s ease;
        cursor: pointer;
    }
    
    .thumbnail-item.active {
        border-color: #007bff;
    }
    
    .thumbnail-item:hover {
        border-color: #007bff;
    }
    
    .thumbnail-item img {
        width: 100%;
        height: 100px;
        object-fit: cover;
        border-radius: 5px;
    }
    
    .swiper-slide {
        height: auto;
    }
    
    /* Swiper Navigation */
    .thumbnail-slider .swiper-button-next,
    .thumbnail-slider .swiper-button-prev {
        width: 30px;
        height: 30px;
        background: white;
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        color: #333;
    }
    
    .thumbnail-slider .swiper-button-next:after,
    .thumbnail-slider .swiper-button-prev:after {
        font-size: 14px;
        font-weight: bold;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .auction-details-tab-img {
            height: 300px;
        }
        
        .thumbnail-item img {
            height: 70px;
        }
    }
@media (max-width: 1699px) {
    .auction-details-section .auction-details-img {
        margin-right: 10px;
    }
}
@media (max-width: 1399px) {
    .auction-details-section .auction-details-img {
        margin-right: 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .auction-details-section .auction-details-img {
        flex-direction: column;
        gap: 40px;
    }
}
@media (max-width: 576px) {
    .auction-details-section .auction-details-img {
        flex-direction: column;
        gap: 40px;
    }
}
.auction-details-section .auction-details-img .auction-details-tab-img {
    position: relative;
    overflow: hidden;
}
.auction-details-section .auction-details-img .auction-details-tab-img img {
    border-radius: 5px;
    width: 100%;
}
@media (max-width: 991px) {
    .auction-details-section .auction-details-img .auction-details-tab-img img {
        width: 100%;
    }
}
@media (max-width: 576px) {
    .auction-details-section .auction-details-img .auction-details-tab-img img {
        min-height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.auction-details-section .auction-details-img .nav-pills {
    padding-top: 30px;
}
.auction-details-section .auction-details-img .nav-pills .nav-link {
    background-color: unset;
    border-radius: unset;
    padding: 0;
    position: relative;
}
.auction-details-section .auction-details-img .nav-pills .nav-link img {
    max-width: 170px;
    height: 134px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-details-section .auction-details-img .nav-pills .nav-link img {
        max-width: 150px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-section .auction-details-img .nav-pills .nav-link img {
        max-width: 125px;
        height: 100px;
    }
}
@media (max-width: 991px) {
    .auction-details-section .auction-details-img .nav-pills .nav-link img {
        height: 125px;
    }
}
@media (max-width: 576px) {
    .auction-details-section .auction-details-img .nav-pills .nav-link img {
        max-width: 100px;
        height: 80px;
    }
}
.auction-details-section .auction-details-img .nav-pills .nav-link::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(var(--primary-color2-opc), 0.4);
    border-radius: 5px;
    opacity: 0.5;
}
.auction-details-section
    .auction-details-img
    .nav-pills
    .nav-link.active::after {
    display: none;
}
.auction-details-section .auction-details-content {
    margin-bottom: 60px;
}
.auction-details-section .auction-details-content .batch span {
    color: var(--primary-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.03em;
    display: inline-block;
    padding: 8px 22px;
    border-radius: 5px;
    background-color: rgba(var(--primary-color-opc), 0.15);
    margin-bottom: 12px;
}
.auction-details-section .auction-details-content h1 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-section .auction-details-content h1 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .auction-details-section .auction-details-content h1 {
        font-size: 30px;
    }
}
@media (max-width: 576px) {
    .auction-details-section .auction-details-content h1 {
        font-size: 27px;
    }
}
.auction-details-section .auction-details-content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.03em;
    margin-bottom: 35px;
}
@media (max-width: 767px) {
    .auction-details-section .auction-details-content p {
        margin-bottom: 25px;
    }
}
.auction-details-section .auction-details-content .price-area {
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .auction-details-section .auction-details-content .price-area {
        margin-bottom: 30px;
    }
}
.auction-details-section .auction-details-content .price-area span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 2px;
}
.auction-details-section .auction-details-content .price-area strong {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-section .auction-details-content .price-area strong {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .auction-details-section .auction-details-content .price-area strong {
        font-size: 28px;
    }
}
.auction-details-section .auction-details-content .coundown-area {
    margin-bottom: 60px;
}
@media (max-width: 1199px) {
    .auction-details-section .auction-details-content .coundown-area {
        margin-bottom: 40px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .auction-details-section .auction-details-content .coundown-area {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .auction-details-section .auction-details-content .coundown-area {
        margin-bottom: 30px;
    }
}
.auction-details-section .auction-details-content .coundown-area h6 {
    color: var(--title-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 1199px) {
    .auction-details-section .auction-details-content .coundown-area h6 {
        margin-bottom: 20px;
    }
}
@media (max-width: 576px) {
    .auction-details-section .auction-details-content .coundown-area h6 {
        margin-bottom: 15px;
    }
}
.auction-details-section
    .auction-details-content
    .coundown-area
    .countdown-timer
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-section
        .auction-details-content
        .coundown-area
        .countdown-timer
        ul {
        gap: 12px;
    }
}
@media (max-width: 576px) {
    .auction-details-section
        .auction-details-content
        .coundown-area
        .countdown-timer
        ul {
        gap: 12px;
    }
}
.auction-details-section
    .auction-details-content
    .coundown-area
    .countdown-timer
    ul
    li {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 32px;
    font-weight: 900;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 6px 20px;
    border: 1px solid var(--border-color2);
    border-radius: 5px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-section
        .auction-details-content
        .coundown-area
        .countdown-timer
        ul
        li {
        font-size: 28px;
    }
}
@media (max-width: 991px) {
    .auction-details-section
        .auction-details-content
        .coundown-area
        .countdown-timer
        ul
        li {
        font-size: 28px;
    }
}
@media (max-width: 576px) {
    .auction-details-section
        .auction-details-content
        .coundown-area
        .countdown-timer
        ul
        li {
        font-size: 22px;
        font-weight: 800;
        padding: 0;
        border: unset;
    }
}
.auction-details-section
    .auction-details-content
    .coundown-area
    .countdown-timer
    ul
    li
    span {
    color: rgba(var(--title-color-opc), 0.7);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}
@media (max-width: 576px) {
    .auction-details-section
        .auction-details-content
        .coundown-area
        .countdown-timer
        ul
        li
        span {
        font-size: 13px;
    }
}
.auction-details-section
    .auction-details-content
    .coundown-area
    .countdown-timer
    ul
    li
    span:first-child {
    display: none;
    visibility: hidden;
}
.auction-details-section
    .auction-details-content
    .coundown-area
    .countdown-timer
    ul
    li
    svg {
    fill: rgba(var(--title-color-opc), 0.15);
}
.auction-details-section
    .auction-details-content
    .coundown-area
    .countdown-timer
    ul
    li.clone {
    padding: 0;
    border: unset;
}
.auction-details-section .auction-details-content .coundown-area > span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.02em;
    display: block;
    padding-top: 20px;
}
@media (max-width: 576px) {
    .auction-details-section .auction-details-content .coundown-area > span {
        font-size: 17px;
    }
}
.auction-details-section .auction-details-content .coundown-area > span strong {
    color: var(--title-color);
    font-weight: 500;
}
.auction-details-section .auction-details-content .quantity-area {
    margin-bottom: 45px;
}
@media (max-width: 767px) {
    .auction-details-section .auction-details-content .quantity-area {
        margin-bottom: 35px;
    }
}
.auction-details-section .auction-details-content .quantity-area h6 {
    color: var(--title-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 35px;
}
@media (max-width: 1199px) {
    .auction-details-section .auction-details-content .quantity-area h6 {
        margin-bottom: 30px;
    }
}
.auction-details-section
    .auction-details-content
    .quantity-area
    .quantity-counter-and-btn-area {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}
@media (max-width: 576px) {
    .auction-details-section
        .auction-details-content
        .quantity-area
        .quantity-counter-and-btn-area {
        gap: 20px;
    }
}
.auction-details-section
    .auction-details-content
    .quantity-area
    .quantity-counter-and-btn-area
    .quantity-counter {
    display: flex;
    align-items: center;
    gap: 10px;
}
.auction-details-section
    .auction-details-content
    .quantity-area
    .quantity-counter-and-btn-area
    .quantity-counter
    a {
    min-width: 48px;
    max-width: 48px;
    height: 52px;
    background-color: rgba(34, 34, 34, 0.05);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--title-color);
    transition: 0.5s;
}
.auction-details-section
    .auction-details-content
    .quantity-area
    .quantity-counter-and-btn-area
    .quantity-counter
    a
    i::before {
    font-weight: 600 !important;
}
.auction-details-section
    .auction-details-content
    .quantity-area
    .quantity-counter-and-btn-area
    .quantity-counter
    a:hover {
    background-color: var(--title-color);
    color: var(--white-color);
}
.auction-details-section
    .auction-details-content
    .quantity-area
    .quantity-counter-and-btn-area
    .quantity-counter
    .quantity__input {
    max-width: 260px;
    width: 100%;
    height: 52px;
    border: 1px solid var(--border-color2);
    border-radius: 3px;
    padding: 0 30px;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.48px;
}
.auction-details-section
    .auction-details-content
    .quantity-area
    .quantity-counter-and-btn-area
    .quantity-counter
    .quantity__input:focus {
    border: 1px solid #ddd;
}
.auction-details-section
    .auction-details-content
    .quantity-area
    .quantity-counter-and-btn-area
    .primary-btn {
    font-size: 18px;
    border-radius: 4px;
    padding: 17px 37px;
}
@media (max-width: 576px) {
    .auction-details-section
        .auction-details-content
        .quantity-area
        .quantity-counter-and-btn-area
        .primary-btn {
        font-size: 17px;
        padding: 13px 35px;
    }
}
.auction-details-section .auction-details-content .payment-method {
    padding: 17px 30px;
    border: 1px solid rgba(34, 34, 34, 0.1);
    border-radius: 5px;
    max-width: 460px;
    width: 100%;
    margin-bottom: 20px;
}
@media (max-width: 576px) {
    .auction-details-section .auction-details-content .payment-method {
        padding: 17px 20px;
    }
}
.auction-details-section .auction-details-content .payment-method h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.48px;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.auction-details-section
    .auction-details-content
    .payment-method
    .payment-card-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 576px) {
    .auction-details-section
        .auction-details-content
        .payment-method
        .payment-card-list {
        gap: 10px;
    }
}
.auction-details-section .auction-details-content .question-and-wishlist-area {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
.auction-details-section
    .auction-details-content
    .question-and-wishlist-area
    li
    a {
    color: var(--paragraph-color2);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.5s;
}
.auction-details-section
    .auction-details-content
    .question-and-wishlist-area
    li
    a
    span {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 1px solid rgba(94, 94, 94, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.auction-details-section
    .auction-details-content
    .question-and-wishlist-area
    li
    a
    span
    svg {
    fill: var(--paragraph-color2);
    transition: 0.5s;
}
.auction-details-section
    .auction-details-content
    .question-and-wishlist-area
    li
    a:hover {
    color: var(--primary-color);
}
.auction-details-section
    .auction-details-content
    .question-and-wishlist-area
    li
    a:hover
    span {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}
.auction-details-section
    .auction-details-content
    .question-and-wishlist-area
    li
    a:hover
    span
    svg {
    fill: var(--white-color);
}
.auction-details-section .auction-details-content .notify-area {
    margin-bottom: 45px;
}
@media (max-width: 767px) {
    .auction-details-section .auction-details-content .notify-area {
        margin-bottom: 35px;
    }
}
.auction-details-section .auction-details-content .notify-area h6 {
    color: var(--title-color);
    font-size: 18px;
    font-family: var(--font-dmsans);
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    display: block;
    margin-bottom: 35px;
}
@media (max-width: 1199px) {
    .auction-details-section .auction-details-content .notify-area h6 {
        margin-bottom: 30px;
    }
}
.auction-details-section
    .auction-details-content
    .notify-area
    .notify-form-and-btn-area {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}
@media (max-width: 576px) {
    .auction-details-section
        .auction-details-content
        .notify-area
        .notify-form-and-btn-area {
        gap: 20px;
    }
}
.auction-details-section
    .auction-details-content
    .notify-area
    .notify-form-and-btn-area
    .form-inner {
    max-width: 356px;
    width: 100%;
}
@media (max-width: 767px) {
    .auction-details-section
        .auction-details-content
        .notify-area
        .notify-form-and-btn-area
        .form-inner {
        max-width: 460px;
    }
}
.auction-details-section
    .auction-details-content
    .notify-area
    .notify-form-and-btn-area
    .form-inner
    input {
    border: 1px solid var(--border-color2);
    border-radius: 5px;
    width: 100%;
}
.auction-details-section
    .auction-details-content
    .notify-area
    .notify-form-and-btn-area
    .primary-btn {
    font-size: 18px;
    border-radius: 4px;
    padding: 17px 37px;
}
@media (max-width: 576px) {
    .auction-details-section
        .auction-details-content
        .notify-area
        .notify-form-and-btn-area
        .primary-btn {
        font-size: 17px;
        padding: 13px 35px;
    }
}
.auction-details-section
    .auction-details-content
    .notify-area
    .notify-form-and-btn-area
    button {
    border: unset;
}
.auction-details-section.style-2 {
    padding: 110px 14% 0 6%;
}
@media (max-width: 1799px) {
    .auction-details-section.style-2 {
        padding: 110px 12% 0 3%;
    }
}
@media (max-width: 1699px) {
    .auction-details-section.style-2 {
        padding: 110px 8% 0 20px;
    }
}
@media (max-width: 1399px) {
    .auction-details-section.style-2 {
        padding: 110px 2% 0 20px;
    }
}
@media (max-width: 1199px) {
    .auction-details-section.style-2 {
        padding: 90px 2% 0 20px;
    }
}
@media (max-width: 767px) {
    .auction-details-section.style-2 {
        padding: 70px 10px 0 10px;
    }
}
@media (max-width: 576px) {
    .auction-details-section.style-2 {
        padding: 70px 0 0;
    }
}
.auction-details-section.style-2 .auction-details-img {
    margin-right: 0;
    display: flex;
    gap: 20px;
}
@media (max-width: 1199px) {
    .auction-details-section.style-2 .auction-details-img {
        flex-direction: column;
    }
}
.auction-details-section.style-2 .auction-details-img .nav-pills {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-section.style-2 .auction-details-img .nav-pills {
        gap: 15px;
    }
}
@media (max-width: 1199px) {
    .auction-details-section.style-2 .auction-details-img .nav-pills {
        flex-direction: row;
        justify-content: center;
        gap: 15px;
    }
}
.auction-details-section.style-2 .auction-details-img .nav-pills .nav-link img {
    max-width: 150px;
    min-width: 150px;
    height: 134px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-details-section.style-2
        .auction-details-img
        .nav-pills
        .nav-link
        img {
        max-width: 130px;
        min-width: 130px;
        height: 115px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-section.style-2
        .auction-details-img
        .nav-pills
        .nav-link
        img {
        max-width: 120px;
        min-width: 120px;
        height: 100px;
    }
}
@media (max-width: 991px) {
    .auction-details-section.style-2
        .auction-details-img
        .nav-pills
        .nav-link
        img {
        max-width: 120px;
        min-width: 120px;
        height: 100px;
    }
}
@media (max-width: 576px) {
    .auction-details-section.style-2
        .auction-details-img
        .nav-pills
        .nav-link
        img {
        max-width: 110px;
        min-width: 110px;
        height: 80px;
    }
}
.auction-details-section.style-2 .auction-details-img .auction-details-tab-img {
    height: 100%;
}
.auction-details-section.style-2
    .auction-details-img
    .auction-details-tab-img
    img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 1199px) {
    .auction-details-section.style-2
        .auction-details-img
        .auction-details-tab-img
        img {
        width: 100%;
        max-height: 590px;
    }
}
.auction-details-section.style-2 .auction-details-img .tab-content .tab-pane {
    height: 100%;
}
.auction-details-section.style-2 .auction-details-content {
    margin-bottom: 0;
}

.auction-details-description-area {
    scroll-margin-top: 150px;
}
.auction-details-description-area .auction-details-description-nav .nav-tabs {
    border-bottom: 1px solid rgba(35, 41, 31, 0.3);
    gap: 65px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .auction-details-description-area
        .auction-details-description-nav
        .nav-tabs {
        gap: 30px;
    }
}
@media (max-width: 1399px) {
    .auction-details-description-area
        .auction-details-description-nav
        .nav-tabs {
        gap: 30px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-description-area
        .auction-details-description-nav
        .nav-tabs {
        gap: 10px;
    }
}
@media (max-width: 991px) {
    .auction-details-description-area
        .auction-details-description-nav
        .nav-tabs {
        gap: 50px;
    }
}
@media (max-width: 767px) {
    .auction-details-description-area
        .auction-details-description-nav
        .nav-tabs {
        gap: 20px;
    }
}
.auction-details-description-area
    .auction-details-description-nav
    .nav-tabs
    .nav-link {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.36px;
    text-transform: capitalize;
    border: none;
    background: linear-gradient(
        to bottom,
        rgba(var(--primary-color2-opc), 1) 0%,
        rgba(var(--primary-color2-opc), 1) 98%
    );
    background-size: 0px 3px;
    background-repeat: no-repeat;
    background-position: right 100%;
    transition: background-size 0.75s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-description-area
        .auction-details-description-nav
        .nav-tabs
        .nav-link {
        padding: 10px;
    }
}
@media (max-width: 576px) {
    .auction-details-description-area
        .auction-details-description-nav
        .nav-tabs
        .nav-link {
        padding-bottom: 5px;
        margin-right: 15px;
        padding: 0;
    }
}
.auction-details-description-area
    .auction-details-description-nav
    .nav-tabs
    .nav-link.active {
    color: var(--title-color);
    background-size: 100% 3px;
    background-position: 0% 100%;
}
.auction-details-description-area
    .auction-details-description-tab
    .description-content
    h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.02em;
    margin-bottom: 15px;
}
@media (max-width: 576px) {
    .auction-details-description-area
        .auction-details-description-tab
        .description-content
        h3 {
        font-size: 28px;
    }
}
.auction-details-description-area
    .auction-details-description-tab
    .description-content
    p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 20px;
}
@media (max-width: 576px) {
    .auction-details-description-area
        .auction-details-description-tab
        .description-content
        p {
        font-size: 17px;
        margin-bottom: 15px;
    }
}
.auction-details-description-area
    .auction-details-description-tab
    .description-content
    p:last-child {
    margin-bottom: 0;
}
.auction-details-description-area
    .auction-details-description-tab
    .description-content
    ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
    margin-bottom: 50px;
    padding-top: 30px;
}
@media (max-width: 576px) {
    .auction-details-description-area
        .auction-details-description-tab
        .description-content
        ul {
        gap: 20px;
        flex-direction: column;
        align-items: start;
        padding-top: 20px;
        margin-bottom: 30px;
    }
}
.auction-details-description-area
    .auction-details-description-tab
    .description-content
    ul
    li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.02em;
}
.auction-details-description-area
    .auction-details-description-tab
    .description-content
    ul
    li
    svg {
    fill: var(--title-color);
}
.auction-details-description-area
    .auction-details-description-tab
    .addithonal-information
    .total-table2 {
    margin-bottom: 0;
}
.auction-details-description-area
    .auction-details-description-tab
    .addithonal-information
    .total-table2
    tbody
    tr {
    border-width: 1px;
    border-color: var(--border-color2);
}
.auction-details-description-area
    .auction-details-description-tab
    .addithonal-information
    .total-table2
    tbody
    tr
    td {
    border-width: 1px;
    border-color: var(--border-color2);
    padding: 15px;
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .auction-details-description-area
        .auction-details-description-tab
        .addithonal-information
        .total-table2
        tbody
        tr
        td {
        padding: 10px;
    }
}
.auction-details-description-area
    .auction-details-description-tab
    .addithonal-information
    .total-table2
    tbody
    tr
    td
    span {
    font-weight: 600;
    font-size: 16px;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    text-align: start;
    line-height: 26px;
}
@media (min-width: 992px) {
    .auction-details-description-area
        .auction-details-description-tab
        .addithonal-information
        .total-table2
        tbody
        tr
        td
        span {
        width: 25%;
    }
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .number-of-review {
    line-height: 1;
    margin-bottom: 40px;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .number-of-review
    h4 {
    line-height: 1;
    margin-bottom: 0;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 24px;
    font-weight: 600;
}
@media (max-width: 576px) {
    .auction-details-description-area
        .auction-details-description-tab
        .reviews-area
        .number-of-review
        h4 {
        font-size: 22px;
    }
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment {
    margin: 0;
    padding: 0;
    list-style: none;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    > li {
    margin-bottom: 20px;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    > li:last-child {
    margin-bottom: 0;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    .single-comment-area {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    .single-comment-area
    .author-img
    img {
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    .single-comment-area
    .comment-content
    .author-and-review
    .author-name-deg {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
    flex-wrap: wrap;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    .single-comment-area
    .comment-content
    .author-and-review
    .author-name-deg
    h6 {
    line-height: 1;
    margin-bottom: 0;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 600;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    .single-comment-area
    .comment-content
    .author-and-review
    .author-name-deg
    span {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    .single-comment-area
    .comment-content
    .author-and-review
    .review {
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 5px;
    line-height: 1;
    margin-bottom: 8px;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    .single-comment-area
    .comment-content
    .author-and-review
    .review
    li {
    line-height: 1;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    .single-comment-area
    .comment-content
    .author-and-review
    .review
    li
    i {
    color: #dda701;
    font-size: 12px;
}
.auction-details-description-area
    .auction-details-description-tab
    .reviews-area
    .comment
    .single-comment-area
    .comment-content
    p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form {
    background: #f1f7fe;
    padding: 50px 40px;
    border-radius: 10px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .auction-details-description-area
        .auction-details-description-tab
        .review-form {
        padding: 45px 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .auction-details-description-area
        .auction-details-description-tab
        .review-form {
        padding: 40px 30px;
    }
}
@media (max-width: 576px) {
    .auction-details-description-area
        .auction-details-description-tab
        .review-form {
        padding: 35px 20px;
    }
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .number-of-review {
    line-height: 1;
    margin-bottom: 30px;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .number-of-review
    h4 {
    line-height: 1;
    margin-bottom: 0;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 24px;
    font-weight: 600;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area {
    margin-bottom: 15px;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    p {
    margin-bottom: 5px;
    color: var(--title-color);
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    .rate {
    float: left;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    .rate:not(:checked)
    > input {
    position: absolute;
    top: -9999px;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    .rate:not(:checked)
    > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    color: #ccc;
    padding-right: 8px;
    display: inline-block;
    margin-right: 8px;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    .rate:not(:checked)
    > label::before {
    content: "\f586";
    font-family: bootstrap-icons !important;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    .rate
    input:checked
    ~ label {
    color: #dda701;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    .rate:not(:checked)
    > label:hover,
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    .rate:not(:checked)
    > label:hover
    ~ label {
    color: #dda701;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    input:checked
    + label:hover,
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    input:checked
    + label:hover
    ~ label,
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    input:checked
    ~ label:hover,
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    input:checked
    ~ label:hover
    ~ label,
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    .form-inner2
    .review-rate-area
    label:hover
    ~ input:checked
    ~ label {
    color: #dda701;
}
.auction-details-description-area
    .auction-details-description-tab
    .review-form
    button {
    border: unset;
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content {
    text-align: center;
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}
@media (max-width: 1199px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        h2 {
        font-size: 38px;
    }
}
@media (max-width: 767px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        h2 {
        font-size: 35px;
    }
}
@media (max-width: 576px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        h2 {
        font-size: 32px;
        margin-bottom: 5px;
    }
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    p {
    margin-bottom: 0;
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    ul {
    max-width: 870px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    padding-top: 0;
}
@media (max-width: 991px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        ul {
        gap: 20px;
    }
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    ul
    li {
    margin-right: 40px;
}
@media (max-width: 1199px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        ul
        li {
        margin-right: 30px;
    }
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    ul
    li:last-child {
    margin-right: 0;
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    .video-wrapper {
    position: relative;
    margin: 60px 0;
}
@media (max-width: 1199px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        .video-wrapper {
        margin: 40px 0;
    }
}
@media (max-width: 767px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        .video-wrapper {
        margin: 30px 0;
    }
}
@media (max-width: 576px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        .video-wrapper
        img {
        min-height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    .video-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--primary-color2-opc), 0.5);
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    .video-wrapper
    .video-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    .video-wrapper
    .video-area
    .icon {
    position: relative;
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    .video-wrapper
    .video-area
    .icon
    .video-circle {
    stroke: var(--white-color);
    fill: none;
    transition: 0.5s;
}
@media (max-width: 767px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        .video-wrapper
        .video-area
        .icon
        .video-circle {
        width: 50px;
    }
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    .video-wrapper
    .video-area
    .icon
    .video-circle
    .top-half {
    stroke-dasharray: 320;
    stroke-dashoffset: 320;
    transition: stroke-dashoffset 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    .video-wrapper
    .video-area
    .icon
    i {
    color: var(--white-color);
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .description-content
        .video-wrapper
        .video-area
        .icon
        i {
        font-size: 30px;
    }
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .description-content
    .video-wrapper
    .video-area:hover
    .icon
    .video-circle
    .top-half {
    stroke-dashoffset: 0;
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .reviews-area
    .comment
    > li {
    margin-bottom: 35px;
}
.auction-details-description-area.style-2
    .auction-details-description-tab
    .reviews-area
    .comment
    > li:last-child {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .auction-details-description-area.style-2
        .auction-details-description-tab
        .reviews-area
        .comment
        > li {
        margin-bottom: 25px;
    }
}

/*=====================================
 77. Category Grid Page
========================================*/
.category-grid-section .category-card .category-content {
    background-color: #f9f3f3;
}
@media (max-width: 991px) {
    .category-grid-section .category-card .category-content {
        padding: 60px 10px 25px;
    }
}
@media (max-width: 767px) {
    .category-grid-section .category-card .category-content h5 a {
        font-size: 17px;
    }
}
@media (max-width: 767px) {
    .category-grid-section .category-card .category-content span {
        font-size: 13px;
    }
}

/*=====================================
 78. Contact Page
========================================*/
.contact-page .single-contact {
    border: 1px solid rgba(var(--title-color-opc), 0.1);
    border-radius: 10px;
    padding: 25px 50px;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}
@media (max-width: 991px) {
    .contact-page .single-contact {
        padding: 20px 30px;
    }
}
.contact-page .single-contact .title {
    line-height: 1;
    background-color: var(--white-color);
    position: absolute;
    left: 35px;
    top: -8px;
    padding: 0 20px;
}
.contact-page .single-contact .title h6 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}
.contact-page .single-contact .icon {
    height: 47px;
    min-width: 47px;
    max-width: 47px;
    border-radius: 50px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-page .single-contact .icon svg {
    fill: var(--white-color);
}
.contact-page .single-contact .content {
    line-height: 1;
}
.contact-page .single-contact .content h6 {
    margin-bottom: 0;
}
.contact-page .single-contact .content h6 a {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    padding-top: 10px;
    transition: 0.35s;
}
.contact-page .single-contact .content h6 a:hover {
    color: var(--primary-color);
}

.contact-form-area {
    background: #f1f7fe;
    border: 1px solid rgba(var(--title-color-opc), 0.1);
    border-radius: 10px;
    padding: 40px 70px;
    margin-left: 75px;
}
@media (max-width: 1399px) {
    .contact-form-area {
        padding: 40px 40px;
        margin-left: 50px;
    }
}
@media (max-width: 1199px) {
    .contact-form-area {
        margin-left: 30px;
    }
}
@media (max-width: 991px) {
    .contact-form-area {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .contact-form-area {
        padding: 40px 30px;
    }
}
@media (max-width: 576px) {
    .contact-form-area {
        padding: 40px 20px;
    }
}
.contact-form-area button {
    border: none;
}

.contact-map {
    line-height: 0.6;
    position: relative;
    padding: 0 70px;
}
@media (max-width: 1699px) {
    .contact-map {
        padding: 0 50px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .contact-map {
        padding: 0 25px;
    }
}
@media (max-width: 1399px) {
    .contact-map {
        padding: 0 20px;
    }
}
@media (max-width: 1199px) {
    .contact-map {
        padding: 0;
    }
}
.contact-map iframe {
    width: 100%;
    min-height: 700px;
}
@media (max-width: 1399px) {
    .contact-map iframe {
        min-height: 600px;
    }
}
@media (max-width: 991px) {
    .contact-map iframe {
        min-height: 500px;
    }
}

/*=====================================
 79. Terms and Conditions Page
========================================*/
.terms-and-conditions-page .update-date {
    display: flex;
    align-items: center;
    gap: 48px;
    line-height: 1;
}
@media (max-width: 576px) {
    .terms-and-conditions-page .update-date {
        gap: 30px;
    }
}
.terms-and-conditions-page .update-date h6 {
    margin-bottom: 0;
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}
.terms-and-conditions-page .update-date h6 i {
    color: var(--primary-color);
}
.terms-and-conditions-page .update-date h6::after {
    content: "";
    width: 28px;
    height: 1px;
    background-color: var(--primary-color2);
    position: absolute;
    right: -38px;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 576px) {
    .terms-and-conditions-page .update-date h6::after {
        width: 18px;
        right: -24px;
    }
}
.terms-and-conditions-page .update-date p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}
.terms-and-conditions-page .terms-and-conditions h2 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .terms-and-conditions-page .terms-and-conditions h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }
}
.terms-and-conditions-page .terms-and-conditions h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .terms-and-conditions-page .terms-and-conditions h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }
}
@media (max-width: 576px) {
    .terms-and-conditions-page .terms-and-conditions h3 {
        font-size: 25px;
    }
}
.terms-and-conditions-page .terms-and-conditions p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
}
@media (max-width: 576px) {
    .terms-and-conditions-page .terms-and-conditions p {
        font-size: 15px;
    }
}
.terms-and-conditions-page .terms-and-conditions p:last-child {
    margin-bottom: 0;
}
.terms-and-conditions-page .terms-and-conditions ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 50px;
    margin-bottom: 20px;
    padding-top: 5px;
}
@media (max-width: 991px) {
    .terms-and-conditions-page .terms-and-conditions ul {
        padding-left: 30px;
    }
}
@media (max-width: 767px) {
    .terms-and-conditions-page .terms-and-conditions ul {
        padding-left: 20px;
    }
}
.terms-and-conditions-page .terms-and-conditions ul li {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
}
@media (max-width: 576px) {
    .terms-and-conditions-page .terms-and-conditions ul li {
        font-size: 15px;
    }
}
.terms-and-conditions-page .terms-and-conditions ul li strong {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
}
@media (max-width: 576px) {
    .terms-and-conditions-page .terms-and-conditions ul li strong {
        font-size: 15px;
    }
}
.terms-and-conditions-page .terms-and-conditions .btn-area {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 50px;
}
@media (max-width: 991px) {
    .terms-and-conditions-page .terms-and-conditions .btn-area {
        padding-top: 40px;
    }
}
@media (max-width: 767px) {
    .terms-and-conditions-page .terms-and-conditions .btn-area {
        padding-top: 30px;
    }
}
.terms-and-conditions-page .terms-and-conditions .btn-area button {
    border: unset;
}
.terms-and-conditions-page .terms-and-conditions .btn-area .primary-btn {
    font-size: 17px;
    padding: 12px 25px;
}
.terms-and-conditions-page .terms-and-conditions.two ul {
    margin-bottom: 0;
}

/*=====================================
 80. Error Page
========================================*/
.error-page .error-wrap {
    text-align: center;
}
.error-page .error-wrap .error-content {
    padding-top: 50px;
}
@media (max-width: 576px) {
    .error-page .error-wrap .error-content {
        padding-top: 35px;
    }
}
.error-page .error-wrap .error-content h1 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 65px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 25px;
}
@media (max-width: 1199px) {
    .error-page .error-wrap .error-content h1 {
        font-size: 55px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .error-page .error-wrap .error-content h1 {
        font-size: 50px;
    }
}
@media (max-width: 576px) {
    .error-page .error-wrap .error-content h1 {
        font-size: 45px;
        margin-bottom: 15px;
    }
}
.error-page .error-wrap .error-content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.03em;
    margin-bottom: 50px;
}
@media (max-width: 1199px) {
    .error-page .error-wrap .error-content p {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .error-page .error-wrap .error-content p {
        margin-bottom: 30px;
    }
}
.error-page .error-wrap .error-content .primary-btn {
    font-size: 17px;
    font-weight: 700;
    width: 107px;
    height: 107px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*=====================================
 81. Support Center Page
========================================*/
.support-center-section .pb-70 {
    padding-bottom: 40px;
}
@media (max-width: 991px) {
    .support-center-section .pb-70 {
        padding-bottom: 0;
    }
}
.support-center-section .pt-70 {
    padding-top: 65px;
}
@media (max-width: 991px) {
    .support-center-section .pt-70 {
        padding-top: 0;
    }
}
.support-center-section .pl-30 {
    padding-left: 15px;
}
@media (max-width: 991px) {
    .support-center-section .pl-30 {
        padding-left: 0;
    }
}
.support-center-section .pr-30 {
    padding-right: 15px;
}
@media (max-width: 991px) {
    .support-center-section .pr-30 {
        padding-right: 0;
    }
}
.support-center-section .support-border-bottom {
    position: relative;
}
.support-center-section .support-border-bottom::after {
    content: "";
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(var(--title-color-opc), 0.2);
}
@media (max-width: 991px) {
    .support-center-section .support-border-bottom::after {
        display: none;
    }
}
.support-center-section .divider {
    position: relative;
}
.support-center-section .divider::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: rgba(var(--title-color-opc), 0.2);
    right: 0;
    top: 0;
}
@media (max-width: 991px) {
    .support-center-section .divider::after {
        display: none;
    }
}
.support-center-section .single-support {
    display: flex;
    gap: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .support-center-section .single-support {
        gap: 12px;
    }
}
@media (max-width: 991px) {
    .support-center-section .single-support {
        padding: 30px 20px;
        border: 1px solid rgba(var(--title-color-opc), 0.2);
        flex-direction: column;
    }
}
@media (max-width: 576px) {
    .support-center-section .single-support {
        gap: 15px;
    }
}
.support-center-section .single-support .icon svg {
    fill: var(--paragraph-color);
}
.support-center-section .single-support .content h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
}
.support-center-section .single-support .content h3 a {
    color: var(--title-color);
}
@media (min-width: 992px) and (max-width: 1199px) {
    .support-center-section .single-support .content h3 {
        font-size: 26px;
    }
}
.support-center-section .single-support .content span {
    color: rgba(var(--title-color-opc), 0.6);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    display: block;
    position: relative;
    padding-left: 40px;
}
.support-center-section .single-support .content span::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 30px;
    height: 2px;
    background-color: rgba(var(--title-color-opc), 0.6);
}
.support-center-section .single-support .content p {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.02em;
    padding: 25px 0;
}
@media (max-width: 576px) {
    .support-center-section .single-support .content p {
        padding: 20px 0;
    }
}
.support-center-section .single-support .content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    -moz-columns: 2;
    columns: 2;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .support-center-section .single-support .content ul {
        -moz-columns: 1;
        columns: 1;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .support-center-section .single-support .content ul {
        -moz-columns: 1;
        columns: 1;
    }
}
@media (max-width: 576px) {
    .support-center-section .single-support .content ul {
        -moz-columns: unset;
        columns: unset;
    }
}
.support-center-section .single-support .content ul li {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
}
.support-center-section .single-support .content ul li i {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 1;
}

/*=====================================
 82. Store List Page
========================================*/
.store-card {
    border: 1px solid #e7e8ec;
    border-radius: 15px;
}
.store-card .store-card-cover-photo {
    position: relative;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}
.store-card .store-card-cover-photo::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(var(--primary-color2-opc), 0.4);
    border-radius: 14px 14px 0 0;
    z-index: 1;
}
.store-card .store-card-cover-photo img {
    border-radius: 14px 14px 0 0;
    transition: all 0.5s ease-out;
}
.store-card .store-card-content {
    padding: 0 20px 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .store-card .store-card-content {
        padding: 0 15px 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .store-card .store-card-content {
        padding: 0 15px 20px;
    }
}
.store-card .store-card-content .profile-area {
    display: flex;
    align-items: end;
    gap: 12px;
    margin-top: -50px;
    position: relative;
    z-index: 2;
    margin-bottom: 50px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .store-card .store-card-content .profile-area {
        margin-top: -25px;
        margin-bottom: 40px;
    }
}
.store-card .store-card-content .profile-area .profile-img img {
    min-width: 84px;
    max-width: 84px;
    height: 84px;
    border-radius: 50%;
}
.store-card .store-card-content .profile-area .profile-content {
    line-height: 1;
    padding-top: 60px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .store-card .store-card-content .profile-area .profile-content {
        padding-top: 30px;
    }
}
.store-card .store-card-content .profile-area .profile-content h5 {
    margin-bottom: 3px;
}
.store-card .store-card-content .profile-area .profile-content h5 a {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    transition: 0.5s;
}
.store-card .store-card-content .profile-area .profile-content h5 a:hover {
    color: var(--primary-color);
}
.store-card .store-card-content .profile-area .profile-content span {
    color: var(--paragraph-color2);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}
.store-card .store-card-content .contact-area {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 40px;
}
.store-card .store-card-content .contact-area .single-contact {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 45px;
    position: relative;
}
.store-card .store-card-content .contact-area .single-contact::before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(216, 118, 45, 0.7) 0%,
        rgba(0, 255, 199, 0) 75.77%
    );
}
.store-card .store-card-content .contact-area .single-contact:last-child {
    margin-bottom: 0;
}
.store-card
    .store-card-content
    .contact-area
    .single-contact:last-child::before {
    display: none;
}
.store-card .store-card-content .contact-area .single-contact .icon svg {
    fill: var(--primary-color);
}
.store-card .store-card-content .contact-area .single-contact .content h6 {
    margin-bottom: 0;
}
.store-card .store-card-content .contact-area .single-contact .content h6 a {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    transition: 0.5s;
}
.store-card
    .store-card-content
    .contact-area
    .single-contact
    .content
    h6
    a:hover {
    color: var(--primary-color);
}
.store-card .store-card-content .primary-btn {
    background-color: transparent;
    border: 1px solid rgba(34, 34, 34, 0.5);
    border-radius: 5px;
    font-size: 14px;
    color: rgba(34, 34, 34, 0.5);
    padding: 8px 16px;
}
.store-card .store-card-content .primary-btn i {
    color: rgba(34, 34, 34, 0.5);
    transition: 0.5s;
}
.store-card .store-card-content .primary-btn i::before {
    font-weight: 600 !important;
}
.store-card .store-card-content .primary-btn span {
    background-color: var(--primary-color);
}
.store-card .store-card-content .primary-btn:hover {
    color: var(--white-color);
    border-color: var(--primary-color);
}
.store-card .store-card-content .primary-btn:hover i {
    color: var(--white-color);
}
.store-card:hover .store-card-cover-photo img {
    transform: scale(1.1);
}

/*=====================================
 83. Store Details Page
========================================*/
.store-details-section
    .store-details-profile-area
    .store-details-profile-cover-photo {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.store-details-section
    .store-details-profile-area
    .store-details-profile-cover-photo::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(var(--primary-color2-opc), 0.3);
    border-radius: 10px;
    z-index: 1;
}
.store-details-section
    .store-details-profile-area
    .store-details-profile-cover-photo
    img {
    border-radius: 10px;
}
@media (max-width: 991px) {
    .store-details-section
        .store-details-profile-area
        .store-details-profile-cover-photo
        img {
        min-height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.store-details-section .store-details-profile-area .profile-info-wrap {
    margin-top: -80px;
    position: relative;
    z-index: 2;
}
@media (max-width: 991px) {
    .store-details-section .store-details-profile-area .profile-info-wrap {
        margin-top: -75px;
    }
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .single-contact {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top: 30px;
}
@media (max-width: 991px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .single-contact {
        padding-top: 0;
        max-width: 500px;
        width: 100%;
    }
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .single-contact
    .icon
    svg {
    fill: var(--primary-color);
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .single-contact
    .content
    h6 {
    margin-bottom: 0;
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .single-contact
    .content
    h6
    a {
    color: var(--paragraph-color);
    font-family: var(--font-dmsans);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .single-contact
        .content
        h6
        a {
        font-size: 16px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .single-contact
        .content
        h6
        a {
        font-size: 16px;
    }
}
@media (max-width: 576px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .single-contact
        .content
        h6
        a {
        font-size: 16px;
    }
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .single-contact
    .content
    h6
    a
    strong {
    color: var(--title-color);
    font-weight: 600;
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .single-contact
    .content
    h6
    a:hover {
    color: var(--primary-color);
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .profile-area {
    text-align: center;
}
@media (max-width: 991px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area {
        text-align: start;
        display: flex;
        align-items: end;
        gap: 15px;
        margin-bottom: 10px;
    }
}
@media (max-width: 576px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area {
        gap: 10px;
    }
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .profile-area
    .profile-img {
    min-width: 155px;
    max-width: 155px;
    height: 155px;
    border-radius: 50%;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area
        .profile-img {
        min-width: 125px;
        max-width: 125px;
        height: 125px;
        margin-bottom: 0;
    }
}
@media (max-width: 576px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area
        .profile-img {
        min-width: 105px;
        max-width: 105px;
        height: 105px;
    }
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .profile-area
    .profile-img
    img {
    min-width: 150px;
    max-width: 150px;
    height: 150px;
    border-radius: 50%;
}
@media (max-width: 991px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area
        .profile-img
        img {
        min-width: 120px;
        max-width: 120px;
        height: 120px;
    }
}
@media (max-width: 576px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area
        .profile-img
        img {
        min-width: 100px;
        max-width: 100px;
        height: 100px;
    }
}
@media (max-width: 991px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area
        .profile-content {
        padding-top: 75px;
    }
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .profile-area
    .profile-content
    h3 {
    color: var(--title-color);
    font-family: var(--font-dmsans);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area
        .profile-content
        h3 {
        font-size: 26px;
    }
}
@media (max-width: 576px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area
        .profile-content
        h3 {
        font-size: 23px;
    }
}
.store-details-section
    .store-details-profile-area
    .profile-info-wrap
    .profile-area
    .profile-content
    span {
    color: var(--paragraph-color2);
    font-family: var(--font-dmsans);
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}
@media (max-width: 991px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area
        .profile-content
        span {
        font-size: 17px;
    }
}
@media (max-width: 576px) {
    .store-details-section
        .store-details-profile-area
        .profile-info-wrap
        .profile-area
        .profile-content
        span {
        font-size: 16px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .store-details-section
        .auction-card
        .auction-card-img-wrap
        .countdown-timer {
        width: 200px;
        height: 45px;
        padding: 0 15px;
    }
    .store-details-section
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul {
        gap: 8px;
    }
    .store-details-section
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul
        li {
        font-size: 15px;
    }
    .store-details-section
        .auction-card
        .auction-card-img-wrap
        .countdown-timer
        ul
        li
        span {
        font-size: 11px;
    }
    .store-details-section .auction-card .auction-card-content {
        padding: 15px 10px;
    }
    .store-details-section
        .auction-card
        .auction-card-content
        .price-and-code-area {
        gap: 10px;
    }
    .store-details-section
        .auction-card
        .auction-card-content
        .price-and-code-area
        .price
        span {
        font-size: 11px;
    }
    .store-details-section
        .auction-card
        .auction-card-content
        .price-and-code-area
        .price
        strong {
        font-size: 20px;
    }
    .store-details-section
        .auction-card
        .auction-card-content
        .price-and-code-area
        .bid-btn {
        font-size: 12px;
        padding: 7px 14px;
    }
} /*# sourceMappingURL=style.css.map */

.home2-header-logo img {
    width: 250px;
}

/* latin-ext */
@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2)
        format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Fp2ywxg089UriCZa4Hz-D.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Hp2ywxg089UriCZ2IHSeH.woff2)
        format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Hp2ywxg089UriCZOIHQ.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: "Playfair Display";
    font-style: italic;
    font-weight: 400 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFkD-vYSZviVYUb_rj3ij__anPXDTnohkk72xU.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: "Playfair Display";
    font-style: italic;
    font-weight: 400 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojUk72xU.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Playfair Display";
    font-style: italic;
    font-weight: 400 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojEk72xU.woff2)
        format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Playfair Display";
    font-style: italic;
    font-weight: 400 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2)
        format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.countdown-timer p.timer {
    margin: 0;
    font-size: 32px;
    font-weight: 900;
    color: #000;
}

auction-card {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 24px;
            max-width: 600px;
            margin: 20px auto;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        
        .badge-extra {
            background: #ffc107;
            color: #000;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 0.75rem;
        }
        
        .badge-reserve {
            background: #dc3545;
            color: #fff;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 0.75rem;
            margin-left: 8px;
        }
        
        .current-bid {
            font-size: 2.5rem;
            font-weight: 700;
            color: #212529;
            margin: 16px 0;
        }
        
        .user-avatar {
            width: 24px;
            height: 24px;
            background: #6c757d;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 0.75rem;
            font-weight: 600;
            margin-right: 8px;
        }
        
        .info-row {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
            color: #6c757d;
            font-size: 0.9rem;
        }
        
        .info-label {
            font-weight: 600;
            margin-right: 16px;
            min-width: 80px;
        }
        
        .info-icon {
            width: 16px;
            margin-right: 8px;
            color: #6c757d;
        }
        
        .how-buying-link {
            color: #6c757d;
            text-decoration: none;
            font-size: 0.9rem;
            margin-top: 16px;
            display: inline-flex;
            align-items: center;
        }
        
        .how-buying-link:hover {
            color: #495057;
            text-decoration: underline;
        }
        
        .question-icon {
            width: 16px;
            height: 16px;
            border: 2px solid #6c757d;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.7rem;
            margin-right: 8px;
            font-weight: 600;
        }
        .auction-card-detail * {
    color: white;
}

.bids-area .author-name-deg {
    display: flex;
    gap: 0.5rem;
    align-items: end;
    margin-bottom: 0.5rem;
}

.bids-area .author-name-deg h6 {
    font-size: 20px;
    margin: 0;
}

.bids-area .author-name-deg span {
    font-size: 11px;
}
.bids-area ul li {
    border-bottom: 1px solid var(--border-color2);
    padding: 1rem 0;
}

.countdown-timer p {
    color: black;
}

.add-comment-form textarea[name="comment"] {
    border: 2px solid;
}

.add-comment-form textarea[name="comment"]:focus {
    border: 2px solid #00296b;
}



label.form-label {
    display: block;
}



.auction-details-tab-img {
    width: 100%;
    height: 100%;
}

.auction-details-tab-img img {
    width: 100%;
    object-fit: cover;
}
.dz-message {
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    flex-direction: column;
}