/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
@
layer properties ;
 @layer theme, base, components, utilities ;
 @layer theme { :root , :host {
    --font-sans : ui-sans-serif, system-ui, sans-serif,
	"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
	"Noto Color Emoji"; -
	-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
		"Liberation Mono", "Courier New", monospace; -
	-color-red-500: oklch(63.7% 0.237 25.331); -
	-color-red-800: oklch(44.4% 0.177 26.899); -
	-color-green-600: oklch(62.7% 0.194 149.214); -
	-color-blue-400: oklch(70.7% 0.165 254.624); -
	-color-blue-500: oklch(62.3% 0.214 259.815); -
	-color-gray-100: oklch(96.7% 0.003 264.542); -
	-color-gray-300: oklch(87.2% 0.01 258.338); -
	-color-gray-500: oklch(55.1% 0.027 264.364); -
	-color-gray-600: oklch(44.6% 0.03 256.802); -
	-color-gray-700: oklch(37.3% 0.034 259.733); -
	-color-gray-900: oklch(21% 0.034 264.665); -
	-color-black: #000; -
	-color-white: #fff; -
	-spacing: 0.25rem; -
	-container-sm: 24rem; -
	-container-lg: 32rem; -
	-container-2xl: 42rem; -
	-container-3xl: 48rem; -
	-container-4xl: 56rem; -
	-container-5xl: 64rem; -
	-text-xs: 0.75rem; -
	-text-xs--line-height: calc(1/ 0.75); -
	-text-sm: 0.875rem; -
	-text-sm--line-height: calc(1.25/ 0.875); -
	-text-lg: 1.125rem; -
	-text-lg--line-height: calc(1.75/ 1.125); -
	-text-xl: 1.25rem; -
	-text-xl--line-height: calc(1.75/ 1.25); -
	-text-2xl: 1.5rem; -
	-text-2xl--line-height: calc(2/ 1.5); -
	-text-3xl: 1.875rem; -
	-text-3xl--line-height: calc(2.25/ 1.875); -
	-text-4xl: 2.625rem; -
	-text-4xl--line-height: calc(2.5/ 2.25); -
	-text-5xl: 3.375rem; -
	-text-5xl--line-height: 1; -
	-text-6xl: 4.25rem; -
	-text-6xl--line-height: 1; -
	-font-weight-light: 300; -
	-font-weight-normal: 400; -
	-font-weight-medium: 500; -
	-font-weight-semibold: 600; -
	-font-weight-bold: 700; -
	-tracking-tight: -0.025em; -
	-leading-relaxed: 1.625; -
	-radius-sm: 0.25rem; -
	-radius-md: 0.375rem; -
	-radius-lg: 0.5rem; -
	-radius-xl: 0.75rem; -
	-radius-2xl: 1rem; -
	-default-transition-duration: 150ms; -
	-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -
	-default-font-family: var(- -font-sans); -
	-default-mono-font-family: var(- -font-mono); -
	-color-athensGray-50: #F4F7FA; -
	-color-athensGray-100: #E8EEF4; -
	-color-athensGray-200: #D3DFEA; -
	-color-athensGray-300: #B4CADC; -
	-color-athensGray-400: #90AECA; -
	-color-athensGray-500: #7695BB; -
	-color-athensGray-600: #637FAD; -
	-color-athensGray-700: #586F9D; -
	-color-athensGray-800: #4B5C82; -
	-color-athensGray-900: #404D68; -
	-color-primary: #002E60; -
	-color-midnightBlue-700: #006CFF; -
	-color-lightGreen: #DFFFDA; -
	-color-lightGreen-50: #C7F9BF; -
	-color-darkGreen: #3FA931; -
	-color-persianRed-50: #FFF0F2; -
	-color-persianRed-100: #FFDDE1; -
	-color-persianRed-700: #E1001A; -
	-color-persianRed-800: #AF0519; -
	-color-persianRed-900: #900C1B; -
	-font-lexend: 'Lexend', sans-serif; -
	-font-manrope: 'Manrope', sans-serif;
}

}
@
layer base { *, ::after , : :before, ::backdrop, ::file-selector-button
	{
    box-sizing : border-box;
	margin: 0;
	padding: 0;
	border: 0 solid;
}

html, :host {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	tab-size: 4;
	font-family: var(- -default-font-family, ui-sans-serif, system-ui,
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji");
	font-feature-settings: var(- -default-font-feature-settings, normal);
	font-variation-settings: var(- -default-font-variation-settings, normal);
	-webkit-tap-highlight-color: transparent;
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px;
}

abbr:where ([title] ) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}



a {
	color: inherit;
	-webkit-text-decoration: inherit;
	text-decoration: inherit;
}

b, strong {
	font-weight: bolder;
}

code, kbd, samp, pre {
	font-family: var(- -default-mono-font-family, ui-monospace,
		SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
		"Courier New", monospace);
	font-feature-settings: var(- -default-mono-font-feature-settings, normal);
	font-variation-settings: var(- -default-mono-font-variation-settings, normal);
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse;
}

:-moz-focusring {
	outline: auto;
}

progress {
	vertical-align: baseline;
}

summary {
	display: list-item;
}

ol, ul, menu {
	list-style: none;
}

img, svg, video, canvas, audio, iframe, embed, object {
	display: block;
	vertical-align: middle;
}

img, video {
	max-width: 100%;
	height: auto;
}

button, input, select, optgroup, textarea, ::file-selector-button {
	font: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	letter-spacing: inherit;
	color: inherit;
	border-radius: 0;
	background-color: transparent;
	opacity: 1;
}

:where (select:is ([multiple], [size] )) optgroup {
	font-weight: bolder;
}

:where (select:is ([multiple], [size] )) optgroup option {
	padding-inline-start: 20px;
}

::file-selector-button {
	margin-inline-end: 4px;
}

::placeholder {
	opacity: 1;
}

@
supports (not (-webkit-appearance: -apple-pay-button ))  or (contain-intrinsic-size: 
	1px ) { ::placeholder { color:currentcolor; @
	supports (color: color-mix(in lab, red, red)){
        color: color-mix(in oklab, currentcolor 50%, transparent);
}

}
}
textarea {
	resize: vertical;
}

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

::-webkit-date-and-time-value {
	min-height: 1lh;
	text-align: inherit;
}

::-webkit-datetime-edit {
	display: inline-flex;
}

::-webkit-datetime-edit-fields-wrapper {
	padding: 0;
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field,
	::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field,
	::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field,
	::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field
	{
	padding-block: 0;
}

:-moz-ui-invalid {
	box-shadow: none;
}

button, input:where ([type="button"], [type="reset"], [type="submit"] ),
	::file-selector-button {
	appearance: button;
}

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

[hidden]:where (:not ([hidden="until-found"] )) {
	display: none !important;
}

}
@
layer utilities { .pointer-events-none { pointer-events:none;
	
}

.collapse {
	visibility: collapse;
}

.visible {
	visibility: visible;
}

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

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.relative {
	position: relative;
}

.static {
	position: static;
}

.sticky {
	position: sticky;
}

.-top-2 {
	top: calc(var(- -spacing)* -2);
}

.-top-5 {
	top: calc(var(- -spacing)* -5);
}

.-top-10 {
	top: calc(var(- -spacing)* -10);
}

.-top-15 {
	top: calc(var(- -spacing)* -15);
}

.-top-20 {
	top: calc(var(- -spacing)* -20);
}

.-top-30 {
	top: calc(var(- -spacing)* -30);
}

.-top-36 {
	top: calc(var(- -spacing)* -36);
}

.-top-40 {
	top: calc(var(- -spacing)* -40);
}

.top-0 {
	top: calc(var(- -spacing)* 0);
}

.top-1 {
	top: calc(var(- -spacing)* 1);
}

.top-1\/2 {
	top: calc(1/ 2 * 100%);
}

.top-3 {
	top: calc(var(- -spacing)* 3);
}

.top-4 {
	top: calc(var(- -spacing)* 4);
}

.top-10 {
	top: calc(var(- -spacing)* 10);
}

.top-16 {
	top: calc(var(- -spacing)* 16);
}

.top-20 {
	top: calc(var(- -spacing)* 20);
}

.top-28 {
	top: calc(var(- -spacing)* 28);
}

.top-50 {
	top: calc(var(- -spacing)* 50);
}

.top-\[45px\] {
	top: 45px;
}

.top-\[60px\] {
	top: 60px;
}

.-right-2 {
	right: calc(var(- -spacing)* -2);
}

.-right-3 {
	right: calc(var(- -spacing)* -3);
}

.-right-4 {
	right: calc(var(- -spacing)* -4);
}

.-right-10 {
	right: calc(var(- -spacing)* -10);
}

.-right-12 {
	right: calc(var(- -spacing)* -12);
}

.-right-20 {
	right: calc(var(- -spacing)* -20);
}

.-right-30 {
	right: calc(var(- -spacing)* -30);
}

.-right-40 {
	right: calc(var(- -spacing)* -40);
}

.-right-60 {
	right: calc(var(- -spacing)* -60);
}

.right-0 {
	right: calc(var(- -spacing)* 0);
}

.right-3 {
	right: calc(var(- -spacing)* 3);
}

.right-10 {
	right: calc(var(- -spacing)* 10);
}

.right-21 {
	right: calc(var(- -spacing)* 21);
}

.right-30 {
	right: calc(var(- -spacing)* 30);
}

.right-50 {
	right: calc(var(- -spacing)* 50);
}

.right-125 {
	right: calc(var(- -spacing)* 125);
}

.right-140 {
	right: calc(var(- -spacing)* 140);
}

.right-\[-25px\] {
	right: -25px;
}

.-bottom-5 {
	bottom: calc(var(- -spacing)* -5);
}

.-bottom-10 {
	bottom: calc(var(- -spacing)* -10);
}

.-bottom-20 {
	bottom: calc(var(- -spacing)* -20);
}

.-bottom-30 {
	bottom: calc(var(- -spacing)* -30);
}

.-bottom-50 {
	bottom: calc(var(- -spacing)* -50);
}

.-bottom-80 {
	bottom: calc(var(- -spacing)* -80);
}

.bottom-0 {
	bottom: calc(var(- -spacing)* 0);
}

.bottom-10 {
	bottom: calc(var(- -spacing)* 10);
}

.bottom-50 {
	bottom: calc(var(- -spacing)* 50);
}

.bottom-60 {
	bottom: calc(var(- -spacing)* 60);
}

.-left-2 {
	left: calc(var(- -spacing)* -2);
}

.-left-6 {
	left: calc(var(- -spacing)* -6);
}

.-left-10 {
	left: calc(var(- -spacing)* -10);
}

.-left-35 {
	left: calc(var(- -spacing)* -35);
}

.-left-40 {
	left: calc(var(- -spacing)* -40);
}

.-left-60 {
	left: calc(var(- -spacing)* -60);
}

.-left-70 {
	left: calc(var(- -spacing)* -70);
}

.-left-\[15px\] {
	left: calc(15px * -1);
}

.-left-\[180px\] {
	left: calc(180px * -1);
}

.left-0 {
	left: calc(var(- -spacing)* 0);
}

.left-1 {
	left: calc(var(- -spacing)* 1);
}

.left-1\/2 {
	left: calc(1/ 2 * 100%);
}

.left-4 {
	left: calc(var(- -spacing)* 4);
}

.left-5 {
	left: calc(var(- -spacing)* 5);
}

.left-20 {
	left: calc(var(- -spacing)* 20);
}

.left-50 {
	left: calc(var(- -spacing)* 50);
}

.left-\[150px\] {
	left: 150px;
}

.left-\[615px\] {
	left: 615px;
}

.-z-1 {
	z-index: calc(1 * -1);
}

.-z-2 {
	z-index: calc(2 * -1);
}

.-z-10 {
	z-index: calc(10 * -1);
}

.z-1 {
	z-index: 1;
}

.z-2 {
	z-index: 2;
}

.z-10 {
	z-index: 10;
}

.z-20 {
	z-index: 20;
}

.z-50 {
	z-index: 50;
}

.z-100 {
	z-index: 100;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.container {
	width: 100%;
	@media
	(
	width
	>=
	40rem)
{
	max-width
	:
	 
	40
	rem
	;
	
    
}

@media ( width >= 48rem) {
	max-width
	:
	 
	48
	rem
	;
	
    
}

@media ( width >= 64rem) {
	max-width
	:
	 
	64
	rem
	;
	
    
}

@media ( width >= 80rem) {
	max-width
	:
	 
	80
	rem
	;
	
    
}

@media ( width >= 96rem) {
	max-width
	:
	 
	96
	rem
	;
	
    
}

}
.mx-4 {
	margin-inline: calc(var(- -spacing)* 4);
}

.mx-8 {
	margin-inline: calc(var(- -spacing)* 8);
}

.mx-auto {
	margin-inline: auto;
}

.my-8 {
	margin-block: calc(var(- -spacing)* 8);
}

.my-10 {
	margin-block: calc(var(- -spacing)* 10);
}

.my-20 {
	margin-block: calc(var(- -spacing)* 20);
}

.mt-2 {
	margin-top: calc(var(- -spacing)* 2);
}

.mt-4 {
	margin-top: calc(var(- -spacing)* 4);
}

.mt-6 {
	margin-top: calc(var(- -spacing)* 6);
}

.mt-8 {
	margin-top: calc(var(- -spacing)* 8);
}

.mt-14 {
	margin-top: calc(var(- -spacing)* 14);
}

.mt-52 {
	margin-top: calc(var(- -spacing)* 52);
}

.mt-auto {
	margin-top: auto;
}

.mr-0 {
	margin-right: calc(var(- -spacing)* 0);
}

.mr-2 {
	margin-right: calc(var(- -spacing)* 2);
}

.mb-2 {
	margin-bottom: calc(var(- -spacing)* 2);
}

.mb-3 {
	margin-bottom: calc(var(- -spacing)* 3);
}

.mb-4 {
	margin-bottom: calc(var(- -spacing)* 4);
}

.mb-5 {
	margin-bottom: calc(var(- -spacing)* 5);
}

.mb-8 {
	margin-bottom: calc(var(- -spacing)* 8);
}

.mb-10 {
	margin-bottom: calc(var(- -spacing)* 10);
}

.mb-20 {
	margin-bottom: calc(var(- -spacing)* 20);
}

.ml-4 {
	margin-left: calc(var(- -spacing)* 4);
}

.ml-5 {
	margin-left: calc(var(- -spacing)* 5);
}

.ml-8 {
	margin-left: calc(var(- -spacing)* 8);
}

.ml-auto {
	margin-left: auto;
}

.block {
	display: block;
}

.flex {
	display: flex;
}

.grid {
	display: grid;
}

.hidden {
	display: none;
}

.inline {
	display: inline;
}

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

.inline-flex {
	display: inline-flex;
}

.table {
	display: table;
}

.h-1 {
	height: calc(var(- -spacing)* 1);
}

.h-4 {
	height: calc(var(- -spacing)* 4);
}

.h-5 {
	height: calc(var(- -spacing)* 5);
}

.h-6 {
	height: calc(var(- -spacing)* 6);
}

.h-8 {
	height: calc(var(- -spacing)* 8);
}

.h-10 {
	height: calc(var(- -spacing)* 10);
}

.h-12 {
	height: calc(var(- -spacing)* 12);
}

.h-16 {
	height: calc(var(- -spacing)* 16);
}

.h-18 {
	height: calc(var(- -spacing)* 18);
}

.h-20 {
	height: calc(var(- -spacing)* 20);
}

.h-28 {
	height: calc(var(- -spacing)* 28);
}

.h-38 {
	height: calc(var(- -spacing)* 38);
}

.h-100 {
	height: calc(var(- -spacing)* 100);
}

.h-\[620px\] {
	height: 620px;
}

.h-\[calc\(100vh-4rem\)\] {
	height: calc(100vh - 4rem);
}

.h-auto {
	height: auto;
}

.h-full {
	height: 100%;
}

.h-screen {
	height: 100vh;
}

.min-h-screen {
	min-height: 100vh;
}

.w-2 {
	width: calc(var(- -spacing)* 2);
}

.w-2\/5 {
	width: calc(2/ 5 * 100%);
}

.w-2xl {
	width: var(- -container-2xl);
}

.w-3xl {
	width: var(- -container-3xl);
}

.w-4 {
	width: calc(var(- -spacing)* 4);
}

.w-8 {
	width: calc(var(- -spacing)* 8);
}

.w-12 {
	width: calc(var(- -spacing)* 12);
}

.w-16 {
	width: calc(var(- -spacing)* 16);
}

.w-20 {
	width: calc(var(- -spacing)* 20);
}

.w-24 {
	width: calc(var(- -spacing)* 24);
}

.w-28 {
	width: calc(var(- -spacing)* 28);
}

.w-30 {
	width: calc(var(- -spacing)* 30);
}

.w-38 {
	width: calc(var(- -spacing)* 38);
}

.w-41 {
	width: calc(var(- -spacing)* 41);
}

.w-80 {
	width: calc(var(- -spacing)* 80);
}

.w-96 {
	width: calc(var(- -spacing)* 96);
}

.w-100 {
	width: calc(var(- -spacing)* 100);
}

.w-\[180px\] {
	width: 180px;
}

.w-\[200px\] {
	width: 200px;
}

.w-fit {
	width: fit-content;
}

.w-full {
	width: 100%;
}

.max-w-4xl {
	max-width: var(- -container-4xl);
}

.max-w-5xl {
	max-width: var(- -container-5xl);
}

.max-w-\[180px\] {
	max-width: 180px;
}

.max-w-sm {
	max-width: var(- -container-sm);
}

.min-w-6 {
	min-width: calc(var(- -spacing)* 6);
}

.min-w-\[1\.25rem\] {
	min-width: 1.25rem;
}

.min-w-\[120px\] {
	min-width: 120px;
}

.min-w-\[140px\] {
	min-width: 140px;
}

.flex-1 {
	flex: 1;
}

.flex-shrink {
	flex-shrink: 1;
}

.flex-shrink-0 {
	flex-shrink: 0;
}

.caption-bottom {
	caption-side: bottom;
}

.border-collapse {
	border-collapse: collapse;
}

.-translate-x-1 { -
	-tw-translate-x: calc(var(- -spacing)* -1);
	translate: var(- -tw-translate-x) var(- -tw-translate-y);
}

.-translate-x-1\/2 { -
	-tw-translate-x: calc(calc(1/ 2 * 100%)* -1);
	translate: var(- -tw-translate-x) var(- -tw-translate-y);
}

.-translate-y-1 { -
	-tw-translate-y: calc(var(- -spacing)* -1);
	translate: var(- -tw-translate-x) var(- -tw-translate-y);
}

.-translate-y-1\/2 { -
	-tw-translate-y: calc(calc(1/ 2 * 100%)* -1);
	translate: var(- -tw-translate-x) var(- -tw-translate-y);
}

.-rotate-90 {
	rotate: calc(90deg * -1);
}

.rotate-90 {
	rotate: 90deg;
}

.rotate-180 {
	rotate: 180deg;
}

.transform {
	transform: var(- -tw-rotate-x,) var(- -tw-rotate-y,)
		var(- -tw-rotate-z,) var(- -tw-skew-x,) var(- -tw-skew-y,);
}

.cursor-not-allowed {
	cursor: not-allowed;
}

.cursor-pointer {
	cursor: pointer;
}

.resize {
	resize: both;
}

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

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.flex-col {
	flex-direction: column;
}

.flex-row {
	flex-direction: row;
}

.flex-wrap {
	flex-wrap: wrap;
}

.items-baseline {
	align-items: baseline;
}

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

.justify-around {
	justify-content: space-around;
}

.justify-between {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}

.justify-end {
	justify-content: flex-end;
}

.justify-evenly {
	justify-content: space-evenly;
}

.gap-1 {
	gap: calc(var(- -spacing)* 1);
}

.gap-2 {
	gap: calc(var(- -spacing)* 2);
}

.gap-3 {
	gap: calc(var(- -spacing)* 3);
}

.gap-4 {
	gap: calc(var(- -spacing)* 4);
}

.gap-5 {
	gap: calc(var(- -spacing)* 5);
}

.gap-6 {
	gap: calc(var(- -spacing)* 6);
}

.gap-8 {
	gap: calc(var(- -spacing)* 8);
}

.gap-10 {
	gap: calc(var(- -spacing)* 10);
}

.gap-20 {
	gap: calc(var(- -spacing)* 20);
}

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

.overflow-hidden {
	overflow: hidden;
}

.overflow-x-auto {
	overflow-x: auto;
}

.scroll-smooth {
	scroll-behavior: smooth;
}

.rounded-2xl {
	border-radius: var(- -radius-2xl);
}

.rounded-full {
	border-radius: calc(infinity * 1px);
}

.rounded-lg {
	border-radius: var(- -radius-lg);
}

.rounded-md {
	border-radius: var(- -radius-md);
}

.rounded-sm {
	border-radius: var(- -radius-sm);
}

.rounded-xl {
	border-radius: var(- -radius-xl);
}

.border {
	border-style: var(- -tw-border-style);
	border-width: 1px;
}

.border-t {
	border-top-style: var(- -tw-border-style);
	border-top-width: 1px;
}

.border-r-8 {
	border-right-style: var(- -tw-border-style);
	border-right-width: 8px;
}

.border-r-12 {
	border-right-style: var(- -tw-border-style);
	border-right-width: 12px;
}

.border-b {
	border-bottom-style: var(- -tw-border-style);
	border-bottom-width: 1px;
}

.border-athensGray-100 {
	border-color: var(- -color-athensGray-100);
}

.border-athensGray-200 {
	border-color: var(- -color-athensGray-200);
}

.border-athensGray-300 {
	border-color: var(- -color-athensGray-300);
}

.border-athensGray-600 {
	border-color: var(- -color-athensGray-600);
}

.border-gray-300 {
	border-color: var(- -color-gray-300);
}

.border-lightGreen-50 {
	border-color: var(- -color-lightGreen-50);
}

.border-persianRed-100 {
	border-color: var(- -color-persianRed-100);
}

.border-transparent {
	border-color: transparent;
}

.bg-athensGray-50 {
	background-color: var(- -color-athensGray-50);
}

.bg-athensGray-100 {
	background-color: var(- -color-athensGray-100);
}

.bg-athensGray-200 {
	background-color: var(- -color-athensGray-200);
}

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

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

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

.bg-gray-100 {
	background-color: var(- -color-gray-100);
}

.bg-gray-300 {
	background-color: var(- -color-gray-300);
}

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

.bg-gray-700 {
	background-color: var(- -color-gray-700);
}

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

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

.bg-persianRed-50 {
	background-color: var(- -color-persianRed-50);
}

.bg-persianRed-700 {
	background-color: var(- -color-persianRed-700);
}

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

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

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

.object-cover {
	object-fit: cover;
}

.p-1 {
	padding: calc(var(- -spacing)* 1);
}

.p-1\.5 {
	padding: calc(var(- -spacing)* 1.5);
}

.p-2 {
	padding: calc(var(- -spacing)* 2);
}

.p-2\.5 {
	padding: calc(var(- -spacing)* 2.5);
}

.p-4 {
	padding: calc(var(- -spacing)* 4);
}

.p-6 {
	padding: calc(var(- -spacing)* 6);
}

.p-10 {
	padding: calc(var(- -spacing)* 10);
}

.px-1 {
	padding-inline: calc(var(- -spacing)* 1);
}

.px-2 {
	padding-inline: calc(var(- -spacing)* 2);
}

.px-4 {
	padding-inline: calc(var(- -spacing)* 4);
}

.px-8 {
	padding-inline: calc(var(- -spacing)* 8);
}

.py-1 {
	padding-block: calc(var(- -spacing)* 1);
}

.py-2 {
	padding-block: calc(var(- -spacing)* 2);
}

.py-3 {
	padding-block: calc(var(- -spacing)* 3);
}

.py-4 {
	padding-block: calc(var(- -spacing)* 4);
}

.py-8 {
	padding-block: calc(var(- -spacing)* 8);
}

.py-10 {
	padding-block: calc(var(- -spacing)* 10);
}

.py-20 {
	padding-block: calc(var(- -spacing)* 20);
}

.py-24 {
	padding-block: calc(var(- -spacing)* 24);
}

.pt-0 {
	padding-top: calc(var(- -spacing)* 0);
}

.pt-4 {
	padding-top: calc(var(- -spacing)* 4);
}

.pt-5 {
	padding-top: calc(var(- -spacing)* 5);
}

.pt-8 {
	padding-top: calc(var(- -spacing)* 8);
}

.pt-10 {
	padding-top: calc(var(- -spacing)* 10);
}

.pt-20 {
	padding-top: calc(var(- -spacing)* 20);
}

.pt-24 {
	padding-top: calc(var(- -spacing)* 24);
}

.pb-1 {
	padding-bottom: calc(var(- -spacing)* 1);
}

.pb-2 {
	padding-bottom: calc(var(- -spacing)* 2);
}

.pb-4 {
	padding-bottom: calc(var(- -spacing)* 4);
}

.pb-8 {
	padding-bottom: calc(var(- -spacing)* 8);
}

.pb-10 {
	padding-bottom: calc(var(- -spacing)* 10);
}

.pb-20 {
	padding-bottom: calc(var(- -spacing)* 20);
}

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

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

.align-middle {
	vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

.text-xs {
	font-size: var(- -text-xs);
	line-height: var(- -tw-leading, var(- -text-xs--line-height));
}

.leading-none { -
	-tw-leading: 1;
	line-height: 1;
}

.leading-relaxed { -
	-tw-leading: var(- -leading-relaxed);
	line-height: var(- -leading-relaxed);
}

.font-bold { -
	-tw-font-weight: var(- -font-weight-bold);
	font-weight: var(- -font-weight-bold);
}

.font-light { -
	-tw-font-weight: var(- -font-weight-light);
	font-weight: var(- -font-weight-light);
}

.font-medium { -
	-tw-font-weight: var(- -font-weight-medium);
	font-weight: var(- -font-weight-medium);
}

.font-normal { -
	-tw-font-weight: var(- -font-weight-normal);
	font-weight: var(- -font-weight-normal);
}

.font-semibold { -
	-tw-font-weight: var(- -font-weight-semibold);
	font-weight: var(- -font-weight-semibold);
}

.tracking-tight { -
	-tw-tracking: var(- -tracking-tight);
	letter-spacing: var(- -tracking-tight);
}

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

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

.text-athensGray-600 {
	color: var(- -color-athensGray-600);
}

.text-athensGray-700 {
	color: var(- -color-athensGray-700);
}

.text-athensGray-800 {
	color: var(- -color-athensGray-800);
}

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

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

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

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

.text-green-600 {
	color: var(- -color-green-600);
}

.text-midnightBlue-700 {
	color: var(- -color-midnightBlue-700);
}

.text-persianRed-700 {
	color: var(- -color-persianRed-700);
}

.text-persianRed-800 {
	color: var(- -color-persianRed-800);
}

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

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

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

.uppercase {
	text-transform: uppercase;
}

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

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

.opacity-10 {
	opacity: 10%;
}

.opacity-50 {
	opacity: 50%;
}


.shadow { -
	-tw-shadow: 0 1px 3px 0 var(- -tw-shadow-color, rgb(0 0 0/ 0.1)), 0 1px
		2px -1px var(- -tw-shadow-color, rgb(0 0 0/ 0.1));
	box-shadow: var(- -tw-inset-shadow), var(- -tw-inset-ring-shadow),
		var(- -tw-ring-offset-shadow), var(- -tw-ring-shadow),
		var(- -tw-shadow);
}

.shadow-md { -
	-tw-shadow: 0 4px 6px -1px var(- -tw-shadow-color, rgb(0 0 0/ 0.1)), 0
		2px 4px -2px var(- -tw-shadow-color, rgb(0 0 0/ 0.1));
	box-shadow: var(- -tw-inset-shadow), var(- -tw-inset-ring-shadow),
		var(- -tw-ring-offset-shadow), var(- -tw-ring-shadow),
		var(- -tw-shadow);
}

.shadow-sm { -
	-tw-shadow: 0 1px 3px 0 var(- -tw-shadow-color, rgb(0 0 0/ 0.1)), 0 1px
		2px -1px var(- -tw-shadow-color, rgb(0 0 0/ 0.1));
	box-shadow: var(- -tw-inset-shadow), var(- -tw-inset-ring-shadow),
		var(- -tw-ring-offset-shadow), var(- -tw-ring-shadow),
		var(- -tw-shadow);
}

.shadow-xs { -
	-tw-shadow: 0 1px 2px 0 var(- -tw-shadow-color, rgb(0 0 0/ 0.05));
	box-shadow: var(- -tw-inset-shadow), var(- -tw-inset-ring-shadow),
		var(- -tw-ring-offset-shadow), var(- -tw-ring-shadow),
		var(- -tw-shadow);
}

.outline {
	outline-style: var(- -tw-outline-style);
	outline-width: 1px;
}

.outline-athensGray-200 {
	outline-color: var(- -color-athensGray-200);
}

.blur { -
	-tw-blur: blur(8px);
	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,);
}

.filter {
	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 {
	transition-property: color, background-color, border-color,
		outline-color, text-decoration-color, fill, stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,
		opacity, box-shadow, transform, translate, scale, rotate, filter,
		-webkit-backdrop-filter, backdrop-filter, display, visibility,
		content-visibility, overlay, pointer-events;
	transition-timing-function: var(- -tw-ease, var(- -default-transition-timing-function));
	transition-duration: var(- -tw-duration, var(- -default-transition-duration));
}

.transition-all {
	transition-property: all;
	transition-timing-function: var(- -tw-ease, var(- -default-transition-timing-function));
	transition-duration: var(- -tw-duration, var(- -default-transition-duration));
}

.transition-colors {
	transition-property: color, background-color, border-color,
		outline-color, text-decoration-color, fill, stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
	transition-timing-function: var(- -tw-ease, var(- -default-transition-timing-function));
	transition-duration: var(- -tw-duration, var(- -default-transition-duration));
}

.transition-transform {
	transition-property: transform, translate, scale, rotate;
	transition-timing-function: var(- -tw-ease, var(- -default-transition-timing-function));
	transition-duration: var(- -tw-duration, var(- -default-transition-duration));
}

.duration-150 { -
	-tw-duration: 150ms;
	transition-duration: 150ms;
}

.select-none {
	-webkit-user-select: none;
	user-select: none;
}

.group-hover\:text-primary { &:
	is (: where(.group):hover*){ 
	@media
	(
	hover
	:
	hover)
{
	color
	:
	 
	var
	(--color-primary);
	
      
}

}
}
.peer-checked\:scale-110 { &:
	is (: where(.peer):checked~ *){
      --tw-scale-x: 110%; -
	-tw-scale-y: 110%; -
	-tw-scale-z: 110%;
	scale: var(- -tw-scale-x) var(- -tw-scale-y);
}

}
.peer-checked\:border-primary { &:
	is (: where(.peer):checked~ *){
      border-color: var(- -color-primary);
}

}
.before\:absolute { &::before { content:var( --tw-content);
	position: absolute;
}

}
.before\:h-1 { &::before { content:var( --tw-content);
	height: calc(var(- -spacing)* 1);
}

}
.before\:w-8 { &::before { content:var( --tw-content);
	width: calc(var(- -spacing)* 8);
}

}
.before\:-translate-y-3 { &::before { content:var( --tw-content); -
	-tw-translate-y: calc(var(- -spacing)* -3);
	translate: var(- -tw-translate-x) var(- -tw-translate-y);
}

}
.before\:rounded-full { &::before { content:var( --tw-content);
	border-radius: calc(infinity * 1px);
}

}
.before\:bg-black { &::before { content:var( --tw-content);
	background-color: var(- -color-black);
}

}
.before\:transition-all { &::before { content:var( --tw-content);
	transition-property: all;
	transition-timing-function: var(- -tw-ease, var(- -default-transition-timing-function));
	transition-duration: var(- -tw-duration, var(- -default-transition-duration));
}

}
.before\:duration-150 { &::before { content:var( --tw-content); -
	-tw-duration: 150ms;
	transition-duration: 150ms;
}

}
.before\:content-\[\'\'\] { &::before { content:var( --tw-content); -
	-tw-content: '';
	content: var(- -tw-content);
}

}
.after\:absolute { &::after { content:var( --tw-content);
	position: absolute;
}

}
.after\:-top-1 { &::after { content:var( --tw-content);
	top: calc(var(- -spacing)* -1);
}

}
.after\:-right-4 { &::after { content:var( --tw-content);
	right: calc(var(- -spacing)* -4);
}

}
.after\:h-1 { &::after { content:var( --tw-content);
	height: calc(var(- -spacing)* 1);
}

}
.after\:h-\[calc\(100\%\+15px\)\] { &::after { content:var( --tw-content);
	height: calc(100% + 15px);
}

}
.after\:w-8 { &::after { content:var( --tw-content);
	width: calc(var(- -spacing)* 8);
}

}
.after\:w-\[1px\] { &::after { content:var( --tw-content);
	width: 1px;
}

}
.after\:-translate-x-1\/2 { &::after { content:var( --tw-content); -
	-tw-translate-x: calc(calc(1/ 2 * 100%)* -1);
	translate: var(- -tw-translate-x) var(- -tw-translate-y);
}

}
.after\:translate-y-3 { &::after { content:var( --tw-content); -
	-tw-translate-y: calc(var(- -spacing)* 3);
	translate: var(- -tw-translate-x) var(- -tw-translate-y);
}

}
.after\:rounded-full { &::after { content:var( --tw-content);
	border-radius: calc(infinity * 1px);
}

}
.after\:bg-athensGray-700 { &::after { content:var( --tw-content);
	background-color: var(- -color-athensGray-700);
}

}
.after\:bg-black { &::after { content:var( --tw-content);
	background-color: var(- -color-black);
}

}
.after\:transition-all { &::after { content:var( --tw-content);
	transition-property: all;
	transition-timing-function: var(- -tw-ease, var(- -default-transition-timing-function));
	transition-duration: var(- -tw-duration, var(- -default-transition-duration));
}

}
.after\:duration-150 { &::after { content:var( --tw-content); -
	-tw-duration: 150ms;
	transition-duration: 150ms;
}

}
.after\:content-\[\'\'\] { &::after { content:var( --tw-content); -
	-tw-content: '';
	content: var(- -tw-content);
}

}
.hover\:bg-gray-100\/50 { &:hover { @media (hover : hover) {background-color: color-mix
	(in srgb, oklch (96.7 % 0.003 264.542 ) 50%, transparent );
        @supports (color: color-mix (in lab, red, red )) {
	background-color: color-mix(in oklab, var(- -color-gray-100) 50%,
		transparent);
}

}
}
}
.hover\:shadow-md { &:hover { @media (hover : hover) { --tw-shadow: 0 4px 
	6px -1px var (--tw-shadow-color, rgb (0 0 0 / 0.1 )), 0 2px 4px -2px var
	(--tw-shadow-color, rgb (0 0 0 / 0.1 ));
        box-shadow: var (--tw-inset-shadow), var
	(--tw-inset-ring-shadow), var (--tw-ring-offset-shadow), var
	(--tw-ring-shadow), var (--tw-shadow);
      
	
}

}
}
.focus\:ring-2 { &:focus { --tw-ring-shadow:var( --tw-ring-inset,)000calc(2px
	+ var( --tw-ring-offset-width))var( --tw-ring-color, currentcolor);
	box-shadow: var(- -tw-inset-shadow), var(- -tw-inset-ring-shadow),
		var(- -tw-ring-offset-shadow), var(- -tw-ring-shadow),
		var(- -tw-shadow);
}

}
.focus\:ring-primary { &:focus { --tw-ring-color:var( --color-primary);
	
}

}
.focus\:outline-primary { &:focus { outline-color:var( --color-primary);
	
}

}
.focus\:outline-none { &:focus { --tw-outline-style:none;
	outline-style: none;
}

}
.sm\:block {@media (width >= 40rem) {display: block ;
    
	
}

}
.sm\:inline {@media (width >= 40rem) {display: inline ;
    
	
}

}
.sm\:w-3xl {@media (width >= 40rem) {width: var (--container-3xl);
    
	
}

}
.sm\:w-sm {@media (width >= 40rem) {width: var (--container-sm);
    
	
}

}
.sm\:grid-cols-2 {@media (width >= 40rem) {grid-template-columns: repeat
	(2, minmax (0, 1fr ));
    
	
}

}
.sm\:text-5xl {@media (width >= 40rem) {font-size: var (--text-5xl);
      line-height: var (--tw-leading, var (--text-5xl--line-height));
    
	
}

}
.md\:order-1 {@media (width >= 48rem) {order: 1;
	
}

}
.md\:order-2 {@media (width >= 48rem) {order: 2;
	
}

}
.md\:block {@media (width >= 48rem) {display: block ;
    
	
}

}
.md\:hidden {@media (width >= 48rem) {display: none ;
    
	
}

}
.md\:h-8 {@media (width >= 48rem) {height: calc (var(--spacing) * 8);
	
}

}
.md\:w-1\/2 {@media (width >= 48rem) {width: calc (1/2 * 100%);
	
}

}
.md\:w-8 {@media (width >= 48rem) {width: calc (var(--spacing) * 8);
	
}

}
.md\:w-auto {@media (width >= 48rem) {width: auto ;
    
	
}

}
.md\:grid-cols-2 {@media (width >= 48rem) {grid-template-columns: repeat
	(2, minmax (0, 1fr ));
    
	
}

}
.md\:flex-row {@media (width >= 48rem) {flex-direction: row ;
    
	
}

}
.md\:text-right {@media (width >= 48rem) {text-align: right ;
    
	
}

}
.lg\:absolute {@media (width >= 64rem) {position: absolute ;
    
	
}

}
.lg\:order-1 {@media (width >= 64rem) {order: 1;
	
}

}
.lg\:order-2 {@media (width >= 64rem) {order: 2;
	
}

}
.lg\:mx-0 {@media (width >= 64rem) {margin-inline: calc (var(--spacing) * 
	0);
	
}

}
.lg\:mb-0 {@media (width >= 64rem) {margin-bottom: calc (var(--spacing) * 
	0);
	
}

}
.lg\:mb-20 {@media (width >= 64rem) {margin-bottom: calc (var(--spacing) * 
	20);
	
}

}
.lg\:block {@media (width >= 64rem) {display: block ;
    
	
}

}
.lg\:hidden {@media (width >= 64rem) {display: none ;
    
	
}

}
.lg\:h-30 {@media (width >= 64rem) {height: calc (var(--spacing) * 30);
	
}

}
.lg\:w-1\/2 {@media (width >= 64rem) {width: calc (1/2 * 100%);
	
}

}
.lg\:w-1\/3 {@media (width >= 64rem) {width: calc (1/3 * 100%);
	
}

}
.lg\:w-2\/5 {@media (width >= 64rem) {width: calc (2/5 * 100%);
	
}

}
.lg\:w-2xl {@media (width >= 64rem) {width: var (--container-2xl);
    
	
}

}
.lg\:w-3xl {@media (width >= 64rem) {width: var (--container-3xl);
    
	
}

}
.lg\:w-32 {@media (width >= 64rem) {width: calc (var(--spacing) * 32);
	
}

}
.lg\:w-auto {@media (width >= 64rem) {width: auto ;
    
	
}

}
.lg\:w-lg {@media (width >= 64rem) {width: var (--container-lg);
    
	
}

}
.lg\:grid-cols-2 {@media (width >= 64rem) {grid-template-columns: repeat
	(2, minmax (0, 1fr ));
    
	
}

}
.lg\:grid-cols-3 {@media (width >= 64rem) {grid-template-columns: repeat
	(3, minmax (0, 1fr ));
    
	
}

}
.lg\:grid-cols-4 {@media (width >= 64rem) {grid-template-columns: repeat
	(4, minmax (0, 1fr ));
    
	
}

}
.lg\:flex-row {@media (width >= 64rem) {flex-direction: row ;
    
	
}

}
.lg\:items-baseline {@media (width >= 64rem) {align-items: baseline ;
    
	
}

}
.lg\:items-center {@media (width >= 64rem) {align-items: center ;
    
	
}

}
.lg\:justify-end {@media (width >= 64rem) {justify-content: flex-end ;
    
	
}

}
.lg\:gap-4 {@media (width >= 64rem) {gap: calc (var(--spacing) * 4);
	
}

}
.lg\:gap-8 {@media (width >= 64rem) {gap: calc (var(--spacing) * 8);
	
}

}
.lg\:gap-10 {@media (width >= 64rem) {gap: calc (var(--spacing) * 10);
	
}

}
.lg\:gap-20 {@media (width >= 64rem) {gap: calc (var(--spacing) * 20);
	
}

}
.lg\:gap-40 {@media (width >= 64rem) {gap: calc (var(--spacing) * 40);
	
}

}
.lg\:rounded-none {@media (width >= 64rem) {border-radius: 0;
	
}

}
.lg\:rounded-l-2xl {@media (width >= 64rem) {border-top-left-radius: var
	(--radius-2xl);
      border-bottom-left-radius: var (--radius-2xl);
    
	
}

}
.lg\:border-t-0 {@media (width >= 64rem) {border-top-style: var
	(--tw-border-style);
      border-top-width: 0px ;
    
	
}

}
.lg\:border-l {@media (width >= 64rem) {border-left-style: var
	(--tw-border-style);
      border-left-width: 1px ;
    
	
}

}
.lg\:bg-white {@media (width >= 64rem) {background-color: var
	(--color-white);
    
	
}

}
.lg\:px-10 {@media (width >= 64rem) {padding-inline: calc
	(var(--spacing) * 10);
	
}

}
.lg\:px-20 {@media (width >= 64rem) {padding-inline: calc
	(var(--spacing) * 20);
	
}

}
.lg\:py-20 {@media (width >= 64rem) {padding-block: calc (var(--spacing) * 
	20);
	
}

}
.lg\:py-52 {@media (width >= 64rem) {padding-block: calc (var(--spacing) * 
	52);
	
}

}
.lg\:pt-0 {@media (width >= 64rem) {padding-top: calc (var(--spacing) * 
	0);
	
}

}
.lg\:pt-20 {@media (width >= 64rem) {padding-top: calc (var(--spacing) * 
	20);
	
}

}
.lg\:pb-4 {@media (width >= 64rem) {padding-bottom: calc (var(--spacing) * 
	4);
	
}

}
.lg\:pb-8 {@media (width >= 64rem) {padding-bottom: calc (var(--spacing) * 
	8);
	
}

}
.lg\:pb-20 {@media (width >= 64rem) {padding-bottom: calc
	(var(--spacing) * 20);
	
}

}
.lg\:pl-4 {@media (width >= 64rem) {padding-left: calc (var(--spacing) * 
	4);
	
}

}
.lg\:text-2xl {@media (width >= 64rem) {font-size: var (--text-2xl);
      line-height: var (--tw-leading, var (--text-2xl--line-height));
    
	
}

}
.lg\:text-3xl {@media (width >= 64rem) {font-size: var (--text-3xl);
      line-height: var (--tw-leading, var (--text-3xl--line-height));
    
	
}

}
.lg\:text-4xl {@media (width >= 64rem) {font-size: var (--text-4xl);
      line-height: var (--tw-leading, var (--text-4xl--line-height));
    
	
}

}
.lg\:text-5xl {@media (width >= 64rem) {font-size: var (--text-5xl);
      line-height: var (--tw-leading, var (--text-5xl--line-height));
    
	
}

}
.lg\:text-6xl {@media (width >= 64rem) {font-size: var (--text-6xl);
      line-height: var (--tw-leading, var (--text-6xl--line-height));
    
	
}

}
.xl\:container {@media (width >= 80rem) {width: 100%; @media (width >=
	40rem) {max-width: 40rem ;
      
	
}

@media ( width >= 48rem) {
	max-width
	:
	 
	48
	rem
	;
	
      
}

@media ( width >= 64rem) {
	max-width
	:
	 
	64
	rem
	;
	
      
}

@media ( width >= 80rem) {
	max-width
	:
	 
	80
	rem
	;
	
      
}

@media ( width >= 96rem) {
	max-width
	:
	 
	96
	rem
	;
	
      
}

}
}
.xl\:block {@media (width >= 80rem) {display: block ;
    
	
}

}
.xl\:hidden {@media (width >= 80rem) {display: none ;
    
	
}

}
.xl\:w-2\/5 {@media (width >= 80rem) {width: calc (2/5 * 100%);
	
}

}
.xl\:flex-row {@media (width >= 80rem) {flex-direction: row ;
    
	
}

}
.xl\:border-l {@media (width >= 80rem) {border-left-style: var
	(--tw-border-style);
      border-left-width: 1px ;
    
	
}

}
.\32 xl\:absolute {@media (width >= 96rem) {position: absolute ;
    
	
}

}
.\32 xl\:top-20 {@media (width >= 96rem) {top: calc (var(--spacing) * 
	20);
	
}

}
.\32 xl\:right-30 {@media (width >= 96rem) {right: calc (var(--spacing) * 
	30);
	
}

}
.\32 xl\:bottom-0 {@media (width >= 96rem) {bottom: calc (var(--spacing) * 
	0);
	
}

}
.\32 xl\:my-40 {@media (width >= 96rem) {margin-block: calc
	(var(--spacing) * 40);
	
}

}
.\32 xl\:block {@media (width >= 96rem) {display: block ;
    
	
}

}
.\32 xl\:hidden {@media (width >= 96rem) {display: none ;
    
	
}

}
.\32 xl\:w-1\/2 {@media (width >= 96rem) {width: calc (1/2 * 100%);
	
}

}
.\32 xl\:w-2\/5 {@media (width >= 96rem) {width: calc (2/5 * 100%);
	
}

}
.\32 xl\:w-\[700px\] {@media (width >= 96rem) {width: 700px ;
    
	
}

}
.\32 xl\:w-auto {@media (width >= 96rem) {width: auto ;
    
	
}

}
.\32 xl\:w-full {@media (width >= 96rem) {width: 100%;
	
}

}
.\32 xl\:flex-row {@media (width >= 96rem) {flex-direction: row ;
    
	
}

}
.\32 xl\:items-center {@media (width >= 96rem) {align-items: center ;
    
	
}

}
.\32 xl\:gap-55 {@media (width >= 96rem) {gap: calc (var(--spacing) * 
	55);
	
}

}
.\32 xl\:pt-80 {@media (width >= 96rem) {padding-top: calc
	(var(--spacing) * 80);
	
}

}
.\32 xl\:text-5xl {@media (width >= 96rem) {font-size: var (--text-5xl);
      line-height: var (--tw-leading, var (--text-5xl--line-height));
    
	
}

}
.\[\&_tr\]\:border-b { & tr { border-bottom-style:var( --tw-border-style);
	border-bottom-width: 1px;
}

}
.\[\&_tr\:last-child\]\:border-0 { &
	tr: last-child{
      border-style: var(- -tw-border-style);
	border-width: 0px;
}

}
}
@
layer utilities { .hamburger-toggle { &>div { height:calc(var( --spacing)
	* 0);
	
}

&>
div {
	background-color: var(- -color-white);
}

&>
div { &::before { content:var( --tw-content); -
	-tw-translate-y: calc(var(- -spacing)* 0);
	translate: var(- -tw-translate-x) var(- -tw-translate-y);
}

}
&>
div { &::before { content:var( --tw-content);
	rotate: 45deg;
}

}
&>
div { &::after { content:var( --tw-content); -
	-tw-translate-y: calc(var(- -spacing)* 0);
	translate: var(- -tw-translate-x) var(- -tw-translate-y);
}

}
&>
div { &::after { content:var( --tw-content);
	rotate: calc(45deg * -1);
}

}
}
}
@
layer components { .card { border-radius:var( --radius-2xl);
	border-style: var(- -tw-border-style);
	border-width: 1px;
	border-color: var(- -color-athensGray-100);
	background-color: var(- -color-white);
	padding-inline: calc(var(- -spacing)* 4);
	padding-block: calc(var(- -spacing)* 6); -
	-tw-shadow: 0 1px 2px 0 var(- -tw-shadow-color, rgb(0 0 0/ 0.05));
	box-shadow: var(- -tw-inset-shadow), var(- -tw-inset-ring-shadow),
		var(- -tw-ring-offset-shadow), var(- -tw-ring-shadow),
		var(- -tw-shadow);
}

.card>img {
	margin-bottom: calc(var(- -spacing)* 4);
	height: auto;
	max-height: 225px;
	max-width: 100%;
	flex: 1;
	border-radius: var(- -radius-lg);
	object-fit: cover;
}

.pagination ul li {
	cursor: pointer;
	border-radius: calc(infinity * 1px);
	padding-inline: calc(var(- -spacing)* 4);
	padding-block: calc(var(- -spacing)* 2);
	color: var(- -color-athensGray-600);
}

.pagination ul li.active {
	border-radius: calc(infinity * 1px);
	background-color: var(- -color-athensGray-50);
	color: var(- -color-primary);
}

.step-content-panel {
	display: none;
}

.step-content-panel.active-content {
	display: block;
}

#steps-navigation {
	margin-bottom: calc(var(- -spacing)* 8);
	display: flex;
	flex-direction: column;
	@media
	(
	width
	>=
	64rem)
{
	flex-direction
	:
	 
	row
	;
	
    
}

font-family
:
 
var
(--font-lexend);

    
color
:
 
var
(--color-athensGray-700);

  
}
#steps-navigation .step-item {
	position: relative;
	width: calc(var(- -spacing)* 75);
	max-width: calc(var(- -spacing)* 75);
	flex: 1;
	cursor: pointer;
	padding-bottom: calc(var(- -spacing)* 2);
	text-align: left;
	font-size: var(- -text-2xl);
	line-height: var(- -tw-leading, var(- -text-2xl--line-height)); -
	-tw-font-weight: var(- -font-weight-normal);
	font-weight: var(- -font-weight-normal);
	color: var(- -color-athensGray-700);
	@media
	(
	width
	>=
	64rem)
{
	text-align
	:
	 
	center
	;
	
    
}

}
#steps-navigation .step-item.active-step { -
	-tw-font-weight: var(- -font-weight-bold);
	font-weight: var(- -font-weight-bold);
	color: var(- -color-primary);
}

