.fwd-close-modal {
    position:fixed;
    background-color:#fff;
    top:10px;
    right:10px;
    padding:5px;
    font-size:2.2rem;
    font-family:arial;

}

#fardProvekjorModal {
	display:block;
	position:fixed;
	width: min(800px, 100%);
    height: min(800px, 80vh);
	top:100px;
	left:50%;
	transform: translate(-50%,0);
	z-index:1000;
	background-color:#fff;
	padding:20px;
	opacity:0;
	pointer-events:none;
    overflow:auto;
    border-radius:5px;
}

@media screen and (max-width:800px) {
    #fardProvekjorModal {
        top:0;
        inset:0 !important;
        transform:translate(0,0);
        height:100vh;
    }
}

body.fwd-provekjor-modal #fardProvekjorModal {
	opacity:1;
	pointer-events:auto;
	transition: opacity .5s .2s;
}

body.fwd-provekjor-modal {
      overflow: hidden
}



#fardProvekjorModalBg {
	display:block;
	position:fixed;
	inset:0;
	background-color: rgb(0 0 0 / .8);
	z-index:999;
	opacity:0;
	pointer-events:none;
}
body.fwd-provekjor-modal #fardProvekjorModalBg {
	opacity:1;
	pointer-events:auto;
	transition: all .5s .2s;
}