/* Add more animation styles as needed */

.elementor-post-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0px;
}

.elementor-post-nav-prev, .elementor-post-nav-next {
	width: 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.bg-dark-1 {
	background-color: var(--e-global-color-primary);
}

.text-white {
	color: #fff !important;
}

.tracking-none {
	letter-spacing: 0 !important;
}

.size-xl {
	width: 4rem !important;
	height: 4rem !important;
}

.str-width-xs {
	stroke-width: .5 !important;
}

svg {
	overflow: hidden;
}

.projects-nav__item {
	overflow: hidden;
	position: relative;
	z-index: 2;
	display: block;
}

.projects-nav__item {
	overflow: hidden;
	position: relative;
	z-index: 2;
	display: block;
}

.projects-nav__item.-prev .projects-nav__content {
	padding-left: 7.5rem;
	padding-right: 5rem;
	border: 1px solid rgba(255, 255, 255, .1);
}

.bg-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	.projects-nav__item.-prev .projects-nav__content {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		align-items: flex-end;
	}
	
	.projects-nav__item.-prev .projects-nav__content .projects-nav__icon {
		position: absolute;
		bottom: 2.5rem;
		right: 2.25rem;
	}
}

.projects-nav__item.-next .projects-nav__content {
	padding-left: 5rem;
	padding-right: 7.5rem;
	border: 1px solid rgba(255, 255, 255, .1);
}

@media (max-width: 767px) {
	.projects-nav__item.-next .projects-nav__content {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		align-items: flex-start;
	}
	
	.projects-nav__item.-next .projects-nav__content .projects-nav__icon {
		position: absolute;
		bottom: 2.5rem;
		left: 2.25rem;
	}
}

.projects-nav__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform 2.2s cubic-bezier(.165, .84, .44, 1);
	opacity: 0;
	transform: scale(1.2);
}

.projects-nav__img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(4, 7, 15, .7);
}

.projects-nav__content {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 16.75rem;
	padding-bottom: 16.75rem;
}

@media (max-width: 991px) {
	.projects-nav__content {
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
}

@media (max-width: 767px) {
	.projects-nav__content {
		justify-content: flex-start;
		flex-flow: column nowrap;
	}
}

.projects-nav__text {
	position: absolute;
	top: 3.75rem;
}

.projects-nav__text.-prev {
	right: 5rem;
}

.projects-nav__text.-next {
	left: 5rem;
}

@media (max-width: 767px) {
	.projects-nav__text {
		top: 2.5rem;
	}
	
	.projects-nav__text.-prev {
		right: 2.5rem;
	}
	
	.projects-nav__text.-next {
		left: 2.5rem;
	}
	
	.elementor-post-nav {
		display: block;
	}
	
	.elementor-post-nav-prev, .elementor-post-nav-next {
		width: 100%;
		max-width: unset;
	}
}

.projects-nav__item:hover .projects-nav__img {
	opacity: 1;
	transform: none;
}