*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
.header{
  display:flex;
  justify-content: center;
}
#header__logo{
  width: 60px;
  height: 60px;
}
#header_text{
  color: #4285F4;
  font-size: 18px;
  font-family: Poppins;
  font-weight: 500;
  word-wrap: break-word
}
#header_icon{
  width: 20px;
  height: 20px;
  border-radius: 0%;
}
#header_address{
  color: rgba(0, 0, 0, 0.50);
  font-size: 12px;
  font-family: Poppins;
  font-weight: 100;
  word-wrap: break-word;
  margin-left: 5px;
}
#line{
  height: 2px;  
  background-color:#06D3FE;  
  border: none;

}
.body{
  display: flex;
  justify-content: space-around;
  
 
}
#create{
  justify-content: center;
  font-family: poppins;
  font-size:16px;
  
}
#please{
  font-family:poppins;
  font-size:13px;
}
#profile{
  justify-content: center;
  display:grid;
  border-radius: 60px;
  padding: 10px;
 
 
 
}
#signin{
  text-decoration: none;
  font-family: poppins;
  font-size: 15px;
}
#already{
  font-family: poppins;
  font-size: 15px;
  
}


.form__container .row_2{
  justify-content: space-between;
  width: 100%;
  display:flex;
}
.form__container .row_3{
  justify-content: space-between;
  width: 100%;
  display:flex;
}
.form__container .row_4{
  justify-content: space-between;
  width: 100%;
  display:flex;
}
.form__container .row_5{
  justify-content: space-between;
  width: 100%;
  display:flex;
}
.accept{
  position: fixed;
  display:flex;
  bottom: 18%;
  margin-left:40%;
  font-family: poppins;
  font-size: small;
}
.footer{
  display: flex;
  position: fixed;
  bottom:12%;
}
#back{
  position:fixed;
  left:10%;
  width:8%;
  height: 5%;
  font-family: poppins;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;
}
#submit{
  position:fixed;
  color: white;
  font-family: poppins;
  left:42%;
  width:14%;
  height: 5%;
  background-color: #4285F4;
  border-color: #4285F4;
  border-radius: 4px;
}

.form__container{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80%;
}
.form__container .row_1{
  justify-content: space-between;
  width: 100%;
  display:flex;
}
#agree{
  margin-left: 10px;
}
#icon{
  margin-right: 7px;
}
#row_name{
  font-family: poppins;
  font-size: 13px;
}
#box_name{
  margin-left: 80px;
  width: 60%;
  height: 32px;
  font-family: poppins;
  font-size: 13px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;
}
#row_number{
  font-family: poppins;
  font-size: 13px;
}
#box_number{
  margin-left: 19px;
  width: 60%;
  height: 32px;
  font-family: poppins;
  font-size: 13px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;
}
#row_date{
  font-family: poppins;
  font-size: 13px;
  margin-right: 80px;
}
#box_date{
  font-size: 13px;
  font-family: poppins;
  height: 32px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;
 
}
#row_email{
  font-size: 13px;
  font-family: poppins;
  margin-right: 7.8rem;
 }
#box_email{
  font-size: 13px;
  font-family: poppins;
  height: 32px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;
}
#row_address{
  font-size: 13px;
  font-family: poppins;

}
#box_address{
  font-size: 13px;
  font-family: poppins;
  height: 70px;
  margin-left: 64px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;
}
#row_pincode{
  font-family: poppins;
  font-size: 13px;
  margin-right: 6.7rem;

}
#box_pincode{
  font-size: 13px;
  font-family: poppins;
  height: 32px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;
}
#row_adhar{
  font-family: poppins;
  font-size: 13px;

}
#box_adhar{
  font-family: poppins;
  font-size: 13px;
  margin-left: 20px;
  height: 32px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;

}
#row_pan{
  font-family: poppins;
  font-size: 13px;
  margin-right: 5rem;

}
#box_pan{
  font-family: poppins;
  font-size: 13px;
  height: 32px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;

}

#row_sex{
  font-family: poppins;
  font-size: 13px;

}
#row_male{
  font-family: poppins;
  font-size: 13px;
  margin-left: 6rem;

}
#row_female{
  font-family: poppins;
  font-size: 13px;
  margin-left: 30px;

}
#row_marital{
  font-family: poppins;
  font-size: 13px;
  margin-right: 6.3rem;

}
#row_married{
  font-family: poppins;
  font-size: 13px;
}
#row_single{
  font-family: poppins;
  font-size: 13px;
}
#box_married{
  margin-right: 32px;
}
#row_kyc{
  font-family: poppins;
  font-size: 13px;
  

}
#box_kyc{
  font-family: poppins;
  font-size: 13px;
  height: 32px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;
  margin-left: 92px;

}
.custom__radio input[type="radio"] {
  appearance: none;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom__radio label {
  position: relative;
  padding: 5px 15px;
  margin-bottom: 0px;
  cursor: pointer;
  z-index: 10;
  border: 1px solid grey;
  border-radius: 5px;
}

.custom__radio label::after {
  content: "";
  position: absolute;
  display: none;
}

.custom__radio input[type="radio"]:checked+label::after {
  display: block;
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
}
.custom__radio input[type="radio"]:checked+label {
  background-color: blue;
  color: white;
  border-color: blue;
} 
#row_sex{
  font-family: poppins;
  font-size: 13px;
}
#row_male{
  font-family: poppins;
  font-size: 13px;
  margin-left:4rem;

}
#box_male{
  font-family: poppins;
  font-size: 13px;
  height: 30px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;

}
#row_female{
  font-family: poppins;
  font-size: 13px;
  margin-right: 5rem;


}
#box_female{
  font-family: poppins;
  font-size: 13px;
  height: 30px;
  margin-left: 50px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;

}
.custom__radio1 input[type="radio"] {
  appearance: none;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom__radio1 label {
  position: relative;
  padding: 5px 15px;
  margin-bottom: 0px;
  cursor: pointer;
  z-index: 10;
  border: 1px solid grey;
  border-radius: 5px;
}

.custom__radio1 label::after {
  content: "";
  position: absolute;
  display: none;
}

.custom__radio1 input[type="radio"]:checked+label::after {
  display: block;
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
}
.custom__radio1 input[type="radio"]:checked+label {
  background-color: blue;
  color: white;
  border-color: blue;
} 
#row_marital{
  font-family: poppins;
  font-size: 13px;
  margin-left: 4rem;
  
}
#row_married{
  font-family: poppins;
  font-size: 13px;
  margin-left:4rem;

}
#box_married{
  font-family: poppins;
  font-size: 13px;
  height: 30px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;

}
#row_single{
  font-family: poppins;
  font-size: 13px;
  margin-right: 5rem;


}
#box_single{
  font-family: poppins;
  font-size: 13px;
  height: 30px;
  margin-left: 50px;
  border-radius: 4px;
  border-color: #D9D9D9;
  border-style:solid;
  border-width: 1px;

}
.radio-container {
  display:flex;
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 10px;
}

.radio-label{
  display: inline-flex;
  margin-bottom: 5px;
}

.radio-input {
  display: none;
}

.radio-input:checked + .radio-label {
  background-color: #5b5d8d;
  color: #fff;
}