@font-face {
    font-family: "Mabry Pro";
    src: url(fonts/MabryPro-Bold.eot);
    src: local("Mabry Pro Bold"), local("../fonts/MabryPro-Bold"), url(fonts/MabryPro-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/MabryPro-Bold.woff2) format("woff2"), url(fonts/MabryPro-Bold.woff) format("woff"), url(fonts/MabryPro-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Mabry Pro";
    src: url(fonts/MabryPro-Medium.eot);
    src: local("Mabry Pro Medium"), local("../fonts/MabryPro-Medium"), url(fonts/MabryPro-Medium.eot?#iefix) format("embedded-opentype"), url(fonts/MabryPro-Medium.woff2) format("woff2"), url(fonts/MabryPro-Medium.woff) format("woff"), url(fonts/MabryPro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Mabry Pro";
    src: url(fonts/MabryPro-Black.eot);
    src: local("Mabry Pro Black"), local("../fonts/MabryPro-Black"), url(fonts/MabryPro-Black.eot?#iefix) format("embedded-opentype"), url(fonts/MabryPro-Black.woff2) format("woff2"), url(fonts/MabryPro-Black.woff) format("woff"), url(fonts/MabryPro-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Mabry Pro";
    src: url(fonts/MabryPro-Light.eot);
    src: local("Mabry Pro Light"), local("../fonts/MabryPro-Light"), url(fonts/MabryPro-Light.eot?#iefix) format("embedded-opentype"), url(fonts/MabryPro-Light.woff2) format("woff2"), url(fonts/MabryPro-Light.woff) format("woff"), url(fonts/MabryPro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Mabry Pro";
    src: url(fonts/MabryPro-Regular.eot);
    src: local("Mabry Pro"), local("../fonts/MabryPro-Regular"), url(fonts/MabryPro-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/MabryPro-Regular.woff2) format("woff2"), url(fonts/MabryPro-Regular.woff) format("woff"), url(fonts/MabryPro-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

: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: #FCBA1D;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #BC0303;
    --bs-light: #f8f9fa;
    --bs-dark: #212121;
    --bs-primary-rgb: 252, 186, 29;
    --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: 188, 3, 3;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 33, 33;
    --bs-primary-text-emphasis: #654a0c;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #4b0101;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #fef1d2;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f2cdcd;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #fee3a5;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #e49a9a;
    --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: "Mabry Pro", sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 300;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212121;
    --bs-body-color-rgb: 33, 33, 33;
    --bs-body-bg: #FAF8F3;
    --bs-body-bg-rgb: 250, 248, 243;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 33, 33, 0.75);
    --bs-secondary-color-rgb: 33, 33, 33;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 33, 33, 0.5);
    --bs-tertiary-color-rgb: 33, 33, 33;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #FCBA1D;
    --bs-link-color-rgb: 252, 186, 29;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #ca9517;
    --bs-link-hover-color-rgb: 202, 149, 23;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212121;
    --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(252, 186, 29, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #BC0303;
    --bs-form-invalid-border-color: #BC0303
}

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

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

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

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

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: .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] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

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

ol,
ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

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

mark,
.mark {
    padding: .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
}

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

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

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

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

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color)
}

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: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

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

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

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

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

textarea {
    resize: vertical
}

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

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

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

legend+* {
    clear: left
}

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

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

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

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

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

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-inline-item:not(:last-child) {
    margin-right: .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: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: 0.875em;
    color: var(--bs-secondary-color)
}

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

@media(min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1120px
    }
}

@media(min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px
    }
}

@media(min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1820px
    }
}

: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)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.grid {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 1.5rem)
}

.grid .g-col-1 {
    grid-column: auto/span 1
}

.grid .g-col-2 {
    grid-column: auto/span 2
}

.grid .g-col-3 {
    grid-column: auto/span 3
}

.grid .g-col-4 {
    grid-column: auto/span 4
}

.grid .g-col-5 {
    grid-column: auto/span 5
}

.grid .g-col-6 {
    grid-column: auto/span 6
}

.grid .g-col-7 {
    grid-column: auto/span 7
}

.grid .g-col-8 {
    grid-column: auto/span 8
}

.grid .g-col-9 {
    grid-column: auto/span 9
}

.grid .g-col-10 {
    grid-column: auto/span 10
}

.grid .g-col-11 {
    grid-column: auto/span 11
}

.grid .g-col-12 {
    grid-column: auto/span 12
}

.grid .g-start-1 {
    grid-column-start: 1
}

.grid .g-start-2 {
    grid-column-start: 2
}

.grid .g-start-3 {
    grid-column-start: 3
}

.grid .g-start-4 {
    grid-column-start: 4
}

.grid .g-start-5 {
    grid-column-start: 5
}

.grid .g-start-6 {
    grid-column-start: 6
}

.grid .g-start-7 {
    grid-column-start: 7
}

.grid .g-start-8 {
    grid-column-start: 8
}

.grid .g-start-9 {
    grid-column-start: 9
}

.grid .g-start-10 {
    grid-column-start: 10
}

.grid .g-start-11 {
    grid-column-start: 11
}

@media(min-width: 576px) {
    .grid .g-col-sm-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-sm-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-sm-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-sm-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-sm-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-sm-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-sm-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-sm-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-sm-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-sm-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-sm-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-sm-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-sm-1 {
        grid-column-start: 1
    }

    .grid .g-start-sm-2 {
        grid-column-start: 2
    }

    .grid .g-start-sm-3 {
        grid-column-start: 3
    }

    .grid .g-start-sm-4 {
        grid-column-start: 4
    }

    .grid .g-start-sm-5 {
        grid-column-start: 5
    }

    .grid .g-start-sm-6 {
        grid-column-start: 6
    }

    .grid .g-start-sm-7 {
        grid-column-start: 7
    }

    .grid .g-start-sm-8 {
        grid-column-start: 8
    }

    .grid .g-start-sm-9 {
        grid-column-start: 9
    }

    .grid .g-start-sm-10 {
        grid-column-start: 10
    }

    .grid .g-start-sm-11 {
        grid-column-start: 11
    }
}

@media(min-width: 768px) {
    .grid .g-col-md-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-md-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-md-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-md-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-md-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-md-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-md-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-md-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-md-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-md-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-md-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-md-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-md-1 {
        grid-column-start: 1
    }

    .grid .g-start-md-2 {
        grid-column-start: 2
    }

    .grid .g-start-md-3 {
        grid-column-start: 3
    }

    .grid .g-start-md-4 {
        grid-column-start: 4
    }

    .grid .g-start-md-5 {
        grid-column-start: 5
    }

    .grid .g-start-md-6 {
        grid-column-start: 6
    }

    .grid .g-start-md-7 {
        grid-column-start: 7
    }

    .grid .g-start-md-8 {
        grid-column-start: 8
    }

    .grid .g-start-md-9 {
        grid-column-start: 9
    }

    .grid .g-start-md-10 {
        grid-column-start: 10
    }

    .grid .g-start-md-11 {
        grid-column-start: 11
    }
}

@media(min-width: 992px) {
    .grid .g-col-lg-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-lg-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-lg-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-lg-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-lg-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-lg-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-lg-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-lg-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-lg-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-lg-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-lg-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-lg-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-lg-1 {
        grid-column-start: 1
    }

    .grid .g-start-lg-2 {
        grid-column-start: 2
    }

    .grid .g-start-lg-3 {
        grid-column-start: 3
    }

    .grid .g-start-lg-4 {
        grid-column-start: 4
    }

    .grid .g-start-lg-5 {
        grid-column-start: 5
    }

    .grid .g-start-lg-6 {
        grid-column-start: 6
    }

    .grid .g-start-lg-7 {
        grid-column-start: 7
    }

    .grid .g-start-lg-8 {
        grid-column-start: 8
    }

    .grid .g-start-lg-9 {
        grid-column-start: 9
    }

    .grid .g-start-lg-10 {
        grid-column-start: 10
    }

    .grid .g-start-lg-11 {
        grid-column-start: 11
    }
}

@media(min-width: 1200px) {
    .grid .g-col-xl-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-xl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xl-11 {
        grid-column-start: 11
    }
}

@media(min-width: 1400px) {
    .grid .g-col-xxl-1 {
        grid-column: auto/span 1
    }

    .grid .g-col-xxl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xxl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xxl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xxl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xxl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xxl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xxl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xxl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xxl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xxl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xxl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xxl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xxl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xxl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xxl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xxl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xxl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xxl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xxl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xxl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xxl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xxl-11 {
        grid-column-start: 11
    }
}

.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: .5rem .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: .25rem .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(even) {
    --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: #fef1d2;
    --bs-table-border-color: #cbc1a8;
    --bs-table-striped-bg: #f1e5c8;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e5d9bd;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ebdfc2;
    --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: #f2cdcd;
    --bs-table-border-color: #c2a4a4;
    --bs-table-striped-bg: #e6c3c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dab9b9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e0bebe;
    --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: #212121;
    --bs-table-border-color: #4d4d4d;
    --bs-table-striped-bg: #2c2c2c;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373737;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323232;
    --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: .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: .25rem;
    font-size: 0.875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .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: 0;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(252, 186, 29, .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::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

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

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: .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 .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: rgba(0, 0, 0, 0);
    border: solid rgba(0, 0, 0, 0);
    border-width: var(--bs-border-width) 0
}

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

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

.form-control-sm {
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: 0.875rem
}

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

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

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -0.5rem -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: .375rem
}

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

.form-control-color::-moz-color-swatch {
    border: 0 !important
}

.form-control-color::-webkit-color-swatch {
    border: 0 !important
}

.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=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: 0;
    outline: 0;
    box-shadow: 0 0 0 0 0
}

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

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

.form-select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: 0.875rem
}

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

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .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: .25em;
    vertical-align: top;
    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);
    print-color-adjust: exact
}

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

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

.form-check-input:focus {
    border-color: 0;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(252, 186, 29, .25)
}

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

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

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

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

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

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

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

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    transition: background-position .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=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%270%27/%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=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%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: .65
}

.form-range {
    width: 100%;
    height: 1rem;
    padding: 0;
    appearance: none;
    background-color: rgba(0, 0, 0, 0)
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #faf8f3, 0 0 0 .25rem rgba(252, 186, 29, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #faf8f3, 0 0 0 .25rem rgba(252, 186, 29, .25)
}

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

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

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

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

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: rgba(0, 0, 0, 0)
}

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

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

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

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: rgba(0, 0, 0, 0)
}

.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 .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .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 .75rem
}

.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
    color: rgba(0, 0, 0, 0)
}

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

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

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

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

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

.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>:disabled~label,
.form-floating>.form-control:disabled~label {
    color: #6c757d
}

.form-floating>:disabled~label::after,
.form-floating>.form-control: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-select,
.input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

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

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

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

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 300;
    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)
}

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

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: 0.875rem
}

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

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

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .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: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: var(--bs-success)
}

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

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

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

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

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

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

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

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

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

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

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

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .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: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: var(--bs-danger)
}

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

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

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

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

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

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

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

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

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

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

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

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 300;
    --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), .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;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

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

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

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

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

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

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

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

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #FCBA1D;
    --bs-btn-border-color: #FCBA1D;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fcc43f;
    --bs-btn-hover-border-color: #fcc134;
    --bs-btn-focus-shadow-rgb: 214, 158, 25;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fdc84a;
    --bs-btn-active-border-color: #fcc134;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FCBA1D;
    --bs-btn-disabled-border-color: #FCBA1D
}

.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: #BC0303;
    --bs-btn-border-color: #BC0303;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a00303;
    --bs-btn-hover-border-color: #960202;
    --bs-btn-focus-shadow-rgb: 198, 41, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #960202;
    --bs-btn-active-border-color: #8d0202;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #BC0303;
    --bs-btn-disabled-border-color: #BC0303
}

.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: #212121;
    --bs-btn-border-color: #212121;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424242;
    --bs-btn-hover-border-color: #373737;
    --bs-btn-focus-shadow-rgb: 66, 66, 66;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d4d4d;
    --bs-btn-active-border-color: #373737;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212121;
    --bs-btn-disabled-border-color: #212121
}

.btn-outline-primary {
    --bs-btn-color: #FCBA1D;
    --bs-btn-border-color: #FCBA1D;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FCBA1D;
    --bs-btn-hover-border-color: #FCBA1D;
    --bs-btn-focus-shadow-rgb: 252, 186, 29;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FCBA1D;
    --bs-btn-active-border-color: #FCBA1D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FCBA1D;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FCBA1D;
    --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: #BC0303;
    --bs-btn-border-color: #BC0303;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #BC0303;
    --bs-btn-hover-border-color: #BC0303;
    --bs-btn-focus-shadow-rgb: 188, 3, 3;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #BC0303;
    --bs-btn-active-border-color: #BC0303;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #BC0303;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #BC0303;
    --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: #212121;
    --bs-btn-border-color: #212121;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212121;
    --bs-btn-hover-border-color: #212121;
    --bs-btn-focus-shadow-rgb: 33, 33, 33;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212121;
    --bs-btn-active-border-color: #212121;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212121;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212121;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 300;
    --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: 214, 158, 25;
    text-decoration: underline
}

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

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

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

.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 .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 .35s ease
}

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

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media(prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-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: #FCBA1D;
    --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)
}

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

.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 {
    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::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: 300;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

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

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

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

.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: #FCBA1D;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: 300;
    --bs-nav-link-color: rgba(33, 33, 33, 0.5);
    --bs-nav-link-hover-color: rgb(33, 33, 33);
    --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: none;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

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

.nav-link:hover,
.nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(252, 186, 29, .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 rgba(0, 0, 0, 0)
}

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

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

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

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #212121;
    --bs-nav-pills-link-active-bg: transparent
}

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

.nav-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 rgba(0, 0, 0, 0)
}

.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

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

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-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=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 33, 33, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%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-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

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

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

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: 300;
    --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: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

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

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

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: rgba(0, 0, 0, 0);
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%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)
}

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

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

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

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: transparent;
    --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: 0;
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - 0);
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-padding-y: 0;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-icon-width: 2rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: none;
    --bs-accordion-btn-focus-border-color: 0;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(252, 186, 29, 0.25);
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #212121;
    --bs-accordion-active-bg: transparent
}

.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;
    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:not(:first-of-type) {
    border-top: 0
}

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

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

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

.badge {
    --bs-badge-padding-x: 0.85em;
    --bs-badge-padding-y: 0.55em;
    --bs-badge-font-size: 1rem;
    --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
}

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

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

.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: #FCBA1D;
    --bs-list-group-active-border-color: #FCBA1D;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

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

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

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

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

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

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

.list-group-item.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.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.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.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.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.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.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>.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(fonts/close-white.svg);
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(252, 186, 29, 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: 2em;
    height: 2em;
    padding: 0 0;
    color: var(--bs-btn-close-color);
    background: rgba(0, 0, 0, 0) var(--bs-btn-close-bg) center/2em auto no-repeat;
    border: 0;
    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;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

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

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

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.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)*.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap)*.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
}

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

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

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

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

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

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

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: 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.showing,
    .offcanvas-sm.show:not(.hiding) {
        transform: none
    }

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

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

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

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !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.showing,
    .offcanvas-md.show:not(.hiding) {
        transform: none
    }

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

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

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

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !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.showing,
    .offcanvas-lg.show:not(.hiding) {
        transform: none
    }

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

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

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

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !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.showing,
    .offcanvas-xl.show:not(.hiding) {
        transform: none
    }

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

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

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

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !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.showing,
    .offcanvas-xxl.show:not(.hiding) {
        transform: none
    }

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

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

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

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !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.showing,
.offcanvas.show:not(.hiding) {
    transform: none
}

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

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

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .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)*.5) calc(var(--bs-offcanvas-padding-x)*.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
}

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

.text-bg-primary {
    color: #000 !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;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:hover,
.link-primary:focus {
    color: RGBA(253, 200, 74, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(253, 200, 74, var(--bs-link-underline-opacity, 1)) !important
}

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

.link-secondary:hover,
.link-secondary:focus {
    color: RGBA(86, 94, 100, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:hover,
.link-success:focus {
    color: RGBA(20, 108, 67, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:hover,
.link-info:focus {
    color: RGBA(61, 213, 243, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:hover,
.link-warning:focus {
    color: RGBA(255, 205, 57, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

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

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

.link-light:hover,
.link-light:focus {
    color: RGBA(249, 250, 251, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

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

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

.link-body-emphasis:hover,
.link-body-emphasis:focus {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-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: .375rem;
    align-items: center;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-underline-offset: .25em;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: .2s ease-in-out transform
}

@media(prefers-reduced-motion: reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:hover>.bi,
.icon-link-hover:focus-visible>.bi {
    transform: 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: sticky;
    top: 0;
    z-index: 1020
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute !important
}

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

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

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .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 {
    object-fit: contain !important
}

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

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

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

.object-fit-none {
    object-fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

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

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .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: 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: .25rem !important
}

.m-2 {
    margin: .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: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .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: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .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: .25rem !important
}

.mt-2 {
    margin-top: .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: .25rem !important
}

.me-2 {
    margin-right: .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: .25rem !important
}

.mb-2 {
    margin-bottom: .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: .25rem !important
}

.ms-2 {
    margin-left: .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: .25rem !important
}

.p-2 {
    padding: .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: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .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: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .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: .25rem !important
}

.pt-2 {
    padding-top: .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: .25rem !important
}

.pe-2 {
    padding-right: .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: .25rem !important
}

.pb-2 {
    padding-bottom: .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: .25rem !important
}

.ps-2 {
    padding-left: .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: .25rem !important
}

.gap-2 {
    gap: .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: .25rem !important
}

.row-gap-2 {
    row-gap: .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 {
    column-gap: 0 !important
}

.column-gap-1 {
    column-gap: .25rem !important
}

.column-gap-2 {
    column-gap: .5rem !important
}

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

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

.column-gap-5 {
    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: 300 !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, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .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: .125em !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.link-underline {
    --bs-link-underline-opacity: 1;
    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: rgba(0, 0, 0, 0) !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 {
    user-select: all !important
}

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

.user-select-none {
    user-select: none !important
}

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

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

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

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

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

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

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

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

.rounded-5 {
    border-radius: var(--bs-border-radius-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 {
        object-fit: contain !important
    }

    .object-fit-sm-cover {
        object-fit: cover !important
    }

    .object-fit-sm-fill {
        object-fit: fill !important
    }

    .object-fit-sm-scale {
        object-fit: scale-down !important
    }

    .object-fit-sm-none {
        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: .25rem !important
    }

    .m-sm-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .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: .25rem !important
    }

    .me-sm-2 {
        margin-right: .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: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .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: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .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: .25rem !important
    }

    .p-sm-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .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: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .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: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .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: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .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: .25rem !important
    }

    .gap-sm-2 {
        gap: .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: .25rem !important
    }

    .row-gap-sm-2 {
        row-gap: .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 {
        column-gap: 0 !important
    }

    .column-gap-sm-1 {
        column-gap: .25rem !important
    }

    .column-gap-sm-2 {
        column-gap: .5rem !important
    }

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

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

    .column-gap-sm-5 {
        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 {
        object-fit: contain !important
    }

    .object-fit-md-cover {
        object-fit: cover !important
    }

    .object-fit-md-fill {
        object-fit: fill !important
    }

    .object-fit-md-scale {
        object-fit: scale-down !important
    }

    .object-fit-md-none {
        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: .25rem !important
    }

    .m-md-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }

    .mt-md-2 {
        margin-top: .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: .25rem !important
    }

    .me-md-2 {
        margin-right: .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: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .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: .25rem !important
    }

    .ms-md-2 {
        margin-left: .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: .25rem !important
    }

    .p-md-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }

    .pt-md-2 {
        padding-top: .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: .25rem !important
    }

    .pe-md-2 {
        padding-right: .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: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .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: .25rem !important
    }

    .ps-md-2 {
        padding-left: .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: .25rem !important
    }

    .gap-md-2 {
        gap: .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: .25rem !important
    }

    .row-gap-md-2 {
        row-gap: .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 {
        column-gap: 0 !important
    }

    .column-gap-md-1 {
        column-gap: .25rem !important
    }

    .column-gap-md-2 {
        column-gap: .5rem !important
    }

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

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

    .column-gap-md-5 {
        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 {
        object-fit: contain !important
    }

    .object-fit-lg-cover {
        object-fit: cover !important
    }

    .object-fit-lg-fill {
        object-fit: fill !important
    }

    .object-fit-lg-scale {
        object-fit: scale-down !important
    }

    .object-fit-lg-none {
        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: .25rem !important
    }

    .m-lg-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .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: .25rem !important
    }

    .me-lg-2 {
        margin-right: .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: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .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: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .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: .25rem !important
    }

    .p-lg-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .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: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .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: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .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: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .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: .25rem !important
    }

    .gap-lg-2 {
        gap: .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: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .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 {
        column-gap: 0 !important
    }

    .column-gap-lg-1 {
        column-gap: .25rem !important
    }

    .column-gap-lg-2 {
        column-gap: .5rem !important
    }

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

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

    .column-gap-lg-5 {
        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 {
        object-fit: contain !important
    }

    .object-fit-xl-cover {
        object-fit: cover !important
    }

    .object-fit-xl-fill {
        object-fit: fill !important
    }

    .object-fit-xl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xl-none {
        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: .25rem !important
    }

    .m-xl-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .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: .25rem !important
    }

    .me-xl-2 {
        margin-right: .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: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .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: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .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: .25rem !important
    }

    .p-xl-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .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: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .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: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .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: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .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: .25rem !important
    }

    .gap-xl-2 {
        gap: .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: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .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 {
        column-gap: 0 !important
    }

    .column-gap-xl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xl-2 {
        column-gap: .5rem !important
    }

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

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

    .column-gap-xl-5 {
        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 {
        object-fit: contain !important
    }

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

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

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

    .object-fit-xxl-none {
        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: .25rem !important
    }

    .m-xxl-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .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: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .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: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .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: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .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: .25rem !important
    }

    .p-xxl-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .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: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .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: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .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: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .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: .25rem !important
    }

    .gap-xxl-2 {
        gap: .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: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .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 {
        column-gap: 0 !important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem !important
    }

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

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

    .column-gap-xxl-5 {
        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
    }
}

html {
    font-size: 14px
}

body {
    padding-top: 52px
}

@media(min-width: 1400px) {
    body {
        padding-top: 102px
    }
}

.logo {
    max-width: 148px
}

.dl-menu li:last-child {
    display: none
}

.open-mobile-menu {
    height: 100%;
    overflow: hidden
}

.open-mobile-menu .contacts_v2 header {
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.open-mobile-menu .contacts_v2 header .logo-black {
    display: block !important
}

.open-mobile-menu .contacts_v2 header .logo-white {
    display: none !important
}

.open-mobile-menu .contacts_v2 header .mobile-sity .dropdown.dropdownCity svg path {
    fill: #000
}

.open-mobile-menu .contacts_v2 header .dropdown .dropdown-toggle {
    color: #212121 !important;
    border: 1px solid rgba(255, 255, 255, 0) !important
}

.open-mobile-menu .contacts_v2 header a,
.open-mobile-menu .contacts_v2 header span {
    color: #212121 !important
}

.open-mobile-menu .contacts_v2 #mobile-menu span {
    background: #212121
}

.open-mobile-menu .contacts_v2 .scrollable .footer-mobile-menu {
    background-color: #fff;
    color: #000
}

.open-mobile-menu body {
    height: 100%;
    background-color: #212121
}

.open-mobile-menu body .footer-mobile-menu {
    display: flex !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 1.8rem;
    border-top: 1px solid rgba(255, 255, 255, .1411764706)
}

.open-mobile-menu body header {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    overflow-y: scroll;
    z-index: 999;
    overflow-x: hidden
}

header select {
    min-width: 100px
}

@media(min-width: 1400px) {
    header select {
        min-width: 150px
    }
}

@media(min-width: 992px) {
    .logo {
        max-width: 150px
    }
}

@media(min-width: 1200px) {
    .logo {
        max-width: 200px
    }
}

@media(min-width: 1400px) {
    .dl-menu li:last-child {
        display: block
    }

    .open-mobile-menu body {
        background-color: #faf8f3
    }

    .open-mobile-menu body .footer-mobile-menu {
        display: none !important
    }

    .open-mobile-menu body header {
        height: auto;
        position: relative;
        top: 0;
        width: auto;
        overflow-y: auto;
        overflow-x: hidden
    }
}

.btn {
    border-radius: 1.5rem
}

.btn-lg {
    font-weight: 300 !important;
    font-size: 1rem !important;
    padding: .6rem 1.8rem
}

.icon-circle {
    width: 20px;
    height: 20px;
    border: 1px solid #212121;
    border-radius: 50%;
    display: inline-block
}

.counter-list {
    list-style: none;
    padding: 0 1.5rem;
    margin: 0
}

.counter-list.first-list li {
    margin-left: 0;
    margin-right: 30%
}

.counter-list li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
    margin-left: 35%
}

.counter-list li .counter-list-title {
    font-weight: 300;
    font-size: 1.5rem;
    margin-bottom: 7px
}

.counter-list li .counter-list-title span {
    color: #fcba1d;
    position: absolute;
    left: 0
}

.counter-list li p {
    font-weight: 300;
    font-size: 1rem
}

.custom-block {
    overflow: hidden
}

.custom-block .container {
    padding: 0
}

.custom-block .section-title {
    text-align: left;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5)
}

.custom-bg-lg {
    background-image: none;
    overflow: hidden
}

.custom-bg {
    background-image: url(dc821aeb398d632275f0.webp);
    background-position: right 50px;
    background-repeat: no-repeat
}

.custom-bg1 {
    background-image: url(dc821aeb398d632275f0.webp);
    background-position: left 26px;
    background-repeat: no-repeat
}

@media(min-width: 768px) {

    .custom-bg,
    .custom-bg1 {
        background-image: none !important
    }

    .custom-block .container {
        padding-right: calc(var(--bs-gutter-x)*.5);
        padding-left: calc(var(--bs-gutter-x)*.5)
    }

    .custom-block .section-title {
        text-align: center
    }

    .counter-list {
        padding: 0;
        margin: 0
    }

    .counter-list li {
        position: relative;
        padding-left: 50px;
        margin: 0 0 50px !important
    }

    .counter-list li .counter-list-title {
        margin-bottom: 15px;
        font-size: 2rem
    }

    .counter-list li p {
        font-size: 1.2rem
    }
}

.right-arrow {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fcba1d;
    border-left: 1px solid #fcba1d;
    transform: rotate(135deg)
}

.right-arrow:after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #fcba1d;
    transform: rotate(-45deg) translate(6.5px, 2px);
    left: 0;
    top: 0
}

.right-arrow.a-mirror {
    transform: rotate(316deg)
}

.right-arrow.long-arrow:after {
    width: 1px;
    height: 30px;
    transform: rotate(-45deg) translate(10.5px, 4px)
}

.right-arrow.dark-color {
    border-color: #212121
}

.right-arrow.dark-color:after {
    border-color: #212121;
    background-color: #212121
}

.right-arrow.white-color {
    border-color: #fff
}

.right-arrow.white-color:after {
    border-color: #fff;
    background-color: #fff
}

a:hover .primary-color.right-arrow {
    border-color: #ca9517
}

a:hover .primary-color.right-arrow:after {
    border-color: #ca9517;
    background-color: #ca9517
}

#mobile-menu {
    width: 30px;
    height: 17px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

#mobile-menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #212121;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#mobile-menu span:nth-child(1) {
    top: 0
}

#mobile-menu span:nth-child(2) {
    top: 7px
}

#mobile-menu span:nth-child(3) {
    top: 14px
}

#mobile-menu.open span:nth-child(1) {
    top: 8px;
    left: 16px;
    width: 14px;
    height: 1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

#mobile-menu.open span:nth-child(2) {
    opacity: 0;
    left: -60px
}

#mobile-menu.open span:nth-child(3) {
    top: 8px;
    left: 16px;
    width: 14px;
    height: 1px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

header {
    font-weight: 400;
    height: 52px
}

header .current_page_item>a {
    font-weight: 600
}

header .widget_polylang ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

header .widget_polylang ul li {
    padding: 0 .5rem;
    border-left: 1px solid rgba(33, 33, 33, .5)
}

header .widget_polylang ul li a {
    text-decoration: none;
    color: #212121
}

header .widget_polylang ul li a:hover {
    color: rgba(33, 33, 33, .5) !important
}

header .widget_polylang ul li:first-child {
    border: none;
    padding-left: 0
}

header .widget_polylang ul li.no-translation {
    display: none
}

.footer-links h5,
.footer-links .h5 {
    font-size: 1.4rem
}

footer {
    background: #212121;
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    font-weight: 300
}

footer .menu {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    font-size: 1rem
}

footer .menu li {
    width: 100%;
    margin-bottom: .5rem
}

footer .menu li a {
    text-decoration: none
}

footer .footer-widget-title {
    font-weight: 300;
    color: #fff !important;
    font-size: 1.25rem;
    line-height: 1.2
}

footer img {
    max-width: 100%
}

footer .social-widget a {
    color: #fff !important
}

footer .social-widget a:hover {
    color: #fcba1d !important
}

footer a {
    color: rgba(255, 255, 255, .5) !important
}

footer a:hover {
    color: #fff !important
}

footer p {
    font-size: 14px
}

footer .contact-widget {
    font-size: 14px
}

footer .contact-widget li {
    padding-left: 20px;
    position: relative
}

footer .contact-widget li svg {
    position: absolute;
    left: 0;
    top: 3px
}

footer .copyright-widget {
    text-align: left;
    margin-top: 3rem
}

@media(min-width: 1400px) {
    header {
        height: 102px
    }

    footer {
        font-size: 18px
    }

    footer .contact-widget {
        font-size: 16px
    }

    footer .contact-widget li {
        padding-left: 40px
    }

    footer .copyright-widget {
        text-align: center;
        margin-top: 50px
    }
}

#primary-menu .menu-item-has-children {
    position: relative
}

#primary-menu .menu-item-has-children li {
    padding: .5rem 1rem;
    width: 100%;
    border-bottom: 1px solid #d9d9d9
}

#primary-menu .menu-item-has-children .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    list-style: none;
    padding: 0;
    background: #fff;
    min-width: 18rem;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    transform-origin: 50% 0;
    transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform .3s, opacity .3s
}

#primary-menu .menu-item-has-children .sub-menu li:last-child {
    border: 0
}

#primary-menu>li>a+ul {
    left: 0 !important;
    top: 35px !important
}

#primary-menu .menu-item-has-children>a {
    position: relative
}

#primary-menu .menu-item-has-children>a:after {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #212121;
    border-left: 1px solid #212121;
    transform: rotate(135deg);
    position: absolute;
    top: 15px;
    right: 5px
}


#primary-menu>li>a:after {
    display: none !important
}

#primary-menu .menu-item-has-children:hover>ul {
    transform: scaleY(1) translateZ(0) !important;
    opacity: 1 !important
}

#top-slider {
    padding: 0
}

.owl-theme-top {
    height: calc(100vh - 52px);
    display: flex !important;
    align-items: center
}

.owl-theme-top .container {
    position: relative;
    padding: 0
}

.owl-theme-top .container .mobile-banner {
    display: block;
    width: 100%
}

.owl-theme-top .container .desktop-banner {
    display: none
}

.owl-theme-top .container .row {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%
}

.owl-theme-top .container .row:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 1.8rem
}

.owl-theme-top .container .row img {
    width: 100% !important
}

.owl-theme-top .container .row img.oval-image {
    border-radius: 0;
    margin-bottom: -250px;
    margin-top: 100px
}

.owl-theme-top .container .row img.square-image {
    height: auto
}

.owl-theme-top .container .row .slider-title {
    font-size: 3rem;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: calc(var(--bs-gutter-x))
}

.owl-theme-top .container .row .slider-title.small-f {
    font-size: 2rem
}

.owl-theme-top .container .row p {
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 3rem;
    padding-left: calc(var(--bs-gutter-x))
}

.owl-theme-top .container .row p span {
    color: #fcba1d
}

.owl-theme-top .owl-nav {
    justify-content: space-between;
    display: flex;
    margin-bottom: -1rem;
    margin-left: 84px
}

.owl-theme-top .owl-nav button {
    padding: 20px !important;
    cursor: pointer
}

@media(min-width: 768px) {
    .owl-theme-top {
        height: calc(100vh - 102px);
        display: flex !important;
        align-items: center
    }

    .owl-theme-top .container {
        position: relative;
        padding-right: calc(var(--bs-gutter-x)*.5);
        padding-left: calc(var(--bs-gutter-x)*.5)
    }

    .owl-theme-top .container .mobile-banner {
        display: none
    }

    .owl-theme-top .container .desktop-banner {
        display: block;
        width: 100%
    }

    .owl-theme-top .container .row img {
        width: auto !important
    }

    .owl-theme-top .container .row img.oval-image {
        border-radius: 50%;
        margin: 0
    }

    .owl-theme-top .container .row img.square-image {
        height: 700px
    }

    .owl-theme-top .container .row .slider-title {
        font-size: 4rem;
        font-weight: 400;
        text-transform: uppercase;
        padding-left: 0
    }

    .owl-theme-top .container .row .slider-title.small-f {
        font-size: 3rem
    }

    .owl-theme-top .container .row p {
        font-weight: 300;
        font-size: 1.6rem;
        margin-bottom: 8rem;
        padding-left: 0
    }
}

.breadcrumb-block nav>span {
    margin-right: 60px;
    position: relative;
    font-weight: 400
}

.breadcrumb-block nav>span:after {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-top: 1px solid #212121;
    border-left: 1px solid #212121;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: -30px;
    margin-top: -3px
}

.breadcrumb-block nav>span:last-child:after {
    display: none
}

.breadcrumb-block a {
    color: #000;
    font-weight: 300;
    text-decoration: none
}

section {
    padding: 4rem 0
}

.section-title {
    font-weight: 300;
    font-size: 2rem;
    text-align: center;
    margin: 0 0 3rem;
    text-transform: uppercase
}

.section-title span {
    color: #fcba1d
}

.portfolio-block {
    padding: 3.5rem 0 0
}

@media(min-width: 1400px) {
    .portfolio-block {
        padding-top: 0
    }
}

.portfolio-grid {
    display: grid;
    max-width: 100%
}

.portfolio-grid.loading .portfolio-item {
    transform: scale(0);
    transition: all .6s ease-in-out
}

