@font-face {
  /*font-family: 'Vagnola';*/
  font-family: 'Montserrat';
  /*src: url('./assets/font/Vagnola-Regular.ttf') format('truetype');*/
  src: url('./assets/font/Montserrat-VariableFont_wght.ttf') format('truetype');
  
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colors */
  --color-bg: #131313;
  --color-text: #e2e8f0;
  --color-white: #fff;
  --color-white-5: #FFFFFF0D;
  --color-black: #000;
  --color-black-20: #00000033;
  --color-accent: #0070FF;

  /* Spacing */
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 32px;

  /* Font */
  --font-heding: 'Montserrat', sans-serif;
    /*--font-heding: 'Vagnola', sans-serif;*/
  --font-para: "Urbanist", sans-serif;
}
/* cursor style start */
/* dot cursor */
.cursor-dot {
	width: 12px;
	height: 12px;
	background: #3b82f6;
	border-radius: 50%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	pointer-events: none;
	transform: translate(-50%, -50%);
	transition: 
		transform 0.2s ease,
		width 0.2s ease,
		height 0.2s ease,
		background 0.3s ease;
}


/* cursor style end */

/* preload style start */
.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: linear-gradient(90.01deg, var(--color-bg) 0.26%, var(--color-bg) 99.99%);
	display: flex;
	align-items: center;
	justify-content: center;
  z-index: 9999999;
  transition: all 0.5s ease-in-out;
}

.loading-container,
.loading{
	height: 300px;
	position: relative;
	width: 300px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent #fff transparent #fff;
	animation: rotate-loading 2s linear 0s infinite normal;
	transform-origin: 50% 50%;
}
/* animation trigger */
.preloader.hide-preloader{
	/* transform: translateY(-100%); */
	opacity: 0;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 2s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 400px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading{
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}
}
/* preload style end */

/*footer bg start*/

section.section.footer-section {
    background: url(/assets/images/banner/footer-background-desktop-image.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--color-bg);
}
video.footer-video {
    display: none !important;
}
/*footer bg end*/



@media (min-width: 320px) and (max-width: 900px){
    .footer-container {
    justify-content: space-between;
    gap: 50px;
	        padding-bottom: 150px;
}
.footer-video{
	min-height: 110%;
}
.cursor-dot{
    display: none;
}
}