.register__path{
   padding-inline: 4rem;
   display: flex;
   & li a{
   position: relative;
   color: #00666C;
   padding: .3rem 0;
   &::after{
       content: '';
       position: absolute;
       left: 0;
       bottom: 5px;
       width: 0;
       height: 1px;
       background-color: #ffce4c;
       transition: width 500ms ease;   
   }
   &:hover{
       color:#ffce4c;
   } &:hover::after{
       width: 100%;
   } 
   }
 }
.form__section__register--body{
   display: flex;
   justify-content: center;
   align-items: center;
   background-image: url("/images/Background-register.svg");
   background-size: cover;
   background-position: center;
   margin-bottom: 5rem;
   height: auto;
   padding-block: 5rem;
   padding-inline: 12rem;
}

.pass{
   border: none;
   background-color: transparent;
   outline: none;
   width: 90%;
}
.button__changeType{
   border: none;
   outline: none;
   background-color: transparent;
   padding: 0;
}

.button__changeType:focus{
   outline: none;
}


.form__section{
   // border: 1px solid lightgray;
   color: #004246;
   border-radius: 1rem;
   padding: 3rem;
   // box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); 
   background-color: #FFFFFF;
   border-radius: 2rem;
   h1{
      font-size: 3rem;
      color: #00666C;
      padding-bottom: 1rem;
   }
}
.display{
   display: flex;
   flex-direction: column;
}
.label, .check{
   margin-block: 1.5vh;
}
#inputPassword-container, #inputPassword-container-old, #inputPassword-container-first, #inputPassword-container-second, .input{
   border-radius: 14px;
   border: 1px solid rgb(201, 218, 220);
   background-color: rgb(244 247 247);
   width: calc(100% - 1rem); 
   padding: .9rem;
   height: 3.2rem;
   font-size: .875rem;
   box-sizing: border-box;
   &:focus-within{
       outline: none;
       border: 3px solid rgb(37, 77, 235);
   }
}
.eye{
   width: 1.2rem;
}
.form__section--button{
   display: flex;
   justify-content: flex-end;
   padding: 0.875rem 1.25rem;
}
.form-btn{
   display: flex;
   justify-content: center;
   font-weight: bold;
   border-radius: 1rem;
   border:1px solid rgb(0 66 70);
   padding: 0.75rem 1.5rem; 
   background-color: initial;
   color: #004246;
   transition: 0.4s ease-in-out;
   &:hover{
      color: white;
      background-color: rgb(0 66 70);
      cursor : pointer;
      transition: 0.4s ease-in-out;
   }
}
.partie-praticien, .partie-personnelle {
   margin-bottom: 2rem; 
}

.cards{
   display: flex;
   flex-wrap: wrap;
}

.gender .required::after{
   content: none;
}

.gender label{
   padding-left: 0.2rem;
   padding-top: .5rem;
}

.gender .required{
   padding-right: 1rem;
}
.account__validation--text{
   padding-top: 2rem;
}
@media screen and (max-width: 700px){
   .register__path{
      padding-inline: .5rem;
   }
   .form__section__register--body{
      padding-block: 3rem;
      padding-inline: .5rem;
      margin-bottom: 4rem;
   } 
   .form__section{
      padding: 2rem;
      padding-inline: 1rem;
      h1{
         font-size: 2.2rem;
      }
   }
   
   .pass{
      border: none;
      background-color: transparent;
      outline: none;
      width: 90%;
   }
}
.section__term{
  display: flex;
  align-items: center;
  padding-right: 10%;
}
@media screen and (min-width : 1600px) {
   .form__section{
      width: 60rem;
   }
}