.portfolio-item {
    max-width: 100%;
    transition: all .6s;
    position: relative;
    overflow: hidden;
    font-weight: 300;
    font-size: 1.2rem
}

.portfolio-item a {
    font-size: .8rem
}

.portfolio-item p {
    position: relative
}

.portfolio-item p.square {
    margin-bottom: .5rem;
    font-size: .8rem
}

.portfolio-item p.address {
    margin-bottom: 0;
    font-size: .8rem
}

.portfolio-item p img {
    width: 12px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 6px
}

.portfolio-item:hover .img-fluid {
    filter: blur(3px)
}

.portfolio-item:hover .mask {
    opacity: 1;
    box-shadow: inset 0 0 20px #212121
}

.portfolio-item:hover .takoi-proekt {
    opacity: 1
}

.portfolio-item:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background: url(fonts/portfolio-owerflow.svg) top right no-repeat
}

.portfolio-item .img-fluid {
    width: 100%;
    object-fit: cover;
    height: 200px
}

.portfolio-item .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    padding: 1rem;
    background: rgba(0, 0, 0, .5)
}

.portfolio-item .takoi-proekt {
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    height: auto;
    text-align: center;
    padding-top: 30px
}

.portfolio-item .takoi-proekt a {
    position: relative;
    z-index: 999;
    font-size: .8rem !important;
    padding: 10px 15px
}

.portfolio-item .portfolio-item-title {
    font-weight: 100;
    margin-bottom: .5rem;
    font-size: 1rem
}

.portfolio-item a {
    z-index: 9
}

@media(min-width: 1400px) {
    .portfolio-grid {
        display: grid;
        max-width: 100%
    }

    .portfolio-item {
        max-width: 100%;
        transition: all .6s;
        position: relative;
        overflow: hidden;
        font-weight: 300;
        font-size: 1.2rem
    }

    .portfolio-item a {
        font-size: 1.2rem
    }

    .portfolio-item p {
        position: relative
    }

    .portfolio-item p.square {
        margin-bottom: 2rem;
        font-size: 1.2rem
    }

    .portfolio-item p.address {
        margin-bottom: 1rem;
        font-size: 1.2rem
    }

    .portfolio-item p img {
        width: auto;
        margin-bottom: 10px
    }

    .portfolio-item:hover .img-fluid {
        filter: blur(3px)
    }

    .portfolio-item:hover .mask {
        opacity: 1;
        box-shadow: inset 0 0 20px #212121
    }

    .portfolio-item:hover:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        background: url(fonts/portfolio-owerflow.svg) top right no-repeat
    }

    .portfolio-item .img-fluid {
        width: 100%;
        object-fit: cover;
        height: 300px
    }

    .portfolio-item .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all .6s;
        transition: all .6s;
        padding: 2rem;
        background: rgba(0, 0, 0, .5)
    }

    .portfolio-item .takoi-proekt a {
        font-size: 1rem !important;
        padding: .6rem 1.8rem
    }

    .portfolio-item .portfolio-item-title {
        font-weight: 100;
        margin-bottom: 2rem;
        font-size: 1.5rem
    }

    .portfolio-item a {
        z-index: 9
    }
}

@media(max-width: 576px) {
    .portfolio-item .portfolio-item-title {
        font-size: .9rem
    }
}

.new-price {
    text-transform: uppercase
}

.price-block {
    padding-bottom: 0
}

.price-block .section-title {
    font-size: 2rem
}

.price-block .custom-fonts {
    font-size: 1rem
}

.price-block svg {
    height: 20px
}

.price-block .read-more-block {
    max-height: 800px;
    overflow: hidden;
    position: relative;
    transition: max-height .5s ease-out
}

.price-block .read-more-block.open {
    max-height: 2000px;
    transition: max-height .5s ease-in
}

.price-block .read-more-block.open .read-more-footer {
    display: none !important
}

.price-block .read-more-block .read-more-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2049194678) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%)
}

@media(min-width: 1400px) {
    .price-block .section-title {
        font-size: 2rem
    }

    .price-block .custom-fonts {
        font-size: 1.25rem
    }
}

.price-table th {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 100px;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    background: #212121;
    border-color: rgba(33, 33, 33, .2) !important
}

.price-table th .badge {
    transform: rotate(350deg);
    transform-origin: left bottom;
    padding: 15px 25px;
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -40px
}

.price-table th:first-child {
    background: rgba(0, 0, 0, 0);
    color: #212121;
    font-weight: 500;
    text-align: left
}

.price-table th:nth-child(4) {
    background: #fcba1d;
    color: #212121;
    border-color: #fcba1d !important;
    position: relative
}

.price-table tr td {
    border: 0;
    padding: 10px 0;
    border-left: 1px dashed rgba(33, 33, 33, .2);
    background: rgba(0, 0, 0, 0)
}

.price-table tr td svg {
    margin-top: 10px
}

.price-table tr td:first-child {
    font-weight: 300;
    font-size: 1.2rem;
    color: #212121;
    text-align: left;
    vertical-align: middle;
    border-left: 0
}

.price-table tfoot td {
    border-top: 1px solid rgba(33, 33, 33, .2) !important;
    padding: 30px 0
}

.price-table tfoot td:first-child {
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0);
    color: #212121;
    font-weight: 500;
    text-align: left
}

.price-carousel-title {
    font-size: 1.2rem;
    background: #212121;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 24px 0
}

.price-carousel-footer {
    text-align: center;
    background: #faf8f3;
    padding: 30px 0
}

.old-price {
    position: relative;
    display: inline-block
}

.old-price:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 110%;
    background: red;
    transform: rotate(350deg);
    transform-origin: left bottom;
    bottom: 5px
}

.price-carousel-list {
    border-left: 1px dashed rgba(0, 0, 0, .5);
    border-right: 1px dashed rgba(0, 0, 0, .5);
    padding: 30px 20px;
    list-style: none
}

.price-carousel-list li {
    font-size: 12px;
    display: flex;
    position: relative;
    padding: 10px 0 10px 40px
}

.price-carousel-list li svg,
.price-carousel-list li i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px
}

.owl-theme-price .owl-nav {
    top: 25px;
    position: absolute;
    z-index: 9;
    width: 100%
}

.owl-theme-price .owl-nav button {
    width: 30px;
    height: 30px;
    background: #fcba1d !important;
    border-radius: 50%;
    font-size: 18px !important
}

.owl-theme-price .owl-prev {
    position: absolute;
    left: -15px
}

.owl-theme-price .owl-next {
    position: absolute;
    right: -15px
}

.form-control {
    background: #fff;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 20px 20px 25px;
    border: 0
}

.form-control:focus {
    background: #fff
}

.round-xs {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    position: relative
}

.round-xs span {
    margin-top: -20px;
    display: block;
    font-size: 14px;
    max-width: 100px;
    margin-left: auto;
    margin-right: auto
}

.round-xs:after {
    bottom: 20px;
    top: initial;
    right: 45px
}

.action-block {
    box-shadow: inset 0 4px 28px rgba(0, 0, 0, .25);
    padding: 3.5rem 0
}

.action-block .section-title {
    font-size: 1.5rem
}

.action-block .dots {
    font-weight: 300;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.action-block span {
    display: block;
    font-weight: 300;
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.action-block span.date {
    font-size: .8rem
}

@media(min-width: 1400px) {
    .action-block {
        padding: 2rem 0
    }

    .action-block .section-title {
        font-size: 2rem
    }

    .action-block .dots {
        font-weight: 300;
        font-size: 2.5rem;
        text-align: center
    }

    .action-block span {
        font-weight: 300;
        font-size: 2.5rem
    }

    .action-block span.date {
        font-size: 1.2rem
    }
}

.custom-menu.fixed {
    position: fixed;
    top: 52px;
    width: 100%;
    z-index: 999
}

@media(min-width: 1400px) {
    .custom-menu.fixed {
        top: 102px
    }

    .custom-menu .nav-link:hover {
        color: #fcba1d !important
    }
}

.callback-block {
    position: relative;
    padding: 5rem 0 0
}

.callback-block textarea {
    max-height: 60px
}

.callback-block .picture img {
    max-width: 370px
}

.callback-block .picture .caption {
    position: relative;
    text-align: center;
    margin-top: 3.1rem !important
}

.callback-block .picture .caption span {
    font-weight: 300;
    font-size: 1.2rem;
    display: block
}

.callback-block form {
    position: relative
}

.callback-block form .round-btn {
    position: absolute;
    bottom: -65px;
    right: 0
}

.callback-block h3 span,
.callback-block .h3 span {
    color: #fcba1d
}

.callback-block .designer-wrapper {
    border-radius: 50%;
    border: 2px solid #fcba1d;
    padding: 10px;
    position: absolute;
    top: 3rem;
    left: -120px
}

.callback-block .designer-wrapper img {
    border-radius: 50%
}

@media(min-width: 1400px) {
    .callback-block {
        padding: 5rem 0
    }

    .callback-block .image .des-wrap {
        border-radius: 50%;
        border: 2px solid #fcba1d;
        padding: 10px
    }

    .callback-block h3,
    .callback-block .h3 {
        margin: 0 0 30px;
        font-size: 2rem;
        font-weight: 400
    }

    .callback-block form button {
        margin-top: 26px
    }
}

.partners-block img {
    max-width: 80%;
    filter: grayscale(1)
}

.partners-block img:hover {
    filter: grayscale(0)
}

.reviews-block .section-title {
    margin: 0 0 4rem
}

@media(max-width: 768px) {
    .reviews-block .section-title {
        margin: 0 0 3rem;
        font-size: 1.6rem
    }
}

@media(max-width: 768px) {
    .reviews-block .reviews-item .review-img img {
        height: 169px;
        object-fit: cover
    }
}

@media(max-width: 768px) {
    .reviews-block .reviews-item .review-author {
        margin-bottom: .5rem !important
    }
}

.reviews-block span.rounded-circle.img-fluid {
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 768px) {
    .reviews-block span.rounded-circle.img-fluid {
        width: 35px;
        height: 35px
    }
}

@media(max-width: 1400px) {
    .reviews-block span.rounded-circle.img-fluid {
        width: 41px;
        height: 47px
    }
}

@media(max-width: 1400px) {
    .reviews-block span.rounded-circle.img-fluid svg {
        width: 41px;
        height: 47px
    }
}

@media(max-width: 768px) {
    .reviews-block span.rounded-circle.img-fluid svg {
        width: 35px;
        height: 35px
    }
}

@media(max-width: 1400px) {
    .reviews-block span.rounded-circle.img-fluid span {
        width: 41px;
        height: 47px
    }
}

@media(min-width: 768px) {
    .reviews-block .section-title {
        margin-left: 75px
    }
}

@media(min-width: 768px) {
    .reviews-block .read-more-btn {
        margin-right: 75px;
        margin-bottom: 2.1rem
    }
}

.reviews-block .more {
    cursor: pointer;
    transition: color .3s;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    background: #212121;
    margin: 0
}

.reviews-block .more:hover {
    color: #fff !important
}

.reviews-block .review-content {
    max-height: 145px;
    overflow: hidden;
    position: relative;
    transition: all .5s
}

.reviews-block .review-content.show {
    max-height: 1000px
}

.reviews-block .review-author img {
    max-width: 70px !important
}

.reviews-block .owl-reviews {
    margin-top: 0rem;
    width: calc(100% - 150px);
    margin: 0 auto;
    position: relative
}

.reviews-block .owl-reviews .review-logo {
    max-width: 60px;
    right: 0;
    top: 0
}

.reviews-block .owl-reviews a {
    transition: color .3s
}

.reviews-block .owl-reviews a:hover {
    color: #ca9517 !important
}

.reviews-block .owl-reviews a:hover .long--right {
    transition: color .3s;
    border-color: #fff
}

.reviews-block .owl-reviews a:hover .long--right:after {
    transition: color .3s;
    background-color: #fff
}

.reviews-block .owl-reviews .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none;
    z-index: 10
}

.reviews-block .owl-reviews .owl-nav .owl-prev,
.reviews-block .owl-reviews .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    background: #fcba1d !important;
    border-radius: 50% !important;
    color: #212121 !important;
    font-size: 22px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transition: all .3s ease;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.reviews-block .owl-reviews .owl-nav .owl-prev svg,
.reviews-block .owl-reviews .owl-nav .owl-next svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.reviews-block .owl-reviews .owl-nav .owl-prev:hover,
.reviews-block .owl-reviews .owl-nav .owl-next:hover {
    background: #fcc43f !important;
    color: #212121 !important;
    transform: scale(1.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .2)
}

.reviews-block .owl-reviews .owl-nav .owl-prev.disabled,
.reviews-block .owl-reviews .owl-nav .owl-next.disabled {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none
}

.reviews-block .owl-reviews .owl-nav .owl-prev {
    left: -75px
}

.reviews-block .owl-reviews .owl-nav .owl-next {
    right: -75px
}

.reviews-block .custom-pagination-js {
    justify-content: center;
    gap: 30px;
    padding: 0
}

.reviews-block .custom-pagination-js.text-black {
    color: #000;
    padding: 0;
    padding-top: 0 !important
}

.reviews-block .custom-pagination-js.text-black button#left,
.reviews-block .custom-pagination-js.text-black button#right {
    color: #000
}

.reviews-block .custom-pagination-js.text-black button#left:hover,
.reviews-block .custom-pagination-js.text-black button#right:hover {
    color: #fcba1d
}

.reviews-block .custom-pagination-js.text-black #page button {
    color: #000
}

.reviews-block .custom-pagination-js.text-black #page button:hover {
    color: #fcba1d
}

.reviews-block .custom-pagination-js.text-black #page button.current:hover {
    color: #000
}

.reviews-block .custom-pagination-js.text-black a {
    color: #000
}

.reviews-block .custom-pagination-js.text-black a:hover {
    color: #fcba1d
}

.reviews-block .custom-pagination-js.text-black span {
    color: #000
}

.reviews-block .custom-pagination {
    justify-content: space-around;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
    color: #fff
}

.reviews-block .custom-pagination button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    opacity: .5
}

.reviews-block .custom-pagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex
}

.reviews-block .custom-pagination ul li {
    padding: 8px 17px;
    cursor: pointer
}

.reviews-block .custom-pagination ul li.current {
    background: #fcba1d;
    border-radius: 10px
}

@media(min-width: 1400px) {
    .reviews-block .review-content {
        max-height: 200px
    }
}

@media(max-width: 768px) {
    .reviews-block .owl-reviews {
        width: calc(100% - 66px);
        margin: 0 auto
    }

    .reviews-block .owl-reviews .owl-nav .owl-prev,
    .reviews-block .owl-reviews .owl-nav .owl-next {
        width: 22px;
        height: 22px;
        font-size: 18px
    }

    .reviews-block .owl-reviews .owl-nav .owl-prev {
        left: -35px
    }

    .reviews-block .owl-reviews .owl-nav .owl-prev svg {
        width: 8px
    }

    .reviews-block .owl-reviews .owl-nav .owl-next {
        right: -35px
    }

    .reviews-block .owl-reviews .owl-nav .owl-next svg {
        width: 8px
    }
}

@media(min-width: 769px)and (max-width: 1200px) {
    .reviews-block .owl-reviews .owl-nav .owl-prev {
        left: -60px
    }

    .reviews-block .owl-reviews .owl-nav .owl-next {
        right: -60px
    }
}

.team-block .team-item {
    position: relative
}

.team-block .team-item .team-item-img {
    width: 100%
}

.team-block .team-item .team-item-caption {
    opacity: 0;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, #212121 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    transition: opacity .5s
}

.team-block .team-item .team-item-caption .team-item-caption-text {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.2
}

.team-block .team-item:hover .team-item-caption {
    opacity: 1
}

.steps-block .steps {
    background: url(90e0cccb08ecbd1eb7df.png) repeat-y 40px 0
}

.steps-block .float-end {
    margin-bottom: -68px
}

.steps-block .step {
    font-weight: 300;
    font-size: 14px;
    display: flex;
    padding-left: 100px;
    position: relative;
    align-items: center
}

.steps-block .step:nth-child(1) {
    margin-top: 23px
}

.steps-block .step:nth-child(2) {
    margin-top: 60px
}

.steps-block .step:nth-child(3) {
    margin-top: 60px
}

.steps-block .step:nth-child(4) {
    margin-top: 60px
}

.steps-block .step:nth-child(5) {
    margin-top: 60px
}

.steps-block .step:nth-child(6) {
    margin-top: 60px
}

.steps-block .step.s-end .counter {
    margin-left: 35px
}

.steps-block .step.s-end .counter:after {
    left: 70px
}

.steps-block .step .counter {
    font-weight: 300;
    font-size: 21px;
    margin-right: 10px;
    color: #fff !important
}

.steps-block .step .counter:after {
    content: "";
    display: block;
    background: #fcba1d;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    left: 35px;
    top: 8px
}

@media(min-width: 1400px) {
    .steps-block .steps {
        margin-top: 100px;
        background: url(fcde3f01e43b2325c0f7.png) no-repeat center center;
        background-size: contain;
        min-height: 50px;
        font-size: 22px
    }

    .steps-block .steps .step {
        margin: 0;
        padding: 0;
        height: 200px;
        position: relative;
        font-size: 1.2rem
    }

    .steps-block .steps .step:nth-child(1) {
        padding-left: 3.1%
    }

    .steps-block .steps .step:nth-child(2) {
        padding-left: 2.4%
    }

    .steps-block .steps .step:nth-child(3) {
        padding-left: 1.7%
    }

    .steps-block .steps .step:nth-child(4) {
        padding-left: 1%
    }

    .steps-block .steps .step:nth-child(5) {
        padding-left: .3%
    }

    .steps-block .steps .step:after {
        content: "";
        display: block;
        background: #fcba1d;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        opacity: 0
    }

    .steps-block .steps .step .counter {
        font-size: 2rem
    }

    .steps-block .steps .step .counter:after {
        display: none
    }

    .steps-block .steps .step span {
        margin: 0 !important;
        padding: 0;
        position: absolute
    }

    .steps-block .steps .step:nth-child(1) span:nth-child(1) {
        bottom: 0
    }

    .steps-block .steps .step:nth-child(1) span:nth-child(2) {
        top: 0;
        max-width: 100px
    }

    .steps-block .steps .step:nth-child(1):after {
        top: 100px
    }

    .steps-block .steps .step:nth-child(2) span:nth-child(1) {
        top: 0
    }

    .steps-block .steps .step:nth-child(2) span:nth-child(2) {
        bottom: 0;
        max-width: 100px
    }

    .steps-block .steps .step:nth-child(2):after {
        top: 86px
    }

    .steps-block .steps .step:nth-child(3) span:nth-child(1) {
        bottom: 0
    }

    .steps-block .steps .step:nth-child(3) span:nth-child(2) {
        top: 0;
        max-width: 100px
    }

    .steps-block .steps .step:nth-child(3):after {
        top: 86px
    }

    .steps-block .steps .step:nth-child(4) span:nth-child(1) {
        top: 0
    }

    .steps-block .steps .step:nth-child(4) span:nth-child(2) {
        bottom: 0;
        max-width: 200px
    }

    .steps-block .steps .step:nth-child(4):after {
        top: 108px
    }

    .steps-block .steps .step:nth-child(5) span:nth-child(1) {
        bottom: 0
    }

    .steps-block .steps .step:nth-child(5) span:nth-child(2) {
        top: 0;
        max-width: 160px
    }

    .steps-block .steps .step:nth-child(5):after {
        top: 72px
    }

    .steps-block .steps .step:nth-child(6) span:nth-child(1) {
        top: 0
    }

    .steps-block .steps .step:nth-child(6) span:nth-child(2) {
        bottom: 0;
        max-width: 160px
    }

    .steps-block .steps .step:nth-child(6):after {
        top: 100px
    }
}

@media(min-width: 1600px) {
    .steps-block .steps .step:nth-child(1):after {
        top: 100px
    }

    .steps-block .steps .step:nth-child(2):after {
        top: 78px
    }

    .steps-block .steps .step:nth-child(3):after {
        top: 102px
    }

    .steps-block .steps .step:nth-child(4):after {
        top: 80px
    }

    .steps-block .steps .step:nth-child(5):after {
        top: 100px
    }

    .steps-block .steps .step:nth-child(6):after {
        top: 84px
    }
}

.design-block .first-img,
.design-block .last-img {
    max-width: 80%
}

.design-block .last-img {
    margin-top: -100px
}

.design-block .round-btn {
    position: absolute;
    right: 0;
    bottom: -65px
}

@media(min-width: 1400px) {
    .design-block {
        background-image: url(76c6be578e8e4d2b0f9d.png);
        background-position: right 110px;
        background-repeat: no-repeat
    }

    .design-block .first-img,
    .design-block .last-img {
        max-width: 100%
    }

    .design-block .round-btn {
        bottom: 80px
    }
}

.sub-title {
    font-weight: 300
}

.round-btn {
    background: #fcba1d;
    color: #000;
    font-weight: 300;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    border: 0;
    transition: all .3s;
    text-transform: uppercase
}

.round-btn span {
    display: block;
    max-width: 110px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.round-btn i {
    scale: 1;
    margin-right: -10px;
    margin-top: 10px
}

.round-btn:hover {
    color: #000;
    background-color: #fcc43f;
    box-shadow: 0 0 35px #fcba1d;
    opacity: 1 !important
}

@media(min-width: 1400px) {
    .round-btn {
        width: 200px;
        height: 200px;
        font-weight: 400;
        font-size: 16px
    }

    .round-btn span:after {
        width: 60px;
        height: 23px;
        margin: 25px auto 0
    }

    .round-btn i {
        scale: 2;
        margin-right: -15px;
        margin-top: 15px
    }
}

.gallery-block {
    padding-bottom: 0
}

.gallery-filter {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.gallery-filter a {
    font-size: 12px;
    padding: 5px 0;
    color: #212121;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 28.5px;
    text-align: center;
    width: 40%;
    margin-bottom: 15px;
    opacity: .5;
    transition: opacity .3s
}

.gallery-filter a:hover {
    opacity: 1
}

.gallery-filter .active {
    border-color: #212121
}

.gallery-filter.portfolio-filter {
    flex-wrap: nowrap
}

.gallery-filter.portfolio-filter a {
    margin-bottom: 0
}

@media(min-width: 1400px) {
    .gallery-filter {
        justify-content: space-around
    }

    .gallery-filter a {
        font-weight: 300;
        font-size: 1.2rem;
        width: auto;
        padding: 8px 30px
    }

    .gallery-filter a.active {
        opacity: 1
    }
}

.content-block {
    font-weight: 300
}

.content-block h2,
.content-block .h2 {
    font-weight: 300;
    font-size: 2rem;
    margin-top: 3rem;
    margin-bottom: 1rem
}

.content-block h3,
.content-block .h3 {
    font-weight: 300;
    font-size: 1.75rem;
    margin-top: 2rem;
    margin-bottom: 1rem
}

.content-block img {
    max-width: 100%;
    margin-bottom: 1rem;
    height: auto
}

.content-block>ul {
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none
}

.content-block>ul li {
    position: relative;
    padding: 0 0 0 20px;
    margin-bottom: 1rem
}

.content-block>ul li:before {
    content: "";
    display: block;
    background: url(fonts/list.svg);
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
    top: 5px
}

.content-block>ul.wishes li {
    font-size: 1.2rem;
    padding: 5px 0 5px 20px
}

.content-block>ul.wishes li:before {
    top: 11px
}

@media(min-width: 1400px) {
    .content-block ul li:before {
        top: 5px
    }
}

.accordion-button {
    font-weight: 300;
    font-size: 21px
}

.accordion-item {
    margin-bottom: 2em
}

.accordion-button::after {
    background-position: center center
}

@media(min-width: 1400px) {
    .accordion-item {
        margin-bottom: 3em
    }

    .accordion-button {
        font-size: 2rem;
        justify-content: space-between
    }

    .accordion-body {
        font-size: 1.2rem
    }
}

.faq-block {
    padding-top: 0
}

.faq-block>img {
    width: 100%
}

@media(min-width: 1400px) {
    .faq-block {
        padding: 5rem 0
    }
}

.question-block {
    padding-top: 50px
}

@media(max-width: 768px) {
    .question-block {
        padding-top: 3rem
    }
}

.question-block textarea {
    height: 100px
}

.question-block .section-title {
    font-weight: 400;
    font-size: 1.8rem
}

.question-block .round-btn {
    position: absolute;
    right: 0;
    bottom: -65px
}

.question-block .desktop-img {
    max-height: 500px
}

@media(min-width: 1400px) {
    .question-block {
        padding: 5rem 0
    }

    .question-block textarea {
        height: 204px
    }

    .question-block .section-title {
        font-size: 2rem
    }

    .question-block .round-btn {
        right: -240px;
        bottom: 20px;
        z-index: 9
    }
}

.quick-links {
    padding: 0;
    margin: 0;
    list-style: none
}

.quick-links li {
    padding-left: 40px;
    position: relative;
    padding-top: 5px;
    padding-bottom: 10px;
    background: url(fonts/arrow-right.svg) no-repeat left center
}

.quick-links li a {
    text-decoration: none;
    color: #212121;
    font-size: 1.2rem;
    transition: all .3s
}

.quick-links li a:hover {
    color: #fcba1d
}

.design-example-block .design-example-item {
    border: 1px solid #212121;
    padding: 10px;
    margin-bottom: 1.5rem
}

.design-example-block .design-example-item .design-example-img img {
    width: 100%
}

.design-example-block .design-example-item .design-example-title {
    text-decoration: none;
    font-weight: 300;
    font-size: 1.2rem;
    color: #212121;
    margin-top: 10px;
    display: block
}

.design-example-block .design-example-item .design-example-link-btn {
    display: flex;
    justify-content: end
}

.design-example-block .design-example-item .design-example-link-btn .design-example-link {
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    border: 1px solid #212121;
    border-radius: 50%;
    position: relative
}

.design-example-block .design-example-item .design-example-link-btn .design-example-link:after {
    content: "";
    width: 7px;
    height: 7px;
    border: solid #222;
    border-width: 0 1px 1px 0;
    transform: rotate(320deg);
    vertical-align: .18em;
    position: absolute;
    top: 11px;
    right: 11px
}

.header-banner {
    height: 730px;
    background-image: var(--mbbanner);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.header-banner .mobile-banner {
    width: 100%;
    margin-top: 51px
}

.header-banner .mobile-banner+.row {
    padding-right: calc(var(--bs-gutter-x));
    padding-left: calc(var(--bs-gutter-x));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.header-banner .desktop-banner {
    display: none
}

.header-banner .container {
    padding: 0;
    height: 730px
}

.header-banner .container .slider-title {
    margin-top: 30%;
    text-transform: uppercase;
    font-size: 2.8rem;
    font-weight: 300
}

.header-banner .container .counters span {
    color: #fcba1d;
    font-size: 2rem
}

@media(min-width: 1400px) {
    .header-banner {
        height: 100vh;
        background-image: var(--dtbanner)
    }

    .header-banner .mobile-banner {
        display: none
    }

    .header-banner .desktop-banner {
        display: block;
        position: absolute;
        left: 0;
        top: 10%;
        width: 100%
    }

    .header-banner .container {
        height: 100vh;
        position: relative;
        padding-right: calc(var(--bs-gutter-x)*.5);
        padding-left: calc(var(--bs-gutter-x)*.5)
    }

    .header-banner .container .slider-title {
        text-transform: uppercase;
        font-size: 5rem;
        font-weight: 300;
        max-width: 800px
    }

    .header-banner .container .counters span {
        font-size: 3rem
    }

    .header-banner .container .counters p {
        font-size: 1.4rem
    }
}

.uslugi-grid .uslugi-item {
    position: relative;
    overflow: hidden
}

.uslugi-grid .uslugi-item img {
    width: 100%;
    object-fit: cover;
    height: 210px;
    transition: all .6s
}

.uslugi-grid .uslugi-item .wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .05);
    transition: background .6s
}

.uslugi-grid .uslugi-item .wrap .uslugi-title {
    font-weight: 300;
    font-size: 1.6rem;
    text-transform: uppercase;
    z-index: 9;
    margin: 0;
    display: flex;
    align-items: center
}

.uslugi-grid .uslugi-item .wrap .uslugi-title .right-arrow {
    opacity: 0;
    width: 0;
    margin: 0 !important;
    transition: opacity .6s
}

.uslugi-grid .uslugi-item .wrap:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background: url(fonts/portfolio-owerflow.svg) top right no-repeat;
    transition: opacity .6s;
    opacity: 0
}

.uslugi-grid .uslugi-item:hover img {
    filter: blur(3px);
    scale: 1.1
}

.uslugi-grid .uslugi-item:hover .wrap {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%)
}

.uslugi-grid .uslugi-item:hover .wrap .right-arrow {
    opacity: 1;
    width: 7px;
    margin-left: 3rem !important
}

.uslugi-grid .uslugi-item:hover .wrap:after {
    opacity: 1
}

@media(min-width: 1400px) {
    .uslugi-grid .uslugi-item img {
        height: 600px
    }

    .uslugi-grid .uslugi-item .wrap .uslugi-title {
        margin-bottom: 110px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .uslugi-grid .uslugi-item .wrap .uslugi-title .right-arrow {
        margin-left: 1rem !important;
        margin-top: 1.5rem !important
    }
}

@media(max-width: 768px) {
    .video-reviews-block .section-title {
        font-size: 1.6rem
    }
}

@media(max-width: 960px) {
    .video-reviews-block .section-title span {
        display: block
    }
}

.video-reviews-block .video-reviews-item {
    margin-bottom: 3rem
}

.video-reviews-block .video-reviews-item .video-reviews-video {
    background: #212121;
    margin-bottom: 1.5rem;
    position: relative
}

.video-reviews-block .video-reviews-item .video-reviews-video img {
    height: 200px;
    object-fit: cover;
    width: 100%
}

.video-reviews-block .video-reviews-item .video-reviews-video .video-reviews-link {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background: rgba(33, 33, 33, .3) url(42a0eafb45f30e05acd2.png) no-repeat center center
}

.video-reviews-block .video-reviews-item .video-reviews-author .video-reviews-author-name {
    font-size: 1.4rem;
    font-weight: 300;
    margin-bottom: 1rem
}

.video-reviews-block .video-reviews-item .video-reviews-review {
    background: #fff;
    border-radius: 10px;
    padding: 15px
}

.video-reviews-block .video-reviews-item .video-reviews-review p {
    margin-bottom: 0
}

.video-reviews-block .owl-video-reviews {
    margin-top: 3rem;
    width: calc(100% - 150px);
    margin: 0 auto;
    position: relative
}

.video-reviews-block .owl-video-reviews .review-logo {
    max-width: 60px;
    right: 0;
    top: 0
}

.video-reviews-block .owl-video-reviews a {
    transition: color .3s
}

.video-reviews-block .owl-video-reviews a:hover {
    color: #fff !important
}

.video-reviews-block .owl-video-reviews a:hover .long--right {
    transition: color .3s;
    border-color: #fff
}

.video-reviews-block .owl-video-reviews a:hover .long--right:after {
    transition: color .3s;
    background-color: #fff
}

.video-reviews-block .owl-video-reviews .owl-nav {
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none;
    z-index: 10
}

.video-reviews-block .owl-video-reviews .owl-nav .owl-prev,
.video-reviews-block .owl-video-reviews .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    background: #fcba1d !important;
    border-radius: 50% !important;
    color: #212121 !important;
    font-size: 22px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transition: all .3s ease;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

@media(max-width: 1024px) {

    .video-reviews-block .owl-video-reviews .owl-nav .owl-prev,
    .video-reviews-block .owl-video-reviews .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        font-size: 16px !important
    }
}

.video-reviews-block .owl-video-reviews .owl-nav .owl-prev:hover,
.video-reviews-block .owl-video-reviews .owl-nav .owl-next:hover {
    background: #fcc43f !important;
    color: #212121 !important;
    transform: scale(1.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .2)
}

.video-reviews-block .owl-video-reviews .owl-nav .owl-prev svg,
.video-reviews-block .owl-video-reviews .owl-nav .owl-next svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.video-reviews-block .owl-video-reviews .owl-nav .owl-prev.disabled,
.video-reviews-block .owl-video-reviews .owl-nav .owl-next.disabled {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none
}

.video-reviews-block .owl-video-reviews .owl-nav .owl-prev {
    left: -75px
}

.video-reviews-block .owl-video-reviews .owl-nav .owl-next {
    right: -55px
}

@media(min-width: 1400px) {
    .video-reviews-block .video-reviews-item .video-reviews-author .video-reviews-author-name {
        font-size: 2rem;
        font-weight: 300;
        margin-bottom: 1rem
    }

    .video-reviews-block .video-reviews-item .video-reviews-review {
        padding: 25px;
        border-radius: 50px 0 50px 50px
    }
}

@media(max-width: 768px) {
    .video-reviews-block .owl-video-reviews {
        width: 100%;
        margin: 0
    }

    .video-reviews-block .owl-video-reviews .owl-nav .owl-prev,
    .video-reviews-block .owl-video-reviews .owl-nav .owl-next {
        width: 22px;
        height: 22px;
        font-size: 18px
    }

    .video-reviews-block .owl-video-reviews .owl-nav .owl-prev {
        left: -35px
    }

    .video-reviews-block .owl-video-reviews .owl-nav .owl-prev svg {
        width: 8px
    }

    .video-reviews-block .owl-video-reviews .owl-nav .owl-next {
        right: -16px
    }

    .video-reviews-block .owl-video-reviews .owl-nav .owl-next svg {
        width: 8px
    }
}

@media(max-width: 599px) {
    .video-reviews-block .owl-video-reviews {
        width: 100%;
        margin: 0
    }

    .video-reviews-block .owl-video-reviews.owl-carousel {
        display: block
    }

    .video-reviews-block .owl-video-reviews.owl-carousel .owl-stage-outer,
    .video-reviews-block .owl-video-reviews.owl-carousel .owl-nav,
    .video-reviews-block .owl-video-reviews.owl-carousel .owl-dots {
        display: none !important
    }

    .video-reviews-block .owl-video-reviews .video_review_item {
        display: block;
        margin-bottom: 2rem;
        width: 100% !important;
        float: none !important
    }

    .video-reviews-block .owl-video-reviews .video_review_item:last-child {
        margin-bottom: 0
    }

    .video-reviews-block .owl-video-reviews .video_review_item.video-review-hidden {
        display: none !important
    }

    .video-reviews-block .load-more-video-reviews {
        display: block;
        width: max-content;
        border: none;
        background: none;
        color: #212121;
        cursor: pointer;
        transition: all .3s ease;
        font-weight: 400;
        margin: 0 auto;
        margin-bottom: 5rem;
        text-transform: uppercase;
        text-decoration: none
    }
}

