body.modalNoscroll{overflow:hidden;}

.modal-link{cursor:pointer;}

.custom-modal{opacity:0; visibility:hidden; overflow:auto; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background-color:rgb(var(--black-rgb),0.5); position:fixed; left:0; top:0; z-index:1000;}
.custom-modal.open{opacity:1; visibility:visible;}

.modal-block{display:flex; flex-direction:column; align-items:center; width:calc(100% - 40px); max-width:1250px; position:absolute;}
.modal-block.canScroll{top:20px;}
.modal-block.canScroll:after{content:''; width:100%; height:20px; margin-bottom:-67px;}

.modal-page{overflow:hidden; display:flex; flex-direction:column; width:100%; margin:70px 0; background-color:rgb(var(--white-rgb)); border-radius:10px;}
.modal-page.active{display:flex !important;}
.modal-page iframe{width:100%; height:100%; position:absolute; top:0;}

.modal-close{cursor:pointer; display:flex; justify-content:center; align-items:center; width:50px; height:50px; background-color:rgb(var(--black-rgb)); border-radius:50px; position:absolute; top:0; right:-70px; transition:all 0.25s; z-index:2;}
.modal-close:hover{background-color:rgb(var(--red-rgb));}
.modal-close img{width:50%; height:50%;}

/* .modal-arrow{cursor:pointer; display:flex; justify-content:center; align-items:center; width:50px; height:50px; position:absolute; bottom:0; transform:none; transition:all 0.25s; z-index:2;}
.modal-arrow img{filter:brightness(0) invert(1); width:100%; height:100%; border-radius:50px; transition:all 0.125s;}
.modal-arrow:hover{background-color:rgb(var(--red-rgb));}
.modal-arrow:hover img{background-color:rgb(var(--red-rgb));}

.modal-arrow.previous-arrow{right:calc(50% + 20px);}
.modal-arrow.next-arrow{right:calc(50% - 70px);} */

@media screen and (max-width:1150px) {
	.modal-close{right:0;}
}

@media screen and (max-width:600px) {
	.modal-block{width:100%; border-radius:0;}
	.modal-block.canScroll{top:0;}
	.modal-block.canScroll:after{height:0; margin-bottom:0;}

	.modal-close{right:20px;}

	/* .modal-arrow{top:20px;}
	.modal-arrow.previous-arrow{right:154px;}
	.modal-arrow.next-arrow{right:87px;} */
}