@font-face {

	font-family: 'waffle-soft';

	src: url('../font_family/waffle-soft.otf');

}

*{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

/*noise*/

.overlay-img {

    /*position: fixed;

    top: -20vw;

    bottom: -20vw;

    left: -20vw;

    right: -20vw;

    width: 100%;

    height: 100%;

    z-index: 99;

    pointer-events: none;

    animation: NoiseGenerate 2s steps(2) infinite;

    opacity: 0.;*/

    animation: NoiseGenerate 2s steps(2) infinite;

	background-image: url("../images/noise.png");

    background-position: 50%;

    bottom: -20vw;

    height: auto;

    left: -20vw;

    opacity: 0.4;

    pointer-events: none;

    position: fixed;

    right: -20vw;

    top: -20vw;

    width: auto;

    z-index: 99;

}

@keyframes NoiseGenerate {

    0% {

        transform: translate3d(0,9rem,0)

    }



    10% {

        transform: translate3d(-1rem,-4rem,0)

    }



    20% {

        transform: translate3d(-8rem,2rem,0)

    }



    30% {

        transform: translate3d(9rem,-9rem,0)

    }



    40% {

        transform: translate3d(-2rem,7rem,0)

    }



    50% {

        transform: translate3d(-9rem,-4rem,0)

    }



    60% {

        transform: translate3d(2rem,6rem,0)

    }



    70% {

        transform: translate3d(7rem,-8rem,0)

    }



    80% {

        transform: translate3d(-9rem,1rem,0)

    }



    90% {

        transform: translate3d(6rem,-5rem,0)

    }



    to {

        transform: translate3d(-7rem,0,0)

    }

}

.menu_btn, .hero_sec_links {

    position: relative;

    z-index: 10001; /* Ensure buttons are above overlay */

}

.header, .menu_cont, .hero_sec, .menu_container {

    position: relative;

}

/*noise end*/

/*animation*/

#preloader {

	position: fixed;

	width: 100%;

	height: 100vh;

	background: #41574C;

	color: white;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 24px;

	z-index: 2;

	animation: fadeOut 0.5s ease-out 1.4s forwards;

}

.loader{

	display: flex;

	flex-direction: column;

	gap: 14px;

	text-align: center;

}

#hero_sec{

	position: absolute;

/*	top: -100vh; */

	width: 100%;

	height: 100vh;

	transition: top 1s ease-out;

}

.loader_heading{

	font-family: 'waffle-soft';

	font-size: 100px;

	line-height: 82px;

	color: #e3902f;

	animation: floatEffect 4s ease-in-out infinite;

}

.loader_sub_heading{

	font-size: 24px;

	margin-top: 10px;

	font-family: 'waffle-soft';

	font-family: sans-serif;

	letter-spacing: 11px;

	color: #e3902f;

}

@keyframes fadeOut {

	to { transform: translateY(-100%); visibility: hidden; }

}

@keyframes floatEffect {

    0% {

        transform: translateY(0) rotate(0deg) scale(1);

    }

    25% {

        transform: translateY(-12px) rotate(-2deg) scale(1.02);

    }

    50% {

        transform: translateY(0) rotate(2deg) scale(1);

    }

    75% {

        transform: translateY(8px) rotate(-1deg) scale(1.02);

    }

    100% {

        transform: translateY(0) rotate(0deg) scale(1);

    }

}

/*animation end*/



.container{

	width: 100%;

	max-width: 1306px;

	margin: 0 auto;

	padding: 0px 30px;

}

/*Header*/

.header{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	z-index: 1;

	overflow: hidden;

}

.header .container{

/*	position: relative;*/

	z-index: 1;

	height: 100vh;

}

.header .header_content{

	padding: 40px 0px;

	display: flex;

	z-index: 99999;

	position: relative;

	align-items: start;

}

.header .header_content .logo_wrapper{

	width: 50% !important;

}

.header .header_content .logo_wrapper .logo{

	width: 180px;
	transform: translate(91px, 0px);

}

.header .header_content .logo_wrapper,.header_content .menu_cont{

	width: 43%;

	display: flex;

	align-items: center;

	justify-content:end;

}

.header .header_content .menu_cont .menu_btn{

	position: fixed	;

	top: 40px;

	right: 40px;

	padding: 15px 16px;

	background-color: black;

	outline: none;

	border: none;

	border-radius: 6px;

}

.header .menu_btn{

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	gap: 4px;

	transition: .3s;

	cursor: pointer;

}

.menu_btn .line{

	width: 12px;

	height: 3px;

	border-radius: 5px;

	background-color: white;

	transition: .4s;

}

.header .menu_btn:hover{

	transform: scale(1.1);

}

/*Header  End*/



/*Menu*/

.z_index_0{

	z-index: 0 !important;

}

.menu_container{

	transform: translateX(100%);

	top: 0;

	right: 0;

	position: absolute;

	background-color: #41574C;

	width: 100%;

	max-width: 50%;

	height: 100vh;

	padding: 100px 0px;

	transition: .8s cubic-bezier(.19,1,.22,1);

/*	overflow: scroll;*/

}

.menue_overlay{

	position: absolute;

	z-index: 2;

	color: black;

	width: 100%;

	background-color: black;

	height: 100vh;

	z-index: 1;

    display: none;

}

.menue_overlay_show{

    display: block;

    opacity: 0.7 !important;

}

.menu_container .menu_content{

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

}

.menu_container .menu_content .menu_list{

	display: flex;

	flex-direction: column;

	gap: 30px;

}