@media(max-width: 599px)and (max-width: 768px) {
    .video-reviews-block .load-more-video-reviews {
        margin-top: 1rem;
        margin-bottom: 3rem
    }
}

@media(max-width: 599px) {
    .video-reviews-block .load-more-video-reviews svg {
        padding-left: 10px;
        transform: rotateX(180deg)
    }

    .video-reviews-block .load-more-video-reviews:hover {
        color: #fcba1d
    }
}

@media(min-width: 769px)and (max-width: 1200px) {
    .video-reviews-block .owl-video-reviews .owl-nav .owl-prev {
        left: -60px
    }

    .video-reviews-block .owl-video-reviews .owl-nav .owl-next {
        right: -60px
    }
}

@media(min-width: 600px) {
    .video-reviews-block .load-more-video-reviews {
        display: none !important
    }

    .video-reviews-block .video_review_item.video-review-hidden {
        display: block !important
    }
}

.accordion-black .accordion-button.collapsed {
    background: #fff !important
}

.accordion-price-table thead td {
    font-size: 12px
}

.accordion-price-table tbody td {
    font-weight: 300;
    font-size: 14px
}

@media(min-width: 1200px) {
    .accordion-price-table thead td {
        font-size: 14px
    }

    .accordion-price-table tbody td {
        font-weight: 300;
        font-size: 16px
    }
}

.header-img {
    background-image: var(--mbbanner);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.header-img .container {
    height: 80vh
}

.header-img .container .header-img-title {
    font-size: 1.9rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-weight: 400
}

@media(min-width: 1200px) {
    .header-img {
        background-image: var(--dtbanner)
    }

    .header-img .container {
        height: 70vh
    }

    .header-img .container .header-img-title {
        font-size: 5rem;
        font-weight: 300;
        text-align: left;
        text-transform: uppercase
    }
}

.header-single {
    background-image: var(--mbbanner);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.header-single .container {
    height: 80vh
}

.header-single .container .category-portfolio {
    font-size: 1.4rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 2.5rem
}

.header-single .container .header-img-title {
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300
}

@media(min-width: 1200px) {
    .header-single {
        background-image: var(--dtbanner)
    }

    .header-single .container {
        height: 70vh
    }

    .header-single .container .category-portfolio {
        font-size: 1.6rem;
        text-align: left
    }

    .header-single .container .header-img-title {
        font-size: 3rem;
        text-align: center
    }
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border: 1px solid #212121;
    border-radius: 28.5px
}

.similar-works .similar-works-wrap {
    margin-top: 5rem
}

.portfolio-item-single .navigation {
    padding: 3rem 0
}

.portfolio-item-single .navigation .nav {
    justify-content: space-between;
    margin: 0 !important
}

.portfolio-item-single .navigation .nav .nav-item .nav-link {
    border-radius: 28.5px;
    border: 1px solid #212121
}

.portfolio-item-single .navigation .nav .nav-item .nav-link.active {
    background: #fcba1d;
    border-color: #fcba1d
}

.portfolio-item-single .nav.nav-inline {
    border-bottom: 1px solid #000
}

.portfolio-item-single .nav.nav-inline .nav-item {
    margin-right: 2.6rem
}

.portfolio-item-single .nav.nav-inline .nav-item .nav-link {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    border: 0;
    font-size: 1.2rem;
    border-bottom: 3px solid rgba(0, 0, 0, 0)
}

.portfolio-item-single .nav.nav-inline .nav-item .nav-link.active {
    font-weight: 500;
    border-bottom: 3px solid #fcba1d
}

.portfolio-item-single .portfolio-item-content {
    overflow: hidden
}

.portfolio-item-single .portfolio-item-content .content-block h2,
.portfolio-item-single .portfolio-item-content .content-block .h2 {
    font-size: 1.6rem
}

.portfolio-item-single .portfolio-item-content .custom-gallery .gallery-item img {
    width: 100%;
    object-fit: cover;
    height: 300px
}

.portfolio-item-single .portfolio-item-content .review img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin-bottom: 2rem
}

.portfolio-item-single .portfolio-item-content .review .review-item-content {
    background: #fff;
    border-radius: 0 20px 20px 20px;
    padding: 20px
}

.portfolio-item-single .portfolio-item-content .review .review-item-content small,
.portfolio-item-single .portfolio-item-content .review .review-item-content .small {
    opacity: .5
}

.portfolio-item-single .portfolio-item-content .review .review-item-content h5,
.portfolio-item-single .portfolio-item-content .review .review-item-content .h5 {
    font-weight: 300;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin: 1.5rem 0
}

.portfolio-item-single .portfolio-item-content .portfolio-item-team {
    padding: 2rem 1.5rem
}

.portfolio-item-single .portfolio-item-content .portfolio-item-team h6,
.portfolio-item-single .portfolio-item-content .portfolio-item-team .h6 {
    font-weight: 300;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 2rem
}

.portfolio-item-single .portfolio-item-content .portfolio-item-team img {
    border-radius: 50%;
    max-width: 100%
}

.portfolio-item-single .portfolio-item-content .portfolio-item-team .name {
    margin-top: 1rem;
    font-weight: 400;
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase
}

.portfolio-item-single .portfolio-item-content .portfolio-item-team .role {
    font-weight: 300;
    font-size: 1.2rem;
    text-align: center
}

.portfolio-item-single .portfolio-item-content .portfolio-item-info {
    padding: 2rem 1.5rem
}

.portfolio-item-single .portfolio-item-content .portfolio-item-info h6,
.portfolio-item-single .portfolio-item-content .portfolio-item-info .h6 {
    font-weight: 300;
    font-size: 1.6rem
}

.portfolio-item-single .portfolio-item-content .portfolio-item-info .ul {
    margin: 2rem 0;
    padding: 0;
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

.portfolio-item-single .portfolio-item-content .portfolio-item-info .ul .li {
    padding: 10px 0 10px 25px;
    position: relative
}

.portfolio-item-single .portfolio-item-content .portfolio-item-info .ul .li img {
    position: absolute;
    left: 0;
    top: 10px;
    width: 17px
}

@media(min-width: 1400px) {
    .portfolio-item-single .navigation .nav {
        justify-content: start
    }

    .portfolio-item-single .navigation .nav .nav-link {
        font-weight: 300;
        font-size: 1.2rem;
        padding: 8px 30px;
        margin-right: 3rem
    }

    .portfolio-item-single .portfolio-item-content .review img {
        width: 300px;
        height: 300px;
        margin: 0
    }

    .portfolio-item-single .portfolio-item-content .review .review-item-content {
        max-width: 500px
    }

    .portfolio-item-single .portfolio-item-content .review .review-item-content h5,
    .portfolio-item-single .portfolio-item-content .review .review-item-content .h5 {
        font-weight: 400
    }

    .portfolio-item-single .portfolio-item-content .portfolio-item-team h6,
    .portfolio-item-single .portfolio-item-content .portfolio-item-team .h6 {
        font-size: 2rem;
        text-transform: uppercase
    }

    .portfolio-item-single .portfolio-item-content .portfolio-item-team img {
        max-width: 120px
    }

    .portfolio-item-single .portfolio-item-content .portfolio-item-team .name {
        text-align: left;
        margin: 0
    }

    .portfolio-item-single .portfolio-item-content .portfolio-item-team .role {
        text-align: left;
        margin: 0
    }

    .portfolio-item-single .portfolio-item-content .portfolio-item-info h6,
    .portfolio-item-single .portfolio-item-content .portfolio-item-info .h6 {
        font-size: 2rem;
        text-transform: uppercase;
        text-align: left
    }

    .portfolio-item-single .portfolio-item-content .portfolio-item-info ul {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3
    }
}

.blog .blog-item {
    position: relative;
    margin-bottom: 1.5rem
}

.blog .blog-item .blog-item-link {
    position: absolute;
    inset: 0;
    z-index: 1
}

.blog .blog-item .badge {
    font-weight: 300;
    border-radius: 16.5px
}

.blog .blog-item .blog-item-img {
    width: 100%;
    object-fit: cover;
    height: 464px
}

.blog .blog-item .blog-item-img img {
    width: 100%;
    object-fit: cover;
    height: 464px
}

.blog .blog-item .blog-item-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(0deg, #212121 0%, rgba(33, 33, 33, 0) 100%)
}

.blog .blog-item .blog-item-content .blog-item-tag {
    padding: 1.5rem 2rem
}

.blog .blog-item .blog-item-content .blog-item-title {
    background: #212121;
    color: #fff;
    font-weight: 300;
    font-size: 1.2rem;
    margin: 0;
    height: 90px;
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem
}

.blog .blog-item .blog-item-content .blog-item-expert {
    color: #fff;
    padding: 1.5rem 2rem 0;
    height: 84px
}

.blog .blog-item .blog-item-content .blog-item-meta {
    font-size: 1.1rem;
    padding: 1.5rem 2rem
}

.blog .blog-item .blog-item-content .blog-item-meta .blog-item-date {
    color: #fff;
    opacity: .5
}

.blog .blog-item .blog-item-content .blog-item-meta .blog-item-like {
    color: #fff
}

.blog .blog-item .blog-item-content .blog-item-meta .blog-item-view {
    padding-left: 1.5rem;
    color: #fff
}

@media(min-width: 1400px) {
    .blog .nav-link {
        font-weight: 300;
        font-size: 1.2rem;
        padding: 8px 25px
    }

    .blog .blog-item .blog-item-img {
        height: 571px
    }

    .blog .blog-item .blog-item-img img {
        height: 571px
    }
}

.blog-item-single .blog-item-single-content {
    padding: 1.5rem 0
}

.blog-item-single .blog-item-single-content h3,
.blog-item-single .blog-item-single-content .h3 {
    font-weight: 300;
    margin-bottom: 2rem
}

.blog-item-single .blog-item-single-content a {
    color: #212121 !important
}

.blog-item-single .blog-item-single-content ul {
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none
}

.blog-item-single .blog-item-single-content ul li {
    position: relative;
    padding: 0 0 0 20px;
    margin-bottom: 15px
}

.blog-item-single .blog-item-single-content ul li:before {
    content: "";
    display: block;
    background: url(fonts/list.svg);
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
    top: 50%;
    margin-top: -7.5px
}

.blog-item-single .blog-item-single-img img {
    width: 100%;
    object-fit: cover;
    height: 420px
}

.blog-item-single .blog-item-single-info {
    padding: 1.5rem 0
}

.blog-item-single .blog-item-single-info .blog-item-single-author {
    margin-top: 1.5rem
}

.blog-item-single .blog-item-single-info .blog-item-single-author img {
    border-radius: 50%;
    height: 75px;
    width: 75px
}

.blog-item-single .blog-item-single-info .blog-item-single-author p {
    margin: 0
}

.blog-item-single .blog-item-single-info .blog-item-single-author .author {
    font-weight: 400
}

.blog-item-single .blog-item-single-info .blog-item-single-title {
    font-weight: 300;
    font-size: 1.8rem;
    text-transform: uppercase;
    margin: 1.3rem 0 0
}

.blog-item-single .blog-item-single-info .blog-item-like {
    margin-top: 1.5rem
}

.blog-item-single .blog-item-single-info .blog-item-view {
    margin-top: 1.5rem
}

.blog-item-single .blog-item-single-info .badge {
    font-weight: 300;
    border-radius: 16.5px;
    margin-top: 1.5rem
}


.like-block {
    padding: 3rem 0
}

.like-block .action-text {
    font-weight: 300;
    font-size: 1.5rem
}

.like-block .badge {
    font-weight: 300;
    border-radius: 27px;
    font-size: 1.5rem;
    cursor: pointer
}

.like-block .badge.disabled {
    opacity: .5
}

.like-block .right-arrow:after {
    height: 35px;
    transform: rotate(-45deg) translate(12px, 5px)
}

@media(min-width: 1400px) {
    .blog-item-single .content-block {
        margin-top: 3rem
    }

    .blog-item-single .blog-item-single-content h3,
    .blog-item-single .blog-item-single-content .h3 {
        font-weight: 400;
        font-size: 2rem;
        margin-top: 3rem
    }

    .blog-item-single .blog-item-single-content ul li:before {
        margin-top: -6.5px
    }

    .blog-item-single .blog-item-single-info .blog-item-single-title {
        font-size: 2.5rem;
        font-weight: 300
    }

    .like-block {
        padding: 5rem 0
    }

    .like-block .action-text {
        font-weight: 300;
        font-size: 2rem
    }
}

.price-repair-block .section-title {
    text-align: left;
    font-size: 2rem;
    margin-top: 3rem
}

.price-repair-block .price-repair-item {
    background: #faf8f3;
    box-shadow: 0 0 35px 6px rgba(0, 0, 0, .1);
    margin-bottom: 2.5rem
}

.price-repair-block .price-repair-item .price-repair-item-img {
    padding: 0 1rem
}

.price-repair-block .price-repair-item .price-repair-item-img img {
    width: 100%
}

.price-repair-block .price-repair-item .price-repair-item-title .price-repair-item-title-title {
    font-weight: 300;
    font-size: 2rem;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.price-repair-block .price-repair-item .price-repair-item-content {
    text-align: center;
    padding: 0 1rem
}

.price-repair-block .price-repair-item .price-repair-item-content a {
    text-decoration: none;
    color: #212121;
    margin-bottom: 1.5rem;
    opacity: .5;
    font-weight: 400
}

.price-repair-block .price-repair-item .price-repair-item-content a.collapsed {
    text-decoration: underline;
    opacity: 1
}

.price-repair-block .price-repair-item .price-repair-item-content ul {
    text-align: left;
    margin-top: 0;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none
}

.price-repair-block .price-repair-item .price-repair-item-content ul li {
    position: relative;
    padding: 0 0 0 20px
}

.price-repair-block .price-repair-item .price-repair-item-content ul li:before {
    content: "";
    display: block;
    background: url(fonts/list.svg);
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
    top: 5px
}

.price-repair-block .price-repair-item .price-repair-item-content ul.wishes li {
    font-size: 1.2rem;
    padding: 5px 0 5px 20px
}

.price-repair-block .price-repair-item .price-repair-item-content ul.wishes li:before {
    top: 11px
}

.price-repair-block .price-repair-item .price-repair-item-list .list-group-item {
    border-left: 0;
    border-right: 0;
    background: rgba(0, 0, 0, 0);
    border-color: rgba(33, 33, 33, .5);
    color: #212121;
    padding: .8rem 1rem;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    margin-bottom: 0
}

.price-repair-block .price-repair-item .price-repair-item-list .list-group-item:before {
    display: none
}

.price-repair-block .price-repair-item .price-repair-item-footer {
    padding: 2rem 0
}

@media(min-width: 1400px) {
    .price-repair-block .section-title {
        text-align: left;
        font-size: 2rem;
        margin-top: 3rem
    }
}

.page-item-single .navigation {
    padding: 3rem 0;
    background: #fff
}

.page-item-single .navigation .nav {
    justify-content: space-between;
    margin: 0 !important
}

.page-item-single .price-block {
    background: #fff
}

@media(min-width: 1400px) {
    .page-item-single .navigation {
        background: #faf8f3
    }

    .page-item-single .navigation .nav {
        justify-content: start
    }

    .page-item-single .navigation .nav .nav-link {
        font-weight: 300;
        font-size: 1.2rem;
        padding: 8px 30px;
        margin-right: 3rem
    }

    .page-item-single .price-block {
        background: #faf8f3
    }
}

.step-arrow {
    position: relative
}

.step-arrow .step {
    color: #fcba1d;
    font-size: 1.2rem
}

.step-arrow .step span {
    background: #212121;
    position: relative;
    padding-right: 30px
}

.step-arrow .step:after {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #fcba1d;
    border-left: 1px solid #fcba1d;
    transform: rotate(135deg);
    position: absolute;
    top: 9px;
    right: 0
}

.step-arrow .step:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fcba1d;
    display: block;
    position: absolute;
    top: 12px;
    right: 0
}

.step-arrow .step.last:after {
    display: none
}

.step-arrow .step.last:before {
    display: none
}

.step-arrow .percent {
    font-size: 2.3rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 300
}

.step-arrow .text {
    font-size: 1.2rem
}

.fs-12 {
    font-size: 12px
}

.p-i-n p {
    margin: 0
}

.wpcf7-response-output {
    background: #fff !important;
    border: #faf8f3 !important;
    color: #212121;
    margin: 0 !important;
    padding: 20px 20px 20px 25px !important
}

.wpcf7-not-valid-tip {
    padding: 10px 20px 0 0 !important
}

.owl-partners {
    padding-top: 2.5rem
}

.owl-partners .owl-stage {
    display: flex;
    align-items: center
}

.owl-partners .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.owl-partners .owl-nav {
    margin-top: 10px
}

.owl-partners .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-partners .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-partners .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-partners .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-partners .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-partners .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-partners .owl-dots .owl-dot.active span,
.owl-partners .owl-dots .owl-dot:hover span {
    background: #212121
}

.modal-open section,
.modal-open header,
.modal-open footer {
    filter: blur(6px)
}

.modal .modal-header {
    border: 0
}

.modal .modal-content {
    background: rgba(33, 33, 33, .9);
    color: #fff
}

.no-hover {
    cursor: default !important
}

.select-design .wpcf7-list-item,
.select-design-project .wpcf7-list-item,
.select-style .wpcf7-list-item {
    grid-column: auto/span 6;
    margin: 0 0 4rem
}

.select-design label,
.select-design-project label,
.select-style label {
    width: 100%;
    object-fit: cover;
    height: 150px;
    position: relative;
    cursor: pointer
}

.select-design input,
.select-design-project input,
.select-style input,
.select-contact input {
    display: none
}

.select-design input+span,
.select-design-project input+span,
.select-style input+span {
    position: absolute;
    padding-left: 25px;
    left: 0;
    top: 160px
}

.select-contact input+span {
    position: absolute;
    padding-left: 25px;
    left: 0;
    font-size: 1.25rem
}

.select-design input+span:before,
.select-design-project input+span:before,
.select-style input+span:before {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 2px
}

.select-contact input+span:before {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 4px
}

.select-design input:checked+span:after,
.select-design-project input:checked+span:after,
.select-style input:checked+span:after {
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 3px
}

.select-contact input:checked+span:after {
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 5px
}

.first-calculator h3,
.first-calculator .h3 {
    color: #fff
}

.first-calculator .cf7mls_back {
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-weight: 300;
    opacity: .5;
    bottom: -2rem;
    font-size: 14px !important
}

.first-calculator .cf7mls_back:before {
    background: url(1f56f111fb9b5f8be8c6.png) no-repeat;
    content: "";
    display: inline-block;
    width: 30px;
    height: 20px;
    background-position: left bottom;
    margin-right: 10px
}

.first-calculator .cf7mls-btns {
    display: flex;
    justify-content: center
}

.first-calculator .form-counter {
    color: rgba(255, 255, 255, .4705882353);
    font-size: 1rem;
    position: absolute;
    top: -2rem;
    left: 0
}

.first-calculator .fieldset-cf7mls-wrapper {
    position: relative;
    overflow: visible
}

.first-calculator .irs-line {
    background: #fff;
    border-color: #fff
}

.first-calculator .irs-bar,
.first-calculator .irs-bar-edge {
    background: #fff;
    border-color: #fff
}

.first-calculator select.form-control {
    background: #212121;
    border: 1px solid #fff;
    color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23ffffff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px
}

.first-calculator .end-slide .round-btn {
    margin: 0 auto
}

.first-calculator .irs-from,
.first-calculator .irs-single,
.first-calculator .irs-to {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    padding-left: 0;
    margin-left: -3px
}

.tree-calculator h3,
.tree-calculator .h3 {
    color: #fff
}

.tree-calculator .cf7mls_back {
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-weight: 300;
    opacity: .5;
    bottom: -4rem;
    font-size: 14px !important
}

.tree-calculator .cf7mls_back:before {
    background: url(1f56f111fb9b5f8be8c6.png) no-repeat;
    content: "";
    display: inline-block;
    width: 30px;
    height: 20px;
    background-position: left bottom;
    margin-right: 10px
}

.tree-calculator .cf7mls-btns {
    display: flex;
    justify-content: center;
    min-height: 0 !important
}

.tree-calculator .form-counter {
    color: rgba(255, 255, 255, .4705882353);
    font-size: 1rem;
    position: absolute;
    top: -2rem;
    left: 0
}

.tree-calculator .fieldset-cf7mls-wrapper {
    position: relative;
    overflow: visible
}

.tree-calculator .irs-line {
    background: #fff;
    border-color: #fff
}

.tree-calculator .irs-bar,
.tree-calculator .irs-bar-edge {
    background: #fff;
    border-color: #fff
}

.tree-calculator select.form-control {
    background: #212121;
    border: 1px solid #fff;
    color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23ffffff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px
}

.tree-calculator .end-slide .round-btn {
    margin: 0 auto
}

.tree-calculator .irs-from,
.tree-calculator .irs-single,
.tree-calculator .irs-to {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    padding-left: 0;
    margin-left: -3px
}

@media(min-width: 1400px) {
    .tree-calculator {
        position: relative
    }

    .tree-calculator .round-btn {
        height: 40px;
        border-radius: 40px;
        flex-direction: row !important;
        margin: 0 !important;
        margin-top: -75px !important;
        float: right;
        text-transform: initial;
        width: 180px
    }

    .tree-calculator .round-btn i.right-arrow.dark-color {
        margin-top: 0 !important;
        margin-right: 10px;
        scale: 1
    }

    .tree-calculator .select-design .wpcf7-list-item {
        grid-column: auto/span 6
    }

    .tree-calculator .select-design-project .wpcf7-list-item {
        grid-column: auto/span 3
    }

    .tree-calculator .irs-slider {
        background: #fcba1d;
        width: 20px;
        height: 20px
    }

    .tree-calculator .form-counter {
        left: inherit;
        top: 3rem;
        right: 0
    }

    .tree-calculator .fieldset-cf7mls-wrapper {
        overflow: visible;
        padding-top: 3rem
    }

    .tree-calculator .select-design input+span:before,
    .tree-calculator .select-design-project input+span:before,
    .tree-calculator .select-style input+span:before,
    .tree-calculator .select-contact input+span:before {
        border-color: #fff
    }

    .tree-calculator .select-design input:checked+span:after,
    .tree-calculator .select-design-project input:checked+span:after,
    .tree-calculator .select-style input:checked+span:after,
    .tree-calculator .select-contact input:checked+span:after {
        border-color: #fff
    }

    .tree-calculator .cf7mls-btns .cf7mls_back {
        right: inherit;
        left: 0;
        width: auto;
        margin: 0;
        bottom: -2rem;
        padding-left: 0
    }

    .tree-calculator .cf7mls-btns .cf7mls_next {
        position: absolute;
        top: 350px;
        right: 0
    }

    .tree-calculator .cf7mls_back {
        right: inherit;
        left: 0;
        width: auto;
        margin: 0;
        bottom: -2rem;
        padding-left: 0
    }

    .tree-calculator .end-slide .round-btn {
        position: absolute;
        top: 350px;
        right: 0
    }
}

@media(min-width: 1400px) {
    .calculator-block {
        overflow: hidden
    }

    .select-design .wpcf7-list-item,
    .select-design-project .wpcf7-list-item,
    .select-style .wpcf7-list-item {
        grid-column: auto/span 4
    }

    .select-design-project.select-design-4 .wpcf7-list-item {
        grid-column: auto/span 3
    }

    .select-design input+span,
    .select-design-project input+span,
    .select-style input+span {
        top: 210px
    }

    .first-calculator {
        padding: 0 100px;
        position: relative
    }

    .first-calculator .squad {
        /* color: #212121 */
    }

    .first-calculator select.form-control {
        font-size: 1.25rem;
        text-align: center;
        background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23212121%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
        background-color: #faf8f2;
        border-color: #212121;
        color: #212121
    }

    .first-calculator .irs-from,
    .first-calculator .irs-single,
    .first-calculator .irs-to {
        background: rgba(0, 0, 0, 0);
        color: #fff;
        font-size: 18px;
        padding-left: 0;
        margin-left: -3px
    }

    .first-calculator .irs-slider {
        background: #fcba1d;
        width: 20px;
        height: 20px
    }

    .first-calculator .irs-line {
        height: 1px;
        /* background: #212121;
        border-color: #212121 */
    }

    .first-calculator .irs-bar,
    .first-calculator .irs-bar-edge {
        height: 1px;
        /* background: #212121;
        border-color: #212121 */
    }

    .first-calculator .form-counter {
        left: inherit;
        top: 3rem;
        right: 3rem;
        color: #212121
    }

    .first-calculator .fieldset-cf7mls-wrapper {
        overflow: visible;
        /* background: #faf8f3; */
        padding: 3rem
    }

    /* .first-calculator .wpcf7-list-item-label {
        color: #212121
    } */

    .first-calculator .h3 {
        color: #212121;
        text-transform: uppercase
    }

    .first-calculator .cf7mls-btns .action-button {
        position: absolute;
        bottom: 0px;
        right: -100px
    }

    .first-calculator .cf7mls-btns .cf7mls_back {
        right: inherit;
        left: 0;
        width: auto;
        margin: 0;
        bottom: -3.5rem;
        padding-left: 0
    }

    .first-calculator .cf7mls_back {
        right: inherit;
        left: 0;
        width: auto;
        margin: 0;
        bottom: -3.5rem;
        padding-left: 0
    }

    .first-calculator .end-slide .round-btn {
        position: absolute;
        bottom: 26px;
        right: -100px
    }

    /* .select-design input+span:before,
    .select-design-project input+span:before,
    .select-style input+span:before,
    .select-contact input+span:before {
        border-color: #212121
    }

    .select-design input:checked+span:after,
    .select-design-project input:checked+span:after,
    .select-style input:checked+span:after,
    .select-contact input:checked+span:after {
        border-color: #212121
    } */

    .select-design label,
    .select-design-project label,
    .select-style label {
        height: 200px
    }
}

.select-contact>span {
    width: 100%
}

.select-contact label {
    width: 100%;
    cursor: pointer
}

.go-inside {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 60px
}

.irs-from,
.irs-single,
.irs-to {
    background: rgba(0, 0, 0, 0);
    color: #212121;
    font-size: 18px;
    padding-left: 0;
    margin-left: -3px
}

.irs-slider {
    background: #fcba1d;
    width: 20px;
    height: 20px
}

.irs-line {
    height: 1px;
    background: #212121;
    border-color: #212121
}

.irs-bar,
.irs-bar-edge {
    height: 1px;
    background: #212121;
    border-color: #212121
}

.irs-max,
.irs-min {
    display: none
}

.irs-single:after {
    display: inline-block;
    content: "M2";
    padding-left: 5px;
    font-size: 12px
}

select.form-control {
    font-size: 1.25rem;
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23212121%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px
}

.big-icon {
    text-align: left;
    margin-bottom: 2rem
}

.support-block {
    background: #fff
}

.big-icon-img {
    width: 250px;
    height: 250px;
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 5rem;
    background-size: cover !important;
    margin: 0 auto 2rem
}

@media(min-width: 1400px) {
    .big-icon {
        text-align: center;
        margin-bottom: 0
    }

    .support-block {
        background: rgba(0, 0, 0, 0)
    }

    .big-icon-img {
        display: flex
    }
}

label.upload-photo {
    background: #fcba1d;
    padding: 12px 20px;
    border-radius: 37px;
    margin-top: -50px;
    cursor: pointer
}

.vacancy-item-single {
    padding-bottom: 3rem
}

.vacancy-item-single .container {
    padding: 0;
    overflow: hidden
}

.vacancy-item-single .container .tab-content .form-title {
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 3rem
}

.vacancy-item-single .container .tab-content .tab-pane textarea.form-control {
    height: 150px
}

.vacancy-item-single .container .tab-content .tab-pane .round-btn {
    position: absolute;
    right: 0;
    bottom: 10px
}

.vacancy-item-single .container .tab-content .tab-pane:first-child {
    max-width: 700px;
    margin: 0 auto
}

.vacancy-item-single .container .tab-content .tab-pane:last-child {
    max-width: 900px;
    margin: 0 auto
}

.vacancy-item-single .container .nav {
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.vacancy-item-single .container .nav li:first-child .btn {
    background: #fcba1d;
    color: #212121
}

.vacancy-item-single .container .nav li:first-child .btn.active {
    background: rgba(0, 0, 0, 0) !important;
    color: #212121 !important;
    border: 1px solid #212121 !important
}

.vacancy-item-single .container .nav li:last-child .btn {
    background: #212121;
    color: #fff
}

.vacancy-item-single .container .nav li:last-child .btn.active {
    background: rgba(0, 0, 0, 0) !important;
    color: #212121 !important;
    border: 1px solid #212121 !important
}

.vacancy-item-single .container .custom-c {
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5)
}

.vacancy-item-single .container .item-bg {
    background: #fff
}

.vacancy-item-single .container .vacancy-header {
    background: #212121;
    color: #fff;
    padding: 15px;
    font-size: 1.2rem
}

.vacancy-item-single .container .item-bg ul {
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none
}

.vacancy-item-single .container .item-bg ul li {
    position: relative;
    padding: 0 0 0 20px;
    margin-bottom: 1rem
}

.vacancy-item-single .container .item-bg ul li:before {
    content: "";
    display: block;
    background: url(fonts/list.svg);
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
    top: 5px
}

@media(min-width: 1400px) {
    .vacancy-item-single .container {
        padding-right: calc(var(--bs-gutter-x)*.5);
        padding-left: calc(var(--bs-gutter-x)*.5)
    }

    .vacancy-item-single .container .custom-c {
        padding: 0
    }

    .vacancy-item-single .container .item-bg {
        background: rgba(0, 0, 0, 0)
    }

    .vacancy-item-single .container .nav {
        justify-content: center;
        align-items: center;
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .vacancy-item-single .container .nav li {
        padding: 0 5rem
    }

    .vacancy-item-single .container .vacancy-header {
        padding: 15px;
        font-size: 1.5rem
    }
}

.vacancy-block {
    padding: 0
}

.vacancy-block .vacancy-item {
    background: #212121;
    color: #fff;
    padding: 4rem 0;
    border-bottom: 1px solid #fff
}

.vacancy-block .vacancy-item .vacancy-item-title {
    text-transform: uppercase;
    font-size: 1.5rem
}

.vacancy-block .vacancy-item .vacancy-item-city,
.vacancy-block .vacancy-item .vacancy-item-price {
    padding: 2rem 0
}

@media(min-width: 1400px) {
    .vacancy-block .vacancy-item {
        border-bottom: 0
    }

    .vacancy-block .vacancy-item .vacancy-item-title {
        text-transform: uppercase;
        font-size: 2.5rem
    }

    .vacancy-block .vacancy-item .vacancy-item-city,
    .vacancy-block .vacancy-item .vacancy-item-price {
        padding: 0
    }
}

.cooperation-page {
    margin: 6rem 0 0
}

.cooperation-page .round-btn {
    position: absolute;
    right: 0;
    bottom: -50px
}

.cooperation-page form p {
    margin: 0
}

.cooperation-page form .form-control {
    padding: 24px 20px 24px 25px
}

.cooperation-page form .wpcf7-form-control-wrap {
    margin-bottom: 1rem;
    display: block
}

@media(min-width: 1400px) {
    .cooperation-page .round-btn {
        position: absolute;
        right: -250px;
        bottom: 50px
    }

    .cooperation-page .left-image {
        position: absolute;
        left: -50px
    }

    .cooperation-page form .wpcf7-form-control-wrap {
        margin-bottom: 2.25rem
    }
}

.contacts-page .tab-pane {
    position: relative
}

.contacts-page .tab-pane .map-contact {
    position: relative;
    width: 100%;
    float: left;
    background: #212121;
    color: #fff
}

.contacts-page .tab-pane .map-location {
    width: 100%;
    height: 250px
}

@media(min-width: 1400px) {
    .contacts-page .tab-pane .map-contact {
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        float: left;
        height: 100%;
        z-index: 9
    }

    .contacts-page .tab-pane .map-location {
        height: 780px
    }
}

.map-contact {
    padding: 2rem
}

.map-contact .phone {
    color: #fcba1d;
    text-decoration: none;
    font-size: 2rem
}

.map-contact .phone-call {
    display: flex;
    align-items: baseline;
    margin-bottom: 1rem
}

.map-contact .call {
    color: #fff;
    margin-left: 15px
}

.map-contact .email {
    color: #fff;
    text-decoration: none;
    font-size: 2rem
}

.map-contact div.email,
.map-contact div.time,
.map-contact div.filials,
.map-contact div.custom {
    margin-bottom: 1rem
}

.map-contact .social a {
    color: #fff !important;
    font-size: 1.5rem
}

.map-contact .filials {
    line-height: 2.5
}

.map-contact p {
    margin-bottom: .5rem
}

.map-contact .social-title {
    color: #fcba1d;
    text-decoration: none;
    font-size: 2rem
}

.contacts-page .nav {
    padding-top: 1rem;
    display: flex;
    justify-content: space-around
}

@media(min-width: 1400px) {
    .map-contact {
        padding: 3rem 4rem
    }

    .contacts-page .nav {
        padding-top: 1rem;
        display: flex;
        justify-content: space-around
    }
}

.contacts_v2 header {
    background: #212121 !important
}

.contacts_v2 header .dropdown-item {
    color: #000 !important
}

.contacts_v2 header .logo-black {
    display: none !important
}

.contacts_v2 header .dropdown .dropdown-toggle {
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0) !important
}

.contacts_v2 header .logo-white {
    display: block !important
}

.contacts_v2 header #mobile-menu span {
    background: #fff
}

.contacts_v2 header a,
.contacts_v2 header span {
    color: #fff !important
}

.contacts_v2 header a:hover,
.contacts_v2 header span:hover {
    color: rgba(255, 255, 255, .5019607843) !important
}

.contacts_v2 header #primary-menu .menu-item-has-children .sub-menu a,
.contacts_v2 header #primary-menu .menu-item-has-children .sub-menu span {
    color: #000 !important
}

