/*
	Theme Name: Dock Wayuu Release
	Version: 1.0
	Author: Daniel Carvalho
	Text Domain: dock-wayuu
*/

@charset "UTF-8";

:root {
	--primary: #ff826e;
	--red: #e75a7c;
	--orange: #fba500;
	--green: #00c8c8;
	--mint: #71ffd9;
	--blue: #3b7fc5;
	--light: #daebf3;
	--dark: #060707;
	--white: #ffffff;
	--white-rgb: 255, 255, 255;
	--primary-100: #ffebe8;
	--primary-200: #ffd7d1;
	--primary-300: #ffbeb4;
	--primary-400: #ff9e8e;
	--primary-500: #ff826e;
	--primary-600: #e07261;
	--primary-700: #b85e4f;
	--primary-800: #854439;
	--primary-900: #47241f;
	--red-100: #fbe5ea;
	--red-200: #f7cad5;
	--red-300: #f3a9bb;
	--red-400: #ec7e99;
	--red-500: #e75a7c;
	--red-600: #cb4f6d;
	--red-700: #a64159;
	--red-800: #782f40;
	--red-900: #411923;
	--orange-100: #fef1d6;
	--orange-200: #fee2ad;
	--orange-300: #fdd07a;
	--orange-400: #fcb938;
	--orange-500: #fba500;
	--orange-600: #dd9100;
	--orange-700: #b57700;
	--orange-800: #835600;
	--orange-900: #462e00;
	--green-100: #d6f6f6;
	--green-200: #adeded;
	--green-300: #7ae2e2;
	--green-400: #38d4d4;
	--green-500: #00c8c8;
	--green-600: #00b0b0;
	--green-700: #009090;
	--green-800: #006868;
	--green-900: #003838;
	--mint-100: #e8fff9;
	--mint-200: #d2fff3;
	--mint-300: #b5ffeb;
	--mint-400: #90ffe1;
	--mint-500: #71ffd9;
	--mint-600: #63e0bf;
	--mint-700: #51b89c;
	--mint-800: #3b8571;
	--mint-900: #20473d;
	--blue-100: #e0ebf6;
	--blue-200: #c0d6ec;
	--blue-300: #99bce1;
	--blue-400: #669bd2;
	--blue-500: #3b7fc5;
	--blue-600: #3470ad;
	--blue-700: #2a5b8e;
	--blue-800: #1f4266;
	--blue-900: #112437;
	--light-100: #f9fcfd;
	--light-200: #f3f9fb;
	--light-300: #ecf5f9;
	--light-400: #e2eff6;
	--light-500: #daebf3;
	--light-600: #c0cfd6;
	--light-700: #9da9af;
	--light-800: #717a7e;
	--light-900: #3d4244;
	--dark-100: #d7d7d7;
	--dark-200: #afb0b0;
	--dark-300: #7e7e7e;
	--dark-400: #3d3e3e;
	--dark-500: #060707;
	--dark-600: #050606;
	--dark-700: #040505;
	--dark-800: #030404;
	--dark-900: #020202;

	--gradient-1: linear-gradient(168deg, #ff826e 0%, #ffd7d1 100%);
	--gradient-2: linear-gradient(165deg, #e75a7c 0%, #f7cad5 100%);
	--gradient-3: linear-gradient(166deg, #fba500 0%, #fee2ad 100%);
	--gradient-4: linear-gradient(173deg, #00c8c8 0%, #adeded 100%);
	--gradient-5: linear-gradient(186deg, #71ffd9 0%, #b5ffeb 100%);
	--gradient-6: linear-gradient(166deg, #3b7fc5 0%, #99bce1 100%);

	--overlay-1: rgba(255, 130, 110, 0.55);
	--overlay-2: rgba(231, 90, 124, 0.55);
	--overlay-3: rgba(251, 165, 0, 0.55);
	--overlay-4: rgba(0, 200, 200, 0.45);
	--overlay-5: rgba(113, 255, 217, 0.5);
	--overlay-6: rgba(59, 127, 197, 0.5);
	--overlay-7: rgba(59, 133, 113, 0.45);
	--overlay-8: rgba(6, 7, 7, 0.35);

	--grad-overlay-1: linear-gradient(202deg, rgba(255, 130, 110, 0.55) 0%, rgba(255, 190, 180, 0.44000000000000006) 100%);
	--grad-overlay-2: linear-gradient(256deg, rgba(59,127,197,0.8) 0%, rgba(144,255,225,0.6400000000000001) 100%);
	--grad-overlay-3: linear-gradient(145deg, rgba(59,127,197,0.6) 0%, rgba(255,130,110,0.48) 100%);	
	--grad-overlay-4: linear-gradient(0deg, rgba(255,130,110,0.6) 0%, rgba(59,127,197,0.48) 100%);
	--grad-overlay-5: linear-gradient(160deg, rgba(0, 200, 200, 0.45) 0%, rgba(214, 246, 246, 0.36000000000000004) 100%);
	--grad-overlay-6: linear-gradient(156deg, rgba(251, 165, 0, 0.5) 0%, rgba(253, 208, 122, 0.4) 100%);

	--success: var(--green);
	--info: var(--blue-800);
	--warning: var(--orange);
	--danger: var(--red);
	--light: var(--light);

	--body-color: var(--light-600);
	--body-bg: var(--white);


	--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;


    --color-gray-900: #111827;
    --color-gray-500: #6b7280; 
    --color-gray-400: #99a1af;

	--text-xs: 0.75rem;
    --text-xs--line-height: 1rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: 1.25rem;
    --text-base: 1rem;
    --text-base--line-height: 1.5rem;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.75rem;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.75rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 2rem;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 2.25rem;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 2.5rem;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;	

	--link-color: var(--primary);
	--link-decoration: underline;
	--link-hover-color: var(--primary-600);
	--code-color: var(--danger-600);
	--highlight-color: var(--dark-300);
	--highlight-bg: rgb(255, 242.6, 205.4);
	--secondary-bg: #e9ecef;
	--secondary-bg-rgb: 233, 236, 239;
	--border-width: 1px;
	--border-style: solid;
	--border-color: #dee2e6;
	--border-color-translucent: rgba(0, 0, 0, 0.175);
	--border-radius: 0.375rem;
	--border-radius-sm: 0.25rem;
	--border-radius-lg: 0.5rem;
	--border-radius-xl: 1rem;
	--border-radius-xxl: 2rem;
	--border-radius-2xl: var(--border-radius-xxl);
	--border-radius-pill: 50rem;
	--box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	--box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--focus-ring-width: 0.25rem;
	--focus-ring-opacity: 0.25;
	--form-valid-color: var(--warning);
	--form-valid-border-color: var(--warning);
	--form-invalid-color: var(--danger);
	--form-invalid-border-color: var(--danger)

}

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

html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}



/*Backgrounds*/
.bg-primary {
	background-color: var(--primary);

}
.bg-dark {
	background-color: var(--dark);
}
.bg-red {
	background-color: var(--red);

}

.bg-orange {
	background-color: var(--orange);

}

.bg-green {
	background-color: var(--green);

}

.bg-mint {
	background-color: var(--mint);

}

.bg-blue {
	background-color: var(--blue);

}

.bg-light {
	background-color: var(--light);

}

.bg-dark {
	background-color: var(--dark);

}


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

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

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

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

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

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


.overlay {
	position: absolute;
	inset: 0;
	padding: var(--card-img-overlay-padding);
	border-radius: var(--card-inner-border-radius);
	text-align: center;
}

.overlay-1::after { background: var(--overlay-1); }
.overlay-2::after { background: var(--overlay-2); }
.overlay-3::after { background: var(--overlay-3); }
.overlay-4::after { background: var(--overlay-4); }
.overlay-5::after { background: var(--overlay-5); }
.overlay-6::after { background: var(--overlay-6); }
.overlay-7::after { background: var(--overlay-7); }
.overlay-8::after { background: var(--overlay-8); }

.grad-overlay-1::after { background: var(--grad-overlay-1); }
.grad-overlay-2::after { background: var(--grad-overlay-2); }
.grad-overlay-3::after { background: var(--grad-overlay-3); }
.grad-overlay-4::after { background: var(--grad-overlay-4); }

.overlay-1::after,
.overlay-2::after,
.overlay-3::after,
.overlay-4::after,
.overlay-5::after,
.overlay-6::after,
.overlay-7::after,
.overlay-8::after,
.grad-overlay-1::after,
.grad-overlay-2::after,
.grad-overlay-3::after,
.grad-overlay-4::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
}

.overlay > *,
.card-img-overlay > * {
	position: relative;
	z-index: 1;
}

.card-img-overlay.overlay-1,
.card-img-overlay.overlay-2,
.card-img-overlay.overlay-3,
.card-img-overlay.overlay-4,
.card-img-overlay.overlay-5,
.card-img-overlay.overlay-6,
.card-img-overlay.overlay-7,
.card-img-overlay.overlay-8 {
	position: absolute;
	inset: 0;
}

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


body {
  font-family: ui-sans-serif, system-ui, sans-serif;
  margin: 0;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: .5rem;
  line-height: 1.2;

}

/*Typography*/

.font-sans {
	font-family: var(--font-sans);
}

.font-serif {
	font-family: var(--font-serif);
}

.font-mono {
	font-family: var(--font-mono);
}

/* font-size */
.text-xs {
	font-size: var(--text-xs);
	line-height: var(--text-xs--line-height);
}

.text-sm {
	font-size: var(--text-sm);
	line-height: var(--text-sm--line-height);
}

.text-base {
	font-size: var(--text-base);
	line-height: var(--text-base--line-height);
}

.text-lg {
	font-size: var(--text-lg);
	line-height: var(--text-lg--line-height);
}

.text-xl {
	font-size: var(--text-xl);
	line-height: var(--text-xl--line-height);
}

.text-2xl {
	font-size: var(--text-2xl);
	line-height: var(--text-2xl--line-height);
}

.text-3xl {
	font-size: var(--text-3xl);
	line-height: var(--text-3xl--line-height);
}

.text-4xl {
	font-size: var(--text-4xl);
	line-height: var(--text-4xl--line-height);
}

.text-5xl {
	font-size: var(--text-5xl);
	line-height: var(--text-5xl--line-height);
}

.text-6xl {
	font-size: var(--text-6xl);
	line-height: var(--text-6xl--line-height);
}

.text-7xl {
	font-size: var(--text-7xl);
	line-height: var(--text-7xl--line-height);
}

.text-8xl {
	font-size: var(--text-8xl);
	line-height: var(--text-8xl--line-height);
}

.text-9xl {
	font-size: var(--text-9xl);
	line-height: var(--text-9xl--line-height);
}

/* text-color */
.text-white {
	color: var(--color-white);
}

.text-black {
	color: var(--color-black);
}

.text-gray-900 {
	color: var(--color-gray-900);
}

.text-gray-500 {
	color: var(--color-gray-500);
}

.text-gray-400 {
	color: var(--color-gray-400);
}

/* font-weight */
.font-thin {
	font-weight: 100;
}

.font-extralight {
	font-weight: 200;
}

.font-light {
	font-weight: 300;
}

.font-normal {
	font-weight: 400;
}

.font-medium {
	font-weight: 500;
}

.font-semibold {
	font-weight: 600;
}

.font-bold {
	font-weight: 700;
}

.font-extrabold {
	font-weight: 800;
}

.font-black {
	font-weight: 900;
}

/* font-style */
.italic {
	font-style: italic;
}

.not-italic {
	font-style: normal;
}

/* line-height */
.leading-none {
	line-height: 1;
}

.leading-tight {
	line-height: 1.25;
}

.leading-snug {
	line-height: 1.375;
}

.leading-normal {
	line-height: 1.5;
}

.leading-relaxed {
	line-height: 1.625;
}

.leading-loose {
	line-height: 2;
}

.leading-3 {
	line-height: 0.75rem;
}

.leading-4 {
	line-height: 1rem;
}

.leading-5 {
	line-height: 1.25rem;
}

.leading-6 {
	line-height: 1.5rem;
}

.leading-7 {
	line-height: 1.75rem;
}

.leading-8 {
	line-height: 2rem;
}

.leading-9 {
	line-height: 2.25rem;
}

.leading-10 {
	line-height: 2.5rem;
}

/* letter-spacing */
.tracking-tighter {
	letter-spacing: -0.05em;
}

.tracking-tight {
	letter-spacing: -0.025em;
}

.tracking-normal {
	letter-spacing: 0em;
}

.tracking-wide {
	letter-spacing: 0.025em;
}

.tracking-wider {
	letter-spacing: 0.05em;
}

.tracking-widest {
	letter-spacing: 0.1em;
}

/* text-align */
.text-left {
	text-align: left;
}

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

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

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

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

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

/* text-decoration */
.underline {
	text-decoration-line: underline;
}

.overline {
	text-decoration-line: overline;
}

.line-through {
	text-decoration-line: line-through;
}

.no-underline {
	text-decoration-line: none;
}

.decoration-solid {
	text-decoration-style: solid;
}

.decoration-double {
	text-decoration-style: double;
}

.decoration-dotted {
	text-decoration-style: dotted;
}

.decoration-dashed {
	text-decoration-style: dashed;
}

.decoration-wavy {
	text-decoration-style: wavy;
}

/* text-transform */
.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.capitalize {
	text-transform: capitalize;
}

.normal-case {
	text-transform: none;
}

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

.text-ellipsis {
	text-overflow: ellipsis;
}

.text-clip {
	text-overflow: clip;
}

/* white-space */
.whitespace-normal {
	white-space: normal;
}

.whitespace-nowrap {
	white-space: nowrap;
}

.whitespace-pre {
	white-space: pre;
}

.whitespace-pre-line {
	white-space: pre-line;
}

.whitespace-pre-wrap {
	white-space: pre-wrap;
}

.whitespace-break-spaces {
	white-space: break-spaces;
}

/* word-break / overflow-wrap */
.break-normal {
	overflow-wrap: normal;
	word-break: normal;
}

.break-words {
	overflow-wrap: break-word;
}

.break-all {
	word-break: break-all;
}

.break-keep {
	word-break: keep-all;
}

/* hyphens */
.hyphens-none {
	hyphens: none;
}

.hyphens-manual {
	hyphens: manual;
}

.hyphens-auto {
	hyphens: auto;
}

/* list style */
.list-none {
	list-style-type: none;
}

.list-disc {
	list-style-type: disc;
}

.list-decimal {
	list-style-type: decimal;
}

.list-inside {
	list-style-position: inside;
}

.list-outside {
	list-style-position: outside;
}

/* font smoothing */
.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}



/*Text Colors*/

.text-white {
	--text-opacity: 1;
	color: var(--white) !important
}
.text-primary {
	color: var(--primary) !important;
}

.text-body {
	--text-opacity: 1;
	color: rgba(var(--body-color-rgb), var(--text-opacity)) !important
}

.text-muted {
	--text-opacity: 1;
	color: var(--dark-color) !important
}


.text-reset {
	--text-opacity: 1;
	color: inherit !important
}




/* Erste Überschrift im Artikel */
article h1:first-of-type,
article h2:first-of-type,
article h3:first-of-type {
    margin-top: 0 !important;
}

/* Mobile (Basis) */
article h1 {
    font-size: var(--text-3xl);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: var(--spacing-6);
    color: var(--color-gray-900);
}

article h2,
article h3 {
    font-size: var(--text-2xl);
    font-weight: 700;
    line-height: 1.3;
    margin-top: 2em;
    margin-bottom: 0.75em;
    color: var(--color-gray-900);
}

article p,
article ul,
article ol {
    font-size: var(--text-lg); /* geändert */
    line-height: 1.75;
    color: var(--color-gray-500);
}

article p {
    margin-bottom: var(--spacing-5);
}

article strong {
    font-weight: 700;
    color: var(--color-gray-900);
}

article ul,
article ol {
    padding-left: 1.5em;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

article ol {
    list-style-type: decimal;
}

article ul {
    list-style-type: disc;
}

article li {
    margin-bottom: 0.5em;
}

/* Tablet */
@media (min-width: 768px) {

    article h1 {
        font-size: var(--text-4xl);
    }

    article h2,
    article h3 {
        font-size: var(--text-3xl);
    }
}

/* Desktop */
@media (min-width: 1024px) {

    article h1 {
        font-size: var(--text-5xl);
    }

    article h2,
    article h3 {
        font-size: var(--text-4xl);
    }

    article p,
    article ul,
    article ol {
        font-size: var(--text-xl);
    }
}







/* Bild-Unterschrift */
figcaption {
  font-size: 0.875rem;

  margin-top: 0.5em;
  text-align: center;
}



/*Links*/

.link-primary {
	color: var(--primary) !important;
	text-decoration-color: var(--primary) !important;
}

.link-primary:hover,
.link-primary:focus {
	color: RGBA(255, 155, 139, var(--link-opacity, 1)) !important;
	text-decoration-color: RGBA(255, 155, 139, var(--link-underline-opacity, 1)) !important
}

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

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



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


a {
	color: var(--primary);
	text-decoration: underline
}

a:hover {
	color: var(--primary-300);
}

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


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(--dark-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;
	line-height: inherit;
	font-size: calc(1.275rem + 0.3vw)
}

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

legend+* {
	clear: left
}

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

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

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

[type=search]::-webkit-search-cancel-button {
	cursor: pointer;
	filter: grayscale(1)
}

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

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

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

output {
	display: inline-block
}

iframe {
	border: 0
}

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

progress {
	vertical-align: baseline
}

[hidden] {
	display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

.initialism {
	font-size: .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: .875em;
	color: var(--dark-300)
}

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


/*Grid Layout*/

.container {
	--gutter-x: 1.5rem;
	--gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--gutter-x) * 0.5);
	padding-left: calc(var(--gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto
}

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

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

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

@media (min-width:1400px) {
	.container {
		max-width: 1320px
	}
}

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

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

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

.grid {
	display: grid;
	grid-template-rows: repeat(var(--rows, 1), 1fr);
	grid-template-columns: repeat(var(--columns, 12), 1fr);
	gap: var(--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%
}

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

.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-12 {
	flex: 0 0 auto;
	width: 100%
}

.g-2 {
	--gutter-x: 0.5rem
}

.g-2 {
	--gutter-y: 0.5rem
}

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

.g-3 {
	--gutter-y: 1rem
}

.g-4 {
	--gutter-x: 1.5rem
}

.g-4 {
	--gutter-y: 1.5rem
}

@media (min-width:768px) {
	.col-md-3 {
		flex: 0 0 auto;
		width: 25%
	}

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

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

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

@media (min-width:992px) {
	.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-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}
}

.table {
	--table-color-type: initial;
	--table-bg-type: initial;
	--table-color-state: initial;
	--table-bg-state: initial;
	--table-color: var(--white);
	--table-bg: var(--body-bg);
	--table-border-color: var(--border-color);
	--table-accent-bg: transparent;
	--table-striped-color: var(--white);
	--table-striped-bg: rgba(var(--white-rgb), 0.05);
	--table-active-color: var(--white);
	--table-active-bg: rgba(var(--white-rgb), 0.1);
	--table-hover-color: var(--white);
	--table-hover-bg: rgba(var(----white-rgb), 0.075);
	width: 100%;
	margin-bottom: 1rem;
	vertical-align: top;
	border-color: var(--table-border-color)
}

.table>:not(caption)>*>* {
	padding: .5rem .5rem;
	color: var(--text-gray-500);
	background-color: var(--table-bg);
	border-bottom-width: var(--border-width);
	box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--table-accent-bg)))
}

.table>tbody {
	vertical-align: inherit
}

.table>thead {
	vertical-align: bottom
}

.caption-top {
	caption-side: top
}

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

.form-label {
	margin-bottom: .5rem
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--body-color);
	appearance: none;
	background-color: var(--body-bg);
	background-clip: padding-box;
	border: var(--border-width) solid var(--border-color);
	border-radius: .375rem;
	box-shadow: var(--box-shadow-inset);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

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

.form-control[type=file] {
	overflow: hidden
}

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

.form-control:focus {
	color: var(--body-color);
	background-color: var(--body-bg);
	border-color: inherit;
	outline: 0;
	box-shadow: none
}

.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(--dark-color);
	opacity: 1
}

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

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

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

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

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

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

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

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

.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-input {
	--form-check-bg: var(--body-bg);
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	margin-top: .25em;
	vertical-align: top;
	appearance: none;
	background-color: var(--form-check-bg);
	background-image: var(--form-check-bg-image);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: var(--border-width) solid var(--border-color);
	print-color-adjust: exact
}

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

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

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

.form-check-input:focus {
	border-color: inherit;
	outline: 0;
	box-shadow: none
}

.form-check-input:checked {
	background-color: var(--primary);
	border-color: var(--primary);
}

.form-check-input:checked[type=checkbox] {
	background-color: var(--primary);
	border-color: var(--primary);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

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

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

.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 {
	--form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
	width: 2em;
	margin-left: -2.5em;
	background-image: var(--form-switch-bg);
	background-position: left center;
	border-radius: 2em;
	transition: background-position 0.15s ease-in-out
}

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

.form-switch .form-check-input:focus {
	--form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='inherit'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-position: right center;
}

.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-floating {
	position: relative
}

.form-floating>.form-control {
	height: calc(3.5rem + calc(var(--border-width) * 2));
	min-height: calc(3.5rem + calc(var(--border-width) * 2));
	line-height: 1.25
}

.form-floating>label {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	max-width: 100%;
	height: 100%;
	padding: 1rem .75rem;
	overflow: hidden;
	color: rgba(var(--body-color-rgb), .65);
	text-align: start;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
	border: var(--border-width) solid transparent;
	transform-origin: 0 0;
	transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out
}

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

.form-floating>.form-control {
	padding: 1rem .75rem
}

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

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

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

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label {
	transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
	transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

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

.form-floating>textarea:disabled~label::after {
	background-color: var(--dark-bg)
}

.form-floating>:disabled~label,
.form-floating>.form-control:disabled~label {
	color: var(--dark-300)
}

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

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

.input-group>.form-control: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: 400;
	line-height: 1.5;
	color: var(--body-color);
	text-align: center;
	white-space: nowrap;
	background-color: var(--tertiary-bg);
	border: var(--border-width) solid var(--border-color);
	border-radius: .375rem
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
	padding: .25rem .5rem;
	font-size: .875rem;
	border-radius: var(--border-radius-sm)
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n

	/**/
	+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n
	/**/
	+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n
	/**/
	+4),
.input-group.has-validation>.form-floating:nth-last-child(n
	/**/
	+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n

	/**/
	+3)>.form-select {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: calc(-1 * var(--border-width));
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.valid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: .25rem .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	color: var(--white);
	background-color: var(--success);
	border-radius: var(--border-radius)
}

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

.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: .875em;
	color: var(--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: .875rem;
	color: var(--white);
	background-color: var(--danger);
	border-radius: var(--border-radius)
}

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

.btn {
	--btn-padding-x: 0.75rem;
	--btn-padding-y: 0.375rem;
	--btn-font-family: ;
	--btn-font-size: 1rem;
	--btn-font-weight: 400;
	--btn-line-height: 1.5;
	--btn-color: var(--body-color);
	--btn-bg: transparent;
	--btn-border-width: var(--border-width);
	--btn-border-color: transparent;
	--btn-border-radius: 0.375rem;
	--btn-hover-border-color: transparent;
	--btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--btn-disabled-opacity: 0.65;
	--btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5);
	display: inline-block;
	padding: var(--btn-padding-y) var(--btn-padding-x);
	font-family: var(--btn-font-family);
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	line-height: var(--btn-line-height);
	color: var(--btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	border: var(--btn-border-width) solid var(--btn-border-color);
	border-radius: var(--btn-border-radius);
	background-color: var(--btn-bg);
	background-image: var(--gradient);
	box-shadow: var(--btn-box-shadow);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

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

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

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

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

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

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

.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(--btn-active-shadow), var(--btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
	box-shadow: var(--btn-active-shadow), var(--btn-focus-box-shadow)
}

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

.btn-primary {
	--btn-color: var(--white);
	--btn-bg: var(--primary);
	--btn-border-color: var(--primary);
	--btn-hover-color: var(--white);
	--btn-hover-bg: var(--primary);
	--btn-hover-border-color: rgb(255, 142.5, 124.5);
	--btn-focus-shadow-rgb: 217, 111, 94;
	--btn-active-color: var(--white);
	--btn-active-bg: var(--primary-400);
	--btn-active-border-color: rgb(255, 142.5, 124.5);
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: var(--dark--900);
	--btn-disabled-bg: var(--primary);
	--btn-disabled-border-color: var(--primary)
}

.btn-dark {
	--btn-color: var(--white);
	--btn-bg: var(--dark);
	--btn-border-color: var(--dark);
	--btn-hover-color: var(--white);
	--btn-hover-bg: rgb(17, 20.4, 28.05);
	--btn-hover-border-color: rgb(16, 19.2, 26.4);
	--btn-focus-shadow-rgb: 55, 59, 66;
	--btn-active-color: var(--white);
	--btn-active-bg: rgb(16, 19.2, 26.4);
	--btn-active-border-color: rgb(15, 18, 24.75);
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: var(--white);
	--btn-disabled-bg: var(--dark);
	--btn-disabled-border-color: var(--dark)
}

.btn-light {
	--btn-color: var(--color-gray-900);
	--btn-bg: var(--white);
	--btn-border-color: var(--info);
	--btn-hover-color: var(--color-gray-900);
	--btn-hover-bg: var(--white);
	--btn-hover-border-color: rgb(198.4, 199.2, 198.4);
	--btn-focus-shadow-rgb: 211, 212, 211;
	--btn-active-color: var(--color-gray-900);
	--btn-active-bg: rgb(198.4, 199.2, 198.4);
	--btn-active-border-color: rgb(186, 186.75, 186);
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: var(--dark--900);
	--btn-disabled-bg: var(--info);
	--btn-disabled-border-color: var(--info)
}

.btn-dark {
	--btn-color: var(--dark);
	--btn-bg: var(--dark-500);
	--btn-border-color: var(--dark-500);
	--btn-hover-color: var(--white);
	--btn-hover-bg: rgb(66.3, 69.7, 73.1);
	--btn-hover-border-color: rgb(55.2, 58.8, 62.4);
	--btn-focus-shadow-rgb: 66, 70, 73;
	--btn-active-color: var(--white);
	--btn-active-bg: rgb(77.4, 80.6, 83.8);
	--btn-active-border-color: rgb(55.2, 58.8, 62.4);
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: var(--white);
	--btn-disabled-bg: var(--dark-500);
	--btn-disabled-border-color: var(--dark-500)
}

.btn-outline-primary {
	--btn-color: var(--primary);
	--btn-border-color: var(--primary);
	--btn-hover-color: var(--dark--900);
	--btn-hover-bg: var(--primary);
	--btn-hover-border-color: var(--primary);
	--btn-focus-shadow-rgb: 255, 130, 110;
	--btn-active-color: var(--dark--900);
	--btn-active-bg: var(--primary);
	--btn-active-border-color: var(--primary);
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: var(--primary);
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: var(--primary);
	--gradient: none;
}

.btn-outline-dark {
	--btn-color: var(--color-gray-900);
	--btn-border-color: var(--color-gray-900);
	--btn-hover-color: var(--white);
	--btn-hover-bg: var(--dark);
	--btn-hover-border-color: var(--dark);
	--btn-focus-shadow-rgb: 20, 24, 33;
	--btn-active-color: var(--white);
	--btn-active-bg: var(--dark);
	--btn-active-border-color: var(--dark);
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: var(--dark);
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: var(--dark);
	--gradient: none
}


.btn-link {
	--btn-font-weight: 400;
	--btn-color: var(--link-color);
	--btn-bg: transparent;
	--btn-border-color: transparent;
	--btn-hover-color: var(--link-hover-color);
	--btn-hover-border-color: transparent;
	--btn-active-color: var(--link-hover-color);
	--btn-active-border-color: transparent;
	--btn-disabled-color: var(--dark-300);
	--btn-disabled-border-color: transparent;
	--btn-box-shadow: 0 0 0 var(--dark--900);
	--btn-focus-shadow-rgb: 217, 111, 94;
	text-decoration: underline;
	background-image: none
}

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

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

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

.btn-sm {
	--btn-padding-y: 0.25rem;
	--btn-padding-x: 0.5rem;
	--btn-font-size: 0.875rem;
	--btn-border-radius: var(--border-radius-sm)
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
	position: relative
}

.dropdown-toggle {
	white-space: nowrap
}

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

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

.dropdown-menu {
	--bs-dropdown-zindex: 1000;
	--bs-dropdown-min-width: 10rem;
	--bs-dropdown-padding-x: 0;
	--bs-dropdown-padding-y: 0.5rem;
	--bs-dropdown-spacer: 0.125rem;
	--bs-dropdown-font-size: 1rem;
	--bs-dropdown-color: var(--bs-body-color);
	--bs-dropdown-bg: var(--bs-body-bg);
	--bs-dropdown-border-color: var(--bs-border-color-translucent);
	--bs-dropdown-border-radius: var(--bs-border-radius);
	--bs-dropdown-border-width: var(--bs-border-width);
	--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
	--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
	--bs-dropdown-divider-margin-y: 0.5rem;
	--bs-dropdown-box-shadow: var(--bs-box-shadow);
	--bs-dropdown-link-color: var(--bs-body-color);
	--bs-dropdown-link-hover-color: var(--bs-body-color);
	--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: #0d6efd;
	--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
	--bs-dropdown-item-padding-x: 1rem;
	--bs-dropdown-item-padding-y: 0.25rem;
	--bs-dropdown-header-color: #6c757d;
	--bs-dropdown-header-padding-x: 1rem;
	--bs-dropdown-header-padding-y: 0.5rem;
	position: absolute;
	z-index: var(--bs-dropdown-zindex);
	display: none;
	min-width: var(--bs-dropdown-min-width);
	padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
	margin: 0;
	font-size: var(--bs-dropdown-font-size);
	color: var(--bs-dropdown-color);
	text-align: left;
	list-style: none;
	background-color: var(--bs-dropdown-bg);
	background-clip: padding-box;
	border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
	border-radius: var(--bs-dropdown-border-radius)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.dropdown-menu-xxl-end[data-bs-popper] {
		right: 0;
		left: auto
	}
}
.dropup,
.dropend,
.dropstart,
.dropup-center {
	position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-link {
	display: block;
	padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
	font-size: var(--nav-link-font-size);
	font-weight: var(--nav-link-font-weight);
	color: var(--nav-link-color);
	text-decoration: none;
	background: none;
	border: 0;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out
}

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

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

.nav-link:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 0 transparent
}

.nav-link.disabled,
.nav-link:disabled {
	color: var(--nav-link-disabled-color);
	pointer-events: none;
	cursor: default
}

.nav-tabs {
	--nav-tabs-border-width: var(--border-width);
	--nav-tabs-border-color: var(--border-color);
	--nav-tabs-border-radius: var(--border-radius);
	--nav-tabs-link-hover-border-color: var(--dark-bg) var(--dark-bg) var(--border-color);
	--nav-tabs-link-active-color: var(----white);
	--nav-tabs-link-active-bg: var(--body-bg);
	--nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--body-bg);
	border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color)
}

.nav-tabs .nav-link {
	margin-bottom: calc(-1 * var(--nav-tabs-border-width));
	border: var(--nav-tabs-border-width) solid transparent;
	border-top-left-radius: var(--nav-tabs-border-radius);
	border-top-right-radius: var(--nav-tabs-border-radius)
}

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

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

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

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

.navbar {
	--navbar-padding-x: 0;
	--navbar-padding-y: 0.5rem;
	--navbar-color: rgba(var(----white-rgb), 0.65);
	--navbar-hover-color: rgba(var(----white-rgb), 0.8);
	--navbar-disabled-color: rgba(var(----white-rgb), 0.3);
	--navbar-active-color: rgba(var(----white-rgb), 1);
	--navbar-brand-padding-y: 0.3125rem;
	--navbar-brand-margin-end: 1rem;
	--navbar-brand-font-size: 1.25rem;
	--navbar-brand-color: rgba(var(----white-rgb), 1);
	--navbar-brand-hover-color: rgba(var(----white-rgb), 1);
	--navbar-nav-link-padding-x: 0.5rem;
	--navbar-toggler-padding-y: 0.25rem;
	--navbar-toggler-padding-x: 0.75rem;
	--navbar-toggler-font-size: 1.25rem;
	--navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	--navbar-toggler-border-color: rgba(var(----white-rgb), 0.15);
	--navbar-toggler-border-radius: 0.375rem;
	--navbar-toggler-focus-width: 0.25rem;
	--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(--navbar-padding-y) var(--navbar-padding-x);
	background-image: var(--gradient)
}

.navbar>.container {
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: space-between
}

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

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

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


.card {
	--card-spacer-y: 1rem;
	--card-spacer-x: 1rem;
	--card-title-spacer-y: 0.5rem;
	--card-title-color: ;
	--card-subtitle-color: ;
	--card-border-width: var(--border-width);
	--card-border-color: var(--border-color-translucent);
	--card-border-radius: 0.75rem;
	--card-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--card-inner-border-radius: calc(0.75rem - (var(--border-width)));
	--card-cap-padding-y: 0.5rem;
	--card-cap-padding-x: 1rem;
	--card-cap-bg: rgba(var(--body-color-rgb), 0.03);
	--card-cap-color: ;
	--card-height: ;
	--card-color: ;
	--card-bg: var(--body-bg);
	--card-img-overlay-padding: 1rem;
	--card-group-margin: 0.75rem;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: var(--card-height);
	word-wrap: break-word;
	background-color: var(--white);
	background-clip: border-box;
	border: var(--card-border-width) solid var(--card-border-color);
	border-radius: var(--card-border-radius);
	box-shadow: var(--card-box-shadow)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.card-img {
	border-bottom-right-radius: var(--card-inner-border-radius);
	border-bottom-left-radius: var(--card-inner-border-radius)
}
.pagination {
	--pagination-padding-x: 0.75rem;
	--pagination-padding-y: 0.375rem;
	--pagination-font-size: 1rem;
	--pagination-color: var(--link-color);
	--pagination-bg: var(--body-bg);
	--pagination-border-width: var(--border-width);
	--pagination-border-color: var(--border-color);
	--pagination-border-radius: var(--border-radius);
	--pagination-hover-color: var(--link-hover-color);
	--pagination-hover-bg: var(--tertiary-bg);
	--pagination-hover-border-color: var(--border-color);
	--pagination-focus-color: var(--link-hover-color);
	--pagination-focus-bg: var(--secondary-bg);
	--pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--pagination-active-color: #fff;
	--pagination-active-bg: #0d6efd;
	--pagination-active-border-color: #0d6efd;
	--pagination-disabled-color: var(--secondary-color);
	--pagination-disabled-bg: var(--secondary-bg);
	--pagination-disabled-border-color: var(--border-color);
	display: flex;
	padding-left: 0;
	list-style: none
}

.page-link {
	position: relative;
	display: block;
	padding: var(--pagination-padding-y) var(--pagination-padding-x);
	font-size: var(--pagination-font-size);
	color: var(--pagination-color);
	text-decoration: none;
	background-color: var(--pagination-bg);
	border: var(--pagination-border-width) solid var(--pagination-border-color);
	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) {
	.page-link {
		transition: none
	}
}

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

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

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

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

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

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

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

.pagination-lg {
	--pagination-padding-x: 1.5rem;
	--pagination-padding-y: 0.75rem;
	--pagination-font-size: 1.25rem;
	--pagination-border-radius: var(--border-radius-lg)
}

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


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

.badge:empty {
	display: none
}

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

.alert {
	--alert-bg: transparent;
	--alert-padding-x: 1rem;
	--alert-padding-y: 1rem;
	--alert-margin-bottom: 1rem;
	--alert-color: inherit;
	--alert-border-color: transparent;
	--alert-border: var(--border-width) solid var(--alert-border-color);
	--alert-border-radius: var(--border-radius);
	--alert-link-color: inherit;
	position: relative;
	padding: var(--alert-padding-y) var(--alert-padding-x);
	margin-bottom: var(--alert-margin-bottom);
	color: var(--alert-color);
	background-color: var(--alert-bg);
	border: var(--alert-border);
	border-radius: var(--alert-border-radius)
}

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

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

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

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

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

@keyframes progress-bar-stripes {
	0% {
		background-position-x: var(--progress-height)
	}
}

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

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

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

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

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

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

.progress-bar-animated {
	animation: 1s linear infinite progress-bar-stripes
}

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

.list-group {
	--list-group-color: var(--body-color);
	--list-group-bg: var(--body-bg);
	--list-group-border-color: var(--border-color);
	--list-group-border-width: var(--border-width);
	--list-group-border-radius: var(--border-radius);
	--list-group-item-padding-x: 1rem;
	--list-group-item-padding-y: 0.5rem;
	--list-group-action-color: var(--dark-color);
	--list-group-action-hover-color: var(----white);
	--list-group-action-hover-bg: var(--tertiary-bg);
	--list-group-action-active-color: var(--body-color);
	--list-group-action-active-bg: var(--dark-bg);
	--list-group-disabled-color: var(--dark-color);
	--list-group-disabled-bg: var(--body-bg);
	--list-group-active-color: var(--white);
	--list-group-active-bg: var(--primary);
	--list-group-active-border-color: var(--primary);
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: var(--list-group-border-radius)
}

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

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

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

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

.list-group-item.active {
	z-index: 2;
	color: var(--list-group-active-color);
	background-color: var(--list-group-active-bg);
	border-color: var(--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(--list-group-border-width));
	border-top-width: var(--list-group-border-width)
}

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

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

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

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

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

.btn-close:focus {
	outline: 0;
	box-shadow: var(--btn-close-focus-shadow);
	opacity: var(--btn-close-focus-opacity)
}

.btn-close:disabled,
.btn-close.disabled {
	pointer-events: none;
	user-select: none;
	opacity: var(--btn-close-disabled-opacity)
}

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

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

.modal {
	--modal-zindex: 1055;
	--modal-width: 500px;
	--modal-padding: 1rem;
	--modal-margin: 0.5rem;
	--modal-color: var(--body-color);
	--modal-bg: var(--body-bg);
	--modal-border-color: var(--border-color-translucent);
	--modal-border-width: var(--border-width);
	--modal-border-radius: 1rem;
	--modal-box-shadow: var(--box-shadow-sm);
	--modal-inner-border-radius: calc(1rem - (var(--border-width)));
	--modal-header-padding-x: 1rem;
	--modal-header-padding-y: 1rem;
	--modal-header-padding: 1rem 1rem;
	--modal-header-border-color: var(--border-color);
	--modal-header-border-width: var(--border-width);
	--modal-title-line-height: 1.5;
	--modal-footer-gap: 0.5rem;
	--modal-footer-bg: ;
	--modal-footer-border-color: var(--border-color);
	--modal-footer-border-width: var(--border-width);
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--modal-zindex);
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0
}

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

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

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

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

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

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

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

.modal-backdrop.fade {
	opacity: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



.carousel {
	position: relative
}

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

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

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

.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	backface-visibility: hidden;
	transition: transform 0.6s ease-in-out
}
.carousel-fade .carousel-item {
	display: block;
	position: absolute;
	inset: 0;
	float: none;
	margin-right: 0;
	opacity: 0;
	z-index: 0;
	transform: none;
	transition: opacity 1.1s ease-in-out;
	pointer-events: none;
}

.carousel-fade .carousel-item.active {
	position: relative;
	opacity: 1;
	z-index: 2;
	pointer-events: auto;
}

.carousel-fade .carousel-item.carousel-item-start,
.carousel-fade .carousel-item.carousel-item-end {
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0;
}

.carousel-fade .carousel-item.carousel-item-next,
.carousel-fade .carousel-item.carousel-item-prev {
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 1;
}
@media (prefers-reduced-motion:reduce) {
	.carousel-item {
		transition: none
	}
}

.carousel-item.active {
	display: block
}

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

.carousel-fade .carousel-item.active {
	z-index: 1;
	opacity: 1
}.carousel {
	position: relative;
}

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

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

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

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

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

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

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item.carousel-item-next,
.carousel-fade .carousel-item.carousel-item-prev {
	opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
	opacity: 0;
}

.carousel-control-prev,
.carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15%;
	padding: 0;
	color: var(--white);
	text-align: center;
	background: none;
	filter: var(--carousel-control-icon-filter);
	border: 0;
	opacity: .5;
	transition: opacity 0.15s ease;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
	color: var(--white);
	text-decoration: none;
	outline: 0;
	opacity: .9;
}

.carousel-control-prev {
	left: 0;
	background-image: linear-gradient(90deg, rgb(0 0 0 / .25), rgb(0 0 0 / .001));
}

.carousel-control-next {
	right: 0;
	background-image: linear-gradient(270deg, rgb(0 0 0 / .25), rgb(0 0 0 / .001));
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}

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

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

:root,
[data-bs-theme=light] {
	--carousel-indicator-active-bg: var(--white);
	--carousel-caption-color: var(--white);
	--carousel-control-icon-filter:
}

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

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

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

@media (max-width:575.98px) {

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

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

@media (max-width:767.98px) {

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

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

@media (max-width:991.98px) {

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

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

@media (max-width:1199.98px) {

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

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

@media (max-width:1399.98px) {

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

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

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

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


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

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

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

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

.ratio {
	position: relative;
	width: 100%
}

.ratio::before {
	display: block;
	padding-top: var(--aspect-ratio);
	content: ""
}

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


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

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

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

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

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

.sticky-top {
	position: sticky;
	top: 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
}

.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
	overflow: hidden !important
}
.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}
.vr {
	display: inline-block;
	align-self: stretch;
	width: var(--border-width);
	min-height: 1em;
	background-color: currentcolor;
	opacity: .25
}

.align-top {
	vertical-align: top !important
}

.align-middle {
	vertical-align: middle !important
}

.align-bottom {
	vertical-align: bottom !important
}

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

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

.opacity-75 {
	opacity: 0.75 !important
}

.opacity-100 {
	opacity: 1 !important
}

.overflow-auto {
	overflow: auto !important
}

.overflow-hidden {
	overflow: hidden !important
}

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

.d-block {
	display: block !important
}

.d-grid {
	display: grid !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 {
	--focus-ring-color: rgba(var(--primary-rgb), var(--focus-ring-opacity))
}

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

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

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

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

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

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

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

.position-relative {
	position: relative !important
}

.position-absolute {
	position: absolute !important
}

.top-0 {
	top: 0 !important
}

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

.bottom-0 {
	bottom: 0 !important
}

.start-0 {
	left: 0 !important
}

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

.end-0 {
	right: 0 !important
}

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

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

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

.border-0 {
	border: 0 !important
}

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

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

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

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

.w-50 {
	width: 50% !important
}

.w-100 {
	width: 100% !important
}

.h-100 {
	height: 100% !important
}

.mh-100 {
	max-height: 100% !important
}

.min-vh-100 {
	min-height: 100vh !important
}

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

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

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

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

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

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

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

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

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

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

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

.order-1 {
	order: 1 !important
}

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

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

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

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

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

.column-gap-5 {
	-moz-column-gap: 3rem !important;
	column-gap: 3rem !important
}
.rounded {
	border-radius: var(--border-radius) !important
}

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

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

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

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

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

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

.invisible {
	visibility: hidden !important
}

@media (min-width:576px) {
	.d-sm-flex {
		display: flex !important
	}

	.d-sm-none {
		display: none !important
	}
}

@media (min-width:768px) {
	.d-md-block {
		display: block !important
	}

	.d-md-none {
		display: none !important
	}

	.flex-md-row {
		flex-direction: row !important
	}

	.justify-content-md-between {
		justify-content: space-between !important
	}

	.order-md-1 {
		order: 1 !important
	}

	.order-md-2 {
		order: 2 !important
	}

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

@media (min-width:992px) {
	.flex-lg-row {
		flex-direction: row !important
	}

	.order-lg-1 {
		order: 1 !important
	}

	.order-lg-2 {
		order: 2 !important
	}

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

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

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

@media (min-width:1200px) {
	.fs-3 {
		font-size: 1.75rem !important
	}
}

.navbar.scrolled {
	background-color: var(--white);
	box-shadow: 0 2px 10px rgb(0 0 0 / .1);
	padding: 10px 0
}

.languages {
	color: var(--white);
	transition: color 0.3s ease
}

.languages.scrolled {
	color: var(--white) !important
}

.languages a {
	color: inherit;
	text-decoration: none
}
.languages {
	z-index: 99999;
}

.language-switcher-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.language-switcher-toggle {
	display: none;
	align-items: center;
	gap: .35rem;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 700;
	line-height: 1;
	padding: 0;
	cursor: pointer;
}

.language-switcher-caret {
	display: inline-block;
	width: .45rem;
	height: .45rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
}

.language-switcher-wrap.is-open .language-switcher-caret {
	transform: rotate(225deg) translateY(-1px);
}

@media (max-width: 767.98px) {
	.language-switcher-toggle {
		display: inline-flex !important;
	}

	.language-switcher-wrap > .language-switcher {
		position: absolute !important;
		top: calc(100% + .5rem) !important;
		left: 0 !important;
		z-index: 999999 !important;
		display: none !important;
		flex-direction: column !important;
		gap: 0 !important;
		min-width: 4.5rem !important;
		margin: 0 !important;
		padding: .35rem 0 !important;
		list-style: none !important;
		background: #fff !important;
		border-radius: .5rem !important;
		box-shadow: 0 .75rem 1.75rem rgb(0 0 0 / .18) !important;
	}

	.language-switcher-wrap.is-open > .language-switcher {
		display: flex !important;
	}

	.language-switcher-wrap > .language-switcher li {
		display: block !important;
	}

	.language-switcher-wrap > .language-switcher a {
		display: block !important;
		padding: .55rem .85rem !important;
		color: var(--dark-500) !important;
		white-space: nowrap !important;
		text-decoration: none !important;
	}

	.language-switcher-wrap > .language-switcher li.active a {
		font-weight: 700 !important;
		color: var(--primary) !important;
	}
}
.logo {
	height: 140px;
	transition: all 0.3s ease
}

.logo-scrolled {
	height: 90px !important;
	transition: all 0.3s ease
}

.icon {
	width: 40px !important;
	height: auto
}

.hamburger-container {
	display: flex;
	justify-content: flex-end;
	width: 44px
}

.hamburger {
	position: relative;
	width: 44px
}

.menu-toggle {
	position: relative;
	width: 44px;
	height: 36px;
	cursor: pointer;
	z-index: 20001;
	border: 0;
	padding: 0;
	background: transparent !important;
	-webkit-tap-highlight-color: transparent
}

.menu-toggle span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	display: block;
	background-color: var(--white);
	transition: transform .3s ease, top .3s ease, opacity .2s ease, background-color .2s ease
}

.menu-toggle span:nth-child(1) {
	top: 0
}

.menu-toggle span:nth-child(2) {
	top: 12px
}

.menu-toggle span:nth-child(3) {
	top: 24px
}

.menu-toggle.dark:not(.open) span,
.navbar.scrolled .menu-toggle:not(.open) span {
	background-color: var(--dark-500) !important
}

.menu-toggle.open {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	background: rgb(0 0 0 / .35);
	border-radius: 10px;
	padding: 6px
}

.menu-toggle.open span {
	opacity: 1 !important;
	visibility: visible !important;
	background-color: var(--white) !important;
	box-shadow: 0 0 0 1px rgb(0 0 0 / .25)
}

.menu-toggle.open span:nth-child(1) {
	top: 12px;
	transform: rotate(45deg)
}

.menu-toggle.open span:nth-child(2) {
	opacity: 0 !important
}

.menu-toggle.open span:nth-child(3) {
	top: 12px;
	transform: rotate(-45deg)
}

.fullscreen-nav {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	background: rgb(10 10 10 / .96);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s ease, visibility .35s ease;
	z-index: 20000;
	backdrop-filter: blur(2px)
}

.fullscreen-nav.open {
	opacity: 1;
	visibility: visible
}

.nav-links {
	list-style: none;
	padding: 0;
	margin: 0;
	width: min(90vw, 1000px);
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(12px, 2.8vh, 22px);
	justify-items: center;
	text-align: center
}

.nav-links li {
	margin: 0
}

.nav-links a {
	color: var(--white);
	text-decoration: none;
	font-size: clamp(1.25rem, 2.2vw, 2rem);
	font-weight: 700;
	letter-spacing: .02em;
	padding: .25rem .5rem;
	position: relative;
	transition: transform .15s ease, color .15s ease
}

.nav-links a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -6px;
	width: 0;
	height: 2px;
	background: var(--primary);
	transform: translateX(-50%);
	transition: width .2s ease
}

.nav-links a:hover {
	color: var(--primary);
	transform: translateY(-1px)
}

.nav-links a:hover::after {
	width: 60%
}

@media (min-width:768px) {
	.nav-links {
		grid-template-columns: repeat(2, minmax(220px, 1fr))
	}
}

@media (min-width:992px) {
	.nav-links {
		grid-template-columns: repeat(3, minmax(220px, 1fr))
	}
}

.navbar {
	z-index: 1000 !important
}

.languages,
.navbar-brand {
	z-index: 1000 !important
}

.fullscreen-nav {
	z-index: 20000 !important
}

.menu-toggle,
.hamburger,
.hamburger-container {
	z-index: 20001 !important
}

body.menu-open .navbar,
body.menu-open .navbar.scrolled {
	background: transparent !important;
	box-shadow: none !important
}

body.menu-open .languages,
body.menu-open .navbar-brand {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important
}

@media (max-width:575.98px) {
	.menu-toggle.open {
		top: 12px !important;
		right: 12px !important
	}
}

.fullscreen-nav {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	background: rgb(10 10 10 / .96);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s ease, visibility .35s ease;
	z-index: 20000;
	backdrop-filter: blur(2px)
}

.fullscreen-nav.open {
	opacity: 1;
	visibility: visible
}

.nav-links {
	list-style: none;
	padding: 0;
	margin: 0;
	width: min(90vw, 1000px);
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(12px, 2.8vh, 22px);
	justify-items: center;
	text-align: center
}

.nav-links li {
	margin: 0
}

.nav-links a {
	color: var(--white);
	text-decoration: none;
	font-size: clamp(1.25rem, 2.2vw, 2rem);
	font-weight: 700;
	letter-spacing: .02em;
	padding: .25rem .5rem;
	position: relative;
	transition: transform .15s ease, color .15s ease
}

.nav-links a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -6px;
	width: 0;
	height: 2px;
	background: var(--primary);
	transform: translateX(-50%);
	transition: width .2s ease
}

.nav-links a:hover {
	color: var(--primary);
	transform: translateY(-1px)
}

.nav-links a:hover::after {
	width: 60%
}

@media (min-width:768px) {
	.nav-links {
		grid-template-columns: repeat(2, minmax(220px, 1fr))
	}
}

@media (min-width:992px) {
	.nav-links {
		grid-template-columns: repeat(3, minmax(220px, 1fr))
	}
}

.navbar {
	z-index: 1000 !important
}

.languages,
.navbar-brand {
	z-index: 1000 !important
}

.fullscreen-nav {
	z-index: 20000 !important
}

.menu-toggle,
.hamburger,
.hamburger-container {
	z-index: 20001 !important
}

body.menu-open .navbar {
	z-index: 30000 !important
}

body.menu-open .menu-toggle {
	z-index: 30001 !important
}

.video-header {
	width: 100%;
	height: 100vh;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden
}

.video-header .bg-mobile {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: url(https://dockwayuu.com/content/media/Bildschirmfoto-2025-09-24-um-17.30.36-scaled.png) center center / cover no-repeat;
	z-index: 0
}

@media (min-width:768px) {
	.video-header .bg-mobile {
		display: none
	}
}

#bg-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.header {
	height: 50vh;
	padding: 0;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: 50%
}

.header1 {
	height: 100vh;
	padding: 0;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: 50%
}

.overlay.gradient-primary {
	z-index: 1
}

header+* {
	margin-top: -3rem !important;
	margin-bottom: 3rem !important;
}

.search-container {
	position: relative;
	min-width: 200px
}

.search-form {
	position: relative
}

.search-input {
	height: 50px;
	border-radius: 30px;
	padding-right: 48px;
	border: none;
	box-shadow: 0 0 10px rgb(0 0 0 / .1)
}

.avatar-icon.bi-search {
	font-size: 1.2rem;
	color: var(--dark-300);
	z-index: 10;
	pointer-events: none
}

.card.card-background .full-background {
	background-position: 50%;
	background-size: cover;
	margin-bottom: 30px;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: .5rem;
	background: rgb(255 255 255 / .7)
}

.card {
	overflow: hidden
}

.card-img {
	height: 370px;
	object-fit: cover
}

.card-img-overlay {
	display: flex;
	flex-direction: column
}



.features .bi {
	font-size: 3rem;
	width: 3rem;
	height: 3rem;
	flex: 0 0 3rem;
	padding-right: 1rem;

	
}

.bi {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
	fill: currentColor;
	flex-shrink: 0
}

.feature {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3rem !important;
	width: 3rem !important;
	font-size: 1.5rem;
	text-align: center;
}

.z-index-0 {
	z-index: 0
}

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

.avatar-xxl {
	width: 110px !important;
	height: 110px !important
}

.avatar {
	display: block;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: .5rem;
	flex-shrink: 0;
}

.avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bi-instagram {
	font-size: 3rem
}

.donate-form {
	border-radius: 1rem !important;
	box-shadow: 0 .5rem 1.5rem rgb(0 0 0 / .08)
}

.donation-cta a {
	color: var(--white);
}

.btn-check:checked+.btn-outline-primary {
	background-color: var(--primary);
	color: var(--white)
}

.form-check-input:checked {
	background-color: var(--primary);
	border-color: var(--primary)
}

.form-floating label {
	color: var(--dark-300)
}

.count {
	font-size: 3rem
}

.progress-bar {
	background-color: var(--primary)
}

#img1 {
	filter: hue-rotate(200deg)
}

@media (max-width:575.98px) {
	.menu-toggle.open {
		top: 12px !important;
		right: 12px !important
	}
}

.site-header #logo-img {
	height: 70px !important;
	width: auto !important;
	transition: none !important
}

.site-header .logo,
.site-header .logo-scrolled {
	height: 96px !important;
	width: auto !important;
	transition: none !important
}

.site-header .navbar {
	background: var(--white) !important;
	box-shadow: 0 2px 10px rgb(0 0 0 / .08) !important;
	padding: 12px 0 !important
}

.site-header .languages,
.site-header .languages a,
.site-header .navbar a,
.site-header .navbar .nav-link {
	color: var(--dark-500) !important;
	text-decoration: none
}

.site-header #logo-img,
.site-header .logo,
.site-header .logo-scrolled {
	height: 96px !important;
	width: auto !important;
	transition: none !important
}

.site-header .menu-toggle span {
	background-color: var(--dark-500) !important
}

.site-header.menu-open .menu-toggle span {
	background-color: var(--white) !important
}

.site-header.menu-open .menu-toggle.open span:nth-child(1) {
	top: 12px !important;
	transform: rotate(45deg) !important
}

.site-header.menu-open .menu-toggle.open span:nth-child(2) {
	opacity: 0 !important
}

.site-header.menu-open .menu-toggle.open span:nth-child(3) {
	top: 12px !important;
	transform: rotate(-45deg) !important
}

.site-header .fullscreen-nav {
	background: rgb(10 10 10 / .96)
}

.site-header .fullscreen-nav .nav-links a {
	color: var(--white) !important
}

.site-header .fullscreen-nav .nav-links a::after {
	background: var(--white) !important
}

.site-header .fullscreen-nav .nav-links a:hover {
	color: var(--primary) !important
}

#postsGrid {
	transition: opacity .2s ease
}

.author-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: .5rem;
	font-weight: 700;
	color: var(--white)
}

