.no-scroll{
	overflow:hidden !important
}

.bizzet-grid-lightbox{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:20px
}

.bizzet-grid-lightbox img{
	aspect-ratio: 4 / 3;
	height:100%;
	width:100%;
	object-fit:cover
}

/* LIGHTBOX */

.bizzet-lightbox__close,.embla__dots{
	position:absolute;
}

.bizzet-lightbox{
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	box-sizing:border-box;
	background:white;
	padding:50px;
	z-index:999999;
	
	.embla{
		height:calc(100% - 95px) !important;
	}
	
	.embla__container{
		height:100%;
	}
	
	.bizzet-lightbox__content,.embla__slide{
		height:100%;
		position:relative;
	}
	
	img{
		max-height: 100%;
    max-width: 100%;
	}
	.embla__viewport{
	height:100%;
	position:relative;
}

.embla__slide{
	height:100%;
	display:flex;
	justify-content:center
}
	
	.bizzet-lightbox__close{
		position:fixed;
		bottom:35px;
		left:50%;
		transform:translatex(-50%);
		height:60px;
		width:60px;
		z-index:999;
		background:#eeeeee;
		display:flex;
		align-items:center;
		justify-content:center;
		border-radius:4px
	}
	
	.embla__button{
		position:fixed;
		top:auto;
		bottom:35px;
		left:50%;
		transform:translatex(-50%);
		height:60px;
		width:60px
	}
	button.embla__button.embla__button--next{
		margin-left:70px !important
}
	button.embla__button.embla__button--prev{
		margin-left:-70px !important
}
	
	.embla__dots{
		position:fixed;
		bottom:13px;
		left:50%;
		transform:translatex(-50%)
	}
	
	
	
}

button.embla__dot{
	transition:.3s;
	border-radius:30px;
	background:#eee
}

.embla__dot.embla__dot--selected{
		width:20px !important
	}

@media screen and (max-width:768px){
	.bizzet-lightbox{
		padding:var(--space-cont);
		img{
		max-width:100%
	}
	}
	
}