@import url('https://fonts.googleapis.com/css2?family=Grand+Hotel&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


img{
	max-width: 100%;
}



h1, h2, h3, h4, h5, h6{
	font-family: "Grand Hotel", cursive;
}

body{
	font-family: "Lato", sans-serif;
}

/*header-section*/
.header-section{
	background: url(images/banner.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding:80px 0;
}
.title-area{
	text-align: center;
}

.logo{
	margin-bottom: 44px;
}

.menu-first{
	margin-bottom:100px;
}
.menu-first ul{
	display:flex;
	justify-content: center;
	align-items: center;
}
.menu-first ul li{
	list-style: none;
}
.menu-first ul li a{
	text-decoration: none;
	font-size: 25px;
	color:#fff;
	text-transform: capitalize;
	padding:20px;
}


.midle{
	text-align: center;
	padding:0 30px;
	
}
.midle h1{
	text-transform: capitalize;
	font-size: 250px;
	color:#fff;
	margin-bottom:50px;
}
.midle p{
	padding:0 20%;
	font-size: 29.74px;
	color:#fff;	
	margin-bottom:50px;
}

.butex{
	padding: 10px 80px;
	background: #fff;
	font-size: 25.03px;
	color:#e8565e;
	border-radius: 25px;
	text-transform: uppercase;
}

.my-clock{
	font-size:25px;
	width:180px;
	height:50px;
	border:2px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top:20px;
	right:30px;
	background: #dfe6e9;
	box-shadow: 0 0 5px #000;
	border-radius: 10px;
	z-index: 3;
}

.my-clock span{
	margin:0 5px;
}



/*Popular-section*/

.Popular-section{
	background: url(images/2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding:88px 0;
}
.popular-title{
	width:65%;
	margin:0 auto;
	text-align:center;
}
.popular-title h2{
	font-size:125.08px;
	color:#e8565e;
	text-transform: capitalize;
	margin-bottom: 11px;
}
.popular-title p{
	font-size:29.74px;
	margin:0 auto;
	margin-bottom: 85px;

}


.text{
	text-align:center;
}
.text h3{
	font-size: 47px;
	color:#e8565e;
	margin: 16px 0 8px 0;
}

.text p{
	font-size:22.19px;
	color:#333333;
}




/*Statistic-section*/
.statistic-section{
	background: url(images/13.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding:70px 0;
	position: relative;
	z-index: 1;
}

.statistic-section::after{
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	background: #eb4d55;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.statistic-title{
	width:80%;
	margin:0 auto;
	text-align: center;
	color:#fff;
}

.statistic-title h2{
	font-size: 125px;
}

.statistic-title p{
	font-size: 30px;
}

.century{
	padding:0 60px;
}


.single{
	width:315px;
	height:315px;
	border:2px dashed #fff ;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.single div{
	text-align: center;
}

.single div b{
	display:block;
	color:#fff;
	font-size:67px;
}

.single div span{
	display:block;
	color:#fff;
	font-size:50px;
}



/*Menu-section*/


.Menu-section{
	background:#ede5cb;
}
.menu-title{
	width:78%;
	margin: 0 auto;
	text-align: center;
}
.menu-title h2{
	font-size: 125px;
	color:#eb4d55;
	display: block;
	margin-bottom: 30px;
}
.menu-title p{
	font-size:29.74px;
	color:#333333;
	display: block;
	z-index: 2;
	margin-bottom:60px;
}

.menu-item{
	margin-bottom: 20px;
}
.menu-item h5{
	font-size: 50.07px;
	color:#eb4d55;
}
.menu-item p{
	font-size: 22.19px;
	color:#3d3d3d;
}


/*Pasta-section*/
.pasta-section{
	background: #fff;
}
.pasta-text{
	margin:40% auto;
	padding: 0 0 0 30px;

}


.pasta-text h3{
	font-size:75px;
	color:#eb4d55;
}


.pasta-text p{
	font-size:29.74px;
	color:#3d3d3d;
}

.btnn{
	border:none;
	padding:10px 33px;
	background:#eb4d55;
	text-transform: uppercase;
	color:#fff;
	border-radius: 20px;
}





/*Packege-section*/




.packege-section{
	background: #eee6cc;
	padding:50px 0;
}
.text-title{
	width:65%;
	margin: 0 auto;
	text-align: center;
}
.text-title h3{
	font-size:100px;
	color:#eb4d55;
}
.text-title p{
	font-size:29.74px;
	color:#3d3d3d;
	margin-bottom: 80px;
}

.packege-item{
	background: #faf5e4;
	text-align: center;
	padding:70px 10px 10px;
	border-radius: 15px;
}


.packege-item h5{
	font-size:50.07px;
	color:#eb4d55;
	margin: 70px 0 25px 0;
}
.packege-item p{
	font-size:22.19px;
	color:#000000;
	margin-bottom: 30px;
}

button{
	padding:10px 95px;
	border:none;
	background: #eb4d55;
	border-radius: 20px;
	color:#fff;
	margin-bottom:27px;
}



/*chef-section*/

.chef-section{
	background: url(images/1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

.overlay-2{
	background: rgba(250, 245, 228, 0.7);
	padding:50px;
	
	
}
.chef-section p{
	font-size: 50.07px;
	color:#3d3d3d;
	margin:20px 20% ;

}
.chef-section h4{
	font-size: 86.48px;
	color:#eb4d55;
}
.chef-section{}


/*Subscribe-section*/


.subscribe-section{
	background: #faf5e4;
	position: relative;
	padding:  0 15px;
	height:60vh;

}
.subscribe-title{
	text-align: center;
	padding:0 150px;
	
}
.subscribe-title h3{
	font-size:125.08px;
	color:#eb4d55;
}
.subscribe-title p{
	width:73%;
	font-size:29.74px;
	color:#3d3d3d;
	margin:20px auto;
}

.menu-subs{
	display:flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:85%;
	left:33%;
	padding: 30px 0;
}

.menu-subs input{
	padding:10px 170px 10px 18px;
	border:none;
	color:#000;
	position:absolute;
	bottom:25%;
	left:0;
	font-size: 18px;
	border-radius: 20px 0  0 20px;

}

.boton{
	font-size: 20px;
	position:absolute;
	top:0;
	left:290px;
	padding:10px 65px;

	
}



/*Shesh-section*/



.shesh-section{
	background: #2a2a2a;
	padding:80px 0;
}

.shesh-text h4{
	font-size:54.12px;
	color:#fff;
}
.shesh-text p{
	font-size:20.19px;
	color:#fff;
}
.about{

}
.about h5{
	font-size:38.66px;
	color:#fff;
}
.about a{
	display:block;
	text-decoration: none;
	font-size:20.19px;
	color:#fff;
	text-transform: capitalize;

}

.icon{
	margin-bottom: 40px;
}

.icon div {
	padding:7px 0;
	color:#fff;
	text-transform: capitalize;

}

.icon h5{
	font-size:38.66px;
	color:#fff;
}

.icon b{
	padding:0 7px;
}