.video-card .video-media {
	position: relative
}

.video-card .video-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block
}

.video-card .video-thumb {
	position: absolute;
	inset: 0;
	display: block
}

.video-card .card-img-overlay {
	z-index: 2
}

.video-card .video-embed,
.video-card .video-embed iframe,
.video-card .video-embed embed,
.video-card .video-embed video {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	border: 0 !important
}

.video-card .video-embed>* {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%
}

.video-card .video-meta {
	background: transparent
}

.video-card .is-hidden {
	display: none !important
}

#blogFilterTabs.nav-tabs {
	border-bottom: 0
}

#blogFilterTabs .nav-item {
	display: flex
}

#blogFilterTabs .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .75rem 1rem;
	line-height: 1;
	height: 100%;
	border: 1px solid transparent;
	background: transparent;
	color: var(--color-gray-900);
	font-weight: 600;
	transition: background-color 0.15s ease, color 0.15s ease;
	box-shadow: none
}

#blogFilterTabs .nav-link:focus {
	box-shadow: none
}

#blogFilterTabs .nav-link:not(.active):hover {
	background-color: rgb(30 42 56 / .08);

}

#blogFilterTabs .nav-link.active {
	background-color: var(--success-900);
	color: var(--primary);
	border-color: var(--success-900)
}