.contacts_v2.scrollable #mobile-menu span {
    background: #212121
}

.contacts_v2.scrollable .dropdown .dropdown-toggle {
    color: #212121 !important;
    border: 1px solid #fff !important
}

.contacts_v2.scrollable header {
    background: #fff !important
}

.contacts_v2.scrollable header a,
.contacts_v2.scrollable header span {
    color: #000 !important
}

.contacts_v2.scrollable header .logo-black {
    display: block !important
}

.contacts_v2.scrollable header .logo-white {
    display: none !important
}

.contacts_v2 .breadcrumb-block {
    background: #212121;
    color: #fff
}

.contacts_v2 .breadcrumb-block a {
    color: rgba(255, 255, 255, .5019607843)
}

.contacts_v2 .breadcrumb-block nav>span:after {
    border-color: #fff
}

.contacts_v2 .contacts-page {
    padding: 25px 0 0 0;
    background: #212121;
    color: #fff
}

@media(max-width: 1200px) {
    .contacts_v2 .contacts-page {
        padding: 15px 0 0 0
    }
}

.contacts_v2 .contacts-page h1.title,
.contacts_v2 .contacts-page .title.h1 {
    font-size: var(--fontm);
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    margin-bottom: 2rem
}

@media(min-width: 1200px) {

    .contacts_v2 .contacts-page h1.title,
    .contacts_v2 .contacts-page .title.h1 {
        font-size: var(--fontd)
    }
}

@media(max-width: 768px) {

    .contacts_v2 .contacts-page h1.title,
    .contacts_v2 .contacts-page .title.h1 {
        margin-bottom: 1.5rem;
        font-size: 2rem
    }
}

.contacts_v2 .contacts-page .city {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 400;
    color: #fcba1d;
    margin-bottom: .2rem
}

@media(max-width: 1199px) {
    .contacts_v2 .contacts-page .city {
        font-size: 1.2rem
    }
}

.contacts_v2 .contacts-page .city svg {
    padding-right: 8px;
    color: #fff;
    font-size: 1.6rem
}

@media(max-width: 1199px) {
    .contacts_v2 .contacts-page .city svg {
        font-size: 1.3rem
    }
}

.contacts_v2 .contacts-page .phone-call {
    padding-top: 40px
}

@media(max-width: 1199px) {
    .contacts_v2 .contacts-page .phone-call {
        padding-top: 35px
    }
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page .phone-call {
        padding-top: 27px
    }
}

.contacts_v2 .contacts-page .phone-call a {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 400;
    color: #fcba1d;
    text-decoration: none
}

@media(max-width: 1199px) {
    .contacts_v2 .contacts-page .phone-call a {
        font-size: 1.5rem
    }
}

.contacts_v2 .contacts-page .email {
    padding-bottom: 47px
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page .email {
        padding-bottom: 42px
    }
}

.contacts_v2 .contacts-page .email a {
    font-size: 2rem;
    text-transform: lowercase;
    font-weight: 300;
    color: #fff;
    margin-bottom: 2rem;
    text-decoration: none
}

@media(max-width: 1199px) {
    .contacts_v2 .contacts-page .email a {
        font-size: 1.5rem
    }
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page .email a {
        font-size: 1.4rem
    }
}

@media(max-width: 575px) {
    .contacts_v2 .contacts-page .email a {
        font-size: 1rem
    }
}

.contacts_v2 .contacts-page .map-contact {
    background: #212121
}

.contacts_v2 .contacts-page .time-title {
    font-size: 1.3rem;
    font-weight: 500
}

@media(max-width: 1199px) {
    .contacts_v2 .contacts-page .time-title {
        margin-bottom: .5rem
    }
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page .time-title {
        font-size: 1rem;
        margin-bottom: 0
    }
}

.contacts_v2 .contacts-page .social svg {
    color: #fff;
    font-size: 1.7rem
}

.contacts_v2 .contacts-page .social .social-title {
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fcba1d;
    font-weight: 500
}

@media(max-width: 1200px) {
    .contacts_v2 .contacts-page .social .social-title {
        font-size: 1.2rem
    }
}

@media(max-width: 575px) {
    .contacts_v2 .contacts-page .social .social-title {
        font-size: 1rem
    }
}

.contacts_v2 .contacts-page .contacts-map-row {
    display: flex;
    width: 100%;
    min-height: 400px;
    align-items: stretch;
    padding-bottom: 57px
}

@media(max-width: 1199px) {
    .contacts_v2 .contacts-page .contacts-map-row {
        align-items: stretch;
        padding-bottom: 0;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page .contacts-map-row {
        align-items: stretch;
        flex-direction: column;
        padding-bottom: 0
    }
}

.contacts_v2 .contacts-page .contacts-map-row .contacts-content {
    flex: 0 0 36%;
    max-width: 36%
}

@media(min-width: 1200px) {
    .contacts_v2 .contacts-page .contacts-map-row .contacts-content {
        flex: 0 0 36%;
        max-width: 36%
    }
}

@media(max-width: 1200px) {
    .contacts_v2 .contacts-page .contacts-map-row .contacts-content {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page .contacts-map-row .contacts-content {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.contacts_v2 .contacts-page .contacts-map-row .contacts-content .contacts-content-inner {
    padding-bottom: 0
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page .contacts-map-row .contacts-content .contacts-content-inner {
        padding-bottom: 0
    }
}

.contacts_v2 .contacts-page .contacts-map-row .contacts-map {
    padding: 0 0 0 40px;
    border-radius: 15px;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative
}

@media(min-width: 1200px) {
    .contacts_v2 .contacts-page .contacts-map-row .contacts-map {
        padding: 0 0 0 50px;
        border-radius: 50px;
        flex: 0 0 64%;
        max-width: 64%
    }
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page .contacts-map-row .contacts-map {
        padding: 0;
        border-radius: 15px;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.contacts_v2 .contacts-page .contacts-map-row .contacts-map #map-0 {
    border-radius: 35px;
    height: 416px
}

@media(max-width: 1199px) {
    .contacts_v2 .contacts-page .contacts-map-row .contacts-map #map-0 {
        border-radius: 10px;
        height: 340px;
        margin-top: 20px
    }
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page .contacts-map-row .contacts-map #map-0 {
        border-radius: 15px;
        max-height: 200px;
        display: none
    }
}

.contacts_v2 .contacts-page-form {
    margin: 6rem 0 0;
    overflow: hidden
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page-form {
        margin: 3rem 0 3rem
    }
}

.contacts_v2 .contacts-page-form button.round-btn {
    position: absolute;
    right: -250px;
    bottom: -70px
}

@media(max-width: 1200px) {
    .contacts_v2 .contacts-page-form button.round-btn {
        right: -100px;
        bottom: -50px
    }
}

@media(max-width: 1200px) {
    .contacts_v2 .contacts-page-form button.round-btn {
        right: 0;
        bottom: -50px
    }
}

@media(min-width: 1200px) {
    .contacts_v2 .contacts-page-form .left-image {
        margin-left: -8%
    }
}

@media(max-width: 767px) {
    .contacts_v2 .contacts-page-form textarea.form-control {
        height: 100px;
        margin-bottom: 115px
    }
}

.contacts_v2 #map-1 {
    height: 210px;
    border-radius: 10px
}

@media(min-width: 768px) {
    .contacts_v2 #map-1 {
        display: none
    }
}

.logo-grid-block {
    margin: 5rem 0
}

.logo-grid-block .logo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
    align-content: center;
    align-items: center;
    justify-items: center;
    justify-content: space-around
}

@media(max-width: 1199px) {
    .logo-grid-block .logo-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }
}

@media(max-width: 600px) {
    .logo-grid-block .logo-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap-rows: 35px
    }
}

.gallery-slider-item {
    padding: 10px
}

@media(min-width: 1200px) {
    .gallery-slider .owl-stage {
        display: flex;
        height: 448px
    }

    .gallery-slider-item {
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }
}

@media(max-width: 1199.98px)and (min-width: 600px) {
    .gallery-slider .owl-stage {
        display: flex
    }

    .gallery-slider-item {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width: 599.98px) {
    .gallery-slider .owl-stage {
        display: flex
    }

    .gallery-slider-item {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.gallery-slider-block .section-title {
    font-size: 1.2rem
}

.gallery-slider-block>.container .gallery-slider {
    width: calc(100% - 150px);
    margin: 0 auto
}

@media(max-width: 600px) {
    .gallery-slider-block>.container .gallery-slider {
        width: calc(100% - 65px)
    }
}

.gallery-slider-block>.container>.row {
    width: calc(100% - 150px);
    margin: 0 auto
}

@media(max-width: 600px) {
    .gallery-slider-block>.container>.row {
        width: calc(100% - 65px)
    }
}

@media(max-width: 600px) {
    .gallery-slider-block .pt-0 {
        padding-top: 0 !important
    }
}

.gallery-slider {
    position: relative
}

.gallery-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: -70px;
    width: calc(100% + 150px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    z-index: 2;
    transform: translateY(-50%);
    padding: 0 10px
}

@media(max-width: 600px) {
    .gallery-slider .owl-nav {
        left: -55px;
        width: calc(100% + 110px)
    }
}

.gallery-slider .owl-nav button.owl-prev,
.gallery-slider .owl-nav button.owl-next {
    pointer-events: all;
    background: #fcba1d;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    border: none;
    padding: 0 10px;
    cursor: pointer;
    outline: none;
    transition: color .2s, background .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 42px;
    height: 42px
}

@media(max-width: 600px) {

    .gallery-slider .owl-nav button.owl-prev,
    .gallery-slider .owl-nav button.owl-next {
        width: 22px;
        height: 22px
    }
}

.gallery-slider .owl-nav button.owl-prev svg,
.gallery-slider .owl-nav button.owl-next svg {
    width: 24px
}

@media(max-width: 600px) {

    .gallery-slider .owl-nav button.owl-prev svg,
    .gallery-slider .owl-nav button.owl-next svg {
        width: 8px
    }
}

.gallery-slider .owl-nav button.owl-prev svg path,
.gallery-slider .owl-nav button.owl-next svg path {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 1px;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: none;
    filter: none;
    pointer-events: none
}

.gallery-slider .owl-nav button.owl-prev:hover,
.gallery-slider .owl-nav button.owl-next:hover {
    background: #fcba1d;
    opacity: .8
}

.gallery-slider .owl-nav-svg svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    display: block
}

.gallery-slider .owl-nav button.owl-prev span svg:focus,
.gallery-slider .owl-nav button.owl-prev span svg:focus-visible,
.gallery-slider .owl-nav button.owl-next span svg:focus,
.gallery-slider .owl-nav button.owl-next span svg:focus-visible {
    border: none;
    border-inline: none;
    outline: none
}

.gallery-slider .owl-stage-outer {
    overflow: hidden
}

.gallery-slider .owl-stage-outer .gallery-slider-item {
    width: 100%;
    max-width: 100%
}

.error-404 {
    height: calc(100vh - 52px);
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    color: #fff;
    background: url(0eeefca9e8d4f9a219a5.png) no-repeat center center;
    background-size: cover
}

.error-404 .page-title {
    font-weight: 400;
    text-transform: uppercase
}

.error-404 .error-letter {
    font-size: 13rem;
    font-weight: 400;
    display: flex;
    align-items: center
}

.error-404 .error-letter img {
    height: 50%
}

.error-404 .error-letter .letter {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    color: rgba(0, 0, 0, 0)
}

@media(min-width: 1400px) {
    .error-404 {
        height: calc(100vh - 102px);
        justify-content: center
    }

    .error-404 .sub-title {
        margin-bottom: 2rem
    }

    .error-404 .error-letter {
        font-size: 20rem;
        font-weight: 400;
        display: flex;
        align-items: center
    }
}

.two-calculator .form-action {
    font-size: 1.5rem;
    text-transform: uppercase
}

.two-calculator .free-catalog {
    width: 50%;
    padding-top: 50px
}

.two-calculator p {
    color: #fff
}

.two-calculator .sub-title {
    font-size: 1.2rem;
    margin-bottom: 2rem
}

.two-calculator .form-title {
    color: #fcba1d;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 0
}

.two-calculator select.form-control {
    background: #212121;
    border: 1px solid #fff;
    color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23ffffff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px
}

.two-calculator .irs-line {
    background: #fff;
    border-color: #fff
}

.two-calculator .irs-bar,
.two-calculator .irs-bar-edge {
    background: #fff;
    border-color: #fff
}

.two-calculator .select-contact label {
    width: 100%;
    cursor: pointer;
    display: block;
    height: 30px
}

.two-calculator .round-btn {
    height: 40px;
    border-radius: 40px;
    flex-direction: row !important;
    margin: 0 !important;
    margin-top: -75px !important;
    float: right;
    width: 140px
}

.two-calculator .round-btn i.right-arrow.dark-color {
    margin-top: 0 !important;
    margin-right: 10px
}

.two-calculator .end .round-btn {
    margin-top: 0 !important
}

.two-calculator .fieldset-cf7mls-wrapper {
    overflow: visible
}

.two-calculator .cf7mls-btns {
    min-height: 0 !important
}

.two-calculator .form-counter {
    color: rgba(255, 255, 255, .4705882353);
    text-align: right;
    right: 0;
    bottom: 90px;
    top: inherit;
    position: absolute
}

.two-calculator span.wpcf7-form-control-wrap.telefon {
    margin-bottom: 3rem;
    display: block
}

.two-calculator .irs-from,
.two-calculator .irs-single,
.two-calculator .irs-to {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    padding-left: 0;
    margin-left: -3px
}

.calculator-block {
    overflow: hidden
}

@media(min-width: 1400px) {
    .two-calculator .round-btn {
        width: 180px;
        text-transform: initial
    }

    .two-calculator .round-btn i.right-arrow.dark-color {
        scale: 1
    }

    .two-calculator .select-design input+span:before,
    .two-calculator .select-design-project input+span:before,
    .two-calculator .select-style input+span:before,
    .two-calculator .select-contact input+span:before {
        border-color: #fff
    }

    .two-calculator input:checked+span:after,
    .two-calculator .select-design-project input:checked+span:after,
    .two-calculator .select-style input:checked+span:after,
    .two-calculator .select-contact input:checked+span:after {
        border-color: #fff
    }

    .two-calculator .bg-img {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
        background: url(fafe80ebd910c6df50c3.png) no-repeat right 5rem bottom 2.3rem
    }

    .two-calculator .form-title {
        font-size: 2.5rem;
        width: 50%
    }

    .two-calculator .sub-title {
        width: 100%;
        font-size: 1.5rem
    }
}

.wpcf7-response-output {
    display: none !important
}

.modal input::placeholder {
    color: rgba(255, 255, 255, .7)
}

.modal textarea::placeholder {
    color: rgba(255, 255, 255, .7)
}

.modal textarea {
    min-height: 60px;
    height: 60px
}

.modal .form-control {
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .7)
}

.modal button {
    margin: 3rem auto 0
}

.modal .section-title {
    font-size: 1.5rem
}

@media(min-width: 1400px) {
    .modal .section-title {
        font-size: 2rem
    }
}

.modal-sub-header {
    margin-bottom: 2rem
}

.modal-promo {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 1rem;
    text-align: left
}

.modal-promo-title {
    font-size: 1.5rem;
    text-transform: uppercase
}

.modal-promo-content {
    font-size: 12px
}

a.promo-link {
    text-decoration: none;
    font-size: 1.2rem
}

#getMessage .section-title {
    font-size: 2rem
}

.modal-backdrop.show {
    background: #212121;
    opacity: 1
}

@media(min-width: 1400px) {
    #getMessage .section-title {
        font-size: 2.5rem
    }

    #getMessage .modal-sub-header {
        margin-bottom: 4rem;
        font-size: 16px
    }

    #getMessage .modal-promo {
        max-width: 800px;
        position: relative
    }

    #getMessage .modal-promo a.promo-logo {
        position: absolute;
        top: 0;
        right: 0
    }

    #getMessage .modal-promo a.promo-link {
        font-size: 2rem
    }

    #getMessage .modal-promo a.promo-logo img {
        max-width: 200px
    }

    #getMessage .modal-promo .modal-promo-content {
        font-size: 16px
    }
}

.cookie-alerts {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

.cookie-alerts .alert {
    margin: 0
}

.suppliers-block {
    background: #fff
}

.suppliers-block .suppliers-block-title {
    font-weight: 300;
    font-size: 2rem;
    margin: 0 0 2rem;
    text-transform: uppercase
}

.suppliers-block .low-label {
    display: inline-block;
    background: #fff0bb;
    border-radius: 6px;
    padding: 2px 10px
}

.suppliers-block .low-label:after {
    content: "low";
    font-weight: 600
}

.suppliers-block .national-label {
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url(6db6368dfafc685966a3.png) no-repeat;
    margin-bottom: -5px;
    margin-right: 5px
}

.suppliers-block .suppliers-category-title {
    background: #212121;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    padding: 1rem 0;
    margin-top: -1px
}

.suppliers-block .suppliers-link {
    color: #212121;
    text-decoration: none
}

.suppliers-block .suppliers-link:after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    background: url(077da9af2e1f57ebb9b0.png) no-repeat;
    width: 7px;
    height: 7px;
    background-size: cover
}

.suppliers-block .suppliers-logo-block {
    display: flex;
    padding: 1rem 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-right: 1px solid rgba(0, 0, 0, .2);
    align-items: center;
    justify-content: center
}

.suppliers-block .suppliers-link-block {
    display: flex;
    padding: 1rem 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-right: 1px solid rgba(0, 0, 0, .2);
    align-items: center;
    justify-content: center
}

.suppliers-block .suppliers-badge-block {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem
}

.suppliers-block .suppliers-badge-block .national-label {
    margin-bottom: 0
}

@media(min-width: 1400px) {
    .suppliers-block .suppliers-block-title {
        margin: 0
    }

    .suppliers-block .suppliers-category-title {
        margin-top: -1px;
        margin-right: -1px;
        margin-left: -1px
    }

    .suppliers-block .position-relative {
        border-right: 1px solid rgba(0, 0, 0, .2)
    }

    .suppliers-block .suppliers-category {
        margin-bottom: 5rem;
        max-width: 1780px;
        margin-left: auto;
        margin-right: auto;
        border-left: 1px solid rgba(0, 0, 0, .2);
        overflow: hidden
    }

    .suppliers-block .suppliers-logo-block {
        border: 0;
        padding-top: 4rem
    }

    .suppliers-block .suppliers-logo-block img {
        height: 46px;
        width: auto
    }

    .suppliers-block .suppliers-link-block {
        border: 0;
        background: rgba(252, 186, 29, .06);
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .suppliers-block .suppliers-badge-block {
        border: 0;
        position: absolute;
        justify-content: space-between
    }
}

.dropdown .dropdown-toggle {
    color: #212121;
    border: 1px solid #212121;
    border-radius: 0;
    width: 130px;
    text-align: left;
    background: rgba(0, 0, 0, 0) url(e3aba4b6dc071d530d4d.png) no-repeat;
    background-size: 10px;
    background-position: right 10px center;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown .dropdown-menu {
    width: 130px
}

.dropdown .dropdown-menu .dropdown-item {
    padding-top: .5rem;
    padding-bottom: .5rem;
    white-space: inherit
}

.dropdown .dropdown-menu .dropdown-item:hover {
    color: #212121;
    background-color: #faf8f3
}

.dropdown .dropdown-menu .dropdown-item:focus {
    color: #212121;
    background-color: #faf8f3
}

.dropdown .dropdown-menu .child-dropdown-menu {
    max-height: 0;
    overflow: hidden;
    transition: all .5s
}

.dropdown .dropdown-menu .child-dropdown-menu.show {
    max-height: 600px
}

.dropdown .dropdown-menu button.dropdown-item {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23212121%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e") no-repeat right .75rem center;
    background-size: 16px 12px;
    padding-right: 30px
}

.dropdown .dropdown-menu .child-dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width: 1400px) {
    .dropdown .dropdown-toggle {
        width: 165px
    }

    .dropdown .dropdown-menu {
        width: 165px
    }
}

#search-widget {
    position: relative;
    margin-right: 1rem !important
}

#search-widget .screen-reader-text {
    display: none
}

#search-widget label:before {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    left: 0;
    background: url(ff4659c07532852cda51.png) no-repeat center center
}

#search-widget label:after {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    right: 10px;
    top: 0;
    background: url(1687eb641443a9b39ac3.png) no-repeat center center
}

#search-widget .search-field {
    border: 1px solid #212121;
    font-weight: 300 !important;
    font-size: 1rem !important;
    padding: .37rem 2.8rem;
    border-radius: 1.5rem;
    outline-offset: 0
}

#search-widget .search-submit {
    width: 33px;
    height: 33px;
    position: absolute;
    right: 0;
    opacity: 0
}

#search-widget input[type=search]::-webkit-search-decoration,
#search-widget input[type=search]::-webkit-search-cancel-button,
#search-widget input[type=search]::-webkit-search-results-button,
#search-widget input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

#searchModal .modal-content {
    background: #fff;
    border-radius: 20px
}

#searchModal form {
    position: relative;
    display: flex;
    flex-direction: column
}

#searchModal input[type=search]::-webkit-search-decoration,
#searchModal input[type=search]::-webkit-search-cancel-button,
#searchModal input[type=search]::-webkit-search-results-button,
#searchModal input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

#searchModal .screen-reader-text {
    display: none
}

#searchModal label:before {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    left: 0;
    background: url(ff4659c07532852cda51.png) no-repeat center center
}

#searchModal .search-field {
    border: 1px solid #212121;
    font-weight: 300 !important;
    font-size: 1rem !important;
    padding: .37rem 2.8rem;
    border-radius: 1.5rem;
    outline-offset: 0;
    width: 100%;
    margin-bottom: 2rem
}

#searchModal .search-submit {
    font-weight: 300 !important;
    font-size: 1rem !important;
    padding: .6rem 1.8rem;
    border-radius: 1.5rem;
    line-height: 1.5;
    color: #000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid #fcba1d;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: #fcba1d url(1687eb641443a9b39ac3.png) no-repeat center right 1rem;
    min-width: 150px;
    margin: 0 auto 1rem
}

#searchModal input::placeholder {
    color: #000
}

#searchModal .btn-close {
    background: rgba(0, 0, 0, 0) url(https://borisstudio.ua/wp-content/uploads/2023/09/close.png) center/2em auto no-repeat;
    background-size: 20px
}

.messanger {
    position: fixed;
    bottom: 3.5rem;
    right: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 999;
    transform: rotate(180deg)
}

@media screen and (max-width: 1200px) {
    .messanger {
        bottom: 1rem;
        right: 1.5rem
    }
}

@media screen and (min-width: 1200px)and (max-width: 1400px) {
    .messanger {
        bottom: 2.5rem;
        right: 2.5rem
    }
}

.messanger .mess {
    width: 50px;
    height: 50px;
    background: #2aacef;
    margin-top: 1rem;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    z-index: 1
}

.messanger .mess:nth-child(3) {
    background: #60d769
}

.messanger .mess:nth-child(4) {
    background: #66439f
}

.messanger .mess:nth-child(2) {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)
}

.messanger .button-open {
    display: block;
    width: 65px;
    height: 65px;
    background: #fcba1d no-repeat center center url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 35 32%27 height=%2732%27 width=%2735%27%3E%3Cg xmlns=%27http://www.w3.org/2000/svg%27 transform=%27matrix%28-1 0 0 -1 35 32%29%27%3E%3Cpath d=%27M32.9409 26.3553C33.9693 24.8515 34.5625 23.086 34.5625 21.1974C34.5625 17.7115 32.5437 14.6454 29.4904 12.8765C29.4145 5.7876 22.9408 0.0625 14.9674 0.0625C6.94146 0.0625 0.437762 5.85556 0.437762 13.0023C0.437762 15.4662 1.21157 17.7693 2.55323 19.7306L0.704362 23.1897C-0.0707763 24.4936 0.965629 25.9422 2.23731 25.9422C2.56535 25.94 2.8865 25.8469 3.16574 25.6731L6.7915 23.699C8.8668 24.9471 11.1994 25.6949 13.6078 25.8843C15.4866 28.9989 19.1777 31.1163 23.4246 31.1163C25.7487 31.1163 27.9062 30.4811 29.6897 29.3965L32.4697 30.9097C32.6838 31.043 32.93 31.1144 33.1815 31.1163C34.1553 31.1163 34.9497 30.0061 34.3552 29.0063L32.9409 26.3553ZM7.67127 22.2201L6.83615 21.7128L5.97837 22.1797L2.35261 24.1538L2.31796 24.1727L2.28463 24.1928C2.26953 24.202 2.2537 24.2099 2.23731 24.2164C2.19708 24.2001 2.16462 24.1688 2.14667 24.1289C2.15172 24.1105 2.15959 24.093 2.16999 24.0771L2.18999 24.0435L2.20865 24.0085L4.05752 20.5481L4.55473 19.6176L3.95954 18.7483C2.77051 17.0164 2.14667 15.0289 2.14667 13.0023C2.14667 6.81838 7.89655 1.78763 14.9648 1.78763C21.6651 1.78763 27.1804 6.30904 27.7362 12.0476C26.3559 11.5344 24.8962 11.2733 23.4253 11.2765C17.2742 11.2765 12.2874 15.7172 12.2874 21.1974C12.287 22.1673 12.4447 23.1306 12.754 24.0489C10.9574 23.7815 9.2304 23.1601 7.67127 22.2201ZM31.5319 25.3737L30.9367 26.2429L31.434 27.1735L32.3484 28.8845L30.5035 27.8793L29.6457 27.4123L28.8106 27.9196C27.225 28.8831 25.3622 29.3925 23.4246 29.3925C18.226 29.3925 13.9963 25.7161 13.9963 21.1974C13.9963 16.6787 18.226 13.0023 23.4246 13.0023C28.6233 13.0023 32.8529 16.6787 32.8529 21.1974C32.8455 22.6926 32.3855 24.1498 31.5346 25.3737H31.5319ZM26.8664 21.6287C26.8664 21.7993 26.8163 21.9661 26.7224 22.1079C26.6286 22.2498 26.4951 22.3603 26.339 22.4256C26.1828 22.4909 26.011 22.508 25.8453 22.4747C25.6795 22.4414 25.5273 22.3592 25.4078 22.2386C25.2883 22.118 25.2069 21.9643 25.174 21.797C25.141 21.6296 25.1579 21.4562 25.2226 21.2986C25.2873 21.141 25.3968 21.0063 25.5373 20.9115C25.6778 20.8167 25.843 20.7661 26.012 20.7661C26.1246 20.7654 26.2363 20.7872 26.3406 20.8302C26.4449 20.8733 26.5397 20.9367 26.6196 21.0169C26.6995 21.097 26.763 21.1923 26.8062 21.2973C26.8495 21.4024 26.8718 21.515 26.8718 21.6287H26.8664ZM24.3031 21.6287C24.3031 21.7993 24.253 21.9661 24.1591 22.1079C24.0652 22.2498 23.9318 22.3603 23.7756 22.4256C23.6195 22.4909 23.4477 22.508 23.2819 22.4747C23.1162 22.4414 22.9639 22.3592 22.8444 22.2386C22.725 22.118 22.6436 21.9643 22.6106 21.797C22.5776 21.6296 22.5946 21.4562 22.6592 21.2986C22.7239 21.141 22.8334 21.0063 22.9739 20.9115C23.1144 20.8167 23.2796 20.7661 23.4486 20.7661C23.5612 20.7655 23.6728 20.7874 23.7771 20.8304C23.8813 20.8735 23.976 20.9369 24.0558 21.0171C24.1357 21.0972 24.199 21.1925 24.2423 21.2975C24.2855 21.4025 24.3078 21.515 24.3078 21.6287H24.3031ZM21.7397 21.6287C21.7397 21.7993 21.6896 21.9661 21.5957 22.1079C21.5018 22.2498 21.3684 22.3603 21.2123 22.4256C21.0561 22.4909 20.8843 22.508 20.7186 22.4747C20.5528 22.4414 20.4006 22.3592 20.2811 22.2386C20.1616 22.118 20.0802 21.9643 20.0472 21.797C20.0143 21.6296 20.0312 21.4562 20.0959 21.2986C20.1605 21.141 20.2701 21.0063 20.4106 20.9115C20.5511 20.8167 20.7163 20.7661 20.8853 20.7661C20.9979 20.7655 21.1095 20.7874 21.2137 20.8304C21.3179 20.8735 21.4126 20.9369 21.4925 21.0171C21.5723 21.0972 21.6357 21.1925 21.6789 21.2975C21.7221 21.4025 21.7444 21.515 21.7444 21.6287H21.7397Z%27 fill=%27%23141F38%27/%3E%3C/g%3E%3C/svg%3E");
    border-radius: 50%;
    box-shadow: 0 0 25px #fcba1d;
    position: relative;
    cursor: pointer;
    z-index: 2;
    animation: horizontal-shaking 10s infinite;
    transform-style: preserve-3d
}

.messanger .button-open:after {
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    background: #fcba1d;
    border-radius: 3px;
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 99;
    transform: translateZ(-1px)
}

.messanger.show .mess {
    position: relative
}

.messanger.show .button-open {
    box-shadow: 0 0 0 0;
    background: #fff url(fonts/close.svg) no-repeat center center;
    animation: none
}

.messanger.show .button-open:after {
    background: #fff
}

@keyframes horizontal-shaking {
    0% {
        transform: translateX(0)
    }

    5% {
        transform: translateX(5px)
    }

    8% {
        transform: translateX(-5px)
    }

    10% {
        transform: translateX(5px)
    }

    12% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(0)
    }
}

.map-block {
    background: #212121;
    color: #fff;
    padding: 3rem 2rem;
    margin: 2rem auto
}

.map-block h3,
.map-block .h3 {
    color: #fcba1d;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2rem;
    margin-bottom: 2rem
}

.map-block .adr {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.map-block ul {
    list-style: none;
    padding: 0;
    font-size: 1.5rem
}

.map-block ul li {
    margin-top: 2rem;
    padding-left: 3rem;
    position: relative
}

.map-block ul li svg {
    position: absolute;
    left: 0;
    top: .5rem
}

@media(min-width: 1400px) {
    .map-block {
        padding: 4rem 2rem
    }
}

.actions .breadcrumb-block {
    background: #fff
}

@media(max-width: 768px) {

    .actions .h-b-2 h1,
    .actions .h-b-2 .h1 {
        font-size: 2rem;
        line-height: normal
    }
}

.single-actions .h-b-2 h1,
.single-actions .h-b-2 .h1 {
    text-transform: unset !important;
    font-weight: 400
}

@media(max-width: 1200px) {

    .single-actions .h-b-2 h1,
    .single-actions .h-b-2 .h1 {
        max-width: 100% !important
    }
}

@media(max-width: 768px) {

    .single-actions .h-b-2 h1,
    .single-actions .h-b-2 .h1 {
        font-size: 1.6rem;
        line-height: normal
    }
}

.single-actions .h-b-2 h1 span,
.single-actions .h-b-2 .h1 span {
    display: block;
    color: #fcba1d
}

.actions-block {
    background: #fff;
    margin-top: -1px
}

.actions-block .badge {
    font-weight: 300;
    border-radius: 16.5px
}

.action-item-img {
    position: relative
}

.action-item-img img {
    height: 315px;
    object-fit: cover
}

@media(max-width: 1200px) {
    .action-item-img img {
        height: 265px
    }
}

@media(max-width: 768px) {
    .action-item-img img {
        height: 213px
    }
}

.action-item-img .badge {
    position: absolute;
    top: 1.5rem;
    left: 2rem
}

@media(max-width: 768px) {
    .action-item {
        padding-bottom: 60px
    }
}

.action-item h3,
.action-item .h3,
.action-item a {
    text-decoration: none !important;
    font-size: 1.8rem;
    margin: 1.6rem 0 .5rem 0;
    text-transform: uppercase;
    font-weight: 400
}

@media(max-width: 1200px) {

    .action-item h3,
    .action-item .h3,
    .action-item a {
        font-size: 1.6rem
    }
}

@media(max-width: 768px) {

    .action-item h3,
    .action-item .h3,
    .action-item a {
        margin: 1.5rem 0 .2rem 0;
        font-size: 1.3rem
    }
}

.action-item-content {
    color: #000
}

.my-7 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.customize-support h1.text-uppercase,
.customize-support .text-uppercase.h1 {
    max-width: 70%
}

@media(max-width: 1200px) {

    .customize-support h1.text-uppercase,
    .customize-support .text-uppercase.h1 {
        max-width: 100%
    }
}

.customize-support .content-block {
    max-width: 84%;
    margin: 0 auto;
    padding: 35px 0 0px
}

@media(max-width: 1200px) {
    .customize-support .content-block {
        max-width: 100%;
        padding: 50px 0 30px
    }
}

.customize-support .content-block .action-item-btn {
    padding: 10px 0 50px
}

@media(max-width: 1200px) {
    .customize-support .content-block .action-item-btn {
        padding: 0 !important
    }
}

.fancybox__container {
    z-index: 9999 !important
}

#myCarousel {
    scrollbar-face-color: #646464;
    scrollbar-base-color: #646464;
    scrollbar-3dlight-color: #646464;
    scrollbar-highlight-color: #646464;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: #000;
    scrollbar-shadow-color: #646464;
    scrollbar-dark-shadow-color: #646464
}

#myCarousel::-webkit-scrollbar {
    width: 8px;
    height: 3px
}

#myCarousel::-webkit-scrollbar-track {
    background-color: #646464
}

#myCarousel::-webkit-scrollbar-track-piece {
    background-color: #000
}

#myCarousel::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #666;
    border-radius: 3px
}

#myCarousel::-webkit-scrollbar-corner {
    background-color: #646464
}

#myCarousel::-webkit-resizer {
    background-color: #666
}

#myCarouselThumb::-webkit-scrollbar {
    display: none
}

#myCarouselThumb {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#galleryModals .modal-header {
    position: absolute;
    width: 100%;
    z-index: 99
}

#galleryModals #myCarousel {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center
}

#galleryModals #myCarousel a {
    display: flex;
    cursor: zoom-in;
    margin-bottom: 3px
}

#galleryModals #myCarousel img {
    width: 900px
}

#galleryModals #myCarouselThumb {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 145px);
    margin-top: 70px
}

#galleryModals #myCarouselThumb span {
    width: 120px;
    cursor: pointer;
    margin: 3px 0;
    border: 3px solid rgba(0, 0, 0, 0)
}