#steps-navigation .step-item::after {
	content: '';
	position: absolute;
	bottom: calc(var(- -spacing)* 2);
	left: calc(var(- -spacing)* -2);
	height: calc(100% - 10px);
	width: calc(var(- -spacing)* 1);
	background-color: var(- -color-athensGray-200);
	@media
	(
	width
	>=
	64rem)
{
	bottom
	:
	 
	calc
	(var(--spacing)
	 
	*
	 
	-2);
}

@media ( width >= 64rem) {
	left
	:
	 
	calc
	(var(--spacing)
	 
	*
	 
	0);
}

@media ( width >= 64rem) {
	height
	:
	 
	calc
	(var(--spacing)
	 
	*
	 
	1
	.5
	);
	
    
}

@media ( width >= 64rem) {
	width
	:
	 
	100%;
}

}
#steps-navigation .step-item.active-step::after {
	border-radius: calc(infinity * 1px);
	background-color: var(- -color-primary);
}

#steps-navigation .step-item:first-child::after {
	border-top-left-radius: calc(infinity * 1px);
	border-bottom-left-radius: calc(infinity * 1px);
}

#steps-navigation .step-item:last-child::after {
	border-top-right-radius: calc(infinity * 1px);
	border-bottom-right-radius: calc(infinity * 1px);
}

