:root {

	--main: #00A161;
	--secondary: #F0821D;
	
	--tertiary: #37A692;
	--darktertiary: #277466;

	--dark: #1C232D;
	--grey: #546378;

	--grey-100: #F5F6F7;

	
	--main-100: #E9EAEE;
	--main-200: #7F859E;
	--main-300: #191F3D; 
	
	--block-1: 1250px;
	--block-2: 920px;
	--block-3: 760px;

 	--size-900: 56px;
	--size-800: 48px;
	--size-700: 40px;
	--size-600: 36px;
	--size-500: 24px;
	--size-400: 20px;
	--size-300: 18px;
	--size-200: 16px;
	--size-100: 14px;

	--weight-700: 700;
	--weight-600: 600;
	--weight-500: 500;
	--weight-400: 400;
	--weight-300: 300;

	--space-200: 200px;
	--space-180: 180px;
	--space-170: 170px;
	--space-150: 150px;
	--space-140: 140px;
	--space-130: 130px;
	--space-120: 120px;
	--space-100: 100px;
	--space-90: 90px;
	--space-80: 80px;
	--space-70: 70px;
	--space-60: 60px;
	--space-50: 50px;
	--space-40: 40px;
	--space-30: 30px;
	--space-25: 25px;
	--space-20: 20px;
	--space-15: 15px;
	--space-10: 10px;
	--space-5: 5px;
	--space-2: 2px;
	
}

::selection {
	background-color: var(--main);
	text-shadow: none;
	color: #fff;
}

::placeholder {
	color: var(--grey);
}

/* Resets */

.reset-lh {
	line-height: 1;
}

.regular-lh {
	line-height: 1.4;
}

.reset-style {
	font-style: normal;
}

.reset-button {
	padding: 0;
	border: 0;
	background-color: transparent;
}

/* Variable */

.color-main {
	color: var(--main);
}

.color-main-100 {
	color: var(--main-100);
}

.color-main-200 {
	color: var(--main-200);
}

.color-secondary {
	color: var(--secondary);
}

.color-tertiary {
	color: var(--tertiary);
}

.color-dark {
	color: var(--dark);
}

.color-yellow {
	color: var(--yellow);
}

.color-blue {
	color: var(--blue);
}

.color-grey {
	color: var(--grey);
}

.color-softmain {
	color: var(--softmain);
}

.color-darkmain {
	color: var(--darkmain);
}

.color-white {
	color: white;
}

.color-black  {
	color: black;
}

.bg-main {
	background: var(--main);
}

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

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

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

.bg-softgrey {
	background: var(--softgrey);
}

.bg-secondary {
	background: var(--secondary);
}

.bg-tertiary {
	background: var(--tertiary);
}

.bg-yellow {
	background: var(--yellow);
}

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

.bg-darkmain {
	background: var(--darkmain);
}

.bg-white {
	background: white;
}

.bg-black {
	background: black;
}

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

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

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

.bg-grey {
	background: var(--grey);
}

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

.bg-transparent {
	background: transparent;
}

.size-950 {
	font-size: var(--size-950);
}

.size-900 {
	font-size: var(--size-900);
}

.size-800 {
	font-size: var(--size-800);
}

.size-700 {
	font-size: var(--size-700);
}

.size-650 {
	font-size: var(--size-650);
}

.size-600 {
	font-size: var(--size-600);
}

.size-500 {
	font-size: var(--size-500);
}

.size-400 {
	font-size: var(--size-400);
}

.size-300 {
	font-size: var(--size-300);
}

.size-250 {
	font-size: var(--size-250);
}

.size-200 {
	font-size: var(--size-200);
}

.size-100 {
	font-size: var(--size-100);
}

.weight-700 {
	font-weight: var(--weight-700);
}

.weight-600 {
	font-weight: var(--weight-600);
}

.weight-500 {
	font-weight: var(--weight-500);
}

.weight-400 {
	font-weight: var(--weight-400);
}

.weight-300 {
	font-weight: var(--weight-300);
}

.block-1 {
	width: 100%;
	max-width: var(--block-1);
}

.block-2 {
	width: 100%;
	max-width: var(--block-2);
}

.block-3 {
	width: 100%;
	max-width: var(--block-3);
}

.block-4 {
	width: 100%;
	max-width: var(--block-4);
}

.block-5 {
	width: 100%;
	max-width: var(--block-5);
}

/* General */

.hidden {
	display: none;
}

.flex {
	display: flex;
}

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

.block {
	display: block;
}