.menu_container .menu_content .menu_list li{

	display: flex;

	gap: 20px;

	align-items: center;

}

.menu_container .menu_content .menu_list span{

	font-family: 'waffle-soft';

	font-weight: 400;

	color: white;
	transition: 2s opacity linear(-0.13 -34.56%, 0.1 29.41%, 0.25 36.76%, 0.37 43.38%, 0.48 48.53%, 0.79 65.44%, 1 77.21%, 1.42 98.53%);

}

.menu_container .menu_content .menu_list .menu_item{

	font-size: 31px;

	text-decoration: none;

	color: #e9af1f;

	font-family: 'waffle-soft';

	transition: .5s;

	position: relative;

}

.menu_container .menu_content .menu_list .menu_item:hover{

	color: white !important;

}

.menu_container .menu_content .menu_list .menu_item::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: -3px;

    width: 0;

    height: 3px;

    background: white;

    transition: width 0.4s ease-in-out, right 0.4s ease-in-out;

}

.menu_container .menu_content .menu_list .menu_item:hover::after {

    width: 100%;

    right: 0;

}

.menu_container .menu_content .menu_list .menu_item:not(:hover)::after {

    width: 0;

    left: auto;

    right: 0;

    transition: width 0.4s ease-in-out, left 0.4s ease-in-out;

}

.menu_open{

	transform: translateX(0%) !important;

	transition: .8s cubic-bezier(.19,1,.22,1);

	z-index: 1;

}
.menu_container .menu_list li{
	transition: 1s;
}
.menu_container:not(.menu_open) .menu_list li:nth-child(1){
	transform: translate(200px, 0);
}
.menu_container:not(.menu_open) .menu_list li:nth-child(2){
	transform: translate(300px, 0);
}
.menu_container:not(.menu_open) .menu_list li:nth-child(3){
	transform: translate(400px, 0);
}
.menu_container:not(.menu_open) .menu_content .menu_list span{
	opacity: 0;
}

.rotateX{

    transform-origin: left center;

    transform: translatex(-1px) rotate(47deg) scaleX(1.6);

}

.rotatey{

	transform-origin: left center;

    transform: translatex(-1px) rotate(-47deg) scaleX(1.6);

}

.opacity_0{

	opacity: 0;

}

.menu_wrapper{

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background-color: black;

	width: 100%;

	height: 100vh;

}

.menu_inner_btn{

	margin-left: 35px;

	margin-top: 15px;

	font-size:14px ;

	font-family: 'waffle-soft';

	line-height: 1;

	text-decoration: none;

	color: white;

	background-color: #b42638;

	padding: 14px 25px;

	border-radius: 6px;

    position: relative;

    display: inline-flex;

    gap: 1.5px;

    transition: background 0.3s ease;

}

.menu_inner_btn:hover span {

    display: inline-block;

    transition: transform 0.2s ease-in-out;

}

.menu_inner_btn:hover span {

/*    animation: smoothDance 0.4s cubic-bezier(0.25, 1, 0.5, 1) forwards;*/

}

/* Keyframes for smooth up & down movement */

@keyframes smoothDance {

    0% { transform: translate3d(0px, 0px, 0px) rotate(0deg); }

    60% { transform: translate3d(0.7878px, -12.303px, 0px) rotate(28.3299deg); }

    100% { transform: translate3d(0px, 0px, 0px) rotate(0deg); }

}

/*Menu End*/



/*hero_section*/

.hero_sec{

	background-color: #ebaf1f;

	position: relative;
	height: 100vh;

}

.hero_sec .main{

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	height: 100vh;

}

.hero_sec .main .heading{

	font-family: 'waffle-soft';

	font-size: 113.596px;

	font-weight: 700;

	line-height:100px;

	text-align: center;

}

.hero_sec_links{

	position: fixed;

	bottom: 2%;

	width: 100%;

	z-index: 1;

}

.hero_sec_links ul{

	list-style: none;

	display: flex;

	justify-content: center;

	gap: 30px;

}

.hero_sec_links ul .link_item a img{

	transition: .3s;

}

.hero_sec_links ul .link_item a img:hover{

	transform: scale(1.1);

}

#MenuForms{

	position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 1;

    pointer-events: none;

}

#MenuForms canvas{

	height: 100%;

	width: 100%;

}

/*hero_section  End*/



@media (max-width: 1024px) {

	.menu_container .menu_content .menu_list .menu_item{

		font-size: 22px;

	}

	.hero_sec .main .heading{

		font-size: 73.596px;

		line-height: 87px;

	}

}

@media (max-width: 768px) {

	.menu_container{

		max-width: 100%;

		padding-top: 100px;

	}
	.header .header_content .logo_wrapper .logo{
		transform: none;
		width: 142px;
	}
	.header .header_content{
		padding: 53px 0 0px;
	}

	.hero_sec .main .heading{

		font-size: 50.596px;

		line-height: 53px;

	}

	.menu_container{

		padding: 0px 15px;

	}

	.menu_list{

		margin-top: 50px;

	}

	.header .header_content .logo_wrapper{

		justify-content: start;

	}

	.menu_inner_btn{

		margin-top: 20px;

	}

	.loader_heading{

    	font-size: 38px;

    	line-height: 38px;

	}

	.loader_sub_heading{

		font-size: 16px;

		letter-spacing: 6px;
		margin: 0;

	}

	.header_content .menu_cont{

	 	align-items: start;

	 }

	.header .header_content .menu_cont .menu_btn{

		right: 30px;

	}
	body{
		overflow: hidden;
	}
	.hero_sec{
		overflow: hidden;
	}

}