* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'poppins', sans-serif;
}

.container{
	width: 100%;
	height: 100vh;
	/* background-color: blue; */
	display: flex;
	flex-direction: column;

}
.head{
	width: 100%;
	height: 75px;
	background-color: rgb(87, 58, 58);
	background-image: url(../image/header.png);
	background-repeat: no-repeat;
	background-size: cover; 
	background-position:center;
}
.big{
	width: 100%;
	height: 100vh;
	background-color: rgb(155, 41, 41);
	background-image: url(../image/backyy.png);
	background-repeat: no-repeat;
	background-size: cover; /* Or use 'cover' */
	background-position:center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 90px;
	padding-right: 140px;

}
.card{
	height: 300px;
	width: 300px;
	/* background-color: aqua; */
	background-image: url(../image/form2.png);
	border-radius: 4px;
	background-repeat: no-repeat;
	background-size: cover; /* Or use 'cover' */
	background-position:center;
}
form{
	margin-top: 69px;
	/* background-color: rgb(184, 184, 187); */
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px;
}
.input-container {
	position: relative;
	width: 100%; /* Adjust width as needed */
  }
  
  .input-container input {
	width: 100%; /* Makes the input fill the container */
	padding-left: 40px; /* Add padding to make room for the icon on the left */
	box-sizing: border-box; /* Ensure padding doesn't affect width */
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
  }
  	
  .input-container .input-icon {
	position: absolute;
	left: 10px; /* Position the icon inside the input on the left */
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none; /* Prevent the icon from blocking input interactions */
	fill: #888; /* Adjust color as needed */
  }
  .check{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
  }
  .check p{
	font-size: 12px;
	color: rgb(192, 187, 187);
  }
  .first{
	display: flex;
	gap: 5px;
  }
  svg{
	color: #cfd0d1;
  }
  form button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 7px;
	font-size: 16px;
	background-color: #E94D23;
	color: white;
	border: none;
	border-radius: 4px;
  }
.foot{
	width: 100%;
	height: 72px;
	/* background-color: rgb(24, 17, 17); */
	background-image: url(../image/footer.png);
	background-repeat: no-repeat;
	background-size: contain; /* Or use 'cover' */
	background-position:center;
}
.center{
	display: flex;
	align-items: center;
	justify-content: center;
}


  .errormsg{
	font-size: 12px;
	color: red;
	display: none	;
  }

 @media screen and (max-width: 768px){
	svg{
		display: none;
	}
	.head{
		/* display: none; */
		height: 125px;
		background-image: url(../image/photo.jpg);
	}
	.foot{
		height: 200px;
		background-image: url(../image/white.png);
	}
	.card1{
		display: none;
	}
	.card{
		width: 100%;
		/* background-color: rgb(255, 255, 255); */
		background-image: url(../image/white.png);
		border: none;
	}
	.big{
		padding: 0;
		margin: 0;
		/* margin: auto; */
		height: min-content;
	}
	form{
		margin-top: 0;
	}
	.card{
		height: 230px;
	}
	.check{
		display: none;
	}
  }