section { display: flex; justify-content: center; align-items: center; height: 100vh; padding: 20px; }

#register .background { position: absolute; width: 100%; height: 100%; object-fit: cover; }
#register .logo { 
  z-index: 10;
  position: absolute; 
  top: 0; 
  left: 0; 
  padding: 20px;
  background: #efefef;
  border-radius: 50%;
  border-top-left-radius: 0; }

#register .content {
  position: relative;
  width: 800px;
  height: 85%;
  top: 20px;
  background: #fff;
  border-radius: 10px;
  animation-duration: .7s; }

#register .content > .head { position: relative; height: 20%; overflow-x: clip; }
#register .content > .head > .head_background {
  position: absolute;
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  object-fit: cover; }
#register .content > .head > .group { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); left: 30px; }
#register .content > .head > .icon { position: absolute; height: 130%; bottom: 0; right: 40px; }
.delay05 { animation-delay: .5s; }
#register .content > .head > .icon { display: none; }

#register .content > .body { height: 80%; padding: 20px; }
#register .content > .body .title { text-align: center; font-weight: 700; margin-bottom: 10px; }
#form_register { height: 70%; }
#form_register .list_inputs { 
  display: flex;
  flex-flow: wrap;
  align-content: baseline;
  overflow: auto; 
  height: 100%; }

#form_register .title_info { text-align: center; font-size: 16px; font-weight: 600; }
#form_register .title_info > i { font-size: 28px; margin-right: 5px; } 
#register_initial_img { opacity: .5; height: 100%; }

#modal[data-type="terms_conditions"] .ul_list { text-align: left; font-size: 15px; }
/* #register .content > .body label { display: flex; align-items: center; line-height: 1.1; } */