*{
    margin: 0%;
    padding: 0%;
    font-family: 'Poppins', sans-serif;
 }
 .main{
    display: flex;
	height: 50%;
    
 }
 .main .left{
    margin-top: 77px;
 }
 .main .left nav img{
    width: 30%;
 }
 .main .left nav{
    display: flex;
    justify-content: center;
    justify-content: space-around;
 }
 .left nav .sign{
    width: 110px;
    height: 36px;
    background-color: black;
    color: white;
    border: none;
    


 }
 .left nav button{
     color: black;
     background-color: transparent;
     border: none;
     margin-inline:13px ;
     margin-top: 6px;
     font-size: 23px;
	 font-weight: 800;

 }
.main .main-img{
    width: 500px;
	height: 85vh;
}
.main .left .txt{
    margin-left: 63px;
    margin-top: 77px;
}
.left .txt h1{
    font-size: 43px;
}
.left .txt p{
    margin-top: 22px;
    font-size: 22px;
}
.left .txt .inp{
    display: flex;
    margin-top: 22px;
}
.left .txt input{
    width: 380px;
    height: 36px;
    border: 1px solid rgb(241, 76, 16);
    border-right: none;
    padding: 8px;
     
}
.left .txt .inp button{
     width: 120px;
     background-color: rgb(237, 74, 15);
     border: none;
     font-size: 18px;
     color: white;
    
}

.card{
    display: flex;
    justify-content: center;
    justify-content: space-around;
    background-color: rgb(36, 19, 7);
    text-align: center;
    color: white;
    padding: 44px;
}
.card .crd img{
    width: 33%;
}
.rest{
    display: flex;
    justify-content: center;
    justify-content: space-around;
}
.rest img{
    width: 32%;
}
.rest .text{
    margin-top: 84px;
}
.rest .text h1{
    font-size: 44px;
}
.rest .text p{
    margin-top: 11px;
}
.rest .text img{
    margin-top: 22px;
}
.footer{
    display: flex;
    justify-content: center;
    justify-content: space-around;
    color: white;
    background-color: black;
    padding: 44px;
}
.footer .list {
    margin-inline: 33px;
}
.footer .list img{
    width: 53%;
    border: 2px solid white;
    border-radius: 4px;
    margin-top: 11px;
}

#popular{
	color: red;
	font-style: italic;
}


/* Responsive properties */

@media (max-width: 433px) {
	.main{
		flex-wrap: wrap;
	}
    .card{
			/* flex-wrap: wrap; */
			padding: 0px 2px;
			margin: 0px 0px;
		}
    .card p{
		padding: 20px 10px;
	}
	.card .crd img {
		width: 30%;
	}
	.rest .text p {
		margin-left: 15px;
	}
	.box1{
		margin-top: 5px;
	}
	.box3{
		margin-top: -32px;
	}
	
	.left .txt input {
		width: 188px;
		height: 30px;
		border: 1px solid rgb(241, 76, 16);
		border-right: none;
		padding: 6px;
		margin-left: -3px;
	
	}
	.main .main-img {
		width: 400px;
		height: 83vh;
	}
	.footer {
		display: flex;
		justify-content: center;
		justify-content: none;
		color: white;
		background-color: black;
		padding: 40px;
	}
	.rest .text h1 {
		font-size: 30px;
		margin-left: 15px;
		margin-top: -60px;
	}
	.rest .text img {
		margin-bottom: 2px;
		margin-top: 22px;
		margin-left: 15px;
	}
	.footer .list {
		margin-inline: 0px;
		margin: 0 100px;
        padding: 20px 0px;
	}
	.footer{
		flex-wrap: wrap;
	}
	.footer p{
		
			margin: -5%;
			padding: 0%;
	}
	.left .txt p{
		margin-top: 10px;
        font-size: 20px;
        margin-bottom: 25px;

	}
	.footer .list img {
		width: 100%;
		border: 2px solid white;
		border-radius: 8px;
		margin-top: 11px;
		margin-bottom: 0px;
	}
}