.slider-wrapper {
	overflow: hidden;
	position: relative;
}

.slider {
	display: flex;
	transition: transform 0.3s ease-in-out;
}

.fade-in-new {
	animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateX(50px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
		transform: translateX(0);
	}

	to {
		opacity: 0;
		transform: translateX(-50px);
	}
}

.fade-enter {
	animation: fadeIn 0.5s forwards;
}

.fade-exit {
	animation: fadeOut 0.5s forwards;
}

@font-face {
	font-family: 'Georgia-regular';
	src: url('/static/fonts/georgia.ttf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Circe-Light';
	src: url('/static/fonts/light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Circe-Regular';
	src: url('/static/fonts/regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Circe-SemiBold';
	src: url('/static/fonts/semibold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Circe-Bold';
	src: url('/static/fonts/bold.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
}

/* Custom underline animation */
.link-underline {
	position: relative;
	overflow: hidden;
}



.link-underline:hover::after {
	width: 100%;
}

@keyframes expand {
	0% {
		height: 0;
		opacity: 0;
	}

	100% {
		height: 100%;
		opacity: 1;
	}
}

@keyframes collapse {
	0% {
		height: 100%;
		opacity: 1;
	}

	100% {
		height: 0;
		opacity: 0;
	}
}

.menu-expand {
	animation: expand 0.3s ease-out forwards;
}

.menu-collapse {
	animation: collapse 0.3s ease-out forwards;
}

/* Custom CSS for parallax */
.parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

html {
  scroll-behavior: smooth;
}