#galleryModals #myCarouselThumb span:hover {
    border-color: #fff
}

#galleryModals #myCarouselThumb span.active {
    border-color: rgba(255, 255, 255, .5)
}

#galleryModals .carousel-control {
    display: block;
    background: #fcba1d;
    position: absolute;
    top: 50%;
    line-height: 18px;
    padding: 20px 10px;
    margin: -33px 0 0 0;
    border: 0 none;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    z-index: 2
}

#galleryModals .carousel-control {
    background: #fcba1d;
    padding: 0;
    margin: 0;
    right: 0;
    left: 42px;
    text-align: center;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    width: 40px;
    height: 40px;
    cursor: pointer !important;
    z-index: 99;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center
}

#galleryModals .carousel-control:hover {
    opacity: .8
}

#galleryModals .carousel-control svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
    color: #212121
}

#galleryModals .carousel-control.prev {
    top: 20px;
    border-radius: 8px 8px 0 0
}

#galleryModals .carousel-control.next {
    top: auto;
    bottom: 20px;
    border-radius: 0 0 8px 8px
}

#galleryModals .carousel-control.prev svg {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#galleryModals .carousel-control.next svg {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.new-designer-block .new-designer-img img {
    width: 100%;
    object-fit: cover;
    height: 240px;
    object-position: top center;
    border-radius: 40px
}

.new-designer-block .new-designer-content {
    padding: 20px 0
}

.new-designer-block .new-designer-content h3,
.new-designer-block .new-designer-content .h3 {
    font-weight: 400 !important
}

.new-designer-block .new-designer-content h3 span,
.new-designer-block .new-designer-content .h3 span {
    color: #fcba1d
}

.new-designer-block .new-designer-images {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 20px
}

.new-designer-block .new-designer-images img {
    border-radius: 40px;
    width: 45%
}

@media(min-width: 992px) {
    .new-designer-block .new-designer-img img {
        height: auto
    }

    .new-designer-block .new-designer-content {
        padding: 0 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%
    }

    .new-designer-block .new-designer-images {
        flex-direction: column
    }

    .new-designer-block .new-designer-images img.f {
        margin-left: 30%
    }

    .new-designer-block .new-designer-images img.l {
        margin-top: -20%
    }
}

#getNewDesigner .container {
    padding: 0
}

#getNewDesigner .container .new-designer-modal {
    background: #faf8f3
}

#getNewDesigner .container .new-designer-modal .modal-designer-img img {
    width: 100%;
    object-fit: cover;
    height: 250px;
    object-position: top center
}

#getNewDesigner .container .new-designer-modal .modal-designer-img+p {
    display: none
}

#getNewDesigner .container .new-designer-modal .order-lg-1+p {
    display: none
}

#getNewDesigner .container .new-designer-modal .modal-designer-content {
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5)
}

#getNewDesigner .container .new-designer-modal .modal-designer-content h3,
#getNewDesigner .container .new-designer-modal .modal-designer-content .h3 {
    color: #212121;
    font-weight: 400 !important;
    margin-top: 1.5rem !important
}

#getNewDesigner .container .new-designer-modal .modal-designer-content h3 span,
#getNewDesigner .container .new-designer-modal .modal-designer-content .h3 span {
    color: #fcba1d
}

#getNewDesigner .container .new-designer-modal .modal-designer-content form .selected-dial-code {
    color: #000 !important
}

#getNewDesigner .container .new-designer-modal .modal-designer-content form .form-control {
    background: #fff;
    color: #212121
}

#getNewDesigner .container .new-designer-modal .modal-designer-content form .form-control::placeholder {
    color: #212121
}

@media(min-width: 992px) {
    #getNewDesigner .container {
        max-width: 1286px
    }

    #getNewDesigner .container .new-designer-modal .modal-designer-img img {
        height: 550px
    }

    #getNewDesigner .container .new-designer-modal .modal-designer-content {
        text-align: left;
        padding: 50px
    }

    #getNewDesigner .container .new-designer-modal .modal-designer-content p {
        color: #212121
    }

    #getNewDesigner .container .new-designer-modal .modal-designer-content form button {
        margin-left: 0;
        margin-top: 0
    }
}

.count-price {
    color: #fcba1d;
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    left: 0;
    top: 40%
}

.witch-price {
    position: relative;
    justify-content: end !important
}

.witch-price .cf7mls_back {
    padding-bottom: 0 !important
}

.witch-price .round-btn {
    margin-bottom: 50px !important
}

.end-slide.witch-price button {
    margin-right: 0 !important
}

@media(min-width: 992px) {
    .count-price {
        color: #212121;
        font-style: normal;
        font-weight: 500
    }

    .end-slide.witch-price .count-price {
        color: #212121;
        font-style: normal;
        font-weight: 500;
        left: 0;
        top: 0;
        margin-top: -30px
    }

    .witch-price .cf7mls_back {
        position: absolute;
        top: 140px
    }

    .witch-price .round-btn {
        margin-bottom: 0px !important
    }
}

.mobile-sity .dropdown .dropdown-toggle {
    background: rgba(0, 0, 0, 0);
    border: 0;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 100px
}

.mobile-sity .dropdown.dropdownCity {
    display: flex;
    align-items: center
}

li.custom-sity {
    padding: .25rem 1rem;
    text-align: center
}

li.custom-sity span {
    font-size: 12px
}

li.custom-sity div {
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding-top: 1rem
}

.mobile-sity .dropdownCountry {
    display: none
}

#primary-menu.mega .menu-item-has-children {
    position: initial !important
}

#primary-menu.mega .menu-item-has-children.active>a {
    /* color: #FCBA1D !important; */
    font-weight: 700 !important
}

#primary-menu.mega .menu-item-has-children .mega-menu {
    display: none;
    width: 100%;
    height: 565px;
    background: #fff url(https://borisstudio.ua/wp-content/uploads/mega-menu-bg-scaled.jpg);
    background-size: 25% 100%;
    background-repeat: no-repeat;
    background-position: right top 0;
    position: absolute;
    left: 0;
    padding-top: 0;
    margin-top: 12px
}

#primary-menu.mega .menu-item-has-children .mega-menu::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px
}

#primary-menu.mega .menu-item-has-children .mega-menu .mega-menu__btn {
    position: absolute;
    bottom: -35px;
    z-index: 1;
    width: 100%;
    text-align: center
}

#primary-menu.mega .menu-item-has-children .mega-menu .mega-menu__btn-close {
    background: #d9d9d9;
    border-radius: 37px;
    padding: .6rem 1.7rem;
    color: #000;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease
}

#primary-menu.mega .menu-item-has-children .mega-menu .mega-menu__btn-close:hover {
    background: #cfcfcf
}

#primary-menu.mega .menu-item-has-children .mega-menu .sub-menu {
    transform-origin: left;
    transform: scaleX(0) translateZ(0)
}

#primary-menu.mega .menu-item-has-children .mega-menu .menu-level-0>li.active>ul {
    transform: scaleX(1) translateZ(0) !important;
    opacity: 1 !important
}

#primary-menu.mega .menu-item-has-children .mega-menu li {
    border-bottom-color: rgba(0, 0, 0, 0)
}

#primary-menu.mega .menu-item-has-children .mega-menu li a:after {
    width: 5px;
    height: 5px
}

#primary-menu.mega .menu-item-has-children .mega-menu a:hover:after {
    border-top: 2px solid #FCBA1D;
    border-left: 2px solid #FCBA1D;
}

#primary-menu.mega .menu-item-has-children .mega-menu a:hover {
    color: #FCBA1D !important;
    font-weight: 700 !important
}

#primary-menu.mega .menu-item-has-children .mega-menu li .menu-level-1 {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    background: #faf8f3
}

#primary-menu.mega .menu-item-has-children .mega-menu li .menu-level-1 li {
    padding: .25rem 2.5rem;
    font-size: 15px;
    font-weight: 500
}

#primary-menu.mega .menu-item-has-children .mega-menu li .menu-level-1 li a {
    font-size: 15px;
    font-weight: 500
}

#primary-menu.mega .menu-item-has-children .mega-menu li .menu-level-1 .menu-level-2 {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 rgba(0, 0, 0, .1)
}

#primary-menu.mega .menu-item-has-children .mega-menu li .menu-level-1 .menu-level-2.two-column {
    width: 200%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2
}

#primary-menu.mega .menu-item-has-children .mega-menu li .menu-level-1 .menu-level-2 li {
    padding: .16rem 2.5rem;
    font-size: 14px;
    font-weight: 300
}

#primary-menu.mega .menu-item-has-children .mega-menu li .menu-level-1 .menu-level-2 li a {
    font-size: 14px;
    font-weight: 300
}

/* #primary-menu.mega .menu-item-has-children .mega-menu li .menu-level-1 .menu-level-2 li:hover a {
    color: #212121 !important;
    font-weight: 300 !important;
    text-decoration: underline
} */

#primary-menu.mega .menu-item-object-page a:hover, #primary-menu.mega .menu-item-type-custom a:hover{
    color: #FCBA1D !important;
    font-weight: 500 !important;
}

#primary-menu.mega .menu-item-object-page a:hover>i, #primary-menu.mega .menu-item-type-custom a:hover>i{
    border-color: #FCBA1D !important;
    border-top: 2px solid;
    border-left: 2px solid;
}

#primary-menu.mega .sub-menu .menu-item-type-custom:hover>a {
    font-weight: 700 !important;
}

#primary-menu.mega .menu-item-type-custom:hover>a.mega-menu-trigger{
    color: initial !important;
}

#primary-menu.mega .menu-item-has-children:hover>a+.mega-menu-1>.sub-menu {
    transform: scaleY(1) translateZ(0) !important;
    opacity: 1 !important
}

#primary-menu.mega .menu-item-has-children:hover .mega-menu {
    display: block
}

#primary-menu.mega .menu-item-has-children:hover .mega-menu .menu-level-0 {
    display: block;
    left: 0;
    transform: scaleY(1) translateZ(0) !important;
    opacity: 1 !important;
    height: 100%;
    position: relative;
    width: 25%;
    box-shadow: 0 0 0 rgba(0, 0, 0, .1)
}

#primary-menu.mega .menu-item-has-children:hover .mega-menu .menu-level-0>li {
    font-size: 16px;
    padding: .5rem 2.5rem
}

#primary-menu.mega .menu-item-has-children:hover .mega-menu .menu-level-0>li>a {
    font-size: 16px
}

#primary-menu.mega .menu-item-has-children.open-menu .mega-menu {
    display: block
}

#primary-menu.mega .menu-item-has-children.open-menu .mega-menu .menu-level-0 {
    display: block;
    left: 0;
    transform: scaleY(1) translateZ(0) !important;
    opacity: 1 !important;
    height: 100%;
    position: relative;
    width: 25%;
    box-shadow: 0 0 0 rgba(0, 0, 0, .1)
}

#primary-menu.mega .menu-item-has-children.open-menu .mega-menu .menu-level-0>li {
    font-size: 16px;
    padding: .5rem 2.5rem
}

#primary-menu.mega .menu-item-has-children.open-menu .mega-menu .menu-level-0>li>a {
    font-size: 16px
}

i.arrow-down {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #212121;
    border-left: 1px solid #212121;
    transform: rotate(225deg);
    top: 15px;
    margin-left: 5px;
    margin-bottom: 3px
}

.mega-menu-1 {
    position: absolute
}

.h-b {
    position: relative;
    height: 80vh;
    text-align: left;
    background-size: cover;
    background-position: center center;
    padding: 9rem 0;
    overflow: hidden
}

.h-b.half-sice {
    height: 60vh
}

.h-b .container {
    height: 100%;
    position: relative
}

.h-b .container .row {
    height: 100%;
    flex-direction: row;
    justify-content: space-around
}

.h-b .container .row .col-12 {
    display: flex;
    justify-content: start;
    align-items: center
}

.h-b .container .row .h-b-title {
    text-transform: uppercase;
    color: #fff;
    font-size: var(--fontm);
    font-weight: 400;
    margin-bottom: 0px
}

.h-b .container .row .h-b-sub-title {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding: 10px 15px;
    border-radius: 10px;
    background: rgba(33, 33, 33, .1);
    backdrop-filter: blur(10px);
    display: inline-block;
    position: relative;
    line-height: 1.3;
    margin-bottom: 0px;
    padding-left: 50px
}

.h-b .container .row .h-b-sub-title span {
    color: #fcba1d
}

.h-b .container .row .h-b-sub-title img {
    position: absolute;
    width: 100px;
    left: -24px;
    top: -20px
}

.h-b .container .row .h-b-btn a {
    z-index: 1
}

@media(min-width: 992px) {
    .h-b {
        text-align: left
    }

    .h-b .container .row {
        justify-content: center;
        padding: 0 8rem;
        flex-direction: row
    }

    .h-b .container .row .col-12 {
        display: flex;
        justify-content: start;
        align-items: center
    }

    .h-b .container .row .h-b-title {
        font-size: var(--fontd);
        margin-bottom: 0
    }

    .h-b .container .row .h-b-sub-title {
        font-size: 25px;
        border-radius: 20px;
        padding-left: 90px
    }

    .h-b .container .row .h-b-sub-title img {
        width: auto;
        left: -50px;
        top: -45px
    }
}

.h-b-available {
    padding-top: 0
}

.h-b-available header {
    background: rgba(0, 0, 0, 0) !important;
    color: #fff
}

.h-b-available header #mobile-menu span {
    background: #fff !important
}

.h-b-available header .logo-black {
    display: none
}

.h-b-available header .logo-white {
    display: block
}

.h-b-available header #lang-menu .lang-item a {
    color: #fff !important
}

.h-b-available header #lang-menu .lang-item.current-lang a {
    color: #fff !important
}

.h-b-available header #lang-menu .lang-item:not(.current-lang):hover a {
    opacity: 50%
}

.h-b-available header #lang-menu .nav-link {
    color: #fff !important
}

.h-b-available header #primary-menu>li>a {
    color: #fff !important
}

.h-b-available header #primary-menu>li>a .arrow-down {
    border-color: #fff !important
}

.h-b-available header .dropdown .dropdown-toggle {
    border-color: #fff;
    color: #fff;
    background: rgba(0, 0, 0, 0) url(0f54753c7c9b04540ff7.png) no-repeat;
    background-size: 10px;
    background-position: right 10px center
}

.h-b-available header #search-widget .search-field {
    border-color: #fff;
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .5)
}

.h-b-available header #search-widget .search-field::placeholder {
    color: rgba(255, 255, 255, .5)
}

.h-b-available header #search-widget label:before {
    background: url(ff4659c07532852cda51.png) no-repeat center center
}

.h-b-available header #search-widget label:after {
    background: url(fonts/arrow-right-white.svg) no-repeat center center
}

.h-b-available header .mobile-sity .dropdown .dropdown-toggle {
    background: rgba(0, 0, 0, 0)
}

.h-b-available header a.link-dark.d-flex.d-xxl-none.me-3 {
    color: #fff !important
}

.h-b-available header svg.svg-inline--fa.fa-location-dot {
    color: #fff
}

.h-b-available.scrollable header {
    background: #fff !important;
    color: #000
}

.h-b-available.scrollable header #mobile-menu span {
    background: #000 !important
}

.h-b-available.scrollable header .logo-black {
    display: block
}

.h-b-available.scrollable header .logo-white {
    display: none
}

.h-b-available.scrollable header #lang-menu .lang-item a {
    color: #000 !important
}

.h-b-available.scrollable header #lang-menu .lang-item.current-lang a {
    color: #000 !important
}

.h-b-available.scrollable header #lang-menu .nav-link {
    color: #000 !important
}

.h-b-available.scrollable header #primary-menu>li>a {
    color: #000 !important
}

.h-b-available.scrollable header #primary-menu>li>a .arrow-down {
    border-color: #000 !important
}

#primary-menu.mega .menu-item-object-page a:hover>i, #primary-menu.mega .menu-item-type-custom a:hover>i, .h-b-available.scrollable header #primary-menu>li>a:hover .arrow-down{
    border-color: #FCBA1D !important;
    border-top: 2px solid;
    border-left: 2px solid;
}

.h-b-available.scrollable header .dropdown .dropdown-toggle {
    border-color: #000;
    color: #000;
    background: rgba(0, 0, 0, 0) url(e3aba4b6dc071d530d4d.png) no-repeat;
    background-size: 10px;
    background-position: right 10px center
}

.h-b-available.scrollable header #search-widget .search-field {
    border-color: #000;
    background: rgba(0, 0, 0, 0);
    color: #000
}

.h-b-available.scrollable header #search-widget .search-field::placeholder {
    color: #000
}

.h-b-available.scrollable header #search-widget label:after {
    background: url(1687eb641443a9b39ac3.png) no-repeat center center
}

.h-b-available.scrollable header #search-widget label:before {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    left: 0;
    background: url(4cbaa80a5412ab5b8947.png) no-repeat center center
}

.h-b-available.scrollable header .mobile-sity .dropdown .dropdown-toggle {
    background: rgba(0, 0, 0, 0)
}

.h-b-available.scrollable header a.link-dark.d-flex.d-xxl-none.me-3 {
    color: #000 !important
}

.h-b-available.scrollable header svg.svg-inline--fa.fa-location-dot {
    color: #000
}

@media(min-width: 1400px) {
    .h-b-available header .wp-block-polylang-language-switcher li {
        border-left: 1px solid #fff
    }

    .h-b-available header .wp-block-polylang-language-switcher li:first-child {
        border: none
    }

    .h-b-available.scrollable header .wp-block-polylang-language-switcher li {
        border-left: 1px solid #000
    }

    .h-b-available.scrollable header .wp-block-polylang-language-switcher li:first-child {
        border: none
    }
}

.open-mobile-menu .h-b-available header {
    background: #fff !important
}

.open-mobile-menu .h-b-available header #lang-menu .lang-item a {
    color: #000 !important
}

.open-mobile-menu .h-b-available header #lang-menu .lang-item.current-lang a {
    color: #000 !important
}

.open-mobile-menu .h-b-available header #lang-menu .nav-link {
    color: #000 !important
}

.open-mobile-menu .h-b-available header .dropdown .dropdown-toggle {
    color: #000
}

.open-mobile-menu .h-b-available header #mobile-menu span {
    background: #000 !important
}

.open-mobile-menu .h-b-available header a.link-dark.d-flex.d-xxl-none.me-3 {
    color: #000 !important
}

.open-mobile-menu .h-b-available header svg.svg-inline--fa.fa-location-dot {
    color: #000
}

.open-mobile-menu .h-b-available header .logo-black {
    display: block
}

.open-mobile-menu .h-b-available header .logo-white {
    display: none
}

.like-project {
    background: #fcba1d;
    padding: 2rem
}

.like-project .like-project-header {
    color: #212121;
    font-size: 2rem;
    font-weight: 400
}

.like-project .like-project-description {
    color: #212121;
    font-size: 14px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: block;
    text-align: center
}

.like-project .btn {
    color: #333;
    background: #fff;
    border-color: #fff
}

@media(min-width: 992px) {
    .like-project {
        padding: 2.5rem
    }

    .like-project .like-project-header {
        font-size: 2.5rem
    }

    .like-project .like-project-description {
        font-size: 1.1rem;
        text-align: left;
        margin: 0
    }
}

.project-new #project-callback-btn:after {
    content: none
}

.project-new .project-bg {
    background: #f5f5f5;
    color: #212121;
    padding: 2rem;
    margin: .5rem 0;
    font-weight: 400;
    text-align: center
}

.project-new .project-bg.project-about {
    text-align: left
}

.project-new .project-new-title {
    font-size: 1.6rem;
    font-weight: 400
}

.project-new .project-new-phone {
    font-size: 2.5rem;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 2rem
}

.project-new .project-team .project-team-item {
    font-size: 1.2rem;
    font-weight: 300
}

.project-new .project-team .project-team-item img {
    border-radius: 50%;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.project-new .project-team .project-team-item .project-team-item-name {
    font-weight: 400
}

.project-new .project-team .project-team-item .project-team-item-desc {
    font-size: .9rem
}

.project-new .project-new-settings div {
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: relative;
    padding-left: 2.5rem
}

.project-new .project-new-settings svg {
    color: #fcba1d;
    position: absolute;
    left: 10px;
    height: 1.2rem;
    top: 8px
}

.project-new .f-carousel__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff
}

.project-new .f-carousel__slide img {
    width: 100%
}

.project-new .f-button {
    background: #fcba1d;
    border-radius: 50%
}

.project-new .f-button:hover {
    background: #fcba1d !important;
    opacity: .8 !important
}

.project-new .f-button svg {
    color: #212121
}

@media(min-width: 992px) {
    .project-new .project-team .project-team-item {
        display: flex;
        align-items: center;
        text-align: left
    }

    .project-new .project-team .project-team-item img {
        max-width: 50px;
        margin-right: .7rem
    }

    .project-new .f-carousel__slide img {
        max-width: 680px
    }
}

#galleryModals .modal-content {
    background: #000
}

#galleryModals .project-new {
    padding: 2rem;
    background: rgba(0, 0, 0, 0)
}

#galleryModals .project-new .project-bg {
    background: #212121;
    color: #fff
}

.new-team .new-team-item-title {
    font-size: 21px;
    font-weight: 300;
    text-align: left;
    text-transform: uppercase;
    margin-top: 1.5rem
}

.new-team .new-team-item-position {
    margin-bottom: 4rem
}

.blog-item-single section.calculator-block {
    padding-top: 0;
    padding-bottom: 4rem
}

.blog-item-single .tree-calculator .form-counter {
    top: -6px
}

.blog-item-single .tree-calculator .cf7mls-btns .cf7mls_back {
    bottom: -4rem
}

.blog-item-single .tree-calculator .cf7mls_back {
    bottom: -2rem
}

.blog-item-single .content-block h2,
.blog-item-single .content-block .h2 {
    font-size: 1.5rem
}

.blog-item-single .first-calculator .cf7mls-btns .cf7mls_back {
    bottom: -3rem
}

@media(min-width: 992px) {
    .blog-item-single section.calculator-block {
        padding-top: 3rem;
        padding-bottom: 5rem
    }

    .blog-item-single .tree-calculator .cf7mls_back {
        bottom: -7px
    }

    .blog-item-single .content-block h2,
    .blog-item-single .content-block .h2 {
        font-size: 2rem
    }
}

.video-link {
    position: absolute;
    right: -52px;
    display: flex;
    text-decoration: none;
    color: #fff;
    width: 285px;
    height: 285px;
    justify-content: space-around;
    align-items: center;
    bottom: -27px;
    background: url(3a02a19e9415ca1e98be.png) no-repeat;
    background-size: contain
}

.video-link span {
    display: block;
    width: 60px;
    font-size: 12px
}

@media(min-width: 992px) {
    .video-link {
        width: 380px;
        height: 380px;
        right: 10%;
        bottom: 5%
    }
}

.review-new {
    background: #faf8f3;
    border-radius: 30px;
    max-width: 960px;
    margin: 0 auto;
    padding: 25px
}

.review-new .review-new-img img {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50%
}

.review-new .review-new-name {
    font-size: 21px
}

.review-new .review-new-rating {
    color: #fcba1d
}

.review-new .review-new-rating .rating {
    background: #fcba1d;
    color: #000;
    border-radius: 5px;
    padding: 0 10px
}

@media(min-width: 992px) {
    .review-new .review-new-img img {
        width: 120px !important;
        height: 120px !important;
        border-radius: 50%
    }

    .review-new .review-new-name {
        font-size: 30px;
        text-transform: uppercase
    }
}

.h-b-2 {
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center center;
    padding: 9rem 0;
    height: 400px;
    overflow: hidden;
    font-weight: 400
}

@media(min-width: 992px) {
    .h-b-2 {
        height: 568px
    }
}

@media(min-width: 1200px) {
    .h-b-2 {
        height: 70vh
    }
}

.h-b-2 h1,
.h-b-2 .h1 {
    color: #fff;
    font-size: var(--fontm)
}

@media(min-width: 992px) {

    .h-b-2 h1,
    .h-b-2 .h1 {
        color: #fff;
        font-size: var(--fontd)
    }
}

.about-block .about-1 .image-first img {
    width: 100%;
    object-fit: cover;
    height: 200px
}

.about-block .about-1 .image-two img {
    width: 100%;
    object-fit: cover;
    height: 200px
}

.about-block .about-1 .image-tree img {
    width: 100%;
    object-fit: cover;
    height: 200px
}

.about-block .separator {
    font-size: 14px;
    overflow: hidden;
    text-transform: uppercase;
    padding: 20px 0;
    color: #212121
}

.about-block .separator .separator-wrap {
    width: 3000px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto
}

.about-block .separator p {
    display: none
}

.about-block .about-2 .counter {
    font-size: 26px;
    color: #fcba1d
}

.about-block .about-2 .text {
    font-size: 12px;
    margin-bottom: 3rem;
    white-space: nowrap
}

.about-block .center-fixed-banner {
    height: 238px;
    background: url(9c60eb2e7565cef6a9e2.png) no-repeat;
    background-size: cover
}

.about-block .about-4 h3,
.about-block .about-4 .h3 {
    font-size: 30px;
    font-weight: 300
}

.about-block .about-4 h4,
.about-block .about-4 .h4 {
    font-size: 21px;
    font-weight: 300;
    padding-left: 10px
}

.about-block .about-4 .description {
    margin-bottom: 2.5rem;
    padding-left: 10px
}

.about-block .about-4 .counter {
    color: #fcba1d;
    font-size: 21px;
    font-weight: 300;
    line-height: 25px
}

.about-block .about-5 .social-icons {
    margin-top: 45px
}

.about-block .about-5 .social-icons a {
    font-size: 20px;
    margin: 0 15px
}

.about-block .about-5 h3,
.about-block .about-5 .h3 {
    text-align: center
}

.about-block .about-5 p {
    text-align: center
}

@media(min-width: 540px) {
    .about-block .about-1 .image-first img {
        height: 300px
    }

    .about-block .about-1 .image-two img {
        height: 300px
    }

    .about-block .about-1 .image-tree img {
        height: 300px
    }

    .about-block .about-5 .social-icons {
        margin-top: 45px;
        justify-content: start !important
    }

    .about-block .about-5 .social-icons a {
        font-size: 20px;
        margin: 0 15px
    }

    .about-block .about-5 .social-icons a:first-child {
        margin-left: 0
    }

    .about-block .about-5 h3,
    .about-block .about-5 .h3 {
        text-align: left
    }

    .about-block .about-5 p {
        text-align: left
    }

    .about-4 h3,
    .about-4 .h3 {
        text-align: center;
        margin-bottom: 5rem !important
    }
}

@media(min-width: 992px) {
    .about-block .about-1 .image-first img {
        height: auto
    }

    .about-block .about-1 .image-two img {
        width: auto
    }

    .about-block .about-1 .image-tree img {
        width: auto;
        margin-top: -75px;
        margin-left: 10%
    }

    .about-block .about-2 .counter {
        font-size: 32px;
        color: #fcba1d
    }

    .about-block .about-2 .text {
        font-size: 14px;
        margin-bottom: 3rem;
        white-space: nowrap
    }

    .about-block .center-fixed-banner {
        height: 400px
    }

    .about-block .about-4 h3,
    .about-block .about-4 .h3 {
        text-align: left;
        margin-bottom: 5rem !important
    }

    .about-block .about-4 .description {
        margin-bottom: 4rem !important
    }

    .about-block .about-5 .center {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .about-block .about-5 .social-icons a {
        font-size: 30px
    }

    .about-block .about-5 h3,
    .about-block .about-5 .h3 {
        font-size: 40px
    }

    .about-block .about-5 p {
        margin: 50px 0 !important;
        font-size: 22px
    }
}

.no-p .justify-content-center+p {
    display: none
}

a.go-top {
    width: 40px;
    height: 40px;
    background: #fff;
    position: fixed;
    right: 4.4rem;
    bottom: 8.8rem;
    border-radius: 50%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 1200px) {
    a.go-top {
        right: 2.4rem;
        bottom: 6.8rem
    }
}

@media screen and (min-width: 1200px)and (max-width: 1400px) {
    a.go-top {
        right: 3.4rem;
        bottom: 7.8rem
    }
}

a.header-icon {
    color: #000;
    font-size: 20px;
    margin-right: 20px
}

.h-b-available a.header-icon {
    color: #fff;
    font-size: 20px;
    margin-right: 20px
}

.scrollable a.header-icon {
    color: #000;
    font-size: 20px;
    margin-right: 20px
}

.open-mobile-menu a.header-icon {
    color: #000 !important;
    font-size: 20px;
    margin-right: 10px
}

.accordion-button:after {
    content: "+";
    color: #212121;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 33px;
    border-radius: 6px;
    font-size: 30px;
    padding: 0;
    padding-bottom: 5px
}

.accordion-button {
    font-size: 1.2rem;
    margin-bottom: 0;
    background: #fcba1d !important;
    border-radius: 20px;
    padding: 20px
}

.accordion-button:after {
    background: #faf8f3
}

.accordion-button:not(.collapsed):after {
    background-image: none
}

.accordion-button.collapsed {
    background: #faf8f3 !important
}

.accordion-button.collapsed:after {
    background: #fcba1d
}

.accordion-item {
    margin-bottom: 1em
}

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

.sub-accordion .accordion-item {
    margin-bottom: 0
}

.sub-accordion .accordion-button {
    background: rgba(0, 0, 0, 0) !important;
    font-weight: 500;
    padding: 10px 0
}

.sub-accordion .accordion-button:after {
    content: "+";
    color: #212121;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    font-size: 20px;
    padding: 0;
    padding-bottom: 2px
}

.repair_price {
    background-color: #fff;
    box-shadow: 0px 0px 35px 6px rgba(0, 0, 0, .1019607843);
    border-radius: 15px
}

@media(min-width: 992px) {
    .repair_price {
        overflow: hidden
    }
}

.repair_price .repair_price_img img {
    width: 100%;
    max-height: 185px;
    object-fit: cover
}

.repair_price .repair_price_title {
    margin: 22px 0px 0px 0px
}

.repair_price .repair_price_title span {
    font-weight: 400;
    font-size: 25px
}

.repair_price .repair_price_description {
    margin: -8px 0px 0px 0px
}

.repair_price .repair_price_description a {
    padding: 0;
    color: #000;
    font-weight: 300;
    font-size: 12px
}

.repair_price .repair_price_description ul {
    border: none;
    text-align: left;
    margin-top: 0;
    padding: 0;
    list-style: none
}

.repair_price .repair_price_description ul li {
    position: relative;
    padding: 0 0 0 20px
}

.repair_price .repair_price_description ul li:before {
    content: "";
    display: block;
    background: url(fonts/list.svg);
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
    top: 5px
}

.repair_price .repair_price_description ul.wishes li {
    font-size: 1.2rem;
    padding: 5px 0 5px 20px
}

.repair_price .repair_price_description ul.wishes li:before {
    top: 11px
}

.repair_price .repair-price-present {
    margin: 20px 0px -6px 0px;
    background-color: #faf8f3;
    border-radius: 10px;
    border: 1px solid #fcba1d;
    padding: 14px 14px 14px 14px
}

.repair_price .repair-price-present li {
    font-size: 14px;
    font-weight: 500
}

.repair_price .repair-price-present li span:nth-child(2) {
    position: relative;
    float: right;
    padding: 0px 5px 0px 0px
}

.repair_price .repair_price_list {
    margin: 20px 0px 0px 0px;
    background-color: #faf8f3;
    border-radius: 10px;
    padding: 14px 14px 14px 14px
}

.repair_price .repair_price_list ul li:first-of-type {
    padding: 0px 0px 15px 0px;
    font-size: 14px;
    font-weight: 500
}

.repair_price .repair_price_list ul li:last-of-type {
    padding: 6px 0px 0px 0px
}

.repair_price .repair_price_list li span:nth-child(2) {
    position: relative;
    float: right;
    padding: 0px 5px 0px 0px
}

.repair_price .repair_price_furniture {
    background-color: #faf8f3;
    border-radius: 10px;
    padding: 14px 14px 14px 14px
}

.repair_price .repair_price_furniture ul li {
    font-size: 14px;
    font-weight: 500
}

.repair_price .repair_price_furniture li span:nth-child(2) {
    position: relative;
    float: right;
    padding: 0px 5px 0px 0px
}

.repair_price .repair_price_footer .main_price {
    font-size: 26px;
    font-weight: 400
}

.repair_price .repair_price_footer .footer-text {
    margin: -10px 0px 0px 0px;
    font-size: 10px;
    font-weight: 300
}

.repair_price .repair_price_footer .footer-text span {
    font-weight: 500
}

.repair_price .repair_price_deadline {
    background-color: #faf8f3;
    border-radius: 10px;
    padding: 14px 14px 14px 14px
}

.repair_price .repair_price_deadline ul li {
    font-size: 14px;
    font-weight: 300
}

.repair_price .repair_price_deadline ul li:last-of-type {
    font-size: 10px;
    font-weight: 300;
    padding: 0px 0px 0px 3px
}

.repair_price .repair_price_btn {
    padding: 20px
}

.repair_price .repair_price_btn a {
    border-radius: 37px;
    padding: 12px 20px 12px 20px;
    font-size: 14px;
    font-weight: 300
}

.repair_price .repair_price_btn a .right-arrow {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fcba1d;
    border-left: 1px solid #fcba1d;
    transform: rotate(135deg);
    margin-left: 25px
}

.repair_price .repair_price_btn a .right-arrow:after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #fcba1d;
    transform: rotate(-45deg) translate(6.5px, 2px);
    left: 0;
    top: 0
}

.repair_price .repair_price_btn a .right-arrow.a-mirror {
    transform: rotate(316deg)
}

.repair_price .repair_price_btn a .right-arrow.long-arrow:after {
    width: 1px;
    height: 30px;
    transform: rotate(-45deg) translate(10.5px, 4px)
}

.repair_price .repair_price_btn a .right-arrow.dark-color {
    border-color: #212121
}

.repair_price .repair_price_btn a .right-arrow.dark-color:after {
    border-color: #212121;
    background-color: #212121
}

.repair_price .repair_price_btn a .right-arrow.white-color {
    border-color: #fff
}

.repair_price .repair_price_btn a .right-arrow.white-color:after {
    border-color: #fff;
    background-color: #fff
}