@keyframes spinBlur {
	0% {
		opacity: 0;
		transform: rotateX(90deg) scale(.8);
		filter: blur(8px)
	}

	60% {
		opacity: 1;
		transform: rotateX(0deg) scale(1.05);
		filter: blur(2px)
	}

	100% {
		opacity: 1;
		transform: rotateX(0deg) scale(1);
		filter: blur(0)
	}
}

header.video-header h1 {
	opacity: 0;
	animation: spinBlur 2s ease-out forwards
}

@keyframes shimmerText {
	0% {
		opacity: 0;
		background-position: -200% 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 1;
		background-position: 200% 0
	}
}

header.video-header p {
	opacity: 0;
	background: linear-gradient(90deg, var(--white), var(--white), var(--white), var(--white));
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shimmerText 3s ease forwards;
	animation-delay: 2s
}

.scroll-down {
	margin-top: 2rem;
	text-align: center;
	cursor: pointer
}

.scroll-down span {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 700;
	color: var(--primary);
	box-shadow: 0 4px 10px rgb(0 0 0 / .2);
	transition: background 0.3s, color 0.3s;
	animation: bounce 2s infinite
}

.scroll-down i:hover {
	background: var(--primary);
	color: var(--white)
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(8px)
	}

	60% {
		transform: translateY(4px)
	}
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type="number"] {
	-moz-appearance: textfield
}

