img{
	/*width: 100%;*/
}

@font-face{
font-family: yekan;
src:url(Yekan.woff);
}

body{
	/*background-color: black;*/
	 background: rgb(105,86,204);
background: linear-gradient(90deg, rgba(105,86,204,1) 0%, rgba(191,81,193,1) 40%); 
 font-family: yekan;
}

.wc{
 width: 66.66% ;
 border-radius: 15px;
 background: white; 
 display: block; 
 margin: 6px auto ; 
 text-align: center; 
 height: 600px;
} 

.container{

}

.i1{
	margin-top: 17%; 
	position: relative;
}

.im1{
	width: 60%; border-radius: 20px; 
}
.im2{
width: 90%;
/*max-width: : 50%;*/
}

.input1{
	margin : 45px auto ;
	 width: 65%;  
	/*border: 1px solid black;*/
	border-radius: 20px !important;
	z-index: 1;
	position: relative;
	background: #E9ECEF;
	 }

.input2{
width: 65%; 
margin: auto;
/*border: 1px solid black;*/
	/*border-radius: 20px;*/
background: #E9ECEF;
}

.input3{
	border-radius: 50px !important;
}

.mb-3{
	margin-bottom: 7px !important;
}

.inputinside{
	 text-align: center; 
	 padding: 10px !important;
	 background-color: #E9ECEF;
	/*background-color:none;*/
	border:none;
	/*background: rgb(230,230,230);
	*/
	
	border-radius: 20px  !important;
}

/*.inputinside2{
	margin : 10px auto ;
}*/

.btnclass{
	width: 65%; 
	margin-top: 25px; 
	border-radius: 22px; 
	padding: 9px; 
	background: rgb(87,184,69);
	border: none;
}

@media screen and (max-width: 768px){
	.im1{display: none;}
	.im2{width: 80%;}
	.input1{width: 100%;}
	.input2{width: 100%;}
	.wc{width: 85%;
		height: 650px;}
	.btnclass{width: 100%;
		margin-top: 40px;}


}
/*.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text{
	border-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;
}
.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text{
	padding: auto;
}*/


.input-group-text{
	background: transparent;
	border:none;
}

/*.input-group > .form-control, .input-group > .form-select{
	flex:  auto;
}*/

.inputinside:focus {
  background-color: #E9ECEF;;
/*border-style: none;*/
box-shadow: none;

}
.btnclass:hover{
	background-color: #2f9e44
}