@media(min-width: 992px) {
    .repair_price .repair_price_img img {
        max-height: 289px
    }

    .repair_price .repair_price_title {
        margin: 32px 0px 0px 0px
    }

    .repair_price .repair_price_title span {
        font-size: 24px;
        font-weight: 400;
        line-height: 10px
    }

    .repair_price .repair_price_description a {
        font-size: 12px;
        font-weight: 300;
        margin: 15px 0px 0px 0px
    }

    .repair_price .repair-price-present ul>li {
        font-size: 13px;
        font-weight: 400
    }

    .repair_price .repair_price_list {
        padding: 20px 20px 20px 20px
    }

    .repair_price .repair_price_list ul li {
        font-size: 1.1rem;
        font-weight: 300
    }

    .repair_price .repair_price_list ul li:first-of-type {
        font-size: 1.2rem;
        font-weight: 500
    }

    .repair_price .repair_price_furniture {
        padding: 20px 20px 20px 20px
    }

    .repair_price .repair_price_furniture ul li {
        font-size: 1.2rem;
        font-weight: 500
    }

    .repair_price .repair_price_footer {
        padding: 15px 0px 15px 0px
    }

    .repair_price .repair_price_footer .main_price {
        font-size: 28px;
        font-weight: 400
    }

    .repair_price .repair_price_footer .footer-text {
        font-size: 1rem;
        font-weight: 300
    }

    .repair_price .repair_price_footer .footer-text span {
        font-weight: 500
    }

    .repair_price .repair_price_deadline {
        margin: 21px 0px 0px 0px;
        padding: 20px 20px 20px 20px
    }

    .repair_price .repair_price_deadline ul>li,
    .repair_price .repair_price_deadline .repair_price_deadline_time {
        font-size: .8rem;
        font-weight: 300
    }

    .repair_price .repair_price_deadline ul li:last-of-type {
        font-size: .7rem;
        font-weight: 300
    }

    .repair_price .repair_price_btn {
        padding: 20px 0px 20px 0px
    }

    .repair_price .repair_price_btn a {
        padding: 10px 26px 10px 26px
    }

    .repair_price .repair_price_btn a span {
        font-size: 18px;
        font-weight: 400
    }

    .repair_price .repair_price_btn a .right-arrow {
        display: none
    }
}

@media(min-width: 1200px) {
    .repair_price .repair-price-present ul>li {
        font-size: 13px;
        font-weight: 500
    }

    .repair_price .repair_price_deadline ul>li,
    .repair_price .repair_price_deadline .repair_price_deadline_time {
        font-size: 1.1rem
    }

    .repair_price .repair_price_deadline ul li:last-of-type {
        font-size: .8rem;
        font-weight: 300
    }
}

.video_review_item {
    margin: 0px 0px 30px 0px;
    overflow: hidden
}

.video_review_item .video_review_item_video .iframe {
    width: 100%;
    height: 298px
}

.video_review_item .video_review_item_author {
    padding: 0;
    font-size: 14px;
    font-weight: 500
}

.video_review_item .video_review_item_content {
    padding: 1.2rem 2rem;
    background: #fff;
    margin-top: 20px;
    border-radius: 10px
}

@media(max-width: 1200px) {
    .video_review_item .video_review_item_content {
        padding: 1.2rem 1.6rem
    }
}

@media(max-width: 768px) {
    .video_review_item .video_review_item_content {
        margin-top: 15px
    }
}

.video_review_item .video_review_item_author_position {
    font-size: 18px;
    line-height: 22px;
    font-weight: 100;
    padding-bottom: 10px;
    opacity: .4
}

@media(max-width: 768px) {
    .video_review_item .video_review_item_author_position {
        font-size: 12px;
        line-height: normal;
        padding-bottom: 0
    }
}

.video_review_item .video_review_item_author_name {
    text-transform: uppercase
}

.video_review_item .video_review_item_raiting {
    padding: 0px 0px 15px 0px
}

@media(max-width: 768px) {
    .video_review_item .video_review_item_raiting {
        padding: 0px 0px 10px 0px
    }
}

.video_review_item .video_review_item_raiting .review_rating {
    color: #fcba1d;
    font-size: 1.5rem;
    padding-top: 10px;
    gap: 7px
}

@media(max-width: 1024px) {
    .video_review_item .video_review_item_raiting .review_rating {
        font-size: 1rem;
        gap: 4px
    }
}

.video_review_item .video_review_item_raiting .review_rating span {
    background-color: #fcba1d;
    color: #000;
    font-size: 10px;
    font-weight: 400;
    border-radius: 5px;
    overflow: hidden;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 8px
}

.video_review_item .video_review_item_text {
    font-size: 14px;
    font-weight: 300
}

@media(max-width: 1450px) {
    .video_review_item .video_review_item_video .iframe {
        height: 214px
    }
}

@media(max-width: 1024px) {
    .video_review_item .video_review_item_video .iframe {
        height: 208px
    }

    .video_review_item .video_review_item_author {
        font-size: 16px;
        font-weight: 500
    }

    .video_review_item .review_rating span {
        font-size: 12px;
        font-weight: 400
    }

    .video_review_item .video_review_item_text {
        font-size: 14px
    }
}

@media(min-width: 1400px) {
    .video_review_item .video_review_item_author {
        font-size: 22px;
        font-weight: 500
    }

    .video_review_item .review_rating span {
        font-size: 16px;
        font-weight: 400
    }
}

.close-mega-menu {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 40px;
    background: #fcba1d;
    z-index: 1;
    border-radius: 37px;
    color: #212121;
    font-size: 18px;
    padding: 10px 30px;
    cursor: pointer
}

.close-mega-menu:hover {
    opacity: .8
}

.new-mobile-menu {
    padding-bottom: 65px
}

.new-mobile-menu>ul {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.new-mobile-menu ul {
    list-style: none;
    padding: 0
}

.new-mobile-menu ul li {
    position: relative
}

.new-mobile-menu ul li a {
    display: flex;
    padding: 0px 60px 0px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    height: 55px;
    align-items: center
}

.new-mobile-menu ul li button {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 55px;
    height: 55px;
    display: block;
    border: 0;
    border-left: 1px solid rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, 0)
}

.new-mobile-menu ul li:hover>a {
    font-weight: 500;
    color: #FCBA1D;
}

.new-mobile-menu ul li:hover>button::after{
    color: #FCBA1D;
}

.new-mobile-menu a {
    text-decoration: none;
    color: #212121;
    font-size: 16px
}

.new-mobile-menu .d-level-1 {
    padding-left: 20px
}

.new-mobile-menu .d-level-2 {
    padding-left: 40px
}

.new-mobile-menu .d-level-3 {
    padding-left: 60px
}

.new-mobile-menu .menu-item-has-children>ul {
    overflow: hidden;
    max-height: 0;
    transition: all .3s ease-in-out
}

.new-mobile-menu .menu-item-has-children>button:after {
    content: "+";
    font-size: 30px;
    font-weight: 100;
    color: #212121
}

.new-mobile-menu .menu-item-has-children.visible>ul {
    max-height: 4550px
}

.new-mobile-menu .menu-item-has-children.visible>button:after {
    content: "-";
    font-size: 30px;
    font-weight: 100;
    color: #212121
}

.widget_polylang {
    margin-left: 15%
}

@media(min-width: 992px) {
    .widget_polylang {
        margin-left: 0%
    }
}

.show-mega-menu {
    display: inline-block;
    width: 9px;
    height: 8px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 1px;
    transition: transform .2s ease-in-out
}

.show-mega-menu:after {
    content: " ";
    width: 9px;
    height: 1px;
    display: block;
    background: #000;
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 5px;
    transform: rotate(90deg)
}

.show-mega-menu:before {
    content: " ";
    width: 9px;
    height: 1px;
    display: block;
    background: #000;
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 5px;
    transform: rotate(0deg)
}

.open-menu .show-mega-menu {
    transform: rotate(45deg)
}

#primary-menu.mega .menu-item-has-children:hover>a .show-mega-menu {
    transform: rotate(45deg)
}

.h-b-available.scrollable .show-mega-menu:after {
    background: #000
}

.h-b-available.scrollable .show-mega-menu:before {
    background: #000
}

#primary-menu .menu-item-has-children>a.mega-menu-trigger {
    background: #fcba1d;
    border-radius: 37px;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
    color: #000 !important
}

@media(min-width: 768px) {
    .new-mobile-menu ul li a {
        height: 65px
    }

    .new-mobile-menu ul li button {
        width: 55px;
        height: 65px
    }

    .new-mobile-menu a {
        font-size: 18px
    }
}

.price-repair-commertional-block .f-carousel__track {
    height: auto
}

.price-repair-commertional-block .f-carousel__viewport {
    height: auto
}

.price-repair-commertional-block .f-carousel__nav .f-button {
    background: #fcba1d;
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.price-repair-commertional-block .f-carousel__nav .f-button:hover {
    background: #fcba1d !important;
    opacity: .8 !important
}

.price-repair-commertional-block .f-carousel__nav .f-button svg {
    color: #212121;
    width: 18px;
    height: 18px
}

.portfolio-visualization .f-carousel__track,
.portfolio-repair .f-carousel__track,
.portfolio-repair-photos .f-carousel__track {
    height: auto
}

.portfolio-visualization .f-carousel__viewport,
.portfolio-repair .f-carousel__viewport,
.portfolio-repair-photos .f-carousel__viewport {
    height: auto
}

.portfolio-visualization .f-carousel__nav .f-button,
.portfolio-repair .f-carousel__nav .f-button,
.portfolio-repair-photos .f-carousel__nav .f-button {
    background: #fcba1d;
    border-radius: 50%;
    width: 42px;
    height: 42px
}

.portfolio-visualization .f-carousel__nav .f-button:hover,
.portfolio-repair .f-carousel__nav .f-button:hover,
.portfolio-repair-photos .f-carousel__nav .f-button:hover {
    background: #fcba1d !important;
    opacity: .8 !important
}

.portfolio-visualization .f-carousel__nav .f-button svg,
.portfolio-repair .f-carousel__nav .f-button svg,
.portfolio-repair-photos .f-carousel__nav .f-button svg {
    color: #212121;
    width: 24px;
    height: 24px
}

.mob-one-column .portfolio-item .portfolio-item-title {
    font-size: 1.5rem
}

.mob-one-column .portfolio-item a {
    font-size: 1rem
}

.mob-one-column .portfolio-item p.square {
    font-size: 1.2rem
}

.mob-one-column .portfolio-item p.address {
    font-size: 1.2rem
}

.mob-one-column .portfolio-item .img-fluid {
    width: 100%;
    object-fit: cover;
    height: 300px
}

.repair-price-banner {
    background-color: #fff;
    box-shadow: 0px 0px 35px 6px rgba(0, 0, 0, .1019607843);
    border-radius: 15px;
    text-transform: uppercase
}

.repair-price-banner .container {
    font-size: 12px;
    padding: 15px 21px;
    text-align: center
}

.repair-price-banner .container span span {
    font-weight: bold
}

.repair-price-banner .container::before {
    content: url(a466d8f093f7557e0c03.png);
    position: absolute;
    margin-top: -30px;
    margin-left: -30px
}

@media(min-width: 768px) {
    .repair-price-banner {
        border-radius: 10px
    }

    .repair-price-banner .container {
        font-size: 16px
    }
}

@media(min-width: 1200px) {
    .repair-price-banner {
        border-radius: 37px
    }

    .repair-price-banner .container {
        padding: 30px 30px;
        font-size: 22px
    }

    .repair-price-banner .container::before {
        margin-top: -45px
    }
}

.lang-item-64::before {
    content: url(b6094392540e93d239d1.png);
    position: absolute;
    margin-left: -20px;
    margin-top: 3px
}

@media(min-width: 992px) {
    header .widget_polylang ul li:first-child {
        border: none;
        padding-left: 40px
    }
}

.project-new {
    background: #fff
}

.project-new .project-about {
    margin: 0px 0px .5rem 0px
}

.project-new .review-content,
.project-new .about-project-text,
.project-new .portfolio-deign-text,
.project-new .portfolio-video-review-text,
.project-new .portfolio-description-text {
    font-size: 16px;
    line-height: 24px
}

.project-new .project-new-settings {
    font-size: 14px;
    line-height: 24px
}

.project-new .wishes-client .text-uppercase,
.project-new .services_performed .text-uppercase,
.project-new .portfolio-deign .text-uppercase,
.project-new .portfolio-visualization .text-uppercase {
    font-size: 25px;
    font-weight: 300;
    margin: 70px 0px 23px 0px
}

.project-new .wishes-client .content-item,
.project-new .services_performed .content-item,
.project-new .portfolio-deign .content-item,
.project-new .portfolio-visualization .content-item {
    background: #faf8f3;
    font-size: 14px !important;
    border-radius: 50px;
    overflow: hidden;
    padding: 5px 18px 5px 0
}

.project-new .services_performed .content-item {
    background: #fcba1d
}

.project-new .portfolio-deign .text-uppercase,
.project-new .portfolio-visualization .text-uppercase {
    font-weight: 400
}

.project-new .portfolio-visualization .btn-all {
    border-color: #faf8f3;
    background: #faf8f3
}

.project-new .portfolio-visualization ul>li>button {
    border: .5px solid #000;
    border-radius: 28.5px;
    color: #000;
    font-size: 12px;
    padding: 3px 14px;
    margin: 0px 0px 0px 10px
}

.project-new .portfolio-visualization ul:last-of-type {
    margin: 0
}

.project-new .portfolio-visualization ul>li .active {
    background: #fcba1d;
    border-color: #fcba1d
}

.project-new .portfolio-visualization .f-carousel {
    max-width: 740px;
    margin: 0 auto
}

.project-new .portfolio-visualization .f-carousel img {
    object-fit: cover;
    width: 100%
}

.portfolio-repair-photos {
    padding: 0px 0px 70px 0px
}

.portfolio-repair-photos .f-carousel {
    max-width: 740px;
    margin: auto
}

.portfolio-repair-photos .f-carousel img {
    object-fit: cover;
    width: 100%
}

.portfolio-repair-photos .portfolio-repair-gallery .btn-all {
    border-color: #faf8f3;
    background: #faf8f3
}

.portfolio-repair-photos .portfolio-repair-gallery ul>li>button {
    border: .5px solid #000;
    border-radius: 28.5px;
    color: #000;
    font-size: 12px;
    padding: 3px 14px;
    margin: 0px 0px 0px 10px
}

.portfolio-repair-photos .portfolio-repair-gallery ul:last-of-type {
    margin: 0
}

.portfolio-repair-photos .portfolio-repair-gallery ul>li .active {
    background: #fcba1d;
    border-color: #fcba1d
}

.portfolio-repair-photos .text-uppercase {
    font-size: 25px;
    font-weight: 400;
    margin: 70px 0px 23px 0px
}

.portfolio-repair {
    background: #000;
    color: #fff;
    margin: 70px 0px 0px 0px;
    padding: 0px 0px 70px 0px
}

.portfolio-repair .text-uppercase {
    font-size: 25px;
    font-weight: 300;
    margin: 70px 0px 23px 0px
}

.portfolio-repair .f-carousel {
    max-width: 1400px;
    margin: auto
}

.portfolio-repair .f-carousel img {
    object-fit: cover;
    width: 100%
}

.portfolio-repair .before-after {
    color: #fcba1d;
    font-size: 18px;
    margin: 32px 0px 21px 0px
}

.portfolio-description {
    background: #fff
}

.portfolio-description .text-uppercase {
    font-size: 25px;
    font-weight: 400;
    margin: 70px 0px 23px 0px
}

.portfolio-review {
    max-width: 800px;
    margin: auto;
    background: #fff
}

.portfolio-review .review_rating {
    color: #fcba1d
}

.portfolio-review .review_rating span {
    background-color: #fcba1d;
    color: #000;
    font-size: 10px;
    font-weight: 400;
    border-radius: 5px;
    overflow: hidden;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 8px
}

.portfolio-review .text-uppercase {
    font-size: 25px;
    font-weight: 400;
    margin: 70px 0px 23px 0px
}

.portfolio-review img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%
}

.portfolio-review .review_content-wrapper {
    border-radius: 20px;
    padding: 30px 30px 30px 30px;
    font-size: 14px;
    background: #faf8f3
}

.portfolio-review .review_content-wrapper .review-author {
    margin: 0px 0px 40px 0px
}

.portfolio-review .review_content-wrapper .review-author .review-author-photo {
    padding: 0px 20px 0px 0px
}

.portfolio-review .review_content-wrapper .review-author .review-author-name {
    font-size: 21px
}

.portfolio-video-review {
    background: #000;
    color: #fff
}

.portfolio-video-review .text-uppercase {
    font-size: 25px;
    font-weight: 400;
    margin: 70px 0px 23px 0px
}

.portfolio-video-review .portfolio-video-review-video {
    max-width: 1200px;
    margin: auto
}

.portfolio-video-review .portfolio-video-review-video .iframe {
    width: 100%;
    min-height: 216px
}

@media(min-width: 576px) {
    .portfolio-video-review .portfolio-video-review-video .iframe {
        height: 376px
    }
}

@media(min-width: 992px) {
    .portfolio-video-review .portfolio-video-review-video .iframe {
        height: 400px;
        width: 800px
    }
}

@media(min-width: 992px) {

    .project-new .wishes-client,
    .project-new .services_performed {
        margin: 50px 0px 0px 0px
    }

    .project-new .wishes-client .content-item,
    .project-new .services_performed .content-item {
        width: calc(33.3333333333% - .6666666667rem);
        margin-right: 1rem;
        margin-bottom: 1rem
    }

    .project-new .wishes-client .content-item:nth-child(3n),
    .project-new .services_performed .content-item:nth-child(3n) {
        margin-right: 0
    }

    .project-new .services_performed .text-uppercase {
        margin: 0px 0px 23px 0px
    }

    .project-new .portfolio-visualization ul>li>button {
        font-size: 17px;
        padding: 5px 30px;
        margin: 0px 0px 0px 21px
    }

    .project-new .portfolio-visualization ul:last-of-type {
        margin: 0
    }

    .portfolio-repair-photos .portfolio-repair-gallery ul>li>button {
        font-size: 17px;
        padding: 5px 30px;
        margin: 0px 0px 0px 21px
    }

    .portfolio-repair-photos .portfolio-repair-gallery ul:last-of-type {
        margin: 0
    }
}

@media(min-width: 1200px) {
    .portfolio-video-review-video {
        padding: 0px 0px 100px 0px
    }

    .review-author-name span {
        font-size: 25px;
        font-weight: 300
    }

    .project-new .visualization-nav-wrapper {
        margin: 44px 0px 54px 0px
    }

    .project-new .wishes-client .content-item,
    .project-new .services_performed .content-item {
        font-size: 18px;
        width: calc(25% - .75rem);
        margin-right: 1rem;
        margin-bottom: 1rem
    }

    .project-new .wishes-client .content-item:nth-child(3n),
    .project-new .services_performed .content-item:nth-child(3n) {
        margin-right: 1rem
    }

    .project-new .wishes-client .content-item:nth-child(4n),
    .project-new .services_performed .content-item:nth-child(4n) {
        margin-right: 0
    }

    .portfolio-description {
        padding: 50px 0px
    }
}

.vacancy-item-v2 {
    margin: 15px 0px
}

.vacancy-item-v2 .vacancy-item-wrapper-v2 {
    margin: auto;
    max-width: 1080px;
    border-radius: 15px;
    padding: 20px 15px;
    background: #fff;
    color: #000
}

.vacancy-item-v2 .vacancy-item-wrapper-v2 .vacancy-item-city::before {
    content: url(8d1c2a6e9cdc8e37f1c2.png);
    position: relative;
    bottom: -3px
}

.vacancy-item-v2 .vacancy-item-wrapper-v2 .vacancy-item-price::before {
    content: url(a78ec0c48e62bbad369e.png);
    position: relative;
    bottom: -3px
}

.vacancy-item-v2 .vacancy-item-wrapper-v2 .vacancy-item-btn span {
    padding: 0px 40px
}

.vacancy-block {
    background: url(17f5602a536a1e2a0e31.png) no-repeat center/cover, #282828;
    background-blend-mode: overlay;
    padding: 110px 0px
}

.vacancy-block .vacancy-item-v2 .vacancy-item-title {
    font-size: 1.5rem
}

.vacancy-block .vacancy-item-v2 .vacancy-item-city,
.vacancy-block .vacancy-item-v2 .vacancy-item-price {
    padding: 2rem 0
}

@media(min-width: 768px) {
    .vacancy-item-v2 .vacancy-item-wrapper-v2 .vacancy-item-price {
        padding: .5rem 0 .5rem 8rem
    }

    .vacancy-item-v2 .vacancy-item-wrapper-v2 .vacancy-item-city {
        padding: .5rem 0
    }

    .vacancy-item-v2 .vacancy-item-wrapper-v2 .vacancy-item-btn span {
        padding: 0
    }
}

@media(min-width: 992px) {
    .vacancy-item-v2 .vacancy-item-wrapper-v2 {
        padding: 20px 30px
    }

    .vacancy-item-v2 .vacancy-item-wrapper-v2 .vacancy-item-btn span {
        padding: 0
    }
}

.vacancy-item .vacancy-item-wrapper-2 {
    max-width: 1200px
}

.vacancy-item .vacancy-item-description {
    background-color: #fcba1d;
    border-radius: 15px;
    margin: 24px 0px
}

.vacancy-item .vacancy-item-description span {
    padding: 0px 0px 0px 10px;
    font-size: 16px;
    font-weight: 400
}

.vacancy-item .vacancy-item-description .vacancy-item-price,
.vacancy-item .vacancy-item-description .vacancy-item-address,
.vacancy-item .vacancy-item-description .vacancy-item-experience {
    padding: 16px 0px 0px 12px
}

.vacancy-item .vacancy-item-description .vacancy-item-price .ellipse {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #000
}

.vacancy-item .vacancy-item-description .vacancy-item-price .ellipse:before {
    content: url(bfab07d2ebed4d65aab6.png);
    position: relative;
    bottom: 2px;
    left: 5px
}

.vacancy-item .vacancy-item-description .vacancy-item-address:before {
    content: url(36b811c79bd34b08253b.png);
    position: relative;
    bottom: -2px;
    left: 2px
}

.vacancy-item .vacancy-item-description .vacancy-item-experience:before {
    content: url(2da5c5e190bcc6e5ef29.png);
    position: relative;
    bottom: -1px;
    left: 2px
}

.vacancy-item .vacancy-item-description .vacancy-item-base {
    padding: 20px 12px 8px 12px
}

.vacancy-item .vacancy-item-requirements {
    background-color: #fff;
    border-radius: 15px
}

.vacancy-item .vacancy-item-requirements .requirements-wrapper {
    padding: 16px 12px
}

.vacancy-item .vacancy-item-requirements .requirements-wrapper ul {
    padding-left: 16px;
    list-style-position: outside;
    list-style-image: url(ae22b114b117432e0131.png)
}

.vacancy-item .vacancy-item-requirements .requirements-wrapper .vacancy-item-title {
    padding: 10px 0px
}

.vacancy-item .vacancy-item-requirements .requirements-wrapper .vacancy-item-title .title {
    font-size: 21px;
    font-weight: 400
}

.vacancy-item .vacancy-item-adviser {
    background-color: #000;
    border-radius: 15px;
    margin: 24px 0;
    padding: 40px 2rem;
    color: #fff
}

.vacancy-item .vacancy-item-adviser .vacancy-item-adviser-avatar {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    overflow: hidden
}

.vacancy-item .vacancy-item-adviser .vacancy-item-adviser-avatar .img-fluid {
    width: 100%;
    object-fit: cover
}

.vacancy-item .vacancy-item-adviser-content .vacancy-item-adviser-title {
    margin-bottom: 12px
}

.vacancy-item .vacancy-item-adviser-content .adviser span.name {
    font-size: 18px;
    font-weight: 500
}

.vacancy-item .vacancy-item-adviser-content .adviser span.role {
    font-size: 18px;
    font-weight: 300
}

.vacancy-item .vacancy-item-adviser-content .adviser .advicer-phone {
    font-size: 18px;
    font-weight: 400
}

.vacancy-item .about-company section.content-block {
    padding-top: 0
}

.vacancy-item .about-company .accordion-button {
    border-radius: 15px;
    background: #fff !important;
    margin-bottom: 30px
}

.vacancy-item .vacancy-item-adviser-title-md {
    font-size: 14px;
    margin-bottom: 18px
}

@media(max-width: 767px) {
    .vacancy-item .vacancy-item-adviser-title-md {
        display: none
    }
}

@media(min-width: 767px) {
    .vacancy-item .vacancy-item-adviser {
        padding: 20px
    }

    .vacancy-item .vacancy-item-adviser .vacancy-item-adviser-avatar {
        width: 103px;
        height: 103px
    }

    .vacancy-item .vacancy-item-requirements .requirements-wrapper {
        margin-bottom: 24px
    }

    .vacancy-item .vacancy-item-adviser-content .adviser span.name {
        font-size: 16px
    }

    .vacancy-item .vacancy-item-adviser-content .adviser span.role {
        font-size: 16px
    }

    .vacancy-item .vacancy-item-adviser-content .adviser .advicer-phone {
        font-size: 16px
    }
}

.vacancy-item .tab-content .form-control {
    background: #d8d8d9;
    color: #000
}

.portfolio-item-single .portfolio-item-content .project-gallery .f-carousel {
    max-width: 1087px;
    margin: 0 auto
}

.portfolio-item-single .portfolio-repair .f-carousel.is-ltr {
    margin: 0 auto
}

.portfolio-item-single .portfolio-repair .f-carousel.is-ltr .f-carousel__slide {
    display: flex;
    justify-content: center;
    align-items: center
}

.portfolio-item-single .portfolio-repair .f-carousel.is-ltr img {
    object-fit: cover;
    width: 100%
}

.portfolio-item-single .portfolio-repair .f-carousel.is-ltr button {
    margin: 0 10px
}

.portfolio-repair-photos .f-carousel__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff
}

.portfolio-repair-photos .f-carousel__slide img {
    object-fit: cover;
    width: 100%
}

.contract-example {
    padding: 60px 0 40px 0;
    color: #fff;
    background-color: #212121
}

.contract-example img {
    object-fit: cover;
    width: 100%
}

.contract-example .main-title {
    font-size: 21px;
    text-transform: uppercase
}

.contract-example .main-title .primary-color {
    color: #fcba1d
}

.contract-example .contract-content-wrapper {
    max-width: 1400px;
    margin-top: 40px
}

.contract-example .contract-content-wrapper .shadow-wrapper {
    position: relative
}

.contract-example .contract-content-wrapper .shadow-wrapper:hover::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5074404762) 100%, rgba(0, 0, 0, 0.7091211485) 100%);
    content: url(0971fa712e18bfca7502.png);
    padding-top: 65%;
    padding-left: 50%;
    height: 100%;
    width: 100%;
    cursor: pointer;
    position: absolute
}

@media(min-width: 768px) {
    .contract-example .main-title {
        font-size: 30px
    }

    .contract-example .sub-title {
        font-size: 16px
    }
}

@media(min-width: 1200px) {
    .contract-example .main-title {
        font-size: 40px
    }

    .contract-example .sub-title {
        font-size: 22px
    }
}

.estimate-example {
    padding: 60px 0 40px 0;
    color: #fff;
    background: #212121
}

.estimate-example img {
    object-fit: cover;
    width: 100%
}

.estimate-example .main-title {
    font-size: 21px;
    text-transform: uppercase
}

.estimate-example .main-title .primary-color {
    color: #fcba1d
}

.estimate-example .estimate-content-wrapper {
    margin-top: 60px
}

.estimate-example .estimate-content-wrapper .shadow-wrapper {
    position: relative
}

.estimate-example .estimate-content-wrapper .shadow-wrapper:before {
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8771883754) -5%, rgba(255, 255, 255, 0.2329306723) 100%);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30%;
    width: 100%
}

.estimate-example .estimate-content-wrapper .shadow-wrapper:hover::before {
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.877188) -5%, rgba(255, 255, 255, 0) 100%);
    content: url(0971fa712e18bfca7502.png);
    padding-top: 45%;
    padding-left: 92%;
    height: 100%;
    cursor: pointer
}

@media(min-width: 1200px) {
    .estimate-example .estimate-content-wrapper .shadow-wrapper:hover::before {
        padding-top: 25%;
        padding-left: 50%
    }
}

@media(min-width: 768px) {
    .estimate-example .main-title {
        font-size: 30px
    }

    .estimate-example .sub-title {
        font-size: 16px
    }
}

@media(min-width: 1200px) {
    .estimate-example .main-title {
        font-size: 40px
    }

    .estimate-example .sub-title {
        font-size: 22px
    }

    .estimate-example:hover::before {
        padding-top: 25%;
        padding-left: 50%
    }
}

.dropdown-filter-menu .form-check-input {
    border-color: #000;
    border-radius: 4px
}

.dropdown-filter-menu .form-check-input:checked[type=checkbox] {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%276%27 viewBox=%270 0 8 6%27 fill=%27none%27%3E%3Cpath d=%27M7.81674 0.173631C7.76382 0.118613 7.70087 0.0749445 7.6315 0.0451436C7.56213 0.0153428 7.48773 0 7.41258 0C7.33744 0 7.26303 0.0153428 7.19367 0.0451436C7.1243 0.0749445 7.06134 0.118613 7.00842 0.173631L2.7676 4.5526L0.985878 2.70944C0.930934 2.65471 0.866074 2.61167 0.795002 2.58279C0.723929 2.55391 0.648036 2.53974 0.571655 2.54111C0.495274 2.54247 0.419902 2.55933 0.349841 2.59073C0.27978 2.62213 0.216402 2.66746 0.163327 2.72411C0.110252 2.78077 0.0685192 2.84765 0.0405104 2.92094C0.0125016 2.99423 -0.00123442 3.07249 8.70471e-05 3.15126C0.00140852 3.23002 0.0177615 3.30774 0.0482121 3.37999C0.0786626 3.45223 0.122615 3.51759 0.177558 3.57232L2.36344 5.82637C2.41635 5.88139 2.47931 5.92506 2.54868 5.95486C2.61805 5.98466 2.69245 6 2.7676 6C2.84274 6 2.91714 5.98466 2.98651 5.95486C3.05588 5.92506 3.11884 5.88139 3.17175 5.82637L7.81674 1.03651C7.87452 0.981543 7.92064 0.91483 7.95218 0.840576C7.98372 0.766322 8 0.686136 8 0.605071C8 0.524006 7.98372 0.44382 7.95218 0.369566C7.92064 0.295311 7.87452 0.228599 7.81674 0.173631Z%27 fill=%27black%27/%3E%3C/svg%3E");
    background-position: center center;
    background-size: auto;
    background-color: #fff
}

@media(max-width: 420px) {
    .gallery-block .portfolio-filter .all-filters-btn.selected {
        font-size: 11px;
        padding: 0 14px
    }
}

.gallery-block .offcanvas-body-wrapper {
    position: relative
}

.gallery-block .dropdown ul {
    width: 100%;
    padding: 15px;
    border-radius: 6px
}

.gallery-block .dropdown label:hover {
    cursor: pointer
}

.gallery-block .dropdown .dropdownMenuBtn {
    padding: 8px 40px 8px 20px;
    min-width: 165px
}

@media(max-width: 767px) {
    .gallery-block .dropdown .dropdownMenuBtn {
        padding: 6px 35px 6px 15px;
        min-width: max-content;
        font-weight: 400
    }
}

@media(max-width: 420px) {
    .gallery-block .dropdown .dropdownMenuBtn {
        padding: 6px 21px 6px 14px;
        min-width: auto;
        font-size: 11px
    }
}

.gallery-block .dropdown .dropdownMenuBtn:after {
    content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%279%27 height=%275%27 viewBox=%270 0 9 5%27 fill=%27none%27%3E%3Cpath d=%27M8 1L4.5 4L1 1%27 stroke=%27%23212121%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
    position: absolute;
    cursor: pointer;
    top: 6px;
    right: 21px
}

@media(max-width: 420px) {
    .gallery-block .dropdown .dropdownMenuBtn:after {
        top: 7px;
        right: 9px
    }
}

.portfolio-filter {
    gap: 10px
}

.all-filters-btn {
    padding: 0px 20px
}

.selected-filters .single-selected-filter {
    background: #f0f1f5;
    font-size: 16px;
    padding: 1px 25px 1px 25px;
    border-radius: 37px;
    position: relative;
    height: 30px
}

.selected-filters .single-selected-filter>a:after {
    content: "";
    cursor: pointer;
    background: url(757a623b1ebd7299864a.png) no-repeat center;
    background-size: 10px 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    transform: rotate(45deg)
}

.selected-filters .single-selected-filter>a:after:hover {
    cursor: pointer
}

.filter-mob-conteiner .apply-btn {
    position: relative;
    padding: 10px 50px 10px 20px
}

.filter-mob-conteiner .apply-btn:after {
    content: url(fonts/arrow-right.svg);
    position: absolute;
    right: 20px
}

.filter-mob-conteiner .filter-btn button {
    padding: 8px 34px 8px 34px;
    position: relative
}

.filter-mob-conteiner .filter-btn button:before {
    content: url(5c0c491caf3ece882fb8.png);
    position: absolute;
    left: 20px
}

.filter-mob-conteiner .filter-btn button:after {
    content: url(baa305fc75d9baa9e711.png);
    position: absolute;
    top: 6px;
    right: 18px
}

.filter-mob-conteiner .main-title {
    font-size: 30px
}

.filter-mob-conteiner .close-btn-wrapper {
    position: relative
}

.filter-mob-conteiner .filter-close-btn:before {
    content: url(5b289a1d606353163048.png);
    position: absolute;
    top: 3px;
    right: -4px
}

.filter-mob-conteiner .filter-close-btn:before:hover {
    cursor: pointer
}

.filter-mob-conteiner .offcanvas-header,
.filter-mob-conteiner .offcanvas-body {
    padding: 0px 20px
}

.filter-mob-conteiner .offcanvas-body label {
    font-size: 16px
}

.filter-mob-conteiner .offcanvas-body input {
    border-radius: 4px
}

ul.dropdown-menu.mega-dropdown-menu.dropdown-filter-menu {
    width: 165px;
    border-color: #212121
}

@media(max-width: 800px) {
    ul.dropdown-menu.mega-dropdown-menu.dropdown-filter-menu {
        width: max-content;
        padding: 11px 15px
    }
}