.custom-amount-group .form-control,
.custom-amount-group .input-group-text {
	height: 38px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.5;
	display: flex;
	align-items: center;
	border-color: var(--primary) !important;
	border-radius: var(--border-radius-sm, .2rem)
}

.custom-amount-group .form-control:focus {
	box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), .25)
}


.cookie-settings-btn {
	position: fixed;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1050;
	background-color: var(--primary);
	border: none;
	border-radius: 0 .5rem .5rem 0;
	padding: .75rem 1rem;
	color: var(--white);
	font-size: 1.25rem;
	cursor: pointer;
	box-shadow: 0 0 10px rgb(0 0 0 / .2);
	transition: background-color 0.3s, transform 0.2s
}

.cookie-settings-btn:hover {
	background-color: var(--primary-600);
	transform: translateY(-50%) scale(1.05)
}

.cookie-settings-btn i {
	display: block;
	line-height: 1
}

.language-switcher {
	list-style: none;
	display: flex;
	gap: 1rem;
	margin: 0;
	padding: 0
}

.language-switcher li {
	display: inline-block
}

.language-switcher li.active {
	font-weight: 700;
	color: var(--primary)
}

.languages a {
	color: var(--dark-500) !important;
	text-decoration: none
}

@media (max-width: 767.98px) {
	.languages {
		left: 0.75rem !important;
		top: 50%;
		transform: translateY(-50%);
	}

	.language-switcher {
		gap: 0.5rem;
	}

}

