/* navbar */



@media only screen and (min-width: 600px) {

	html,body {

	  width: 100%;

	  padding: 0;

	  margin: 0;

	  overflow-x: hidden;

	}

   

    

  }



@media only screen and (max-width: 600px) {

	html,body {

	  width: 100%;

	  padding: 0;

	  margin: 0;

	  overflow-x: hidden;

	}



	input[type=tel]{

		width: 90%!important;

	}

	.parent-form {

		width: 90%!important;

	}

	

    .top-right{

		width: 300px!important;

		top:-5px;

		right: -50px;

		position: absolute;

	}

	.bottom-left{

		position: absolute;

		width: 400px!important;

		bottom: -5px;

		left:-100px;

	}

    

    

   

  }



  @media only screen and (max-width: 1000px) {

	html,body {

	  width: 100%;

	  padding: 0;

	  margin: 0;

	  overflow-x: hidden;

	}

    

    

    

   

  }

  @media only screen and (max-width: 1200px) {

	html,body {

	  width: 100%;

	  padding: 0;

	  margin: 0;

	  overflow-x: hidden;

	}

    

    

    

   

  }





  body {

	background: transparent linear-gradient(120deg, #F6F6FC 0%, #FEF6FA 100%) 0% 0% no-repeat padding-box;



}



.rara {

	height: 700px;

}



.parent-form {

	width: 35%;



	margin: auto;

	padding: 2rem;

	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

	background-color: white;

	margin-top: 7rem;

	border-radius: 25px;

}



.inp-box {

	width: 90%;

	height: 40px;

	border-radius: 25px;

	padding: 1rem;

	border: 1px solid;

}







.mob {

	font-size: 15px;

	font-weight: 500;

}



.submit {

	width: 90%;

	height: 40px;

	border-radius: 25px;

	background-color: #FA5833;

	color: white;

	border: none;

}



.logo {

	width: 250px;

}



form p {

	text-align: left;

}



form h1 {

	font-size: 36px;

	font-weight: bolder;

	color: #000000;

}



form .proceed {



	margin-top: 3rem;

	font-weight: 500;

}

.top-right{

	width: 500px;

	top:-5px;

	right: 0px;

	position: absolute;

}

.bottom-left{

	position: absolute;

	width: 600px;

	bottom: -5px;

	left:-50px;

}





/* ***************************end************************************* */