body {
	font-family: "Poppins", sans-serif;
	background-color: #fcf7f0;
}
#id_name,
#id_phone,
#id_organization {
	border: none;
	border-bottom: 0.2px solid #1a1f71;
	margin-bottom: 20px;
	margin-right: 30px;
	padding-top: 0px;
	margin-left: 10px;
	padding-left: 10px;
	background: #fcf7f0;
	/* border: 1px solid black; */
}
#id_name {
	margin-top: 30px;
}
.centered-placeholder {
	text-align: left;
	color: #6568a3;
	font-family: "Poppins", sans-serif;
}
.centered-placeholder::placeholder {
	text-align: center;
	color: #6568a3;
}
.container {
	width: 60%;
	height: 590px;
	margin: auto;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 1px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* border: 1px solid red; */
}
.cardly-container {
	width: 50%;
	height: 50%;
	margin-top: 5px;
	display: flex;
	background-image: url("final.jpeg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	/* border: 2px solid purple; */
}
.cardly-shadow {
	width: 18%;
	height: 25%;
	margin: auto;
	margin-top: 130px;
	background: linear-gradient(#bcc9d3, #afc9dd);
	background-color: #eaeef1;
	/* border: 2px solid black; */
	border-radius: 15px;
}
.cardly {
	width: 85%;
	height: 85%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3px;
	background-color: #f8f6e8;
	/* border: 2px solid black; */
	/* border: 2px solid #eaeef1; */
	border-radius: 15px;
}
.cardly span {
	/* margin: auto; */
	color: #1a1f71;
	font-weight: bold;
	letter-spacing: 1.1px;
}
.form-container {
	width: 80%;
	height: 90%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	column-gap: 1px;
	/* border: 1px solid black; */
}

.form-container p {
	width: 100%;
	height: 20%;
	font-family: "Balsamiq Sans", sans-serif;
	color: #1a1f71;
	font-weight: bold;
	font-size: 36px;
	letter-spacing: 2.5px;
}
.welcome {
	margin-top: 1px;
	margin-bottom: 1px;
	align-self: flex-start;
	display: flex;
	align-items: center;
	justify-content: center;
	/* border: 1px solid brown; */
}
.submit {
	width: 100%;
	height: 25%;
	margin-bottom: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* border: 1px solid black; */
}

#submit-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Poppins", sans-serif;
	background: #eaeef1;
	color: #1a1f71;
	border: 0.1px solid #d0d2e7;
	border-radius: 20px;
	padding: 5px;
	margin-top: 5px;
	/* margin-left: 70px; */
	letter-spacing: 1.5px;
}
.powered {
	width: 100%;
	height: 10%;
	padding-top: 1px;
	letter-spacing: 2.5px;
	align-self: flex-end;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 55px;
	margin-bottom: 1px;
	color: #1a1f71;
	font-weight: bold;
	line-height: 20px;
	/* border: 1px solid black; */
}

@media only screen and (0px <= width <= 480px) {
	.container {
		width: 100%;
	}
	.welcome {
		width: 70%;
		height: 10%;
	}
	.cardly-container {
		width: 100%;
		height: 30%;
		margin-top: 2px;
		/* border: 2px solid black; */
	}
	.cardly-shadow {
		width: 20%;
		height: 30%;
		margin-top: 100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.cardly {
		width: 80%;
		padding-bottom: 1px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.cardly span {
		letter-spacing: 0.2px;
		line-height: 1px;
	}
	.welcome {
		width: 90%;
		height: 10%;
	}
	.welcome p {
		font-size: 10px;
	}
	.contact {
		width: 100%;
		height: 90%;
	}
	.form-container {
		width: 100%;
		height: 70%;
		justify-content: flex-start;
		margin-top: 10px;
		padding-top: 0px;
	}
	.form-container p {
		height: 10%;
		font-size: 25px;
		letter-spacing: 2.5px;
	}
	#id_name {
		align-self: self-start;
	}
	.container p {
		align-self: flex-end;
	}
	.submit {
		padding-top: 1px;
	}
	#submit-btn {
		padding-left: 5px;
	}
	.powered {
		align-items: center;
		justify-content: center;
		text-rendering: optimizeLegibility;
		margin-top: 75px;
	}
}

@media only screen and (481px <= width<= 768px) {
	body {
		font-family: "Inter", sans-serif;
		font-size: 30px;
		letter-spacing: 1.5px;
	}
	.container {
		width: 600px;
		height: 500px;
		margin: auto;
		padding-left: 0px;
		padding-top: 50px;
		/* border: 1px solid red; */
		background-color: #e5e5e5;
	}
	#id_name,
	#id_phone,
	#id_organization {
		margin-right: 0px;
		margin-bottom: 30px;
		margin-top: 60px;
		width: 175px;
	}
	#id_name {
		margin-top: 75px;
	}
	#submit-btn {
		margin-top: 28px;
		padding: 12px;
		font-size: 30px;
		border-radius: 30px;
	}
	.container p {
		width: 100%;
		height: 10%;
		border: 1px solid red;
		align-self: flex-end;
	}
}

@media only screen and (769px<= width <= 1024px) {
	body {
		font-family: "Inter", sans-serif;
		font-size: 30px;
		letter-spacing: 1.5px;
	}
	.container {
		width: 900px;
		height: 600px;
		margin: auto;
		padding-left: 0px;
		padding-top: 75px;
		/* border: 1px solid red; */
		background-color: rgb(243, 238, 242);
	}
	#id_name,
	#id_phone,
	#id_organization {
		margin-right: 0px;
		margin-bottom: 30px;
		margin-top: 60px;
		width: 100px;
	}
	#id_name {
		margin-top: 90px;
	}
	#submit-btn {
		margin-top: 30px;
		padding: 15px;
		font-size: 40px;
		border-radius: 30px;
	}
	label {
		margin-left: 5px;
	}
}