@media (max-width: 575.98px) {
	.languages {

		left: 0.5rem !important;
	}

	.language-switcher {
		gap: 0.35rem;
	}

}

.partner {
	filter: grayscale(100%);
	max-height: 100px;
	width: auto
}

.switsch-white a {
	color: var(--white) !important
}

.comment-list,
.comment-list ol {
	list-style: none !important;
	margin: 0;
	padding: 0
}

.comment-list .children {
	margin-left: 1.5rem;
	padding-left: 1rem
}

.comment-list li {
	margin-bottom: 1rem
}

.comment-list .children .avatar {
	width: 36px;
	height: 36px
}

@media (max-width:991.98px) {
	

	.count {
		font-size: 2.2rem
	}
}

@media (max-width:575.98px) {


	.logo {
		height: 70px;
		transition: all 0.3s ease
	}

	.logo-scrolled {
		height: 70px !important;
		transition: all 0.3s ease
	}



	.count {
		font-size: 1.8rem
	}
}

.modal {
	z-index: 40000 !important
}

.modal-backdrop {
	z-index: 39990 !important
}

.js-yt-card,
.yt-player-cover {
	overflow: hidden
}

.yt-player-cover {
	position: absolute;
	inset: 0
}

.yt-player-cover iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 177.7778%;
	height: 100%;
	transform: translate(-50%, -50%);
	border: 0;
	display: block;
	max-width: none;
	max-height: none
}