.grid {
	display: grid;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.fixed {
	position: fixed;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.sticky {
	position: sticky;
}

.center {
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.center-x {
	transform: translateX(-50%);
	left: 50%;
}


.center-y {
	transform: translateY(-50%);
	top: 50%;
}

.items-start {
	align-items: flex-start;
}

.items-end {
	align-items: flex-end;
}

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

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

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

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

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

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

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

.m-auto {
	margin: auto;
}

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

.mr-auto {
	margin-right: auto;
}

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

.inset {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.top-0 {
	top: 0px;
}

.top-10 {
	top: 10px;
}

.top-20 {
	top: 20px;
}

.top-30 {
	top: 30px;
}

.top-40 {
	top: 40px;
}

.top-50 {
	top: 50px;
}

.top-full {
	top: 100%;
}

.left-0 {
	left: 0px;
}

.left-10 {
	left: 10px;
}

.left-20 {
	left: 20px;
}

.left-30 {
	left: 30px;
}

.left-40 {
	left: 40px;
}

.left-50 {
	left: 50px;
}

.bottom-0 {
	bottom: 0px;
}

.bottom-10 {
	bottom: 10px;
}

.bottom-20 {
	bottom: 20px;
}

.bottom-30 {
	bottom: 30px;
}

.bottom-40 {
	bottom: 40px;
}

.bottom-50 {
	bottom: 50px;
}

.right-0 {
	right: 0px;
}

.right-10 {
	right: 10px;
}

.right-20 {
	right: 20px;
}

.right-30 {
	right: 30px;
}

.right-40 {
	right: 40px;
}

.right-50 {
	right: 50px;
}

.bottom-10 {
	bottom: -20px;
}

.right-10 {
	right: -20px;
}

.left-50 {
	left: 50%;
}

.right-50 {
	right: 50%;
}

.top-50 {
	top: 50%;
}

.bottom-50 {
	bottom: 50%;
}

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

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

.text-pretty {
	text-wrap: pretty;
}

.text-balance {
	text-wrap: balance;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-fit {
	height: fit-content;
}

.h-100 {
	height: 100vh;
}

.h-50 {
	height: 50%;
}

.h-33 {
	height: calc(100% / 3);
}

.h-40 {
	height: 40%;
}

.h-30 {
	height: 30%;
}

.h-60 {
	height: 60%;
}

.h-65 {
	height: 65%;
}

.h-66 {
	height: calc((100%/3)*2);
}

.h-25 {
	height: 25%;
}

.h-75 {
	height: 75%;
}

.h-20 {
	height: 20%;
}

.h-60 {
	height: 60%;
}

.h-70 {
	height: 70%;
}

.h-80 {
	height: 80%;
}

.h-90 {
	height: 90%;
}

.max-h-600 {
	max-height: 650px;
}

.w-auto {
	width: auto;
}

.w-full {
	width: 100%;
}

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

.w-100 {
	width: 100vw;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-33 {
	width: calc(100% / 3);
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-55 {
	width: 55%;
}

.w-60 {
	width: 60%;
}

.w-65 {
	width: 65%;
}

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

.w-70 {
	width: 70%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-90 {
	width: 90%;
}

.max-w-full {
	max-width: 100%;
}

.max-w-none {
	max-width: none;
}

.min-w-300 {
	min-width: 300px;
}

.min-w-350 {
	min-width: 350px;
}

.min-w-400 {
	min-width: 400px;
}

.min-w-500 {
	min-width: 500px;
}

.min-w-600 {
	min-width: 600px;
}

.min-w-800 {
	min-width: 800px;
}

.max-w-400 {
	max-width: 400px;
}

.max-w-500 {
	max-width: 500px;
}

.max-w-600 {
	max-width: 600px;
}

.max-w-800 {
	max-width: 800px;
}

.max-w-900 {
	max-width: 900px;
}

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

.grid-flow-col {
	grid-auto-flow: column;
}

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

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

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

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

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

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

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

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

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

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

.grid-rows-5 {
	grid-template-rows: repeat(5, 1fr);
}

.grid-rows-6 {
	grid-template-rows: repeat(6, 1fr);
}

.grid-rows-7 {
	grid-template-rows: repeat(7, 1fr);
}

.grid-rows-8 {
	grid-template-rows: repeat(8, 1fr);
}

.grid-rows-9 {
	grid-template-rows: repeat(9, 1fr);
}

.grid-rows-10 {
	grid-template-rows: repeat(10, 1fr);
}

.col-full,
.col-span-full {
	grid-column: 1 / -1;
}

.col-span-1 {
	grid-column: span 1 / span 1;
}

.col-span-2 {
	grid-column: span 2 / span 2;
}

.col-span-3 {
	grid-column: span 3 / span 3;
}

.col-span-3 {
	grid-column: span 3 / span 3;
}

.col-span-4 {
	grid-column: span 4 / span 4;
}

.col-span-5 {
	grid-column: span 5 / span 5;
}

.col-span-6 {
	grid-column: span 6 / span 6;
}

.col-span-7 {
	grid-column: span 7 / span 7;
}

.col-span-8 {
	grid-column: span 8 / span 8;
}

.col-span-9 {
	grid-column: span 9 / span 9;
}

.col-span-full {
	grid-column: 1 / -1;
}

.row-span-1 {
	grid-row: span 1 / span 1;
}

.row-span-2 {
	grid-row: span 2 / span 2;
}

.row-span-3 {
	grid-row: span 3 / span 3;
}

.row-span-3 {
	grid-row: span 3 / span 3;
}

.row-span-4 {
	grid-row: span 4 / span 4;
}

.row-span-5 {
	grid-row: span 5 / span 5;
}

.row-span-6 {
	grid-row: span 6 / span 6;
}

.row-span-7 {
	grid-row: span 7 / span 7;
}

.row-span-8 {
	grid-row: span 8 / span 8;
}

.row-span-9 {
	grid-row: span 9 / span 9;
}

.row-span-full {
	grid-row: 1 / -1;
}

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

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

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

.-translate-x-50 {
	transform: translateX(-50%);
}

.-translate-y-50 {
	transform: translateY(-50%);
}

.-translate-50 {
	transform: translate(-50%, -50%);
}

.translate-x-50 {
	transform: translateX(50%);
}

.translate-y-50 {
	transform: translateY(50%);
}

.translate-50 {
	transform: translate(50%, 50%);
}

.-translate-x-100 {
	transform: translateX(-100%);
}

.-translate-y-100 {
	transform: translateY(-100%);
}

.-translate-100 {
	transform: translate(-100%, -100%);
}

.translate-x-100 {
	transform: translateX(100%);
}

.translate-y-100 {
	transform: translateY(100%);
}
.-translate-y-100 {
	transform: translateY(-100%);
}

.translate-100 {
	transform: translate(100%, 100%);
}

.translate-left-100 {
	transform: translateX(var(--space-100));
}

.translate-right-100 {
	transform: translateX(calc(var(--space-100) * -1));
}

.overflow-hidden {
	overflow: hidden;
}

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

.overflow-y-scroll {
	overflow-y: scroll;
}

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

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

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


.object-contain,
figure.contain img {
	object-fit: contain;
}

.transition {
	transition: all 280ms ease;
}

.rounded {
	border-radius: 50vw;
}

.border-img {
	border: 4px solid var(--main);
}

.border-main-200 {
	border:1px solid var(--main-200)
}

.border {
	border: 3px solid currentColor;
}

.radius-top-10 {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.radius {
	border-radius: 3px;
}

.radius-15 {
	border-radius: 15px;
	overflow: hidden;
}

.shadow {
	box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.20);
}

.radius-top {
	border-radius: 7px 7px 0 0;
}

.radius-top-left {
	border-top-left-radius: 15px;
}

.radius-top-right {
	border-top-right-radius: 15px;
}

.radius-bottom {
	border-radius: 0 0 7px 7px;
}

.top-radius {
	border-radius: 15px 15px 0 0;
}

.bottom-radius {
	border-radius: 0 0 15px 15px;
}

.aspect-square {
	aspect-ratio: 1 / 1;
}

.aspect-video {
	aspect-ratio: 16 / 9;
}

.bg-cover {
	background-size: cover;
}

.pointer {
	cursor: pointer;
}

.default {
	cursor: default;
}

.pointer-none {
	pointer-events: none;
}

.transition-300 {
	transition: all 320ms ease;
}

.transition-400 {
	transition: all 480ms ease;
}

.transition-500 {
	transition: all 520ms ease;
}

.transition-600 {
	transition: all 640ms ease;
}

.transition-700 {
	transition: var(--transition-700);
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.capitalize {
	text-transform: capitalize;
}

.opacity-0 {
	opacity: 0;
}

.opacity-30 {
	opacity: 0.3;
}

.opacity-50 {
	opacity: 0.5;
}

.reset-appearance {
	padding: 0;
	background: none;
	border: none;
	appearance: none;
}

.gap-200 {
	gap: var(--space-200);
}

.gap-150 {
	gap: var(--space-150);
}

.gap-130 {
	gap: var(--space-130);
}

.gap-120 {
	gap: var(--space-120);
}

.gap-100 {
	gap: var(--space-100);
}

.gap-90 {
	gap: var(--space-90);
}

.gap-80 {
	gap: var(--space-80);
}

.gap-70 {
	gap: var(--space-70);
}

.gap-60 {
	gap: var(--space-60);
}

.gap-50 {
	gap: var(--space-50);
}

.gap-40 {
	gap: var(--space-40);
}

.gap-30 {
	gap: var(--space-30);
}

.gap-25 {
	gap: var(--space-25);
}

.gap-20 {
	gap: var(--space-20);
}

.gap-15 {
	gap: var(--space-15);
}

.gap-10 {
	gap: var(--space-10);
}

.gap-5 {
	gap: var(--space-5);
}

.gap-2 {
	gap: var(--space-2);
}

.p-200 {
	padding: var(--space-200);
}

.p-150 {
	padding: var(--space-150);
}

.p-130 {
	padding: var(--space-130);
}

.p-120 {
	padding: var(--space-120);
}

.p-100 {
	padding: var(--space-100);
}

.p-90 {
	padding: var(--space-90);
}

.p-80 {
	padding: var(--space-80);
}

.p-70 {
	padding: var(--space-70);
}

.p-60 {
	padding: var(--space-60);
}

.p-50 {
	padding: var(--space-50);
}

.p-40 {
	padding: var(--space-40);
}

.p-30 {
	padding: var(--space-30);
}

.p-25 {
	padding: var(--space-25);
}

.p-20 {
	padding: var(--space-20);
}

.p-15 {
	padding: var(--space-15);
}

.p-10 {
	padding: var(--space-10);
}

.p-5 {
	padding: var(--space-5);
}

.px-200 {
	padding-right: var(--space-200);
	padding-left: var(--space-200);
}

.px-150 {
	padding-right: var(--space-150);
	padding-left: var(--space-150);
}

.px-140 {
	padding-right: var(--space-140);
	padding-left: var(--space-140);
}

.px-130 {
	padding-right: var(--space-130);
	padding-left: var(--space-130);
}

.px-120 {
	padding-right: var(--space-120);
	padding-left: var(--space-120);
}

.px-100 {
	padding-right: var(--space-100);
	padding-left: var(--space-100);
}

.px-90 {
	padding-right: var(--space-90);
	padding-left: var(--space-90);
}

.px-80 {
	padding-right: var(--space-80);
	padding-left: var(--space-80);
}

.px-70 {
	padding-right: var(--space-70);
	padding-left: var(--space-70);
}

.px-60 {
	padding-right: var(--space-60);
	padding-left: var(--space-60);
}

.px-50 {
	padding-right: var(--space-50);
	padding-left: var(--space-50);
}

.px-40 {
	padding-right: var(--space-40);
	padding-left: var(--space-40);
}

.px-30 {
	padding-right: var(--space-30);
	padding-left: var(--space-30);
}

.px-25 {
	padding-right: var(--space-25);
	padding-left: var(--space-25);
}

.px-20 {
	padding-right: var(--space-20);
	padding-left: var(--space-20);
}

.px-15 {
	padding-right: var(--space-15);
	padding-left: var(--space-15);
}

.px-10 {
	padding-right: var(--space-10);
	padding-left: var(--space-10);
}

.px-5 {
	padding-right: var(--space-5);
	padding-left: var(--space-5);
}

.py-200 {
	padding-top: var(--space-200);
	padding-bottom: var(--space-200);
}

.py-150 {
	padding-top: var(--space-150);
	padding-bottom: var(--space-150);
}

.py-140 {
	padding-top: var(--space-140);
	padding-bottom: var(--space-140);
}

.py-130 {
	padding-top: var(--space-130);
	padding-bottom: var(--space-130);
}

.py-120 {
	padding-top: var(--space-120);
	padding-bottom: var(--space-120);
}

.py-180 {
	padding-top: var(--space-180);
	padding-bottom: var(--space-180);
}

.py-100 {
	padding-top: var(--space-100);
	padding-bottom: var(--space-100);
}

.py-90 {
	padding-top: var(--space-90);
	padding-bottom: var(--space-90);
}

.py-80 {
	padding-top: var(--space-80);
	padding-bottom: var(--space-80);
}

.py-70 {
	padding-top: var(--space-70);
	padding-bottom: var(--space-70);
}

.py-60 {
	padding-top: var(--space-60);
	padding-bottom: var(--space-60);
}

.py-50 {
	padding-top: var(--space-50);
	padding-bottom: var(--space-50);
}

.py-40 {
	padding-top: var(--space-40);
	padding-bottom: var(--space-40);
}

.py-30 {
	padding-top: var(--space-30);
	padding-bottom: var(--space-30);
}

.py-25 {
	padding-top: var(--space-25);
	padding-bottom: var(--space-25);
}

.py-20 {
	padding-top: var(--space-20);
	padding-bottom: var(--space-20);
}

.py-15 {
	padding-top: var(--space-15);
	padding-bottom: var(--space-15);
}

.py-10 {
	padding-top: var(--space-10);
	padding-bottom: var(--space-10);
}

.py-5 {
	padding-top: var(--space-5);
	padding-bottom: var(--space-5);
}

.pt-200 {
	padding-top: var(--space-200);
}

.pt-180 {
	padding-top: var(--space-180);
}

.pt-170 {
	padding-top: var(--space-170);
}

.pt-150 {
	padding-top: var(--space-150);
}

.pt-140 {
	padding-top: var(--space-140);
}

.pt-130 {
	padding-top: var(--space-130);
}

.pt-120 {
	padding-top: var(--space-120);
}

.pt-100 {
	padding-top: var(--space-100);
}

.pt-90 {
	padding-top: var(--space-90);
}

.pt-80 {
	padding-top: var(--space-80);
}

.pt-70 {
	padding-top: var(--space-70);
}

.pt-60 {
	padding-top: var(--space-60);
}

.pt-50 {
	padding-top: var(--space-50);
}

.pt-40 {
	padding-top: var(--space-40);
}

.pt-30 {
	padding-top: var(--space-30);
}

.pt-25 {
	padding-top: var(--space-25);
}

.pt-20 {
	padding-top: var(--space-20);
}

.pt-15 {
	padding-top: var(--space-15);
}

.pt-10 {
	padding-top: var(--space-10);
}

.pt-5 {
	padding-top: var(--space-5);
}

.pr-200 {
	padding-right: var(--space-200);
}

.pr-150 {
	padding-right: var(--space-150);
}

.pr-130 {
	padding-right: var(--space-130);
}

.pr-120 {
	padding-right: var(--space-120);
}

.pr-100 {
	padding-right: var(--space-100);
}

.pr-90 {
	padding-right: var(--space-90);
}

.pr-80 {
	padding-right: var(--space-80);
}

.pr-70 {
	padding-right: var(--space-70);
}

.pr-60 {
	padding-right: var(--space-60);
}

.pr-50 {
	padding-right: var(--space-50);
}

.pr-40 {
	padding-right: var(--space-40);
}

.pr-30 {
	padding-right: var(--space-30);
}

.pr-25 {
	padding-right: var(--space-25);
}

.pr-20 {
	padding-right: var(--space-20);
}

.pr-15 {
	padding-right: var(--space-15);
}

.pr-10 {
	padding-right: var(--space-10);
}

.pr-5 {
	padding-right: var(--space-5);
}

.pb-200 {
	padding-bottom: var(--space-200);
}

.pb-180 {
	padding-bottom: var(--space-180);
}

.pb-150 {
	padding-bottom: var(--space-150);
}

.pb-140 {
	padding-bottom: var(--space-140);
}

.pb-130 {
	padding-bottom: var(--space-130);
}

.pb-120 {
	padding-bottom: var(--space-120);
}

.pb-100 {
	padding-bottom: var(--space-100);
}

.pb-90 {
	padding-bottom: var(--space-90);
}

.pb-80 {
	padding-bottom: var(--space-80);
}

.pb-70 {
	padding-bottom: var(--space-70);
}

.pb-60 {
	padding-bottom: var(--space-60);
}

.pb-50 {
	padding-bottom: var(--space-50);
}

.pb-40 {
	padding-bottom: var(--space-40);
}

.pb-30 {
	padding-bottom: var(--space-30);
}

.pb-25 {
	padding-bottom: var(--space-25);
}

.pb-20 {
	padding-bottom: var(--space-20);
}

.pb-15 {
	padding-bottom: var(--space-15);
}

.pb-10 {
	padding-bottom: var(--space-10);
}

.pb-5 {
	padding-bottom: var(--space-5);
}

.pl-200 {
	padding-left: var(--space-200);
}

.pl-150 {
	padding-left: var(--space-150);
}

.pl-130 {
	padding-left: var(--space-130);
}

.pl-120 {
	padding-left: var(--space-120);
}

.pl-100 {
	padding-left: var(--space-100);
}

.pl-90 {
	padding-left: var(--space-90);
}

.pl-80 {
	padding-left: var(--space-80);
}

.pl-70 {
	padding-left: var(--space-70);
}

.pl-60 {
	padding-left: var(--space-60);
}

.pl-50 {
	padding-left: var(--space-50);
}

.pl-40 {
	padding-left: var(--space-40);
}

.pl-30 {
	padding-left: var(--space-30);
}

.pl-25 {
	padding-left: var(--space-25);
}

.pl-20 {
	padding-left: var(--space-20);
}

.pl-15 {
	padding-left: var(--space-15);
}

.pl-10 {
	padding-left: var(--space-10);
}

.pl-5 {
	padding-left: var(--space-5);
}

.m-200 {
	margin: var(--space-200);
}

.m-150 {
	margin: var(--space-150);
}

.m-130 {
	margin: var(--space-130);
}

.m-120 {
	margin: var(--space-120);
}

.m-100 {
	margin: var(--space-100);
}

.m-90 {
	margin: var(--space-90);
}

.m-80 {
	margin: var(--space-80);
}

.m-70 {
	margin: var(--space-70);
}

.m-60 {
	margin: var(--space-60);
}

.m-50 {
	margin: var(--space-50);
}

.m-40 {
	margin: var(--space-40);
}

.m-30 {
	margin: var(--space-30);
}

.m-25 {
	margin: var(--space-25);
}

.m-20 {
	margin: var(--space-20);
}

.m-15 {
	margin: var(--space-15);
}

.m-10 {
	margin: var(--space-10);
}

.m-5 {
	margin: var(--space-5);
}

.m-0 {
	margin: var(--space-0);
}

.mx-200 {
	margin-right: var(--space-200);
	margin-left: var(--space-200);
}

.mx-150 {
	margin-right: var(--space-150);
	margin-left: var(--space-150);
}

.mx-130 {
	margin-right: var(--space-130);
	margin-left: var(--space-130);
}

.mx-120 {
	margin-right: var(--space-120);
	margin-left: var(--space-120);
}

.mx-100 {
	margin-right: var(--space-100);
	margin-left: var(--space-100);
}

.mx-90 {
	margin-right: var(--space-90);
	margin-left: var(--space-90);
}

.mx-80 {
	margin-right: var(--space-80);
	margin-left: var(--space-80);
}

.mx-70 {
	margin-right: var(--space-70);
	margin-left: var(--space-70);
}

.mx-60 {
	margin-right: var(--space-60);
	margin-left: var(--space-60);
}

.mx-50 {
	margin-right: var(--space-50);
	margin-left: var(--space-50);
}

.mx-40 {
	margin-right: var(--space-40);
	margin-left: var(--space-40);
}

.mx-30 {
	margin-right: var(--space-30);
	margin-left: var(--space-30);
}

.mx-25 {
	margin-right: var(--space-25);
	margin-left: var(--space-25);
}

.mx-20 {
	margin-right: var(--space-20);
	margin-left: var(--space-20);
}

.mx-15 {
	margin-right: var(--space-15);
	margin-left: var(--space-15);
}

.mx-10 {
	margin-right: var(--space-10);
	margin-left: var(--space-10);
}

.mx-5 {
	margin-right: var(--space-5);
	margin-left: var(--space-5);
}

.my-200 {
	margin-top: var(--space-200);
	margin-bottom: var(--space-200);
}

.my-150 {
	margin-top: var(--space-150);
	margin-bottom: var(--space-150);
}

.my-130 {
	margin-top: var(--space-130);
	margin-bottom: var(--space-130);
}

.my-120 {
	margin-top: var(--space-120);
	margin-bottom: var(--space-120);
}

.my-100 {
	margin-top: var(--space-100);
	margin-bottom: var(--space-100);
}

.my-90 {
	margin-top: var(--space-90);
	margin-bottom: var(--space-90);
}

.my-80 {
	margin-top: var(--space-80);
	margin-bottom: var(--space-80);
}

.my-70 {
	margin-top: var(--space-70);
	margin-bottom: var(--space-70);
}

.my-60 {
	margin-top: var(--space-60);
	margin-bottom: var(--space-60);
}

.my-50 {
	margin-top: var(--space-50);
	margin-bottom: var(--space-50);
}

.my-40 {
	margin-top: var(--space-40);
	margin-bottom: var(--space-40);
}

.my-30 {
	margin-top: var(--space-30);
	margin-bottom: var(--space-30);
}

.my-25 {
	margin-top: var(--space-25);
	margin-bottom: var(--space-25);
}

.my-20 {
	margin-top: var(--space-20);
	margin-bottom: var(--space-20);
}

.my-15 {
	margin-top: var(--space-15);
	margin-bottom: var(--space-15);
}

.my-10 {
	margin-top: var(--space-10);
	margin-bottom: var(--space-10);
}

.my-5 {
	margin-top: var(--space-5);
	margin-bottom: var(--space-5);
}

.mt-200 {
	margin-top: var(--space-200);
}

.mt-150 {
	margin-top: var(--space-150);
}

.mt-140 {
	margin-top: var(--space-140);
}

.mt-130 {
	margin-top: var(--space-130);
}

.mt-120 {
	margin-top: var(--space-120);
}

.mt-100 {
	margin-top: var(--space-100);
}

.mt-90 {
	margin-top: var(--space-90);
}

.mt-80 {
	margin-top: var(--space-80);
}

.mt-70 {
	margin-top: var(--space-70);
}

.mt-60 {
	margin-top: var(--space-60);
}

.mt-50 {
	margin-top: var(--space-50);
}

.mt-40 {
	margin-top: var(--space-40);
}

.mt-30 {
	margin-top: var(--space-30);
}

.mt-25 {
	margin-top: var(--space-25);
}

.mt-20 {
	margin-top: var(--space-20);
}

.mt-15 {
	margin-top: var(--space-15);
}

.mt-10 {
	margin-top: var(--space-10);
}

.mt-5 {
	margin-top: var(--space-5);
}

.mr-200 {
	margin-right: var(--space-200);
}

.mr-150 {
	margin-right: var(--space-150);
}

.mr-130 {
	margin-right: var(--space-130);
}

.mr-120 {
	margin-right: var(--space-120);
}

.mr-100 {
	margin-right: var(--space-100);
}

.mr-90 {
	margin-right: var(--space-90);
}

.mr-80 {
	margin-right: var(--space-80);
}

.mr-70 {
	margin-right: var(--space-70);
}

.mr-60 {
	margin-right: var(--space-60);
}

.mr-50 {
	margin-right: var(--space-50);
}

.mr-40 {
	margin-right: var(--space-40);
}

.mr-30 {
	margin-right: var(--space-30);
}

.mr-25 {
	margin-right: var(--space-25);
}

.mr-20 {
	margin-right: var(--space-20);
}

.mr-15 {
	margin-right: var(--space-15);
}

.mr-10 {
	margin-right: var(--space-10);
}

.mr-5 {
	margin-right: var(--space-5);
}

.mb-200 {
	margin-bottom: var(--space-200);
}

.mb-150 {
	margin-bottom: var(--space-150);
}

.mb-130 {
	margin-bottom: var(--space-130);
}

.mb-120 {
	margin-bottom: var(--space-120);
}

.mb-100 {
	margin-bottom: var(--space-100);
}

.mb-90 {
	margin-bottom: var(--space-90);
}

.mb-80 {
	margin-bottom: var(--space-80);
}

.mb-70 {
	margin-bottom: var(--space-70);
}

.mb-60 {
	margin-bottom: var(--space-60);
}

.mb-50 {
	margin-bottom: var(--space-50);
}

.mb-40 {
	margin-bottom: var(--space-40);
}

.mb-30 {
	margin-bottom: var(--space-30);
}

.mb-25 {
	margin-bottom: var(--space-25);
}

.mb-20 {
	margin-bottom: var(--space-20);
}

.mb-15 {
	margin-bottom: var(--space-15);
}

.mb-10 {
	margin-bottom: var(--space-10);
}

.mb-5 {
	margin-bottom: var(--space-5);
}

.ml-200 {
	margin-left: var(--space-200);
}

.ml-150 {
	margin-left: var(--space-150);
}

.ml-130 {
	margin-left: var(--space-130);
}

.ml-120 {
	margin-left: var(--space-120);
}

.ml-100 {
	margin-left: var(--space-100);
}

.ml-90 {
	margin-left: var(--space-90);
}

.ml-80 {
	margin-left: var(--space-80);
}

.ml-70 {
	margin-left: var(--space-70);
}

.ml-60 {
	margin-left: var(--space-60);
}

.ml-50 {
	margin-left: var(--space-50);
}

.ml-40 {
	margin-left: var(--space-40);
}

.ml-30 {
	margin-left: var(--space-30);
}

.ml-25 {
	margin-left: var(--space-25);
}

.ml-20 {
	margin-left: var(--space-20);
}

.ml-15 {
	margin-left: var(--space-15);
}

.ml-10 {
	margin-left: var(--space-10);
}

.ml-5 {
	margin-left: var(--space-5);
}

/* Animations */

.scale img{
	transition: all 480ms ease;
}

.scale:hover img {
	transform: scale(1.1);
}

/* Responsive */

@media screen and (max-width: 1200px) {

	.w-auto-xxl {
		width: auto;
	}

	.w-full-xxl {
		width: 100%;
	}

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

	.w-10-xxl {
		width: 10%;
	}

	.w-15-xxl {
		width: 15%;
	}

	.w-20-xxl {
		width: 20%;
	}

	.w-25-xxl {
		width: 25%;
	}

	.w-30-xxl {
		width: 30%;
	}

	.w-33-xxl {
		width: calc(100% / 3);
	}

	.w-35-xxl {
		width: 35%;
	}

	.w-40-xxl {
		width: 40%;
	}

	.w-45-xxl {
		width: 45%;
	}

	.w-50-xxl {
		width: 50%;
	}

	.w-55-xxl {
		width: 55%;
	}

	.w-60-xxl {
		width: 60%;
	}

	.w-65-xxl {
		width: 65%;
	}

	.w-66-xxl {
		width: calc((100%/3)*2);
	}

	.w-70-xxl {
		width: 70%;
	}

	.w-75-xxl {
		width: 75%;
	}

	.w-80-xxl {
		width: 80%;
	}

	.w-90-xxl {
		width: 90%;
	}

	.w-100-xxl {
		width: 100vw;
	}

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

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

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

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

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

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

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

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

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

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

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

	.mr-auto-xxl {
		margin-right: auto;
	}

	.hidden-xxl {
		display: none;
	}

	.flex-xxl{
		display: flex;
	}

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

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

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

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

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

	.grid-xxl {
		display: grid;
	}

	.grid-cols-100-xxl{
		grid-template-columns: 100%;
	}
	
	.grid-cols-2-xxl {
		grid-template-columns: repeat(2, 1fr);
	}

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

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

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

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

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

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

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

	.text-justify-xxl {
		text-align: justify;
		hyphens: auto;
	}

	.absolute-xxl {
		position: absolute;
	}
	
	.relative-xxl {
		position: relative;
	}
	
	.static-xxl {
		position: static;
	}
	
	.top-0-xxl {
		top: 0;
	}
	
	.bottom-0-xxl {
		bottom: 0;
	}
	
	.left-0-xxl {
		left: 0;
	}
	
	.right-0-xxl {
		right: 0;
	}

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

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

	.column-reverse-xl {
		flex-direction: column-reverse;
	}

}

@media screen and (max-width: 1024px) {

	.w-auto-xl {
		width: auto;
	}

	.w-full-xl {
		width: 100%;
	}

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

	.w-10-xl {
		width: 10%;
	}

	.w-15-xl {
		width: 15%;
	}

	.w-20-xl {
		width: 20%;
	}

	.w-25-xl {
		width: 25%;
	}

	.w-30-xl {
		width: 30%;
	}

	.w-33-xl {
		width: calc(100% / 3);
	}

	.w-35-xl {
		width: 35%;
	}

	.w-40-xl {
		width: 40%;
	}

	.w-45-xl {
		width: 45%;
	}

	.w-50-xl {
		width: 50%;
	}

	.w-55-xl {
		width: 55%;
	}

	.w-60-xl {
		width: 60%;
	}

	.w-65-xl {
		width: 65%;
	}

	.w-66-xl {
		width: calc((100%/3)*2);
	}

	.w-70-xl {
		width: 70%;
	}

	.w-75-xl {
		width: 75%;
	}

	.w-80-xl {
		width: 80%;
	}

	.w-90-xl {
		width: 90%;
	}

	.w-100-xl {
		width: 100vw;
	}

	.hidden-xl {
		display: none;
	}
	
	.flex-xl{
		display: flex;
	}

	.items-start-xl {
		align-items: flex-start;
	}

	.items-end-xl {
		align-items: flex-end;
	}

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

	.justify-start-xl {
		justify-content: flex-start;
	}

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

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

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

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

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

	.m-auto-xl {
		margin: auto;
	}

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

	.mr-auto-xl {
		margin-right: auto;
	}

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

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

	.column-reverse-xl {
		flex-direction: column-reverse;
	}

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

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

	.grid-xl {
		display: grid;
	}

	.grid-cols-100-xl{
		grid-template-columns: 100%;
	}
	
	.grid-cols-2-xl {
		grid-template-columns: repeat(2, 1fr);
	}

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

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

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

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

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

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

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

	.text-justify-xl {
		text-align: justify;
		hyphens: auto;
	}

	.absolute-xl {
		position: absolute;
	}
	
	.relative-xl {
		position: relative;
	}
	
	.static-xl {
		position: static;
	}
	
	.top-0-xl {
		top: 0;
	}
	
	.bottom-0-xl {
		bottom: 0;
	}
	
	.left-0-xl {
		left: 0;
	}
	
	.right-0-xl {
		right: 0;
	}

}

@media screen and (max-width: 920px) {

	.w-auto-lg {
		width: auto;
	}

	.w-full-lg {
		width: 100%;
	}

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

	.w-10-lg {
		width: 10%;
	}

	.w-15-lg {
		width: 15%;
	}

	.w-20-lg {
		width: 20%;
	}

	.w-25-lg {
		width: 25%;
	}

	.w-30-lg {
		width: 30%;
	}

	.w-33-lg {
		width: calc(100% / 3);
	}

	.w-35-lg {
		width: 35%;
	}

	.w-40-lg {
		width: 40%;
	}

	.w-45-lg {
		width: 45%;
	}

	.w-50-lg {
		width: 50%;
	}

	.w-55-lg {
		width: 55%;
	}

	.w-60-lg {
		width: 60%;
	}

	.w-65-lg {
		width: 65%;
	}

	.w-66-lg {
		width: calc((100%/3)*2);
	}

	.w-70-lg {
		width: 70%;
	}

	.w-75-lg {
		width: 75%;
	}

	.w-80-lg {
		width: 80%;
	}

	.w-90-lg {
		width: 90%;
	}

	.w-100-lg {
		width: 100vw;
	}

	.hidden-lg {
		display: none;
	}

	.flex-lg{
		display: flex;
	}

	.items-start-lg {
		align-items: flex-start;
	}

	.items-end-lg {
		align-items: flex-end;
	}

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

	.justify-start-lg {
		justify-content: flex-start;
	}

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

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

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

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

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

	.m-auto-lg {
		margin: auto;
	}

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

	.mr-auto-lg {
		margin-right: auto;
	}

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

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

	.column-reverse-lg {
		flex-direction: column-reverse;
	}

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

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

	.grid-lg {
		display: grid;
	}

	.grid-cols-100-lg{
		grid-template-columns: 100%;
	}
	
	.grid-cols-2-lg {
		grid-template-columns: repeat(2, 1fr);
	}

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

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

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

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

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

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

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

	.text-justify-lg {
		text-align: justify;
		hyphens: auto;
	}

	.absolute-lg{
		position: absolute;
	}

	.relative-lg{
		position: relative;
	}

	.static-lg {
		position: static;
	}

	.top-0-lg {
		top: 0;
	}
	
	.bottom-0-lg {
		bottom: 0;
	}

	.left-0-lg {
		left: 0;
	}

	.right-0-lg {
		right: 0;
	}

	.gap-0-lg{
		gap: 0;
	}

}


@media screen and (max-width: 850px) {

	.w-auto-md {
		width: auto;
	}

	.w-full-md {
		width: 100%;
	}

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

	.w-10-md {
		width: 10%;
	}

	.w-15-md {
		width: 15%;
	}

	.w-20-md {
		width: 20%;
	}

	.w-25-md {
		width: 25%;
	}

	.w-30-md {
		width: 30%;
	}

	.w-33-md {
		width: calc(100% / 3);
	}

	.w-35-md {
		width: 35%;
	}

	.w-40-md {
		width: 40%;
	}

	.w-45-md {
		width: 45%;
	}

	.w-50-md {
		width: 50%;
	}

	.w-55-md {
		width: 55%;
	}

	.w-60-md {
		width: 60%;
	}

	.w-65-md {
		width: 65%;
	}

	.w-66-md {
		width: calc((100%/3)*2);
	}

	.w-70-md {
		width: 70%;
	}

	.w-75-md {
		width: 75%;
	}

	.w-80-md {
		width: 80%;
	}

	.w-90-md {
		width: 90%;
	}

	.w-100-md {
		width: 100vw;
	}

	.items-start-md {
		align-items: flex-start;
	}

	.items-end-md {
		align-items: flex-end;
	}

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

	.justify-start-md {
		justify-content: flex-start;
	}

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

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

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

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

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

	.m-auto-md {
		margin: auto;
	}

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

	.mr-auto-md {
		margin-right: auto;
	}

	.hidden-md {
		display: none;
	}

	.flex-md{
		display: flex;
	}

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

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

	.column-reverse-md {
		flex-direction: column-reverse;
	}

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

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

	.grid-md {
		display: grid;
	}

	.grid-cols-100-md {
		grid-template-columns: 100%;
	}
	
	.grid-cols-2-md {
		grid-template-columns: repeat(2, 1fr);
	}

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

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

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

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

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

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

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

	.text-justify-md {
		text-align: justify;
		hyphens: auto;
	}

	.absolute-md {
		position: absolute;
	}
	
	.relative-md {
		position: relative;
	}
	
	.static-md {
		position: static;
	}
	
	.top-0-md {
		top: 0;
	}
	
	.bottom-0-md {
		bottom: 0;
	}
	
	.left-0-md {
		left: 0;
	}
	
	.right-0-md {
		right: 0;
	}

}

@media screen and (max-width: 767px) {

	.w-auto-sm {
		width: auto;
	}

	.w-full-sm {
		width: 100%;
	}

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

	.w-10-sm {
		width: 10%;
	}

	.w-15-sm {
		width: 15%;
	}

	.w-20-sm {
		width: 20%;
	}

	.w-25-sm {
		width: 25%;
	}

	.w-30-sm {
		width: 30%;
	}

	.w-33-sm {
		width: calc(100% / 3);
	}

	.w-35-sm {
		width: 35%;
	}

	.w-40-sm {
		width: 40%;
	}

	.w-45-sm {
		width: 45%;
	}

	.w-50-sm {
		width: 50%;
	}

	.w-55-sm {
		width: 55%;
	}

	.w-60-sm {
		width: 60%;
	}

	.w-65-sm {
		width: 65%;
	}

	.w-66-sm {
		width: calc((100%/3)*2);
	}

	.w-70-sm {
		width: 70%;
	}

	.w-75-sm {
		width: 75%;
	}

	.w-80-sm {
		width: 80%;
	}

	.w-90-sm {
		width: 90%;
	}

	.w-100-sm {
		width: 100vw;
	}

	.hidden-sm {
		display: none;
	}

	.flex-sm{
		display: flex;
	}

	.items-start-sm {
		align-items: flex-start;
	}

	.items-end-sm {
		align-items: flex-end;
	}

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

	.justify-start-sm {
		justify-content: flex-start;
	}

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

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

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

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

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

	.m-auto-sm {
		margin: auto;
	}

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

	.mr-auto-sm {
		margin-right: auto;
	}

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

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

	.column-reverse-sm {
		flex-direction: column-reverse;
	}

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

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

	.grid-sm {
		display: grid;
	}

	.grid-cols-100-sm{
		grid-template-columns: 100%;
	}
	
	.grid-cols-2-sm {
		grid-template-columns: repeat(2, 1fr);
	}

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

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

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

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

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

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

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

	.text-justify-sm {
		text-align: justify;
		hyphens: auto;
	}

	.absolute-sm {
		position: absolute;
	}
	
	.relative-sm {
		position: relative;
	}
	
	.static-sm {
		position: static;
	}
	
	.top-0-sm {
		top: 0;
	}
	
	.bottom-0-sm {
		bottom: 0;
	}
	
	.left-0-sm {
		left: 0;
	}
	
	.right-0-sm {
		right: 0;
	}

	.pb-0-sm {
		padding-bottom: 0;
	}

	.pt-0-sm {
		padding-top: 0;
	}

}


@media screen and (max-width: 640px) {

	.w-auto-xs {
		width: auto;
	}

	.w-full-xs {
		width: 100%;
	}

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

	.w-10-xs {
		width: 10%;
	}

	.w-15-xs {
		width: 15%;
	}

	.w-20-xs {
		width: 20%;
	}

	.w-25-xs {
		width: 25%;
	}

	.w-30-xs {
		width: 30%;
	}

	.w-33-xs {
		width: calc(100% / 3);
	}

	.w-35-xs {
		width: 35%;
	}

	.w-40-xs {
		width: 40%;
	}

	.w-45-xs {
		width: 45%;
	}

	.w-50-xs {
		width: 50%;
	}

	.w-55-xs {
		width: 55%;
	}

	.w-60-xs {
		width: 60%;
	}

	.w-65-xs {
		width: 65%;
	}

	.w-66-xs {
		width: calc((100%/3)*2);
	}

	.w-70-xs {
		width: 70%;
	}

	.w-75-xs {
		width: 75%;
	}

	.w-80-xs {
		width: 80%;
	}

	.w-90-xs {
		width: 90%;
	}

	.w-100-xs {
		width: 100vw;
	}

	.items-start-sm {
		align-items: flex-start;
	}

	.items-end-xs {
		align-items: flex-end;
	}

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

	.items-start-xs {
		align-items: flex-start;
	}

	.justify-start-xs {
		justify-content: flex-start;
	}

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

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

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

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

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

	.m-auto-xs {
		margin: auto;
	}

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

	.mr-auto-xs {
		margin-right: auto;
	}

	.hidden-xs {
		display: none;
	}

	.flex-xs{
		display: flex;
	}

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

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

	.column-reverse-xs {
		flex-direction: column-reverse;
	}

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

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

	.grid-xs {
		display: grid;
	}

	.grid-cols-100-xs{
		grid-template-columns: 100%;
	}
	
	.grid-cols-2-xs {
		grid-template-columns: repeat(2, 1fr);
	}

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

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

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

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

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

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

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

	.text-justify-xs {
		text-align: justify;
		hyphens: auto;
	}

	.absolute-xs {
		position: absolute;
	}
	
	.relative-xs {
		position: relative;
	}
	
	.static-xs {
		position: static;
	}
	
	.top-0-xs {
		top: 0;
	}
	
	.bottom-0-xs {
		bottom: 0;
	}
	
	.left-0-xs {
		left: 0;
	}
	
	.right-0-xs {
		right: 0;
	}

	.gap-200-xs {
		gap: var(--space-200);
	}
	
	.gap-150-xs {
		gap: var(--space-150);
	}
	
	.gap-130-xs {
		gap: var(--space-130);
	}
	
	.gap-120-xs {
		gap: var(--space-120);
	}
	
	.gap-100-xs {
		gap: var(--space-100);
	}
	
	.gap-90-xs {
		gap: var(--space-90);
	}
	
	.gap-80-xs {
		gap: var(--space-80);
	}
	
	.gap-70-xs {
		gap: var(--space-70);
	}
	
	.gap-60-xs {
		gap: var(--space-60);
	}
	
	.gap-50-xs {
		gap: var(--space-50);
	}
	
	.gap-40-xs {
		gap: var(--space-40);
	}
	
	.gap-30-xs {
		gap: var(--space-30);
	}
	
	.gap-25-xs {
		gap: var(--space-25);
	}
	
	.gap-20-xs {
		gap: var(--space-20);
	}
	
	.gap-15-xs {
		gap: var(--space-15);
	}
	
	.gap-10-xs {
		gap: var(--space-10);
	}
	
	.gap-5-xs {
		gap: var(--space-5);
	}
	
	.gap-2-xs {
		gap: var(--space-2);
	}
}