/*
 * Tailwind Setup
 */
/*
 ! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com
 */
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
*::before,
*::after {
	box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
:root {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
	margin: 0;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
	font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
	font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
	text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
	outline: 1px dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
	box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
	padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
	vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
	display: list-item;
}
/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Tailwind custom reset styles
 */
/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */
html {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}
/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */
body {
  font-family: inherit;
  line-height: inherit;
}
/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e6e6e6; /* 2 */
}
/*
 * Ensure horizontal rules are visible by default
 */
hr {
  border-top-width: 1px;
}
/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #c8c8c8;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #c8c8c8;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #c8c8c8;
}
button,
[role="button"] {
  cursor: pointer;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
a {
  color: inherit;
  text-decoration: inherit;
}
/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */
pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
video {
  max-width: 100%;
  height: auto;
}
* {
	--tw-shadow: 0 0 #0000;
	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(0, 141, 215, 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
}
.form-input,.form-textarea,.form-select,.form-multiselect {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background-color: #fff;
	border-color: #b4b4b4;
	border-width: 1px;
	border-radius: 0px;
	padding-top: 0.5rem;
	padding-right: 0.75rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #0077c6;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	border-color: #0077c6;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
	color: #b4b4b4;
	opacity: 1;
}
.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
	color: #b4b4b4;
	opacity: 1;
}
.form-input::placeholder,.form-textarea::placeholder {
	color: #b4b4b4;
	opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper {
	padding: 0;
}
.form-input::-webkit-date-and-time-value {
	min-height: 1.5em;
}
.form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23b4b4b4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	background-position: right 0.5rem center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	padding-right: 2.5rem;
	-webkit-print-color-adjust: exact;
	        color-adjust: exact;
}
.form-checkbox,.form-radio {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	padding: 0;
	-webkit-print-color-adjust: exact;
	        color-adjust: exact;
	display: inline-block;
	vertical-align: middle;
	background-origin: border-box;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	flex-shrink: 0;
	height: 1rem;
	width: 1rem;
	color: #0077c6;
	background-color: #fff;
	border-color: #b4b4b4;
	border-width: 1px;
}
.form-checkbox {
	border-radius: 0px;
}
.form-radio {
	border-radius: 100%;
}
.form-checkbox:focus,.form-radio:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 2px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #0077c6;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.form-checkbox:checked,.form-radio:checked {
	border-color: transparent;
	background-color: currentColor;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.form-checkbox:checked {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.form-radio:checked {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:check:focus {
	border-color: transparent;
	background-color: currentColor;
}
.form-checkbox:indeterminate {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
	border-color: transparent;
	background-color: currentColor;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus {
	border-color: transparent;
	background-color: currentColor;
}
.aspect-w-1,
.aspect-w-2,
.aspect-w-3,
.aspect-w-4,
.aspect-w-5,
.aspect-w-6,
.aspect-w-7,
.aspect-w-8,
.aspect-w-9,
.aspect-w-10,
.aspect-w-11,
.aspect-w-12,
.aspect-w-13,
.aspect-w-14,
.aspect-w-15,
.aspect-w-16,
.aspect-w-476,
.aspect-w-811 {
	position: relative;
	padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}
.aspect-w-1 > *,
.aspect-w-2 > *,
.aspect-w-3 > *,
.aspect-w-4 > *,
.aspect-w-5 > *,
.aspect-w-6 > *,
.aspect-w-7 > *,
.aspect-w-8 > *,
.aspect-w-9 > *,
.aspect-w-10 > *,
.aspect-w-11 > *,
.aspect-w-12 > *,
.aspect-w-13 > *,
.aspect-w-14 > *,
.aspect-w-15 > *,
.aspect-w-16 > *,
.aspect-w-476 > *,
.aspect-w-811 > * {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.aspect-w-1 {
	--tw-aspect-w: 1;
}
.aspect-w-16 {
	--tw-aspect-w: 16;
}
.aspect-w-811 {
	--tw-aspect-w: 881;
}
.aspect-h-1 {
	--tw-aspect-h: 1;
}
.aspect-h-9 {
	--tw-aspect-h: 9;
}
.aspect-h-476 {
	--tw-aspect-h: 476;
}
.dsgvo_toolkit_accept_button, .c-button {
	display: inline-flex;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(0, 159, 227, var(--tw-bg-opacity));
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 2rem;
	padding-right: 2rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 100ms;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.dsgvo_toolkit_accept_button:hover, .c-button:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 68, 141, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dsgvo_toolkit_accept_button:focus, .c-button:focus {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 68, 141, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dsgvo_toolkit_accept_button.loading, .c-button.loading {
            color: transparent;
        }
.dsgvo_toolkit_accept_button.loading:after, .c-button.loading:after {
                content: " ";
                display: block;
                width: 26px;
                height: 26px;
                margin: 1px;
                border-radius: 50%;
                border: 5px solid #f3f3f6;
                border-color: #f3f3f6 transparent
                    #f3f3f6 transparent;
                animation: lds-dual-ring 1.2s linear infinite;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -13px;
                margin-left: -13px;
            }
@keyframes lds-dual-ring {
                0% {
                    transform: rotate(0deg);
                }
                100% {
                    transform: rotate(360deg);
                }
            }
.dsgvo_toolkit_accept_button:active, .c-button:active {
            transform: translateY(2px);
        }
.dsgvo_toolkit_accept_button[disabled],
        [disabled] .dsgvo_toolkit_accept_button,
        .c-button[disabled],
        [disabled] .c-button {
            cursor: not-allowed;
        }
.dsgvo_toolkit_accept_button[disabled]:hover, .dsgvo_toolkit_accept_button[disabled]:focus, [disabled] .dsgvo_toolkit_accept_button:hover, [disabled] .dsgvo_toolkit_accept_button:focus, .c-button[disabled]:hover, .c-button[disabled]:focus, [disabled] .c-button:hover, [disabled] .c-button:focus {
	--tw-bg-opacity: 1;
	background-color: rgba(50, 50, 50, var(--tw-bg-opacity));
}
.dsgvo_toolkit_accept_button[disabled]:active, [disabled] .dsgvo_toolkit_accept_button:active, .c-button[disabled]:active, [disabled] .c-button:active {
                transform: translateY(2px);
            }
.c-button--secondary {
	--tw-bg-opacity: 1;
	background-color: rgba(230, 230, 230, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(100, 100, 100, var(--tw-text-opacity));
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.pointer-events-none {
	pointer-events: none;
}
.invisible {
	visibility: hidden;
}
.visible {
	visibility: visible;
}
.static {
	position: static;
}
.sticky {
	position: sticky;
}
.fixed {
	position: fixed;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.inset-0 {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.top-20 {
	top: 5rem;
}
.-top-40 {
	top: -10rem;
}
.top-0 {
	top: 0px;
}
.left-0 {
	left: 0px;
}
.bottom-0 {
	bottom: 0px;
}
.right-0 {
	right: 0px;
}
.-top-8 {
	top: -2rem;
}
.-left-3 {
	left: -0.75rem;
}
.-left-16 {
	left: -4rem;
}
.-right-16 {
	right: -4rem;
}
.top-1\/2 {
	top: 50%;
}
.z-40 {
	z-index: 40;
}
.z-10000 {
	z-index: 10000;
}
.z-0 {
	z-index: 0;
}
.z-20 {
	z-index: 20;
}
.z-30 {
	z-index: 30;
}
.z-10 {
	z-index: 10;
}
.z-50 {
	z-index: 50;
}
.m-2 {
	margin: 0.5rem;
}
.m-0 {
	margin: 0px;
}
.my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.-mx-2 {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.my-2 {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem;
}
.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}
.-my-4 {
	margin-top: -1rem;
	margin-bottom: -1rem;
}
.my-3 {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}
.-mx-3 {
	margin-left: -0.75rem;
	margin-right: -0.75rem;
}
.-mx-7 {
	margin-left: -1.75rem;
	margin-right: -1.75rem;
}
.mt-0 {
	margin-top: 0px;
}
.mt-8 {
	margin-top: 2rem;
}
.mt-4 {
	margin-top: 1rem;
}
.mt-12 {
	margin-top: 3rem;
}
.mt-16 {
	margin-top: 4rem;
}
.mt-6 {
	margin-top: 1.5rem;
}
.-mt-0\.5 {
	margin-top: -0.125rem;
}
.-mt-0 {
	margin-top: 0px;
}
.mb-1 {
	margin-bottom: 0.25rem;
}
.mb-16 {
	margin-bottom: 4rem;
}
.mr-2 {
	margin-right: 0.5rem;
}
.mt-14 {
	margin-top: 3.5rem;
}
.mt-20 {
	margin-top: 5rem;
}
.mb-2 {
	margin-bottom: 0.5rem;
}
.ml-2 {
	margin-left: 0.5rem;
}
.mt-0\.5 {
	margin-top: 0.125rem;
}
.mt-3 {
	margin-top: 0.75rem;
}
.mt-1 {
	margin-top: 0.25rem;
}
.mb-4 {
	margin-bottom: 1rem;
}
.mr-1\.5 {
	margin-right: 0.375rem;
}
.mr-1 {
	margin-right: 0.25rem;
}
.mr-3 {
	margin-right: 0.75rem;
}
.-mb-16 {
	margin-bottom: -4rem;
}
.-mt-6 {
	margin-top: -1.5rem;
}
.mt-10 {
	margin-top: 2.5rem;
}
.mt-7 {
	margin-top: 1.75rem;
}
.mb-6 {
	margin-bottom: 1.5rem;
}
.mt-2 {
	margin-top: 0.5rem;
}
.mb-9 {
	margin-bottom: 2.25rem;
}
.mt-auto {
	margin-top: auto;
}
.mr-0 {
	margin-right: 0px;
}
.mb-12 {
	margin-bottom: 3rem;
}
.mr-4 {
	margin-right: 1rem;
}
.mr-8 {
	margin-right: 2rem;
}
.ml-6 {
	margin-left: 1.5rem;
}
.ml-auto {
	margin-left: auto;
}
.mb-8 {
	margin-bottom: 2rem;
}
.ml-3 {
	margin-left: 0.75rem;
}
.box-border {
	box-sizing: border-box;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.flex {
	display: flex;
}
.inline-flex {
	display: inline-flex;
}
.table {
	display: table;
}
.grid {
	display: grid;
}
.contents {
	display: contents;
}
.hidden {
	display: none;
}
.h-full {
	height: 100%;
}
.h-auto {
	height: auto;
}
.h-9 {
	height: 2.25rem;
}
.h-6 {
	height: 1.5rem;
}
.h-10 {
	height: 2.5rem;
}
.h-11 {
	height: 2.75rem;
}
.h-20 {
	height: 5rem;
}
.h-4 {
	height: 1rem;
}
.h-7 {
	height: 1.75rem;
}
.h-36 {
	height: 9rem;
}
.h-5 {
	height: 1.25rem;
}
.h-32 {
	height: 8rem;
}
.max-h-screen {
	max-height: 100vh;
}
.max-h-28rem {
	max-height: 28rem;
}
.max-h-33rem {
	max-height: 33rem;
}
.min-h-screen {
	min-height: 100vh;
}
.min-h-full {
	min-height: 100%;
}
.w-full {
	width: 100%;
}
.w-9\/10 {
	width: 90%;
}
.w-4\/5 {
	width: 80%;
}
.w-7\/10 {
	width: 70%;
}
.w-3\/5 {
	width: 60%;
}
.w-1\/2 {
	width: 50%;
}
.w-2\/5 {
	width: 40%;
}
.w-3\/10 {
	width: 30%;
}
.w-1\/5 {
	width: 20%;
}
.w-1\/10 {
	width: 10%;
}
.w-32 {
	width: 8rem;
}
.w-2\/3 {
	width: 66.666667%;
}
.w-16 {
	width: 4rem;
}
.w-6 {
	width: 1.5rem;
}
.w-7 {
	width: 1.75rem;
}
.w-auto {
	width: auto;
}
.w-10 {
	width: 2.5rem;
}
.w-48 {
	width: 12rem;
}
.w-11 {
	width: 2.75rem;
}
.w-\[212px\] {
	width: 212px;
}
.w-4 {
	width: 1rem;
}
.w-\[77px\] {
	width: 77px;
}
.w-24 {
	width: 6rem;
}
.w-12 {
	width: 3rem;
}
.w-3\/4 {
	width: 75%;
}
.w-5 {
	width: 1.25rem;
}
.min-w-full {
	min-width: 100%;
}
.min-w-max {
	min-width: -moz-max-content;
	min-width: max-content;
}
.max-w-xs {
	max-width: 20rem;
}
.max-w-full {
	max-width: 100%;
}
.max-w-4xl {
	max-width: 56rem;
}
.max-w-heading {
	max-width: 32ch;
}
.max-w-md {
	max-width: 28rem;
}
.max-w-stack {
	max-width: 10rem;
}
.max-w-sm {
	max-width: 24rem;
}
.max-w-xl {
	max-width: 36rem;
}
.max-w-breadcrumb {
	max-width: 24ch;
}
.max-w-1\/3 {
	max-width: 33.3333333333%;
}
.max-w-1\/2 {
	max-width: 50%;
}
.max-w-3xl {
	max-width: 48rem;
}
.flex-none {
	flex: none;
}
.flex-shrink-0 {
	flex-shrink: 0;
}
.flex-shrink {
	flex-shrink: 1;
}
.flex-grow {
	flex-grow: 1;
}
.transform {
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.origin-top-left {
	transform-origin: top left;
}
.translate-x-7 {
	--tw-translate-x: 1.75rem;
}
.translate-x-1\/2 {
	--tw-translate-x: 50%;
}
.-translate-y-1\/2 {
	--tw-translate-y: -50%;
}
.rotate-180 {
	--tw-rotate: 180deg;
}
.rotate-90 {
	--tw-rotate: 90deg;
}
.-rotate-90 {
	--tw-rotate: -90deg;
}
.rotate-0 {
	--tw-rotate: 0deg;
}
.scale-95 {
	--tw-scale-x: .95;
	--tw-scale-y: .95;
}
.scale-100 {
	--tw-scale-x: 1;
	--tw-scale-y: 1;
}
@keyframes pulse {
	50% {
		opacity: .5;
	}
}
.animate-pulse {
	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-not-allowed {
	cursor: not-allowed;
}
.cursor-pointer {
	cursor: pointer;
}
.resize {
	resize: both;
}
.list-none {
	list-style-type: none;
}
.list-decimal {
	list-style-type: decimal;
}
.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-table-1-col {
	grid-template-columns: auto;
}
.grid-cols-table-2-col {
	grid-template-columns: repeat(2, 1fr);
}
.grid-cols-table-3-col {
	grid-template-columns: repeat(3, 1fr);
}
.grid-cols-table-4-col {
	grid-template-columns: repeat(4, 1fr);
}
.grid-cols-table-5-col {
	grid-template-columns: repeat(5, 1fr);
}
.grid-cols-table-6-col {
	grid-template-columns: repeat(6, 1fr);
}
.grid-cols-table-7-col {
	grid-template-columns: repeat(7, 1fr);
}
.grid-cols-table-8-col {
	grid-template-columns: repeat(8, 1fr);
}
.grid-cols-table-9-col {
	grid-template-columns: repeat(9, 1fr);
}
.grid-cols-table-10-col {
	grid-template-columns: repeat(10, 1fr);
}
.flex-col {
	flex-direction: column;
}
.flex-row {
	flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.flex-wrap {
	flex-wrap: wrap;
}
.items-start {
	align-items: flex-start;
}
.items-center {
	align-items: center;
}
.items-end {
	align-items: flex-end;
}
.justify-center {
	justify-content: center;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.justify-between {
	justify-content: space-between;
}
.justify-items-stretch {
	justify-items: stretch;
}
.gap-8 {
	gap: 2rem;
}
.gap-2 {
	gap: 0.5rem;
}
.gap-x-4 {
	-moz-column-gap: 1rem;
	     column-gap: 1rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(1rem * var(--tw-space-x-reverse));
	margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(0.5rem * var(--tw-space-x-reverse));
	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.self-stretch {
	align-self: stretch;
}
.overflow-x-hidden {
	overflow-x: hidden;
}
.overflow-auto {
	overflow: auto;
}
.overflow-hidden {
	overflow: hidden;
}
.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rounded-sm {
	border-radius: 0.125rem;
}
.rounded-full {
	border-radius: 9999px;
}
.rounded-none {
	border-radius: 0px;
}
.rounded {
	border-radius: 0.25rem;
}
.border {
	border-width: 1px;
}
.border-2 {
	border-width: 2px;
}
.border-b-2 {
	border-bottom-width: 2px;
}
.border-t {
	border-top-width: 1px;
}
.border-b {
	border-bottom-width: 1px;
}
.border-r {
	border-right-width: 1px;
}
.border-gray-900 {
	--tw-border-opacity: 1;
	border-color: rgba(50, 50, 50, var(--tw-border-opacity));
}
.border-black {
	--tw-border-opacity: 1;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
.border-gray-500 {
	--tw-border-opacity: 1;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity));
}
.border-gray-400 {
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 200, var(--tw-border-opacity));
}
.border-gray-100 {
	--tw-border-opacity: 1;
	border-color: rgba(243, 243, 246, var(--tw-border-opacity));
}
.border-transparent {
	border-color: transparent;
}
.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgba(230, 230, 230, var(--tw-border-opacity));
}
.border-red-400 {
	--tw-border-opacity: 1;
	border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}
.border-green-400 {
	--tw-border-opacity: 1;
	border-color: rgba(52, 211, 153, var(--tw-border-opacity));
}
.border-gray-300 {
	--tw-border-opacity: 1;
	border-color: rgba(220, 220, 220, var(--tw-border-opacity));
}
.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-\[\#F8B33F\] {
	--tw-bg-opacity: 1;
	background-color: rgba(248, 179, 63, var(--tw-bg-opacity));
}
.bg-\[\#009FE3\] {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 159, 227, var(--tw-bg-opacity));
}
.bg-\[\#B79FED\] {
	--tw-bg-opacity: 1;
	background-color: rgba(183, 159, 237, var(--tw-bg-opacity));
}
.bg-gray-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity));
}
.bg-gray-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(230, 230, 230, var(--tw-bg-opacity));
}
.bg-yellow-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
}
.bg-gray-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(50, 50, 50, var(--tw-bg-opacity));
}
.bg-gray-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(75, 75, 75, var(--tw-bg-opacity));
}
.bg-gray-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(243, 243, 246, var(--tw-bg-opacity));
}
.bg-blue-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 159, 227, var(--tw-bg-opacity));
}
.bg-blue-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 119, 198, var(--tw-bg-opacity));
}
.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-blue-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 141, 215, var(--tw-bg-opacity));
}
.bg-blue-linkedin {
	--tw-bg-opacity: 1;
	background-color: rgba(40, 103, 178, var(--tw-bg-opacity));
}
.bg-red-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}
.bg-green-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
}
.bg-gray-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(220, 220, 220, var(--tw-bg-opacity));
}
.bg-gray-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(160, 160, 160, var(--tw-bg-opacity));
}
.bg-green-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
}
.bg-opacity-75 {
	--tw-bg-opacity: 0.75;
}
.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-gray-200 {
	--tw-gradient-from: #e6e6e6;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(230, 230, 230, 0));
}
.from-black {
	--tw-gradient-from: #000;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
}
.fill-current {
	fill: currentColor;
}
.object-cover {
	-o-object-fit: cover;
	   object-fit: cover;
}
.object-contain {
	-o-object-fit: contain;
	   object-fit: contain;
}
.object-fill {
	-o-object-fit: fill;
	   object-fit: fill;
}
.p-3 {
	padding: 0.75rem;
}
.p-0 {
	padding: 0px;
}
.p-8 {
	padding: 2rem;
}
.p-6 {
	padding: 1.5rem;
}
.p-5 {
	padding: 1.25rem;
}
.p-1\.5 {
	padding: 0.375rem;
}
.p-1 {
	padding: 0.25rem;
}
.p-2 {
	padding: 0.5rem;
}
.p-4 {
	padding: 1rem;
}
.px-1 {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.px-3 {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.px-2 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.px-12 {
	padding-left: 3rem;
	padding-right: 3rem;
}
.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.py-5 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
.px-8 {
	padding-left: 2rem;
	padding-right: 2rem;
}
.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}
.px-9 {
	padding-left: 2.25rem;
	padding-right: 2.25rem;
}
.pt-16 {
	padding-top: 4rem;
}
.pt-8 {
	padding-top: 2rem;
}
.pt-0 {
	padding-top: 0px;
}
.pt-6 {
	padding-top: 1.5rem;
}
.pb-16 {
	padding-bottom: 4rem;
}
.pb-8 {
	padding-bottom: 2rem;
}
.pb-0 {
	padding-bottom: 0px;
}
.pb-6 {
	padding-bottom: 1.5rem;
}
.pt-0\.5 {
	padding-top: 0.125rem;
}
.pt-2 {
	padding-top: 0.5rem;
}
.pb-5 {
	padding-bottom: 1.25rem;
}
.pr-2 {
	padding-right: 0.5rem;
}
.pb-14 {
	padding-bottom: 3.5rem;
}
.pt-11 {
	padding-top: 2.75rem;
}
.pb-11 {
	padding-bottom: 2.75rem;
}
.pb-2 {
	padding-bottom: 0.5rem;
}
.pt-0\.35rem {
	padding-top: 0.35rem;
}
.pr-9 {
	padding-right: 2.25rem;
}
.pl-9 {
	padding-left: 2.25rem;
}
.pr-6 {
	padding-right: 1.5rem;
}
.pb-4 {
	padding-bottom: 1rem;
}
.pb-3 {
	padding-bottom: 0.75rem;
}
.pt-3 {
	padding-top: 0.75rem;
}
.pl-2 {
	padding-left: 0.5rem;
}
.pr-4 {
	padding-right: 1rem;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.font-sans {
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}
.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
}
.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem;
}
.text-xs {
	font-size: 0.75rem;
	line-height: 1rem;
}
.text-2xl {
	font-size: 1.5rem;
	line-height: 1.75rem;
}
.font-bold {
	font-weight: 700;
}
.uppercase {
	text-transform: uppercase;
}
.normal-case {
	text-transform: none;
}
.lowercase {
	text-transform: lowercase;
}
.capitalize {
	text-transform: capitalize;
}
.italic {
	font-style: italic;
}
.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
	--tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
	--tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
	--tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
	--tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
	--tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.ordinal {
	--tw-ordinal: ordinal;
}
.leading-normal {
	line-height: 1.5;
}
.leading-tight {
	line-height: 1.25;
}
.leading-6 {
	line-height: 1.5rem;
}
.leading-relaxed {
	line-height: 1.625;
}
.leading-5 {
	line-height: 1.25rem;
}
.leading-none {
	line-height: 1;
}
.tracking-tight {
	letter-spacing: -0.025em;
}
.tracking-wide {
	letter-spacing: 0.025em;
}
.text-gray-900 {
	--tw-text-opacity: 1;
	color: rgba(50, 50, 50, var(--tw-text-opacity));
}
.text-gray-50 {
	--tw-text-opacity: 1;
	color: rgba(249, 250, 251, var(--tw-text-opacity));
}
.text-white {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-blue-500 {
	--tw-text-opacity: 1;
	color: rgba(0, 141, 215, var(--tw-text-opacity));
}
.text-gray-600 {
	--tw-text-opacity: 1;
	color: rgba(160, 160, 160, var(--tw-text-opacity));
}
.text-blue-400 {
	--tw-text-opacity: 1;
	color: rgba(0, 159, 227, var(--tw-text-opacity));
}
.text-black {
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-gray-700 {
	--tw-text-opacity: 1;
	color: rgba(100, 100, 100, var(--tw-text-opacity));
}
.text-gray-400 {
	--tw-text-opacity: 1;
	color: rgba(200, 200, 200, var(--tw-text-opacity));
}
.text-gray-800 {
	--tw-text-opacity: 1;
	color: rgba(75, 75, 75, var(--tw-text-opacity));
}
.text-gray-100 {
	--tw-text-opacity: 1;
	color: rgba(243, 243, 246, var(--tw-text-opacity));
}
.text-red-700 {
	--tw-text-opacity: 1;
	color: rgba(185, 28, 28, var(--tw-text-opacity));
}
.text-green-700 {
	--tw-text-opacity: 1;
	color: rgba(4, 120, 87, var(--tw-text-opacity));
}
.underline {
	text-decoration: underline;
}
.placeholder-\[\#707070\]::-moz-placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(112, 112, 112, var(--tw-placeholder-opacity));
}
.placeholder-\[\#707070\]:-ms-input-placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(112, 112, 112, var(--tw-placeholder-opacity));
}
.placeholder-\[\#707070\]::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(112, 112, 112, var(--tw-placeholder-opacity));
}
.opacity-50 {
	opacity: 0.5;
}
.opacity-0 {
	opacity: 0;
}
.opacity-100 {
	opacity: 1;
}
.mix-blend-multiply {
	mix-blend-mode: multiply;
}
.mix-blend-overlay {
	mix-blend-mode: overlay;
}
.shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-moon {
	--tw-shadow: inset 8px 0px white, inset 5px 0px 0px 0px white;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.filter {
	--tw-blur: var(--tw-empty,/*!*/ /*!*/);
	--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
	--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
	--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
	--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
	--tw-invert: var(--tw-empty,/*!*/ /*!*/);
	--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
	--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
	--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-width {
	transition-property: width;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-opacity {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition {
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-colors {
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.duration-300 {
	transition-duration: 300ms;
}
.duration-200 {
	transition-duration: 200ms;
}
.duration-700 {
	transition-duration: 700ms;
}
.duration-150 {
	transition-duration: 150ms;
}
.duration-100 {
	transition-duration: 100ms;
}
.duration-75 {
	transition-duration: 75ms;
}
.duration {
	transition-duration: 150ms;
}
.ease-in {
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.line-clamp-6 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}
.arrow {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(230, 230, 230, var(--tw-border-opacity));
}
.arrow::after {
	pointer-events: none;
	position: absolute;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	--tw-rotate: 45deg;
	border-top-width: 1px;
	border-left-width: 1px;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    display: inline-block;
    content: "";
    height: 10px;
    width: 10px;
    top: -6px;
    left: 20px;
    border-color: #e6e6e6;
}
/* Hide elements until initialized by Alpine.js */
html:not(.no-js) [x-cloak] {
        display: none;
    }
.o-container {
	margin-left: auto;
	margin-right: auto;
        width: min(calc(100% - var(--container-gap)), var(--container-width));
}
.o-container-borderless {
	margin-left: auto;
	margin-right: auto;
        width: min(100%, var(--container-width));
}
/*
     * Container modifiers only need to override the `--container-width` custom property
     */
.o-container--lg {
        --container-width: calc(90rem + var(--container-gap));
    }
/*
 * Global Foundation
 */
/* stylelint-disable value-list-comma-newline-after, value-list-comma-space-after, indentation */
/*
 * Inter
 */
@font-face{
    font-family: 'Inter';
    src: local(Inter-Regular),
         local(Inter Regular),
         url(/wp-content/themes/brainson_theme/assets/dist/fonts/inter-regular-webfont.woff2) format('woff2'),
         url(/wp-content/themes/brainson_theme/assets/dist/fonts/inter-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face{
    font-family: 'Inter';
    src: local(Inter-Bold),
         local(Inter Bold),
         url(/wp-content/themes/brainson_theme/assets/dist/fonts/inter-bold-webfont.woff2) format('woff2'),
         url(/wp-content/themes/brainson_theme/assets/dist/fonts/inter-bold-webfont.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
/*
 * Elements: Raw HTML Styling
 */
/* Root element, body and other gloabl basic styles */
html {
    scroll-behavior: smooth;
}
/* Focusing the button with a keyboard will show a dashed black line. */
.focus-visible,
button.focus-visible {
    outline: 2px solid #0077c6;
}
:focus-visible,
button:focus-visible {
    outline: 2px solid #0077c6;
}
.focus-visible, button.focus-visible {
	--tw-shadow: 0 0 0 3px #0077c6;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:focus-visible, button:focus-visible {
	--tw-shadow: 0 0 0 3px #0077c6;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
/* Focusing the button with a mouse, touch, or stylus won't have an effect */
:focus:not(.focus-visible),
button:focus:not(.focus-visible) {
    outline: none;
}
:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none;
}
/* Global styling applied to all form elements */
fieldset[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}
fieldset[disabled] > * {
        pointer-events: none;
    }
.form-select {
	padding-left: 2.75rem;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.54 0L9.3.22.53 9.08 0 9.61l.53.56 7.3 7.3.56.53.53-.53 8.86-8.77.22-.24V0H9.54zm.65 1.54h6.27V7.8L8.4 15.84 2.16 9.6l8.03-8.07zm3.96 1.54a.77.77 0 000 1.53.77.77 0 000-1.53z' fill='%23008DD7'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234b4b4b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: left 0.75rem center, right 0.5rem center;
}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
    margin-top: 0.25em;
}
h1, h2, h3 {
	font-weight: 700;
	text-transform: uppercase;
}
h1 {
	font-size: 1.875rem;
	line-height: 2.25rem;
}
@media (min-width: 56.25em) {
	h1 {
		font-size: 3rem;
		line-height: 3.5rem;
	}
}
h2 {
	font-size: 1.5rem;
	line-height: 1.75rem;
}
@media (min-width: 56.25em) {
	h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
}
h3 {
	font-size: 1.25rem;
	line-height: 1.75rem;
}
h4, h5, h6 {
	font-size: 1rem;
	line-height: 1.5rem;
}
@media (min-width: 40em) {
.text-glow {
        text-shadow: 0px 0px 24px rgba(255, 255, 255, 0.46)
}
    }
ul,
ol {
}
li {

}
svg {
    display: inline-block;
}
iframe {
    width: 100%;
}
.partner_logo {
	margin-right: 1.5rem;
	max-width: 20rem;
	-o-object-fit: scale-down;
	   object-fit: scale-down;
}
.partner_wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
/*
 * Utilities: Custom, composable utilities
 */
/*
    Improved screen reader only CSS class
    @author Gaël Poupard
        @note Based on Yahoo!'s technique
        @author Thierry Koblentz
        @see https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
    * 1.
        @note `clip` is deprecated but works everywhere
        @see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
    * 2.
        @note `clip-path` is the future-proof version, but not very well supported yet
        @see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
        @see http://caniuse.com/#search=clip-path
        @author Yvain Liechti
        @see https://twitter.com/ryuran78/status/778943389819604992
    * 3.
        @note preventing text to be condensed
        author J. Renée Beach
        @see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
        @note Drupal 8 goes with word-wrap: normal instead
        @see https://www.drupal.org/node/2045151
        @see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
    * 4.
        @note !important is important
        @note Obviously you wanna hide something
        @author Harry Roberts
        @see https://csswizardry.com/2016/05/the-importance-of-important/
*/
.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    clip-path: inset(50%) !important;  /* 2 */
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;            /* 3 */
}
/*
    Use in conjunction with .sr-only to only display content when it's focused.
    @note Useful for skip links
    @see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
    @note Based on a HTML5 Boilerplate technique, included in Bootstrap
    @note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
        @author Sylvain Pigeard
        @see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active {
    clip: auto !important;
    clip-path: none !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
    width: auto !important;
    white-space: normal !important;
}
/* Placeholders, uncomment only if needed:*/
/* @import "./utilities/container-break.pcss";*/
/*
 * Objects: Design-agnostic layout
 */
:root {
    --container-gap: 3.25rem;
    --container-width: calc(67.5rem + var(--container-gap));
}
/* Larger viewports have bigger horizontal spacing to the edges */
@media (min-width: 40em) {
:root {
        --container-gap: 4rem
}
    }
/*
 * Container width is either the full width minus horizontal "padding" (set in `--container-gap`)
 * or, if bigger, the defined `--container-width`
 */
/*
 * Components: Encapuslated pieces of styled UI
 */
/* Global Site Header */
.current-menu-item, .current-menu-parent, .current-menu-ancestor, .c-main-menu__link.current_page_parent {
	font-weight: 700;
}
.c-hamburger {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
}
.c-hamburger span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #4b4b4b;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
  }
.c-hamburger span:nth-child(1) {
    top: 0px;
  }
.c-hamburger span:nth-child(2),
  .c-hamburger span:nth-child(3) {
    top: 16px;
  }
.c-hamburger span:nth-child(4) {
    top: 32px;
  }
.c-hamburger.is-open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
.c-hamburger.is-open span:nth-child(2) {
    transform: rotate(45deg);
  }
.c-hamburger.is-open span:nth-child(3) {
    transform: rotate(-45deg);
  }
.c-hamburger.is-open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
.c-icon {
    display: inline-block;
    fill: currentColor;
    flex-shrink: 0;
    height: 1em;
    width: 1em;
}
.c-text {
	line-height: 1.625;
}
.c-text p:not(:first-child),
    .c-text ul:not(:first-child) {
        margin-top: 1em;
    }
.c-text p {
	max-width: 75ch;
}
.c-text a {
	font-weight: 700;
}
.c-text a {
	--tw-text-opacity: 1;
	color: rgba(0, 141, 215, var(--tw-text-opacity));
}
.c-text a:hover {
	text-decoration: underline;
}
.c-text a:focus {
	text-decoration: underline;
}
.c-text h2:not(:first-child) {
        margin-top: 1.2em;
    }
.c-text h2:not(:first-child) {
	max-width: 36rem;
}
.c-text h2:not(:first-child) {
	font-size: 1.25rem;
	line-height: 1.75rem;
}
@media (min-width: 56.25em) {
	.c-text h2:not(:first-child) {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
}
@media (min-width: 64em) {
	.c-text h2:not(:first-child) {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
}
.c-text h3:not(:first-child),
    .c-text h4:not(:first-child),
    .c-text h5:not(:first-child),
    .c-text h6:not(:first-child) {
        margin-top: 0.75em;
    }
.c-text ul {
	max-width: 73ch;
}
.c-text ul {
	list-style-type: none;
}
.c-text ul {
        padding-left: 1.2em;
    }
.c-text li:not(:first-child) {
        margin-top: 1em;
    }
.c-text ul > li {
        line-height: 1.5;
        position: relative;
    }
.c-text ul > li::before {
	display: inline-block;
}
.c-text ul > li::before {
	font-weight: 700;
}
.c-text ul > li::before {
	--tw-text-opacity: 1;
	color: rgba(0, 141, 215, var(--tw-text-opacity));
}
.c-text ul > li::before {
            content: "\2022"; /* unicode bullet glyph */
            margin-left: -1em;
            position: absolute;
            top: -0.15em;
            width: 1em;
        }
.c-text ol {
	max-width: 73ch;
}
.c-text ol {
	list-style-type: decimal;
}
.c-text ol {
        padding-left: 1.2em;
    }
.c-text ol > li {
        
        line-height: 1.5;
        position: relative;
    }
.c-text ol > li::marker {
	font-weight: 700;
}
.c-text ol > li::marker {
	--tw-text-opacity: 1;
	color: rgba(0, 141, 215, var(--tw-text-opacity));
}
.c-text__columns {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    -moz-column-width: 30ch;
         column-width: 30ch;
}
.c-text__columns p,
    .c-text__columns li,
    .c-text__columns h2,
    .c-text__columns h3,
    .c-text__columns h4 {
        -moz-column-break-inside: avoid;
             break-inside: avoid;
    }
.c-text__columns--count-1 {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-width: auto;
         column-width: auto;
}
.c-text__columns--count-1 * {
	max-width: 75ch;
}
.c-text__columns--count-2 {
    -moz-column-count: 2;
         column-count: 2;
}
.c-text__columns--count-3 {
    -moz-column-count: 3;
         column-count: 3;
}
.grid-cols-table-1-col {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-table-2-col {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-table-3-col {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-table-4-col {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-table-5-col {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-table-6-col {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-table-7-col {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-table-8-col {
	grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-table-9-col {
	grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-table-10-col {
	grid-template-columns: repeat(10, minmax(0, 1fr));
}
.c-light-dark-image{
    left: 0.7%;
    right: 0.5%;
    top: 0.8%;
}
/* Placeholders, uncomment only if needed:*/
/* @import "./components/site-footer.pcss";*/
/*
 * Overrides: Change existing behaviour
 */
.dsgvo_toolkit_overlay {
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
    color: #fff;
    z-index: 999;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.dsgvo_tookit_dom_replacer_wrapper {
    /* @apply aspect-w-16 aspect-h-9; */
}
.dsgvo_tookit_dom_replacer_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.dsgvo_toolkit_overlay {
	z-index: 10;
	--tw-bg-opacity: 1;
	background-color: rgba(0, 119, 198, var(--tw-bg-opacity));
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.dsgvo_toolkit_overlay_text {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	--tw-text-opacity: 1;
	color: rgba(230, 230, 230, var(--tw-text-opacity));
}
@media (min-width: 40em) {
	.dsgvo_toolkit_overlay_text {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.dsgvo_toolkit_overlay_text a {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dsgvo_toolkit_overlay_text a:hover {
	text-decoration: underline;
}
.dsgvo_toolkit_accept_button {
	margin-top: 1rem;
	--tw-bg-opacity: 1;
	background-color: rgba(0, 159, 227, var(--tw-bg-opacity));
}
.dsgvo_toolkit_accept_button:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 68, 141, var(--tw-bg-opacity));
}
/*
     * Because Avalex' table of contents uses inline CSS to set
      `padding-left: 0 !important;` for the ToC's `<ul>` this can't be overridden to set the desired
      padding in a coherent way.

      However, every other <ul> is rendered without said inline style. So to achieve the desired
      appearance all of Avalax' `<ul>`s receive a margin-left instead of the global padding-left.
      */
.avalex-container ul {
        padding-left: 0;
        margin-left: 1.2em;
    }
.avalex-container h2 {
        margin-top: 1.2em;
    }
.c-frame-slider .swiper-container, .c-image-slider .swiper-container {
	position: relative;
	padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}
.c-frame-slider .swiper-container > *, .c-image-slider .swiper-container > * {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.c-frame-slider .swiper-container, .c-image-slider .swiper-container {
	width: 100%;
}
.c-frame-slider .swiper-container, .c-image-slider .swiper-container {
	--tw-aspect-w: 881;
}
.c-frame-slider .swiper-container, .c-image-slider .swiper-container {
	--tw-aspect-h: 476;
}
.c-frame-slider .swiper-container,.c-image-slider .swiper-container{
        top: 0.9%;
    }
.c-frame-slider .swiper-position,.c-image-slider .swiper-position{
        top: 1.1%;
        left: 0.7%;
    }
.c-frame-slider .c-frame-slider-image,.c-image-slider .c-frame-slider-image{
        padding:2px;
    }
.c-frame-slider .swiper-pagination-bullet, .c-image-slider .swiper-pagination-bullet {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}
.c-frame-slider .swiper-pagination-bullet, .c-image-slider .swiper-pagination-bullet {
	height: 1.5rem;
}
.c-frame-slider .swiper-pagination-bullet, .c-image-slider .swiper-pagination-bullet {
	width: 1.5rem;
}
.c-frame-slider .swiper-pagination-bullet, .c-image-slider .swiper-pagination-bullet {
	--tw-bg-opacity: 1;
	background-color: rgba(50, 50, 50, var(--tw-bg-opacity));
}
.c-frame-slider .swiper-pagination-bullet, .c-image-slider .swiper-pagination-bullet {
	opacity: 1;
}
.c-frame-slider .swiper-pagination-bullet-active, .c-image-slider .swiper-pagination-bullet-active {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.c-frame-slider .swiper-pagination-bullet-active, .c-image-slider .swiper-pagination-bullet-active {
	--tw-shadow: inset 0px 0px #323232, inset 0px 0px 0px 5px #323232;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.c-slider .swiper-button-prev, .c-slider .swiper-button-next {
	position: relative;
}
.c-slider .swiper-button-prev, .c-slider .swiper-button-next {
	background-repeat: no-repeat;
}
@media (min-width: 80em) {
	.c-slider .swiper-button-prev, .c-slider .swiper-button-next {
		position: absolute;
	}
}
.c-slider .swiper-button-prev,
    .c-slider .swiper-button-next {
        width: 30px;
        height: 48px;
    }
@media (min-width: 80em){
.c-slider .swiper-button-prev,
    .c-slider .swiper-button-next {

            --swiper-navigation-size: 300px
    }
        }
.c-slider .swiper-button-prev::after {
            content: "";
        }
.c-slider .swiper-button-prev {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='48' viewBox='0 0 30 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.4844 42.2891L23.8359 48L0 24L23.8359 0L29.4844 5.71091L11.3203 24L29.4844 42.2891Z' fill='white'/%3E%3C/svg%3E%0A");
}
.c-slider .swiper-button-prev {
	left: 0px;
}
@media (min-width: 80em) {
	.c-slider .swiper-button-prev {
		left: 2.75rem;
	}
}
.c-slider .swiper-button-prev:hover,
        .c-slider .swiper-button-prev:focus {
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='48' viewBox='0 0 30 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.4844 42.2891L23.8359 48L0 24L23.8359 0L29.4844 5.71091L11.3203 24L29.4844 42.2891Z' fill='%23008dd7'/%3E%3C/svg%3E%0A");
        }
.c-slider .swiper-button-next::after {
            content: "";
        }
.c-slider .swiper-button-next {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='48' viewBox='0 0 30 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.84851e-06 5.71091L5.64844 -2.46901e-07L29.4844 24L5.64844 48L-2.49632e-07 42.2891L18.1641 24L-1.84851e-06 5.71091Z' fill='white'/%3E%3C/svg%3E%0A");
        background-position: right;
}
.c-slider .swiper-button-next {
	right: 0px;
}
@media (min-width: 80em) {
	.c-slider .swiper-button-next {
		right: 2.75rem;
	}
}
.c-slider .swiper-button-next:hover,
        .c-slider .swiper-button-next:focus {
            background-image: url("data:image/svg+xml,%3Csvg width='30' height='48' viewBox='0 0 30 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.84851e-06 5.71091L5.64844 -2.46901e-07L29.4844 24L5.64844 48L-2.49632e-07 42.2891L18.1641 24L-1.84851e-06 5.71091Z' fill='%23008dd7'/%3E%3C/svg%3E%0A");
        }
.c-slider .swiper-zero-spacing {
        margin-top: 0;
        transform: translateY(-50%);
    }
@supports (mix-blend-mode: hue) {
    .custom_mix-blend-mode-hue {
		--tw-bg-opacity: 1;
		background-color: rgba(0, 119, 198, var(--tw-bg-opacity));
	}
    .custom_mix-blend-mode-hue {
		mix-blend-mode: hue;
	}
}
.focus-within\:text-black:focus-within {
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.hover\:border-blue-500:hover {
	--tw-border-opacity: 1;
	border-color: rgba(0, 141, 215, var(--tw-border-opacity));
}
.hover\:bg-yellow-700:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
}
.hover\:bg-blue-700:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 99, 169, var(--tw-bg-opacity));
}
.hover\:bg-purple-700:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
}
.hover\:bg-gray-700:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(100, 100, 100, var(--tw-bg-opacity));
}
.hover\:bg-white:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(230, 230, 230, var(--tw-bg-opacity));
}
.hover\:bg-gray-800:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(75, 75, 75, var(--tw-bg-opacity));
}
.hover\:bg-blue-800:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 68, 141, var(--tw-bg-opacity));
}
.hover\:font-bold:hover {
	font-weight: 700;
}
.hover\:text-blue-800:hover {
	--tw-text-opacity: 1;
	color: rgba(0, 68, 141, var(--tw-text-opacity));
}
.hover\:text-black:hover {
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.hover\:text-blue-500:hover {
	--tw-text-opacity: 1;
	color: rgba(0, 141, 215, var(--tw-text-opacity));
}
.hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:underline:hover {
	text-decoration: underline;
}
.hover\:shadow-xl:hover {
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:relative:focus {
	position: relative;
}
.focus\:border-blue-500:focus {
	--tw-border-opacity: 1;
	border-color: rgba(0, 141, 215, var(--tw-border-opacity));
}
.focus\:bg-white:focus {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.focus\:bg-gray-200:focus {
	--tw-bg-opacity: 1;
	background-color: rgba(230, 230, 230, var(--tw-bg-opacity));
}
.focus\:bg-blue-800:focus {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 68, 141, var(--tw-bg-opacity));
}
.focus\:font-bold:focus {
	font-weight: 700;
}
.focus\:text-black:focus {
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.focus\:text-white:focus {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.focus\:underline:focus {
	text-decoration: underline;
}
.focus\:shadow-xl:focus {
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:shadow-none:focus {
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.focus\:ring-0:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-offset-0:focus {
	--tw-ring-offset-width: 0px;
}
.focus-visible\:shadow-outline.focus-visible {
	--tw-shadow: 0 0 0 3px #0077c6;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:shadow-outline:focus-visible {
	--tw-shadow: 0 0 0 3px #0077c6;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:border-gray-800 {
	--tw-border-opacity: 1;
	border-color: rgba(75, 75, 75, var(--tw-border-opacity));
}
.group:hover .group-hover\:bg-gray-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(75, 75, 75, var(--tw-bg-opacity));
}
.group:hover .group-hover\:text-blue-800 {
	--tw-text-opacity: 1;
	color: rgba(0, 68, 141, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.group:hover .group-hover\:shadow-xl {
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus .group-focus\:text-blue-800 {
	--tw-text-opacity: 1;
	color: rgba(0, 68, 141, var(--tw-text-opacity));
}
.group:focus .group-focus\:shadow-xl {
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 30em) {
	.xs\:absolute {
		position: absolute;
	}
	.xs\:mt-0 {
		margin-top: 0px;
	}
	.xs\:inline {
		display: inline;
	}
	.xs\:w-5\/6 {
		width: 83.333333%;
	}
	.xs\:bg-black {
		--tw-bg-opacity: 1;
		background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
	}
	.xs\:bg-white {
		--tw-bg-opacity: 1;
		background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	}
	.xs\:bg-opacity-25 {
		--tw-bg-opacity: 0.25;
	}
	.xs\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.xs\:text-white {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}
	.xs\:text-gray-900 {
		--tw-text-opacity: 1;
		color: rgba(50, 50, 50, var(--tw-text-opacity));
	}
}
@media (min-width: 40em) {
	.sm\:-mx-4 {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.sm\:mx-0 {
		margin-left: 0px;
		margin-right: 0px;
	}
	.sm\:-mx-8 {
		margin-left: -2rem;
		margin-right: -2rem;
	}
	.sm\:mb-0 {
		margin-bottom: 0px;
	}
	.sm\:mr-2 {
		margin-right: 0.5rem;
	}
	.sm\:mt-2 {
		margin-top: 0.5rem;
	}
	.sm\:mt-6 {
		margin-top: 1.5rem;
	}
	.sm\:mr-4 {
		margin-right: 1rem;
	}
	.sm\:flex {
		display: flex;
	}
	.sm\:w-auto {
		width: auto;
	}
	.sm\:w-1\/2 {
		width: 50%;
	}
	.sm\:w-2\/3 {
		width: 66.666667%;
	}
	.sm\:min-w-1\/2 {
		min-width: 50%;
	}
	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sm\:flex-row {
		flex-direction: row;
	}
	.sm\:flex-wrap {
		flex-wrap: wrap;
	}
	.sm\:flex-nowrap {
		flex-wrap: nowrap;
	}
	.sm\:items-center {
		align-items: center;
	}
	.sm\:items-start {
		align-items: flex-start;
	}
	.sm\:justify-center {
		justify-content: center;
	}
	.sm\:py-12 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.sm\:py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.sm\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem;
	}
    .sm\:o-container {
		margin-left: auto;
		margin-right: auto;
	}
    .sm\:o-container {
        width: min(calc(100% - var(--container-gap)), var(--container-width));
    }
}
@media (min-width: 47.5rem) {
	.ms\:absolute {
		position: absolute;
	}
	.ms\:top-0 {
		top: 0px;
	}
	.ms\:left-0 {
		left: 0px;
	}
	.ms\:mt-0 {
		margin-top: 0px;
	}
	.ms\:mb-0 {
		margin-bottom: 0px;
	}
	.ms\:mt-2 {
		margin-top: 0.5rem;
	}
	.ms\:block {
		display: block;
	}
	.ms\:grid {
		display: grid;
	}
	.ms\:hidden {
		display: none;
	}
	.ms\:w-full {
		width: 100%;
	}
	.ms\:w-1\/2 {
		width: 50%;
	}
	.ms\:items-end {
		align-items: flex-end;
	}
	.ms\:bg-transparent {
		background-color: transparent;
	}
	.ms\:bg-opacity-25 {
		--tw-bg-opacity: 0.25;
	}
	.ms\:p-0 {
		padding: 0px;
	}
	.ms\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.ms\:pb-8 {
		padding-bottom: 2rem;
	}
	.ms\:text-2xl {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	.ms\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
	.ms\:text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.ms\:text-white {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}
	.ms\:text-gray-900 {
		--tw-text-opacity: 1;
		color: rgba(50, 50, 50, var(--tw-text-opacity));
	}
}
@media (min-width: 56.25em) {
	.md\:aspect-w-1,
.md\:aspect-w-2,
.md\:aspect-w-3,
.md\:aspect-w-4,
.md\:aspect-w-5,
.md\:aspect-w-6,
.md\:aspect-w-7,
.md\:aspect-w-8,
.md\:aspect-w-9,
.md\:aspect-w-10,
.md\:aspect-w-11,
.md\:aspect-w-12,
.md\:aspect-w-13,
.md\:aspect-w-14,
.md\:aspect-w-15,
.md\:aspect-w-16,
.md\:aspect-w-476,
.md\:aspect-w-811 {
		position: relative;
		padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
	}
	.md\:aspect-w-1 > *,
.md\:aspect-w-2 > *,
.md\:aspect-w-3 > *,
.md\:aspect-w-4 > *,
.md\:aspect-w-5 > *,
.md\:aspect-w-6 > *,
.md\:aspect-w-7 > *,
.md\:aspect-w-8 > *,
.md\:aspect-w-9 > *,
.md\:aspect-w-10 > *,
.md\:aspect-w-11 > *,
.md\:aspect-w-12 > *,
.md\:aspect-w-13 > *,
.md\:aspect-w-14 > *,
.md\:aspect-w-15 > *,
.md\:aspect-w-16 > *,
.md\:aspect-w-476 > *,
.md\:aspect-w-811 > * {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.md\:aspect-w-16 {
		--tw-aspect-w: 16;
	}
	.md\:aspect-h-7 {
		--tw-aspect-h: 7;
	}
	.md\:aspect-h-9 {
		--tw-aspect-h: 9;
	}
	.md\:absolute {
		position: absolute;
	}
	.md\:mx-0 {
		margin-left: 0px;
		margin-right: 0px;
	}
	.md\:mt-24 {
		margin-top: 6rem;
	}
	.md\:mt-16 {
		margin-top: 4rem;
	}
	.md\:mb-20 {
		margin-bottom: 5rem;
	}
	.md\:mt-10 {
		margin-top: 2.5rem;
	}
	.md\:mr-8 {
		margin-right: 2rem;
	}
	.md\:mt-0 {
		margin-top: 0px;
	}
	.md\:mr-1\.5 {
		margin-right: 0.375rem;
	}
	.md\:mr-1 {
		margin-right: 0.25rem;
	}
	.md\:mb-0 {
		margin-bottom: 0px;
	}
	.md\:mr-6 {
		margin-right: 1.5rem;
	}
	.md\:-mt-4 {
		margin-top: -1rem;
	}
	.md\:mt-2 {
		margin-top: 0.5rem;
	}
	.md\:mt-6 {
		margin-top: 1.5rem;
	}
	.md\:mr-4 {
		margin-right: 1rem;
	}
	.md\:mb-32 {
		margin-bottom: 8rem;
	}
	.md\:mb-16 {
		margin-bottom: 4rem;
	}
	.md\:mt-12 {
		margin-top: 3rem;
	}
	.md\:block {
		display: block;
	}
	.md\:flex {
		display: flex;
	}
	.md\:grid {
		display: grid;
	}
	.md\:hidden {
		display: none;
	}
	.md\:h-14 {
		height: 3.5rem;
	}
	.md\:h-28 {
		height: 7rem;
	}
	.md\:w-auto {
		width: auto;
	}
	.md\:w-32 {
		width: 8rem;
	}
	.md\:w-1\/3 {
		width: 33.333333%;
	}
	.md\:w-2\/3 {
		width: 66.666667%;
	}
	.md\:w-full {
		width: 100%;
	}
	.md\:w-max {
		width: -moz-max-content;
		width: max-content;
	}
	.md\:w-5\/6 {
		width: 83.333333%;
	}
	.md\:w-1\/2 {
		width: 50%;
	}
	.md\:w-14 {
		width: 3.5rem;
	}
	.md\:w-3\/5 {
		width: 60%;
	}
	.md\:w-2\/5 {
		width: 40%;
	}
	.md\:w-1\/5 {
		width: 20%;
	}
	.md\:min-w-0 {
		min-width: 0;
	}
	.md\:max-w-full {
		max-width: 100%;
	}
	.md\:max-w-post_thumbnail {
		max-width: 370px;
	}
	.md\:transform {
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
	.md\:-translate-y-14 {
		--tw-translate-y: -3.5rem;
	}
	.md\:grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.md\:flex-row {
		flex-direction: row;
	}
	.md\:flex-nowrap {
		flex-wrap: nowrap;
	}
	.md\:items-end {
		align-items: flex-end;
	}
	.md\:items-center {
		align-items: center;
	}
	.md\:items-start {
		align-items: flex-start;
	}
	.md\:items-stretch {
		align-items: stretch;
	}
	.md\:justify-start {
		justify-content: flex-start;
	}
	.md\:justify-between {
		justify-content: space-between;
	}
	.md\:justify-end {
		justify-content: flex-end;
	}
	.md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-right: calc(1rem * var(--tw-space-x-reverse));
		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.md\:whitespace-nowrap {
		white-space: nowrap;
	}
	.md\:rounded-full {
		border-radius: 9999px;
	}
	.md\:border-t-0 {
		border-top-width: 0px;
	}
	.md\:border-gray-400 {
		--tw-border-opacity: 1;
		border-color: rgba(200, 200, 200, var(--tw-border-opacity));
	}
	.md\:border-gray-100 {
		--tw-border-opacity: 1;
		border-color: rgba(243, 243, 246, var(--tw-border-opacity));
	}
	.md\:bg-white {
		--tw-bg-opacity: 1;
		background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	}
	.md\:bg-black {
		--tw-bg-opacity: 1;
		background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
	}
	.md\:px-0 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.md\:py-0 {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.md\:py-5 {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}
	.md\:px-7 {
		padding-left: 1.75rem;
		padding-right: 1.75rem;
	}
	.md\:px-16 {
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.md\:px-12 {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.md\:py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.md\:pl-10 {
		padding-left: 2.5rem;
	}
	.md\:pr-7 {
		padding-right: 1.75rem;
	}
	.md\:pb-9 {
		padding-bottom: 2.25rem;
	}
	.md\:pt-0 {
		padding-top: 0px;
	}
	.md\:pb-0 {
		padding-bottom: 0px;
	}
	.md\:text-right {
		text-align: right;
	}
	.md\:text-5xl {
		font-size: 3rem;
		line-height: 3.5rem;
	}
	.md\:text-4xl {
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.md\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
	.md\:text-2xl {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	.md\:text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
	.md\:text-base {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.md\:font-normal {
		font-weight: 400;
	}
	.md\:leading-normal {
		line-height: 1.5;
	}
	.md\:text-gray-900 {
		--tw-text-opacity: 1;
		color: rgba(50, 50, 50, var(--tw-text-opacity));
	}
	.md\:text-gray-800 {
		--tw-text-opacity: 1;
		color: rgba(75, 75, 75, var(--tw-text-opacity));
	}
	.md\:placeholder-\[\#707070\]::-moz-placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(112, 112, 112, var(--tw-placeholder-opacity));
	}
	.md\:placeholder-\[\#707070\]:-ms-input-placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(112, 112, 112, var(--tw-placeholder-opacity));
	}
	.md\:placeholder-\[\#707070\]::placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(112, 112, 112, var(--tw-placeholder-opacity));
	}
	.md\:shadow-none {
		--tw-shadow: 0 0 #0000;
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
	.md\:line-clamp-4 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
	}
    .md\:o-container {
		margin-left: auto;
		margin-right: auto;
	}
    .md\:o-container {
        width: min(calc(100% - var(--container-gap)), var(--container-width));
    }
    .md\:focus\:w-44:focus {
		width: 11rem;
	}
}
@media (min-width: 64em) {
	.lg\:mt-16 {
		margin-top: 4rem;
	}
	.lg\:mr-8 {
		margin-right: 2rem;
	}
	.lg\:mt-14 {
		margin-top: 3.5rem;
	}
	.lg\:flex {
		display: flex;
	}
	.lg\:w-9 {
		width: 2.25rem;
	}
	.lg\:w-1\/4 {
		width: 25%;
	}
	.lg\:w-1\/5 {
		width: 20%;
	}
	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.lg\:px-12 {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.lg\:px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.lg\:pt-24 {
		padding-top: 6rem;
	}
	.lg\:pt-12 {
		padding-top: 3rem;
	}
	.lg\:pb-12 {
		padding-bottom: 3rem;
	}
	.lg\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
	.lg\:text-2xl {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	.lg\:text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.lg\:text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
	.lg\:focus\:w-56:focus {
		width: 14rem;
	}
}
@media (min-width: 80em) {
	.xl\:aspect-h-9 {
		--tw-aspect-h: 9;
	}
	.xl\:absolute {
		position: absolute;
	}
	.xl\:ml-2 {
		margin-left: 0.5rem;
	}
	.xl\:mt-0 {
		margin-top: 0px;
	}
	.xl\:block {
		display: block;
	}
	.xl\:hidden {
		display: none;
	}
	.xl\:w-auto {
		width: auto;
	}
	.xl\:w-full {
		width: 100%;
	}
	.xl\:transform {
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
	.xl\:-translate-y-14 {
		--tw-translate-y: -3.5rem;
	}
	.xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-right: calc(0px * var(--tw-space-x-reverse));
		margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
	}
	.xl\:bg-opacity-70 {
		--tw-bg-opacity: 0.7;
	}
	.xl\:px-24 {
		padding-left: 6rem;
		padding-right: 6rem;
	}
	.xl\:text-5xl {
		font-size: 3rem;
		line-height: 3.5rem;
	}
}

/**
 * Swiper 6.5.9
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 30, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}

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

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

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

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

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

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

.swiper-container-pointer-events {
  touch-action: pan-y;
}

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

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

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

/* Auto Height */

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

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

/* 3D Effects */

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

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

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

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

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

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

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

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

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

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

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

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

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

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

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

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

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

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

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

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

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

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */

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

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

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

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

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

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

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

/* Scrollbar */

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

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

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

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

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

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

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

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

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

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

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

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

/* a11y */

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

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

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

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

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

.swiper-container-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-container-flip {
  overflow: visible;
}

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

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

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

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