@media(max-width: 420px) {
    label.form-check-label.my-form-check-label.dp-menu {
        font-size: 14px
    }
}

.category-selector {
    align-content: center
}

@media(max-width: 767px) {
    .category-selector {
        display: flex;
        flex-wrap: wrap;
        row-gap: 9px
    }
}

@media(max-width: 767px) {
    .category-selector .single-selected-filter.category-selector {
        display: flex;
        height: auto;
        padding: 4px 15px;
        font-size: 12px
    }
}

@media(max-width: 767px) {
    .category-selector .single-selected-filter.category-selector>a:after {
        width: 7px;
        height: 7px
    }
}

.thre-calculator .form-title {
    min-height: 90.33px
}

.thre-calculator .cf7mls-btns .cf7mls_next.action-button,
.thre-calculator .cf7mls-btns .cf7mls_back.action-button {
    float: none;
    margin: 0 auto
}

.thre-calculator .end button {
    float: none;
    margin: 0 auto
}

.thre-calculator .form-counter {
    color: #fff;
    opacity: .5;
    position: absolute;
    left: 0;
    top: 130px
}

.thre-calculator .cf7mls_back {
    padding: 0;
    margin: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-weight: 300;
    opacity: .5;
    font-size: 14px !important
}

.thre-calculator .cf7mls_back:before {
    background: url(1f56f111fb9b5f8be8c6.png) no-repeat;
    content: "";
    display: inline-block;
    width: 30px;
    height: 20px;
    background-position: left bottom;
    margin-right: 10px
}

@media(min-width: 992px) {

    .thre-calculator .cf7mls-btns .cf7mls_next.action-button,
    .thre-calculator .cf7mls-btns .cf7mls_back.action-button {
        float: right;
        height: 40px;
        border-radius: 40px;
        flex-direction: row !important;
        margin: 0 !important;
        width: 180px;
        text-transform: initial;
        margin-right: 35px !important
    }

    .thre-calculator .cf7mls-btns .cf7mls_next.action-button i,
    .thre-calculator .cf7mls-btns .cf7mls_back.action-button i {
        scale: 1;
        margin-right: 0;
        margin-top: 3px
    }

    .thre-calculator .form-counter {
        left: inherit;
        right: 35px
    }
}

.portfolio-item.g-col-12.p-5.g-col-md-4.d-flex.justify-content-center.align-items-center.d-block.d-sm-none {
    display: none !important
}

.vacancy-item-requirements button.round-btn {
    margin: auto
}

.custom-flexbox-gallery .f-carousel__nav .f-button {
    background: #fcba1d;
    border-radius: 50%;
    width: 42px;
    height: 42px
}

.custom-flexbox-gallery .f-carousel__nav .f-button:hover {
    background: #fcba1d !important;
    opacity: .8 !important
}

.custom-flexbox-gallery .f-carousel__slide img {
    object-fit: cover;
    max-width: 680px;
    margin: 0 auto;
    display: block;
    width: 100%
}

.content-block .price-repair-commertional-block .repair_price_list ul>li,
.content-block .price-repair-commertional-block .repair_price_furniture ul>li,
.content-block .price-repair-commertional-block .repair_price_deadline ul>li {
    padding-left: 0
}

.content-block .price-repair-commertional-block .repair_price_list ul>li:before,
.content-block .price-repair-commertional-block .repair_price_furniture ul>li:before,
.content-block .price-repair-commertional-block .repair_price_deadline ul>li:before {
    background: none
}

.portfolio-item-content-v2 .project-gallery .f-carousel {
    max-width: 1000px !important
}

.portfolio-item-content-v2 .project-gallery .f-thumbs__viewport {
    max-width: 1000px;
    margin: auto
}

.portfolio-item-content-v2 .project-gallery .f-carousel.is-ltr .f-carousel__slide {
    background: #f5f5f5
}

.portfolio-item-content-v2 .project-gallery .f-carousel.is-ltr .f-carousel__slide img {
    max-width: 681px !important
}

@media(min-width: 1200px) {
    .portfolio-item-content-v2 .project-gallery .f-carousel__nav .is-next {
        margin-right: 50px
    }

    .portfolio-item-content-v2 .project-gallery .f-carousel__nav .is-prev {
        margin-left: 50px
    }
}

#modal-portfolio {
    background: #000
}

.blog-item-single .transform-calculator {
    position: absolute;
    left: 0;
    right: 0;
    padding-top: 4rem !important
}

.portfolio-item-content .project-gallery .f-carousel__slide img {
    max-height: 622px
}

.portfolio-item-single .portfolio-repair .f-carousel__slide img {
    max-height: 585px
}

.portfolio-item-content-v2 .project-gallery .f-carousel.is-ltr .single-img {
    background: #f5f5f5
}

.portfolio-item-content-v2 .project-gallery .f-carousel.is-ltr .single-img img {
    max-width: 702px !important;
    max-height: 702px !important
}

.black-range .rs-tooltip-text {
    color: #212121
}

.black-range path.rs-transition.rs-path {
    stroke: #212121 !important
}

.black-range .rs-handle {
    border-color: #212121
}

.faq-block .accordion-button:after,
.accordion-service .accordion-button:after,
.vacancy-accordion .accordion-button:after {
    content: none
}

.faq-block .accordion-animation-block:after,
.accordion-service .accordion-animation-block:after,
.vacancy-accordion .accordion-animation-block:after {
    content: "";
    cursor: pointer;
    background: url(757a623b1ebd7299864a.png) no-repeat center;
    background-size: 13px 13px;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 10px;
    margin-top: 10px;
    -webkit-transition: -webkit-transform .2s ease-in;
    transform: rotate(0deg)
}

.faq-block .accordion-faq-btn:not(.collapsed),
.accordion-service .accordion-faq-btn:not(.collapsed),
.vacancy-accordion .accordion-faq-btn:not(.collapsed) {
    background: #fcba1d !important
}

.faq-block .accordion-faq-btn:not(.collapsed) .accordion-animation-block,
.accordion-service .accordion-faq-btn:not(.collapsed) .accordion-animation-block,
.vacancy-accordion .accordion-faq-btn:not(.collapsed) .accordion-animation-block {
    background: #fff
}

.faq-block .accordion-faq-btn:not(.collapsed) .accordion-animation-block:after,
.accordion-service .accordion-faq-btn:not(.collapsed) .accordion-animation-block:after,
.vacancy-accordion .accordion-faq-btn:not(.collapsed) .accordion-animation-block:after {
    -webkit-transition: -webkit-transform .2s ease-in;
    transform: rotate(45deg)
}

.faq-block .accordion-faq-sub-btn:not(.collapsed) .accordion-animation-block,
.accordion-service .accordion-faq-sub-btn:not(.collapsed) .accordion-animation-block,
.vacancy-accordion .accordion-faq-sub-btn:not(.collapsed) .accordion-animation-block {
    background: #fff
}

.faq-block .accordion-faq-sub-btn:not(.collapsed) .accordion-animation-block:after,
.accordion-service .accordion-faq-sub-btn:not(.collapsed) .accordion-animation-block:after,
.vacancy-accordion .accordion-faq-sub-btn:not(.collapsed) .accordion-animation-block:after {
    -webkit-transition: -webkit-transform .2s ease-in;
    transform: rotate(45deg)
}

.faq-block .accordion-animation-block,
.accordion-service .accordion-animation-block,
.vacancy-accordion .accordion-animation-block {
    width: 33px;
    height: 33px;
    background: #fcba1d;
    border-radius: 6px
}

.faq-blog-block {
    padding: 0
}

.faq-blog-block .faq-blog-title {
    margin-top:50px!important;
    text-align: center;
    text-transform: uppercase;
    font-size: 21px !important;
    padding-left: 0;
    font-weight: 500 !important;
    line-height: 27px;
    margin-bottom: 27px !important;
    color: #212121;
    padding-left: 0 !important;
}

.faq-blog-block .faq-blog-title:before,
.faq-blog-block .faq-blog-title::before {
    content: none !important;
    display: none !important
}

.faq-blog-block .accordion {
    margin: 0 auto
}

.faq-blog-block .accordion-item {
    background: #f0f0f0;
    border-radius: 10px !important;
    border: none;
    margin-bottom: 5px;
    overflow: hidden
}

.faq-blog-block .accordion-item:last-child {
    margin-bottom: 0
}

.faq-blog-block .accordion-button:after {
    content: none
}

.faq-blog-block .accordion-faq-btn {
    background: #f0f0f0 !important;
    padding: 15px;
    border-radius: 10px !important;
    border: none;
    cursor: pointer;
    align-items: flex-start;
    box-shadow: none
}

.faq-blog-block .accordion-faq-btn:focus {
    box-shadow: none
}

.faq-blog-block .accordion-faq-btn .pe-3 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    flex: 1
}

.faq-blog-block .accordion-faq-btn:not(.collapsed) {
    background: #f0f0f0 !important
}

.faq-blog-block .accordion-animation-block {
    width: 20px;
    height: 20px;
    background: #fcba1d;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: background .2s ease-in
}

.faq-blog-block .accordion-animation-block:after {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1px solid #212121;
    border-bottom: 1px solid #212121;
    transform: rotate(45deg);
    margin-top: -2px;
    display: block;
    background: 0 0;
    transition: transform .2s ease-in;
}

.faq-blog-block .accordion-faq-btn:not(.collapsed) .accordion-animation-block {
    background: transparent;
    width: 20px;
    height: 20px
}

.faq-blog-block .accordion-faq-btn:not(.collapsed) .accordion-animation-block:after {
    content: "";
    border: none;
    transform: none;
    margin-top: 0;
    width: 10px;
    height: 10px;
    background: url("/wp-content/themes/borisstudio/assets/fonts/closenew.svg") no-repeat center;
    background-size: contain
}

.faq-blog-block .accordion-body {
    padding: 0 15px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.faq-blog-block .accordion-body a {
    color: #212121;
    text-decoration: underline
}

.faq-blog-block .sub-accordion .accordion-item {
    background: #fff;
    margin-bottom: 5px
}

@media (min-width: 992px) {
    /* .faq-blog-block {
        padding: 30px 0 40px
    } */

    .faq-blog-block .faq-blog-title {
        font-size: 25px !important;
        line-height: 35px;
        margin-bottom: 33px !important
    }

    .faq-blog-block .accordion {
        max-width: 900px
    }

    .faq-blog-block .accordion-item {
        margin-bottom: 10px
    }

    .faq-blog-block .accordion-faq-btn {
        padding: 15px 20px;
        align-items: center;
    }

    .faq-blog-block .accordion-faq-btn .pe-3 {
        font-size: 22px
    }

    .faq-blog-block .accordion-animation-block {
        width: 35px;
        height: 35px
    }

    .faq-blog-block .accordion-animation-block:after {
        width: 9px;
        height: 9px;
        border-right-width: 2.5px;
        border-bottom-width: 2.5px;
        margin-top: -3px
    }

    .faq-blog-block .accordion-faq-btn:not(.collapsed) .accordion-animation-block {
        width: 35px;
        height: 35px
    }

    .faq-blog-block .accordion-faq-btn:not(.collapsed) .accordion-animation-block:after {
        width: 12px;
        height: 12px
    }

    .faq-blog-block .accordion-body {
        padding: 0 20px 15px;
        font-size: 14px;
        line-height: 18px
    }
}

@media (min-width: 1600px) {
    /* .faq-blog-block {
        padding: 40px 0 50px
    } */

    .faq-blog-block .faq-blog-title {
        font-size: 35px !important;
        line-height: 45px;
        margin-bottom: 20px !important;
        margin-top: 50px;
    }

    .faq-blog-block .accordion {
        max-width: 1053px
    }

    .faq-blog-block .accordion-faq-btn {
        padding: 18px 25px
    }

    .faq-blog-block .accordion-faq-btn .pe-3 {
        font-size: 25px
    }

    .faq-blog-block .accordion-animation-block {
        width: 40px;
        height: 40px
    }

    .faq-blog-block .accordion-animation-block:after {
        width: 10px;
        height: 10px;
        margin-top: -4px
    }

    .faq-blog-block .accordion-faq-btn:not(.collapsed) .accordion-animation-block {
        width: 40px;
        height: 40px
    }

    .faq-blog-block .accordion-faq-btn:not(.collapsed) .accordion-animation-block:after {
        width: 16px;
        height: 16px
    }

    .faq-blog-block .accordion-body {
        padding: 0 25px 18px;
        font-size: 18px;
        line-height: 22px
    }
}

.custom-slider {
    width: 100%;
    max-width: 694.33px;
    aspect-ratio: 1/1
}

.custom-slider div#comparison {
    width: 100%;
    overflow: hidden;
    position: relative
}

.custom-slider div#comparison figure {
    box-shadow: 3px 0 0 0 #fff;
    background-size: cover;
    position: relative;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.custom-slider div#comparison figure>img {
    position: relative;
    width: 100%
}

.custom-slider div#comparison figure div {
    background-size: cover;
    position: absolute;
    width: 50%;
    box-shadow: 5px 0px 0px 0px #fff;
    overflow: hidden;
    bottom: 0;
    height: 100%
}

.custom-slider input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    position: absolute;
    top: calc(50% - 20px);
    left: -18px;
    width: calc(100% + 40px)
}

.custom-slider input[type=range]:focus {
    outline: none
}

.custom-slider input[type=range]:active {
    outline: none
}

.custom-slider input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, .1);
    position: relative;
    outline: none
}

.custom-slider input[type=range]::active {
    border: none;
    outline: none
}

.custom-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: center no-repeat url(94cd8fcbea4d273c5934.png);
    height: 40px;
    width: 40px;
    border-radius: 50%
}

.custom-slider input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    background: center no-repeat url(94cd8fcbea4d273c5934.png);
    height: 40px;
    width: 40px;
    border-radius: 50%
}

.custom-slider .slider-after:after {
    content: attr(title);
    position: absolute;
    width: 87px;
    height: 24px;
    background: rgba(255, 255, 255, .5);
    bottom: 10px;
    left: 10px;
    font-size: 10px;
    font-weight: 400;
    line-height: 12.7px;
    text-align: center;
    padding-top: 5px
}

.custom-slider .slider-before:before {
    content: attr(title);
    position: absolute;
    width: 87px;
    height: 24px;
    background: rgba(255, 255, 255, .5);
    bottom: 10px;
    right: 10px;
    font-size: 10px;
    font-weight: 400;
    line-height: 12.7px;
    padding-top: 5px;
    text-align: center;
    padding-top: 5px
}

.portfolio-design #project-callback-btn {
    padding: 5px 20px
}

.portfolio-design .portfolio_gallery-images .f-carousel__slide span,
.portfolio-design .portfolio-visualization .f-carousel__slide span {
    cursor: pointer
}

.portfolio-design .visualization-nav-wrapper ul {
    scrollbar-width: thin;
    padding-bottom: 5px
}

.portfolio-design .my-repair-carousel .f-carousel__track .f-carousel__slide img {
    opacity: .2
}

.portfolio-design .my-repair-carousel .f-carousel__track .is-selected img {
    opacity: 1
}

.portfolio-design .like-block {
    padding-top: 30px
}

.portfolio-design .project-callback {
    position: relative
}

.portfolio-design .project-callback .btn {
    position: relative;
    padding-right: 60px
}

.portfolio-design .project-callback .btn:after {
    content: "";
    width: 24px;
    height: 8px;
    top: 14px;
    right: 23px;
    position: absolute;
    background: no-repeat center url(ea1cf59396c9dc400e94.png)
}

.portfolio-design .about-project-title,
.portfolio-design .portfolio-deign-title,
.portfolio-design .portfolio-visualization-title,
.portfolio-design .portfolio_gallery-title,
.portfolio-design .portfolio-video-review-title,
.portfolio-design .repair-gallery-title {
    margin: 70px 0 23px 0
}

.portfolio-design .about-project-title span,
.portfolio-design .portfolio-deign-title span,
.portfolio-design .portfolio-visualization-title span,
.portfolio-design .portfolio_gallery-title span,
.portfolio-design .portfolio-video-review-title span,
.portfolio-design .repair-gallery-title span {
    font-weight: 400;
    font-size: 25px;
    text-transform: uppercase;
    margin: 70px 0 23px 0
}

.portfolio-design .portfolio-video-review {
    background: #fff;
    color: #000
}

.portfolio-design .portfolio-video-review .portfolio-video-review-video {
    padding: 0px 0px 20px 0px
}

.portfolio-design .portfolio-video-review .portfolio-video-review-video iframe {
    width: 100%;
    max-width: 900px;
    height: 220px
}

.portfolio-design .portfolio-repair-photos {
    padding: 0
}

.portfolio-design .portfolio-repair-photos .gallery-block img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.portfolio-design .question-block {
    background: #faf8f3;
    margin-top: 100px;
    padding-bottom: 120px
}

.portfolio-design .question-block textarea {
    height: 220px
}

.portfolio-design .question-block .question-img {
    width: 100%
}

.portfolio-design .question-block .question-img img {
    object-fit: cover;
    width: 100%
}

.portfolio-design .question-block .question-img-desk img {
    object-fit: cover;
    max-width: 460px
}

.portfolio-design .my-owl-carousel-1 .item {
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

.portfolio-design .my-owl-carousel-1 .item img {
    width: 100%;
    object-fit: cover
}

.portfolio-design .my-owl-carousel-2 .item {
    background: #c9c9c9;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.portfolio-design .my-owl-carousel-2 .item h1,
.portfolio-design .my-owl-carousel-2 .item .h1 {
    font-size: 18px
}

.portfolio-design .my-owl-carousel-2 .current .item {
    background: #fff
}

.portfolio-design .my-owl-carousel-2 .current .item img {
    opacity: .3
}

.portfolio-design .owl-theme .owl-nav [class*=owl-] {
    transition: all .3s ease
}

.portfolio-design .owl-theme .owl-nav [class*=owl-].disabled:hover {
    background-color: #d6d6d6
}

.portfolio-design .my-owl-carousel-1.owl-theme {
    position: relative
}

.portfolio-design .my-owl-carousel-1.owl-theme .owl-next,
.portfolio-design .my-owl-carousel-1.owl-theme .owl-prev {
    margin-top: -20px;
    position: absolute;
    top: 50%;
    background: #fcba1d;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.portfolio-design .my-owl-carousel-1.owl-theme .owl-next svg,
.portfolio-design .my-owl-carousel-1.owl-theme .owl-prev svg {
    width: 10px
}

.portfolio-design .my-owl-carousel-1.owl-theme .owl-prev {
    left: 10px
}

.portfolio-design .my-owl-carousel-1.owl-theme .owl-next {
    right: 10px
}

.portfolio-design .visualization-nav-wrapper ul>li span {
    white-space: nowrap
}

@media(max-width: 992px) {
    .portfolio-design .about-project-title {
        margin: 40px 0 23px 0
    }
}

@media(min-width: 576px) {
    .portfolio-design .project-new .portfolio-video-review .portfolio-video-review-video iframe {
        height: 280px
    }
}

@media(min-width: 768px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: -50px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: -50px
    }

    .portfolio-design .project-new .project-gallery .f-button {
        width: 35px;
        height: 35px
    }

    .portfolio-design .project-new .project-gallery .f-button svg {
        width: 20px
    }

    .portfolio-design .project-new .portfolio-video-review .portfolio-video-review-video {
        padding: 0px 0px 30px 0px
    }

    .portfolio-design .project-new .portfolio-video-review .portfolio-video-review-video iframe {
        height: 380px
    }
}

@media(min-width: 992px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: -22px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: -22px
    }

    .portfolio-design .project-new .project-gallery .f-thumbs {
        display: none
    }

    .portfolio-design .project-new .portfolio-video-review .portfolio-video-review-video {
        padding: 0px 0px 50px 0px
    }

    .portfolio-design .project-new .portfolio-video-review .portfolio-video-review-video iframe {
        height: 500px
    }

    .portfolio-design .project-new .portfolio-visualization .f-carousel,
    .portfolio-design .project-new .portfolio_gallery .f-carousel {
        max-width: 100%;
        --f-carousel-spacing: 8px;
        --f-carousel-slide-width: calc((100% - 16px) / 3)
    }

    .portfolio-design .project-new .portfolio-visualization .f-carousel .is-next,
    .portfolio-design .project-new .portfolio_gallery .f-carousel .is-next {
        margin-right: 20%
    }

    .portfolio-design .project-new .portfolio-visualization .f-carousel .is-prev,
    .portfolio-design .project-new .portfolio_gallery .f-carousel .is-prev {
        margin-left: 20%
    }

    .portfolio-design .project-new .portfolio-visualization .f-carousel .f-carousel__slide span,
    .portfolio-design .project-new .portfolio-visualization .f-carousel .f-carousel__slide img,
    .portfolio-design .project-new .portfolio_gallery .f-carousel .f-carousel__slide span,
    .portfolio-design .project-new .portfolio_gallery .f-carousel .f-carousel__slide img {
        width: 100%;
        height: 100%
    }

    .portfolio-design .project-new .portfolio-visualization .visualization-images .container,
    .portfolio-design .project-new .portfolio-visualization .portfolio_gallery-images .container,
    .portfolio-design .project-new .portfolio_gallery .visualization-images .container,
    .portfolio-design .project-new .portfolio_gallery .portfolio_gallery-images .container {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .portfolio-design .project-new .portfolio-visualization .visualization-images .main-owl-carousel .owl-nav,
    .portfolio-design .project-new .portfolio-visualization .portfolio_gallery-images .main-owl-carousel .owl-nav,
    .portfolio-design .project-new .portfolio_gallery .visualization-images .main-owl-carousel .owl-nav,
    .portfolio-design .project-new .portfolio_gallery .portfolio_gallery-images .main-owl-carousel .owl-nav {
        display: block !important
    }

    .portfolio-design .project-new .portfolio-visualization .visualization-images .main-owl-carousel :not(.active)+.active,
    .portfolio-design .project-new .portfolio-visualization .visualization-images .main-owl-carousel :not(.active)+.active+div+div,
    .portfolio-design .project-new .portfolio-visualization .portfolio_gallery-images .main-owl-carousel :not(.active)+.active,
    .portfolio-design .project-new .portfolio-visualization .portfolio_gallery-images .main-owl-carousel :not(.active)+.active+div+div,
    .portfolio-design .project-new .portfolio_gallery .visualization-images .main-owl-carousel :not(.active)+.active,
    .portfolio-design .project-new .portfolio_gallery .visualization-images .main-owl-carousel :not(.active)+.active+div+div,
    .portfolio-design .project-new .portfolio_gallery .portfolio_gallery-images .main-owl-carousel :not(.active)+.active,
    .portfolio-design .project-new .portfolio_gallery .portfolio_gallery-images .main-owl-carousel :not(.active)+.active+div+div {
        opacity: .2
    }

    .portfolio-design .project-new .my-owl-carousel-1.owl-theme .owl-next,
    .portfolio-design .project-new .my-owl-carousel-1.owl-theme .owl-prev {
        width: 42px;
        height: 42px
    }

    .portfolio-design .project-new .my-owl-carousel-1.owl-theme .owl-next svg,
    .portfolio-design .project-new .my-owl-carousel-1.owl-theme .owl-prev svg {
        width: 14px
    }

    .portfolio-design .project-new .my-owl-carousel-1.owl-theme .owl-prev {
        left: 15%
    }

    .portfolio-design .project-new .my-owl-carousel-1.owl-theme .owl-next {
        right: 15%
    }

    .custom-slider {
        margin: 0 5%
    }
}

@media(min-width: 1100px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: -20px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: -20px
    }
}

@media(min-width: 1200px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: -19px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: -19px
    }
}

@media(min-width: 1300px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: -3px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: -3px
    }

    .custom-slider {
        margin: 0
    }
}

@media(min-width: 1400px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: 15px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: 15px
    }
}

@media(min-width: 1500px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: 30px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: 30px
    }
}

@media(min-width: 1600px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: 47px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: 47px
    }
}

@media(min-width: 1650px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: 56px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: 56px
    }
}

@media(min-width: 1700px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: 45px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: 45px
    }
}

@media(min-width: 1750px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: 40px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: 40px
    }
}

@media(min-width: 1800px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: 40px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: 40px
    }
}

@media(min-width: 1850px) {
    .portfolio-design .project-new .project-gallery .is-next {
        margin-right: 32px
    }

    .portfolio-design .project-new .project-gallery .is-prev {
        margin-left: 32px
    }
}

@media(max-width: 1400px) {
    .likes-section {
        font-size: 10px
    }
}

.like-block-portfolio {
    padding: 3rem 0
}

.like-block-portfolio .action-text {
    font-weight: 300;
    font-size: 1.5rem
}

.like-block-portfolio .badge {
    font-weight: 300;
    border-radius: 27px;
    font-size: 1.5rem;
    cursor: pointer
}

.like-block-portfolio .badge.disabled {
    opacity: .5
}

.like-block-portfolio .right-arrow:after {
    height: 35px;
    transform: rotate(-45deg) translate(12px, 5px)
}

.btn-country-flag {
    position: relative
}

.btn-country-flag:after {
    content: url(baa305fc75d9baa9e711.png);
    position: absolute;
    top: -1px;
    right: 2px
}

.btn-city {
    position: relative
}

.btn-city:after {
    content: url(baa305fc75d9baa9e711.png);
    position: absolute;
    top: -1px;
    right: 0px
}

.dropdown-foreign-country,
.dropdown-foreign-city {
    width: fit-content
}

@media(min-width: 768px) {

    .dropdown-foreign-country,
    .dropdown-foreign-city {
        border: .5px solid #212121
    }

    .btn-country-flag {
        position: relative
    }

    .btn-country-flag:after {
        top: -1px;
        right: -2px
    }
}

@media(min-width: 1400px) {

    .dropdown-foreign-country,
    .dropdown-foreign-city {
        border: none
    }
}

@media(min-width: 400px) {
    .dropdown-foreign-city {
        margin-right: 25px
    }

    .dropdown-foreign-country {
        margin-right: 5px
    }
}

#mobile-block .mobile-block-phone {
    font-size: 1.25rem
}

@media(max-width: 380px) {
    #mobile-block .mobile-block-phone {
        font-size: 1.2rem
    }
}

@media(max-width: 767px) {
    .gallery-block .section-title {
        text-align: center !important
    }
}

.gallery-block .portfolio-filter .all-filters-btn.selected {
    border: none;
    background: #fcba1d
}

@media(max-width: 420px) {
    .gallery-block .portfolio-filter .all-filters-btn.selected {
        font-size: 11px;
        font-weight: 400
    }
}

.gallery-block .portfolio-filter .all-filters-btn:not(.selected) {
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0)
}

@media(max-width: 420px) {
    .gallery-block .portfolio-filter .all-filters-btn:not(.selected) {
        font-size: 11px;
        font-weight: 400
    }
}

.grecaptcha-badge {
    display: none !important
}

span.file-name {
    margin: 0;
    float: left;
    display: block;
    clear: both;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px
}

label.upload-photo.selected {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    background: rgba(0, 0, 0, 0);
    color: #fcba1d;
    margin: 0;
    float: left;
    display: block;
    clear: both;
    padding-left: 0
}

span.file-name:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 12px;
    background-size: cover;
    background: url(fonts/screpka.svg) no-repeat;
    margin-bottom: -1px;
    margin-right: 5px
}

span.file-name:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-size: contain;
    background: url(fonts/close1.svg) no-repeat;
    margin-bottom: -1px;
    margin-left: 5px
}

@media(min-width: 1400px) {
    span.file-name {
        margin: 0;
        float: left;
        display: block;
        clear: both;
        font-weight: 400;
        font-size: 22px;
        line-height: 100%;
        vertical-align: middle
    }

    label.upload-photo.selected {
        font-weight: 400;
        font-size: 22px;
        line-height: 100%;
        vertical-align: middle;
        text-decoration: underline;
        text-decoration-style: solid;
        background: rgba(0, 0, 0, 0);
        color: #fcba1d;
        margin: 0;
        float: left;
        display: block;
        clear: none;
        padding-left: 0;
        padding-top: 0;
        margin-left: 10%
    }

    span.file-name:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 20px;
        background: url(fonts/screpka.svg) no-repeat;
        margin-bottom: -1px;
        margin-right: 5px;
        background-size: contain
    }

    span.file-name:after {
        content: "";
        display: inline-block;
        width: 13px;
        height: 13px;
        background-size: contain;
        background: url(fonts/close1.svg) no-repeat;
        margin-bottom: -1px;
        margin-left: 10px;
        background-size: contain
    }
}

.new-team-item-img-block {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden
}

.new-team-item-img-block .new-team-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fcba1d
}

.new-team .new-team-item-title {
    font-weight: 400;
    font-size: 21px;
    line-height: 27px;
    text-transform: uppercase;
    text-align: center
}

.new-team-item {
    text-align: center
}

.new-team .new-team-item-position {
    font-weight: 300;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
    background: #fcba1d;
    padding: 0px 12px;
    color: #212121;
    display: inline-block;
    border-radius: 25px;
    margin-bottom: .5rem
}

a.team-vacansii {
    font-weight: 300;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    background: #fcba1d;
    padding: 0px 10px;
    color: #212121;
    display: inline-block;
    border-radius: 25px;
    text-decoration: none;
    margin-top: 50px
}

p.new-team-item-experience {
    font-weight: 300;
    font-size: 10px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 2rem
}

p.new-team-item-experience span {
    font-weight: 500;
    font-size: 10px;
    line-height: 22px;
    color: #fcba1d
}

@media(min-width: 768px) {
    .new-team-item {
        padding: 0 3%
    }

    .new-team-item-img-block .new-team-item-img {
        border: 4px solid #fcba1d
    }

    .new-team .new-team-item-title {
        font-size: 26px;
        margin-bottom: 1rem
    }

    .new-team .new-team-item-position {
        font-size: 14px;
        line-height: 36px
    }

    a.team-vacansii {
        font-size: 14px;
        line-height: 40px
    }

    p.new-team-item-experience {
        font-size: 12px
    }

    p.new-team-item-experience span {
        font-size: 14px
    }
}

@media(min-width: 1451px) {
    .new-team-item {
        padding: 0 30px
    }

    .new-team-item-img-block .new-team-item-img {
        border: 5px solid #fcba1d
    }

    .new-team .new-team-item-title {
        font-size: 40px;
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .new-team .new-team-item-position {
        font-size: 20px;
        padding: 0px 22px;
        line-height: 45px
    }

    a.team-vacansii {
        font-size: 20px;
        line-height: 55px;
        padding: 0px 20px
    }

    p.new-team-item-experience {
        font-size: 14px;
        margin-bottom: 4rem;
        margin-top: 1rem
    }

    p.new-team-item-experience span {
        font-size: 16px
    }
}

.bg-black-full {
    display: none;
    position: fixed;
    background: hwb(0deg 0% 100%/50%);
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(7f01b07148f205f6e825.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media(hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg)
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
    box-sizing: inherit
}

.fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::before,
.fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    filter: blur(0px);
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) {
    animation: var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) {
    animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0))*-0.5);
    width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    user-select: none;
    pointer-events: none
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

.f-carousel {
    --f-carousel-theme-color: #706f6c;
    --f-carousel-spacing: 0px;
    --f-carousel-slide-width: 100%;
    --f-carousel-slide-height: auto;
    --f-carousel-slide-padding: 0;
    --f-button-width: 42px;
    --f-button-height: 42px;
    --f-button-color: var(--f-carousel-theme-color, currentColor);
    --f-button-hover-color: var(--f-carousel-theme-color, currentColor);
    --f-button-bg: transparent;
    --f-button-hover-bg: var(--f-button-bg);
    --f-button-active-bg: var(--f-button-bg);
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-next-pos: 10px;
    --f-button-prev-pos: 10px;
    position: relative;
    box-sizing: border-box
}

.f-carousel *,
.f-carousel *:before,
.f-carousel *:after {
    box-sizing: inherit
}

.f-carousel.is-ltr {
    direction: ltr
}

.f-carousel.is-rtl {
    direction: rtl
}

.f-carousel__viewport {
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.f-carousel__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.f-carousel__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.f-carousel__track {
    display: flex;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.f-carousel__slide {
    position: relative;
    flex: 0 0 auto;
    width: var(--f-carousel-slide-width);
    max-width: 100%;
    height: var(--f-carousel-slide-height);
    margin: 0 var(--f-carousel-spacing) 0 0;
    padding: var(--f-carousel-slide-padding);
    outline: 0;
    transform-origin: center center
}

.f-carousel.is-vertical {
    --f-carousel-slide-height: 100%
}

.f-carousel.is-vertical .f-carousel__track {
    flex-wrap: wrap
}

.f-carousel.is-vertical .f-carousel__slide {
    margin: 0 0 var(--f-carousel-spacing) 0
}

:root {
    --f-carousel-dots-width: 24px;
    --f-carousel-dots-height: 30px;
    --f-carousel-dot-width: 8px;
    --f-carousel-dot-height: 8px;
    --f-carousel-dot-radius: 50%;
    --f-carousel-dot-color: var(--f-carousel-theme-color, currentColor);
    --f-carousel-dot-opacity: 0.2;
    --f-carousel-dot-hover-opacity: 0.4
}

.f-carousel.has-dots {
    margin-bottom: var(--f-carousel-dots-height)
}

.f-carousel__dots {
    position: absolute;
    bottom: calc(var(--f-carousel-dots-height)*-1);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto !important;
    padding: 0;
    list-style: none !important;
    user-select: none
}

.f-carousel__dots li {
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: var(--f-carousel-dot-opacity);
    transition: opacity .15s ease-in-out
}

.f-carousel__dots li+li {
    margin: 0
}

.f-carousel__dots li:hover {
    opacity: var(--f-carousel-dot-hover-opacity)
}

.f-carousel__dots li.is-current {
    opacity: 1
}

.f-carousel__dots li button {
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: var(--f-carousel-dots-width);
    height: var(--f-carousel-dots-height);
    border: 0;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: all .2s linear
}

.f-carousel__dot {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: var(--f-carousel-dot-width);
    height: var(--f-carousel-dot-height);
    border-radius: var(--f-carousel-dot-radius);
    background-color: var(--f-carousel-dot-color);
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    pointer-events: none
}

.f-carousel__dots.is-dynamic li:not(.is-prev, .is-next, .is-current, .is-after-next, .is-before-prev) button {
    transform: scale(0);
    width: 0
}

.f-carousel__dots.is-dynamic li.is-before-prev button,
.f-carousel__dots.is-dynamic li.is-after-next button {
    transform: scale(0.22)
}

.f-carousel__dots.is-dynamic li.is-prev button,
.f-carousel__dots.is-dynamic li.is-next button {
    transform: scale(0.66)
}

.f-carousel__dots.is-dynamic li.is-current button {
    transform: scale(1)
}

.f-carousel__dots.is-dynamic li.is-before-prev button,
.f-carousel__dots.is-dynamic li.is-after-next button {
    transform: scale(0.33)
}

.f-carousel__dots.is-dynamic li.is-current:first-child {
    margin-left: calc(var(--f-carousel-dots-width)*2)
}

.f-carousel__dots.is-dynamic li.is-prev:first-child {
    margin-left: var(--f-carousel-dots-width)
}

.f-carousel__dots.is-dynamic li.is-next:last-child {
    margin-right: var(--f-carousel-dots-width)
}

.f-carousel__dots.is-dynamic li.is-current:last-child {
    margin-right: calc(var(--f-carousel-dots-width)*2)
}

.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:first-child {
    margin-left: 0;
    margin-right: var(--f-carousel-dots-width)
}

.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-prev:first-child {
    margin-left: 0;
    margin-right: var(--f-carousel-dots-width)
}

.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:last-child {
    margin-left: 0;
    margin-right: var(--f-carousel-dots-width)
}

.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-next:last-child {
    margin-right: 0;
    margin-left: var(--f-carousel-dots-width)
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media(hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg)
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0))*-0.5);
    width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.single-post-layout-2 p strong, .single-post-layout-3 p strong{
    font-weight: 500;
}

