#ns-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;

	&.ns-popup-hidden {
		opacity: 0;
		visibility: hidden;
	}
}

#ns-popup-container {
	position: relative;
	width: min(95vw, 1094px);
	overflow-y: auto;
	background: #242b4f;
	border-radius: 0;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	animation: ns-popup-slide-in 0.3s ease;
	transition: all 0.5s ease;

	@keyframes ns-popup-slide-in {
		from {
			transform: translateY(-50px);
			opacity: 0;
		}
		to {
			transform: translateY(0);
			opacity: 1;
		}
	}
}

#ns-popup-content {
	position: relative;
	padding: 0;

	#ns-popup-close {
		position: absolute;
		top: 15px;
		right: 15px;
		padding: 0 5px 5px;
		background: none;
		border: solid 1px #fff;
		font-size: 1.85rem;
		line-height: 0.8em;
		cursor: pointer;
		color: #fff;
		width: 2rem;
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		transition: all 0.2s ease;
		z-index: 99;

		&:hover,
		&:focus {
			background-color: #f0f0f0;
			color: #242b4f;
		}
	}
}

#ns-popup-body {
	padding: clamp(0px, -5px + 1.25vw, 10px) clamp(0px, -25px + 6.25vw, 50px);

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-top: 0;
		margin-bottom: 0;
		color: #fff;
	}

	p {
		margin-bottom: 15px;
		line-height: 1.6;
		color: #fff;
		em {
			font-weight: 700;
			color: #7fbebc;
		}
	}

	img {
		max-width: 100%;
		height: auto;
		border-radius: 4px;
	}

	a {
		color: #db0000;
		text-decoration: none;

		&:hover {
			text-decoration: underline;
		}
	}

	ul,
	ol {
		margin-bottom: 15px;
		padding-left: 20px;

		li {
			margin-bottom: 5px;
			line-height: 1.6;
		}
	}

	.forminator-ui.forminator-custom-form-9540.forminator-design--material
		.forminator-checkbox-label {
		padding-right: 15px !important;
	}
	.forminator-ui.forminator-custom-form-9540.forminator-design--material
		.forminator-row.forminator-row-last {
		margin-top: unset !important;
	}
	.forminator-button.forminator-button-submit {
		float: left;
		margin-top: 5px;
		background-color: #db0000 !important;
		color: #fff !important;
		padding-inline: 3.5vw;
	}

	.forminator-response-message p {
		margin-bottom: 0;
	}
}

@media (max-width: 800px) {
	#ns-popup-container {
		width: 95%;
		max-height: 90vh;
	}

	#ns-popup-content {
		padding: 20px;
	}
}

@media (max-width: 600px) {
	#ns-popup-content {
		padding: 15px 10px;
		zoom: 0.9;
	}
}

@media (max-width: 460px) {
	#ns-popup-content {
		zoom: 0.8;
	}
}

@media (width>1200px) {
	#ns-popup-container {
		#ns-popup-body {
			padding-right: 600px;
			background: url(https://www.nuovamaril.it/2020/wp-content/uploads/bg-popup-camper.png)
				no-repeat right center;
			background-size: contain;
		}
	}
}