#registrationModalEngage.sidenav {
	background-color: rgba(33, 0, 255, 0.72);
}

#registrationModalEngage.sidenav.h-100 {
	height: calc(100% - 90px) !important;
}

#registrationModalEngage.sidenav .container {
	height: 100%;
}

#registrationModalEngage.sidenav .menu-inner {
	height: 100%;
	min-height: 500px;
	position: relative;
	padding: 0;
	background-image: url(../img/registration-modal-engage/rme-bg-desktop.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

#registrationModalEngage.sidenav .sidenav__close-wrapper {
	z-index: 2;
}

#registrationModalEngage.sidenav .menu-inner__text-wrapper {
	width: 620px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 13px), calc(-50% + 30px));
	height: 300px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

#registrationModalEngage.sidenav .modal-content__title {
	font-family: var(--font-family-sans-serif-title);
	font-weight: var(--font-weight-bold);
	margin-bottom: 32px;
	font-size: 37px;
	line-height: 1.1;
}

#registrationModalEngage.sidenav .modal-content__subtitle {
	font-family: var(--font-family-sans-serif);
	font-weight: var(--font-weight-regular);
	font-size: 21px;
	margin-bottom: 0;
	line-height: 1.2;
}

#registrationModalEngage.sidenav .modal-content__subtitle p {
	margin-bottom: 0;
}

#registrationModalEngage.sidenav .modal-content__cta {
	margin-top: auto;
	margin-bottom: 0;
}


@media (max-width: 991px) {
	/* #registrationModalEngage.sidenav .menu-inner {
		min-height: 1200px;
		background-image: url(../img/registration-modal-engage/rme-bg-mobile.png);
		background-size: contain;
		background-position-y: calc(50% + 55px);
	} */

	#registrationModalEngage.sidenav .menu-inner__text-wrapper {
		transform: translate(calc(-50% - 8px), calc(-50% + 25px));
	}

	#registrationModalEngage.sidenav .menu-inner {
		background-size: contain;
	}

	#registrationModalEngage.sidenav .menu-inner__text-wrapper {
		width: 500px;
		height: 270px;
	}

	#registrationModalEngage.sidenav .modal-content__title {
		margin-bottom: 1rem;
	}

	#registrationModalEngage.sidenav .modal-content__subtitle {
		margin-bottom: 1rem;
	}
}

@media (max-width: 767px) {
	#registrationModalEngage.sidenav .menu-inner {
		min-height: 810px;
		background-image: url(../img/registration-modal-engage/rme-bg-mobile.png);
		background-size: contain;
		background-position-y: calc(50% + 55px);
	}

	#registrationModalEngage.sidenav .menu-inner__text-wrapper {
		width: 320px;
		height: 615px;
		transform: translate(-50%, calc(-50% - 15px + 55px));
		min-height: unset;
		justify-content: center;
	}

	#registrationModalEngage.sidenav .modal-content__title {
		margin-bottom: 2rem;
	}

	#registrationModalEngage.sidenav .modal-content__cta {
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media (max-width: 575px) {
	#registrationModalEngage.sidenav.h-100 {
		height: calc(100% - 70px) !important;
	}

	#registrationModalEngage.sidenav .menu-inner {
		background-position-x: center;
		background-position-y: 50px;
		min-height: 165vw;
	}

	#registrationModalEngage.sidenav .menu-inner__text-wrapper {
		top: 27vw;
		transform: translateX(-50%);
		height: 640px;
	}
}

@media (max-width: 540px) {
	#registrationModalEngage.sidenav .modal-content__title {
		font-size: calc(20px + 1.8vw);
		margin-bottom: 1rem;
	}

	#registrationModalEngage.sidenav .modal-content__subtitle {
		font-size: calc(15px + 0.8vw);
		line-height: 1.25;
	}

	#registrationModalEngage.sidenav .menu-inner__text-wrapper {
		width: 59.26vw;
		height: 110vw;
	}
}

@media (max-width: 320px) {
	#registrationModalEngage.sidenav .menu-inner__text-wrapper {
		top: 85px;
	}

	#registrationModalEngage.sidenav .modal-content__title {
		font-size: 8vw;
		margin-bottom: 4vw;
	}
	#registrationModalEngage.sidenav .modal-content__subtitle {
		font-size: 5.5vw;
		margin-bottom: 4vw;
	}

	#registrationModalEngage.sidenav .modal-content__cta {
		padding: 3vw 10vw;
		font-size: 5vw;
	}
}