.editor-styles-wrapper .fakeformpopup{
	position: relative;
	min-height: 344px;
	padding: 56px 0;
	color: var(--wp--preset--color--font-colors-font-light-1);
}
.editor-styles-wrapper .fakeformpopup::after{
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #2A363C 36%, rgba(42, 54, 60, 0.00) 67%);
}
.editor-styles-wrapper .fakeformpopup .bg{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 64%;
	height: 100%;
	object-fit: cover;
}
.editor-styles-wrapper .fakeformpopup .container{
	position: relative;
	z-index: 3;
}
.editor-styles-wrapper .fakeformpopup h3{
	color: #fff;
}
.editor-styles-wrapper .fakeformpopup p{
	text-wrap: balance;
}
.editor-styles-wrapper .fakeformpopup .fake-form{
	position: relative;
	width: min( 376px, 100% );
	margin: 24px 0 0;
}
.editor-styles-wrapper .fakeformpopup input{
	width: 100%;
	height: 48px;
	padding: 0px 46px 0px 16px;
	background: rgba(255,255,255,0.08);
	border: 0;
	color: var(--wp--preset--color--font-colors-font-light-1);
}
.editor-styles-wrapper .fakeformpopup input::-moz-placeholder{
	color: var(--wp--preset--color--font-colors-font-light-2);
	opacity: 1;
}
.editor-styles-wrapper .fakeformpopup input::placeholder{
	color: var(--wp--preset--color--font-colors-font-light-2);
	opacity: 1;
}
.editor-styles-wrapper .fakeformpopup button{
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background: url(../../assets/submit.svg) center/contain no-repeat;
	border: 0;
	font-size: 0;
}

@media (min-width: 1921px){
	.editor-styles-wrapper .fakeformpopup{
		min-height: 420px;
		padding: 86px 0;
	}
}

@media( max-width: 767px ){
	.editor-styles-wrapper .fakeformpopup{
		padding: 0 0 40px;
		background: #2A363C;
	}
	.editor-styles-wrapper .fakeformpopup::after{
		display: none;
	}
	.editor-styles-wrapper .fakeformpopup .content{
		position: relative;
	}
	.editor-styles-wrapper .fakeformpopup .content::before{
		content: '';
		position: absolute;
		z-index: 2;
		top: -50px;
		left: 0;
		width: 100%;
		height: 50px;
		background: linear-gradient(0deg, #2A363C 0%, rgba(42, 54, 60, 0.00) 100%);
	}
	.editor-styles-wrapper .fakeformpopup .bg{
		position: relative;
		width: 100%;
		height: auto;
	}
	.editor-styles-wrapper .fakeformpopup h3{
		padding-top: 32px;
	}
}

#newsletterModal{
	--bs-modal-width: 1384px;
	--bs-modal-padding: 0px;
	--bs-modal-bg: #f7f7f7;
	--bs-modal-border-width: 0px;
	--bs-modal-border-radius: 0px;
}
#newsletterModal .btn-close{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	padding: 19px;
}
#newsletterModal .modal-body{
	display: flex;
}
#newsletterModal .image{
	position: relative;
	flex-shrink: 0;
	max-width: 45%;
}
#newsletterModal .image::after{
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.47%, rgba(0, 0, 0, 0.65) 100%);
}
#newsletterModal .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#newsletterModal .form-wrapper{
	padding: 56px 48px 48px;
}
#newsletterModal .wpcf7-checkbox{
	display: flex;
	flex-wrap: wrap;
	gap: 12px 24px;
	margin: 8px 0 0;
}
#newsletterModal .wpcf7-checkbox .wpcf7-list-item{
	margin: 0;
}
#newsletterModal .wpcf7-checkbox label{
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--wp--preset--color--font-colors-font-dark-2);
}
#newsletterModal .link{
	font-size: 14px;
}
#newsletterModal .wpcf7 form .wpcf7-response-output{
	margin: 0;
}
#newsletterModal ul.socials{
	list-style: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	margin: 0;
	padding: 0;
}
#newsletterModal ul.socials a{
	display: flex;
	flex-direction: row-reverse;
	gap: 14px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--font-colors-font-dark-2);
	text-transform: uppercase;
}
#newsletterModal ul.socials a:active,
#newsletterModal ul.socials a:hover{
	text-decoration: underline;
}
#newsletterModal ul.socials .visually-hidden{
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	clip: unset !important;
}

@media (max-width: 991px){
	#newsletterModal .image{
		display: none;
	}
}

@media (max-width: 576px){
	#newsletterModal .form-wrapper{
		padding: 48px 24px 24px;
	}
}