.popper {
	position: absolute;
	top: 70px;
	left: 20px;
	background: white;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	display: none;
}



}
nav li.active {
	position: relative;
	font-family: var(- -font-lexend); -
	-tw-font-weight: var(- -font-weight-bold);
	font-weight: var(- -font-weight-bold);
	color: var(- -color-primary);
}

nav li.active::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: var(- -color-primary);
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
}

.swiper-home {
	margin-right: 0 !important;
}

.home-pagination {
	position: relative !important;
}

.swiper-button-next, .swiper-button-prev {
	color: var(- -color-primary) !important;
	width: 16px !important;
	height: 16px !important;
	top: -5px !important;
}

.swiper-pagination .swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
	background-color: var(- -color-athensGray-200) !important;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	background-color: var(- -color-primary) !important;
}

.swiper-button-next::after, .swiper-button-prev::after {
	font-size: 16px !important;
}

@media only screen and (max-width: 1536px) {
	.swiper-home {
		margin-left: 0 !important;
	}
}

html {
	font-family: var(- -font-lexend);
	color: var(- -color-primary);
}

@
property --tw-translate-x {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@
property --tw-translate-y {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@
property --tw-translate-z {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@
property --tw-rotate-x {
	syntax: "*";
	inherits: false;
}

@
property --tw-rotate-y {
	syntax: "*";
	inherits: false;
}

@
property --tw-rotate-z {
	syntax: "*";
	inherits: false;
}

@
property --tw-skew-x {
	syntax: "*";
	inherits: false;
}

@
property --tw-skew-y {
	syntax: "*";
	inherits: false;
}

@
property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid;
}

@
property --tw-leading {
	syntax: "*";
	inherits: false;
}

@
property --tw-font-weight {
	syntax: "*";
	inherits: false;
}

@
property --tw-tracking {
	syntax: "*";
	inherits: false;
}

@
property --tw-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@
property --tw-shadow-color {
	syntax: "*";
	inherits: false;
}

@
property --tw-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}

@
property --tw-inset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@
property --tw-inset-shadow-color {
	syntax: "*";
	inherits: false;
}

@
property --tw-inset-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}

