*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	

}
.form1{
    min-height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	background-image: url(as.jpeg);
	background-repeat: no-repeat;
  background-size: cover;
	


}
.contener{

	background-color: Gray;
	height: auto;
	width: 375px;
	margin: 60px 0 60px 0;

}

.hedding{
	
	
	text-align: center;
	text-transform: uppercase;
	padding: 18px 0 18px 0;
}

.one{
	
	background: linear-gradient(to right,#BC2E75,#B3B814, #FAFAD2);
	
}

.tow{
	
	background: linear-gradient(to right,#BC2E75,#7FFF00, #FAFAD2);
	color: red;
}






#chakeBoxChake{
	width: 25px;
	 height: 25px;
}
.condition{
	color: darkred;
	font-size: 22px;
}

 
/*loder part here*/
  .loadercontener {
       position: absolute;
    top: 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
       width: 100vw;
      margin: 0;
      background-color:#2F4F4F;
      text-align: center;
    }

  
    .loader {
      width: 150px;
      height: 150px;
      border: 10px solid #1e293b;
      border-bottom-color: #0000CD;
      border-top-color: red;
      border-radius: 50%;
      display: inline-block;
      box-sizing: border-box;
      animation: rotation 1.5s linear infinite;
      z-index: 30;
    }

    @keyframes rotation {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    .loading{
      color: white;
      font-size: 25px;
       letter-spacing: 5px;
    }
    .hide{
    display: none;
    }
    .block{
     visibility: visible;
    }
    #hombutton{
        height: 30px;
        width: 100px;
        background-color: #7FFFD4;
        border: none;
    }