@media (max-aspect-ratio:16/9) {
	.yt-player-cover iframe {
		width: 100%;
		height: 177.7778%
	}
}

.languages.scrolled a {
	color: var(--dark-400) !important
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none !important;
}


#menu-footermenu a:hover {
	color: var(--white) !important
}

.etsy-sticky-media {
	position: sticky;
	top: 1rem;
	z-index: 2;
}

.wayuu-gallery {
	display: grid;
	grid-template-columns: repeat(var(--wayuu-gallery-columns, 3), minmax(0, 1fr));
	gap: 1rem;
}

.wayuu-gallery__item {
	min-width: 0;
}

.wayuu-lightbox-trigger {
	display: block;
	overflow: hidden;
	border-radius: 1rem;
}

.wayuu-gallery-thumb {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 1rem;
}

#lbModal .modal-dialog {
	max-width: min(96vw, 1600px);
	margin: 1rem auto;
}

.modal {
	background: rgba(0, 0, 0, 0.8);
	/* fast komplett schwarz */
}

.modal-backdrop.show {
	opacity: 0.98 !important;
	background-color: var(--dark--900) !important;
}

.modal.show {
	backdrop-filter: blur(4px);
}

#lbModal .modal-content {
	background: transparent;
	border: 0;
	box-shadow: none;
}

#lbModal .modal-body {
	padding: 0;
}

.wayuu-lightbox-stage {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: min(80vh, 900px);
}

.wayuu-lightbox-image {
	display: block;
	max-width: 100%;
	max-height: 90vh;
	width: auto;
	height: auto;
	margin: 0 auto;
	border-radius: 1rem;
	object-fit: contain;
}

.wayuu-lightbox-btn {
	position: absolute;
	z-index: 20;
	border: 0;
	background: transparent;
	color: var(--white);
	line-height: 1;
	padding: 0.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.9);
	opacity: 0.72;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.wayuu-lightbox-btn:hover,
.wayuu-lightbox-btn:focus {
	opacity: 1;
	transform: scale(1.05);
	color: var(--white);
}

.wayuu-lightbox-btn:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.9);
	outline-offset: 2px;
	border-radius: 999px;
}

.wayuu-lightbox-btn svg {
	width: 2.25rem;
	height: 2.25rem;
	display: block;
}

.wayuu-lightbox-btn--prev {
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
}

.wayuu-lightbox-btn--next {
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
}

.wayuu-lightbox-btn--close {
	top: 1rem;
	right: 1rem;
}

