@font-face {
	font-family: Roboto;
	src: local('Roboto'), url(/v0.3.2/assets/Roboto-Regular.ttf) format('truetype');
	font-display: swap;
}

@font-face {
	font-family: Quicksand;
	src: local('Quicksand'), url(/v0.3.2/assets/Quicksand-Regular.ttf) format('truetype');
	font-display: swap;
}

body {
	margin: 0px;
}

.container {
	display: flex;
}

.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex_column {
	flex-direction: column;
}

.widget_modal_box {
	height: calc(100 * var(--vh));
	width: calc(100 * var(--vw));
	z-index: 2;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: hidden;
}

.widget_overlay_content {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: calc(100 * var(--vh));
	width: calc(100 * var(--vw));
	overflow-x: hidden;
	overflow-y: hidden;
	min-height: -webkit-fill-available;
}

.video_modal_box {
	position: fixed;
	height: 100vh;
	min-height: -webkit-fill-available;
	width: 100vh;
	z-index: 2;
}

.hide-overflow {
	padding-right: 17px;
	overflow: hidden;
}

@media screen and (max-width: 1024px) {
	.widget_modal_box {
		height: calc(100 * var(--vh));
		width: calc(100 * var(--vw));
	}

	.video_modal_box {
		height: calc(100 * var(--vh));
		width: calc(100 * var(--vw));
	}
}