@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
	font-family: 'Roboto', sans-serif;

	.input-with-icon {
	  padding-left: 2.5rem;
	}
	.bg-green-self{
		background-color: #56B847;
	}
	.toptitle{
	/*	background-image: url('https://i.ibb.co/YNFVj78/rays3.png');*/
		background-repeat: no-repeat;
		background-position: center;
	}

	.input-with-icon::before {
	  content: "";
	  position: absolute;
	  top: 0.5rem;
	  left: 0.5rem;
	  width: 1.5rem;
	  height: 1.5rem;
	  font-family: "Font Awesome 5 Free";
	  font-weight: 900;
	  font-size: 1rem;
	  line-height: 1.5rem;
	  text-align: center;
	}
	.patua{
		font-family: 'Patua One',sans-serif;
	}
	h1{
		font-family: 'Roboto', sans-serif;
		color: white;
	}

	.shadow-megaxl{
		--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 1.1);
	}


	@media screen and (min-width: 640px) {
	  .input-with-icon::before {
	    left: 1rem;
	  }
	}