@media (max-width: 992px) {
	.single-post-layout-2 .breadcrumb-block a, .single-post-layout-3 .breadcrumb-block a,
    .single-post-layout-2 .breadcrumb-block span , .single-post-layout-3 .breadcrumb-block span {
		font-size: 14px;
		font-weight: 300;
	}

    .single-post-layout-2 .breadcrumb-block a , .single-post-layout-3 .breadcrumb-block a {
        opacity: 50%;
    }

    .single-post-layout-2 .breadcrumb-block nav>span:after , .single-post-layout-3 .breadcrumb-block nav>span:after {
        margin-top: -4px;
        width: 4px;
        height: 4px;
        opacity: 50%;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-img img , .single-post-layout-3 .blog-item-single .blog-item-single-img img {
        height: 356px;
    }

	/* Порядок на мобілі: зображення → лайки+перегляди+дата → заголовок → категорії → автор → зміст */
	.single-post-layout-2 .blog-item-single .container , .single-post-layout-3 .blog-item-single .container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto auto auto;
		gap: 0;
		padding-top: 20px;
	}
	.single-post-layout-2 .blog-item-single .calculator-block .container , .single-post-layout-3 .blog-item-single .calculator-block .container {
		display: block;
		grid-template-columns: unset;
		grid-template-rows: unset;
		gap: unset;
		padding-top: unset;
	}
	.single-post-layout-2 .blog-item-single .container > .row.blog-item-single-info-block, .single-post-layout-3 .blog-item-single .container > .row.blog-item-single-info-block,
	.single-post-layout-2 .blog-item-single .container > .row.blog-item-single-info-block > .col-12, .single-post-layout-3 .blog-item-single .container > .row.blog-item-single-info-block > .col-12,
	.single-post-layout-2 .blog-item-single .container > .row.blog-item-single-info-block .row.justify-content-between, .single-post-layout-3 .blog-item-single .container > .row.blog-item-single-info-block .row.justify-content-between,
	.single-post-layout-2 .blog-item-single .container > .row:nth-child(2) , .single-post-layout-3 .blog-item-single .container > .row:nth-child(2) {
		display: contents;
	}

    .single-post-layout-2 .blog-item-single .blog-item-single-info-block .row>* , .single-post-layout-3 .blog-item-single .blog-item-single-info-block .row>* {
        padding-left: 0;
        padding-rignt: 0;
    }
	.single-post-layout-2 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(1) , .single-post-layout-3 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(1) {
		grid-row: 1;
		grid-column: 2;
		justify-self: end;
        align-self: self-start;
        padding-right: 0;
	}
	.single-post-layout-2 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(2) , .single-post-layout-3 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(2) {
		grid-row: 3;
		grid-column: 1 / -1;
       
	}
    .single-post-layout-2 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(2) .badge, .single-post-layout-3 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(2) .badge {
        margin-top: 20px;
    }

	.single-post-layout-2 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(3) , .single-post-layout-3 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(3) {
		grid-row: 1;
		grid-column: 1;
		justify-self: start;
		align-self: center;
	}
	.single-post-layout-2 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(4) , .single-post-layout-3 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(4) {
		grid-row: 4;
		grid-column: 1 / -1;
		flex-direction: column;
		align-items: flex-start;
        margin-top: 20px;
	}
	.single-post-layout-2 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(4) .social-links , .single-post-layout-3 .blog-item-single .blog-item-single-info-block .row .col-auto:nth-child(4) .social-links {
		margin-top: 8px;
	}
	.single-post-layout-2 .blog-item-single .container > .row:nth-child(2) .col-12.col-md-6:first-child , .single-post-layout-3 .blog-item-single .container > .row:nth-child(2) .col-12.col-md-6:first-child {
		grid-row: 2;
		grid-column: 1 / -1;
        padding-left: 0;
        padding-right: 0;
	}
	.single-post-layout-2 .blog-item-single .container > .row:nth-child(2) .col-12.col-md-6:last-child , .single-post-layout-3 .blog-item-single .container > .row:nth-child(2) .col-12.col-md-6:last-child {
		grid-row: 5;
		grid-column: 1 / -1;
        padding-left: 0;
        padding-right: 0;
	}

    .single-post-layout-2 .blog-item-single .blog-item-single-info , .single-post-layout-3 .blog-item-single .blog-item-single-info {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author, .single-post-layout-3 .blog-item-single .blog-item-single-author {
        margin-right: 25px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author .title, .single-post-layout-3 .blog-item-single .blog-item-single-author .title,
    .single-post-layout-2 .blog-item-single .blog-item-single-author .author, .single-post-layout-3 .blog-item-single .blog-item-single-author .author {
        font-size: 14px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author .title , .single-post-layout-3 .blog-item-single .blog-item-single-author .title {
        opacity: .5;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author img , .single-post-layout-3 .blog-item-single .blog-item-single-author img {
        border-radius: 50%;
        height: 75px;
        width: 75px;
    }
    
    .single-post-layout-2 .blog-item-single .blog-item-single-author .author-img , .single-post-layout-3 .blog-item-single .blog-item-single-author .author-img {
        padding-right: 12px !important;
    }

    .single-post-layout-2 .blog-item-single .blog-item-date time, .single-post-layout-3 .blog-item-single .blog-item-date time {
        font-size: 14px;
    }

    .single-post-layout-2 .blog-item-single .badge , .single-post-layout-3 .blog-item-single .badge {
        font-size: 14px;
        height: 30px;
        border-radius: 16.5px;
        font-weight: 300;
        line-height: 27px;
        padding: 3px 15px;
    }

    .single-post-layout-2 .blog-item-single .badge.blog-item-like, .single-post-layout-3 .blog-item-single .badge.blog-item-like,
    .single-post-layout-2 .blog-item-single .badge.blog-item-view, .single-post-layout-3 .blog-item-single .badge.blog-item-view {
        padding: 0;
        margin-right: 23px;
    }

    .single-post-layout-2 .blog-item-single .badge svg, .single-post-layout-3 .blog-item-single .badge svg {
        vertical-align: sub;
        height: 18px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content ul , .single-post-layout-3 .blog-item-single .blog-item-single-content ul {
        margin-top: 5px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content ul li , .single-post-layout-3 .blog-item-single .blog-item-single-content ul li {
        margin-bottom: 10px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content h3 , .single-post-layout-3 .blog-item-single .blog-item-single-content h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content  , .single-post-layout-3 .blog-item-single .blog-item-single-content {
        display: flex;
        justify-content: end;
        align-items: start;
        padding-top: 30px;
        flex-direction: column;
        width: max-content;
        justify-self: sart;
        padding-bottom: 0;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-info .blog-item-single-title , .single-post-layout-3 .blog-item-single .blog-item-single-info .blog-item-single-title {
        padding-top: 0;
        font-size: 25px;
        margin: 0;
        font-weight: 400;
        line-height: 1.5;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-info-block , .single-post-layout-3 .blog-item-single .blog-item-single-info-block {
        margin-top: 30px;
    }

    .single-post-layout-2 .content-block > p, .single-post-layout-3 .content-block > p,
    .single-post-layout-2 .content-block > *:not(.calculator-block) p, .single-post-layout-3 .content-block > *:not(.calculator-block) p {
        color: #212121;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    .single-post-layout-2 .content-block > ul li, .single-post-layout-3 .content-block > ul li,
    .single-post-layout-2 .content-block > *:not(.calculator-block) ul li, .single-post-layout-3 .content-block > *:not(.calculator-block) ul li {
        color: #212121;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .single-post-layout-2 .blog-item-single .content-block, .single-post-layout-3 .blog-item-single .content-block {
        margin-top: 50px;
        grid-column: 1 / -1;
        padding-top: 0;
    }

    .single-post-layout-3 .blog-item-single .content-block {
        margin-top: 30px
    }

    .single-post-layout-2 .blog-item-single .content-block > h2, .single-post-layout-3 .blog-item-single .content-block > h2,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) h2, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) h2 {
        margin-top: 30px;
        margin-bottom: 15px;
        color: #212121;
        font-family: "Mabry Pro";
        font-size: 21px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .single-post-layout-2 .blog-item-single .content-block > h3, .single-post-layout-3 .blog-item-single .content-block > h3,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) h3, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) h3 {
        position: relative;
        padding-left: 25px;
        color: #212121;
        font-size: 22px;
        font-weight: 500;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    
    .single-post-layout-2 .blog-item-single .content-block > h3::before, .single-post-layout-3 .blog-item-single .content-block > h3::before,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) h3::before, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) h3::before {
        content: "";
        display: block;
        background: url("/wp-content/themes/borisstudio/assets/fonts/list.svg");
        position: absolute;
        left: 0;
        width: 13px;
        height: 13px;
        background-size: contain;
        top: 6px;
    }

    .single-post-layout-2 .blog-item-single .content-block > .gallery, .single-post-layout-3 .blog-item-single .content-block > .gallery,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) .gallery, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) .gallery {
        margin-top: 15px;
        margin-bottom: 15px;
        grid-gap: 6px;
    }

    .single-post-layout-2 .blog-item-single .like-block, .single-post-layout-3 .blog-item-single .like-block {
        padding-top: 50px;
        padding-bottom: 40px;
        grid-column: 1 / -1;
    }

    .single-post-layout-2 .blog-item-single .like-block .action-text, .single-post-layout-3 .blog-item-single .like-block .action-text {
        color: #212121;
        font-size: 21px;
        font-weight: 300;
        line-height: 1.5;
    }



    .single-post-layout-2 .blog-item-single .like-block .right-arrow-svg, .single-post-layout-3 .blog-item-single .like-block .right-arrow-svg
    {
       width: 30px;
    }

    .single-post-layout-2 .blog-item-single .like-block .badge, .single-post-layout-3 .blog-item-single .like-block .badge {
        padding: 11px 13px 7px 13px;
        height: unset;
        font-size: 22px;
        border-radius: 36px;
    }

    .single-post-layout-2 .blog-item-single .like-block .badge svg, .single-post-layout-3 .blog-item-single .like-block .badge svg {
        height: 19px;
        width: 21px;
        vertical-align: text-top;
    }

    .single-post-layout-2 .blog-item-single .like-block .badge .likes, .single-post-layout-3 .blog-item-single .like-block .badge .likes {
        /* margin-left: 5px; */
        position: relative;
        top: 0;
    }
    .single-post-layout-2 .content-block .calculator-margin, .single-post-layout-3 .content-block .calculator-margin {
        margin-bottom: 30px;
    }

    .single-post-layout-2 .like-project .btn,
    .single-post-layout-3 .like-project .btn{
        height: 42px;
        font-size: 14px;
        border-radius: 37px;
        padding: 11px 33px;
    }

    .single-post-layout-2 .like-project .like-project-description,
    .single-post-layout-3 .like-project .like-project-description {
        margin-bottom: 15px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {

    .single-post-layout-2 .blog-item-single .container , .single-post-layout-3 .blog-item-single .container {
        max-width: 1440px;
    }

	.single-post-layout-2 .breadcrumb-block a, .single-post-layout-3 .breadcrumb-block a,
    .single-post-layout-2 .breadcrumb-block span , .single-post-layout-3 .breadcrumb-block span {
		font-size: 14px;
		font-weight: 300;
	}

    .single-post-layout-2 .breadcrumb-block a , .single-post-layout-3 .breadcrumb-block a {
        opacity: 50%;
    }

    .single-post-layout-2 .breadcrumb-block nav>span:after , .single-post-layout-3 .breadcrumb-block nav>span:after {
        margin-top: -4px;
        width: 4px;
        height: 4px;
        opacity: 50%;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-img img , .single-post-layout-3 .blog-item-single .blog-item-single-img img {
        height: 356px;
    }
    .single-post-layout-2 .blog-item-single .blog-item-single-info , .single-post-layout-3 .blog-item-single .blog-item-single-info {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author, .single-post-layout-3 .blog-item-single .blog-item-single-author {
        margin-right: 25px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author .title, .single-post-layout-3 .blog-item-single .blog-item-single-author .title,
    .single-post-layout-2 .blog-item-single .blog-item-single-author .author, .single-post-layout-3 .blog-item-single .blog-item-single-author .author {
        font-size: 14px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author .title , .single-post-layout-3 .blog-item-single .blog-item-single-author .title {
        opacity: .5;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author img , .single-post-layout-3 .blog-item-single .blog-item-single-author img {
        border-radius: 50%;
        height: 75px;
        width: 75px;
    }
    
    .single-post-layout-2 .blog-item-single .blog-item-single-author .author-img , .single-post-layout-3 .blog-item-single .blog-item-single-author .author-img {
        padding-right: 12px !important;
    }

    .single-post-layout-2 .blog-item-single .blog-item-date time, .single-post-layout-3 .blog-item-single .blog-item-date time {
        font-size: 14px;
    }

    .single-post-layout-2 .blog-item-single .badge , .single-post-layout-3 .blog-item-single .badge {
        font-size: 14px;
        height: 30px;
        border-radius: 16.5px;
        font-weight: 300;
        line-height: 27px;
        padding: 3px 15px;
    }
    
    .single-post-layout-2 .blog-item-single .badge.text-bg-light, .single-post-layout-3 .blog-item-single .badge.text-bg-light {
        padding: 3px 7.5px;
    }

    .single-post-layout-2 .blog-item-single .badge svg, .single-post-layout-3 .blog-item-single .badge svg {
        vertical-align: sub;
        height: 18px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content ul , .single-post-layout-3 .blog-item-single .blog-item-single-content ul {
        margin-top: 5px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content ul li , .single-post-layout-3 .blog-item-single .blog-item-single-content ul li {
        margin-bottom: 10px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content h3 , .single-post-layout-3 .blog-item-single .blog-item-single-content h3 {
        margin-top: 0;
        margin-right: 15px;
        font-size: 22px;
        margin-bottom: 10px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content  , .single-post-layout-3 .blog-item-single .blog-item-single-content {
        display: flex;
        justify-content: end;
        align-items: start;
        padding-top: 40px;
        flex-direction: column;
        justify-self: end;
        padding-bottom: 0;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-info .blog-item-single-title , .single-post-layout-3 .blog-item-single .blog-item-single-info .blog-item-single-title {
        padding-top: 0;
        font-size: 25px;
        margin: 0;
        font-weight: 500;
        line-height: 1.5;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-info-block , .single-post-layout-3 .blog-item-single .blog-item-single-info-block {
        margin-top: 30px;
    }

    .single-post-layout-2 .content-block > p, .single-post-layout-3 .content-block > p,
    .single-post-layout-2 .content-block > *:not(.calculator-block) p, .single-post-layout-3 .content-block > *:not(.calculator-block) p {
        color: #212121;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    .single-post-layout-2 .content-block > ul li, .single-post-layout-3 .content-block > ul li,
    .single-post-layout-2 .content-block > *:not(.calculator-block) ul li, .single-post-layout-3 .content-block > *:not(.calculator-block) ul li {
        color: #212121;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .single-post-layout-2 .blog-item-single .content-block, .single-post-layout-3 .blog-item-single .content-block {
        margin-top: 50px;
        max-width: unset;
        padding-top: 0;
    }

    .single-post-layout-3 .blog-item-single .content-block {
        margin-top: 20px;
    }

    .single-post-layout-2 .blog-item-single .content-block > h2, .single-post-layout-3 .blog-item-single .content-block > h2,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) h2, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) h2 {
        margin-top: 30px;
        margin-bottom: 15px;
        color: #212121;
        font-family: "Mabry Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .single-post-layout-2 .blog-item-single .content-block > h3, .single-post-layout-3 .blog-item-single .content-block > h3,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) h3, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) h3 {
        position: relative;
        padding-left: 25px;
        color: #212121;
        font-size: 22px;
        font-weight: 500;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .single-post-layout-2 .blog-item-single .content-block > h3::before, .single-post-layout-3 .blog-item-single .content-block > h3::before,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) h3::before, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) h3::before {
        content: "";
        display: block;
        background: url("/wp-content/themes/borisstudio/assets/fonts/list.svg");
        position: absolute;
        left: 0;
        width: 13px;
        height: 13px;
        background-size: contain;
        top: 6px;
    }

    .single-post-layout-2 .blog-item-single .content-block > .gallery, .single-post-layout-3 .blog-item-single .content-block > .gallery,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) .gallery, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) .gallery {
        margin-top: 15px;
        margin-bottom: 15px;
        grid-gap: 6px;
    }

    .single-post-layout-2 .blog-item-single .like-block, .single-post-layout-3 .blog-item-single .like-block {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .single-post-layout-2 .blog-item-single .like-block .action-text, .single-post-layout-3 .blog-item-single .like-block .action-text {
        color: #212121;
        font-size: 21px;
        font-weight: 300;
        line-height: 1.5;
    }



    .single-post-layout-2 .blog-item-single .like-block .right-arrow-svg, .single-post-layout-3 .blog-item-single .like-block .right-arrow-svg
    {
       width: 30px;
    }

    .single-post-layout-2 .blog-item-single .like-block .badge, .single-post-layout-3 .blog-item-single .like-block .badge {
        padding: 11px 13px 7px 13px;
        height: unset;
        font-size: 22px;
        border-radius: 36px;
    }

    .single-post-layout-2 .blog-item-single .like-block .badge svg, .single-post-layout-3 .blog-item-single .like-block .badge svg {
        height: 19px;
        width: 21px;
        vertical-align: text-top;
    }

    .single-post-layout-2 .blog-item-single .like-block .badge .likes, .single-post-layout-3 .blog-item-single .like-block .badge .likes {
        /* margin-left: 5px; */
        position: relative;
        top: 0;
    }

    .single-post-layout-2 .content-block .calculator-block, .single-post-layout-3 .content-block .calculator-block {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .single-post-layout-2 .like-project .btn,
    .single-post-layout-3 .like-project .btn{
        height: 42px;
        font-size: 14px;
        border-radius: 37px;
        padding: 11px 33px;
    }

    .single-post-layout-2 .like-project .like-project-description,
    .single-post-layout-3 .like-project .like-project-description {
        font-size: 14px;
        font-weight: 300;
    }
}

@media (min-width: 1200px) {
    .single-post-layout-2 .blog-item-single .blog-item-single-img img, .single-post-layout-3 .blog-item-single .blog-item-single-img img {
        height: 400px;
    }

    .single-post-layout-2 .blog-item-single .container, .single-post-layout-3 .blog-item-single .container {
        max-width: 900px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-info , .single-post-layout-3 .blog-item-single .blog-item-single-info {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .single-post-layout-2 .content-block>p, .single-post-layout-3 .content-block>p, .single-post-layout-2 .content-block>*:not(.calculator-block) p, .single-post-layout-3 .content-block>*:not(.calculator-block) p{
        font-size: 16px;
    }

    .single-post-layout-3 .blog-item-single .content-block>h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .single-post-layout-3 .blog-item-single .content-block>p.credentials {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .single-post-layout-3 .blog-item-single .content-block>p.credentials + p.credentials {
        margin-top: 0;
    }

    .single-post-layout-3 .blog-item-single .content-block {
        margin-top: 40px;
    }

    .single-post-layout-2 .content-block > ul li, .single-post-layout-3 .content-block > ul li,
    .single-post-layout-2 .content-block > *:not(.calculator-block) ul li, .single-post-layout-3 .content-block > *:not(.calculator-block) ul li {
        color: #212121;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content ul, .single-post-layout-3 .blog-item-single .blog-item-single-content ul {
        font-size: 16px;
    }
}

@media (min-width: 1600px) {

    .single-post-layout-2 .blog-item-single .container, .single-post-layout-3 .blog-item-single .container {
        max-width: 1499px;
    }

	.single-post-layout-2 .breadcrumb-block a, .single-post-layout-3 .breadcrumb-block a,
    .single-post-layout-2 .breadcrumb-block span , .single-post-layout-3 .breadcrumb-block span {
		font-size: 22px;
		font-weight: 300;
	}

    .single-post-layout-2 .breadcrumb-block a , .single-post-layout-3 .breadcrumb-block a {
        opacity: 50%;
    }

    .single-post-layout-2 .breadcrumb-block nav>span:after , .single-post-layout-3 .breadcrumb-block nav>span:after {
        margin-top: -4px;
        width: 8px;
        height: 8px;
        opacity: 50%;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-img img , .single-post-layout-3 .blog-item-single .blog-item-single-img img {
        height: 626px;
    }
    .single-post-layout-2 .blog-item-single .blog-item-single-info , .single-post-layout-3 .blog-item-single .blog-item-single-info {
        padding-top: 50px;
        padding-bottom: 0;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author, .single-post-layout-3 .blog-item-single .blog-item-single-author {
        margin-right: 30px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author .title, .single-post-layout-3 .blog-item-single .blog-item-single-author .title,
    .single-post-layout-2 .blog-item-single .blog-item-single-author .author, .single-post-layout-3 .blog-item-single .blog-item-single-author .author {
        font-size: 22px;
        line-height: 27px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author .title , .single-post-layout-3 .blog-item-single .blog-item-single-author .title {
        opacity: .5;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-author img , .single-post-layout-3 .blog-item-single .blog-item-single-author img {
        border-radius: 50%;
        height: 90px;
        width: 90px;
    }
    
    .single-post-layout-2 .blog-item-single .blog-item-single-author .author-img , .single-post-layout-3 .blog-item-single .blog-item-single-author .author-img {
        padding-right: 15px !important;
    }

    .single-post-layout-2 .blog-item-single .blog-item-date time, .single-post-layout-3 .blog-item-single .blog-item-date time {
        font-size: 22px;
    }

    .single-post-layout-2 .blog-item-single .badge , .single-post-layout-3 .blog-item-single .badge {
        font-size: 18px;
        height: 33px;
        border-radius: 16.5px;
        font-weight: 300;
        line-height: 27px;
        padding: 3px 15px;
    }

    .single-post-layout-2 .blog-item-single .badge svg, .single-post-layout-3 .blog-item-single .badge svg {
        vertical-align: middle;
        margin-top: -4px;
        width: 28px;
        height: 25px;
        margin-right: 8.5px;
    }

    .single-post-layout-2 .blog-item-single .badge.blog-item-view svg, .single-post-layout-3 .blog-item-single .badge.blog-item-view svg{
        width: 33px;
        height: 25px;
    }

    .single-post-layout-2 .blog-item-single .badge.text-bg-light, .single-post-layout-3 .blog-item-single .badge.text-bg-light {
        padding: 3px 35px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content ul , .single-post-layout-3 .blog-item-single .blog-item-single-content ul {
        margin-top: 5px;
        font-size: 22px;
        margin-bottom: 0;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content ul li , .single-post-layout-3 .blog-item-single .blog-item-single-content ul li {
        margin-bottom: 10px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content h3 , .single-post-layout-3 .blog-item-single .blog-item-single-content h3 {
        margin-top: 0;
        margin-right: 15px;
        font-size: 28px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content  , .single-post-layout-3 .blog-item-single .blog-item-single-content {
        display: flex;
        justify-content: end;
        align-items: start;
        padding-top: 50px;
        flex-direction: row;
        width: unset;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-info .blog-item-single-title , .single-post-layout-3 .blog-item-single .blog-item-single-info .blog-item-single-title {
        padding-top: 0;
        font-size: 35px;
        line-height: 45px;
        margin: 0;
        font-weight: 500;
        max-width: 650px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-info-block , .single-post-layout-3 .blog-item-single .blog-item-single-info-block {
        margin-top: 30px;
    }

    .single-post-layout-2 .content-block > p,
    .single-post-layout-2 .content-block > *:not(.calculator-block) p {
        color: #212121;
        font-size: 22px;
        font-weight: 300;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .single-post-layout-3 .content-block > p,
    .single-post-layout-3 .content-block > *:not(.calculator-block) p {
        color: #212121;
        font-size: 22px;
        font-weight: 300;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .single-post-layout-2 .content-block > ul li, .single-post-layout-3 .content-block > ul li,
    .single-post-layout-2 .content-block > *:not(.calculator-block) ul li, .single-post-layout-3 .content-block > *:not(.calculator-block) ul li {
        color: #212121;
        font-size: 22px;
        font-weight: 300;
        line-height: 27px;
        margin-bottom: 10px;
    }

    .single-post-layout-3 .content-block > ul li,
    .single-post-layout-3 .content-block > *:not(.calculator-block) ul li {
        color: #212121;
        font-size: 22px;
        font-weight: 300;
        line-height: 27px;
        margin-bottom: 10px;
    }

    .single-post-layout-2 .blog-item-single .content-block, .single-post-layout-3 .blog-item-single .content-block {
        margin-top: 70px;
        padding-top: 0;
    }

    .single-post-layout-2 .blog-item-single .content-block > h2, .single-post-layout-3 .blog-item-single .content-block > h2,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) h2, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) h2 {
        margin-top: 50px;
        margin-bottom: 20px;
        color: #212121;
        font-family: "Mabry Pro";
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .single-post-layout-2 .blog-item-single .content-block > h3, .single-post-layout-3 .blog-item-single .content-block > h3,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) h3, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) h3 {
        position: relative;
        padding-left: 25px;
        color: #212121;
        font-size: 28px;
        font-weight: 500;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .single-post-layout-2 .blog-item-single .content-block > h3::before, .single-post-layout-3 .blog-item-single .content-block > h3::before,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) h3::before, .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) h3::before {
        content: "";
        display: block;
        background: url("/wp-content/themes/borisstudio/assets/fonts/list.svg");
        position: absolute;
        left: 0;
        width: 18px;
        height: 18px;
        background-size: contain;
        top: 6px;
    }

    .single-post-layout-2 .blog-item-single .content-block > .gallery,
    .single-post-layout-2 .blog-item-single .content-block > *:not(.calculator-block) .gallery{
        margin-top: 20px;
        margin-bottom: 20px;
        grid-gap: 10px;
    }

    .single-post-layout-3 .blog-item-single .content-block > .gallery,
    .single-post-layout-3 .blog-item-single .content-block > *:not(.calculator-block) .gallery {
        margin-top: 30px;
        margin-bottom: 30px;
        grid-gap: 10px;
    }

    .single-post-layout-2 .blog-item-single .like-block, .single-post-layout-3 .blog-item-single .like-block {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .single-post-layout-2 .blog-item-single .like-block .action-text, .single-post-layout-3 .blog-item-single .like-block .action-text {
        color: #212121;
        font-size: 40px;
        font-weight: 300;
        line-height: 50px;
    }

    .single-post-layout-2 .blog-item-single .like-block .right-arrow:after, .single-post-layout-3 .blog-item-single .like-block .right-arrow:after {
        height: 66px;
        width: 2px;
        transform: rotate(-45deg) translate(23px, 5px);
    }

    .single-post-layout-2 .blog-item-single .like-block .badge, .single-post-layout-3 .blog-item-single .like-block .badge {
        padding: 19px 31px 13px;
        height: 73px;
        font-size: 22px;
        border-radius: 36px;
    }

    .single-post-layout-2 .blog-item-single .like-block .badge svg, .single-post-layout-3 .blog-item-single .like-block .badge svg {
        height: 40px;
        width: 45px;
        vertical-align: sub;
        margin-right: 0;
    }

    .single-post-layout-2 .blog-item-single .like-block .right-arrow-svg , .single-post-layout-3 .blog-item-single .like-block .right-arrow-svg {
        width: initial;
    }

    .single-post-layout-2 .blog-item-single .like-block .badge .likes, .single-post-layout-3 .blog-item-single .like-block .badge .likes {
        top: -5px;
        position: relative;
        margin-left: 20px;
    }

    .single-post-layout-3 .blog-item-single .content-block>p.credentials {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .single-post-layout-3 .blog-item-single .content-block>p.credentials + p.credentials {
        margin-top: 0;
    }

    .single-post-layout-2 .like-project .like-project-description,
    .single-post-layout-3 .like-project .like-project-description {
        font-size: 22px;
        line-height: 1.5;
        font-weight: 300;
    }

    .single-post-layout-2 .like-project .btn,
    .single-post-layout-3 .like-project .btn{
        height: 49px;
        font-size: 18px;
        border-radius: 37px;
        padding: 11px 33px;
    }

    .single-post-layout-2 .blog-item-single .blog-item-single-content ul li:before {
        top: 14px;
    }
}

/* .single-post-layout-3: заголовок h1.blog-item-single-title */
@media (max-width: 991.98px) {
    .single-post-layout-3 .blog-item-single .container > .row:nth-child(2) > .col-12 {
        grid-column: 1 / -1;
    }
    .single-post-layout-3 .blog-item-single .blog-item-single-info .blog-item-single-title {
        font-size: 25px;
        font-weight: 400;
        width: 100%;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
    }
    .single-post-layout-3 .blog-item-single .blog-item-single-info .row,
    .single-post-layout-3 .blog-item-single .blog-item-single-info .row .col-12 {
        padding-left: 0;
        padding-right: 0;
        max-width: none;
    }
}
@media (min-width: 992px) {
    .single-post-layout-3 .blog-item-single .blog-item-single-info .blog-item-single-title {
        font-size: 35px;
        line-height: 1.5;
    }
}
@media (min-width: 1600px) {
    .single-post-layout-3 .blog-item-single .blog-item-single-info .blog-item-single-title {
        font-size: 60px;
        line-height: 1.5;
    }
}

/* Уникаємо відступу/горизонтального скролу через 100vw (ширина скролбару) */
.single-post-layout-2 .blog-item-single,
.single-post-layout-3 .blog-item-single {
    overflow-x: clip;
}

.single-post-layout-2 .blog-item-single .transform-calculator, .single-post-layout-3 .blog-item-single .transform-calculator {
    /* замість position: absolute */
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 4rem !important;
    box-sizing: border-box;
}

.single-post-layout-2 .blog-item-single .calculator-margin, .single-post-layout-3 .blog-item-single .calculator-margin {
    display: none !important;
}

/* Quote shortcode block */
.single-post-layout-2 .blog-item-single .content-block .bs-quote,
.single-post-layout-3 .blog-item-single .content-block .bs-quote {
    margin: 30px 0;
}

.bs-quote {
    position: relative;
    border-radius: 20px;
    background: #FCBA1D;
    padding: 20px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Mabry Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.bs-quote::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 35px;
    height: 24px;
    background: url("/wp-content/themes/borisstudio/assets/fonts/quote.svg") no-repeat center/contain;
}

.bs-quote::after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 35px;
    height: 24px;
    transform: rotate(180deg);
    background: url("/wp-content/themes/borisstudio/assets/fonts/quote.svg") no-repeat center/contain;
}

.bs-quote__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 50px;
}

.bs-quote__text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #212121;
}

.bs-quote__text p {
    text-align: justify;
    margin-bottom: 0 !important;
}

.bs-quote__text p:last-child {
    margin-bottom: 0;
}

.bs-quote__author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bs-quote__author-image {
    flex: 0 0 75px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
}

.bs-quote__author-image-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bs-quote__author-meta {
    display: flex;
    flex-direction: column;
}

.bs-quote__author-name {
    font-size: 14px;
    color: #212121;
    line-height: 18px;
}

.bs-quote__author-title {
    font-size: 14px;
    line-height: 18px;
    color: #212121;
    opacity: 0.5;
}

@media (min-width: 768px) {
    .single-post-layout-2 .blog-item-single .content-block .bs-quote,
    .single-post-layout-3 .blog-item-single .content-block .bs-quote {
        margin: 40px auto;
    }

    .bs-quote {
        padding: 20px 20px;
        max-width: 510px;
    }

    .bs-quote::before {
        top: 20px;
        left: 20px;
        width: 35px;
        height: 24px;
    }

    .bs-quote::after {
        bottom: 20px;
        right: 20px;
        width: 35px;
        height: 24px;
    }

    .bs-quote__text p{
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .bs-quote__author-name {
        font-size: 14px;
        line-height: 18px;
    }

    .bs-quote__inner {
        padding-left: 55px;
        gap: 15px;
    }

    .bs-quote__author-image {
        width: 75px;
        height: 75px;
        flex-basis: 75px;
    }
}

@media (min-width: 1600px) {
    .single-post-layout-2 .blog-item-single .content-block .bs-quote,
    .single-post-layout-3 .blog-item-single .content-block .bs-quote {
        margin: 50px auto;
    }

    .bs-quote {
        padding: 20px 25px;
        max-width: 600px;
    }

    .bs-quote::before {
        top: 20px;
        left: 25px;
        width: 45px;
        height: 31px;
    }

    .bs-quote::after {
        bottom: 20px;
        right: 25px;
        width: 45px;
        height: 31px;
    }

    .bs-quote__text p{
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .bs-quote__author {
        gap: 15px;
    }

    .bs-quote__author-name {
        font-size: 18px;
        line-height: 22px;
    }

    .bs-quote__inner {
        padding-left: 70px;
        gap: 15px;
    }

    .bs-quote__author-image {
        width: 90px;
        height: 90px;
        flex-basis: 90px;
    }
}