@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* ==================================== */
#titlNotLect {
   background-color: #fff;
}

#titlNotLect .titleNote h2 {
   color: #000000;
   position: relative;
   font-family: 'Roboto', sans-serif;
   font-size: 64px;
   font-weight: 800;
   line-height: 70px;
   letter-spacing: -0.02em;
   text-align: center;

}

.textNote p {
   font-family: 'Open Sans', sans-serif;
   font-size: 18px;
   font-weight: 400;
   line-height: 25px;
   letter-spacing: 0em;
   text-align: center;
   color: #00000099;

}

#titlNotLect .titleNote h2::after {
   content: '';
   height: 3px;
   background-color: #000000;
   width: 55px;
   position: absolute;
   bottom: -10%;
   left: 46%;
   border: 5px;
   border-radius: 0px;
}

@media only screen and (min-width: 751.5px) {
   #titlNotLect .gestionWith {
      width: 80%;
   }

   #titlNotLect .textNote {
      display: flex;
      align-items: center;
      justify-content: center;
   }

   #titlNotLect .textNote .text-center {
      width: 730px !important;
   }
}

#contact{
   height: max-content !important;
   margin-bottom: 100px;
}
#contact .contactElt {
   box-shadow: 0px 20px 40px 0px #0000001A;
   border-radius: 20px;
}

#contact .contactElt .infoContact {
   border-radius: 20px;
   background-color: #e1e1e1;
}



#contact .contactElt .infoContact .titlInfCont h2{
   font-family: 'Roboto', sans-serif;
   font-size: 40px;
   font-weight: 700;
   line-height: 48px;
   letter-spacing: -0.02em;
   text-align: left;
   color: #fff;
   position: relative;
   height: max-content !important;
}

#contact .contactElt .infoContact .titlInfCont h2::after {
   content: '';
   height: 3px;
   background-color: #fff;
   width: 75px;
   position: absolute;
   bottom: -30px;
   left: 0%;
   border: 5px;
   border-radius: 0px;
}

#contact .contactElt .infoContact h5 {
   font-family: 'Open Sans', sans-serif;
   font-size: 24px;
   font-weight: 700;
   line-height: 52px;
   letter-spacing: -0.01em;
   text-align: left;
   color: #fff;
}

#contact .contactElt .infoContact p {
   font-family: 'Open Sans', sans-serif;
   font-size: 18px;
   font-weight: 400;
   line-height: 32px;
   letter-spacing: -0.01em;
   text-align: left;
   color: #fff;


}

#contact .contactElt .infoContIcon {
   width: 65px;
   height: 65px;
   border-radius: 16px;
   background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 10px;
}

#contact .contactElt .infoContact .infoContIcon svg,
#contact .contactElt .formContact span svg {
   color: #2897E7;
   font-size: 18px;
}

#contact .contactElt .formContact input, select {
   height: 50px;
   border-radius: 0% !important;
   border-left: none !important;
}
#contact .contactElt .formContact input:focus{
   outline: none !important;
}
#contact .contactElt .formContact textarea:focus{
   outline: none !important;
}
#contact .contactElt .formContact span {
   border-radius: 0% !important;
   border-right: none !important;
   background-color: transparent;

}

#contact .contactElt .formContact .sptextarea {
   padding-top: auto;
   align-items: start;
   outline: none !important;
}

#contact .contactElt .formContact textarea {
   height: 220px;
   border-left: none !important;
}

#contact .contactElt .formContact .btnSubmit{
   border-top-left-radius: 20px;
   border-bottom-right-radius: 20px;
   border-top-right-radius: 0%;
   border-bottom-left-radius: 0%;
   font-family: 'Open Sans', sans-serif;
   font-size: 18px;
   height: 65px;
   font-weight: 700;
   line-height: 23px;
   letter-spacing: 0.02em;
   text-align: center;
   color: #fff;
   background-color: #2897E7;
   align-items: end;
}
#contact .contactElt .formContact .btnSubmit:hover{
   background-color: #4aacf2;
}
@media screen and (min-width: 991.5px) {
   .contBtnSubt{
      position: relative;
      bottom: 0%;
   }
}