@
property --tw-ring-color {
	syntax: "*";
	inherits: false;
}

@
property --tw-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@
property --tw-inset-ring-color {
	syntax: "*";
	inherits: false;
}

@
property --tw-inset-ring-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@
property --tw-ring-inset {
	syntax: "*";
	inherits: false;
}

@
property --tw-ring-offset-width {
	syntax: "<length>";
	inherits: false;
	initial-value: 0px;
}

@
property --tw-ring-offset-color {
	syntax: "*";
	inherits: false;
	initial-value: #fff;
}

@
property --tw-ring-offset-shadow {
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@
property --tw-outline-style {
	syntax: "*";
	inherits: false;
	initial-value: solid;
}

@
property --tw-blur {
	syntax: "*";
	inherits: false;
}

@
property --tw-brightness {
	syntax: "*";
	inherits: false;
}

@
property --tw-contrast {
	syntax: "*";
	inherits: false;
}

@
property --tw-grayscale {
	syntax: "*";
	inherits: false;
}

@
property --tw-hue-rotate {
	syntax: "*";
	inherits: false;
}

@
property --tw-invert {
	syntax: "*";
	inherits: false;
}

@
property --tw-opacity {
	syntax: "*";
	inherits: false;
}

@
property --tw-saturate {
	syntax: "*";
	inherits: false;
}

@
property --tw-sepia {
	syntax: "*";
	inherits: false;
}

@
property --tw-drop-shadow {
	syntax: "*";
	inherits: false;
}

@
property --tw-drop-shadow-color {
	syntax: "*";
	inherits: false;
}

@
property --tw-drop-shadow-alpha {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}

@
property --tw-drop-shadow-size {
	syntax: "*";
	inherits: false;
}

@
property --tw-duration {
	syntax: "*";
	inherits: false;
}

@
property --tw-scale-x {
	syntax: "*";
	inherits: false;
	initial-value: 1;
}

@
property --tw-scale-y {
	syntax: "*";
	inherits: false;
	initial-value: 1;
}

@
property --tw-scale-z {
	syntax: "*";
	inherits: false;
	initial-value: 1;
}

@
property --tw-content {
	syntax: "*";
	initial-value: "";
	inherits: false;
}

@
layer properties { @
	supports ((-webkit-hyphens: none) and(not(margin-trim: inline))) or((-moz-orient:
		 inline) and(not(color:rgb(from red r g b)))){
    *,::before,::after,::backdrop{
      --tw-translate-x: 0; -
	-tw-translate-y: 0; -
	-tw-translate-z: 0; -
	-tw-rotate-x: initial; -
	-tw-rotate-y: initial; -
	-tw-rotate-z: initial; -
	-tw-skew-x: initial; -
	-tw-skew-y: initial; -
	-tw-border-style: solid; -
	-tw-leading: initial; -
	-tw-font-weight: initial; -
	-tw-tracking: initial; -
	-tw-shadow: 0 0 #0000; -
	-tw-shadow-color: initial; -
	-tw-shadow-alpha: 100%; -
	-tw-inset-shadow: 0 0 #0000; -
	-tw-inset-shadow-color: initial; -
	-tw-inset-shadow-alpha: 100%; -
	-tw-ring-color: initial; -
	-tw-ring-shadow: 0 0 #0000; -
	-tw-inset-ring-color: initial; -
	-tw-inset-ring-shadow: 0 0 #0000; -
	-tw-ring-inset: initial; -
	-tw-ring-offset-width: 0px; -
	-tw-ring-offset-color: #fff; -
	-tw-ring-offset-shadow: 0 0 #0000; -
	-tw-outline-style: solid; -
	-tw-blur: initial; -
	-tw-brightness: initial; -
	-tw-contrast: initial; -
	-tw-grayscale: initial; -
	-tw-hue-rotate: initial; -
	-tw-invert: initial; -
	-tw-opacity: initial; -
	-tw-saturate: initial; -
	-tw-sepia: initial; -
	-tw-drop-shadow: initial; -
	-tw-drop-shadow-color: initial; -
	-tw-drop-shadow-alpha: 100%; -
	-tw-drop-shadow-size: initial; -
	-tw-duration: initial; -
	-tw-scale-x: 1; -
	-tw-scale-y: 1; -
	-tw-scale-z: 1; -
	-tw-content: "";
}
}
}

.msg {
	margin-bottom: calc(var(- -spacing)* 8);
	border-style: var(- -tw-border-style);
	border-width: 1px;
	padding-block: calc(var(- -spacing)* 8);
	text-align: center;
	font-size: var(- -text-lg);
	line-height: var(- -tw-leading, var(- -text-lg--line-height));
}

.infomessage {
	background-color: oklch(62.3% 0.214 259.815);;
	color: #fff;
}

.article {
	padding-top: 50px;
	text-align: justify;
}
.card>img {
	margin-bottom: calc(var(- -spacing)* 4);
	height: auto;
	max-height: 225px;
	max-width: 100%;
	flex: 1;
	border-radius: var(- -radius-lg);
	object-fit: cover;
}