@media (max-width: 767.98px) {
	.wayuu-gallery {
		gap: 0.75rem;
	}

	.wayuu-lightbox-btn--prev {
		left: 0.5rem;
	}

	.wayuu-lightbox-btn--next,
	.wayuu-lightbox-btn--close {
		right: 0.5rem;
	}

	.wayuu-lightbox-btn--close {
		top: 0.5rem;
	}

	.wayuu-lightbox-btn svg {
		width: 2rem;
		height: 2rem;
	}
}

.wayuu-gallery__item {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	/* zwingt Quadrat */
	overflow: hidden;
	border-radius: 1rem;
}

.wayuu-lightbox-trigger {
	display: block;
	width: 100%;
	height: 100%;
}

.wayuu-gallery-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Crop statt verzerren */
	display: block;
}

.dock-wayuu-partner-block-1 .dock-wayuu-partner-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dock-wayuu-partner-block-1 .dock-wayuu-partner-link,
.dock-wayuu-partner-block-1 .dock-wayuu-partner-image-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 120px;
	padding: 12px;
	overflow: hidden;
	box-sizing: border-box;
}

.dock-wayuu-partner-block-1 .dock-wayuu-partner-logo {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 90px;
	object-fit: contain;
	object-position: center;
	margin: 0 auto;
}


/* Accessibility helpers */
.skip-link.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: 100000
}

.skip-link.screen-reader-text:focus {
	left: 1rem;
	top: 1rem;
	width: auto;
	height: auto;
	padding: .75rem 1rem;
	background: #fff;
	color: #000;
	overflow: visible
}

.menu-toggle:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px
}

svg[focusable="false"] {
	pointer-events: none
}


/* Dock Wayuu: W3C/Responsive refinements */
.footer-support {
	max-width: 100%;
	width: min(100%, 34rem);
}

.footer-menu-wrap,
.footer-social-wrap {
	width: 100%;
}



.social-icons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .75rem;
	padding-left: 0;
}

.social-icons .list-inline-item {
	margin: 0;
}

.social-icons .feature {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.social-icons .feature>svg {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	flex: 0 0 1.5rem;
	transform-origin: center;
}

.social-icons .feature>.footer-social-svg-instagram {
	width: 1.1rem;
	height: 1.1rem;
}

.social-icons .feature>.footer-social-svg-facebook {
	width: 1.1rem;
	height: 1.1rem;
}

.social-icons .feature>.footer-social-svg-etsy {
	width: 1.1rem;
	height: 1.1rem;
}

.social-icons .feature>.footer-social-svg-youtube {
	width: 1.1rem;
	height: 1.1rem;
}

.social-icons .feature>.footer-social-svg-x {
	width: 1.1rem;
	height: 1.1rem;
}

.event-meta-box {
	width: 100%;
}

.event-meta-item {
	display: flex;
	align-items: flex-start;
	width: 100%;
	word-break: break-word;
}

.event-meta-item+.event-meta-item {
	border-top: 1px solid rgba(255, 255, 255, .2);
}

.event-meta-item .bi {
	flex: 0 0 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	font-size: 1.6rem;
	margin-top: 0;
}

.event-meta-item {
	display: flex;
	align-items: center;
	gap: .5rem;
}

.event-meta-item span {
	display: inline-block;
}

.social-icons .feature {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: .5rem;
}

.social-icons .feature>svg,
.social-icons .feature>.footer-social-svg,
.social-icons .feature>.footer-social-svg-instagram,
.social-icons .feature>.footer-social-svg-facebook,
.social-icons .feature>.footer-social-svg-etsy,
.social-icons .feature>.footer-social-svg-youtube,
.social-icons .feature>.footer-social-svg-x {
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	max-width: 100%;
	max-height: 100%;
	flex: 0 0 1.1rem;
	transform: none;
}

@media (min-width:768px) {
	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

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

@media (max-width:767.98px) {
	.event-meta-box .row>[class*="col-"] {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
}


@media (max-width: 991.98px) {

	.footer-title,
	.footer-menu-wrap,
	.footer-social-wrap,
	#footer-navigation {
		text-align: center;
	}

	.footer-menu-list {
		padding-left: 0;
	}
}

@media (max-width: 767.98px) {
	.hamburger-container {
		width: 34px;
		right: .75rem !important;
	}

	.hamburger,
	.menu-toggle {
		width: 34px;
	}

	.menu-toggle {
		height: 28px;
	}

	.menu-toggle span {
		height: 3px;
	}

	.menu-toggle span:nth-child(2) {
		top: 10px;
	}

	.menu-toggle span:nth-child(3) {
		top: 20px;
	}

	.navbar-brand {
		margin-right: 0;
	}

	#cookieConsentModal .modal-dialog {
		margin: .75rem;
	}

	#cookieConsentModal .modal-body {
		padding: 1.25rem;
	}

	#cookieConsentModal .d-grid.d-sm-flex {
		display: grid !important;
		grid-template-columns: 1fr;
	}

	#cookieConsentModal .d-grid.d-sm-flex .btn {
		width: 100%;
	}

	.footer-support {
		flex-direction: column;
	}

	.footer-menu-wrap,
	.footer-social-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footer-menu-wrap nav {
		width: 100%;
	}

	.event-meta-box {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.single-events .overlap,
	.single-workshop .overlap,
	.single-donations .overlap,
	.single .overlap,
	.page .overlap {
		padding: 1.5rem !important;
	}

	.single-events .overlap .row>[class*="col-"],
	.single-workshop .overlap .row>[class*="col-"],
	.single-donations .overlap .row>[class*="col-"] {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	#cookieConsentModal .modal-dialog {
		margin: .5rem;
	}

	.footer-title,
	#footer-navigation,
	#footer-navigation li {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 767.98px) {
	.werte-item {
		align-items: flex-start;
		gap: 1rem;
	}

	.werte-item .werte-icon {
		width: 3.75rem !important;
		height: 3.75rem !important;
		aspect-ratio: 1 / 1;
		flex: 0 0 3.75rem;
		margin-bottom: 0 !important;
	}

	.werte-item .werte-content {
		flex: 1 1 auto;
		width: auto;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
/*font */
  @media (min-width: 40rem) {
    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--text-xs--line-height);
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--text-sm--line-height);
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--text-base--line-height);
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--text-lg--line-height);
    }

    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--text-xl--line-height);
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--text-2xl--line-height);
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--text-3xl--line-height);
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--text-4xl--line-height);
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--text-5xl--line-height);
    }

    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--text-6xl--line-height);
    }

    .sm\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--text-7xl--line-height);
    }

    .sm\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--text-8xl--line-height);
    }

    .sm\:text-9xl {
      font-size: var(--text-9xl);
      line-height: var(--text-9xl--line-height);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--text-xs--line-height);
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--text-sm--line-height);
    }

    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--text-base--line-height);
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--text-lg--line-height);
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--text-xl--line-height);
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--text-2xl--line-height);
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--text-3xl--line-height);
    }

    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--text-4xl--line-height);
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--text-5xl--line-height);
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--text-6xl--line-height);
    }

    .md\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--text-7xl--line-height);
    }

    .md\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--text-8xl--line-height);
    }

    .md\:text-9xl {
      font-size: var(--text-9xl);
      line-height: var(--text-9xl--line-height);
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--text-xs--line-height);
    }

    .lg\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--text-sm--line-height);
    }

    .lg\:text-base {
      font-size: var(--text-base);
      line-height: var(--text-base--line-height);
    }

    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--text-lg--line-height);
    }

    .lg\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--text-xl--line-height);
    }

    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--text-2xl--line-height);
    }

    .lg\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--text-3xl--line-height);
    }

    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--text-4xl--line-height);
    }

    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--text-5xl--line-height);
    }

    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--text-6xl--line-height);
    }

    .lg\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--text-7xl--line-height);
    }

    .lg\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--text-8xl--line-height);
    }

    .lg\:text-9xl {
      font-size: var(--text-9xl);
      line-height: var(--text-9xl--line-height);
    }
  }

  /* dark text colors */
  .dark .dark\:text-white {
    color: var(--color-white);
  }

  .dark .dark\:text-black {
    color: var(--color-black);
  }

  .dark .dark\:text-gray-900 {
    color: var(--color-gray-900);
  }

  .dark .dark\:text-gray-500 {
    color: var(--color-gray-500);
  }

  .dark .dark\:text-gray-400 {
    color: var(--color-gray-400);
  }
}


