* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


:root {
    --text-color: #000;
    --font-family: "Lato", sans-serif;
    --white: #fff;
    --color-primary: #275c8b;
    --color-primary-dark: #193b5a;
    --color-primary-light: #3071aa;
    --color-accent-soft: #c4ddf2;
    --seconday-font: "Brandon Grotesque";
}

/**moved here from resources/views/layouts/loader.blade.php**/
/* Loader Style */
#loader {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-primary-dark);
}


@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Hide content initially */
.hidden {
	display: none;
}

.video-container {
	position: relative;
	width: 100%;
	height: 83vh;
	/* Adjust height as needed */
	overflow: hidden;
}

#myVideo {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #08377a42;
	pointer-events: none;
}
#loader img{
	background-color: var(--color-primary-dark);;
	border-radius: 10px;
}