body.modalNoscroll{overflow:hidden;}

.modal-link{cursor:pointer;}

.custom-modal{opacity:0; visibility:hidden; overflow:auto; display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background-color:rgb(var(--dark_blue-rgb),0.85); 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:1275px; 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%; padding:45px 40px; background-color:rgb(var(--off_white-rgb)); border-radius:10px;}
.modal-page.active{display:flex !important;}
.modal-page .overlay{opacity:0.5;}

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

.modal-arrow{cursor:pointer; display:flex; justify-content:center; align-items:center; width:50px; height:50px; position:absolute; top:45px; transform:none; transition:all 0.25s; z-index:2;}
.modal-arrow img{width:100%; height:100%; background-color:rgb(var(--off_white-rgb)); border-radius:50px; transition:all 0.125s;}
.modal-arrow:hover img{background-color:rgb(var(--dark_blue-rgb));}

.modal-arrow.previous-arrow{right:174px;}
.modal-arrow.next-arrow{right:107px;}

@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-page{padding:20px; border-radius:0;}

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