/*spacer*/
@media (min-width:768px) {
	.float-md-start {
		float: left !important
	}

	.float-md-end {
		float: right !important
	}

	.float-md-none {
		float: none !important
	}

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

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

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

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

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

	.d-md-inline {
		display: inline !important
	}

	.d-md-inline-block {
		display: inline-block !important
	}

	.d-md-block {
		display: block !important
	}

	.d-md-grid {
		display: grid !important
	}

	.d-md-inline-grid {
		display: inline-grid !important
	}

	.d-md-table {
		display: table !important
	}

	.d-md-table-row {
		display: table-row !important
	}

	.d-md-table-cell {
		display: table-cell !important
	}

	.d-md-flex {
		display: flex !important
	}

	.d-md-inline-flex {
		display: inline-flex !important
	}

	.d-md-none {
		display: none !important
	}

	.flex-md-fill {
		flex: 1 1 auto !important
	}

	.flex-md-row {
		flex-direction: row !important
	}

	.flex-md-column {
		flex-direction: column !important
	}

	.flex-md-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-md-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-md-grow-0 {
		flex-grow: 0 !important
	}

	.flex-md-grow-1 {
		flex-grow: 1 !important
	}

	.flex-md-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-md-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-md-wrap {
		flex-wrap: wrap !important
	}

	.flex-md-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-md-start {
		justify-content: flex-start !important
	}

	.justify-content-md-end {
		justify-content: flex-end !important
	}

	.justify-content-md-center {
		justify-content: center !important
	}

	.justify-content-md-between {
		justify-content: space-between !important
	}

	.justify-content-md-around {
		justify-content: space-around !important
	}

	.justify-content-md-evenly {
		justify-content: space-evenly !important
	}

	.align-items-md-start {
		align-items: flex-start !important
	}

	.align-items-md-end {
		align-items: flex-end !important
	}

	.align-items-md-center {
		align-items: center !important
	}

	.align-items-md-baseline {
		align-items: baseline !important
	}

	.align-items-md-stretch {
		align-items: stretch !important
	}

	.align-content-md-start {
		align-content: flex-start !important
	}

	.align-content-md-end {
		align-content: flex-end !important
	}

	.align-content-md-center {
		align-content: center !important
	}

	.align-content-md-between {
		align-content: space-between !important
	}

	.align-content-md-around {
		align-content: space-around !important
	}

	.align-content-md-stretch {
		align-content: stretch !important
	}

	.align-self-md-auto {
		align-self: auto !important
	}

	.align-self-md-start {
		align-self: flex-start !important
	}

	.align-self-md-end {
		align-self: flex-end !important
	}

	.align-self-md-center {
		align-self: center !important
	}

	.align-self-md-baseline {
		align-self: baseline !important
	}

	.align-self-md-stretch {
		align-self: stretch !important
	}

	.order-md-first {
		order: -1 !important
	}

	.order-md-0 {
		order: 0 !important
	}

	.order-md-1 {
		order: 1 !important
	}

	.order-md-2 {
		order: 2 !important
	}

	.order-md-3 {
		order: 3 !important
	}

	.order-md-4 {
		order: 4 !important
	}

	.order-md-5 {
		order: 5 !important
	}

	.order-md-last {
		order: 6 !important
	}

	.m-md-0 {
		margin: 0 !important
	}

	.m-md-1 {
		margin: .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 {
		-moz-column-gap: 0 !important;
		column-gap: 0 !important
	}

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

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

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

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

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

}

@media (min-width:992px) {
	.float-lg-start {
		float: left !important
	}

	.float-lg-end {
		float: right !important
	}

	.float-lg-none {
		float: none !important
	}

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

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

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

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

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

	.d-lg-inline {
		display: inline !important
	}

	.d-lg-inline-block {
		display: inline-block !important
	}

	.d-lg-block {
		display: block !important
	}

	.d-lg-grid {
		display: grid !important
	}

	.d-lg-inline-grid {
		display: inline-grid !important
	}

	.d-lg-table {
		display: table !important
	}

	.d-lg-table-row {
		display: table-row !important
	}

	.d-lg-table-cell {
		display: table-cell !important
	}

	.d-lg-flex {
		display: flex !important
	}

	.d-lg-inline-flex {
		display: inline-flex !important
	}

	.d-lg-none {
		display: none !important
	}

	.flex-lg-fill {
		flex: 1 1 auto !important
	}

	.flex-lg-row {
		flex-direction: row !important
	}

	.flex-lg-column {
		flex-direction: column !important
	}

	.flex-lg-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-lg-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-lg-grow-0 {
		flex-grow: 0 !important
	}

	.flex-lg-grow-1 {
		flex-grow: 1 !important
	}

	.flex-lg-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-lg-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-lg-wrap {
		flex-wrap: wrap !important
	}

	.flex-lg-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-lg-start {
		justify-content: flex-start !important
	}

	.justify-content-lg-end {
		justify-content: flex-end !important
	}

	.justify-content-lg-center {
		justify-content: center !important
	}

	.justify-content-lg-between {
		justify-content: space-between !important
	}

	.justify-content-lg-around {
		justify-content: space-around !important
	}

	.justify-content-lg-evenly {
		justify-content: space-evenly !important
	}

	.align-items-lg-start {
		align-items: flex-start !important
	}

	.align-items-lg-end {
		align-items: flex-end !important
	}

	.align-items-lg-center {
		align-items: center !important
	}

	.align-items-lg-baseline {
		align-items: baseline !important
	}

	.align-items-lg-stretch {
		align-items: stretch !important
	}

	.align-content-lg-start {
		align-content: flex-start !important
	}

	.align-content-lg-end {
		align-content: flex-end !important
	}

	.align-content-lg-center {
		align-content: center !important
	}

	.align-content-lg-between {
		align-content: space-between !important
	}

	.align-content-lg-around {
		align-content: space-around !important
	}

	.align-content-lg-stretch {
		align-content: stretch !important
	}

	.align-self-lg-auto {
		align-self: auto !important
	}

	.align-self-lg-start {
		align-self: flex-start !important
	}

	.align-self-lg-end {
		align-self: flex-end !important
	}

	.align-self-lg-center {
		align-self: center !important
	}

	.align-self-lg-baseline {
		align-self: baseline !important
	}

	.align-self-lg-stretch {
		align-self: stretch !important
	}

	.order-lg-first {
		order: -1 !important
	}

	.order-lg-0 {
		order: 0 !important
	}

	.order-lg-1 {
		order: 1 !important
	}

	.order-lg-2 {
		order: 2 !important
	}

	.order-lg-3 {
		order: 3 !important
	}

	.order-lg-4 {
		order: 4 !important
	}

	.order-lg-5 {
		order: 5 !important
	}

	.order-lg-last {
		order: 6 !important
	}

	.m-lg-0 {
		margin: 0 !important
	}

	.m-lg-1 {
		margin: .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 {
		-moz-column-gap: 0 !important;
		column-gap: 0 !important
	}

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

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

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

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

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


}

@media (min-width:1200px) {
	.float-xl-start {
		float: left !important
	}

	.float-xl-end {
		float: right !important
	}

	.float-xl-none {
		float: none !important
	}

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

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

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

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

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

	.d-xl-inline {
		display: inline !important
	}

	.d-xl-inline-block {
		display: inline-block !important
	}

	.d-xl-block {
		display: block !important
	}

	.d-xl-grid {
		display: grid !important
	}

	.d-xl-inline-grid {
		display: inline-grid !important
	}

	.d-xl-table {
		display: table !important
	}

	.d-xl-table-row {
		display: table-row !important
	}

	.d-xl-table-cell {
		display: table-cell !important
	}

	.d-xl-flex {
		display: flex !important
	}

	.d-xl-inline-flex {
		display: inline-flex !important
	}

	.d-xl-none {
		display: none !important
	}

	.flex-xl-fill {
		flex: 1 1 auto !important
	}

	.flex-xl-row {
		flex-direction: row !important
	}

	.flex-xl-column {
		flex-direction: column !important
	}

	.flex-xl-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-xl-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-xl-grow-0 {
		flex-grow: 0 !important
	}

	.flex-xl-grow-1 {
		flex-grow: 1 !important
	}

	.flex-xl-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-xl-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-xl-wrap {
		flex-wrap: wrap !important
	}

	.flex-xl-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-xl-start {
		justify-content: flex-start !important
	}

	.justify-content-xl-end {
		justify-content: flex-end !important
	}

	.justify-content-xl-center {
		justify-content: center !important
	}

	.justify-content-xl-between {
		justify-content: space-between !important
	}

	.justify-content-xl-around {
		justify-content: space-around !important
	}

	.justify-content-xl-evenly {
		justify-content: space-evenly !important
	}

	.align-items-xl-start {
		align-items: flex-start !important
	}

	.align-items-xl-end {
		align-items: flex-end !important
	}

	.align-items-xl-center {
		align-items: center !important
	}

	.align-items-xl-baseline {
		align-items: baseline !important
	}

	.align-items-xl-stretch {
		align-items: stretch !important
	}

	.align-content-xl-start {
		align-content: flex-start !important
	}

	.align-content-xl-end {
		align-content: flex-end !important
	}

	.align-content-xl-center {
		align-content: center !important
	}

	.align-content-xl-between {
		align-content: space-between !important
	}

	.align-content-xl-around {
		align-content: space-around !important
	}

	.align-content-xl-stretch {
		align-content: stretch !important
	}

	.align-self-xl-auto {
		align-self: auto !important
	}

	.align-self-xl-start {
		align-self: flex-start !important
	}

	.align-self-xl-end {
		align-self: flex-end !important
	}

	.align-self-xl-center {
		align-self: center !important
	}

	.align-self-xl-baseline {
		align-self: baseline !important
	}

	.align-self-xl-stretch {
		align-self: stretch !important
	}

	.order-xl-first {
		order: -1 !important
	}

	.order-xl-0 {
		order: 0 !important
	}

	.order-xl-1 {
		order: 1 !important
	}

	.order-xl-2 {
		order: 2 !important
	}

	.order-xl-3 {
		order: 3 !important
	}

	.order-xl-4 {
		order: 4 !important
	}

	.order-xl-5 {
		order: 5 !important
	}

	.order-xl-last {
		order: 6 !important
	}

	.m-xl-0 {
		margin: 0 !important
	}

	.m-xl-1 {
		margin: .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 {
		-moz-column-gap: 0 !important;
		column-gap: 0 !important
	}

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

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

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

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

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

}

@media (min-width:1400px) {
	.float-xxl-start {
		float: left !important
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.m-xxl-1 {
		margin: .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 {
		-moz-column-gap: 0 !important;
		column-gap: 0 !important
	}

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

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

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

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

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

}



@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
	}
}
@media (max-width: 767.98px) {
    #featured-carousel-card {
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
}

/* Final fix: mobile language switcher */
/* FIX: mobile language switcher color on scroll */
@media (max-width: 767.98px) {
	.navbar.scrolled .languages,
	.navbar.scrolled .languages a,
	.navbar.scrolled .language-switcher-toggle,
	.navbar.scrolled .language-switcher-toggle *,
	.navbar.scrolled .language-switcher-caret,
	.languages.scrolled,
	.languages.scrolled a,
	.languages.scrolled .language-switcher-toggle,
	.languages.scrolled .language-switcher-toggle *,
	.languages.scrolled .language-switcher-caret {
		color: var(--dark-400) !important;
	}

	.navbar:not(.scrolled) .switsch-white,
	.navbar:not(.scrolled) .switsch-white a,
	.navbar:not(.scrolled) .switsch-white .language-switcher-toggle,
	.navbar:not(.scrolled) .switsch-white .language-switcher-toggle *,
	.navbar:not(.scrolled) .switsch-white .language-switcher-caret {
		color: var(--white) !important;
	}

	.language-switcher-wrap > .language-switcher a,
	.navbar.scrolled .language-switcher-wrap > .language-switcher a,
	.languages.scrolled .language-switcher-wrap > .language-switcher a {
		color: var(--dark-500) !important;
	}

	.language-switcher-wrap > .language-switcher li.active a {
		color: var(--primary) !important;
	}
}
/* FIX: Dropdown-Links im Mobile Language Switcher sichtbar machen */
@media (max-width: 767.98px) {
	.language-switcher-wrap.is-open > .language-switcher,
	.language-switcher-wrap > .language-switcher {
		background: #fff !important;
	}

	.language-switcher-wrap.is-open > .language-switcher li,
	.language-switcher-wrap.is-open > .language-switcher li a,
	.language-switcher-wrap > .language-switcher li,
	.language-switcher-wrap > .language-switcher li a {
		color: #222 !important;
		background: transparent !important;
	}

	.language-switcher-wrap.is-open > .language-switcher li.active a,
	.language-switcher-wrap > .language-switcher li.active a {
		color: var(--primary) !important;
		font-weight: 700 !important;
	}

	.language-switcher-wrap.is-open > .language-switcher li a:hover,
	.language-switcher-wrap > .language-switcher li a:hover {
		color: #222 !important;
		background: rgba(0, 0, 0, .06) !important;
	}
}