*{
  font-family:'Poppins';
  color:#000;
}

body{
  font-family: 'Poppins';
  font-weight: 400;
}

label{
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
}

input{
  margin-bottom: 16px;
  width: 100%;
}

.root{
  display:flex;
  height: 100vh;
  flex-direction: column;
  padding:150px;
  text-align: center;
  width: 100vw;
}

.root > .upperContent{
  text-align: center;
}

.root > .upperContent > img{
  margin-bottom:16px;
}

.root > .upperContent > h1{
  line-height: 33px;
  font-size:22px;
  font-weight: 600;
}

.root > .upperContent > h2{
  color:#52575C;
  line-height: 24px;
  font-size:16px;
  font-weight: 400;
}

.root > .formContent{
  display:flex;
  flex-direction: column;
}

.root > .formContent > form{
  display: flex;
  flex-direction: column;
  width: 100%;
}

.root > .formContent > form > .form-group{
  text-align: left;
}


.register{
  display:flex;
  height: 100vh;
  flex-direction: column;
  padding:150px;
  text-align: center;
  width: 100vw;
}

.register > .registerContent{
  text-align: center;
}

.register > .registerContent > form{
  display: flex;
  flex-direction: column;
  width: 100%;
}

.register > .registerContent > form > .form-group{
  text-align: left;
}

.register > .registerContent > form > .form-group > .radio-wrapper{
  display: flex;
  flex-direction: row;
}

.register > .registerContent > form > .form-group > .radio-wrapper > .form-check{
  margin-right: 40px;
}

.register > .registerContent > form > .form-group > .radio-wrapper > .form-check > label{
  font-size:13px;
  font-weight: 400;
}

.register > .registerContent > form > .form-date{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: left;
}

.register > .registerContent > form > .form-date > .startDate{
  width: 49%;
}