.popup {
	margin: 0;
	padding: 0;
	position: fixed!important;
	top: 0!important;
	left: 0!important;
	max-height: 0!important;
	height: 100%!important;
	max-width: none!important;
	width: 0!important;
	z-index: 1001!important;
	background-color: rgba(18,41,48,.75);
	transition: opacity .2s, width 0s .3s, height 0s .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	overflow: hidden;
}

.popup.show {
	width: 100%!important;
	max-height: 100dvh!important;
	opacity: 1;
	overflow: auto;
	transition: height 0s, width 0s, opacity .5s;
	padding: var(--col-gap);
	@media (min-width: 992px) {
		padding: calc(var(--col-gap)*2);
	}

	@media (min-width: 1200px) {
		padding: calc(var(--col-gap)*3);
	}
}

.popup h2 {
	margin-top: 0;
}

@media (min-width: 782px) {
	.popup .forminator-row {
		display: flex;
		gap: 14px;
	}

	.popup .forminator-col {
	    width: 100%;
	    max-width: 100%;
	    -ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	}

	.popup .forminator-col-md-6 {
	    width: 50%;
	    max-width: 50%;
	    -ms-flex-preferred-size: 50%;
	    flex-basis: 50%;
	}
}

.popup__container {
	width: 100%;
	max-width: 800px;
	position: relative;
	background-color: var(--wp--preset--color--base);
	padding: var(--col-gap);
	padding-top: calc(var(--col-gap)* 2.5);
   margin: auto;
/*    border-radius: 20px;*/
	@media (min-width: 992px) {
		padding: calc(var(--col-gap)*2);
		padding-top: calc(var(--col-gap)* 2.5);
	}
}

.popup__close,
.popup__arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(var(--bl)*.75);
	right: calc(var(--bl)*.75);
	cursor: pointer;
    border-radius: 100%;
	background-color: var(--wp--preset--color--contrast);
	transition: all .3s;
	width: 40px;
	height: 40px;
	svg {
	    fill: var(--wp--preset--color--base);
	}

	&:hover {
		background-color: var(--wp--preset--color--accent-2);
		svg {
			fill: var(--wp--preset--color--contrast);
		}
	}

	@media (min-width: 1200px) {
		padding: 8px;
	}
}

.popup__arrow {
	padding: 10px;
}

.popup__arrow--prev {
	rotate: 180deg;
	right: calc(var(--bl)*1.75 + 80px);
    padding-left: 12px;
    padding-right: 8px;
}

.popup__arrow--next {
	right: calc(var(--bl)*1.25 + 40px);
}